/*
Theme Name: deserteur
Theme URL: http://www.deserteur.be
Description: Commercieel thema ontwikkeld door patriek d @ onraad.org
Author: patriek d
Author URI: http://www.onraad.be
Version: 1.0		
The CSS, XHTML and design is released under GPL:http://www.opensource.org/licenses/gpl-license.php
*/
/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		2;
	dw-num-cols-tablet:		3;
	dw-num-cols-desktop:	5;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
.post canvas:nth-child(odd) {display:block;}
.post canvas:nth-child(even) {display:none;}
img,canvas{width:100%;height:auto;}
.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}
/* FONT */
@font-face {
    font-family: 'lregular';
    src: url('fonts/llrg-webfont.eot');
    src: url('fonts/llrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/llrg-webfont.woff2') format('woff2'),
         url('fonts/llrg-webfont.woff') format('woff'),
         url('fonts/llrg-webfont.ttf') format('truetype'),
         url('fonts/llrg-webfont.svg#lregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* TEXT */
body {font-family: 'Century Gothic', CenturyGothic, AppleGothic, sans-serif;font-size:12px;color:#00428c;}
p {padding-bottom: 15px;}
.footer p {font-size:10px;}
.footer p span {color:#f84a7e;}
h1, h2, h3, h4, h5, h6, h1 a:link, h1 a:visited, h1 a:active,h2 a:link, h2 a:visited, h2 a:hover,h2:hover, h2 a:active,
.posthome a {font-family: 'lregular';color:#010e44; text-decoration:none;padding:5px 0;}
h1 a:hover {color: #00428c}
h1 img {width:20px;margin: 0 5px;}
h1{font-size:15px;text-align:center}
h2, h1.page-title{font-size:15px;ext-align:center;margin-left:0;}
h1.page-title{margin-right:20px;}
.woocommerce-breadcrumb {padding:0 0 10px 1%;margin-top:-30px;}
.hoofding h1 span,.hoofding h2 span{color:#00428c;}
h2 {font-size:1em;}
.hoofding h2 {font-size:20px;}
h2 a:hover{color:#00428c;}
/* IMAGES & VIDEOS  & EMBEDS 
img, object, embed, video {max-width: 100%;height:auto}
.ie6 img{width:100%;} */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.thumbnail {
    float: left;
    padding: 0 5px 5px 0;
}
.content{overflow: hidden;}
form img {width:16px; height:16px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.links ul {margin:0;padding:0;list-style-type:none;}
.links img{
    margin-bottom: 10px;
}
.links ul li {display: inline-block;width:43%;margin:1%; text-align:center;vertical-align:top;}
.links ul li a {text-decoration:none;}
/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 81%;
	padding-left: 4.5%;
	padding-right: 4.5%;
	clear: none;
	float: none;
}
.hoofding {
width: 100%;
margin:30px 0;
}
.hoofdmenu {
width: 100%;
}
.inhoud {
width: 100%;
margin-left: 0;
clear: both;
display: flex;
  display: -mx-flexbox; 
  display: -webkit-flex;
  flex-grow: 0; 
  -ms-flex-grow: 0; 
  -webkit-flex-grow: 0; 
  flex-wrap: wrap;
align-self: flex-start;
}
.flex {flex: none;align-self: flex-start;}
.posthome {
    width: 48%;
    margin: 2px 1%;
    float: left;
	
}
.voetmenu {
width: 100%;
margin-left: 0;
}
.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.gridContainer {
	width: 84%;
	padding-left: 3%;
	padding-right: 3%;
	clear: none;
	float: none;
	margin-left: auto;
}
h1{font-size:30px;text-align:left}
.hoofding {
width: 64.2857%;
margin-left: 35.7142%;
}
.hoofdmenu {
width: 28.5714%;
}
.inhoud {
width: 64.2857%;
clear: none;
margin-left: 7.1428%;
}
.posthome {
    width: 31%;
    margin: 4px 1.1692%;
    float: left;
}

.right a, .left a {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 20px;
    color: #000;
}
.left,.right,.content{float:left;
display:block;
width:15%;
text-align:center;}
.right > a, .left > a {text-decoration:none; color: #f84a7e; margin-top: 30%;font-weight:bold;}
.content{width:68%;margin:0 1%;}
.voetmenu {
width: 64.2857%;
margin-left: 35.7142%;
}
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
h2 {font-size:1.2em;}
.links ul li {width:30%;margin:1.3%;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.gridContainer {
	width: 86.4%;
	max-width: 1232px;
	padding-left: 1.8%;
	padding-right: 1.8%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
.hoofding {
width: 79.1666%;
margin-left: 20.8333%;
}
.hoofdmenu {
width: 16.6666%;
}
.inhoud {
width: 79.1666%;
clear: none;
margin-left: 4.1666%;
}
.posthome {
    width: 23%;
    margin: 8px 1%;
    float: left;
}
.postpage {padding-right:25%}
.voetmenu {
width: 79.1666%;
margin-left: 20.8333%;
}
.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
.links ul li {width:22%;}
}