@charset "utf-8";
/* CSS Document */

/* PIXIE COMMERCE CHILD THEME - AQUATICS */

/* UNIVERSAL */
.flex { display:flex; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.items-center { align-items: center; }
.flex-col { flex-direction: column; }
.w-full { width: 100%; }
.h-full { height: 100%; }
.w-1\/3 { width: 33.33%; }
.text-center { text-align: center; }
.align-stretch { align-self: stretch; }

.icon-circle { color: #3498db; border-radius: 50%; font-size: 25px; line-height: 37px;  border: 1px solid #3498db; padding:10px; display:inline-flex; position: relative;  width: 42px;  height: 42px; }
.icon-circle:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/* BUTTONS */
button, .button, button.disabled, button[disabled], .button.disabled, .button[disabled], .account-dropdown li a.button.sign-in, .cart-dropdown li a.button.sign-in, .category-nav li.active, .products-grid .toolbar .button.active, .products-grid .toolbar .button.active:hover {  background: #22a7f0;  color: #ffffff; padding: 10px 15px; display:inline-flex; transition: all 200ms ease; }
button:hover, button:focus, .button:hover, .button:focus { background: #123e6b; color: #ffffff;}
body.pixiedust .middle-header .table-icon-menu.pull-right li.hidden-md { position: relative; }
body.pixiedust .middle-header .table-icon-menu.pull-right li.hidden-md button { padding:0; width: 24px; height: 24px; margin:0 !important; position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); }
body.pixiedust .middle-header .table-icon-menu.pull-right li.hidden-md button i { margin:0; }
body.pixiedust .middle-header .table-icon-menu.pull-right li.hidden-md button.custom-toggle { width: 40px; }

@media screen and (min-width: 1200px) {
	
	body.pixiedust .header .header-placeholder .middle-header .dropdown-switcher.switcher-currency .dropdown-custom { right: -30px; top: 10px !important; }
	body.pixiedust .header .header-placeholder .middle-header .swicther { margin-right: 15px; }
}


/* DEF STYLES AND BUTTONS FOR USE IN WIDGETS ETC */
body.pixiedust span.xxlarge, body.pixiedust .xxlarge { font-size: clamp(34px, calc(14px + 1.5vw), 44px) !important; display:block; line-height:1.1; margin-bottom: 20px; display:block;  }
body.pixiedust span.xlarge, body.pixiedust .xlarge { font-size: clamp(24px,calc(14px + 1.5vw),34px) !important; display:block; line-height:1.1;  margin-bottom: 20px;display:block;  }
body.pixiedust span.large, body.pixiedust .large { font-size:  clamp(20px, calc(14px + 1.5vw), 24px) !important; display:block; line-height:1.1;  margin-bottom: 20px;display:block;  }
body.pixiedust span.medium { font-size: clamp(16px, calc(5px + 1.5vw), 20px) !important; line-height:1.1; margin-bottom: 20px; display:block;  }
body.pixiedust span.small { font-size: clamp(12px, calc(5px + 1.5vw), 14px) !important; line-height:1.4; margin-bottom: 20px; display:block; }
body.pixiedust span.xsmall { font-size: 12px; }
body.pixiedust .title { font-weight: 600 !important; letter-spacing: 1px; }


/* AQUATICS SPECIFIC */
.header .header-placeholder .middle-header .logo img { max-height: 65px; }
@media screen and (min-width:1200px) {
	.header .header-placeholder .middle-header .logo img { max-height: 75px; }
}

/* CHECKOUT */
.page-layout-checkout .page-header .logo img { max-width: 300px; }
body.pixiedust-aquatics.checkout-index-index .control .mage-error ~ .mage-error:not(#spin-wheel-name-error) {display: block !important;}
body.pixiedust-aquatics.checkout-index-index .field-error {color: red;}

@media screen and (min-width: 1200px) {
    body.pixiedust-aquatics .page-wrapper {
        padding-top: 0;
    }
	body.pixiedust-aquatics .header .header-placeholder .table-icon-menu .dropdown-toplinks:hover .dropdown-menu {
	    top: calc(100% + -25px);
	}      
}
