/*-----------------------------------------------------------

 Theme Name: WPEX Elegant Child
 Template: wpex-elegant
 Version: 1.0
 Description: DedemLens design
 Author: Computer-Fix
 Author URI: http://www.computer-fix.nl

------------------------------------------------------------*/
@import url("../wpex-elegant/style.css");

/*-----------Start CSS------------*/
html,body,h1,h2,h3,h4,h5,h6{font-family: 'Signika', sans-serif;}
body a{color: #f15a24; font-weight: bold;}
#header {padding: 25px 0 0 0;overflow:hidden;background: url(img/bg_grey.png) bottom no-repeat;}
#header-wrap{border:0; box-shadow: none;}
#text-4{float: left; width: 480px; margin-left: 30px;}
#text-4 .header-title{color: #f15a24;font-weight: bold;font-size:19px;}
#text-4 .textwidget{color: #666666; font-size: 14px; font-weight:lighter;}
#text-5{float: left; width: 480px; margin-left: 30px;margin-top:66px;}
#text-5 .header-title{color: #FFF;font-weight: bold;font-size:17px;}
#text-8{display:none;}
#logo{float:left;}
#logo img{height:160px; margin-left:25px;display:inline-block;}

#main{width: 1080px; padding: 0;}
.container{width: 1080px;}
#maincontainer{width:775px;float:left;}
.left-content{width:725px;padding:25px;background:#4d4d4d;color:#fff; float:none;}
.features-entry{background:#fff;}
a.feature-entry-url:active, a.feature-entry-url.active{background: url(img/feature-active.png) no-repeat bottom 5px center;}

.sidebar-container{margin-top:25px;background-color:#a7bb40;color:#fff;width:230px;padding:25px 25px 0 25px;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.sidebar-container .sidebar-widget .widget-title {border-bottom: 1px solid #fff;padding-bottom: 5px;}
.sidebar-container h5{color:#fff;}

.feature-thumbnail{margin:0;}
.feature-thumbnail img{height:70px;padding:25px 20px;}

.beschrijvingheader{color:#f15a24;font-weight:bold;font-size:16px;}
.beschrijvinglinks{width:50%;float:left;}
.beschrijvingrechts{width:45%;float:right;}

#load{display:none;}
#ajax{background-color: #fff;}
#ajaxplaceholder{}

#homepage-blog {display: none;}
#homepage-content {  background-color: #fff;  color:#444; min-height: 200px; overflow: auto; padding: 25px; margin-top: 10px;}
#homepage-features{margin-top:10px;}

.datepick-inline .calendar-links { background: #fff !important; }
.datepick-inline .datepick-title-row {background: #f15a24 !important;}
.datepick-inline .datepick-title-row th {color: #fff !important;}
.block_hints {font-family:sans-serif;}
.widget_wpdev_booking, .bk_calendar_frame {width: 100% !important; margin: 0 !important; max-width:284px;}
.datepick-next{width:47% !important; padding-right:3% !important;}
.datepick-prev{width:47% !important; padding-left:3% !important;}
.datepick-header{text-shadow:none !important;}	
.datepick-days-cell {height:10px !important;}
#inplanbutton{  -webkit-border-radius: 8px;  -moz-border-radius: 8px;  border-radius: 8px; background: #f15a24; color: #fff; font-size: 16px;  padding: 5px 10px;}
#inplanbutton:hover{color: #f15a24;  background: #fff;   }

#footer-wrap{background-color: #a7bb40;color:#fff;padding: 25px; overflow:auto;font-size:14px;}
.footer-widget{margin:0;}
#footer-widgets .span_1_of_3.col-1{margin: 0;padding: 0;width:45%; float:left;}
#footer-widgets .span_1_of_3.col-2{display:none;}
#footer-widgets .span_1_of_3.col-3{margin: 0;padding: 0;width:45%; text-align:right; float:right;}
#copyright-wrap{background: #4d4d4d;color:#a7bb40; border-top: solid 1px #fff;}
#singlepagemain{width: 286px;}
#klusplannerwrap{background:#666;color:#fff;}
#plannertitle{font-size: 18px; padding-bottom: 10px;}
.wpdevbk label{color:#fff !important; font-weight:bold !important;}
.wpdevbk .btn-primary {-webkit-border-radius: 8px !important;  -moz-border-radius: 8px !important;  border-radius: 8px !important; background: #f15a24 !important; color: #fff !important; font-size: 16px !important;  padding: 5px 10px !important;}
.wpdevbk .btn-primary:hover{color: #f15a24 !important;  background: #fff !important;   }
.booking_form_div textarea, .booking_form_div input[type="text"]{color: #fff !important;}
.booking_form_div select {background: #666 !important; color:#fff !important; font-weight:bold !important;}

.submiting_content.wpdev-help-message.alert{font-family: sans-serif;  width: 100%;   padding: 10px; line-height: 15px;}
#ajax a:link, #ajax a:visited{color: #f15a24; font-weight: bold;}
#ajax a:hover, #ajax a:active{text-decoration: underline;}

#hovenier-menu {overflow: auto;}
#hovenier-menu  ul li{list-style: none !important; width: 25% !important; float: left !important; text-align: center;}     

#footer3 {color: #fff; font-weight: bold;}
#footer3 a:link, #footer3 a:visited {color:#fff;} 
#footer3 a:hover, #footer3 a:active {color:#000;} 
/* Smaller Desktop
================================================== */
@media only screen and (min-width: 800px) and (max-width: 1100px) {
#main{width:100%;}
.container {max-width: 95% !important;}
#maincontainer{width:70%;}
.left-content{width:auto !important;}
#secondary{width:22%;}
#text-4, #text-5{width:265px;margin-left:15px;}
#text-5{margin-top:25px;}
.feature-thumbnail img{padding: 25px 0;}
}

/* Tablet
================================================== */
@media only screen and (min-width: 600px) and (max-width: 799px) {
#main{width:100%;}
.container {max-width: 95% !important;}
#maincontainer{width:70%;}
.left-content{width:auto !important;}
#secondary{width:25%;}
.sidebar-container{padding: 15px 10px 0 10px;}
#logo img{height:100px;margin-left:5px;}
#text-4 {width: 235px; margin-left:13px;}
#text-4 .textwidget{font-size: 11px;line-height:16px;}
#text-5 {width: 100%;margin-top:20px;}
#text-5 .header-title {font-size: 14px;}
.feature-thumbnail img {height: 35px;padding:15px 0;}
.feature-entry-title{font-size:10px;}
#footer-widgets .span_1_of_3.col-1, #footer-widgets .span_1_of_3.col-3 {width: 100%; float: left; text-align: left;}
}
/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 599px){
#main{width: 100%;}
#maincontainer{width: 100%; float:none;}
.left-content{width:auto !important; padding: 10px 25px 25px 25px;}
#secondary{width: auto; float:none;}
.sidebar-container{padding: 25px 25px 5px 25px;margin-top: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;}
#logo img{height:100px;margin-left:5px;}
#text-4 {width: 300px; margin-left:15px;}
#text-4 .textwidget{font-size: 11px;line-height:16px;}
#text-5 {width: 100%;margin-top:16px;}
#text-5 .header-title {font-size: 14px;}
.feature-thumbnail img {height: 50px;padding:10px 0;}
.feature-entry-title{font-size:12px;}
#footer-wrap{display:none;}
	
#text-2{display: none;}
#text-8{display:block;}

}

/* Mobile (Portrait only)
================================================== */
@media only screen and (max-width: 479px) {
#header{padding: 15px 0 0 0; background-image:none;background-color: #4d4d4d;}
#main{width: 100%;}
#maincontainer{width: 100%; float:none;}
.left-content{width:auto !important; padding: 5px 25px 25px 25px;}
#secondary{width: auto; float:none;}
.sidebar-container{padding: 25px 25px 5px 25px;margin-top: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;}
#logo img{height:70px;margin-left:25px;}
#text-4 {display:none;}
#text-5 {width: 165px;margin-top:10px;margin-left:15px;}
#text-5 .header-title {font-size: 15px; color:#fff;}
.feature-thumbnail img {height: 35px;padding:10px 0;}
.feature-entry-title{font-size:9px; margin: 0 0 5px;}
#footer-wrap{display:none;}
#ajax {line-height:15px;}
#ajaxplaceholder{overflow:hidden;}	
#text-2{display: none;}
#text-8{display:block;}
.beschrijvinglinks, .beschrijvingrechts{width: 100%; float:none;}
#singlepagemain{width:200px;}
#plannertitle{padding-top:10px;}
#submitting1{width:135px;}
}
