/*
Theme Name: Fly Athletics
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 5.0.2
*/

@import url('https://fonts.googleapis.com/css2?family=Anuphan:wght@100;200;300;400;500;600;700;800&display=swap');


.mfp-bg.mfp-ready {
    opacity: .80;
}

.text-white {
    color: #FFF !important;
}

:root{
	--max-width: 1450px;
	--fs-color-text: #17191b;
}

html {
  scroll-behavior: smooth;
}


body h2,
body h3,
body h4,
body h5,
body .h4{
	font-weight: 700;
	text-transform: uppercase;
}

body h2{
	font-size: 67px;
	line-height: 87px;
}

body h3{
	font-size: 59px;
	line-height: 77px;
}

body h4,
body .h4{
	font-size: 47px;
	line-height: 61px;
}

body h5{
	font-size: 36px;
	font-weight: 400;
	text-transform: none;
	line-height: 47px;
}

body h6,
body .h6{
	opacity: 1;
	font-size: 26px;
	font-weight: 600;
	line-height: 34px;
}


/* body p, */
body .p{
	font-size: 17px;
	line-height: 21px;
	font-weight: 500;
}

body p.big{
	font-size: 18px;
	line-height: 32px;
}

body p.large{
	font-size: 22px;
	line-height: 32px;
}

body p.xxl{
	font-size: 25px;
	line-height: 33px;
}

body p.small{
	font-size: 16px;
	line-height: 20px;
}

body p a:not(.woocommerce-loop-product__link, .button) {
	text-decoration: underline;
}

body .normal-content h3,
body .normal-content h4 {
	font-size: 24px;
}

.scroll-to-header h4 {
	padding-top: 100px;
	margin-top: -100px;
}


.mb-0 p {
	margin-bottom: 0!important;
}

.pb-0 {
	padding-bottom: 0!important;
}


.weight-300{
	font-weight: 300;
}

.weight-400{
	font-weight: 400!important;
}

.weight-500{
	font-weight: 500!important;
}

.weight-600{
	font-weight: 600;
}

.weight-700{
	font-weight: 700;
}

.max-w-800{
	max-width: 800px;
}

.max-w-600{
	max-width: 600px;
}

.max-w-500{
	max-width: 500px;
}

.max-w-400{
	max-width: 400px;
}

.mx-auto{
	margin-left: auto;
	margin-right: auto;
}

.ml-auto{
	margin-left: auto !important;
}

.mb-1{
	margin-bottom: 4px;
}

.mb-4{
	margin-bottom: 16px;
}

.color-primary{
	color: var(--fs-color-primary);
}

.color-light-gray{
	color: #A2A6AB;
}

.color-gray{
	color: #A8ABB0 !important;
}

.color-white{
	color: #FFF !important;
}

.color-blue-gray{
	color: #768AAB !important;
}

.line-through{
	color: #c0c6ce;
	text-decoration: line-through;
}

.underline{
	text-decoration: underline;
}

.underline-hover{
	text-decoration: none !important;
}

.underline-hover:hover{
	text-decoration: underline !important;
}

.align-center{
	text-align: center;
}

.opacity-30{
	opacity: 0.3;
}

.-mt-100{
	margin-top: -100px;
}

.-mt-30 {
	margin-top: -30px;
}

.width-auto img{
	width: auto;
	margin: 0 auto;
}

.link-primary a{
	color: var(--fs-color-primary) !important;
	text-decoration: none;
}

.rounded-2{
	border-radius: 8px;
	overflow: hidden;
}

.rounded-img img{
	border-radius: 16px;
}

.large-line-height p{
	line-height: 177%;
}

.button:not(.icon){
	font-family: Familjen Grotesk;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px !important;
	padding: 20px 57px;
	border-radius: 7px;
}

.button:not(.icon) span{
	font-family: Familjen Grotesk;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px !important;
}

.button.primary,
.button.white{
	color: var(--fs-color-text) !important;
}

body .banner-layers>* {
    position: relative !important;
}



.button.white.outline{
	border-color: #FFF;
	color: #FFF !important;
	background: transparent !important;
}

.button.primary.alt{
	color: var(--fs-color-primary) !important;
	border-color: var(--fs-color-primary);
	background: transparent;
}

.button.primary:not(.alt):hover{
	box-shadow: none;
	background: var(--fs-color-text);
	color: #FFF !important;
}

.button.secondary:hover,
.button.white:hover,
.button.alt:hover{
	box-shadow: none;
	background: var(--fs-color-primary) !important;
	color: var(--fs-color-text) !important;
	border-color: var(--fs-color-primary);
}

.primary-container{
	background: var(--fs-color-primary);
	color: var(--fs-color-text);
	padding: 1px 13px;
	border-radius: 7px;
}

.filters {
	display: flex;
}

.filter-wrapper {
	max-height: 300px;
	width: 300px;
	overflow-y: scroll;
	border: solid 1px gray;
	padding: 20px;
}

form.woocommerce-form-login input[type="text"],
form.woocommerce-form-register input[type="email"],
form.woocommerce-form-login input[type="password"]{
	border: 1px solid #CECECE;
	border-radius: 8px;
	font-weight: 400;
	font-size: 17px;
	line-height: 21px;
	padding: 16px 13px;
	height: unset !important;
}


.rounded-video video,
.rounded-video .mejs-video{
	border-radius: 15px;
}

.rounded-video .mejs-controls,
.rounded-video .mejs-offscreen {
	display: none!important;
}
/* HEADER */


.autocomplete-suggestion img+.search-name {
    font-size: 20px;
	line-height: normal;
	cursor: pointer;
}

.mobile-sidebar .header-search-form {
	padding: 20px!important;
}

.mobile-sidebar .autocomplete-suggestion .search-name {
	color: #FFF;
}

.mobile-sidebar .search-field {
	border-radius: 7px!important;
}

.mobile-sidebar .searchform .button.icon {
    border-radius: 7px!important;
    margin-left: 6px!important;
}

#search-lightbox input.search-field {
	border-radius: 7px;
}

#search-lightbox .searchform .button.icon {
    border-radius: 7px!important;
    margin-left: 10px!important;
}


.icon-search:before{
	content: url(/wp-content/themes/fly-athletics/assets/search-icon2.svg);
	vertical-align: middle;
    height: 22px;
    display: inline-block;
}

.icon-shopping-basket:before{
	content: url(/wp-content/themes/fly-athletics/assets/cart.svg);
	vertical-align: middle;
}

.icon-user::before{
	content: url(/wp-content/themes/fly-athletics/assets/profile.svg);
	vertical-align: middle;
}

[data-icon-label]:after{
	background-color: var(--fs-color-primary);
	color: var(--fs-color-secondary);
}

a.icon-remove, a.remove {
	border: none!important;
}

.mini-cart-quantity-remove-wrapper {
	display: flex;
	align-items: center;
}

.ux-mini-cart-qty .product-subtotal {
	display: none;
}

.woocommerce-mini-cart-item .ux-mini-cart-qty {
	margin-right: 16px;
}

ul.product_list_widget li a.remove {
	position: relative!important;
	border: none;
}

.nav-dropdown-has-border .nav-dropdown{
	border: none;
}

#masthead ul.mobile-nav.nav-left li{
	margin: -20px !important;
	padding: 10px 20px !important;
	height: 70px;
	width: 90px;
	text-align: center;
	background: url(/wp-content/themes/fly-athletics/assets/mobile-nav-bg.svg) no-repeat;
	background-size: cover;
	background-position: top left;
}

#masthead ul.mobile-nav.nav-left li i{
	color: var(--fs-color-primary);
	opacity: 1;
	transition: opacity 0.3s;
}

#masthead .header-nav .current-dropdown > a,
#masthead .header-nav li > a:hover{
	color: var(--fs-color-primary);
}

#masthead .header-nav li a .icon-angle-down{
	display: none;
}

#masthead .header-nav li > a{
	display: flex;
	align-items: center;
	gap: 10px;
	transition: color 0.3s;
}

#masthead .header-nav li a:has(.icon-angle-down):after{
	content: '';
	background: url(/wp-content/themes/fly-athletics/assets/desktop-header-dropdown.svg) no-repeat;
	background-position: center;
	background-size: contain;
	height: 9px;
	width: 9px;
	filter: brightness(0) saturate(100%) contrast(100%) invert(100%);
	transition: filter 0.3s;
}

#masthead .header-nav li.current-dropdown a:has(.icon-angle-down):after{
	filter: unset;
}

@media (max-width: 549px) {
    .banner-layers {
        -webkit-overflow-scrolling: unset !important; /* Safari and other WebKit browsers */
        overflow: unset !important; /* General fallback */
    }
}


/* END HEADER */

/* CART POPUP */

.cart-popup-title .heading-font{
	font-family: Anuphan;
	text-align: left;
	font-weight: 600;
	font-size: 26px;
	line-height: 34px;
	margin-bottom: 36px;
}

.cart-popup-title .is-divider{
	display: none;
}

#cart-popup .widget_shopping_cart{
	border-top: 1px solid #D9D9D9;
	padding-top: 22px;
}

ul.product_list_widget li a:not(.remove),
#cart-popup .woocommerce-mini-cart__total strong,
#cart-popup .woocommerce-mini-cart__total bdi,
ul.product_list_widget li .price{
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
}

.header-nav a{
	font-size: 15px !important;
	line-height: 19.5px;
}

.off-canvas .mfp-content.off-canvas-cart{
	--drawer-width: 600px !important;
}

.mfp-wrap:has(#cart-popup) .mfp-close{
	top: 26px !important;
	right: 17px;
}

.widget_shopping_cart ul.product_list_widget li{
	padding-left: 135px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border: none;
	margin-top: 10px;
}

.woocommerce-mini-cart-item a img.attachment-woocommerce_thumbnail{
	width: 120px;
	height: 180px;
	border-radius: 8px;
}

.woocommerce-mini-cart-item .variation dt,
.woocommerce-mini-cart-item .variation dd p{
	font-family: Familjen Grotesk;
	font-weight: 500;
	font-size: 15px;
	line-height: 19px;
	color: #929292;
}

.product-categories .cat-item-486 {
	display: none!important;	
}

ul.product_list_widget li{
	min-height: 195px;
}

.mini-cart-quantity-remove-wrapper{
	margin-top: auto;
}

.mini-cart-payment-icons{
	display: flex;
	justify-content: center;
}

.mini-cart-payment-icons .payment-icons{
	max-width: 430px;
}

.fly-price-wrapper{
	display: flex;
	gap: 10px;
	align-items: center;
}

.fly-price-wrapper .discount{
	font-weight: 700;
	font-size: 17px;
	line-height: 100%;
	text-align: center;
	text-transform: uppercase;
	background: var(--fs-color-primary);
	border-radius: 30px;
	padding: 2px 12px 4px;
}

/* END CART POPUP */

/* FOOTER */

.footer-cta-section{
	z-index: 0;
}

.footer-cta-image{
	max-width: 380px;
	align-self: end;
}

.footer-wrapper-desktop .footer-custom-width > .col{
	max-width: 20%;
	flex-basis: 20%;
}

.footer-wrapper h5 {
	font-family: Anuphan;
	font-weight: 600;
	font-size: 19px;
	line-height: 25px;
	letter-spacing: 1px;
	color: #646D6F;
	text-transform: uppercase;
	margin-bottom: 38px;
}

.footer-wrapper p,
.footer-wrapper .ux-menu-link__text{
	font-family: Familjen Grotesk;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #FFF;
}

.footer-wrapper .ux-menu-link__text{
	color: #CCC;
	transition: color 0.3s;
}

.footer-wrapper .ux-menu-link__text:hover{
	color: #FFF;
}

.footer-wrapper .newsletter-title{
	color: var(--fs-color-primary);
	display: inline-block;
	margin-bottom: 23px;
}

.footer-wrapper .newsletter-title:before{
	content: url(/wp-content/themes/fly-athletics/assets/arrow.svg);
	margin-right: 10px;
}

.footer-wrapper .wpcf7-email{
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
	border-radius: 4px;
	padding: 9px 17px 11px;
	background: #2e3236 !important;
	color: #FFF !important;
	border: 0;
	box-shadow: none !important;
}

.footer-wrapper .wpcf7-form-control.wpcf7-radio{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	gap: 10px;
}

.footer-wrapper .wpcf7-radio input[type="radio"],
.footer-wrapper .wpcf7-radio .wpcf7-list-item{
	margin: 0;
}

.footer-wrapper .wpcf7-radio label{
	display: flex;
	align-items: center;
	gap: 5px;
}

.footer-wrapper .wpcf7-radio label span{
	font-family: Familjen Grotesk;
	font-weight: 500;
	font-size: 14px;
	line-height: normal;
	color: #FFF;
}

.footer-wrapper .wpcf7-form-control.wpcf7-submit{
	border-radius: 4px;
	width: 100%;
	margin: 0;
	margin-top: 15px;
	color: #17191B;
}

.footer-wrapper .wpcf7-spinner{
	display: none;
}

.footer-wrapper .absolute-footer{
	display: none;
}

.footer-wrapper .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label{
	display: flex;
	align-items: center;
	gap: 6px;
}

.footer-wrapper .wpcf7-form-control.wpcf7-radio input{
	display: none !important;
}

.footer-wrapper .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label:before{
	content: '';
	border: 2px solid #2E3036;
	display: inline-block;
	width: 19px;
	height: 19px;
	border-radius: 19px;
	cursor: pointer;
}

.footer-wrapper .wpcf7-form-control.wpcf7-radio input:checked + .wpcf7-list-item-label:before{
	border: 5px solid #6b7181;
}

.footer-wrapper .footer-logo{
	width: fit-content !important;
}

.footer-wrapper .footer-logo img{
	width: 61px;
	height: 61px;
}

.footer-wrapper .stack:has(.footer-logo){
	margin-bottom: 45px;
}

.footer-wrapper .stack:has(.footer-logo) i{
	color: white;
}

.footer-wrapper .footer-image-1{
	max-width: 146px;
}

.footer-wrapper .footer-image-2{
	max-width: 138px;
}

.footer-wrapper-mobile{
	mask-image: url(/wp-content/themes/fly-athletics/assets/footer-mask.png);
	mask-size: 100% 100%;
	padding-bottom: 20px !important;
}

.footer-wrapper-mobile .accordion .accordion-title{
	border: 0;
	background: transparent !important;
	padding: 10px 0;
	letter-spacing: 2px;
}

.footer-wrapper-mobile .accordion .accordion-item{
	padding-bottom: 7px !important;
}

.footer-wrapper-mobile .accordion .accordion-title .toggle{
	top: 4px;
	right: 0px;
	transform: rotate(-90deg);
}

.footer-wrapper-mobile .accordion .accordion-title.active .toggle{
	transform: rotate(0deg);
}

.footer-wrapper-mobile .accordion .accordion-title .toggle i:before{
	content: '';
	background: url(/wp-content/themes/fly-athletics/assets/footer-accordion-toggle.svg) no-repeat;
	background-position: center;
	background-size: contain;
	width: 14px;
	height: 14px;
	display: block;
}

.footer-wrapper-mobile .accordion .accordion-inner{
	background: transparent;
	padding: 10px 0;
}

.footer-mobile-absolute .col{
	padding-bottom: 0;
}

.footer-mobile-absolute p{
	width: fit-content;
	margin: 0;
	color: #FFFFFF30;
}

.footer-wrapper .social-icons{
	display: flex;
	gap: 20px;
}

.footer-wrapper .social-icons a{
	margin: 0;
}

/* END FOOTER */

.mobile-gradient:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(to right, rgba(255,255,255,0.8), transparent);
}

.tailor-made-section .icon-box:not(:last-child){
	margin-bottom: 48px;
}

.tailor-made-section .icon-box,
.tailor-made-section .icon-box-text{
	display: flex;
	align-items: center;
}

.tailor-made-section{
	overflow: hidden;
}

.tailor-made-section-bg:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	background-image: url('/wp-content/themes/fly-athletics/assets/tailor-made-section-bg.webp');
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: left center;
}

.tailor-made-section .row .col:last-of-type{
	padding: 194px 15px;
}

.tailor-made-section .row .col:last-of-type .col-inner{
	background: #000;
	box-shadow: 0px 0px 100px 100px #000;
}

.dark-background{
	padding: 85px 15px;
	background: #0000004F;
}

/* PRODUCT SLIDER */

.flickity-prev-next-button{
	top: -84px;
	bottom: unset;
	margin-top: 0 !important;
	right: 10px !important;
	transform: none !important;
	left: unset !important;
	opacity: 1;
}

.flickity-prev-next-button svg{
	border-width: 3px !important;
	fill: var(--fs-color-text);
	opacity: 0.6;
	transition: opacity 0.3s;
	border-color: var(--fs-color-text);
}

.slider-nav-circle .flickity-prev-next-button:hover svg{
    fill: var(--fs-color-text) !important;
	opacity: 1;
    background-color: transparent !important;
	border-color: var(--fs-color-text) !important;
}

.slider-nav-circle .flickity-prev-next-button:hover svg .arrow{
    fill: var(--fs-color-text) !important;
}

.flickity-prev-next-button.previous{
	right: 60px !important;
}

.flickity-prev-next-button:disabled, button.flickity-prev-next-button[disabled]{
	opacity: 0.2 !important;
}

/* END PRODUCT SLIDER */

/* PAGE CUSTOM APPAREL FOR YOUR TEAM */

.fly-stack-fit-width .icon-box-left,
.fly-stack-fit-width .icon-box-right{
	width: fit-content;
}

.fly-partners-gradient{
	position: relative;
}

.fly-partners-gradient:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(transparent, #FFF);
	pointer-events: none;
}

.design-service-flow .icon-box{
	position: relative;
}

.design-service-flow .icon-box:last-of-type{
	padding-left: 50px;
}

.design-service-flow .icon-box:last-of-type:before{
	content: '';
	position: absolute;
	top: 29px;
	left: 0;
	right: calc((100% - 50px) / 2 + 50px);
	height: 3px;
	background: var(--fs-color-text);
}

.design-service-flow .icon-box:first-of-type:before{
	content: '';
	position: absolute;
	top: 29px;
	right: 0;
	left: calc(50% + 50px);
	height: 3px;
	background: var(--fs-color-text);
}

.design-it-yourself-bg:before{
	content: '';
	background: url(/wp-content/themes/fly-athletics/assets/design-it-yourself.png) no-repeat;
	background-size: contain;
	background-position: left;
	position: absolute;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	height: 80%;
	width: 100%;
}

.section-content:has(.fly-custom-made-for-you-hero-bg){
	padding-top: 150px;
	padding-bottom: 150px;
}

.section-content:has(.fly-custom-made-for-you-hero-bg):before{	
	content: '';
	background: url(/wp-content/themes/fly-athletics/assets/fly-custom-made-for-you-hero-bg-1.png) no-repeat;
	background-size: contain;
	background-position: left;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

.fly-custom-made-for-you-hero-bg:before{
	content: '';
	background: url(/wp-content/themes/fly-athletics/assets/fly-custom-made-for-you-hero-bg-2.png) no-repeat;
	background-size: contain;
	background-position: right;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
}

.team-apparel-select-image img{
	transition: transform 0.3s;
}

.team-apparel-select-image a:hover img{
	transform: scale(1.1);
}

/* END PAGE CUSTOM APPAREL FOR YOUR TEAM */

/* ACCORDION */

.accordion .accordion-item:not(:last-of-type){
	padding-bottom: 20px;
}

.accordion .accordion-title{
	padding: 16px 37px 18px;
	border-radius: 8px;
	border: 1px solid #646D6F59;
	background: #FFF !important;
	color: #47494B !important;
	font-weight: 600 !important;
}

.accordion .accordion-title .toggle{
	position: absolute;
	right: 14px;
	top: 12px;
	left: unset;
	margin: 0;
}

.accordion .accordion-inner{
	/* box-shadow: 0px 0px 100px 100px #FFF; */
	background: #FFF;
}

.section-content:has(.accordion-bg):before,
.accordion-bg:before{
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	opacity: 0.5;
	max-height: 800px;
}

.section-content:has(.accordion-bg):before{
	background-image: url(/wp-content/themes/fly-athletics/assets/faq1.webp);
	background-position: left;
}

.accordion-bg:before{
	background-image: url(/wp-content/themes/fly-athletics/assets/faq2.webp);
	background-position: right;
}

/* END ACCORDION */

input:hover, select:hover, textarea:hover,
.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea{
	box-shadow: none !important;
}

.arrow-after:after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 18px;
	background: url(/wp-content/themes/fly-athletics/assets/arrow.svg) no-repeat;
	background-size: contain;
	background-position: center;
	margin-left: 15px;
	transition: margin 0.3s;
}

.arrow-after:is(a):hover:after{
	margin-left: 25px;
}

.arrow-before:before{
	content: '';
	display: inline-block;
	width: 28px;
	height: 22px;
	background: url(/wp-content/themes/fly-athletics/assets/arrow.svg) no-repeat;
	background-size: contain;
	background-position: center;
	margin-right: 15px;
}

/* CUSTOM UNIFORMS PAGE */

.custom-uniforms-hero-floating{
	padding: 40px 40px 0px;
	background: #14161AC2;
	border-top: 1px solid #CAF5FA0F;
	backdrop-filter: blur(20px);
	position: absolute;
	bottom: 0;
}

.fly-flex-center .col-inner{
	display: flex;
	justify-content: center;
}

.fly-flex-center .col-inner .row{
	width: 100%;
}

.stretch-stack{
	height: calc(100% - 200px);
}

.col-inner:has(.stretch-stack){
	padding: 150px 0 230px;
}

.section:has(.stretch-stack) .col:first-child .img,
.section:has(.stretch-stack) .col:first-child .img .img-inner{
	height: 100%;
}

.section:has(.stretch-stack) .col:first-child .img .img-inner img{
	height: 100%;
	object-fit: contain;
}

.shipping-image img{
	height: 73px;
	width: auto;
	object-fit: contain;
}

.how-it-works .is-divider{
	background-color: var(--fs-color-primary);
	margin-bottom: 80px;
}

.how-it-works .icon-box:not(:last-of-type),
.try-fly-for-free .icon-box:not(:last-of-type){
	padding-bottom: 70px;
	position: relative;
}

.try-fly-for-free .icon-box{
	padding-bottom: 60px;
}

.try-fly-for-free .icon-box:last-of-type{
	padding-bottom: 30px;
}

.how-it-works .icon-box-img,
.try-fly-for-free .icon-box-img{
	margin-top: -10px;
}

.how-it-works .icon-box:not(:last-of-type):after,
.try-fly-for-free .icon-box:not(:last-of-type):after{
	content: '';
	position: absolute;
	top: 65px;
	left: 26px;
	width: 2px;
	background: #17191B26;
	bottom: 27px;
}

.try-fly-for-free .col.large-5{
	padding-left: 60px;
}

.ambassador-perks .icon-box{
	width: fit-content;
}

.underline-primary{
	width: fit-content;
	padding-bottom: 10px;
	border-bottom: 3px solid var(--fs-color-primary);
	margin-bottom: 10px;
}

.use-our-app-image .row,
.let-us-design-image .row{
	z-index: 2;
	max-width: calc((var(--max-width) - 3em) / 2);
}

.use-our-app-image > div:first-child img{
	mask-image: url(/wp-content/themes/fly-athletics/assets/use-our-app-mask.png);
    mask-size: 100% 100%;
	margin-bottom: 100px;
}

.let-us-design-image > div:first-child img{
	mask-image: url(/wp-content/themes/fly-athletics/assets/let-us-design-mask.png);
    mask-size: 100% 100%;
	margin-top: 70px;
}

.use-our-app-image:after{
	content: url(/wp-content/themes/fly-athletics/assets/design-it-yourself.png);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

/* END CUSTOM UNIFORMS PAGE */

/* CONTACT PAGE */

.fly-get-a-quote-form{
	max-width: 830px;
	margin: 70px auto 0;
}

.fly-ambassador-form{
	margin-top: 40px;
}

.fly-ambassador-form .col{
	padding-bottom: 0 !important;
}

.fly-get-a-quote-form input[type="text"],
.fly-get-a-quote-form input[type="date"],
.fly-get-a-quote-form input[type="email"],
.fly-get-a-quote-form input[type="tel"],
.fly-get-a-quote-form textarea{
	padding: 15px 25px;
	border-radius: 8px;
	border: 1px solid #CECECE;
	font-weight: 400;
	height: 53px;
}

.fly-get-a-quote-form .row{
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.fly-get-a-quote-form .col{
	padding: 0px 10px 10px;
}

.fly-get-a-quote-form .quote-rhinestone-upgrade{
	margin: 10px 0;
	margin-bottom: calc(10px + 1em);
	background: #ECFDFF;
	border-radius: 8px;
	display: flex;
	gap: 20px;
	align-items: center;
	padding: 30px 20px;
	cursor: pointer;
}

.fly-get-a-quote-form .quote-rhinestone-upgrade > span{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.fly-get-a-quote-form .h6{
	text-transform: uppercase;
	font-weight: 700;
	opacity: 1;
}

.fly-get-a-quote-form label{
	font-weight: 600;
	font-size: 17px;
	line-height: 21px;
}

.fly-get-a-quote-form .quote-rhinestone-upgrade input[type="checkbox"]{
	display: none !important;
}

.fly-get-a-quote-form .quote-rhinestone-upgrade label:has(input[type="checkbox"]){
	display: flex;
	align-items: center;
	gap: 14px;
	user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.fly-get-a-quote-form .quote-rhinestone-upgrade label:has(input[type="checkbox"]):before{
	content: '';
	border-radius: 6px;
	width: 20px;
	height: 20px;
	border: 1px solid var(--fs-color-text);
	display: flex;
	justify-content: center;
	align-items: center;
}

.fly-get-a-quote-form .quote-rhinestone-upgrade label:has(input[type="checkbox"]:checked):before{
	content: url(/wp-content/themes/fly-athletics/assets/check.svg);
	background: var(--fs-color-text);
	border-radius: 6px;
	width: 20px;
	height: 20px;
	border: 1px solid var(--fs-color-text);
	display: flex;
	justify-content: center;
	align-items: center;
}

.fly-get-a-quote-form .quote-rhinestone-upgrade .wpcf7-list-item{
	display: block;
}

.fly-get-a-quote-form p:has(.wpcf7-form-control.wpcf7-radio){
	margin-top: 20px;
	margin-bottom: 30px;
}

.fly-get-a-quote-form .wpcf7-form-control.wpcf7-radio{
	display: flex;
	flex-direction: column;
}

.fly-get-a-quote-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label{
	font-weight: 400;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	gap: 15px;
}

.fly-get-a-quote-form .wpcf7-form-control.wpcf7-radio input{
	display: none !important;
}

.fly-get-a-quote-form .wpcf7-form-control.wpcf7-radio .wpcf7-list-item-label:before{
	content: '';
	border: 2px solid #0000004F;
	display: inline-block;
	width: 23px;
	height: 23px;
	border-radius: 23px;
	cursor: pointer;
	flex-shrink: 0;
}

.fly-get-a-quote-form .wpcf7-form-control.wpcf7-radio input:checked + .wpcf7-list-item-label:before{
	border: 5px solid #17191B;
}

.fly-get-a-quote-form .big{
	margin-top: 30px;
}

.fly-get-a-quote-form p:has(input[type="submit"]){
	display: flex;
	justify-content: center;
	margin-top: 45px;
}

.fly-get-a-quote-form p .wpcf7-spinner{
	display: none;
}

.fly-get-a-quote-form input[type="submit"].secondary{
	background: var(--fs-color-secondary);
	margin: 0;
}

.wpcf7-response-output{
	max-width: 830px;
	margin: 2em auto 1em !important;
	background: var(--fs-color-primary);
	border-color: var(--fs-color-primary) !important;
	text-align: center;
}

/* END CONTACT PAGE */

/* SHOP */
.product-small.col .col-inner {
	height: 100%;
}

.product-small.box {
	border: 1px solid #0000002B;
	border-radius: 6px;
	height: 100%;
}

.product-small.box .box-text-products {
	padding: 12px;
}

.product-small.box .box-text p {
	margin: 0px;
}

.product-small.box .price-wrapper {
	display: flex;
		align-items: flex-end;
}

.product-small.box .product-price {
	flex: 1;
}

.product-small.box .woocommerce-product-rating-wrapper {
	display: flex;
	align-items: center;
}

.product-small.box .title-loop-sizes-count {
	color: #929292;
}

.product-small.box .title-wrapper {
	margin-bottom: 8px;
}

.product-archive__banner {
	flex-basis: 100%!important;
	max-width: 100%!important;
}

.product-archive__banner div {
	background: #000;
}

.widget>ul>li+li, ul.menu>li+li {
    border-top: none;
}

.shop-partner-slider{
	margin-bottom: 60px;
}


.hp-products .product-small .box-image img {
	min-height: 400px;
	object-fit: cover;
}

.category-page-row .row:has(.cta-block){
	margin: 60px 0;
}

#shop-sidebar .is-divider{
	display: none;
}

#shop-sidebar .widget-title{
	font-family: Anuphan;
	font-weight: 600;
	font-size: 17px;
	line-height: 100%;
	text-transform: uppercase;
	color: #929292;
}

/* END SHOP */

/* PRODUCT PAGE */

.single-product .product-info .product-title{
	font-weight: 600;
	font-size: 28px;
	line-height: 36px;
	text-transform: uppercase;
	margin: 0;
}

.single-product .product-short-description p{
	margin: 0;
	margin-top: 20px;
	color: #929292;
}

.single-product .product-price-container{
	margin-top: 40px;
	margin-bottom: 30px;
}

.single-product .product-price-container *{
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
}

.single-product .product-price-container .woocommerce-Price-currencySymbol{
	font-weight: 400;
}

.single-product .variations select{
	font-weight: 500;
	font-size: 17px;
	line-height: 21px;
	padding: 20px;
	border: 1px solid #D9D9D9;
	border-radius: 8px;
	height: unset;
}

.single-product .variations label{
	font-size: 17px;
	line-height: 21px;
	margin: 0;
}

.quantity .input-text{
	height: unset;
	border: none;
	font-weight: 500;
	font-size: 18px !important;
	line-height: 22px;
	background: transparent;
	width: 30px !important;
}

.ux-quantity{
	padding: 13px 17px;
	border: 1px solid #D9D9D9;
	border-radius: 8px;
}

.ux-quantity .qty-custom-wrapper{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 2px;
}

.ux-quantity .qty-custom-wrapper label{
    width: 15px;
    height: 15px;
	padding: 2.5px;
	margin: 0;
	cursor: pointer;
}

.ux-quantity .qty-custom-wrapper label:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/themes/fly-athletics/assets/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: filter 0.3s;
}

.ux-quantity .qty-custom-wrapper label:has(.ux-quantity__button--plus):after{
	background-image: url(/wp-content/themes/fly-athletics/assets/arrow-up.svg);
}

.ux-quantity .qty-custom-wrapper label:hover:after{
	filter: invert(1);
}
	
.ux-quantity .qty-custom-wrapper input{
	display: none;
}

.product-page-testimonial-slider{
	display: flex;
	flex-direction: column;
}

.product-page-testimonial-slider .fly-testimonial-header{
	order: 2;
}

.product-page-testimonial-slider .swiper-container{
	order: 1;
}

.product-page-testimonial-slider.testimonial-slider *{
	color: var(--fs-color-text) !important;
}

.product-page-testimonial-slider .fly-testimonial-wrapper{
	padding: 0;
}

.single-product .related .product-section-title{
	font-weight: 600;
	font-size: 26px;
	line-height: 34px;
	text-align: center;
	margin-top: 75px;
	margin-bottom: 35px;
}

/* END PRODUCT PAGE */

/* MOBILE MENU */

.mfp-content:has(.sidebar-menu){
	background: rgb(23, 25, 27);
	top: 70px;
}

.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
	--drawer-width: 100% !important;
	box-shadow: none;
}

.mfp-content .mobile-sidebar .nav-sidebar li{
	border: none;
}

.mfp-content .mobile-sidebar .nav-sidebar li a{
	color: #FFF;
	font-family: Anuphan;
	font-weight: 400;
	font-size: 21px;
	line-height: 100%;
}

.mfp-content .mobile-sidebar .nav-sidebar .account-login{
	color: var(--fs-color-primary);
}

.mfp-content .mobile-sidebar .nav-sidebar li:has(.account-login) .toggle{
	display: none;
}

.mobile-sidebar .nav-sidebar .account-login:after{
	content: '';
	background: url(/wp-content/themes/fly-athletics/assets/user-blue.svg) no-repeat;
	background-position: center;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin-left: 14px;
}

.mobile-sidebar,
.mobile-sidebar .sidebar-menu,
.mobile-sidebar .sidebar-menu .nav-sidebar{
	height: 100%;
	padding: 0;
}

.mobile-sidebar .sidebar-menu .nav-sidebar li:last-child{
	margin-top: auto;
}

.off-canvas:not(.off-canvas-center) li.html{
	padding: 0;
}

.mfp-wrap:has(.nav-sidebar) .mfp-close{
	top: 14px;
	left: 20px;
}

.mfp-wrap:has(.nav-sidebar){
	top: 70px !important;
}

.has-off-canvas-left:has(.mfp-wrap .nav-sidebar) #masthead ul.mobile-nav.nav-left li i{
	opacity: 0;
}

body:has(.mfp-wrap .nav-sidebar) .mfp-bg{
	display: none;
}

/* END MOBILE MENU */

.app-links-row{
	max-width: 430px !important;
	margin-left: 0 !important;
}

/* TABLET STYLE */
@media screen and (max-width: 1149px){
	.footer-wrapper-desktop .col{
		max-width: calc(100% / 3);
		flex-basis: calc(100% / 3);
	}
	
	.footer-wrapper-desktop .row{
		justify-content: end;
	}
}

/* MOBILE STYLE */
@media screen and (max-width: 849px){
	.button:not(.icon){
		padding: 10px 28px;
		font-size: 15px;
		line-height: 19px !important;
	}

	.button:not(.icon) span{
		font-size: 15px;
		line-height: 19px !important;
	}

	body h2{
		font-size: 67px;
		line-height: 87px;
	}

	body h3,
	body .mobile-h3{
		font-size: 46px;
		line-height: 60px;
	}

	body h4,
	body .h4,
	body .mobile-h4{
		font-size: 27px;
		line-height: 42px;
	}

	body h5{
		font-size: 19px;
		line-height: 25px;
	}

	body h6,
	body .h6,
	body .mobile-h6{
		font-size: 20px;
		line-height: 25px;
	}

	body p,
	body .p{
		font-size: 14px;
		line-height: 18px;
	}

	body p.big{
		font-size: 15px;
		line-height: 24px;
	}

	body p.large{
		font-size: 18px;
		line-height: 28px;
	}

	body p.xxl{
		font-size: 20px;
		line-height: 28px;
	}

	body p.small{
		font-size: 14px;
		line-height: 18px;
	}
	
	/* HOMEPAGE */
	

	.fly-homepage-partners{
		margin-bottom: 0;
	}
	
	.fly-homepage-partners .highway-barrier::after{
		background: linear-gradient(to right, white 0%, transparent 10%, transparent 90%, white 100%)
	}
	
	.mobile-gradient{
		padding-top: 80px !important;
		padding-bottom: 0 !important;
	}
	
	.mobile-gradient .section-content{
		padding-top: 200px;
		background: linear-gradient(to top, white 0%, white calc(100% - 200px), transparent 100%)
	}
	
	.mobile-gradient .button{
		width: 100%;
		margin: 0;
	}
	
	.primary-container{
		padding: 0px 7px;
	}
	
	.dark-background{
		background: none;
		padding: 30px 20px 80px;
	}
	
	.flickity-prev-next-button{
		top: -64px;
	}

	.tailor-made-section-bg:before{
		background-image: url('/wp-content/uploads/Uniforms-Vertical-scaled.jpg');
		background-size: 100% auto;
		background-position: bottom center;
	}

	.tailor-made-section .row .col:last-of-type{
		padding: 40px 15px;
	}
	
	.mobile-gradient:after{
		display: none;
	}
	
	/* END HOMEPAGE */
	
	/* CUSTOM UNIFORMS PAGE */
	
	.col-inner:has(.stretch-stack){
		padding: 0;
		padding-top: 60px;
	}
	
	.stretch-stack{
		height: fit-content;
	}
	
	.custom-uniforms-hero-floating{
		position: relative;
		padding: 30px 0px 0px;
	}
	
	.section:has(.stretch-stack) .col:first-child .img .img-inner{
		margin: 30px auto -30px !important;
		max-width: min(200px, 80%);
	}
	
	.try-fly-for-free .col.large-5{
		padding-left: 15px;
	}
	
	.use-our-app-image:after{
		display: none;
	}
	
	.fly-flex-center{
		padding-bottom: 0;
	}
	
	.how-it-works .is-divider{
		margin-bottom: 40px;
	}
	
	.how-it-works .icon-box .icon-box-img,
	.try-fly-for-free .icon-box .icon-box-img{
		width: 45px !important;
	}
	
	.how-it-works .icon-box:not(:last-of-type):after,
	.try-fly-for-free .icon-box:not(:last-of-type):after{
		top: 50px;
		left: 21px;
	}
	
	.how-it-works .icon-box:not(:last-of-type),
	.try-fly-for-free .icon-box:not(:last-of-type){
		padding-bottom: 45px;
	}
	
	.let-us-design-image > div:first-child img{
		margin-top: 0;
	}
	
	/* END CUSTOM UNIFORMS PAGE */
	
	/* PAGE CUSTOM-APPAREL-FOR-YOUR-TEAM */
	
	.design-it-yourself-bg:before,
	.section-content:has(.fly-custom-made-for-you-hero-bg):before,
	.fly-custom-made-for-you-hero-bg:before{
		display: none;
	}
	
	.section-content:has(.fly-custom-made-for-you-hero-bg){
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	/* END PAGE CUSTOM-APPAREL-FOR-YOUR-TEAM */
	
	/* CONTACT */
	
	.fly-get-a-quote-form{
		margin-top: 30px;
	}
	
	.fly-get-a-quote-form .quote-rhinestone-upgrade{
		flex-direction: column;
		padding: 20px;
	}
	
	.fly-get-a-quote-form p:has(input[type="submit"]){
		margin-top: 20px;
	}
	
	/* END CONTACT */
	
	/* SHOP */

	.category-page-row .row:has(.cta-block){
		margin: 10px 0;
	}

	/* END SHOP */
	
	/* PRODUCT */
	
	.ux-quantity__button{
		padding: 5px 7px;
	}
	
	/* END PRODUCT */
	
	/* SIDE CART */

	.mfp-wrap:has(#cart-popup) .mfp-close{
		top: 27px !important;
		right: 17px;
	}
		
	/* END SIDE CART */
	
	/* PRODUCT SLIDER */

	.row-slider .flickity-prev-next-button svg{
		border: 2px solid !important;
		padding: 5px !important;
	}
	
	.flickity-prev-next-button.previous{
		right: 45px !important;
	}
	
	.row-slider .flickity-prev-next-button{
		width: 25px !important;
	}
	
	/* END PRODUCT SLIDER */
	
	.footer-cta-section{
		margin-bottom: -30px;
	}

	.footer-cta-image{
		max-width: 250px;
	}
	
	.footer-cta-section::after {
		content: "";
        position: absolute;
        top: -1px;
        left: 0;
        border-top: 30px solid #fff;
        border-right: 100vw solid transparent;
	}

}



	.hp-why-choose-us p {
		margin-bottom: 2em;
	}



.product-description-wrapper {
	padding-top: 20px;
}





/* Shoes Landing Page */

.text-with-border {
	border-radius: 8px;
	border: solid 1px #bebebe;
	padding: 24px 36px;
	margin-top: 25px;
}


.text-with-border p:last-child {
	margin-bottom: 0;
}

.shoes-slider .swiper-pagination{
	top: calc(100% + 20px);
	display: none;
}

@media (max-width: 849px) {
    .shoes-slider .swiper-pagination {
        display: block;
    }
}

.shoes-slider .swiper-pagination-bullet-active{
	background: black;
}



/* END Shoes Landing Page */