/*
Theme Name: ESFIM
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: esfim

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.
*/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&family=Open+Sans&display=swap');
.post-navigation div + div {    border-top: 4px solid #1754a5;}
.single-post .widget p {    margin-bottom: 1.6153846154em;}
.post-navigation a:hover .post-title, .post-navigation a:focus .post-title {    color: #1754a5;}
.post-navigation a {    color: #1754a5;}
.post-navigation {      margin-bottom: 22px!important;  border-top: 4px solid #1754a5;    border-bottom: 4px solid #1754a5;}
.single-post .textwidget {    padding: 1.615384615em 17px;}
body {    background: #fff;}
/* slider reviews*/
#slider_428 {    color:  #ed2d2f; font-size: 30px;    border: 0px solid #1754a5;font-family: 'Dancing Script', cursive;}
#slider_815 p {    color:  #ed2d2f!important; font-size: 30px;    border: 0px solid #1754a5;font-family: 'Dancing Script', cursive;}
.grotequote {  margin-top: 11px!important;    font-family: 'Dancing Script', cursive;  font-size: 33px;}

.rond img{    border-radius: 200px;}
.rond {    border-radius: 200px;}

/*test*/
.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-left:0; margin-right:0;}


/*algemeen*/
.margintopgroter {    margin-top: 33px;}
.reviews {     margin-right: 5px;    margin-left: 27px; quotes: "“" "”" "‘" "’";  text-align: center;    color:#1754a5;    width: 222px;    float: left;    height: 222px;    overflow: auto;    font-size: 16px;   border:0px solid #1754a5;    border-bottom: 3px solid #ed2d2f;    padding-bottom: 15px;     line-height: 24px;    margin-bottom:22px;    margin-top: 30px;font-family: 'Open Sans', sans-serif;    font-weight: 600;}
.reviews::before {    content: open-quote;    float: left;    font-size: 28px;    color: #ed2d2f;}
.reviews::after {    content: close-quote;font-size: 28px;   color: #ed2d2f;}
.geenbr br {display:none;}
.site-inner {    max-width: 100%;}
.site {width:100%;      margin-bottom: 0;   margin-left: auto;     margin-right: auto;    margin-top: 0; -webkit-box-shadow: 0px 24px 15px 0px rgba(50, 50, 50, 0.53);
-moz-box-shadow:    0px 24px 15px 0px rgba(50, 50, 50, 0.53);box-shadow:         0px 24px 15px 0px rgba(50, 50, 50, 0.53);}
body, button, input, select, textarea {    font-family: 'Open Sans', sans-serif; color:#545454; font-size:16px;}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {/*position:relative;*/ height:0px;}
body:not(.custom-background-image).admin-bar:before {    top: 0;}
.entry-content li {    margin-left: 40px;}
.entry-content ul {    margin-bottom: 10px;}
p {    margin: 0 0 0.75em;}
.content-area {width: 66%}
.rondblauw { width:auto;     border-radius: 200px 200px 200px 200px;    -moz-border-radius: 200px 200px 200px 200px;    -webkit-border-radius: 200px 200px 200px 200px;    border: 4px solid #1754a5;}
.blauweachtergrond {background-color:#1754a5; }
.blauweachtergrond p {color:#fff!important;}
.blauweachtergrond a {color:#fff!important;}
.midden {text-align:center;}
.witteachtergrond h2 {color:#1754a5!important;}
.witteachtergrond.usp {     font-size: 19px!important;}
.usp { padding: 11px;      font-size: 22px;    color: #1754a5;    font-weight: bold;    line-height: 22px;}
.blauweborder {    border: 3px solid #1754a5;}
main#main {     margin-bottom: -11px;   max-width: 1050px;    margin-left: auto;    margin-right: auto;}
.rodeknop {     margin-top: 33px;
   background-color: #1754a5;    padding: 15px;    text-align: center;    font-size: 22px;}
.rodeknop a {color:#fff}
a {    color: #1754a5;    text-decoration: none;    box-shadow: none!important;    font-weight: bold;}
a:hover {text-decoration: underline;}
.rondeblauweborder img {    border-radius: 200px;    border: 6px solid #FFF;}
.positie {      min-height: 110px;  border: 3px solid #fff;    padding: 22px;        margin-top: -40px;text-align: center;    }
.witteachtergrond {    background: #fff;  }
.positie h2 {    margin-bottom: 0!important ;margin-top: 0!important;}
.blauwetitels h2 a {    color: #1754a5!important;}
.positie p {    margin: 0;}
.witteachtergrond p {    color: #1754a5!important;}
.cn-button.bootstrap {    color: #1754a5;    background: #fff;}
.cookie-notice-container {    padding: 9px;}
.minheight{min-height:457px;}

.minheight h2 {    margin-bottom: 15px!important;}
.rodetitel h2 {    color: #ed2d2f!important;}


/*shortcodes*/

.roodshortcode {    color: rgb(237 45 47);   }
.geelshortcode {    color: rgb(238, 151, 4);   }
.witshortcode {    color: #fff;   }
.rodeknopCTA {    background-color: rgb(239 46 51);    padding: 12px;    text-align: center;    width: max-content;}
.rodeknopCTA a {   color:#fff; }
.midden { margin-left:auto; margin-right: auto; text-align: center}
.links {float:left;}
.rechts {float:right}
.blauweknopCTA {       margin-top: 22px; background: #1754a5;    padding: 22px;    text-align: center;    font-size: 22px;}
.blauweknopCTA a{   color:#fff;}
.witteknopCTA {       margin-top: 22px; background:#fff ;    padding: 22px;    text-align: center;    font-size: 22px;}
.witteknopCTA a{   color:#1754a5!important;}




.entry-content {    margin-top: 22px;   border-top: 3px solid #1754a5;}
.home .entry-content {   margin-top: 0px;      border-top: 0px double #1754a5;}
.fotoelvirehome {    margin-top: -57px;    padding-bottom: 1px;}
h1.entry-title {       font-size: 30px; margin-bottom:-5px!important;}

button#responsive-menu-button {       top: 0!important; width: 100%!important;    right: 0!important;    margin-top: 0px!important;}
.home h1.entry-title {      font-size: 24px;  margin-bottom:-5px;}
#responsive-menu-container #responsive-menu-wrapper {    margin-top: 55px!important;}

/*Pagebuilder*/
.panel-layout .widget {    color: #545454!important;}

/*header*/
.site-branding {    width: 1050px;    margin-left: auto!important;    margin-right: auto!important;}
.site-header {    padding: 0; }
img.logoESFIM {       margin-top: 30px; margin-right: 50px;      margin-left: 8px;   float: left;}
img.headerESFIM {       margin-top: 14px; float: right;}
.talen {   margin-right: 15px; float: right;}
header.entry-header {    padding: 10px 17px 0;}
.site-branding {    margin: 14px auto 15px auto!important;}
.home h1.entry-title {     text-align: left;  margin-bottom:-5px;}
.entry-content:before {    margin-top: -22px;}


.page-id-665 h1.entry-title { text-align: left;  margin-bottom:-5px; font-size: 24px; }
.page-id-665 .entry-content	{ margin-top: 0px; border-top: 0px double #1754a5;}


/*menu */
ul#menu-top-menu {    display: flex;    align-items: stretch;    justify-content: space-between;    width: 100%;}
div#site-header-menu {  text-align: center; margin-top: 0;  width: 100%;      margin-bottom: 33px;  background-color: #1754a5;}
div#site-header-menu a {color:#fff;        font-family: 'Open Sans', sans-serif;    font-weight: 600;    font-size: 20px;     padding: 0.65625em 2.7em;
}
.main-navigation {   margin: 0 0;     max-width: 1050px;    margin-left: auto;    margin-right: auto; }
div#site-header-menu a:hover {text-decoration:underline;}
li#menu-item-42 a {padding-left: 18px;}
.menu-toggle {    background-color: #1754a5;    color: #fff;}
.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {    background-color: #1754a5;    border-color: #1754a5;    color: #fff;}
.main-navigation .primary-menu > li {   background-image: url(/wp-content/themes/ESFIM/images/sep.jpg);    background-repeat: no-repeat;    background-position: 0% 50%;     display: block;    flex: 0 1 auto;    list-style-type: none;}
li#menu-item-42 {    background-image: none;}
.toggled-on .main-navigation .primary-menu > li {    background-image: none;}
	footer#colophon .main-navigation .primary-menu > li {    background-image: none;}
	
/*Home*/
.homepaginaafbeelding {    margin-top: -60px;}
.geenpaddingonder {    margin-bottom: -58px!important;}



/*koppen*/
h1, h2, h3, h4, h5, h6 {    font-family: 'Open Sans', sans-serif;    color: #ed2d2f;}

h1 {font-size:20px;}
.entry-title {font-size:24px;     font-family: 'Open Sans', sans-serif;}

.entry-content h2 {       margin-top: 22px; font-weight: bold;   font-size: 20px;    color: #ed2d2f;}
.entry-content h3 {   margin-top: 22px; font-weight: bold;   font-size: 20px;    color: #ed2d2f;}
.entry-content h4 {    font-size: 16px;    color: #545454;}
.entry-content h5 {    font-size: 16px;    color: #545454;}
.entry-content h6 {    font-size: 16px;    color: #545454;}
/*sidebars*/
.sidebar {width:250px; margin-left: 73%; }
.widget {    border-top: 0px solid #1a1a1a;}
aside#secondary { margin-bottom: 25px;   background-color: #1754a5; -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.48); -moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.48); box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.48);}
.widget .widget-title {      letter-spacing: 0px;      margin-bottom: 15px;    font-size: 24px;   color: #fff;    font-family: 'Open Sans', sans-serif;    font-weight: bold; text-transform:none;}
section#text-3, section#text-4 {    color: #fff!important;       font-size: 14px;    padding: 1.615384615em 17px;}
section#text-3, section#text-4 a {    color: #fff!important;}
.homepaginaafbeelding img {    margin-bottom: 1px;}

/*directcontactformulier weg*/
.widget{    color: #fff!important;  font-family: 'Open Sans', sans-serif;    font-size: 16px;    padding: 1.615384615em 17px;}
.widget {    color: #fff!important;}


/*Direct contact*/
div#wpcf7-f49-o1 {    width: 210px;    margin-left: auto;    margin-right: auto;}
.widget input {font-size:16px; font-style:italic; color:#969191;}
.widget p {    margin-bottom: 0.615385em;}
.widget textarea {font-size:16px; font-style:italic;color:#969191; height: 120px;}
input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus {color:#969191; font-style:normal;}
textarea {font-family: Calibri, Georgia, serif!important;}
input.wpcf7-form-control.wpcf7-captchar {    width: 135px;}
input.wpcf7-form-control.wpcf7-submit {
    color: #fff;
}
input {color:#969191;}  

::-webkit-input-placeholder {
   color:#969191;
}
:-moz-placeholder {
   color:#969191;
}
::-moz-placeholder {
   color:#969191;
}
:-ms-input-placeholder {
  color:#969191;
}

input[type="submit"] {background-color:#1754a5;    width: 210px;    margin-bottom: -10px;     font-style: normal;     text-transform: none;    font-size: 17px!important;}
section#text-2 input[type="submit"] {background-color:#fff;    width: 210px;    margin-bottom: -10px;     font-style: normal;     text-transform: none;    font-size: 17px!important;}
section#text-2 input[type="submit"]:hover  {background-color:#fff; }

span.wpcf7-not-valid-tip {    color: #fff;}
div.wpcf7-validation-errors {    border: 2px solid #fff;    color: #fff;}

/*blog*/
.bdp_blog_template a.bd-more-tag { display: block;   width: 100%!important;    font-size: 18px;}
.bdp_blog_template a.bd-more-tag:hover {    background-color: #1754a5!important;    color: #fff!important;}
.post-thumbnail {    display: none;}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {   margin-right: 0!important;    margin-left: 0!important;    width: 100%!important;}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {    margin-right: 0;    margin-left: 19px;    width: 100%;}


/*contact*/

div#wpcf7-f43-p26-o1 span.wpcf7-not-valid-tip {    color: #ee2d30;}
div#wpcf7-f43-p26-o1  div.wpcf7-validation-errors {    border: 2px solid #ee2d30;
    color: #ee2d30;}

/*footer*/
footer#colophon {     padding-bottom: 5px;    padding-top: 5px;   background-color: #1754a5;    color: #fff;}
footer#colophon a {color:#fff; font-family: 'Open Sans', sans-serif;    font-size: 14px;}
footer#colophon a:hover { color:#fff;}
.site-info {   width: 100%; color: #fff; max-width: 1050px;    margin-left: auto;    margin-right: auto;    margin-top: 0px;    margin-bottom: 0px;}
a.algemenevoorwaarden { padding-top: 7px;   float: right;}
.witvlakfooter {font-family: 'Open Sans', sans-serif; color:#1754a5; margin-left:20px; font-size:12px; padding-top: 10px;    padding-bottom: 10px; }
img.aligncenter.socialicon {
    display: inline;
}
.Footercustomkolom {      background-color: #1754a5;  margin-bottom:32px;      margin-top: 12px;  width: 33%;    float: left; margin-right:1.5%;}
.Footercustomkolomlaatste {     background-color: #1754a5;   margin-bottom:32px;       margin-top: 12px;  width: 31%;    float: left; }
.completefooter {    text-align: center;      font-size: 17px;  padding: 0;    }
footer#colophon {  margin-top: 20px;  width: 100%; margin-bottom: 11px; }
.rondeblauweborder {    border-radius: 200px;}
h2.footercustom {    color: #fff;}
.socialicon {    margin-bottom:0;}
img.aligncenter.rondeblauweborder.size-thumbnail.wp-image-386 {    margin-bottom: -15px;    margin-top: 9px;}
.menu-handige-links-container ul {    list-style: none;    margin-left: 0;}
.socialicon img {
    display: inline!important;
    float: left;
}


/*Firefox*/

@-moz-document url-prefix() { 
  div#site-header-menu a {
     padding: 0.65625em 2.7em;
  }
}




/*responsive*/

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

.minheight {    min-height: 499px;}


}


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

.minheight {    min-height: 535px;}

}



@media only screen and (max-width : 1042px) {
.site {width:100%; }
img.headerESFIM {    width: 565px;}
img.logoESFIM {	width: 165px;}
div#site-header-menu a {    padding: 0.65625em 2em;}
.content-area {    width: 62%;}
.sidebar {margin-left:69%;}
.site-content {    padding: 0;}




@-moz-document url-prefix() { 
  div#site-header-menu a {
    padding: 0.65625em 2.1em;
  }
}



}
	

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

#pg-24-0 > .panel-grid-cell, #pg-24-0 > .panel-row-style > .panel-grid-cell, #pg-24-1 > .panel-grid-cell, #pg-24-1 > .panel-row-style > .panel-grid-cell, #pg-24-2 > .panel-grid-cell, #pg-24-2 > .panel-row-style > .panel-grid-cell, #pg-24-3 > .panel-grid-cell, #pg-24-3 > .panel-row-style > .panel-grid-cell, #pg-24-4 > .panel-grid-cell, #pg-24-4 > .panel-row-style > .panel-grid-cell, #pg-24-5 > .panel-grid-cell, #pg-24-5 > .panel-row-style > .panel-grid-cell {    width: 100%!important;    margin-right: 0!important;}
.minheight {    min-height: 100px;}
#pg-24-0.panel-no-style, #pg-24-0.panel-has-style > .panel-row-style, #pg-24-1.panel-no-style, #pg-24-1.panel-has-style > .panel-row-style, #pg-24-2.panel-no-style, #pg-24-2.panel-has-style > .panel-row-style, #pg-24-3.panel-no-style, #pg-24-3.panel-has-style > .panel-row-style, #pg-24-4.panel-no-style, #pg-24-4.panel-has-style > .panel-row-style, #pg-24-5.panel-no-style, #pg-24-5.panel-has-style > .panel-row-style {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
}



@media only screen and (max-width : 925px) {
	
div#site-header-menu a {    padding: 0.65625em 1.6em;}
.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: 2.6923%;    margin-left: 2.6923%;}
.fotoelvirehome {    margin-top: 0;}
}
	
@media only screen and (max-width : 909px) {
.blauweborder.rond.panel-widget-style.panel-widget-style-for-22-0-0-0 {width:250px;}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {    margin-right: 0;    margin-left: 0;    width: 100%;}
.reviews {    width: 45%;}
.sidebar {padding:0 0;}
input.wpcf7-form-control.wpcf7-captchar {    width: 134px;}
.content-area {    width: 100%;}
.entry-content {    margin-right:  5.6923%;    margin-left:  5.6923%;} 
button#menu-toggle {    margin-left: 47px;    }
.sidebar {    width: 100%;     margin-right: 0;    margin-left: 0;} 
footer#colophon {padding-top:40px;    float: left;} 
.site-branding {  margin-top: 60px!important; margin-right: 2.6923%!important;    margin-left: 2.6923%!important;}
div#Afbeeldinghomemobiel {    text-align: center;}
.site-info {max-width:100%;}
.completefooter {    width: 100%;    background: #1754a5;  float: left;}
.midden {    display: block;    clear: both;}
}

@media only screen and (max-width : 875px) {
.site {    width: 100%;}	
img.headerESFIM {    width: 484px;    margin-top: 33px;}

}

@media only screen and (max-width : 839px) {
	img.headerESFIM {margin-top:0;}
	.usp {    padding: 5px;}	
	
}

@media only screen and (max-width : 775px) {
img.headerESFIM {    width: 435px;    }
img.logoESFIM {    width: 150px;    margin-right: 45px;}
img.alignright.size-full.wp-image-145.rondblauw {    margin-top: 0!important;    margin-right: 0!important;}
}

@media only screen and (max-width : 768px) {
.widget_media_image img {float:none!important; margin-left:auto; margin-right:auto;}
footer#colophon {
    margin-top: 15px;
}
}

	
	@media screen and (max-width: 730px) { 
.Footercustomkolom {    width: 100%;}
.Footercustomkolomlaatste {    width: 100%;}
	.reviews {    width: 100%; margin-right:0px;}
}
	
	
@media only screen and (max-width : 707px) {
img.headerESFIM {    width: 335px;    margin-top: 55px;}	
	.entry-content li {    margin-left: 0px;}

}

	
@media only screen and (max-width : 669px) {
img.headerESFIM {    width: 335px;    margin-top: 25px;}
div#site-header-menu a {font-size:15px;}
}

@media only screen and (max-width : 604px) {
.site-branding {    width: 100%;}	
img.logoESFIM {margin-right: auto;    margin-left: auto;    clear: both;    display: block;    float: none;}
img.headerESFIM {	    width: 85%;    margin-left: auto;    margin-right: auto;    float: none;      display: block;}
button#menu-toggle {   display: block; width:64.5px;  margin-left: auto;    margin-right: auto;}
.site-main {    margin-top: 15px;}
.alignright {    float: none;    clear: both;    display: block;}
.alignleft {    float: none;    clear: both;    display: block;}


}

@media only screen and (max-width : 574px) {
.rondblauw {    width: 32%;}
.entry-title {    font-size: 18px;}
.entry-header {    margin-right: 5.6923%;    margin-left: 5.6923%;}
}

@media only screen and (max-width : 475px) {
.rondblauw {    width: 200px;    margin-left: auto;      margin-right: auto!important;    margin-bottom: 15px!important;    display: block;    float: none;}
img.logoESFIM {    width: 135px; margin-bopttom:-18px}
.entry-title{text-align: center;}
img.alignright.size-full.wp-image-145.rondblauw {     margin-right: auto!important;}

.blauweborder.rond.panel-widget-style.panel-widget-style-for-22-0-0-0 {       float: none;    margin-left: auto;    margin-right: auto;}
}