/*
Theme Name:  Divi child
Version:     1.0
Description: Website design
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.3
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/

a {
	color: #c97500;
}
a {
	color: #c97500;
}
#top-menu li.current-menu-item a {
	color: #c97500;
}
#top-menu li a:hover {
	color: #c97500;
}
#top-menu-nav ul li {
	border: solid 1px #ccc;
	border-radius: 3px;
	margin: 2px;
	padding: 3px 3px 3px 5px;
}
@media (min-width: 981px) {
	.et_vertical_nav #main-header #top-menu li a {
	    padding-top: 6px;
	    padding-bottom: 7px;
	}
}
#main-content p {
	font-size: 1.1em !important;
}

.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title {
    color: #fff !important;
}
.et_pb_contact_field_options_wrapper .et_pb_contact_field_options_list {
    color: #fff !important;
}

/* to get scrollbar when necessary in vertical menu, not for mobile because that brakes hamburger menu */
@media (min-width: 981px) {
	.et_vertical_nav #page-container #main-header {
		position: absolute;
		overflow-y: auto;
		overflow-x: hidden;
	}
}
/* top and bottom margins around logo in menu */
.et_vertical_fixed.admin-bar #page-container #main-header {
    top: 0;
}
@media (min-width: 981px) {
	.et_vertical_nav #main-header #logo {
	    margin-bottom: 0;
	}
}
@media (min-width: 981px) {
	.et_vertical_nav.et_vertical_fixed.et_header_style_left #et-top-navigation, .et_vertical_nav.et_vertical_fixed.et_header_style_split #et-top-navigation {
/* padding above menu */
	    padding-top: 20px;
	}
}
/* logo size 100% on tablet and mobile */
@media (max-width: 980px) {
	.et_header_style_left #logo, .et_header_style_split #logo {
	    max-width: 100%;
	}
}

.showonmobile {
	display : none;
}
.showontablet {
	display : none;
}
/* Switch Divi Logo on Mobile Devices */
@media only screen and (max-width: 981px) {
	.hideonmobile {
		display : none;
	}
	.showontablet {
		display : block;
	}
}
@media (max-width: 479px){
	.hideonmobile {
		display : none;
	}
	.showonmobile {
		display : block;
	}
}


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

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

/* adjust width vertical navigation */
	.et_vertical_nav #page-container #main-header {
	    width: 320px !important;
	}
	.et_vertical_nav #main-header .container {
	    margin: 0 20px !important;
	}
	.et_vertical_nav #et-main-area,
	.et_vertical_nav #top-header {
		position: relative;
		margin-left: 320px !important;
	}

/* vertical align text on slider by setting line height */
	.et_pb_slide_description h2.et_pb_slide_title {
		line-height: 300px;
	}

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}

/* Pharmo:2017,Stizon:2015,Pura Cuba Travel:2013,Nature’s Nest: 2011,Rio Tico Safari Lodge:2009,Making A Scene:2004,On Your Bike: 2002,Pura Costa Rica Travel:1995,Alliance Francaise:1948 */

.et_pb_fullwidth_portfolio #post-2015 .et_pb_portfolio_image .et_overlay {
    background: rgba(14, 110, 164, 0.7) none repeat scroll 0 0; /* stizon: blue */
}

.et_pb_fullwidth_portfolio #post-1997 .et_pb_portfolio_image .et_overlay {
    background: rgba(103, 195, 175, 0.7) none repeat scroll 0 0;  /* nature-play: blue-green */
}

.et_overlay {
	background: rgba(50, 200, 235, 0.7); /* overlay background color */
	border: none; /* border style */
}

.et_shop_image .et_overlay:before, .et_portfolio_image .et_overlay:before{
	color: #FFF !important; /* + icon color */
}

.et_shop_image:hover .et_overlay, .et_portfolio_image:hover .et_overlay { opacity: 1; } /* overlay opacity */

/* Set the slider height */
@media only screen and (min-width:981px) {
    .et_pb_slider, .et_pb_slider .et_pb_container {
        height: 300px;
    }
    .et_pb_slider, .et_pb_slider .et_pb_slide {
        max-height: 300px;
    }
    .et_pb_slider .et_pb_slide_description {
        position: relative;
        top: 25%;
        padding-top: 20px !important;
/* zorgde voor tonen halve header dus verwijderd        padding-bottom:0 !important;  /*
        height:auto !important;
    }
}

.et_pb_slide_2 .et_pb_slide_description {
	width: 60%;
}
.et_pb_slide_0 .et_pb_slide_description {
	text-align: right !important;
}
.et_pb_slide_1 .et_pb_slide_description {
	text-align: left !important;
}
#main-content h4 {
	line-height: 1.5em;
}
#main-content p {
	line-height: 1.5em;
}

body {
/* doesn't work, set via Divi Theme customizer -> General settings	background: url('http://one.net.nz/wp-content/uploads/2016/08/tile01.jpg') repeat; */
}
#logo {
    max-height: 100%;
}
h1 {
    padding-bottom: 40px !important;
	color: #c97500;

}
h2 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    font-size: 22px;
}
/* accordion title bold when open */
.et_pb_toggle_open h5.et_pb_toggle_title {
    font-weight: bold;
}

.et_pb_contact_captcha_question {
	color: #ffffff;
}

#main-content quote {
    font-size: 1.2em !important;
}