/*==========================================================================================
	
This file contains styles related to the colour scheme of the theme

==========================================================================================*/



/* articles margins */
.main{/*margin:0 15px;*/ margin:0;}

.navbar-bkg{padding:0 15px;}
.blog-item{margin-bottom:10px;
padding-left:5px;
padding-right:5px;}


.wrap-articles .row .blog-item:first-child{padding-left:0px; }
.wrap-articles .row .blog-item:last-child{padding-right:0px;}
.wrap-articles .row:last-of-type .blog-item{margin-bottom:0px;}
.wrap-articles .row:last-of-type .blog-item-3col:nth-child(1), .wrap-articles .row:last-of-type .blog-item-3col:nth-child(2){padding-right:5px;}

.blog-item{height:30em;}
.blog-item-full, .single-post-title{height:40em;}



@media (min-width: 768px) and (max-width: 979px) {
.main{margin:0}
.navbar-bkg{padding:0 15px;}
.blog-item{padding-left:0px;
padding-right:0px;}
.wrap-articles .row:last-of-type .blog-item{margin-bottom:15px;}
.wrap-articles .row:last-of-type .blog-item:last-child{margin-bottom:0px;}

}

@media (max-width: 767px) {
	.main{margin:0;}
	.navbar-bkg{padding:0;}
	.blog-item{margin-bottom:15px;
	padding-left:0px;
	padding-right:0px;}
	.logo {margin:10px 0 0 0px;}
	.logo a {
		margin-left:10px;
	}
	.logo img {
		max-width:80%;
		width:80%;
	}
	.logo .slogan {
		margin:27px 0 0 0px;
	}
	.quick-access {
		margin-left:10px;
	}
	.copyright {
		display: none;
	}
	.wrap-articles .row:last-of-type .blog-item{margin-bottom:15px;}
	.wrap-articles .row:last-of-type .blog-item:last-child{margin-bottom:0px;}
	.top-bar .tabset,
	.top-bar .top-nav {
		display: none;
	}
	.top-bar .quick-access {
		float: left !important;
	}
}




.home .category-wrap {
	margin-top:110px;
}
.home .margin-text-intro {
	display: none;
}

.blog-item h3:before, .single-post-title h3:before {
	  border: 1px solid #b3ad00 !important;
}
.search-bar {
	display: none;
}
.category-wrap {
	margin-top:-100px;
}
.logo {
}
.top-bar {
	background:#000;
	color:#fff;
	position:relative;
	z-index:100;
	box-shadow:0 1px rgba(255, 255, 255, 0.4);
	-webkit-box-shadow:0 1px rgba(255, 255, 255, 0.4);
}
.top-bar .wrapper {
	padding:14px 0 0;
	min-height:49px;
}
.top-bar .mobile-nav {
	float:right;
}.top-bar .tabset {
	float:left;
	font:14px/29px "din-mediumalternatMdalternate", Arial, Helvetica, sans-serif;
	margin-bottom:0;
}
.top-bar .tabset li {
	float:left;
	padding:3px 5px 0 0;
	list-style-type:none;
}
.top-bar .tabset a {
	float:left;
	height:32px;
	padding:0 22px;
	background:#312b07;
	border-radius:5px 5px 0 0;
	color:#d0cfcc;
	font-weight:bold;
}
.top-bar .tabset a:hover {
	text-decoration:none;
	color:#fff;
}
.top-bar .tabset a.active {
	background:#3f3601;
	color:#fff;
	padding:3px 22px 0;
	-webkit-box-shadow:inset 1px 1px #79724e, inset -1px 0 #79724e;
	box-shadow:inset 1px 1px #79724e, inset -1px 0 #79724e;
}
.top-bar .quick-access { float:right;}
.top-bar .language-list {
	float:left;
	height:11px;
	padding:11px 0 0;
}
.top-bar .language-list li {
	margin:0 0 0 9px;
	float:left;
	list-style-type: none;
}
.top-bar .top-nav {
	float:left;
	padding:7px 0 0 17px;
	margin:0;
	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.top-bar .top-nav li {
	float:left;
	padding:0 11px 0 12px;
	background:url(http://blog.gaiazoo.nl/wp-content/uploads/2015/04/sep01.png) no-repeat 0 4px;
	list-style-type: none;
}
.top-bar .top-nav li:first-child {
	background:none;
}
.top-bar .top-nav a {
	text-decoration:underline;
	color:#fff;
}
.top-bar .top-nav a:hover { text-decoration:none;}
.top-bar .cta {
	float:left;
	margin:-3px 20px 0 10px;
	font:14px/14px "Arial", Helvetica, sans-serif;
	padding:0 0 0 25px;
	font-weight: bold;
	background-position: 0 -35px; 
}
.top-bar .cta strong {
}
.top-bar .cta span {
	font-weight: normal;
	color:#D0CFCC;
	font: 12px/1 "dinregular",Arial,Helvetica,sans-serif;
}

.top-bar .cta a { 
	color:#fff;
}

.top-bar .breadcrumbs {
	width:100%;
	overflow:hidden;
	margin:-3px 0 12px;
	color:#fff;
	font:13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.top-bar .breadcrumbs .here {
	float:left;
}
.top-bar .breadcrumbs ul {
	float:left;
}
.top-bar .breadcrumbs ul li {
	float:left;
	padding:0 14px 0 19px;
	background:url(../images/arrow04.png) no-repeat 0 5px;
}
.top-bar .breadcrumbs ul li:first-child {
	background:none;
	padding-left:11px;
}
.top-bar .breadcrumbs ul a {
	color:#fff;
	text-decoration:underline;
}
.top-bar .breadcrumbs ul a:hover { text-decoration:none;}
.top-bar .breadcrumbs h1 {
	font-size:13px;
	line-height:16px;
	font-weight:normal;
}


.top-bar .btn-orange {
  color: #fff;
  font: 15px/15px "din-mediumalternatMdalternate",Arial,Helvetica,sans-serif;
  font-weight: bold;
  margin:-6px 0 0 0;
  padding: 8px 10px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: block;
  float:left;
  text-align: center;
  border-radius: 4px;
  background-color: #d36402;
  border: solid 1px #ab5301;
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: linear-gradient(to top, rgba(0,0,0,.2), rgba(255,255,255,.2));
  text-shadow: 1px 1px #4e2300;
  cursor: pointer;
}



/****************** FOOTER *****************/
/*
@font-face {
    font-family: 'dinregular';
    src: url('https://blog.gaiazoo.nl/fonts/dinmediumalternate-webfont.eot');
    src: url('https://blog.gaiazoo.nl/fonts/dinmediumalternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://blog.gaiazoo.nl/fonts/dinmediumalternate-webfont.woff2') format('woff2'),
         url('https://blog.gaiazoo.nl/fonts/dinmediumalternate-webfont.woff') format('woff'),
         url('https://blog.gaiazoo.nl/fonts/dinmediumalternate-webfont.ttf') format('truetype'),
         url('https://blog.gaiazoo.nl/fonts/dinmediumalternate-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
	font-family:'dinregular';
	src:url('https://www.gaiazoo.nl/fonts/dinmda-webfont.eot');
	src:url('https://www.gaiazoo.nl/fonts/dinmda-webfont.eot?#iefix') format('embedded-opentype'),
		url('https://www.gaiazoo.nl/fonts/dinmda-webfont.woff') format('woff'),
		url('https://www.gaiazoo.nl/fonts/dinmda-webfont.ttf') format('truetype'),
		url('https://www.gaiazoo.nl/fonts/dinmda-webfont.svg#din-mediumalternatMdalternate') format('svg');
	font-weight:normal;
	font-style:normal;
}


.blog-item h2, .single-post-title h1 {
	font-family: 'dinregular' !important;
}
/****************** FOOTER *****************/
#footer {
	width:100%;
	display: block;
	color:#fff;
	background:url(https://blog.gaiazoo.nl/wp-content/uploads/2015/04/bg-footer.png) no-repeat 50% 0;
	float: left;
	z-index: 999;
	color:#fff;
	margin-top:50px;
}
#footer h3 {
	font-size:34px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
#footer .btn-orange {
  color: #fff;
  font: 21px/25px "din-mediumalternatMdalternate",Arial,Helvetica,sans-serif;
  font-weight: bold;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  display: block;
  width: 180px;
  margin: 0 auto;
  text-align: center;
  border-radius: 4px;
  background-color: #d36402;
  border: solid 1px #ab5301;
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: -ms-linear-gradient(bottom, rgba(0,0,0,.2), rgba(255,255,255,.2));
  background-image: linear-gradient(to top, rgba(0,0,0,.2), rgba(255,255,255,.2));
  text-shadow: 1px 1px #4e2300;
  cursor: pointer;
}
#footer a { color:#fff;}
#footer .footer-holder {
	background:#3d3401;
	margin:59px 0 0;
	font:16px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer .footer-holder .wrapper {
	padding:14px 0 30px;
	position:relative;
}
#footer .footer-holder .logo {
	position:absolute;
	left:-2px;
	bottom:0;
	z-index:0;
	width: auto;
}
#footer .col {
	float:left;
	width:170px;
	position:relative;
	z-index:2;
	margin:0 24px 0 6px;
}
#footer .col ul { margin:0 0 30px;}
#footer .link { font-weight:bold;}
#footer h4 {
	color: #fff;
	border-bottom:1px solid #fff;
	padding:0 0 13px;
	margin:0 0 8px;
	font:20px/26px "din-mediumalternatMdalternate", Arial, Helvetica, sans-serif;
}
#footer p { margin:0 0 23px;}
#footer p a { text-decoration:none;}
#footer p a:hover { text-decoration:none;}
#footer .newsletter-col {
	float:right;
	width:280px;
}
#footer .newsletter-col .field {
	border:1px solid #e1e1e1;
	border-radius:3px;
	background:#fff;
	padding:0 14px 0 44px;
	height:34px;
	overflow:hidden;
	margin:0 0 15px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 

}
#footer .newsletter-col .field.name {
	background-color: #fff !important;
	background-position: 0 -70px !important;
}
#footer .newsletter-col .field.mail {
	background-color: #fff !important;
	background-position: 0 -110px !important;
}
#footer .newsletter-col .field input {
	float:left;
	width:100%;
	margin:0;
	padding:8px 0;
	border:0;
	background:none;
	color:#484a55;
	font:12px "open_sansbold", Arial, Helvetica, sans-serif;
	outline:none;
}
#footer .newsletter-col input[type="submit"] {
	height:36px;
	border:0;
	font:14px/36px "open_sansbold", Arial, Helvetica, sans-serif;
	text-shadow:1px 1px #000;
	margin:0 0 15px;
	color:#fff;
	padding:0 10px 5px;
	text-align:center;
	min-width:113px;
	border-radius:2px;
	background:#3b3c45;
	background:-moz-linear-gradient(top, #4c4e5a 0%, #4a4c57 11%, #34363d 71%, #2c2d34 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4e5a), color-stop(11%,#4a4c57), color-stop(71%,#34363d), color-stop(100%,#2c2d34));
	background:-webkit-linear-gradient(top, #4c4e5a 0%,#4a4c57 11%,#34363d 71%,#2c2d34 100%);
	background:-o-linear-gradient(top, #4c4e5a 0%,#4a4c57 11%,#34363d 71%,#2c2d34 100%);
	background:-ms-linear-gradient(top, #4c4e5a 0%,#4a4c57 11%,#34363d 71%,#2c2d34 100%);
	background:linear-gradient(to bottom, #4c4e5a 0%,#4a4c57 11%,#34363d 71%,#2c2d34 100%);
}
#footer .newsletter-col input[type="submit"]:hover {
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,.2), rgba(0,0,0,.2)); 
	background-image: -moz-linear-gradient(bottom, rgba(255,255,255,.2), rgba(0,0,0,.2)); 
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,.2), rgba(0,0,0,.2)); 
	background-image: -ms-linear-gradient(bottom, rgba(255,255,255,.2), rgba(0,0,0,.2)); 
	background-image: linear-gradient(to top, rgba(255,255,255,.2), rgba(0,0,0,.2)); 
	background-color: #3b3c45; 
    text-decoration: none;
    cursor: pointer
}
.cta, .form-search input[type="submit"], .widget-links a.option-default, #footer .newsletter-col .field.name, #footer .newsletter-col .field.mail {
	background: url('https://hosting11.exonet.nl/~gaiablog/wp-content/uploads/2015/04/sprite-top-bottom.png') no-repeat bottom left;
}
#footer .copyright {
	font:15px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#2c2601;
	background:-moz-linear-gradient(top, #2c2601 0%, #3d3401 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c2601), color-stop(100%,#3d3401));
	background:-webkit-linear-gradient(top, #2c2601 0%,#3d3401 100%);
	background:-o-linear-gradient(top, #2c2601 0%,#3d3401 100%);
	background:-ms-linear-gradient(top, #2c2601 0%,#3d3401 100%);
	background:linear-gradient(to bottom, #2c2601 0%,#3d3401 100%);
}
#footer .copyright .wrapper {
	min-height:18px;
	padding:29px 0;
}
#footer .copyright p { margin:0; width: 65%; float: left;}
#footer .copyright a {
	display:inline-block;
	vertical-align:top;
	margin:0 6px;
}
#footer .copyright .brand {
	margin-left:3px;
	text-decoration:none;
}
#footer .copyright .brand:hover { text-decoration:underline;}
#footer .copyright .f-right { margin-right:0}
.social-networks {padding:0; position:relative; z-index:1; float:right; min-width: 400px;}
.social-networks:after {
	display:block;
	clear:both;
	content:'';
}
.social-networks .label {
	float:left;
	font:15px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.social-networks a { margin:0 8px 0 0;}
.follow-blog {
	float:left; display:block; margin-top:10px; margin-left:10px;
}