/*
Theme Name: Endless-Safaris
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
Template: twentysixteen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: endless-safaris

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.callus img {transition:all 0.3s ease; }
.callus img:hover { opacity:0.9; }
.footerleft {    float: left;}
.footerright {    float: right;}
.site-info {    width: 100%;}
.avgvoorwaardenaccept input[type="checkbox"] {    width: 20px;    margin-top: 6px;}
.avgvoorwaardenaccept span.wpcf7-list-item {    margin-left: 0px;}
input#wp-comment-cookies-consent {    width: 14px;}

/*Algemeen*/
body, button, input, select, textarea {font-family: 'Asul', sans-serif;     font-size: 18px;     color: #663119;}
.site {    margin: 0;}
body:not(.custom-background-image).admin-bar:before {    top: 0;}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {height:0px;}
.site {    background-color: #eedca3;}
.site-inner { max-width: 1120px;}
body {    background: #eedca3;}
.no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {    margin-right: 0;    margin-left: 0;}
.site-content {    padding: 0 2.5455%;}
.groenerondeborder {    border-radius: 200px 200px 200px 200px;    -moz-border-radius: 200px 200px 200px 200px;    -webkit-border-radius: 200px 200px 200px 200px;    border: 4px solid #4eb184;}
.site-main {    margin-bottom: 4em;}
a {    color: #4eb184;}
.soliloquy-container {    max-width: 100%!important;}

/* Koppen */
h1, h2, h3, h4, h5, h6 { font-family: 'Boogaloo', cursive;}
.entry-title {     font-weight: normal;    margin-bottom: 0.3em;    color: #4eb184; font-family: 'Boogaloo', cursive;}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-summary h1, .entry-summary h2, .entry-summary h3, .entry-summary h4, .entry-summary h5, .entry-summary h6, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .textwidget h1, .textwidget h2, .textwidget h3, .textwidget h4, .textwidget h5, .textwidget h6 {    font-weight: 100;}
.entry-content h3, .entry-summary h3, .comment-content h3 {margin-top: 1em;     margin-bottom: 0.4em;}
.entry-content h2, .entry-summary h2, .comment-content h2 {    margin-top: 1em;     margin-bottom: 0.4em;}

/*header*/
.callus { font-size: 20px;   margin-top: 7px;float: left;    font-family: 'Boogaloo', cursive;    color: #4eb184; width:115px;}
.site-branding {width:100%;}
.mailus {     text-align: right;font-family: 'Boogaloo', cursive;    color: #4eb184;    float: right;     font-size: 20px;}
.site-header {        padding: 0px 0;}
.boveninfo {  padding-top: 5px;  max-width: 1065px;    margin-left: auto;    margin-right: auto;}
.ggto img {    margin-bottom: 20px;}
.mailus img {    margin-top: -5px;}
.mailus a:hover{text-decoration:underline;color: #4eb184; }
.logomobiel {display:none;}

/* Menu */
.site-header-menu {width:100%; background-color: #b8a45f;}
.main-navigation a {     padding: 0.65625em 0.8em; color: #663119;  font-family: 'Boogaloo', cursive;    font-size: 26px;}
.main-navigation a:hover, .main-navigation a:focus {    color: #75482b!important;    text-decoration: underline;}
.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {    font-weight: normal;}
li#menu-item-30 {     margin-left: -10px;   width: 406px;    height: 250px;    background-image: url(/wp-content/themes/Endless-Safaris/images/logo.png); background-repeat: no-repeat;margin-top: -186px;}
li#menu-item-30 a {opacity:0; width: 406px;    height: 250px;}
.main-navigation {    margin: 0 auto;    max-width: 1120px;}
.main-navigation .menu-item-has-children > a {    padding-right: 1.4em;}
.main-navigation ul ul a {padding: 0.40em 0.875em;font-size: 21px;}
.main-navigation li:hover > a, .main-navigation li.focus > a {    color: #663119;}
.main-navigation .menu-item-has-children > a:after {top: 1.8125em;}

/*Home*/
.home .homeslider {    display:block;}
.homeslider {    display: none;}
.soliloquy-wrapper {border-bottom: 64px solid #b8a45f!important;     margin-bottom: 25px!important;}
.home .site-header-menu {margin-bottom:0;    }
.soliloquy-controls-direction {    display: none;}

/*Contact*/
.contactrechts {    width: 45%;    float: right;    margin-left: 5%;   background-color: #60b890;    color: #fff;    padding: 25px; -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.52); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.52); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.52);} 
.contactrechts a {color: #fff;}
.contactleft {    width: 45%;    float: left;   }
textarea.wpcf7-form-control.wpcf7-textarea {    height: 220px;}
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    background: #60b890;}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {    background: #3f9c72;}

.contactleft p {    margin: 0 0 1.2em;}



/* Toggle*/
h3.azc_tsh_toggle {    font-weight: 100;}
.azc_tsh_toggle a, .azc_tsh_toggle_open a, .azc_tsh_toggle_open_active a {    color: #663119;    box-shadow: 0 0px 0 0 currentColor;}
.azc_tsh_toggle, .azc_tsh_toggle_open, .azc_tsh_toggle_active, .azc_tsh_toggle_open_active {    background-size: 25px;    background-position: 4px 14px;}

/*Footer*/
.site-footer {    padding: 0 2.5455%;}
.site-info a:hover, .site-info a:focus {    color: #4eb184;}

/*Responsive*/


@media screen and (min-width: 1632px) { 
div#primary {    margin-top: 40px;}
}

@media screen and (min-width: 1795px) { 
div#primary {    margin-top: 60px;}
}

@media screen and (min-width: 1835px) {
div#primary {    margin-top: 80px;}
}



@media screen and (max-width: 1200px) { 
.main-navigation li:hover > ul, .main-navigation li.focus > ul {    left: 0;    right: auto;}
.main-navigation ul ul:before, .main-navigation ul ul:after {display:none;}
}

@media screen and (max-width: 1135px) { 
.main-navigation a {    padding: 0.65625em 0.65em;}
.site-branding {    padding: 0 2.5455%;}
.main-navigation .menu-item-has-children > a {    padding-right: 1.1em;}
}

@media screen and (max-width: 1075px) { 
.main-navigation a {  font-size: 24px;}
.soliloquy-wrapper {    border-bottom: 55px solid #b8a45f!important;}
.main-navigation {max-width:1010px;}
}

@media screen and (max-width: 1025px) { 
.main-navigation a {     padding: 0.8em 0.55em;   font-size: 23px;}
}

@media screen and (max-width: 980px) { 
.main-navigation a {     padding: 0.9em 0.55em;   font-size: 21px;}
}

@media screen and (max-width: 930px) { 
li#menu-item-30 {margin-left:-25px;}
.main-navigation a {     padding: 1.1em 0.55em;   font-size: 20px;}
.main-navigation .menu-item-has-children > a {    padding-right: 1.2em;}
}


@media screen and (max-width: 909px) { 
.dropdown-toggle {    color: #663119;}
.menu-topmenu-container {    text-align: center;}
.main-navigation .menu-item-has-children > a {    padding-right: 0;}
.main-navigation .menu-item-has-children > a {    margin-right: 0;}
.logomobiel {display:block;     margin-left: auto; width:406px;    margin-right: auto;}
.dropdown-toggle:hover, .dropdown-toggle:focus {    background-color: transparent;    color: #60b890;    outline: none!important;}
li.homelogo {    display: none;}
.menu-toggle {   margin-bottom:0px; width:100%; background-color: #b8a45f;    border: 0px solid #d1d1d1;    color: #ffffff;font-family: 'Boogaloo', cursive;    font-weight: normal;    font-size: 23px!important; text-transform: none; }
.menu-toggle:hover, .menu-toggle:focus {    background-color: #b8a45f;    color: #fff;}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {      outline: none;  background-color: #b8a45f;}
.site-header-menu {margin-top:0;}
.site-branding {   margin-bottom: -36px;}
footer#colophon .main-navigation li {    border-top: 1px solid #663119;}
.home .site-header-main {    margin-bottom: 0px;}
.site-header-main {    margin-bottom: 20px;}
.entry-content h3, .entry-summary h3, .comment-content h3 {    font-size: 23px;    font-size: 1.4375rem;}

.main-navigation li {    border-top: 1px solid #663119;}
.dropdown-toggle:after {    border: 0 solid #663119;}
.main-navigation ul ul {    margin-left: 0;}

}

@media screen and (max-width: 782px) { 
.logomobiel {    width: 406px;    margin-left: auto;    margin-right: auto;}
body, button, input, select, textarea {line-height:1.5;}
img.alignright {    width: 250px;}
img.alignleft {    width: 250px;}
img.aligncenter {    width: 250px;}

}

@media screen and (max-width: 700px) { 
.callus {width:95px;}
}

@media screen and (max-width: 650px) { 
.menu-toggle {    padding: 0.40769em;}
.soliloquy-wrapper {    border-bottom: 48px solid #b8a45f!important;}
.callus {width:75px;}
.logomobiel {  margin-top: 40px;  width: 315px;}
}

@media screen and (max-width: 600px) { 
img.alignright {    width: 200px;}
img.alignleft {    width: 200px;}
img.aligncenter {    width: 200px;}
}

@media screen and (max-width: 510px) { 
.soliloquy-wrapper {    border-bottom: 0px solid #b8a45f!important;}
.logomobiel {  width: 300px;}
.menu-toggle {    padding: 0.30769em;}
.contactrechts {    width: 100%;}
.soliloquy-container {overflow:hidden!important;}
.soliloquy-container .soliloquy-image {   max-width: 700px!important;    overflow: hidden!important;    margin-left: -110px!important;}
.site-info {text-align:center;}
.footerleft {    float: none;}
.footerright {    float: none;}
.callus {    width: 213px;    margin-left: auto;    margin-right: auto;    display: block;    float: none;}
.mailus {    width: 100%;    text-align: center;    margin-top: 14px;    margin-bottom: 12px;}
.ggto img {    margin-bottom: 0;    margin-right: 8px; width: 100px;}
.vvkr img {width:100px;}
}

@media screen and (max-width: 440px) { 
img.alignright {    width: 175px;}
img.alignleft {    width: 175px;}
img.aligncenter {    width: 175px;}
body, button, input, select, textarea {font-size:16px;    }

}

@media screen and (max-width: 400px) { 
img.alignright {    width: 200px;display:block; margin-left:auto; margin-right:auto; float:none;}
img.alignleft {    width: 200px;display:block; margin-left:auto; margin-right:auto; float:none;}
img.aligncenter {    width:200px; display:block; margin-left:auto; margin-right:auto; float:none;}
body, button, input, select, textarea { text-align: center;   }
.callus {float: none;}
.mailus {float: none; margin-top:15px}
.main-navigation .menu-item-has-children > a {    margin-right: 0;}
.main-navigation .menu-item-has-children > a {    padding-right: 0;}
.main-navigation {     max-width: 99%;}
.soliloquy-container .soliloquy-image {    margin-left: -152px!important;}
.site-content {    padding: 0 3.5455%;}


}


@media screen and (max-width: 350px) { 
.logomobiel { width: 290px;}
}