/* =============================================================================
   amusnet.com/news — page-specific styles
   Rules transcribed verbatim from the live site (minified: colours to hex,
   media queries merged, third-party widget CSS dropped).
   Shared chrome (header / footer / age gate / h2 / .bttn) lives in styles.css —
   load styles.css FIRST, then this file.
   ============================================================================= */

/* ---------- SEARCH ---------- */
.search-container{margin-bottom:43px;position:relative}
.search-container .search-bar{border:2px solid #1e1e1e;border-radius:50px;padding:10px 12px;width:251px;margin:0px 0px 0px auto;transition:width 0.5s;position:relative;z-index:10}
.search-container .search-bar input{width:90%}
.search-container .search-bar input:focus{outline:unset}
.search-container .search-bar svg{float:right;font-size:18px}
.search-container #articles-container{position:absolute;display:none;background-color:white;padding:50px 20px 20px;top:0px;border-radius:20px;width:100%;max-height:345px;overflow-y:scroll;box-shadow:rgba(31,31,31,0.3) 1px 17px 13px 2px}
.search-container .close-icon{margin-right:5px;transform:rotate(45deg);display:none}

/* ---------- LIST ---------- */
#all-news{position:relative;background-color:#f5f5f5;padding:0px 0px 150px}
#all-news h1{text-align:center;padding:124px 0px 44px;font-size:36px;font-weight:400;line-height:41px}
#all-news #articles{display:flex;flex-wrap:wrap}
#all-news .article{position:relative;width:342px;margin:0px auto 50px;padding:20px 20px 40px;background-color:#ffffff;border-radius:20px;text-align:left}
#all-news .article .thumbnail{width:100%;height:auto;border-radius:10px}
#all-news .article .date{display:flex;justify-content:left;margin:10px 0px 20px}
#all-news .article .date img{width:16px;height:16px;margin-right:8px}
#all-news .article .date p{color:#858689;font-size:12px;font-style:italic;font-weight:400;line-height:17px}
#all-news .article h2{font-size:16px;font-weight:600;line-height:17px;text-align:left;padding:0px}
#all-news .article .text{font-size:14px;font-style:normal;font-weight:400;line-height:17px;margin:10px 0px 44px}
#all-news .article a{position:absolute;bottom:36px;left:30px;display:flex;justify-content:left;text-decoration:none;vertical-align:top}
#all-news .article a p{color:#1e1e1e;font-size:12px;font-weight:700;line-height:17px;text-transform:uppercase;text-decoration:none;margin-top:4px;margin-right:7px;transition:0.1s}
#all-news .article a img{width:25px;height:25px;transition:0.1s}
#all-news .article a:hover p{opacity:0.6;transition:0.2s}
#all-news .article a:hover img{transform:scale(1.3);transition:0.2s}
#all-news #btn-container{position:absolute;bottom:100px;width:100%;text-align:center}
#all-news #load-more-btn{display:inline-block;border-radius:21px;border:2px solid #1e1e1e;font-size:14px;font-weight:600;line-height:1;padding:12px 33px;cursor:pointer}
#all-news #load-more-btn:hover{background-color:#1e1e1e;color:#ffffff;transition:0.2s}
#all-news .search-container{width:1360px;margin:0px auto 80px}

/* ---------- SUPPLEMENT (not in the original — replaces framework defaults) ---------- */
#all-news .search-container .search-bar{display:flex;align-items:center;background:#fff}
#all-news .search-container .search-bar input{border:none;background:transparent;font-family:inherit;font-size:14px;color:#1e1e1e}
#all-news .search-container .search-bar svg{width:18px;height:18px;flex-shrink:0;cursor:pointer}
#all-news .article h2{margin:0}
#all-news #load-more-btn.is-hidden{display:none}
#all-news .article.is-hidden{display:none}

/* =============================================================================
   BREAKPOINTS
   ============================================================================= */
@media screen and (max-width:766px){
.search-container{display:none;margin-bottom:0px;position:absolute;right:10px}
.search-container .search-bar{border-radius:50%;padding:10px 12px;width:46px;transition:unset}
.search-container .search-bar input{width:0px}
#all-news .search-container{display:block;position:relative;width:342px;margin-bottom:40px}
}

@media screen and (min-width:766px) and (max-width:1360px){
#all-news{padding:0px 0px 190px}
#all-news h1{padding:145px 0px 70px;font-size:40px;line-height:1}
#all-news #articles{max-width:706px;margin:0px auto;gap:20px}
#all-news .search-container{max-width:706px}
#all-news .article{margin:0px}
#all-news #load-more-btn{border-radius:50px;font-size:16px;line-height:19px;padding:15px 60px}
}

@media screen and (min-width:1360px){
#all-news{padding:0px 0px 294px}
#all-news h1{padding:190px 0px 60px;font-size:48px;line-height:1}
#all-news #articles{max-width:1360px;margin:0px auto;gap:25px}
#all-news .article{width:436px;margin:0px;padding:30px 30px 42px}
#all-news .article .text{margin-bottom:52px}
#all-news #btn-container{bottom:200px}
#all-news #load-more-btn{border-radius:50px;font-size:16px;line-height:19px;padding:15px 60px}
}