/*
Theme Name:		 Ashtons Shop Website
Theme URI:		 https://pixelatedorange.com
Description:	 Theme by Pixelated Orange
Author:			 Pixelated Orange
Author URI:		 https://pixelatedorange.com
Template:		 twentyseventeen
Version:		 1.0
Text Domain:	 ashtonsshop
-------------------------------------------------------------- */

@import url("https://use.typekit.net/vbi7qig.css");



/* =GLOBAL */

body{font-family: proxima-soft, sans-serif;  font-weight: 400; font-size: 16px; color: #07485B; line-height: 1.4}

.lh0{line-height: 0px}

p{line-height: 1.4}

.entry-content, .entry-header{width: 100%!important; float: none}

.site-content{padding: 112px 36px 36px}

a{color: #07485B}

.content-inner{max-width: 1800px; margin-left:auto; margin-right:auto}

/* =IMAGES */

.lh0{line-height: 0px}

.lh0 img{width: 100%}

.cover{background-size: cover;}

.oh{overflow: hidden}

.woocommerce-Address-title a.edit{display: none!important}


.po-dropdown-menu button.dropdown-toggle{display: none!important}

/* =FONTS */

.regular{font-weight: 400}

h1, h2, h3{line-height: 1.2}

.bold, strong{font-weight: 700}

.uppercase{text-transform: uppercase}

.large{font-size: 40px}


/* =FLEX */

.flex{display: flex; flex-wrap: wrap}

.align-top{align-items: flex-start}

.align-center{align-items: center}

.self-end{align-self: flex-end}

.space-evenly{justify-content: space-evenly}

.space-between{justify-content: space-between}

.flex1{flex: 1}

.full{width: 100%}

.gap20{gap: 20px}

.gap40{gap: 40px}

.gap100{gap: 100px}

.gap20 .third{width: calc(45% - 10px)}

.gap20 .two-thirds{width: calc(55% - 10px)}

.gap40 .third{width: calc(45% - 20px)}

.gap40 .two-thirds{width: calc(55% - 20px)}


/* =COLOURS */

.white-bg{background-color: #ffffff}

.green-bg{background-color: #07485B}

.light-green-bg{background-color: #58bebb}


.white{color: #ffffff}

.green{color: #07485B}

.light-green{color: #58bebb}



/* =PADDING / SPACING */

.rounded{border-radius: 20px}

.tal{text-align: left}

.tac{text-align: center}

.tar{text-align: right}

.relative{position: relative}

.ilb{display: inline-block}

.absolute{position: absolute}

.absolute-all{top: 0x; bottom: 0px; left: 0px; right: 0px}

.table{display: table; width: 100%; height: 100%}

.cell{display: table-cell}

.vat{vertical-align: top}

.vam{vertical-align: middle}

.vab{vertical-align: bottom}


.mt0{margin-top:0px}

.mb0{margin-bottom:0px}

.mt40{margin-top:40px}

.mb40{margin-bottom:40px}

.mb20{margin-bottom:20px}

.pt20{padding-top:20px;}

.pb20{padding-bottom:20px}

.pt40{padding-top:40px;}

.pb40{padding-bottom:40px}

.pl40{padding-left:40px}

.pr40{padding-right:40px}

.pd40{padding: 40px}

.mr10{margin-right:10px}

.ml10{margin-left:10px}


/* =LINKS / BUTTONS */

a.link-underline, p.lost_password a{box-shadow: inset 0 -2px 0 0 currentColor; padding-bottom:6px; display: inline-block}

a.link-underline:hover, p.lost_password a:hover{box-shadow: inset 0 -2px 0 0 #58bebb; }

.small-round-button, button.wc-block-components-checkout-place-order-button{display: inline-block; padding: 10px 20px; border-radius: 30px; box-shadow: none!important; border: none!important; background-color: #58bebb; color: #ffffff; text-decoration: none; font-size: 13px; text-transform: uppercase; font-weight: 700; cursor: pointer;}

.small-round-button-dark{background-color: #07485B}



.small-round-button-outlined{border: 2px solid #07485B!important; background-color: #ffffff; color: #07485B; padding: 8px 20px}

.small-round-button:hover, .small-round-button-outlined:hover, .woocommerce-Address-title a.edit:hover, .woocommerce-edit-address button[type='submit']:hover{background-color: #07485B}

.small-round-button-dark:hover{background-color: #58bebb}

.small-round-button-outlined:hover{color: #ffffff}


.woocommerce-button, .woocommerce-Button, input#wfls-token-submit, .big-button, .woocommerce-edit-address button[type='submit'], .order-again a{padding: 10px 30px; border-radius: 30px; background-color: #58bebb; color: #ffffff; border: none!important; font-size: 16px!important; float: none!important; display: inline-block}

.big-button-outline, .big-button-outline{border: 2px solid #07485B!important; padding: 6px 30px!important; background-color: transparent!important; color: #07485B!important}

.big-button:hover, .big-button-outline:hover, .woocommerce-button:hover, .woocommerce-Button:hover, input#wfls-token-submit:hover, .order-again a:hover{background-color: #07485B!important; color: #ffffff!important}


/* =ANIMATE */

a, button, .flex-control-nav li img, .custom-accordion-item .title:after, .woopq-quantity-input-minus, .woopq-quantity-input-plus, input#wfls-token-submit, span.xoo-wsc-chng, .filters-sticky .mobile-nav-button:after{-webkit-transition: all 0.4s!important; transition: all 0.4s!important;}


/* =LOGO */

.logged-out-logo{max-width: 140px}

.logo{width: 220px;}

.footer-logo, .shop-header-logo{width: 100%; max-width: 180px}


/* =LOGGED OUT */

body.user-logged-out:not(.show-to-all){background-color: #b0bfc5}

.user-logged-out:not(.show-to-all) .site-header{background-color: #b0bfc5!important; position: relative!important}

.shop-locked{max-width: 600px; margin: 0px auto; border-radius: 20px}

.user-logged-out:not(.show-to-all) .site-content{padding-top:20px!important}

.user-logged-out:not(.show-to-all) .entry-header{display: none!important}

.user-logged-out li.logged-out-no, .user-logged-out li.logged-out-no a{pointer-events: none!important}

.logged-out-need-access{padding-top:40px; margin-top:40px; border-top: 1px solid #58bebb}


.shop-locked .woocommerce-form-row{flex-wrap: wrap}

.shop-locked .woocommerce-form-row label{order: 1!important; width: 100%!important}

.shop-locked .woocommerce-form-row input, .shop-locked .woocommerce-form-row span.password-input{order: 2!important; width: 100%}

.shop-locked .woocommerce-form-row span.password-input button{padding-left:0px!important; padding-right:0px!important}

.shop-locked #wfls-prompt-wrapper p{margin: 6px 0px 6px}

.shop-locked #wfls-prompt-wrapper p input[type=text]{width: 100%!important}

.shop-locked input#wfls-token-submit{margin-top:20px}


/* =HEADER */

.site-main-no-header{padding-top:100px}

.site-header{position: fixed; top: 0px; left: 0px; right: 0px; bottom: auto; background-color: #ffffff ; z-index: 1001!important;}

.site-header .content-inner{padding: 20px 36px; max-width: calc(1800px + 72px)}

#site-navigation{width: 100%}


/* =HEADER SEARCH */

.search-container{display: none; padding: 20px; background-color:#b0bfc5}

.search-container-inner{max-width: 600px; margin: 0px auto}

.mpsfw-container .mpsfw-search-field{border-radius: 6px!important; border: 2px solid #b0bfc5!important; padding-left:20px; padding-right:20px}

.mpsfw-search-result{margin-top:-6px; border-radius: 0px 0px 6px 6px!important; border: 2px solid #b0bfc5!important; border-top: 0px!important}

.mpsfw-search-result{font-size: 16px!important}

.mpsfw-search-result .mpsfw_result_link{padding-left:20px; padding-right:20px}

.mpsfw-product-details{display: flex!important; flex-wrap: wrap}

.mpsfw-product-details .mpsfw-product-brand{order: 1; font-size: 14px; color: #07485B; width: 100%}

.mpsfw-product-details .mpsfw-product-title{width: 100%; order: 2; font-size: 20px; color: #07485B}

.mpsfw-product-details .mpsfw-product-sku{order: 3; width: 100%; color: #58bebb; font-size: 14px!important}


.mpsfw-product-cart{display: flex; align-items: center; justify-content: space-between; margin-top:10px; flex-direction: row}

.mpsfw-product-cart .mpsfw-product-price{font-size: 16px; align-self: flex-start}

.mpsfw-product-cart .mpsfw-product-price .amount{font-weight: 700}

.mpsfw-product-cart .mpsfw-product-stock{display: none!important}

.mpsfw-product-image img{width: 100px}

.mpsfw-product-cart a.mpsfw-add-to-cart{align-self: flex-end; background-color: #58bebb!important; border-radius: 20px!important; font-size: 13px; text-transform: uppercase; color: #ffffff!important; padding: 8px 15px!important; height: auto!important}

.mpsfw-product-cart a.mpsfw-add-to-cart:hover{background-color: #07485B!important}


/* =TOP NAV */

#top-menu, #menu-header-shop-menu{margin: 0px; padding: 0px; list-style: none; display: flex; gap: 30px; justify-content: center; align-items: center}

#menu-header-shop-menu{justify-content: flex-end; gap: 20px}

#top-menu li.current_page_item a{opacity: 0.7}

#top-menu a, #menu-header-shop-menu a{color: #07485B!important}

#top-menu a:hover, #menu-header-shop-menu a:hover{color: #58bebb!important}

#menu-header-shop-menu a{font-size: 20px}

#menu-header-shop-menu li.round-button a, .woocommerce-account .woocommerce-MyAccount-navigation li:last-child a{font-size: 14px; padding: 5px 15px; border-radius: 30px; background-color: #07485B; color: #ffffff!important; box-shadow: none!important}

#menu-header-shop-menu li.round-button a:hover, .woocommerce-account .woocommerce-MyAccount-navigation li:last-child a:hover{background-color: #58bebb}


/* =TOP NAV DROPDOWN */

#top-menu .sub-menu{background-color: transparent; padding-top:20px}

#top-menu .sub-menu li{text-align: left; padding: 5px 16px; border-left: 2px solid #58bebb; border-right: 2px solid #58bebb; background-color: #ffffff}

#top-menu .sub-menu li:first-child{border-radius: 6px 6px 0px 0px; border-top: 2px solid #58bebb; padding-top:10px}

#top-menu .sub-menu li:last-child{border-radius: 0px 0px 6px 6px; border-bottom: 2px solid #58bebb; padding-bottom:10px}


/* =FOOTER */

.site-footer{padding: 40px 80px; float: none; clear: both}

.footer-menu ul{margin: 0px; padding: 0px; list-style: none}

.footer-menu ul li{margin-bottom:20px}

.footer-menu ul li:last-child{margin-bottom:0px}

.footer-menu-title{font-size: 18px}

.footer-menu a{color: #ffffff}

.footer-menu a:hover, .footer-social-menu a:hover{color: #58bebb}

.footer-text{width: 100%; max-width: 300px}


.footer-social-menu ul{margin: 0px; padding: 0px; display: flex; gap: 20px; justify-content: flex-start}

.footer-social-menu a{font-size: 30px; color: #ffffff}


/* =GRAVITYFORM */

.gfield_label{font-size: 16px!important; color: #07485B!important}

.gfield input{font-size: 16px!important}

.gfield select, .gfield textarea{border: 1px solid #b0bfc5!important; border-radius: 6px!important; font-size: 16px!important}

.gform-footer input[type=submit]{padding: 10px 30px!important; border-radius: 30px!important; background-color: #58bebb!important; color: #ffffff!important; border: none!important; font-size: 16px!important; float: none!important; display: inline-block; height: auto!important}

.gform-footer input[type=submit]:hover{background-color: #07485B!important}

p.gform_required_legend{display: none!important}


/* =SHOP HEADER */

.shop-header{background-position: right center}

.shop-header-text-holder{width: 100%; max-width: 50%; margin: 20vw auto 0px 0px}

.stat-text{font-size: 20px}


.shop-header-icons{border-bottom: 1px solid #07485B}

.icon-circle{width: 84px; height: 84px; border-radius: 100px; background-color: #e8edee; line-height: 94px}

.icon-circle i{font-size: 34px; line-height: 1; }






/* =REQUEST PAGE */

.request-form-holder{max-width: 1200px; width: 100%; margin: 0px auto}

.page-template-request-team-member .site-content{background-color: #b0bfc5!important}

.page-template-request-team-member .content-area{padding-top:40px}

.gfield_list_groups button[type=button]{background-color: #07485B!important}

/* =IPAD LANDSCAPE
------------------------------------------------------- */
@media only screen and (min-width:911px) and (max-width: 1024px){

/* =IMAGES */


/* =FONTS */


/* =FLEX */


/* =PADDING / SPACING */


/* =LINKS / BUTTONS */


/* =ANIMATE */


/* =LOGO */


/* =LOGGED OUT */


/* =HEADER */


/* =HEADER SEARCH */


/* =TOP NAV */


/* =TOP NAV DROPDOWN */


/* =FOOTER */


/* =GRAVITYFORM */


/* =SHOP HEADER */


/* =ACCORDION */


}



/* =IPAD PORTRAIT
------------------------------------------------------- */
@media only screen and (min-width: 641px) and (max-width: 800px){


/* =IMAGES */


/* =FONTS */


/* =FLEX */


/* =PADDING / SPACING */


/* =LINKS / BUTTONS */


/* =ANIMATE */


/* =LOGO */


/* =LOGGED OUT */


/* =HEADER */


/* =HEADER SEARCH */


/* =TOP NAV */


/* =TOP NAV DROPDOWN */


/* =FOOTER */


/* =GRAVITYFORM */


/* =SHOP HEADER */


/* =ACCORDION */



}




/* =IPHONE
------------------------------------------------------- */
@media only screen and (max-width: 640px) {

.site-header .content-inner{padding: 10px 18px}

.site-content{padding: 86px 18px 18px}




/* =IMAGES */


/* =FONTS */

h2.large p{font-size: 30px}


/* =FLEX */

.gap40{gap: 18px}

.third, .two-thirds{width: 100%!important}


/* =PADDING / SPACING */

.pd40{padding: 18px}


/* =LINKS / BUTTONS */


/* =ANIMATE */


/* =LOGO */


/* =LOGGED OUT */

.woocommerce-form-login p.form-row:not(.form-row-last):not(.form-row-first){flex-wrap: wrap; justify-content: center!important}


/* =HEADER */

.logo{width: 200px}


/* =HEADER SEARCH */


/* =TOP NAV */


/* =TOP NAV DROPDOWN */


/* =FOOTER */

.site-footer{padding: 18px}

.footer-left, .footer-right{width: 100%}

.footer-left{order: 2}

.footer-right{order: 1}

.user-logged-out .footer-right .footer-menu-holder{flex: 1}

.user-logged-out .pomm-additional-button, .user-logged-out .pomm-toggle{display: none}


/* =GRAVITYFORM */


/* =SHOP HEADER */

.shop-header-text-holder{max-width: 100%}

.shop-header{background-position: 80% center}

.shop-header-text h2{font-size: 30px}

.stats{gap: 0px}

.stat{width: 100%}

.stat .full{width: 100%; display: flex; align-items: center; gap: 18px; justify-content: space-between}

.stat-text br{display: none}


.shop-header-icons{padding-left:0px; padding-right:0px; justify-content: flex-start; gap: 10px}


.icon-circle{width: 64px; height: 64px; line-height: 68px}

.icon-circle i{font-size: 24px}



.shop-footer-bg{height: 70vw}


/* =ACCORDION */

/* =ACCORDION */

.custom-accordion-item{padding-bottom:20px; border-bottom: 1px solid #58bebb; padding-top:20px}

.custom-accordion-item .title, .mobile-nav-button{display: flex; justify-content: space-between; gap: 20px; align-items: center; cursor: pointer}

.custom-accordion-item .title:after, .mobile-nav-button:after{font-family: "Font Awesome 7 Pro"; content: '\2b'}

.custom-accordion-item.active .title:after, .filters-sticky.active .mobile-nav-button:after{rotate: 45deg}


}