/* HENRIK's */

/*
	#################################
	#####		LAYOUT			#####
	#################################
*/

#NavDrawer{ width:100%; max-width:100%; left:0; display:none; top:60px; }

#top-search-mobile{ display:none; }
.toggle-mobile-nav{ position:fixed; top:0; left:0; z-index:999; }
.js-drawer-open-right .toggle-mobile-nav{ display:none!important; }
.mobile-nav__link span::before{ font-size:16px; }

/*	>>>> DESKTOP		 */

@media only screen and (min-width: 769px){
  .toggle-mobile-nav{ display:none!important; }
  .site-nav{ margin-top:5px; }
  .site-header__logo img{ max-height:40px; margin-top:-20px; }
  .second-level-menu{ text-align:left; }
}


/*	>>>> MOBILE		 */

@media only screen and (max-width: 768px){
  .site-nav{ display:none!important; }
  .social-widgets > .grid__item{ padding:0 10px; }
  .social-widgets > .grid__item.twitter{ padding:0 30px; } 
  .site-header__logo-link img{ max-height:40px; }
  
  .mobile-nav .nav-dropdowns-2{ position:relative; top:0; }
}



.template-collection .grid--rev{ margin-left:0px!important; }

/*

#################################
##### COLLECTION / LIST #####
#################################

*/



/*	>>>> MOBILE		 */

@media only screen and (max-width: 767px){
  .collection-products{ padding-left:0!important; }
  .template-collection h2{ text-align:center; }
}

/*

#################################
##### COLLECTION / PRODUCT	#####
#################################

*/

/*	>>>> GENERAL AREA		 */

.product-options{ margin:0; list-style-type:none; }

.product-options li{ display:none; }
.product-options input{ display:none; }

#AddToCartText{ color:white; }

.size-buttons span{ float:left; display:block; }

ul.select-sizes span{
  float: left;
}

/* ul.product-options label{ display:inline-block!important; } */


ul.product-options label{
  text-align: center!important;
  border: 1px solid #ccc!important;
  font-weight: bold; 
  font-size: 12px; 
  padding: 0;
  line-height:21px;
  display:block;
  float:left;
}

ul.select-sizes a{
  text-align: center!important;
  border: 1px solid #ccc!important;
  font-weight: bold; 
  font-size: 12px; 
  padding: 0;
  line-height:21px;
  display:block;
  margin:0 2px;
}

ul.product-options label.selected,
ul.select-sizes a.selected{
  background-color: #4f95ff;
  color:#fff;
  border-color: #4f95ff!important; 
}

.size-buttons span:first-child a{ margin-left:0px; }
.size-buttons span:last-child a{ margin-right:0px; }

.a-2 span{ width:50%; } 
.a-3 span{ width:33.33%; } 
.a-4 span{ width:25%; } 
.a-5 span{ width:20%; }
.a-6 span{ width:16.66%; }
.a-7 span{ width:14.28%; }

/* .product-options-set h5{ margin-top:20px!important; } */

.product-options-set.o-1 label{ width:100%; } 
.product-options-set.o-2 label{ width:50%; } 
.product-options-set.o-3 label{ width:33.33%; } 
.product-options-set.o-4 label{ width:25%; } 
.product-options-set.o-5 label{ width:20%; }
.product-options-set.o-6 label{ width:16.66%; }
.product-options-set.o-7 label{ width:14.28%; }


.a-8 span,
.a-9 span,
.a-10 span,
.a-11 span,
.a-12 span,
.a-13 span{ width:50%; }

.size-buttons.a-13 span a,
.size-buttons.a-13 span:first-child a{ margin:2px;margin-left:2px; }

#garment-gender-menu li a{ font-size:12px; padding:0px; margin:2px; text-align:center }
#garment-gender-menu li:first-child a{ margin-left:0px; }
#garment-gender-menu li:last-child a{ margin-right:0px; }

#garment-gender-menu.wide-3 li{ width:33.33%; text-align:center; float:left; }
.total-genders-4 #garment-gender-menu li{ width:25%; float:left; text-align:center; }
.total-genders-1 #garment-gender-menu li{ width:100%; float:left; text-align:center; }

#garment-gender-menu{	
  padding-bottom:10px;
  text-align:left;
  margin:0;
}

#garment-gender-menu a.selected{
    background-color: #4f95ff;
    color: #fff;
    border-color: #4f95ff;
}
	

ul.select-sizes { list-style:none; padding-bottom:0px; margin:0; height:auto; width:auto;}
ul.select-sizes li{ display:none; }
/*ul.select-sizes a{ display: inline-block; min-height: 30px; min-width: 30px; line-height: 30px; text-align: center; font-weight: bold; font-size: 14px; padding: 2px 4px; }*/




.garment-selector{ min-width:260px; }


.style-info h4, .style-info p{
  	font-size:14px;
}

.garment-selector h5, h5.style, .selected-color-name{
    font-size: 14px!important;
    line-height: 26px;
    font-weight: bold;
    color: #666;
  	margin-bottom:0px!important;
  	clear:both;
  	float:none;
  	text-transform:uppercase;
  } 
  

  
.garment-thumbs{padding-bottom:10px;}

.garment-thumbs a.selected{
  box-shadow: 0px 0px 0px 4px #4f95ff;
}

.garment-colors a.color{
  border-radius: 0;
}

.garment-colors a.color.selected {
  box-shadow: 0px 0px 0px 4px #4f95ff;
  border-radius: 0;
  border:0;
}

.product-options label.color{ display:inline-block; width: 20px!important; height: 20px!important; border: 1px solid #999; margin-right:10px; }
.product-options label.color.selected{ margin-left:4px; box-shadow: 0px 0px 0px 4px #4f95ff; border-radius: 0; border:0; }


.garment-sidebar-navigation{ 
  	clear:both;
    border-top: 0px !important; 
    border-bottom: .5px solid #e4E4e5!important;
    height: 100%;
    padding: 0px 0 0px 0!important;
    margin:0px;
  
}
  
.garment-sidebar-navigation li{float:none;text-align:left; }
.garment-sidebar-navigation li a{text-align:left; }

.style-info{
  padding: 10px 0 0px 0!important;
}

a[href="#shipping-returns"]{float:none; text-decoration: underline; font-weight: normal; text-transform:none;}
a[href="#sizes-available"]{float:none; text-decoration: underline; font-weight: normal; text-transform:none;}
  
  
ul.pre-select-colors {height:40px; padding-bottom:20px; margin-top:0!important;}

#garment-select-btn{margin-top:20px;}

/*	>>>> 	*/

@media only screen and (min-width: 1201px) and (max-width: 1600px){
  .garment-collection{ margin:auto; display:block; float:none; width:1201px; }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px){
  .garment-collection{ margin:auto; display:block; float:none; width:1024px; }
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
  .garment-collection{ margin:auto; display:block; float:none; width:768px; }
}

/*  >>>> DESKTOP */
@media only screen and (min-width: 769px){
  
  #top-right-icons{ float:right; }
  
  .garment-selector{ width:33%!important; max-width:350px; }
  .garments-left{ width:66%!important; }

  .mobile-top-right-buttons{	display:none;}
  .site-header__logo {	padding-left:20px;}
  .site-nav-logo-wrapper{	padding-right:20px; float:none; text-align:center; }
  
  ul.garments{	margin-top:0px;}
  .garment-description{	display:none;}
  .garment-collection {background:white;}
  .garment-selector {
    border-left:1px solid darkgrey;
    min-height:650px;
    width: 405px; 
  }
  
  .section-header__title { 
    text-align: left!important;
    padding-bottom:10px;
    padding:0;
    margin:0;
  }
  
/*   .grid__item.large--three-quarters.garments-left{ width:600px;  } */

  .main-content {  margin-top:0px;}
  
  .scroll-for-more-text{display:none;  }
  
  .garment-featured-image-mobile-container{ border-top:.5px solid #e4E4e5; padding-bottom:10px; margin-top:10px;}
  
}


/* MOBILE */

@media only screen and (max-width: 768px){
  
  .garment-description{ display:none; }
  
  .garment-selector .section-header__title{ margin-bottom:0; padding:0!important; font-size:18px;}
  
  .garment-collection{ margin-left:0; }
  
  #top-thin-banner-2 h6, #top-thin-banner-2 .h6, #top-thin-banner h6, #top-thin-banner .h6{ font-size:18px; }
  .main-content{ margin-top:0; }
  #mobile-home-boxes{ margin-top:0px; }
  #top-thin-banner-2, #top-thin-banner{ padding:5px; font-size:20px; border:0; line-height:0.6!important; }
  #PageContainer{ margin-top:60px; }
  
  .mobile-nav{ text-align: center; font-weight: bold; text-transform: uppercase; margin-top:0px!important; }
  .mobile-nav__item{ background-color:white!important; }
  .mobile-nav__item ul{ display:none; }
  .mobile-nav__item .icon{ font-size:15px; }
  .mobile-nav__item .icon{
    font-family:Arial;
    position:absolute;
    right:15px;
    width:10px;
    text-align:center;
  }
  
  
  .mobile-nav__item .icon:after{ content:'+' }
  .mobile-nav__item.on .icon:after{ content:'-' }
  
  .drawer.drawer--left.drawer__header{ display:none; }
  
  .site-header a{ color:#333; }
  
  .nav-bar{ display:none; }
  
  #top-thin-banner{ background-color:#666; color:white;  }
  
  .site-header{ height:60px; padding-top:10px; border-bottom:1px solid #ccc; }
  
  .site-header__logo-link{ max-width:140px!important; }
  .mobile-top-right-buttons{ float:right; list-style-type:none; margin-top:4px; }
  .mobile-top-right-buttons .timber-icon:before{ font-size:20px!important; }
  .mobile-top-right-buttons li{ float:left; font-size:20px; margin-left:0px; }
  .mobile-top-right-buttons li:first-child{ margin-right:0px; }
  
  #top-search-mobile{
  	position: fixed;
    top: 0;
    margin-top:0;
  }
 
  
  #top-search-mobile .timber-icon-search{ display:none; }
  #top-search-mobile .ui.selection.dropdown .menu{ border-radius:0; }
  #top-search-mobile .ui.dropdown{ border-radius:0; }
  #top-search-mobile .timber-icon-x{ position:absolute; padding:10px; right:0px; top:0px; z-index:99;  cursor:pointer; }
  #top-search-mobile .dropdown.icon{ display:none; }
  
  
  
  
  /*	LOGO IN IPHONE 5	*/
  
  .site-header__logo-link{max-width: 130px!important;}
  
  /*	COLLECTIONS PRODUCT	*/
  
  .garment-collection {
    background:white;
  }
  
  h6.selected-color-name{ 
    float:none;
    text-align:left;
  }
  
 
   .scroll-for-more-text{
     font-size: 10px!important;
     line-height: 26px;
     font-weight: bold;
     color: #AAA;
     text-align:center;
     font-style: italic;
  }
  
  .garment-featured-image-mobile-container{ border-bottom:.5px solid #AAA; margin-bottom:10px;}
  
  h1.section-header__title{margin-top:30px 0px 0px 0px!important;}
  
  .garment-selector { min-height:1000px;}
 
}

/*  */

/*

#################################
#####		MODAL CART		#####
#################################

*/

#modal-cart a.modal-close2{
  color:#fff;
  text-transform: uppercase;
  font-weight:bold;
  background-color:darkgrey !important;
  font-size: 12px !important;
  width:49%;
  margin-bottom:25px;
}

#modal-cart a.modal-close2 span.container{ position:relative; padding-left:30px; }
#modal-cart a.modal-close2 span.arrow{ font-size:28px; position:absolute; left:0; }

.additional-checkout-button{ margin:auto!important; margin-top:10px!important; }

@media only screen and (min-width: 769px){
	.add-style-link-mobile{ display:none; }
  	#modal-cart .modal-close2{ line-height:37px; }
}

@media only screen and (max-width: 768px){
	.add-style-link{ display:none!important; }
  
  #modal-cart .modal-close2{ min-width:250px; }
}


/*  */


/* LOLI'S CSS */

.home-grid .grid__item{ padding:0px; }
.home-grid{ margin-left:0px; }




/*	Keep Shopping styling 	*/


.text-center .garment-checkout-btn{
  width:49%;
}

.grid__item .oficial-logos {
  padding-left:0px;
}

/* REMOVE .social-icons li 'margin' @ timber.css */
footer .social-icons li{ margin:0!important; width:19%; }

 
/*	Mobiel checkout	*/
.text-center .add-style-link{
  padding-bottom:10px !important;
}

/*	Continue shopping buttom	*/
.checkout-continue-button{
  
  background-color:darkgrey;
  color:#ffffff !important;
  font-weight:bold;
  margin:10px;
  padding:5px;
  width:auto;
  display: block;
  text-align: center;
  text-transform: uppercase;
}


p.mobile-zoom-msg{
  display:none;
}



.garment-featured-image-mobile{ position:relative; }
.garment-featured-image-mobile-zoom{ background-image:url(//cdn.shopify.com/s/files/1/1165/8736/t/9/assets/zoom.png?1083132484381345550); background-size:contain; width: 32px; height: 32px; position: absolute; right: 10px; bottom: 20px; }

@media only screen and (max-width: 768px){
  
/*	Space between banners and t-shirts	*/
  .home-grid .fixed-width-variable-columns {
  	margin:0px!important;
  }
  
/*	GO BACK TO COLLECTION BOTTOM	*/
  #PageContainer #modal-cart .modal-close2{
		width:60!important; 
  }
  

/*	Space between inline banners */  
	.home-grid .grid__item{ 
    	padding:10px; 
    }
  
/*	Mobiel Zoom	*/
	p.mobile-zoom-msg{
  
      display:block;
      text-align:center;
      font-weight:bold;
      font-style:italic;
  
	}  
  
  /*	PRIVACY POLICY PAGE FORMAT	*/  
  
    .template-page .main-content{
      	width:auto;
      	display:block;
      	margin:0 20px;
    }


}