/*
Theme Name: De Kretser
Theme URI: n/a
Author: Raffaele Malanga / Els van Bloois
Author URI: http://farstudios.com/
Description: Based on the 2014 theme
Version: 1.0
License: No license, use 2014 instead.
Tags: n/a
Text Domain: dekretser
*/


/*2017 Font*/
* {
  font-family:'Nunito Sans', sans-serif;text-transform:none !important;
}
/*2017Font*/

/*2017 Color*/
#masthead {
    background: #3e48a9 !important;
    color: #fff;
}
/*2017 Color*/

html,body,h1,h2,h3,h4,h5,h6,p,ul,li{
	padding:0;
	margin:0;
}
body{
	background:#C7C7C7;
	color:#000;
	font-family:'Open Sans',Arial,sans-serif;
	font-size:100%;
	line-height:1;
}
.screen-reader-text{
	position:absolute;
	top:-40000px;
	left:-4000px;
}

/* colors and link behaviour */

a,
.single-dk_work .entry-meta a{
	color:#ffffff;
	text-decoration:none;
}
a img{
	border-width:0;
}
img{
	max-width:100%;
	height:auto;
}
#main{
	background:#ffffff;
	overflow:hidden;
}
#main a{
	color:#569EC3;
}
#main a:focus,
#main a:hover,
#main a:active,
#colophon a:focus,
#colophon a:hover,
#colophon a:active,
.single-dk_work #main .entry-content .entry-meta a:focus,
.single-dk_work #main .entry-content .entry-meta a:hover,
.single-dk_work #main .entry-content .entry-meta a:active{
	text-decoration:underline;
}
.entry-content a{
	text-decoration:underline;
}
#main .entry-content a:focus,
#main .entry-content a:hover,
#main .entry-content a:active{
	text-decoration:none;
}

#masthead{
	background:#569EC3;
	color:#fff;
}
#masthead a{
	color:#fff;
}
div#navwrapper{
	background:#569EC3;
}
#primary-navigation a:focus,
#primary-navigation a:hover,
#primary-navigation a:active{
	opacity:0.8;
}

#primary-navigation li.tophidden{
	display:none;
}

/* structure */

#main{
	padding-top:130px;
}
#masthead{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-height:90px;
	z-index:10;
	transition: 1s ease-in-out;
}
.header-main,
#navwrapper,
#main .inner,
.site-info{
	max-width:921px;
	padding:0 10px 0 11px;
	margin:0 auto;
}
.header-main{
	position:relative;
	transition: 1s ease-in-out;
}
div#navwrapper{
	min-height:90px;
	padding:0 0 10px 0;
	overflow:hidden;
}
#masthead.collapsed,
#masthead.collapsed #navwrapper,
#masthead.collapsed .header-main{
	min-height:60px;
	transition: 1s ease-in-out;
}
h1.site-title{
	position:absolute;
	left:10px;
	bottom:-27px;
}
h3#navtoggle{
	display:none;
}
#primary-navigation{
	float:right;
	padding-top:55px;
	transition: 1s ease-in-out;
}
#masthead.collapsed #primary-navigation{
	padding-top:19px;
	transition: 1s ease-in-out;
}


#menu-top-menu li{
	list-style:none;
	float:left;
	padding-left:22px;
}
#menu-top-menu li a{
	display:block;
	font-size:18px;
	height:28px;
	line-height:28px;
}
#menu-top-menu li#menu-item-12 a{
	padding-right:28px;
	background:url(images/tw.png) transparent no-repeat right center;
}
#menu-top-menu li#menu-item-12 span{
	display:none;
}
#menu-top-menu li#menu-item-970 {padding-left: 5px;}
#menu-top-menu li#menu-item-970 a{
	padding-right:28px;
	background:url(images/mail.png) transparent no-repeat right center;
	padding-left: 5px;
}
#menu-top-menu li#menu-item-970 span{
	display:none;
}



#primary{
	padding-top:15px;
}

/* home + archives (including tag archives) */

.hometoptext{
	clear:both;
	border-bottom:1px solid #C7C7C7;
	margin-bottom:18px;
	overflow:hidden;
}
.hometoptext .topcol1,
.entry-content .colleft{
	float:left;
	width:48%;
}
.hometoptext .topcol2,
.entry-content .colright{
	float:right;
	width:48%;
}
.hometoptext p{
	font-size:15px;
	line-height:1.7;
	text-align:justify;
	margin-bottom:20px;
}

h1.archive-title{
	font-size:18px;
	font-weight:normal;
	margin-bottom:18px;
}
ul#menu-work-categories li{
	display:inline;
	font-size:14px;
	font-weight:600;
	line-height:1.4;
	padding-right:20px;
}
ul#menu-work-categories li.current-menu-item a{
	color:#000;
}
div.menu-work-categories-container{
	float:left;
	padding:5px 0 3px 0;
	margin-bottom:18px;
}
#search-container{
	float:right;
	margin-bottom:18px;
}
body.single #search-container,
body.blog #search-container{
	float:none;
	overflow:hidden;
}
form.search-form input.search-field{
	border:1px solid #bababa;
	float:left;
	height:25px;
	padding:0 0 0 5px;
	width:175px;
}
form.search-form span.buttonwrap{
	border:1px solid #bababa;
	border-left-width:0;
	float:left;
	height:13px;
	padding:6px;
	width:13px;
}
form.search-form input.search-submit{
	color:#000;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:auto;
	min-height:0;
	padding:0;
}
#twitterbox{
	clear:both;
}
#content{
	overflow:hidden;
	padding-bottom:50px;
}
.workwrapper{
	clear:both;
}
.home .dk_work,
.archive .dk_work{
	width:306px;
	height:208px;
	float:left;
	margin:0 1px 1px 0;
	position:relative;
}
.home .dk_work img,
.archive .dk_work img{
	max-width:100%;
	height:auto;
}

.home .dk_work .overlay,
.archive .dk_work .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:122px;
	background:rgba(0,0,0,.5);
	text-align:center;
	padding-top:86px;
	opacity:0;
}
.home .dk_work .overlay:hover,
.archive .dk_work .overlay:hover{
	opacity:1;
}
.icons{
	list-style:none;
	padding-left:12px;
	margin:0 auto 19px auto;
	overflow:hidden;
}
.icons li{
	float:left;
	margin-right:12px;
}
.wide4{
	width:192px;
}
.wide3{
	width:144px;
}
.wide2{
	width:96px;
}
.wide1{
	width:48px;
}
.overlay h2{
	color:#fff;
	font-size:16px;
	font-weight:normal;
	line-height:1.2;
	padding:0 10px;
	margin-bottom:1px;
}
.overlay .shortdesc{
	color:#fff;
	font-size:12px;
	text-transform:uppercase;
	line-height:1.4;
	padding:0 10px;
}
.icons li a:hover img{
	opacity:.5;
}

.paging-navigation{
	clear:both;
	font-size:13px;
	text-align:center;
	padding-top:55px;
	margin-bottom:15px;
}
.page-numbers{
	padding:8px;
}


/* detail page */

h1.entry-title{
	font-size:18px;
	font-weight:normal;
	margin-bottom:18px;
}
.imgcats{
	float:left;
	width:462px;
	margin-bottom:50px;
}
.imgcats .bordered{
	border:1px solid #C7C7C7;
}
.imgcats .bordered img{
	display:block;
}
.single-dk_work .entry-content{
	float:right;
	max-width:440px;
	padding-bottom:50px;
	margin-bottom:50px;
}
.entry-content h2{
	font-size:18px;
	font-weight:normal;
	margin-bottom:18px;
}
.entry-content p,
.entry-content ul,
.entry-content ol{
	list-style-type: inherit;
	font-size:14px;
	line-height:1.7;
	margin-bottom:1.7em;
}
.entry-content ul.links{
	list-style:none;
	font-size:14px;
	line-height:42px;
	margin-bottom:38px;
}
.entry-content ul.links li a img{
	vertical-align:middle;
	margin-right:10px;
}
.single-dk_work .entry-meta{
	padding-top:9px;
	border-top:1px solid #c7c7c7;
}
.single-dk_work .entry-meta p{
	margin-bottom:5px;
}
.cat-links,
.tag-links{
	font-size:12px;
	line-height:1.8;
	padding-left:22px;
	margin-bottom:.8em;
}
.cat-links{
	background:url(images/cat.png) transparent no-repeat left .3em;
}
.tag-links{
	background:url(images/tag.png) transparent no-repeat left .3em;
}

/* Nothing found page and regular pages */

h1.page-title,
.page-content h2{
	font-size:18px;
	font-weight:normal;
	margin-bottom:18px;
}
.page-content p,
.page-content ul,
.page-content ol{
	font-size:14px;
	line-height:1.7;
	margin-bottom:1.7em;
}
ul.bullets{
	padding-left:15px;
	list-style:disc;
}
ul.indent{
	list-style:none;
	padding-left:15px;
}
.aboutus{
	float:left;
	width:580px;
}
.aboutus ul {
	list-style-type: inherit;
	padding-left: 30px !important;
}
.aboutus .submit {
	background-color: #FD8C25;
	border: 2px solid #FD8C25;
	border-radius: 2px;
}
.contacts{
	float:right;
	width:225px;
}

.entry-content .edit-link{
	display:block;
	clear:both;
}



/* news pages */

#primary.news{
	float:left;
	width:550px;
}
#secondary.news{
	float:right;
	width:320px;
	padding-top:51px; /* to make it the same level as the content on the left */
	padding-bottom:50px;
}
#secondary h2{
	font-size:14px;
	line-height:1.3;
	margin-bottom:5px;
}
#secondary p,
#secondary ul,
#secondary ol{
	font-size:14px;
	line-height:1.7;
	margin-bottom:1.7em;
}


.blog .hentry,
.search .hentry{
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px solid #C7C7C7;
	margin-bottom:18px;
}
.blog .hentry .entry-content p,
.search .hentry .entry-content p{
	margin-bottom:0;
}
.blog .hentry img.attachment-post-thumbnail,
.search .hentry img.attachment-post-thumbnail{
	float:left;
	padding-top:3px;
	margin-right:15px;
}
.blog .has-post-thumbnail .entry-content,
.search .has-post-thumbnail .entry-content{
	margin-left:195px;
}
.blog h2.entry-title,
.search h2.entry-title{
	font-size:14px;
	line-height:1.3;
	margin-bottom:5px;
}
.blog .entry-meta,
.single-post .entry-meta,
.search .entry-meta{
	font-size:11px;
	line-height:1;
	margin-bottom:5px;
}
.single-post .entry-meta{
	margin-bottom:18px;
}
.single-post .entry-content h2{
	font-size:16px;
}

.wp-caption{
	max-width:100%;
	padding:0;
	margin:0;
}
.wp-caption-text{
	padding:5px 0;
	font-size:12px;
	text-align:center;
}
.aligncenter,
.alignnone{
	display:block;
	margin:0 auto 1em auto;
}
.alignleft{
	float:left;
	margin:0 15px 1em 0;
}
.alignright{
	float:right;
	margin:0 0 1em 15px;
}


.nav-links{
	font-size:12px;
	line-height:1.2;
	padding-top:20px;
	border-top:1px solid #569EC3;
	overflow:hidden;
	margin-bottom:30px;
}
.nav-links .prev{
	float:left;
	margin-bottom:1em;
}
.nav-links .next{
	float:right;
	margin-bottom:1em;
}

body.single-dk_work .nav-links{
	clear:both;
}

/* comments, just in case */

#comments{
	clear:both;
	padding-top:15px;
	border-top:1px solid #569EC3;
}
h2.comments-title{
	font-size:16px;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:18px;
}
ol.comment-list{
	font-size:12px;
}
ol.comment-list li{
	margin-bottom:20px;
}
ol.comment-list li .comment-meta{
	margin-bottom:1em;
}
ol.comment-list li div.comment-author vcard{
	font-size:14px;
}

ol.comment-list li div.comment-content p{
	margin-bottom:1em;
}
h3#reply-title{
	font-size:14px;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:14px;
}
form#commentform{
	font-size:12px;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:18px;
}
p.form-allowed-tags{
	padding:10px 0;
}


/* footer */

#colophon{
	padding-right:10px; /* so that the background image on site-info is 10px from the right */
}
.site-info{
	padding-top:59px;
	padding-bottom:60px;
	background:url(images/pointer.png) transparent no-repeat 100% 59px;
}
.site-info p,
.site-info ul{
	font-size:14px;
	line-height:1;
	margin-bottom:10px;
}
.site-info ul li{
	list-style:none;
	display:inline;
	padding-right:15px;
}
.site-info ul li.menu-item-12{
	display:none;
}
.site-info ul li.menu-item-970{
	display:none;
}

@media (max-width:960px){

	*{
		-webkit-text-size-adjust: 100%;
	}
	.home #content,
	.tax-dk_category #content{
		max-width:615px;
		margin-left:auto;
		margin-right:auto;
	}
	#search-container{
		float:left;
		clear:left;
	}
	.imgcats,
	.single-dk_work .entry-content{
		max-width:47%;
	}
	.imgcats img{
		max-width:100%;
	}
	#primary.news{
		max-width:59%;
	}
	#secondary.news{
		max-width:34%;
	}
	.nav-links .prev,
	.nav-links .next{
		float:none;
		display:block;
		text-align:center;
	}

}
@media (max-width:880px){
	.aboutus{
		max-width:62%;
	}
	.contacts{
		max-width:30%;
	}
}
@media (max-width:750px){
	.aboutus{
		max-width:57%;
	}
	.contacts{
		max-width:35%;
	}
}
@media (max-width:660px){
	.home #content,
	.tax-dk_category #content{
		max-width:307px;
		margin-left:auto;
		margin-right:auto;
	}
	.hometoptext .topcol1,
	.hometoptext .topcol2,
	.entry-content .colleft,
	.entry-content .colright{
		float:none;
		width:100%;
	}

	ul#menu-work-categories li{
		display:block;
	}
	#search-container{
		clear:left;
	}

	#primary.news,
	#secondary.news{
		float:none;
		width:auto;
		max-width:100%;
	}
	.nav-links .prev{
		float:left;
	}
	.nav-links .next{
		float:right;
	}
}
@media (max-width:600px){
	.aboutus,
	.contacts{
		float:none;
		width:auto !important;
		max-width:100%;
	}
	.col-2 { width: 90% !important; }
	.submit { margin-bottom: 20px; width: 108% }
	.nav-links .prev,
	.nav-links .next{
		float:none;
		display:block;
		text-align:center;
	}
}
@media (max-width:590px){
	#menu-top-menu li a{
		font-size:14px;
	}
}
@media (max-width:520px){
	.imgcats,
	.single-dk_work .entry-content{
		max-width:100%;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}
}
@media (max-width:510px){
	#menu-top-menu li{
		padding-left:11px;
	}
}
@media (max-width:460px){
	#masthead{
		position:static;
	}
	#masthead,
	.header-main,
	div#navwrapper{
		min-height:63px;
	}
	#primary-navigation{
		padding-top:5px;
	}
	h3#navtoggle{
		display:block;
		float:right;
		height:46px;
		font-size:18px;
		line-height:18px;
		padding-top:26px;
		padding-top:0px;
		cursor:pointer;
		margin-bottom:0;
	}
	h3#navtoggle span{
		display:block;
		color:#fff;
		font-size:10px;
		line-height:1;
	}
	h3#navtoggle img{
		display:block;
		width:29px;
	}
	div.menu-top-menu-container{
		transition: 1s ease-in-out;
	}
	div.menu-top-menu-container.showthistoo{
		transition: 1s ease-in-out;
	}
	ul#menu-top-menu{
		display:none;
	}
	ul#menu-top-menu.show{
		display:block;
	}
	#menu-top-menu li{
		clear:right;
		float:right;
	}
	#main{
		padding-top:37px;
	}
	.blog .has-post-thumbnail .entry-content{
		margin-left:0;
	}
}
@media (max-width:350px){
	.home #content,
	.tax-dk_category #content{
		max-width:230px;
	}
	.home .dk_work,
	.archive .dk_work{
		width:230px;
		height:156px;
		float:none;
		margin:0 auto 5px auto;
	}

	.home .dk_work .overlay,
	.archive .dk_work .overlay{
		height:122px;
		padding-top:34px;
	}
	.icons{
		margin-bottom:9px;
	}
	.overlay h2{
		font-size:14px;
		padding:0 5px;
	}
	.overlay .shortdesc{
		font-size:10px;
		padding:0 5px;
	}
}
@media (max-width:300px){
	.home #content,
	.tax-dk_category #content{
		max-width:153px;
	}
	form.search-form input.search-field{
		width:120px;
	}
	.home .dk_work,
	.archive .dk_work{
		width:153px;
		height:104px;
	}

	.home .dk_work .overlay,
	.archive .dk_work .overlay{
		height:94px;
		padding-top:10px;
	}
	.icons{
		max-width:100%;
		margin-bottom:9px;
		padding-left:2px;
	}
	.wide3{
		width:114px;
	}
	.wide2{
		width:76px;
	}
	.wide1{
		width:38px;
	}
	.icons li{
		margin-right:2px;
	}
	.overlay h2{
		font-size:14px;
		padding:0 5px;
	}
	.overlay .shortdesc{
		font-size:10px;
		padding:0 5px;
	}
}

html.ie body,
html.ie #masthead{
	position:static;
	min-width:960px;
}
html.ie #main{
	padding-top:37px;
}

form {
	margin: auto;
    max-width: 1040px;
    
}

label {
	float: left;
    text-align: left !important;
    padding-left: 0 !important;
    margin-right: 15px;
    font-size: 12pt;
    width: 250px;
    padding-top: 5px;
    font-weight: bold;
    padding: 12px;
    text-align: right;
}

input {
	padding: 12px;
    width: 100%;
    border: 1px solid #c5d1d8;
    margin: 0px 0px 10px 0px;
    border: 2px solid #ccc;
    font-size: 12pt;
}

textarea {
	background: #fff;
    border: 2px solid #ccc;
    color: #22292c;
    padding: 7px;
    width: 102%;
	resize: none;
	font-size: 12pt;
}

.col-1 {
	float: left;
}

.col-2 {
	width: 100%;
	float: left;
}

.submit {
	margin-top: 40px;
	width: 105%;
}

.g-recaptcha { margin-top: 40px; }

.contactus{
	float:left;
	width:580px;
}
.contacts{
	float:right;
	width:300px;
}

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
	max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
}