/*
Theme Name: AMR Foundation
/* 
All style editing is done via /assets/scss/_bootscore-custom.scss
*/
html { scroll-behavior: smooth; }

body{background-color:#FAF5EA; font-family:"Outfit";}
.site-header{background-color:transparent;}

.bgblur{backdrop-filter:blur(6px);}
.navbar-brand{max-width:100px;}

.site-header.scrolled {
background: rgba(13,10,6,0.92);
backdrop-filter: blur(12px);
border-bottom: 1px solid rgba(201,168,76,0.2);
}

.sticky-content{position:sticky; top:100px;}

#bootscore-navbar > li > a {
color: rgba(255,255,255,0.8); text-decoration: none;
font-size: 12px; letter-spacing: 2px; text-transform: uppercase;
font-weight: 400; transition: color 0.3s;
position: relative;
}
#bootscore-navbar > li > a::after {
content: ''; position: absolute; bottom: -3px; left: 0; right: 100%;
height: 1px; background: #C9A84C; transition: right 0.3s;
}
#bootscore-navbar > li > a:hover { color: #E8C97A; }
#bootscore-navbar > li > a:hover::after { right: 0; }
#bootscore-navbar > li:nth-last-child(1) > a{
        padding: 10px 24px;
    border: 1px solid #C9A84C;
    color: #C9A84C !important;
    border-radius: 2px;
    font-size: 11px !important;
    letter-spacing: 2.5px !important;
    transition: background 0.3s, color 0.3s !important;
}

.bgbanner{
    content:'';
        background: radial-gradient(ellipse 80% 60% at 60% 50%, rgba(201, 168, 76, 0.08) 0%, transparent 70%), radial-gradient(ellipse 50% 80% at 20% 80%, rgba(139, 74, 43, 0.12) 0%, transparent 60%), linear-gradient(165deg, #0d0a06 0%, #1A1208 40%, #0A0704 100%);
}

.border-right-radius{
        border-top-right-radius: 20px !important;
            border-bottom-right-radius: 20px !important;
}

.border-left-radius{
        border-top-left-radius: 20px !important;
            border-bottom-left-radius: 20px !important;
}

.initiative-line {
    position: relative;
}

.initiative-line::after {
    position: absolute;
    content: "";
    width: 1px;
    left: 65px;
    height: calc(100% - 300px);
    top: 50px;
    z-index: -1;
    background-color: #801d20;
}

.quote-sec {
  position: relative;
}

.quote-sec::after {
     content: "";
    position: absolute;
    bottom: 0px;
    right: 140px;
    width: 23px;
    height: 23px;
    background-image: url(http://tetramind.asia/amr/wp-content/uploads/2026/03/quotes.png);
    background-size: contain;
    background-repeat: no-repeat;
}


/*.box-shadow-card{*/
/*    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;*/
/*    height: 100%;*/
/*}*/

.max-width-container{max-width:660px;}


.quote-text{position:relative;}
.quote-text:before{position:absolute; left:5px; top:0; bottom:0; content:''; border-left:1px solid #801D20;}
.quote-text:after{
    position:absolute; left:0px; top:0; width:10px; height:10px; content:''; background-color:#801D20; transform:rotate(45deg);
}

.gallery-cols{}

.newslider-controls{width:40px !important; height:40px !important; background-color:rgba(128,29,32,0.5); border-radius:50px;}
.newslider-controls:after{font-size:16px !important; color:#fff !important;}
.newslider-controls:hover{background-color:rgba(128,29,32,0.8);}
.newslider-next{}
.newslider-prev{}



#footer{background-color:#16130F !important; color:#999;}
#footer hr{border-color:#333;}
#footer-menu{justify-content:end;}
#footer-menu li a, .bootscore-copyright{color:#999;}
#footer-menu li a:hover{ color:#fff;}

@media(min-width:100px){
    .container, .e-con-inner{width: 100% !important; max-width: 96%;}
    
}
@media(max-width:768px){
#footer-menu{justify-content:start;}
.gallery-cols{}
.elementor-image-gallery .gallery-columns-4 .gallery-item{max-width:50% !important;}
}
@media(min-width:991px) and (max-width:1200px){
    .navbar-brand{max-width:90px;}
}
@media(min-width:991px) and (max-width:1024px){
    .container, .e-con-inner{width: 100% !important; max-width: 96% !important;}
}
@media(min-width:1024px){
    .container, .e-con-inner{width: 90% !important; max-width: 1440px !important;}
}

@media(min-width:991px){
#bootscore-navbar {gap:20px; align-items:center;}
#bootscore-navbar > li > a{padding:0;}
}