/*
Theme Name: DOX
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 3.0.106
Author: eFlavours
Author URI: http://www.eflavours.be
Template: Divi
*/

#logo {
    width:auto;
}

.nf-form-cont input, select {display: inline-block;
    position: relative;
    padding: 8px !important;
    height: 40px !important;
    max-width:100%;
    border: 1px solid #ddd !important;
    background-color: #fff;
    color: #58595b;
    clear: both;
    font-size: 16px;
    outline: 0;
    font-weight: normal;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nf-form-cont input[type="button"] {
    background-color: #d9a900;
    color:#fff;
    border:none !important;
    font-size:18px;
    float: left;
    padding: 0;
    text-transform: none;
    text-align: center;
    text-decoration: none;
    max-width: 100%;
    width:100% !important;
    text-transform:uppercase;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height:0 !important;
    font-weight:bold;
    cursor:pointer;
}
.nf-form-cont input[type="button"]:hover {
    background:#666666;
}
.nf-form-cont textarea {font-size:16px; border: 1px solid #ddd !important; padding:8px;}
/*.nf-field-container {margin:20px 0 0 0 !important}*/
.nf-field-container.list-radio-wrap .nf-field-element input, .nf-field-container.checkbox-container .nf-field-element input, .list-radio-wrap .nf-field-element li input, .list-checkbox-wrap .nf-field-element li input {height:auto !important;}



h2 {font-size: 20px !important; line-height: 1.4em !important; }
h3 {font-size: 25px !important; line-height: 1.2em !important; }
h4 {font-size: 40px !important; line-height: 1.4em !important; }

.widgettitle {font-size: 20px !important;}

.et_pb_widget ul li {
font-size: 13px;
line-height: 1.2em;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #cccccc;}



.roundcorner {
border-top-right-radius: 50px;
moz-border-top-right-radius: 50px;
webkit-border-top-right-radius: 50px;}

#fotomozaik .et_overlay {}
#fotomozaik .et_overlay:before {display:none;}
#fotomozaik .et_overlay h4 {color:#fff; font-size:20px; position:absolute; bottom:0; width:100%; display:block; text-align:center; transition: bottom 0.5s;}
#fotomozaik .et_overlay:hover h4 {bottom:40px;}

/* body #page-container .et_pb_button {
font-weight: 700 !important;
color: #333333;
padding: 10px 20px 10px 20px !important;
font-size:16px !important;} */


#page-container 
.projectbutton:hover {
color: #d9a900  !important;
border-color: #000000!important;
}

#page-container .projectbuttonlast:hover {
color: #d9a900  !important;
border-color: #000000!important;
}


#page-container .projectbutton {
background-color: transparent  !important;
width: 100%  !important;

float: left !important;
clear: both  !important;
color: #000000  !important;
text-transform: none !important;
border-bottom: 1px  !important;
border-color: #000000 !important;
border-style: solid !important;
margin-bottom: 5px !important;
padding-top: 5px !important;}

#page-container .projectbuttonlast {
width: 100%  !important;
background-color: transparent  !important;
float: left !important;
clear: both  !important;
color: #000000  !important;
text-transform: none !important;
margin-bottom: 5px !important;
padding-top: 5px !important;}

 .projectdivider {
width: 100% !important;
float: left !important;
padding-bottom: 0px !important;
}

#page-container #main-header, #page-container #main-header.et-fixed-header {box-shadow:none !important; -webkit-box-shadow: none !important}

/* SHOWREEL */
.page-template-showreel .et_pb_section {padding:0}

.showreel-filter {position:relative; margin-bottom:20px;}
.showreel-filter ul, .blog-menu {margin:0; padding:0 !important; list-style:none;}
.showreel-filter li, .blog-menu li {margin-top:10px; margin-right:10px; display:inline-block;}
.showreel-filter li a, .blog-menu li a {display:inline-block; padding:0.3em 1em !important; color:#fff; background:#d9a900; font-weight:bold; font-size:18px; cursor:pointer}
.showreel-filter li a:hover, .showreel-filter li.active a, .blog-menu li a:hover, .blog-menu li.current-cat a {background:#000;}
.showreel-filter .sub-categories {display:none; position:absolute; width:100%; left:0}
.showreel-filter .sub-categories li {margin-top:10px;}
.showreel-filter .sub-categories li a {background:#999; font-size:14px;}
.showreel-filter .sub-categories li a:hover, .showreel-filter .sub-categories li.active a {background:#000;}
.showreel-filter li.active .sub-categories {display:block;}

.showreel-list {width:100%; margin-bottom:50px;}
.showreel-list .media-item, .showreel-list .grid-sizer {width:calc(33% - 7px)}
.showreel-list .media-item {float:left;}
.showreel-list .media-item img {max-width:100%;}
.showreel-list .more-items {position:absolute; bottom:-50px; left:calc(50% - 75px); cursor:pointer; z-index:9999999; display:inline-block; width:150px; text-align:center; background:#d9a900; color:#fff; text-transform:uppercase; padding:10px 20px; font-weight:bold;}
.showreel-list .more-items:hover {background:#000;}
.showreel-list .more-items[data-max="1"] {display:none !important;}

@media (max-width: 768px) {
	.showreel-filter {height:auto !important}
	.showreel-filter .sub-categories {position:inherit; width:auto;}
	.showreel-filter li.active .sub-categories {display:inline-block;}
	.showreel-filter > ul > li, .showreel-filter > ul > li > a {width:100%; display:block;}
	.showreel-list .media-item, .showreel-list .grid-sizer {width:calc(50% - 5px)}
}
@media (max-width: 480px) {
	.showreel-list .media-item, .showreel-list .grid-sizer {width:100%}	
}

@media (max-width: 980px) {
#fotomozaik .et_pb_column {width:33.333% !important}
#fotomozaik .et_overlay {opacity:1; z-index:1;}
#fotomozaik .et_overlay h4 {font-size:21px !important;}
.et_pb_fullwidth_menu .fullwidth-menu-nav, .fullwidth-menu {display:block;}
#main-content .et_mobile_nav_menu {display:none;}
#main-content .fullwidth-menu li {display:block; padding:0}
#main-content .fullwidth-menu li > a {color:#fff !important; background:#d9a900; padding:10px 0; margin-bottom:5px; }
}
@media (max-width: 480px) {
#fotomozaik .et_pb_column {width:100% !important; margin-bottom:10px}
#fotomozaik .et_overlay h4 {font-size:16px !important;}
}
.et_pb_section:before {
display: block;
content: "";
height: 180px; /* Give height of your fixed element */
margin-top: -180px; /* Give negative margin of your fixed element */
visibility: hidden;
}

.pw-background {height: calc(100vh - 219px); background-size: cover; background-position: center center; display:-ms-flexbox; display: flex; justify-content: center; align-items: center; -ms-flex-align: center; -ms-flex-direction: column; flex-direction: column}
.pw-background h3 {color:#fff; font-weight:bold;}
.pw-modal {background:#fff; padding:30px 60px; border-radius: 10px; max-width:400px; text-align: center;}
.pw-modal label {display:block; font-size:18px; line-height:25px;}
.pw-modal input[type="password"] {background:#ebebeb; padding:10px; display: block; width:100%; border:0; font-size:16px; margin: 20px 0}
.pw-modal input[type="submit"] {font-size: 14px; border:0; background: #d9a900; color:#fff; font-weight: bold; text-transform: uppercase; padding: .3em 1em; line-height: 1.7em!important; -webkit-transition: all .2s; -moz-transition: all .2s;  transition: all .2s;
}
.pw-modal input[type="submit"]:hover {background:#000;}

/*
* Remove sidebar on all archive pages
*/
.search #main-content .container::before,
.archive #main-content .container::before {
    display: none;
}
.search #left-area,
.archive #left-area {
    width: 100%;
    float: none;
    padding-right: 0;
}
.search #sidebar,
.archive #sidebar {
    display: none;
}

#flexible-cases {margin:0 -30px;}
#flexible-cases h3 {margin:20px 0;}
#flexible-cases .et_pb_portfolio_grid_items {display:flex; flex-wrap:wrap;}
#flexible-cases .et_pb_portfolio_item {width:calc(33% - 60px) !important; margin:0 30px !important; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; text-align:center;}
#flexible-cases .et_overlay:before {content:""; background-image:url("/wp-content/uploads/2018/05/Tafel_O3.png"); width:48px; height:36px; background-size:contain;}
#flexible-cases .et_pb_portfolio_item > a:after {content:"Bekijk Project"; color: #d9a900; border-radius: 5px; font-size: 14px; background-color: #ffffff; font-weight: bold; text-transform: uppercase; line-height: 1.7em !important; padding:20px; text-align:center; display:inline-block; cursor:pointer; width:auto; margin:20px 0;}
#flexible-cases .et_pb_portfolio_item > a:hover:after {background:#a5a5a5; color:#fff;}
#flexible-cases .wp-pagenavi {margin:0; padding:20px 0 0 0; border:0; text-align:center;}
#flexible-cases .wp-pagenavi a {font-size:50px !important; position:absolute; top:55%}
#flexible-cases .wp-pagenavi span.pages {display:none;}
#flexible-cases .wp-pagenavi span.current {}
#flexible-cases .wp-pagenavi a.page, #flexible-cases .wp-pagenavi span.current {line-height: 0; font-size: 0 !important; color: transparent; position:relative;}
#flexible-cases .wp-pagenavi a.page:before, #flexible-cases .wp-pagenavi span.current:before {content:""; border-radius:50%; width:10px; height:10px; background:transparent; border:2px solid #fff; display:inline-block;}
#flexible-cases .wp-pagenavi span.current:before {background:#fff;}
#flexible-cases .wp-pagenavi a.nextpostslink {right: -70px; color:rgba(255,255,255,0.7) !important}
#flexible-cases .wp-pagenavi a.previouspostslink {left: -70px; color:rgba(255,255,255,0.7) !important}
#flexible-cases .wp-pagenavi a:hover {color:#fff !important;}
@media (max-width: 980px) {
	#flexible-cases h3 {margin:10px 0;}
	#flexible-cases .et_pb_portfolio_item {width:calc(33% - 20px) !important; margin:0 10px !important;}
	#flexible-cases .et_pb_portfolio_item > a:after {padding:10px; font-size:14px;}
}
@media (max-width: 600px) {
	#flexible-cases h3 {font-size:18px !important;}
	#flexible-cases .et_pb_portfolio_item {width:100% !important; margin-bottom:30px !important}
	#flexible-cases .wp-pagenavi a.nextpostslink, #flexible-cases .wp-pagenavi a.previouspostslink {display:none;}
}