/*
Theme Name:         Foundation6v0.6
Theme URI:          10jtal.be
Github Theme URI:   10jtal.be
Description:        Theme built for 10JTAL CMS
Version:            1.0.6
Author:             Laurent Willen
Author URI:         www.laurentwillen.be
Text Domain: 		2016-Foundation6-v0.6
License:            None
License URI:        http://www.laurentwillen.be
*/





/* ============================ */
/* GENERIC */
/* ============================ */

body, #main
	{
		width:100%;
		margin:0 auto;
	}

a
	{
		color:#2d8cff;
		text-transform:uppercase;
		
		padding:5px 0px 5px 0px;
	}
	

a:hover
	{
		padding:5px 0px 5px 0px;
		color:#FFF;
		background-color:#2d8cff;
		
	}

#main-menu a
	{
		color:#FFF;
	}

.primary
	{
		background-color:#f00938;
		color:#FFF;
	}

.secundary
	{
		background-color:#000;
		color:#FFF;
	}
	
.tertiary
	{
		background-color:#783e44;
		color:#FFF;
	}
	
.body_white
	{
		background-color:#FFF;
	}
	
/* ============================ */
/* NAVIGATION */	
/* ============================ */

#main-menu 
	{
		background: #444;
		/* position:fixed; */
		z-index:20;
		width:100%;
		border-bottom:#2d8cff solid 5px;
		font-size:0.6rem;
		max-height:40px;
		display:table;
		box-sizing: border-box;
		overflow:hidden;
	}

#main-menu ul, #main-menu il
	{
		background: transparent;
		height:34px;
		position:relative;
	}

	
.navigation-link
	{
		height:34px;
		color:#FFF;
	}

.navigation-shift
	{
		margin-top:-11px;
		/* margin-left:-16px; */
	}

#logo a:hover
	{
	
	}

#logo-link
	{
		font-size:1rem;
	}
	
@media only screen and (max-width: 40em) 
	{
		.navigation-baseline 	{      	display: none !important; 	} 
		.title-bar { background-color:#192b44; }
	}

@media only screen and (min-width: 40em) 
	{
		.menu:last-child 		{	  	border-left: 1px solid #4e4e4e; }
		.menu:first-child 		{	    border-left: none; }
		.menu li:not(:last-child) 	{	    border-right: 1px solid #4e4e4e; } 
	}	
	
.dropdown.menu .submenu 	{  border: none; }
.dropdown.menu .is-dropdown-submenu-parent.is-right-arrow > a::after {
  border-color: #fff transparent transparent; }

.is-drilldown-submenu-parent > a::after {
  border-color: transparent transparent transparent #fff; }

.js-drilldown-back::before {
  border-color: transparent #fff transparent transparent; }

  
/* ============================ */
/* MODIFIERS */	
/* ============================ */  

h1
	{
		font-size:1.8rem;
		text-transform:uppercase;
		font-weight:bold;
		padding:0px;
		margin:0px;
		-webkit-transform:skew(30deg);
		-moz-transform:skew(30deg);
		-o-transform:skew(30deg);
		tranform:skew(30deg);
		padding:0px 20px 0px 20px;
	}

h2
	{
		font-size:1.8rem;
		
		padding:0px;
		margin:0px;
	}
 
h3
	{
		font-size:1.5rem;
		padding:0px;
		margin:0px;
	}





.orbit-bullets
	{
		background-color:#000;
		margin:0px;
		margin-top:-10px;
	}



.killmargin
	{
		margin:0px;
		padding:0px;
	}




.highlight
	{
		
		padding:10px;
		background: #f6f8f9; 
		}


.link-mini
	{
		color:#2d8cff;
		text-transform:none;
	}


.link-mini:hover
	{
		color:#FFF;
		background-color:#2d8cff;
	}	
	
/* ============================ */
/* ALL CONTAINERS */	
/* ============================ */  

#specs-container, #secondhand-container, #featuredproducts-container, #mosa-container, #featured-container, #album-container, #comments-container, #carousel-container, #aboutus-container, #container-author-bio, #bgallery-container, #categories-container, #tabs-container, #custofooter-container, #hotels-container,#shopping-container
	{
		position:relative;
		max-width:100%; 
		
	}
	
/* ============================ */
/* CONTAINERS */	
/* ============================ */  

.top-bar
	{
		width:100%;
		margin:0px;
	}
	
.title-bar
	{
		text-transform:uppercase;
		background-color:#192b44;
	}

#fullscreen_container
	{
		display:none;
		width:100%;
		height:100%;
		position:absolute;
		background-color:#FFF;
		z-index:100;
		position:fixed;
		overflow-y:scroll;
	}

.notifications
	{
		position:relative;
		width:100%;
		color:#FFF;
		background-color:#f39200; 
		padding:10px;
		z-index:1;
	}


#zone1,#zone2,#zone3,#zone4
	{
		/* height:100%; */
		display:table;
		position:relative;
		box-sizing: border-box;
		float:left;
	}
	

#bottompop
	{
		display:none;
		width:300px;
		z-index:20;
		position:fixed;
		bottom:0px;
		background-color:#FF3300;
		border:1px solid #CCC;
		border-top-left-radius: 1em;
		right:0px;
		padding:5px;
		list-style:none;
	}
	
#bottompop li	
	{
		list-style:none;
		text-align:center;
		padding:0px;
		margin:0px;
	}

#bottompop ul
	{
		padding:0px;
		margin:0px;		
	}
	



#article
	{
		background-color:#FFF;
		padding:20px;
	}

#article p a
	{
		text-transform:lowercase;
	}
	
	
/* ============================ */
/* OVERLAYERS */	
/* ============================ */  

#overlayer-bg
	{
		display:none;
		opacity:0.5;
		width:100%;
		height:100%;
		background-color:#192b44;
		z-index:1000000;
		position:absolute;
		position:fixed;
		top:0px;
	}

#overlayer-popup-contact, #overlayer-popup-exit
	{
		display:none;
		position:absolute;
		top: 10%;
		left: 0;
		right: 0;
		max-width: 85%;
		margin: auto;
		background-color: #FFF;
		border-radius: 20px;
		border:5px #2d8cff solid;
		z-index:2000000;
		position:fixed;
	}


	
#contact-close, #exitpop-close
	{
		background-color: #2d8cff ;
		float:right;
		text-transform:uppercase;
		color:#FFF;
		font-weight:bold;
		text-align:right;
		padding:5px 10px 10px 10px;
		cursor:pointer;
		
		border-bottom-left-radius: 10px;
		z-index:2;
	}	
/* ============================ */
/* BUTTONS */	
/* ============================ */  

.material-icons
	{
		padding:0px;
		margin:0px;
	}
	
.button-buy
	{
		
		padding:10px 10px 10px 10px;
		float:left;
		color:#000;
		margin-left:5px;
		font-size:0.8rem;
		text-transform:uppercase;
		background-color:#FFF;
	}

.button-cart
	{
		
		
		padding:10px 10px 10px 10px;
		float:left;
		color:#000;
		margin-top:2px 0 0 0 ;
		font-size:0.8rem;
		text-transform:uppercase;
		background-color:#FFF;
		
	}

.moreinfo
	{
		width:100%;
		background-color:#CCC;
	}
	
.shopping_button
	{
		padding:10px 10px 10px 10px;
		float:left;
		font-size:10px;
		background-color:#2d8cff;
		color:#FFF;
	}

/* ============================ */
/* SECOND HAND */	
/* ============================ */  	
 
	
/* ============================ */
/* FEATURED PRODUCTS */	
/* ============================ */  


#featuredproducts-container ul
	{
		margin: 0px;
		padding: 0px;
		text-align:center;
		
	}

#featuredproducts-container img
	{
		/* width:100%; */
		/* padding:0px; */
		/* margin:0px; */
	}

#featuredproducts-container li
	{
		display: inline-block;
		border:10px solid #fff;
		background-color:#FFF;
		margin:10px;
		vertical-align:top;
		position:relative;
	}

	
#featuredproducts-container h2
	{
		background-color:#2d8cff;
		padding:10px;
		color:#FFF;
		margin-bottom:10px;
	}


.featuredproducts-cat-desc
	{
		text-align:left; 
		padding-bottom:5px;
		border-bottom:1px solid #CCC;
		margin-bottom:10px;
	}
	
.featuredproducts-content-desc
	{
		text-align:left; 
		margin-bottom:10px;
	}
	
/* ============================ */
/* MOSAIC */	
/* ============================ */  

.mosa-category
	{
		text-transform:uppercase;
		font-weight:bold;
	}

	
	
/* ============================ */
/* FEATURED */	
/* ============================ */  

#featured-container img
	{	
		border-bottom:#2d8cff solid 5px;
	}

#featured-text
	{
		position: absolute;
		color:#fff;
		left:20px;
		z-index:10;
		background-color:#2d8cff;
		bottom:0px;
		padding:10px;
		-webkit-transform:skew(-30deg);
	-moz-transform:skew(-30deg);
	-o-transform:skew(-30deg);
	tranform:skew(-30deg);
	}
	
#featured-text-alone
	{
		margin-top:10px;
		color:#fff;
		border-bottom: 5px solid #2d8cff;
		padding:0px;
	}


	
/* ============================ */
/* ALBUM */	
/* ============================ */  	
	
.album-img
	{
		border:#fff 5px solid;
		margin:0px 5px 10px 0px; 

	}
 


/* ============================ */
/* COMMENTS */	
/* ============================ */  	


#comments-form
	{
		padding:20px;
	}
 
.comments-cell
	{
		padding:10px;
		background-color:#FFF;
		float:left;
		display:block;
	}

.comments-photo
	{
		float:left;
		margin-right:20px;
	}
	
/* ============================ */
/* CAROUSEL */	
/* ============================ */  	

.carousel-cell
	{
		margin:10px;
		
		height:300px;
		overflow:hidden;
		margin-bottom:10px;
		background-color:#CCC;


	}


.carousel-img
	{
		
		width:100%;

	}		
	
.carousel-category
	{
		position:absolute;
		background-color:#4;
		padding:10px 10px 0px 10px;
		margin: 0px; 
		opacity:0.6;
		text-transform:uppercase;
		font-size:10px;
		font-weight: bold;
		z-index:10;
		color:#FFF;
	}	

.carousel-link
	{
		text-transform:uppercase;
		padding:5px 10px 10px 10px;
		background-color:#2d8cff;
		color:#FFF;
		z-index:7;
		font-size:0.8rem;
	}	
	
.carousel-link a
	{
		color:#FFF;
	}	
	
.carousel-price-layer
	{
		background-color:#A6C2D3;
		margin:0px 0px 0px -10px;
		position:absolute;
		bottom:0px;
		z-index:10;
		height:30px;

	}
	
.carousel-price-cell
	{
		
		padding:5px 5px 5px 5px;
		margin:-15px 5px 0px 5px;
		float:right;
		color:#000;
		font-size:1.5rem;
		text-transform:uppercase;
		background-color:#FFF;
		border:1px #CCC solid;

	}

.carousel-buttons
	{
		padding:10px 5px 10px 5px;
		margin:-15px 5px 0px 5px;
		float:right;
		color:#000;
		font-size:0.8rem;
		text-transform:uppercase;
		background-color:#FFF;
		border:1px #CCC solid;
	}
	
.carousel-desc
	{
		
		background-color:#FFF;
		
		height:300px;
		z-index:5;
		font-size:0.8rem;
		width:100%;
	}

.carousel-inner-desc
	{
		position:relative;
		padding:5px 10px 10px 10px;
		
	}

	
/* ============================ */
/* ABOUT US */	
/* ============================ */  	
	
#aboutus
	{
		width:100%;

		display:table;
		padding:40px 10px 40px 0px;
		-webkit-box-shadow: inset 0px 0px 24px 1px rgba(0,0,0,0.2);
		-moz-box-shadow: inset 0px 0px 24px 1px rgba(0,0,0,0.2);
		box-shadow: inset 0px 0px 24px 1px rgba(0,0,0,0.2);
	}

#aboutus h2
	{
		width:100%;
		text-align:center;
		
	}	

	
/* ============================ */
/* AUTHOR */	
/* ============================ */  	

#container-author-bio a
	{
		text-transform:lowercase;
	}	
	
#container-author-picture
	{
		float:left;
		

	}
	
/* ============================ */
/* GALLERY */	
/* ============================ */  

#bgallery
	{
		background-color:#253F62;

		padding:40px 10px 20px 0px;
		-webkit-box-shadow: inset 0px 0px 24px 1px rgba(0,0,0,0.6);
		-moz-box-shadow: inset 0px 0px 24px 1px rgba(0,0,0,0.6);
		box-shadow: inset 0px 0px 24px 1px rgba(0,0,0,0.6);
		text-align:center;

	}

#bgallery h2
	{

		color:#FFF;

	}
	
	

/* ============================ */
/* CATEGORIES */	
/* ============================ */  	

	
.categories-title:first-child
	{
		padding:0px;
	}
.categories-title
	{
		font-size: 1.8rem;
		margin: 0;
		padding: 15px 0;
		text-align: center;
		width: 100%;
		background-color:#f39200;
		color:#FFF;
	}


.categories-link a
	{
		padding:5px 10px 5px 10px;
		color:#f39200;
	}	

.categories-cat-desc
	{
		padding:10px;
		background-color:#FFF;
		color:#000;
		font-size:0.9rem;
	}

.categories-content-desc
	{
		padding:10px;
		background-color:#FFF;
		color:#000;
		font-size:0.9rem;
	}
	
	
.categories-cell
	{
		float:left;
		position:relative;
		overflow:hidden;
		background-color:#FFF;		
		padding-bottom:20px;
		margin:0px 15px 15px 20px;
		cursor:pointer;
		box-sizing: border-box;
		font-size:0.9rem;
	}

.categories-cat
	{
		width:100%;
		background-color:#444;
		padding:10px;
		margin:0px;
		text-transform:uppercase;
		color:#FFF;
		text-align:center;
		font-size:2rem;		
	}
		
/* ============================ */
/* TABS */	
/* ============================ */  	

.tabs
	{
		margin:10px
	}
	
.tabs-cell
	{
		overflow:hidden;
		padding:10px;
		display:table;
		
	}

.tabs-content
	{
		display:table;
		max-width:100%;
		box-sizing: border-box;
		margin:10px;
		padding:10px;
		border:1px solid #F2F2F2;
	}

.tabs-title a
	{
		color:#2d8cff;
		padding:20px;
	}

.tabs-title > a:hover, .tabs-title > a[aria-selected="true"] 
	{
		background-color:#2d8cff;
		color:#fff;
		
	}
	
.tabs-panel
	{
		padding:0px;
	
	}

.tabs-img
	{
		width:200px;
		float:left;
		padding:0px 10px 10px 0px;
	} 
	 

.tabs-desc
	{
		
		position:relative;
		display:table;
		font-size:0.9rem;
		min-height:130px;
	}
.tabs-txt-alt
	{

	}

/* ============================ */
/* FOOTER */	
/* ============================ */
	
#custofooter
	{
		padding:10px;
	}
		
/* ============================ */
/* CONTACT */	
/* ============================ */  	
#contact,#exitpop
	{
		max-width:100%;
		display:table;
		padding:40px 10px 40px 0px;

		text-align:center;
	
	}



/* ============================ */
/* HOTELS */	
/* ============================ */  	
	


/* ============================ */
/* SPECS */	
/* ============================ */  


.specs_line
	{
		border-bottom:1px solid #CCC;
	}
	
/* ============================ */
/* SHOPPING */	
/* ============================ */  	

	
.shopping_container_cell
	{
		float:left;
		
		height:200px;
		max-width:220px;
		margin:5px;
		
	}
.shopping_container_name,.shopping_container_manufacturer
	{
		font-weight:bold;
		float:left;
		font-size:0.8rem;
		width:100%;
		padding:5px;
		text-align:center;
		background-color:#FFF;
		height:25px;
		overflow:hidden;

	}
.shopping_container_img
	{
		
		max-width:50%;
		margin-right:10px;
		float:left;
	}
.shopping_container_rate
	{
		width:50%;
		float:right;
		background-color:#AAA;
		font-size:1.5rem;
		font-weight:bold;
		padding:5px;
		height:50px; 
		text-align:center;
	}
.shopping_container_store
	{
		text-align:right;
		font-size:0.8rem;
		
	}	
.shopping_container_goto
	{
		
		width:100%;
		height:20px;
		padding:0px;
	}