
/* Import GLOBAL CSS */
@import url('/wp-content/themes/ateamfire/css/global.css');

body{font-family:var(--font-family); color:var(--color); font-weight:400;}
.container{padding-left:30px; padding-right:30px; max-width:1399px;}

.header{position: sticky;border-bottom:8px solid var(--secondary-color); background-color:#000; padding:40px 0;}
.logo{display:block;}
.logo img{max-width:385px;}
.menu-icon{cursor:pointer;}
.menu-icon span:not(:last-child){margin-right:15px;}
.menu-icon h5{color:#fff; font-family:var(--secondary-font);}
.menu-icon i, .menu-icon svg{color:#fff; display:block; line-height:1; color:var(--secondary-color); font-size:40px;}

header {z-index: 199;}


#big-menu{z-index: 99;display:none;grid-template-columns:repeat(2, 1fr); padding-top: 80px;background: #000;position:fixed; left:0; top:0; right:0; bottom:0; pointer-events:none;}
#big-menu .section {}
#big-menu .menu{transition:all .3s linear; transform:translateX(100%);}
#big-menu.active{display:grid; pointer-events:auto;}
#big-menu.active .menu{transform:translateX(0);}
#big-menu .menu-links {padding-left: 100px;padding-top: 160px;}
#big-menu ul a {font-size: 50px;font-weight: bold;}
#big-menu ul a:hover {color:#FFF;}
#big-menu .menu-image {padding:30% 20%;}
#big-menu .menu-links a {font-family: var(--secondary-font);color:var(--secondary-color);}

.product_meta,
.product-template-default #inner-header {margin-bottom:40px;}


.tab-description h2 {display: none;}

.wcpf-filter-inner {display:flex;}
.wcpf-drop-down span.text, .wcpf-heading-label {display:none !important;}
.wcpf-front-element {margin-right:20px;}


.related {clear:both;}

.blog-template h2 {font-family: var(--secondary-font);color:var(--secondary-color);}
.blog-template .readMoreBtn {color:#FFF;}

.wcpf-drop-down-list select,
select,
.wpcf7 input,
.wpcf7 textarea,
.woocommerce .quantity .qty {
	margin-right:20px;
	margin-bottom:20px;
    text-align: center;
    border: 2px solid var(--secondary-color) !important;
    background: rgba(255, 255, 255, 0.2) !important;
    color: #FFF !important;
    height: 58px !important;}

.wpcf7 textarea {height: 150px;}
select {padding:10px;}

.woocommerce .products h2 {
	color: #FFF;
    font-weight: bold;
    font-size: 20px;
    min-height: 80px;
}


.woocommerce .products img {max-height: 295px;
    width: auto !important;
    margin: 0 auto !important;}


.woocommerce .products li {margin-bottom:100px !important;}

.user-links{font-family:var(--secondary-font); color:#fff;}
.user-links a{font-size:16px; color:#fff;}
.user-links a:hover{color:var(--secondary-color);}
.cart{font-size:25px; color:var(--secondary-color);}
.cart:hover{color:#fff;}
.header-link-block .user-links:not(:last-child){margin-right:25px;}
.header-link-block:not(:last-child){margin-bottom:20px;}
.header-link-block span {text-align: center;color:#FFF;}
.header-links {font-family: var(--secondary-font);}
.banner-content {text-align: center;
    padding: 200px 80px;
    color: #FFF;
    font-size: 30px;text-shadow: 3px 3px 1px rgba(0,0,0,0.5)}


.wc-block-cart-item__wrap a.wc-block-components-product-name {
	color:var(--secondary-color);font-family:var(--secondary-font);
}


.single_add_to_cart_button,
.add_to_cart_button,
.wc-block-components-button,
.ow-button-base a {
	font-family:var(--secondary-font);
    color: #fff !important;
    background-color: var(--primary-color) !important;
    padding: 15px 20px !important;
    border-bottom: 5px solid var(--secondary-color) !important;
    border-radius:0px !important;
    font-size: 22px !important;
}


.add_to_cart_button {margin-bottom:20px;}

.container ul {margin-left: 15px;}
.container li {list-style: initial;}


.wpcf7 label,
.wpcf7-form-control-wrap {width: 100%;}
.wpcf7-form-control {border: 2px solid #000;width: 100%;}
.wpcf7-textarea {height: 120px;}
.wpcf7-radio,.wpcf7-file {border: none !important;}


.wpcf7-checkbox {display: contents;margin-bottom:30px;border: none !important;}
.wpcf7-checkbox input {border: 2px solid #000;
    height: 30px;
    width: 30px;
    margin-right: 10px;}
.wpcf7-checkbox .wpcf7-list-item label {display:inline-flex;margin-right:20px;margin-bottom:20px;font-weight:normal;}
.wpcf7-checkbox .wpcf7-list-item label span {display: block;}


.wcpf-button {
	font-family:var(--secondary-font);
	border:none !important;
	border-bottom:5px solid var(--secondary-color) !important;
	font-size:16px !important;
	padding:13px 20px !important;
	color:#FFF !important;
	background:var(--primary-color) !important;
	border-radius: 0px !important;
}

.wcpf-button:hover {border-bottom:5px solid var(--secondary-color);}

.btn-sm {border-bottom:5px solid #000;font-size:22px;padding:30px !important;}
.btn-sm:hover {border-bottom:5px solid var(--secondary-color);}




.hero-section{min-height:600px; background:url(/wp-content/themes/ateamfire/images/hero-bg.jpg) center center no-repeat; background-size:cover;}
.hero-section .search{padding-top:100px;}

.hero-section span {padding-bottom:30px;justify-content: center;font-family: var(--secondary-font);}
.hero-buttons {display:flex;gap:20px;justify-content: center;}
.search{max-width:940px; margin:0 auto;}
.search-input-field{height:60px; flex-grow:1; border:0; border-radius:0; padding-left:60px; font-size:25px; background:url(/wp-content/themes/ateamfire/images/map-icon.png) 20px center no-repeat #fff;}
.search-input-field::placeholder{color:#fff; opacity:1; color:#000;}
.search-input-field:focus::placeholder{opacity:0; color:transparent;}
.search .search-input-field:not(:last-child){margin-right:15px;}

.main{padding:40px 0; background:url(/wp-content/themes/ateamfire/images/main-bg.jpg) center center no-repeat; background-size:cover;}
.section{padding:40px 0;}
.image{background-size:cover; background-repeat:no-repeat; background-position:center center;}
.image-1{background-image:url(/wp-content/themes/ateamfire/images/img-1.jpg);}
.article-header:not(:last-child){margin-bottom:20px;}
.article-content:not(:last-child){margin-bottom:40px;}
.article-header h1{border-bottom:10px solid var(--secondary-color); padding-bottom:10px;}
.article-header h2 {padding-top:40px;text-align: center;}



.woocommerce-Tabs-panel h2 {display:none;}


.woocommerce div.product div.images .woocommerce-product-gallery__trigger {z-index:98px;}


#wc-stripe-express-checkout-element {background: rgba(255, 255, 255, 0.2);padding: 10px;}

h3,
.related h2,
h3.widget-title {text-align:center;font-family: var(--secondary-font);color:var(--primary-color);}
h3.widget-title:after,
.article-header.center-line:after {content:"";height:5px;width:20%;background:var(--secondary-color);display: inline-flex;margin:0 40%;margin-bottom:40px;}

.related h2 {padding-bottom:10px;margin-bottom:40px;border-bottom:5px solid var(--secondary-color);}

.woocommerce-Price-amount {font-size:20px;color: green;
    font-weight: bold;}
.entry-summary .woocommerce-Price-amount {font-size:28px;}

#inner-page-header {background: url(/wp-content/themes/ateamfire/images/services-bg.jpeg);text-align:center;font-family: var(--secondary-font);color:var(--primary-color);border-bottom:8px solid var(--secondary-color); background-color:#000; padding:40px 0;}

h3 {
	text-align: left;
	margin-top:20px;
	margin-bottom:10px;
}


body {background:url(/wp-content/themes/ateamfire/images/main-bg.jpg) center center no-repeat; background-size:cover;}

.inner-page {padding:60px 0;color:#FFF;}
.inner-page p {margin-bottom: 15px;font-size:20px;}


.services {padding:40px 20px;text-align:center;color:#FFF;border:5px solid var(--primary-color);background:url(/wp-content/themes/ateamfire/images/services-bg.jpeg);}
.grid-col-3 {display:grid; gap:40px;grid-template-columns:repeat(3, minmax(0, 1fr));}
.services h3 {font-family: var(--secondary-font);padding:40 0px;    font-size: 21px;
    text-align: center;}
.services p {padding:20px 0;}


.woocommerce div.product form.cart .variations select {text-align: left;padding:0 10px;}



input.wpcf7-submit {color: #fff !important;
	border:none !important;
    background-color: var(--primary-color) !important;
    padding: 15px 20px !important;
    border-bottom: 5px solid var(--secondary-color) !important;
    border-radius:0px !important;
    font-size: 22px !important;
	width:200px !important;
	height:initial !important;
	font-family: var(--secondary-font);}

.footer-content{padding:40px 0; background-color:#000;}
.copyright{background-color:var(--primary-color); padding:5px 0;}
.copyright p a{color:#fff;}
.copyright p a:hover{color:var(--secondary-color);}
.footer-block h4{border-bottom:5px solid var(--secondary-color); padding-bottom:5px;}
.footer-block h4:not(:last-child){margin-bottom:10px;}
.footer-block-content ul.footer-links:not(:last-child){margin-right:60px;}
.footer-block-content p {color:#FFF;width:100%;}
.footer-block-content .credentials {width:100%;}
.footer-block-content .credentials img {margin:10px 10px 0 0;height:70px;}
ul.footer-links li:not(:last-child){margin-bottom:5px;}
ul.footer-links li a{color:#fff; font-size:16px; width:max-content; text-transform:uppercase; font-weight:bold;}
ul.footer-links li a:hover{color:var(--primary-color);}
.social-media a:not(:last-child){margin-right:10px;}
.social-media a{font-size:30px; color:#fff;}
.social-media a:hover{color:var(--secondary-color);}


.swiper-wrapper {display:inline-flex;}
.product-slider-wrap{position:relative;padding: 0 40px;}
.product-slider{padding:0 0px; overflow:hidden;}


.service-slider-wrap{position:relative;padding: 0 40px;}
.service-slider{padding:0 0px; overflow:hidden;}

.slider-arrow{position:absolute; top:50%; transform:translateY(-50%); z-index:99;}
.slider-arrow.slider-arrow-prev{left:0;}
.slider-arrow.slider-arrow-next{right:0;}

.service-slider-wrap .slider-arrow.slider-arrow-prev{left:10px !important;}
.service-slider-wrap .slider-arrow.slider-arrow-next{right:10px!important;}

.slider-arrow i, .slider-arrow svg{color:#fff; font-size:40px;}
.slider-arrow.swiper-button-disabled{opacity:0.2; pointer-events:none;}
.product-slide-item{position:relative; isolation:isolate;}
.product-slide-item::before{position:absolute; left:0; top:0; width:calc(100% - 0px); height:calc(100% - 40px); content:""; z-index:-1;}
.product-slide{border-width:10px; border-style:solid; aspect-ratio:1.1; background-color:#fff; padding:0px; display:grid; place-items:center;}
.product-slide img{min-width:80%; max-height:80%;}
.product-slide-item.primary .product-slide{border-color:var(--primary-color);}
.product-slide-item.black .product-slide{border-color:var(--primary-color);}
.product-slide-item.secondary .product-slide{border-color:var(--primary-color);}
/*
.product-slide-item.primary::before{background:url(/wp-content/themes/ateamfire/images/bg-1.jpg);}
.product-slide-item.black::before{background:url(/wp-content/themes/ateamfire/images/bg-2.jpg);}
.product-slide-item.secondary::before{background:url(/wp-content/themes/ateamfire/images/bg-3.jpg);}
*/
@media(max-width:1399px){
	.logo img{max-width:330px;}
	.header{border-bottom-width:6px;}
	.menu-icon i, .menu-icon svg{font-size:36px;}
	.cart{font-size:23px;}
	.hero-section .search{padding-top:90px;}
}
@media(max-width:1199px){
	.logo img{max-width:300px;}
	.header{border-bottom-width:4px;}
	.menu-icon i, .menu-icon svg{font-size:32px;}
	.cart{font-size:20px;}
	.header-link-block:not(:last-child){margin-bottom:15px;}
	.header{padding:15px 0;}
	.hero-section .search{padding-top:80px;}
	.search-input-field{height:58px; font-size:23px; padding-left:55px; background-size:20px auto; background-position:18px center;}
	.hero-section{min-height:550px;}
	.article-header h1{border-bottom-width:8px;}
	.main{padding:35px 0;}
	.section{padding:35px 0;}
	.social-media a{font-size:27px;}
	.product-slide-item{padding:0px;}
	.product-slide{border-width:8px;}
	.slider-arrow i, .slider-arrow svg{font-size:35px;}
}
@media(max-width:991px){
	.logo img{max-width:270px;}
	.header{border-bottom-width:3px;}
	.menu-icon i, .menu-icon svg{font-size:28px;}
	.cart{font-size:18px;}
	.header-link-block:not(:last-child){margin-bottom:10px;}
	.hero-section .search{padding-top:70px;}
	.search-input-field{height:56px; font-size:20px; padding-left:50px; background-size:18px auto; background-position:16px center;}
	.hero-section{min-height:500px;}
	.article-header h1{border-bottom-width:6px;}
	.main{padding:30px 0;}
	.section{padding:30px 0;}
	.social-media a{font-size:24px;}
	.product-slide{border-width:6px;}
	.product-slider{padding:0 40px;}
}
@media(max-width:767px){
	.logo img{max-width:200px;}
	.user-links a{font-size:14px;}
	.header-link-block .user-links:not(:last-child){margin-right:15px;}
	.menu-icon i, .menu-icon svg{font-size:24px;}
	.header{border-bottom-width:2px;}
	.hero-section .search{padding-top:60px;}
	.search-input-field{height:54px; font-size:18px; padding-left:45px; background-size:16px auto; background-position:14px center;}
	.search input, .search button{width:100%;}
	.hero-section{min-height:450px;}
	.article-header h1{border-bottom-width:4px;}
	.main{padding:25px 0;}
	.section{padding:25px 0;}
	.social-media a{font-size:22px;}
	ul.footer-links li a{font-size:15px;}
	.footer-block h4{border-bottom-width:4px;}
	.footer-block-content ul.footer-links:not(:last-child){margin-right:50px;}
	.slider-arrow i, .slider-arrow svg{font-size:30px;}
	#big-menu .menu-image {display: none;}
	#big-menu .menu-links {}
}
@media(max-width:575px){
	h1 {font-size:26px;}
	.wcpf-filter-inner {display:block;}
	.add_to_cart_button {font-size: 14px !important;}
	.btn-sm{font-size: 13px;}
	#inner-page-header {padding:20px 0;}
	.banner-content {padding: 60px 0px;font-size: 15px;}
	.banner-content .hero-buttons .btn-sm {font-size: 14px;padding: 20px !important;}
	.grid-col-3 {grid-template-columns:repeat(1, minmax(0, 1fr));}
	.hero-section .search{padding-top:50px;}
	.search-input-field{height:52px; font-size:17px; padding-left:40px;}
	.hero-section{min-height:400px;}
	.article-header h1{border-bottom-width:3px;}
	.social-media a{font-size:20px;}
	ul.footer-links li a{font-size:14px;}
	.footer-block h4{border-bottom-width:3px;}
	.product-slide{border-width:4px;}
	.product-slider{padding:0 30px;}

}
@media(max-width:480px){
	.hero-section .search{padding-top:40px;}
	.search-input-field{height:50px; font-size:16px;}
	.footer-block-content ul.footer-links:not(:last-child){margin-right:40px;}
}