/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

 html {scroll-behavior: smooth; scroll-padding-top: 106.06px;}
.header .navlinks li.menu-item a::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #C49A6B; transform: scaleX(0); transform-origin: left; transition: transform 0.45s cubic-bezier(.22, 1, .36, 1);}
.header .navlinks li.menu-item a:hover::after {transform: scaleX(1);}
.hero-section .explore-btn i {transition: transform .6s cubic-bezier(.22, 1, .36, 1);}
.hero-section .explore-btn:hover i{transform: translateY(3px);}
.Why-section .Why-grid .Why-card:hover svg {opacity: 1; transform: rotate(22.5deg);}
.Why-section img {transform: translateY(-50%);}
.library-section .loop-slider .img-block {padding:50px 10px;}
.band-limestone-section img {transform: translate(-50%, -52%);}
.phone .screen {aspect-ratio: 1 / 2.05;}
.faq-section .brx-open .ti-minus {display: block !important;}
.faq-section .brx-open .ti-plus {display: none;}
.library-section .loop-slider {position: relative; width: 100vw; margin-left: calc(50% - 50vw); overflow: hidden; mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 93%, transparent 100%);}
.solid .header {background: rgba(251, 249, 245, .93); backdrop-filter: blur(14px); border-bottom: 1px solid rgb(20 17 16 / 10%);}
.solid .header .navlinks li.menu-item a {color: #3A332E !important;}
.solid .header .social{border-left: 1px solid #1411101a !important;}
.solid .header .bricks-button {border: 1px solid #c49a6b57 !important; color: rgb(158 102 27) !important;}
.solid .header .bricks-button:hover {background: rgb(158 102 27) !important; border-color: rgb(158 102 27) !important; color: #fff !important;}
.solid .header .light-only{display:none !important;}
.solid .header .dark-only{display: flex !important;}
.solid .header .social path{stroke: rgb(110, 100, 89) !important;}
.hero-section .explore-btn:after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: currentColor;opacity: .35;transition: opacity .4s;}
.screen::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 30%; background: linear-gradient(rgba(11, 10, 9, 0), #0B0A09 72%); pointer-events: none;}
.hero-section .explore-btn:hover::after {opacity: .9}
.hero-bridge {position: absolute; z-index: 2; pointer-events: none; width: 1px; left: calc((100% - min(100%, 1320px)) / 2 + clamp(22px, 5vw, 80px)); bottom: calc(clamp(60px, 11vh, 132px) * -1); height: clamp(140px, 23vh, 262px); background: linear-gradient(180deg, rgba(196, 154, 107, 0) 0%, rgba(196, 154, 107, .42) 34%, rgba(158, 102, 27, .38) 70%, rgba(158, 102, 27, 0) 100%);}
.contact-secrion .contact-grid .cinfo-mail::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #9e661b; transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.22, 1, .36, 1);}
.contact-secrion .contact-grid .cinfo-mail:hover::after {transform: scaleX(1);}
.contact-secrion .contact-grid .contact-form form button {padding: 17px 34px; margin-top: 6px; transition: transform .45s cubic-bezier(.22, 1, .36, 1), background .45s;}
.contact-secrion .contact-grid .contact-form form button:hover{transform: translateY(-2px);}
.contact-form form .required:after {color: #9E661B;}
#brxe-pavyns input:focus, #brxe-pavyns textarea:focus {outline: none; border-color: #9E661B !important; box-shadow: 0 0 0 3px rgba(196, 154, 107, .28); background: #fff;}



@media (max-width: 1400px) {
.library-section .loop-slider .img-block{padding: 40px 10px;}
.hero-bridge{left: 60px;}
}

@media (max-width: 991px) {
.library-section .loop-slider .img-block{padding: 35px 5px;}
.solid .header .brxe-toggle {color: #6E6459 !important;  fill: #6E6459 !important; }
.header #brxe-wbcuds.brx-open .brx-nav-nested-items {position: fixed; top: 0; left: 0; right: auto; width: 360px; max-width: 100%; height: 100vh; padding: 50px 0px 30px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: #fff; border-radius: 0; z-index: 9999;}
.header #brxe-wbcuds .brx-nav-nested-items .menu-item {width: 100%; list-style: none;}
.header #brxe-wbcuds .brx-nav-nested-items .menu-item a {display: block; width: 100%; padding: 10px 15px; border-bottom: 1px solid rgb(20 17 16 / 10%); color: #141110; font-size: 16px; font-weight: 500; }
.header #brxe-ckinns {position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; background: transparent; border: 0; z-index: 10001;}
.header #brxe-ckinns i {font-size: 24px;}
.header #brxe-ckinns i:hover{color:rgb(158 102 27);}
}

@media (max-width: 600px) {
.Why-section .Why-grid {grid-template-columns: 1fr !important; gap: 0 !important;}
.library-section .loop-slider .img-block{padding: 30px 5px;}
}

@media (max-width: 480px) {
.contact-secrion .contact-grid .contact-form form .submit-button-wrapper {width: 100%;}
}