/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.header-gradient{
	background: linear-gradient(360deg, rgba(37, 58, 77, 0) 0%, rgba(37, 58, 77, 0.35) 20.19%, rgba(37, 58, 77, 0.8) 55.29%);
}

.w-100{
	width: 100%;
}
#masthead,
header.elementor-element-8077815 {
  transition: all 0.3s ease; /* Smooth transition for color change */
}

/* Scrolled state styles */
.header-scrolled {
  background-color: #ffffff !important; /* Your desired solid color */
  box-shadow: 0 2px 15px rgba(0,0,0,0.1); /* Subtle shadow effect */
}

/* Optional: If you want to change other elements on scroll */
.header-scrolled .logo {
  height: 40px; /* Smaller logo */
}
.header-scrolled .main-menu {
  padding: 10px 0; /* Reduced padding */
}

/* 12-aug-2025 */
.site-header-main{
	background: linear-gradient(360deg, rgba(37, 58, 77, 0) 0%, rgba(37, 58, 77, 0.35) 20.19%, rgba(37, 58, 77, 0.8) 55.29%);
	padding:50px 0 0 !important;
}
.btn-custom .eael-creative-button{
	width:300px;
}
.contain-banner-heading{
	height:100vh;
}
.relative{
	position:relative;
}
.w-100{
	width: 100%;
}
.relative{
	position:relative;
}
.site-header-main{
	transition:all ease-in 0.3s;
}
.site-header-main.is-scrolled {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background:#253A4D; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.site-header-main.is-scrolled .hfe-site-logo-container img{
	width:90px !important;
}
.site-header-main.is-scrolled {
	padding:8px 0 !important;
}
#wpforms-submit-262{
	width:100%;
}
.button-hover-design .eael-creative-button, .learn-limitied-btn .creative-button{
	position:relative;
}
.button-hover-design .eael-creative-button:hover:before, .button-hover-design-blue {
    content: "";
    position: absolute;
    background-image: url('/wp-content/uploads/2025/08/Bird-Seal-Orange-to-Blue-2.png');
    width: 50px;
    height: 50px;
    left: 50%;
    transform: translateX(-50%);
	background-repeat:no-repeat;
    top:10px;
	z-index:1px;
}

.learn-limitied-btn .eael-creative-button:hover:before, .button-hover-design-blue {
    content: "";
    position: absolute;
    background-image: url('/wp-content/uploads/2025/08/GSW-web_ltblue_bird-17-1.png');
    width: 46px;
    height: 46px;
    left: 52%;
    transform: translate(-50%, -50%);
    top: 59%;
    background-size: 85%;
    background-repeat: no-repeat;
	z-index:1;
}
.btn-yellow .eael-creative-button:hover:before{
	 content: "";
    position: absolute;
    background-image: url('/wp-content/uploads/2025/08/GSW-web_gold_bird-18-1-1.png');
    width: 40px;
    height: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
	top:50%;
	background-size: contain;
	background-repeat: no-repeat;
	z-index:1;
}
.learn-limitied-btn .creative-button-inner{
	border:1px solid #fff;
	margin:7px;
}
.learn-limitied-btn .eael-creative-button:hover .creative-button-inner{
	border:1px solid #253A4D!important;
	margin:7px !important;
}
.button-hover-design .creative-button-inner, .btn-darkneavy .creative-button-inner{
	border:1px solid #F15E4B;
	margin:10px !important;
}
.btn-darkneavy .creative-button-inner{
	border:1px solid #54A097;
}
.btn-green-light .creative-button-inner{
	border:1px solid #253A4D;
}
.btn-yellow .creative-button-inner{
	border:1px solid #253A4D;
	margin:10px !important;
}

.btn-yellow .eael-creative-button:hover .creative-button-inner{
	border:1px solid #F15E4B;
	margin:10px !important;
}

.button-hover-design .eael-creative-button:hover .creative-button-inner{
	border:1px solid #FBB040 !important;
	margin:10px !important;
}
.btn-yellow .eael-creative-button:hover .creative-button-inner{
	border:1px solid #F15E4B !important;
}
.home #page{
	position:relative;
}
#get-ready-section{
	position: sticky;
  	top: 0;
}

.custom-products-list .row {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.custom-products-list .col-left {
	flex: 0 0 auto;
    width:23%;
	padding-right: 30px;
	border-right: 1px solid #d4d8dc;    
}
.custom-products-list .col-left img{
	height:100%;
	object-fit:cover;
}
.custom-products-list .col-right {
	flex: 0 0 auto;
    width: 74.7%;
	padding-left: 30px;
}
.custom-products-list .product-description {
	margin:30px 0 70px;
}
.custom-products-list .product-price {
	font-weight: bold;
	margin-top: 10px;
}
.custom-products-list .add-to-cart {
	margin-top: 10px;
}
.wrap-brand-name{
	display: flex;
    align-items: center;
    gap: 20px 60px;
}
.custom-products-list .product-item {
    padding: 50px 10px 20px;
    max-width: 1180px;
    margin: 0 auto 40px;
}
.wrap-brand-name h2 {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0.05em;
    color: #253A4D;
	max-width: 190px;
    width: 100%;
}
.inner-sub-title{
	display: flex;
    align-items: center;
    gap: 10px 85px;
	font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    letter-spacing: 0.05em;
    color: #253A4D;
    opacity: 0.9;
}
.inner-sub-title p{
	text-align:center;
}
.inner-sub-title p strong{
	display:block;
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.05em;
    color: #253A4D;
}
.product-description p{
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;
	color: #253A4D;
}
.product-price .woocommerce-Price-amount{
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 0.05em;
    color: #253A4D;
}
.custom-product-shop{
	padding:10px 22px;
    background-color: transparent;
    border: none;
}
.custom-product-shop .add-to-cart .cart{
	display: flex;
    gap: 20px 30px;
	flex-wrap:wrap;
}
.custom-single-php {
	background-color: #54A097;
	color: #253A4D;
	border: none;
	padding:7px 42px;
	font-size:18px;
	font-weight: 600;
	text-transform: uppercase;
	position: relative;
	transition:none;
	cursor: pointer;
	width: 100%;
	display: block;
}
.custom-single-php.colored-learn .icon{
	background: url('/wp-content/uploads/2025/08/Bird-Seal-Orange-to-Blue-1.png') center / contain no-repeat !important;
}
.custom-single-php.colored-learn{
	background-color: #253A4D;
	color: #54A097 !important;
}
.custom-single-white-outline {
    border: 2px solid #fff;
    padding: 10px;
    color: #FFFFFF;
    background-color: #366553;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    width: 60%;
    display: block;
    margin: auto;
    text-align: center;
	position: relative;
}
.custom-single-white-outline.colored-yellow{
	background-color: #ffffff;
	color: #1D4133;
}
.custom-single-white-outline.colored-yellow:hover{
	background-color: #FBB040;
	color: #253A4D;
	border-color: #FBB040;
}

.custom-single-php .button-text,
.custom-single-white-outline .button-text{
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
	z-index: 1;
}

.custom-single-php .left-text,
.custom-single-php .right-text,
.custom-single-white-outline .left-text,
.custom-single-white-outline .right-text{
	position: relative;
	z-index: 2;
}

.custom-single-php .icon,
.custom-single-white-outline .icon{
	width: 42px;
	height: 42px;
	background: url('/wp-content/uploads/2025/08/GSW-web_gold_bird-18-1-1.png') center/contain no-repeat;
	display: none;
	z-index: 1;
}

.custom-single-white-outline .icon{
	width: 30px;
	height: 20px;
	background: url('/wp-content/uploads/2025/08/GSW-web_ltblue_bird-17-1.png') center/contain no-repeat;
	transform: scale(1.6);
}
.custom-single-white-outline.colored-yellow .icon{
	background: url('/wp-content/uploads/2025/08/GSW-web_gold_bird-18-1-1.png') center/contain no-repeat;
}

.custom-single-php::after, 
.custom-single-php.colored-learn:after,
.custom-single-white-outline:after{
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border: 1px solid #253A4D;
}

.custom-single-white-outline:after{
	border: 1px solid #ffffff;
}

.custom-single-php.colored-learn:after {
	border: 1px solid #54a097;
}
.css-by-now .custom-banner-pre{
	display:none;
}
.custom-single-white-outline.colored-yellow:after{
	border-color: #000000;
}
.custom-single-white-outline.colored-yellow:hover::after{
	border-color: #F15E4B;
}
.custom-single-php:hover {
	background-color: #F7A42B;
	color: #1D2D35 !important;
	padding:0px 20px;
}

.custom-single-white-outline:hover{
	background-color: #54A097;
}

.custom-single-php.colored-learn:hover{
	background-color: #F15E4B !important;
	color: #253A4D !important;
}

.custom-single-php:hover .button-text,
.custom-single-white-outline:hover .button-text{
	gap: 3px;
}

.custom-single-php:hover .icon,
.custom-single-white-outline:hover .icon{
	display:block
}

.custom-single-php:hover::after {
	border-color: #F14D2B;
}
.custom-single-php.colored-learn:hover:after{
	border-color: #FBB040;
}
.product-description-mobile{
	display:none;
}
.custom-banner-pre .custom-single-php{
	padding: 21px 20px;
	font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.custom-banner-pre .button-text{
	justify-content:center;
}
.custom-banner-pre .custom-single-php .icon {
    width: 50px;
    height: 50px;
    background-size: contain;
}
.custom-banner-pre .custom-single-php:hover{
	padding: 11px;
}
.custom-banner-pre .custom-single-php::after {
	top: 9px;
    left: 9px;
    right: 9px;
    bottom: 9px;
}
.btn-darkneavy .eael-creative-button, .custom-banner-pre button{
	max-width:276px;
	width:100% !important;
}
.custom-product-shop .quantity{
	width:10%;
}
.product-no{
   font-family: EB Garamond;
   font-size: 60px;
   font-weight: 600;
}
.custom-products-list .featured-product.product-item:first-child .barrel-text, .custom-products-list .featured-product.product-item:first-child .no-text{
   display: none !important;
}
.show-on-mobile{
	display: none !important;
}

@media(max-width: 1280px){
	#get-ready-section{
		position: sticky;
		top: -280px;
	}
}

@media(max-width:1025px){
	.site-header-main{
	padding: 0 0 !important;
}
}

@media(max-width:992px){
	.contain-banner-heading{
		height:80vh;
	}
	.inner-sub-title {
		gap: 10px 25px;
	}
	.custom-products-list .col-right{
		display:flex;
		flex-direction:column;
		width:48%;
	}
	 .custom-product-shop .quantity {
      width: 33%;
     }
	.custom-products-list .product-description{
		margin:40px 0 20px;
	}
	.custom-products-list .col-left{
		padding-right:0;
		border-right:none;
		border-left: 1px solid #d4d8dc;
		width:40%;
	}
	.custom-products-list .col-right{
		padding-left:0;
	}
	.col-left img{
		width:100px;
	}
	.product-description-mobile{
	  display:block;
    }
	.product-description{
		display:none;
	}
	.custom-single-php {
	  padding: 5px 38px;
      font-size: 16px;
	}
	.custom-product-shop{
		padding: 10px 5px;
	}
	.wrap-brand-name{
		flex-wrap:wrap;
	}
	.custom-banner-pre .custom-single-php {
		padding: 15px 20px;
		font-size: 12px;
	}
	.custom-banner-pre .custom-single-php .icon{
		width: 26px;
		height: 26px;
	}
	.show-on-mobile{
		display: block !important;
	}
}
@media(max-width:768px){
	#get-ready-section{
		position: static;
	}
	.custom-single-white-outline{
		width: 100%;
		max-width: 182px;
	}
	.custom-products-list .col-left{
		border-left: 0px;
	}
	.col-left img{
		width: 100px;
        height: auto !important;

	}
}


.bnx-host iframe { margin-left: 0 !important }

.bn-klaviyo-btn {
    border-radius: 0;
    font-size: 16px;
    background-color: #54A097;
    color: #253A4D;
    border: none;
    display: flex;
    align-items: center;
    padding: 12px 25px;
    transition: opacity 300ms, background-color 300ms;
    /* font-size: 16px; */
    font-weight: 400;
    font-family: Helvetica, sans-serif;
    cursor: pointer;
    /* background-color: #e1e1e1; */
    text-align: center;
    justify-content: center;
    /* color: rgba(0, 0, 0, .5333333333); */
    /* background-color: #e1e1e1; */
    /* border-radius: 6px; */
    max-width: 100%;
    white-space: nowrap;
    text-transform: uppercase;
}
.bn-klaviyo-btn:hover {
    background-color: #4b9087ff;
}
.preorder-product {
    margin-top: 90px;
}