/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
*:focus {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}

/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 16px 'MerriweatherSans-Light', Helvetica, Arial, sans-serif;
	color:#231F20;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:rgb(97, 97, 97);
	text-decoration:none;
}
a:hover {
	color:rgb(226, 226, 226);
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	
}

.button-global {
	width: 200px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 0;
	appearance: none;
	border: 1px solid #231F20;
	cursor: pointer;
	background-color: #fff;
	
}

.button-global:hover {
	transition: .2s all;
	background-color: rgba(65, 64, 66, 1);
	color: #fff;
}

.text-container {
	line-height: 1.5;
}

.text-container--left {
	text-align: left;
	padding: 0 2rem;
	margin: auto auto auto 0;
	line-height: 1.8;
}

.text-container--left h1 {
	line-height: 1.4;
}

.text-container--centered {
	text-align: center;
	padding: 0 2rem;
	margin: auto;
	line-height: 1.2;
}

.text-light {
	font:200 16px 'MerriweatherSans-Light', Helvetica, Arial, sans-serif;
	color:#231F20;
}

.text-container--centered h1 {
	line-height: 1.2;
}

.same-height-col {
	display: table-cell;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/**** wrapper ****/
.wrapper {
	max-width:1680px;
	width:100%;
	margin:0 auto;
	position:relative;
}
/**** header ****/
.header {
	position: fixed;
	z-index: 100;
	width: 100vw;
	height: 60px;
	background-color: #FFF;
	border-bottom: 1px solid #414042;
}

.clear-fixed-header{
	min-height: 60px;
}
/**** logo ****/

.logo {
	position: relative;
	z-index: 200;
}
.logo-img {
	width: 50px;
	height: 50px;
}

.logo-typo {
	height: 44px !important;
}

.divider {
	width: 200px;
	height: 1px;
	border-radius: 50%;
	background-color: #262262;
	margin: 2rem auto;
}
/* ==== NAVIGATION ==== */


/**== NAVIGATION General ==**/


.global-header-container {
	width: 100%;
	height: 100%;
	padding: 0 2rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}

.global-header ul {
	list-style: none;
	padding: 0;
	letter-spacing: 2px
	
}
.global-header .menu-item {
	display: inline;
	padding: 0 1rem 0;
	font-size: 1.6rem;
}

/*== NAVIGATION Desktop Navigation ==*/ 

.global-header--desktop {
	display: block;
	height: 100%;
}

.global-header__primary-navigation {
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 100%;
}

.global-header__primary-navigation .menu-item {
	margin-left: 6rem;
}
.global-header__primary-navigation .menu-item a{
	color: #231F20;
	transition: all .1s;
}

.global-header__primary-navigation .menu-item:hover a{
	color: rgb(226, 226, 226);
}


.global-header__right-navigation {
	height: 100%;
	width: 33%;
	display: flex;
	align-items: center;
}

.right-navigation-item {
	width: 33.33%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.right-navigation-item .right-nav-icon {
	height: 26px;
	fill: #616161;
	
}

.right-navigation-item .right-nav-icon:hover {
	
	fill: rgb(226, 226, 226);
	
}

.right-navigation-item .menu-item-type-woofc {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.right-navigation-item .woofc-menu-item-inner-subtotal {
	display: none;
}

.right-navigation-item .woofc-icon-cart8::before {
	font-size: 26px;
	
}

.right-navigation-item .woofc-menu-item .woofc-menu-item-inner::after {
	left: 19px;
	top: -13px;
	background-color: #ED1C24;
}

.global-header__right-navigation .divider_style_1 {
	width: 1px;
	height: 40px;
	background-color: grey;
}

/*== NAVIGATION Mobile Navigation ==*/

.gloabl-header--mobile {
	display: none;
	width: 100vw;
	height: 100%;
}

.mobile__center--logo-typo {
	height: 25px !important;
}

.mobile-menu--list {
	visibility: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100vw;
	height: calc(100vh - 60px);
	top: 60px;
	left: 0;
	right: 0;
	z-index: 999;
	background-color: #262262;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
	transform-origin: top;
	transform: scale(1, 0);
	transition: all .3s ease;
	overflow: scroll;
}

.mobile-menu--list .menu-item {
	display: block;
	text-align: center;
	min-width: 50vw;
	border-bottom: 1px solid #fff;
}

.mobile-menu--list .menu-item a{
	display: block;
	min-width: 100%;
	padding: 1rem;
	color: #fff;
}

.mobile-menu--list .menu-item:hover {
	background-color: rgba(255, 255, 255, .3);
}

.gloabl-header--mobile .global-header__right-navigation{
	height: auto;
	justify-content: center;
}
.mobile-menu--list .search {
	position: relative;
	bottom: -10rem;
}



/**** Making the Hamburger Menu ****/


.mobile-menu--toggle {
	min-width: 25px;
	min-height: 25px;	
	z-index: 130;
	display: block;
	position: relative;
	cursor: pointer;
	border-style: none;
	padding: 0;
	background: none;
	outline: none;	
}


.mobile-menu--toggle .bar {
	position: relative;
	display: block;
	width: 25px;
	height: 2px;
	background: rgb(0, 0, 0);
	transition: all 0ms 300ms;
	transition-timing-function: ease;
	border-radius: 1px;
}

.mobile-menu--toggle .bar::before, .mobile-menu--toggle .bar::after {
	content: "";
	position: absolute;
	left: 0;
	width: 25px;
	height: 2px;
	background: rgb(0, 0, 0);
	border-radius: 1px;
  }

.mobile-menu--toggle .bar::before {
	bottom: 11px;
	will-change: bottom, transform;
	-webkit-transform: rotate(0deg);
  	-moz-transform: rotate(0deg);
  	-o-transform: rotate(0deg);
  	transform: rotate(0deg);
	  transition-property: bottom, transform;
	  transition-duration: 300ms, 300ms;
	  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1), cubic-bezier(0.23, 1, 0.32, 1);
	  transition-delay: 300ms, 0s;
  }
  
.mobile-menu--toggle .bar::after {
	top: 11px;
	will-change: top, transform;
	-webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	transform: rotate(0deg);
	  transition-property: top, transform;
	  transition-duration: 300ms, 300ms;
	  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1), cubic-bezier(0.23, 1, 0.32, 1);
	  transition-delay: 300ms, 0s;
  }

/**** Mobile Menu -- Hamburger Animation ****/


.gloabl-header--mobile.open .bar {
	background: rgba(242, 244, 245, 0);
	transition: 200ms;
	transition-delay: 150ms;
  }
  
.gloabl-header--mobile.open .bar::before{
	bottom: 0;
  	-webkit-transform: rotate(-45deg);
  	-moz-transform: rotate(-45deg);
  	-ms-transform: rotate(-45deg);
  	-o-transform: rotate(-45deg);
  	transform: rotate(-45deg);
  	transition: bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);
  }

.gloabl-header--mobile.open .bar::after{
	top: 0;
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
  	transition: top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);
  }


  .gloabl-header--mobile.open .mobile-menu--list {
	transition: all .3s ease;  
	visibility: visible;
	transform: scale(1,1);
  }

/**** Fly-in Shopping Cart ****/

.woofc-area-bot .shipping-cost-info {
	padding: 0 20px!important;
}
/* ==== / NAVIGATION ====*/

/* ==== FOOTER  ==== */

.footer-navigation__col {
	color: #fff;
	background-color: #262262;
	width: 100%;
	padding: 2rem;
}
.footer-navigation__col ul{
	list-style: none;
	font-size: 12px;
	padding-left: 20px;
	line-height: 1.7;
	
}
.footer-navigation__col ul a{
	color: #fff;
}


.footer .copyright {
	display: flex;
	min-height: 4rem;
	font-size: 8px;
	background-color: #231F20;
	color: #fff;
	align-items: center;
	text-align: left;
	margin: 0;
	padding-left: 2rem;	
}
.footer .copyright a{
	color: #fff;
	margin-left: .2rem;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/


/*--------------------*\
  ==== Main Page ==== 
\*--------------------*/

/* == Main Page - Header Component - Layout == */

/* Ajax Cart Indicator */ 
.woofc-count {
	display: none;
}
.woofc-count-shake {
	animation: none;
}

/* == Main Page - Top Section - Layout == */

/**** Top Banner ****/


.ticker {
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	height: 6rem !important;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-color: #ED1C24; /*fallback*/
	background: linear-gradient(90deg,#262262 20%, #ED1C24 50%,#262262 80%);
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .ticker ul {
	height: 2rem;
	width: 100%;
	text-align: center;
	color: #fff;
	display: flex;
	align-items: center;
  }
  
  .ticker ul li {
	width: 100%;
	display: none;
  }

.ticker img{
	height: 5rem;
	width: auto;
	margin: .1rem auto 0;
}


/**** Slider Row - Buy Button Layout Desktop ****/

.main-top-section__row {
	background-position: 10% center;
	background-size: 50%;
	background-repeat: no-repeat;
	background-color: #262262;
	color: #fff;
}

.main-top-section__desktop-col {
	justify-content: center;
	display: flex;
	align-items: center;
	display: none;
}

.desktop-col--text-container {
	text-align: center;
}
.desktop-col--text-container button {
	margin: auto;
}

/**** Slider Row - Layout (Slider Stying in Slick.css) ****/


.top-slider {
	margin: auto;
	display: block;
	position: relative;
	width:100%;
	height: 100%;
	
}

.top-slider__slider {
	margin-bottom: 0 !important;
}

.top-slider__slider--picture-container {
	display: block;
	position: relative;
}

.slick-slide img {
	margin: auto;
}

.random-pic {
	width: 100%;
}

.mobile-col--text-content-mobile {
	position: absolute;
	z-index: 200;
	display: flex;
	height: 100%;
	width: 100vw;
	justify-content: center;
	align-items: center;
	padding: 0 2rem;
}

.mobile-col--text-content-mobile button {
	border: none;
	margin: auto;
}

.text-content-mobile--center {
	text-align: center;
	color: #fff;
}



/* == / Main Page - Top Section - Layout == */
/* == Main Page - Middle Section - Layout ==*/

/**** About Row ****/
.about-col {
	min-height: 60vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.about-col__container {
	width: 100%;
	margin: auto;
	padding: 0 2rem;
	
	
}

/**** Fashion Row ****/

.fashion-row__col--picture-container {
	display: flex;
	position: relative;
	justify-content: center;
	overflow: hidden;
	
}

.fashion-row__col--picture-container img{
	transition: all .3s;
}

.fashion-row__col--picture-container:hover img{
	transform: scale(1.06);
	
}

.fashion-row__col--text-container {
	position: absolute;
	top: 65%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	display: block;
	width: 100%;
	background: #0000004f;
}

.fashion-row__col--info-area {
	display: block;
	margin: 4rem 0;
}

/**** Learn More Row ****/

.learn-more-row__col {
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	height: 80vh;
	position: relative;
	margin: 6rem auto;
}
.learn-more-row__col img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 375px;
	margin:auto;
}

.learn-more-row--button {
	display: block;
	margin: auto;
	position: relative;
	top: 80%;
}

/* == /Main Page - Middle Section - Layout ==*/

/* == /Main Page - Bottom Section - Layout ==*/

/**** Follow us Row ****/

.follow-row__social-container {
	margin: auto;
	width: 100%;
	padding: 0 2rem;
	text-align: center;
	min-height: 20vh;
}

.social-container__icons {
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin: auto;
	width: 100%;
	padding: 2rem 0;
}

.social-container__icons img {
	width: 32px;
}

.social-container__icons a{
	margin: 0 1rem;
}


/**** Contact Form Row ****/

.contact-row__container {
	margin: auto;
	text-align: center;
	width: 100%;
	padding: 0 2rem;
}

.contact-form {
	margin: 2rem auto;
	width: 100%;
	padding-bottom: 4rem;
	
}

.wpcf7-form {
	width: 100%;
	margin: auto;
}

.contact-form--email-field, .contact-form--name-field {
	height: 4rem;
	width: 90%;
}

.contact-form--message-field, .contact-form--email-field, .contact-form--name-field {
	padding: 1rem;
	border: 1px solid black;
	width: 100%;
}

.contact-form--email-field:focus, .contact-form--name-field:focus, .contact-form--message-field:focus {
	
	border: 1px solid darkgray;
	background-color: #F2F4F5;
	outline: 0;

}
.wpcf7-submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	background: none;
	border: 1px solid black;
	width: 200px;
	height: 4rem;
	float: right;
	cursor: pointer;
	transition: all .2s;
}

.wpcf7-submit:hover {
	background-color: #414042;
	color: #fff;

}

/*----------------------*\
  ==== MISSION PAGE ====
\*----------------------*/

/**** Header ****/


.header-col__image-container {
	display: flex;
	position: relative;
	height: auto;

}

/**** Headline & Introduction ****/

.mission-headline {
	position: absolute;
	bottom: 10%;
	left:0;
	z-index: 10;
	margin-left: 2rem;
	text-align: left;
}

.mission-headline h1{
	margin: 0;
	color: #fff;
}

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

.mission-picture-container {
	margin-right: .5rem;
}

.text-container--introduction {
	font-weight: 400;
	margin-left: .5rem;
}
.text-container--introduction p{
	margin: 0;
}

.text-container--conclustion {
	font-weight: 400;
	margin-right: .5rem;
}

.text-container--conclustion p{
	margin: 0;
}

.mission-picture-container--conclusion{
	margin: 0 0 0 .5rem;
}

.mission-middle-section__conclusion-row {
	padding-bottom: 6rem;
}

/*-------------------*\
	  WOOCOMERCE
  =====SHOP PAGE=====
\*-------------------*/

.woocommerce-products-header {
	height: 20vh;
	position: relative;
	
	padding: 0 1rem;
	background-color: #262262;
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/hexagon_large_white.svg');
	background-repeat: no-repeat;
	background-position: -100px top;
	background-size: 312px;
	background-attachment: fixed;

}

.woocommerce-products-header h1 {
	margin: 0;
	position: absolute;
	bottom: 1rem;
	color: #ED1C24;
}

.woocommerce .woocommerce-breadcrumb {
	margin: 1rem 0;
	padding: 0 1rem;
	font-size: 1.2rem;
	color: #bdbcbc;
	letter-spacing: 1px;
}

.woocommerce ul.products {
	margin: 0 1rem;
	
}

.woocommerce-page ul.products[class*="columns-"] li.product {
	margin: 0 0 1rem;
	overflow: hidden;
}
.woocommerce-page ul.products[class*="columns-"] li.product img{
	transition: all .2s ease;
}

.woocommerce-page ul.products[class*="columns-"] li.product:hover img{
	transform: scale(1.06);
}

.woocommerce-loop-product__link {
	font-family: 'MerriweatherSans-Light', Arial, Helvetica, sans-serif;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title, .search-titel
 {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 100;
}

.star-review-counter {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}

.star-review-counter .star-rating {
	margin: 0 .5rem 0 0 !important;
}

.star-review-counter .star-rating span::before {
	color: #262262;
}

.star-review-counter .review-count {
	letter-spacing: 1px;
	font-size: 1.2rem;
	color: lightgrey;
}

.woocommerce ul.products li.product .price {
	font-weight: 100;
	color: #262262;
	text-align: center;
}

.woocommerce .star-rating{
	letter-spacing: 2px;
	width: 5.8em;
	color: #262262;
}

.woocommerce .star-rating::before{
	letter-spacing: 2px;
}

/*----------------------*\
		WOOCOMERCE
	==SINGLE PRODUCT==
\*----------------------*/

/* Picture Slider -> flexslider.css*/

/**** Layout & Pricing ****/

.woocommerce div.product{
	font-family: 'MerriweatherSans-Light', Arial, Helvetica, sans-serif;
}
.woocommerce div.product div.summary {
	padding: 0 1rem;
	
}

.titel-positioning-div {
	display: flex;
	position: relative;
}

.woocommerce div.product .product_title, .woocommerce div.product p.price {
	font-size: 1.4rem;
	color: #262262;
	letter-spacing: 1px;
}

.woocommerce div.product .product_title {
	text-transform: uppercase;
	margin: 0;
	width: 75%;
	height: auto;
}

.woocommerce div.product p.price {
	margin: 0;
	position: absolute; 
	right: 0;
}


/**** Full width Divider ****/

.divider--fullwidth {
	width: 100%;
	border-radius: 0;
}

/**** Variation Swatches ****/

.woocommerce div.product form.cart .variations{
	margin-bottom: 1rem;
}

.button-variable-item-S, .button-variable-item-M, .button-variable-item-L, .button-variable-item-XL, .button-variable-item-2XL {
	border-radius: 0 !important;
}

.woo-variation-swatches .variable-items-wrapper {
	display: inline-flex !important;

}

.woocommerce div.product form.cart .reset_variations {
	display: inline;
	margin-left: 1rem;
}

.product .woocommerce-review-link {
	font-size: 1rem;
	color: lightgrey;
}

.woocommerce div.product form.cart .variations td.label {
	font-size: 1.2rem;
	line-height: 2.6;
}

.woocommerce div.product form.cart .variations tr{
	display: grid;
}


/**** Find Your Size Modal Link ****/

.Product-sizing-info {
	font-size: 1.2rem;
	text-decoration: underline;
	cursor: pointer;
	margin-bottom: 2rem;
}

/* Modal Background*/
.sizing-modal, .shipping-modal { 
	display: none;
	position: fixed;
	right: 0;
	width: 100vw;
	height: calc(100vh - 60px);
	top: 60px;
	left:0;
	z-index: 500;
	background-color: #262262e3;
	transform-origin: top;
	transition: all .3s ease;
	overflow: auto;
	
}
/* Modal Closing Button*/
.modal-close-button {
	color: #fff;
  	float: right;
  	font-size: 1.4rem;
	font-weight: bold;
	margin: 2rem; 
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	cursor: pointer;
}

/* Modal inner Position*/ 
.modal__positioning-container {
	display: flex;
	min-width: 80vw;
	min-height: 80vh;
	margin: auto;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 81vw;
	max-height: 81vh;
	
}

/* Add To Card */
	/* Remove Quantity Field*/

	.woocommerce div.product form.cart div.quantity {
		display: none!important;
	}

	/* Add to card Button*/

	.woocommerce div.product form.cart .button{
		vertical-align: middle;
		background-color: white;
		color: black;
		border: 1px solid black;
		border-radius: 0;
		width: 100%;
		text-transform: uppercase;
	}

	.woocommerce div.product form.cart .button:hover {
		transition: .2s all;
		background-color: rgba(65, 64, 66, 1);
		color: #fff;
	}

/* Shipping Info*/

.shipping-info-container {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	align-items: center;
	padding-top: 1rem;
	cursor: pointer;
}

.shipping-icon{
	display: inline;
	margin-right: 1rem;
	
}

.shipping-icon img{
	width: 40px;
}

.shipping-info {
	display: inline;
	font-size: 1.2rem;
	text-decoration: underline;
	
}

/* Shipping Info Modal */

.shipping-modal {
	display: none;
	background-color: rgba(255, 255, 255, 0.904);
	
}

.shipping-modal .modal-close-button {
	color: black;
}

/* Share this Buttons*/

.share-this-info{
	font-size: 1.2rem;
	font-weight: bold;
}

#st-1{
	text-align: left!important;
}

/* Description */

.woocommerce div.product .entry-summary + h2, .woocommerce div.product .entry-summary + h2 + p {
	clear: both!important;
	margin: 1rem;
}

/* Feature Accordion*/

.accordion {
	margin: 4rem 1rem;
	border-bottom: 1px solid #414042;
	font-size: 1.2rem;
}

.accordion dt {
	border-top: 1px solid #414042;
	font-weight: bold;
}

.accordion dt:hover {
	cursor: pointer;
}

.accordion .feature-plus{
	float: right;
	transform-origin: center;
	transition: all .3s ease;
}

.plus-rotate{
	transform: rotate(45deg);
	transition: all .3s ease;
}

.accordion dt,
.accordion dd {
	padding: 1rem;
	margin: 0;
}

/* Product Slogan */

.product-slogan {
	font-weight: 200;
	text-align: center;
	padding: 3rem;
	margin: 0;
	background-color: #ED1C24;
	background: linear-gradient( #262262 50%, #ED1C24 50%);
	color: #fff;
}

/* Related Products */

.woocommerce div.product .related{
	background-color: #f7f5f5;
}
.woocommerce div.product .related h2 {
	margin: auto;
	text-align: center;
	padding: 4rem 0;
}

/* Product Review */

.review-rating-count {
	position: relative;
	margin: 4rem auto;
}

.review-rating-count .woocommerce-product-rating {
	display: flex;
	align-items: center;
	justify-content: center;
}

.review-rating-count .woocommerce-product-rating .woocommerce-review-link{
	display: block;
	float: none;
	clear: left;
	position: absolute;
	top: 4rem;
}
.review-rating-count .woocommerce-product-rating .star-rating {
	display: inline-flex;
	float: none;
}
.review-rating-count .woocommerce-product-rating h2 {
	margin: 0 .5rem 0;
	display: inline-flex;
}

#comments {
	margin: 0 2rem;
}

#comments .woocommerce-reviews-button, .woocommerce #review_form #respond .form-submit #submit {
	width: 100%;
	margin: 0 auto 2rem;
	height: 4rem;
	background-color: lightgrey;
	display: block;
	transition: all .2s;
	border-radius: 0;
	color: #fff;
}
#comments .woocommerce-reviews-button a {
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;

}
#comments .woocommerce-reviews-button:hover, .woocommerce #review_form #respond .form-submit #submit:hover {
	background-color: transparent;
	border: 1px solid #231F20;
	color:  #231F20
}

#comments .woocommerce-reviews-button:hover a {
	color: #231F20;
}

.woocommerce #reviews #comments ol.commentlist {
	padding-left: 0;
}

.woocommerce #reviews #comments .woocommerce-noreviews {
	margin: 6rem auto;
	text-align: center;
}

.iv-comment-image-text {
	display: none;
}

.woocommerce #review_form {
	padding: 3rem 0;
	margin: 6rem auto;
	border: 1px solid #231F20;
}

.woocommerce #review_form #respond {
	margin: 4rem 2rem;
}

.woocommerce #reviews #review_form #respond #reply-title {
	text-align: center;
	margin-bottom: 4rem;
	font-size: 2rem;
}

.woocommerce #review_form #respond .comment-form-rating {
	margin-bottom: 2rem;
}

.woocommerce #review_form #respond textarea {
	border: 1px solid #231F20;
	margin-bottom: 2rem;
}

.woocommerce #review_form #respond textarea:focus {
	background-color: #e7e7e7
	
}

.woocommerce #review_form #respond p {
	margin-bottom: 2rem;
}

.ivole-upload-local-images label{
	margin-bottom: 1rem;
}

.comment-form-author label, .comment-form-email label {
	display: block;
}

.comment-form-email input, .comment-form-author input {
	border-radius: 0;
    border: 1px solid black;
	height: 3rem;
}

.comment-form-email input:focus, .comment-form-author input:focus {
	outline: 2px solid lightgrey!important;
}

/* -------------------*\
	   WOOCOMERCE
   == ACCOUNT PAGE ==
\*--------------------*/

.woocommerce-account h1 {
	padding: 0 2rem;
}

.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	margin: 4rem auto;
	padding: 0 2rem;
	font-size: 1.4rem;
}

.woocommerce-MyAccount-navigation ul{
	list-style: none;
	margin: 0;
	padding: 0
}

.woocommerce-MyAccount-navigation ul li{
	padding: 1rem 0 1rem 1rem;
	margin-bottom: .5rem;
	background-color: lightgrey;
}

.woocommerce-MyAccount-navigation ul li a{
	width: 100%;
	display: block;
	height: 100%;
	color: #231F20;
	font-size: 1.4rem;
	padding: inherit;
	font-weight: bold;
	letter-spacing: 1px;
}

.woocommerce-MyAccount-navigation ul li {
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 42px;
}

.woocommerce-MyAccount-navigation ul li:nth-of-type(1) {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/dashboard-icon-02.svg');
}
.woocommerce-MyAccount-navigation ul li:nth-of-type(2) {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/09/product_account.svg');
}
.woocommerce-MyAccount-navigation ul li:nth-of-type(3) {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/location-02.svg');
}

/*.woocommerce-MyAccount-navigation ul li:nth-of-type(4) {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/Orders-02.svg');
}*//*Uncomment as soon as the paymentmethods change to braintree or an alternatvive. Also Set the nth-of type for account and logout to 5 and 6*/
.woocommerce-MyAccount-navigation ul li:nth-of-type(4) {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/account-icon-small-02.svg');
}
.woocommerce-MyAccount-navigation ul li:nth-of-type(5) {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/logout-02.svg');
}


.woocommerce-MyAccount-navigation ul li:hover {
	filter: invert(10%);
}

.woocommerce-MyAccount-content a {
	text-decoration: underline;
}
/*---------------------*\
 ====== FAQ PAGE ======
\*---------------------*/

.faq__button-col {
	padding: 4rem 0 4rem 0;
}

.faq__button-col a{
	width: 100%;
	margin: auto;
}

.faq_toggle {
	width: 80%;
	margin: auto;
}

.faq_toggle dt {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 2rem 0;
	cursor: pointer;
}

.faq_toggle dt:first-of-type {
	margin-top: 0;
}

.faq_toggle dd {
	padding-left: 5.5rem;
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.6;
}

.faq_toggle dd:last-of-type {
	margin: 0 0 2rem 0;
}

.faq_toggle img {
	height: 40px;
	display: inline-block;
}

.faq_toggle p {
	display: inline-block;
	margin: 0 1.5rem;
}

.support-field {
	font-weight: 200;
	width: 90%;
	text-align: center;
	margin: 2rem auto;
	padding: 4rem;
	background-color: lightgrey;
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/hexagon_large_white.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.support-field .faq-email {
	border: none;
}

.support-field .faq__button-col {
	margin: auto;
	padding:0;
}



/*----------------*\
	SEARCH PAGE
\*----------------*/

.thumbnail-container {
	padding: 1rem;
	max-width: 180px;
	margin: auto;
}

.search-heading {
	background-color: #262262;
	height: 12rem;
	
	text-justify: auto;
	color: #fff;
	padding: 2rem;
	margin: 0;
}

.search-titel{
	margin: 1rem auto 1rem;
}

.search-rating .star-rating{
	float: none;
	margin: auto;
}

.search-form-row {
	padding-left: 2rem;
	background-color: #ED1C24;
	color: #fff;
}

.search-submit {
	-o-appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	min-height: 3rem;
	margin: 0;
	box-sizing: border-box;
	display: inline-block;
	border: 0;
	cursor: pointer;
}

.search-input{
	border: none;
	min-height: 3rem;
	padding-left: 1rem;
}

.search-input:focus{
	outline: 2px solid lightgray!important;
	
	
}

.search-input::placeholder {
	color: #bdbcbc;
	
}


/*--------------*\
	404 PAGE
\*--------------*/

.fourfour-wrapper {
	min-height: 80vh;
	padding: 2rem 1rem;
}

.fourfour-wrapper img{
	width: 180px;
	transform: rotate(20deg);
	margin: 2rem 0;
}

#post-404 {
	text-align: center;
}

#post-404 .search {
	text-align: center;
}

#post-404 .search-input{
	text-align: center;
	background-color: #e7e7e7;
}

#post-404 .search-input:focus{
	background-color: transparent;
	border: 1px solid black;
}

/* --------------- *\
	CHECKOUT PAGE
\* --------------- */

.woocommerce .wpmc-tabs-wrapper {
	margin: 6rem auto;
	width: 90%;
}

.woocommerce .wpmc-steps-wrapper {
	width: 90%;
	margin: auto;
}

.woocommerce .wpmc-nav-wrapper {
	width: 90%;
	margin: auto;
}

.woocommerce table.shop_table {
	border-radius: 0;
}

.woocommerce-checkout .woocommerce-billing-fields h3{
	display: none;
}



.woocommerce-checkout .wpmc-step-item input{ 
	
	border: 1px solid #262262;
	background-color: #f3f3f3;
	padding-left: 1rem;
}

.woocommerce form .form-row {
	margin: 0 0 1.5rem;
}

.woocommerce-checkout .wpmc-step-item .input-text, .woocommerce form .form-row select {
	height: 4rem;
	font-size: 1.4rem;
}

.woocommerce-checkout .wpmc-step-item input::placeholder {
	font-size: 1.2rem;
	
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .selection, .woocommerce form .form-row select {
	
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-selection, .woocommerce form .form-row select {
	border-radius: 25px;
	border: 1px solid #262262;
	background-color: #f3f3f3;
}


.woocommerce-checkout .woocommerce-button, .wpmc-nav-wrapper button {
	background-color: transparent !important;
	border: 1px solid #262262 !important;
	border-radius: 0 !important;
	color: #262262 !important;
}

.woocommerce-checkout .woocommerce-button:hover {
	background-color: #262262 !important;
	border: 1px solid #262262 !important;
	color: #fff !important;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name div{
	padding: 0!important;
	height: auto!important;
	display: block!important;
	
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name div img{
	clear: both;
	float: left;
	margin-right: 2rem;
}

.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name .variation {
	display: flex;
}

.woocommerce table.shop_table td {
	font-size: 1.4rem;
}


.woocommerce-checkout .woocommerce-checkout-review-order-table .cart_item .product-name .variation .variation-Size p {
	margin: 0 0 0 1rem;
}

.woocommerce table.shop_table .product-total {
	width: 40%;
}

.woocommerce-checkout .woocommerce-shipping-totals th, .woocommerce-checkout .woocommerce-shipping-totals td{
	display: block;
	width: 168%;
}

.woocommerce ul#shipping_method {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.woocommerce ul#shipping_method li {
	margin: auto;
	padding: 1.5rem;
	background-color: #e7e7e7;
	width: 100%;
}

.woocommerce ul#shipping_method li:first-of-type {
	margin-bottom: 1rem;
}


.woocommerce-checkout #payment {
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #e7e7e7;
}

.woocommerce-checkout #payment_heading {
	margin-top: 4rem;
}

.woocommerce-checkout #payment {
	border: none;
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom: none;
	padding: 1em 0;
}

.woocommerce-checkout #payment ul.payment_methods li {
	background-color: #e7e7e7;
	margin-bottom: .5rem;
	padding: 1rem;
}

.woocommerce-terms-and-conditions-wrapper{
	font-size: 1.4rem;
}

.woocommerce-privacy-policy-text > p:nth-child(1){
	margin-top: 0;
}

.woocommerce-checkout #payment div.form-row {
	padding: 0;
}

.woocommerce-terms-and-conditions-wrapper a{
	text-decoration: underline;
	color: #231F20;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
	border: none;
	background-color: #2cb32c;
	border-radius: 0;
	color: #fff;
	height: 4rem;
}

.woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover {
	background-color: #33cc33;
}

.checkout-batches {
	width: 100%;
	min-height: 19rem;
	background-color: #eeeeee;
	margin-bottom: 2rem; 
}

.woocommerce-checkout-payment + h3 {
	margin-top: 4rem;
}

.checkout-batches p:first-of-type {
	display: flex;
	justify-content: space-evenly;

}

.checkout-batches .sales-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 70px;
	height: 90px;
	display: inline-block;
	padding-top: 12rem;
	text-align: center;
	font-size: 1.3rem;
	color: #262262;
	font-weight: 300;
}

.checkout-batches .sales-icon-1 {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/SSLBatch-02.svg');
}

.checkout-batches .sales-icon-2 {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/MoneyBackBatch-02.svg');
}

.checkout-batches .sales-icon-3 {
	background-image: url('https://www.max-fitt.com/wp-content/uploads/2020/08/DataProtect-02.svg');
}

.woocommerce-error, .woocommerce-message {
	width: 90%;
	margin: 0 auto;
	background-color: #ED1C24;
	color: #fff;
}

.woocommerce-info {
	border-top-color: #262262;
}

.woocommerce-info::before {
	content: "\e008";
	color: #262262;
}


/*---------------*\
  THANK YOU PAGE
\*---------------*/

.woocommerce-order {
	text-align: center;
	padding: 0 1rem;
}

.woocommerce-order h2:first-of-type {
	margin: 2rem auto;
	
}

.woocommerce ul.order_details {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 1rem;
	background-color: #eeeeee;
	
}

.woocommerce-order-overview li{
	padding: 1rem;

}

.woocommerce-order img {
	display: block;
	width: 70px;
	height: 70px;
	margin: auto;
}


.woocommerce-order .email-verification-note {
	margin-bottom: 4rem;
}

.woocommerce-order .woocommerce-order-details, .woocommerce-order .woocommerce-customer-details {
	text-align: left;
}



/*------------*\
  PRIVACY PAGE
\*------------*/



#privacy-middle-section {
	padding: 5rem 0;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'MerriweatherSans-Regular';
	src: url('fonts/MerriweatherSans-Regular.ttf') format('truetype'),
		 url('fonts/MerriweatherSans-Regular.woff') format('woff');
    font-weight:200;
    font-style:normal;
}

@font-face {
	font-family: 'MerriweatherSans-Light';
  
	src: url('./fonts/MerriweatherSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */
	  url('./fonts/MerriweatherSans-Light.woff') format('woff'); /* Modern Browsers */
	font-weight: normal;
	font-style: normal;
  }

.display {
	font-size: 36px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}

@media only screen and (min-width:480px) {
	.fashion-row__col--info-area {
		text-align: center;
	}
	.woocommerce div.product {
		width: 80% !important;
		margin: auto;
	}
	
}
@media only screen and (min-width:48em) {
	.main-top-section__desktop-col {
		display: flex;
	}

	.top-slider__slider {
		margin-bottom: 30px;
	}

	.mobile-col--text-content-mobile {
		display: none;
	}

	.about-col__container {
		width: 50%;
		text-align: center;
	}
	.fashion-row__col--picture-container {
		margin: 2rem;
	} 

	.contact-form {
		width: 40%;
	}

	.social-container__icons {
		width: 30%;
	}

	.mission-container-fluid {
		width: 60%;
	}

	.text-container--introduction {
		margin: 0;
	}

	.mission-picture-container{
		display: none;
	}
	
	.woocommerce-page ul.products[class*="columns-"] li.product {
		margin: 0 1rem 1rem 0;
	}

	.woocommerce div.product {
		width: 60% !important;
		margin: auto;
	}

	.woocommerce .woocommerce-breadcrumb {
		margin: auto;
		padding: 1rem;
	}

	.woocommerce div.product .product_title {
		font-size: 2rem;
	}

	.faq__button-col a{
		width: 40%;
	}

	.woocommerce .wpmc-tabs-wrapper, .woocommerce .wpmc-steps-wrapper, .woocommerce .wpmc-nav-wrapper {
		width: 60%;
	}

	.woocommerce-error, .woocommerce-message {
		width: 60%;
	}
	
}
	

@media only screen and (max-width:64em) {
	.global-header--desktop {
		display: none;
	}
	.gloabl-header--mobile {
		display: inline-block;
	}
	.woofc-count {
		display: block;
	}
}
@media only screen and (min-width:75em) {

}
@media only screen and (min-width:1280px) {
	.mission-headline h1 {
		font-size: 46px;
		margin-bottom: 4rem;
		
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    BRAND COLORS
\*------------------------------------*/


/* Color Theme Swatches in Hex 
.MaxFitt-1-hex { color: #FFFFFF; }
.MaxFitt-2-hex { color: #ED1C24; }
.MaxFitt-3-hex { color: #262262; }
.MaxFitt-4-hex { color: #414042; }
.MaxFitt-5-hex { color: #231F20; }*/

/* Color Theme Swatches in RGBA 
.MaxFitt-1-rgba { color: rgba(255, 255, 255, 1); }
.MaxFitt-2-rgba { color: rgba(237, 28, 36, 1); }
.MaxFitt-3-rgba { color: rgba(38, 34, 98, 1); }
.MaxFitt-4-rgba { color: rgba(65, 64, 66, 1); }
.MaxFitt-5-rgba { color: rgba(35, 31, 32, 1); }*/

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}