/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 26 2022 | 20:58:08 */
/* Generieke stijling voor Gastenboekpagina */
.gastenboek-reviews span.rwp-w-post-title {
    color: #a1bea2;
	font-size: 22px;
}

.rwp-widget-ratings .rwp-w-comment, .rwp-widget-ratings .rwp-w-post-title, .rwp-widget-ratings .rwp-w-title {
    text-align: left;
}

.rwp-review-criterion {
		float: right;
		margin: 0px;
}

.rwp-wdj-content {
	height: auto;
	width: auto;
    background: #f7f7f7;
    border-radius: 5px;
    padding: 25px;
    color: white;
}

.gastenboek-reviews a {
 		right: 25px;
		top: 15px;
	    text-transform: lowercase;
	    position: absolute;
		color: #ff9500!important;
}

@media (min-width: 768px) {
.gastenboek-reviews .rwp-w-title {
		font-size: 22px;
}

}

@media (max-width: 768px) {
.gastenboek-reviews .rwp-w-title {
		font-size: 16px;
	margin-bottom: 0px;
	    line-height: 21px;
}
	
.gastenboek-reviews a {
	bottom: 5px!important;
	top: auto;
	font-weight: 500;
}

.gastenboek-reviews .rwp-w-comment {
	font-size: 14px;
}
	
.rwp-cell {
    margin-bottom: 5px!important;
    margin-top: 5px!important;
}
	
.gastenboek-reviews .rwp-w-comment {
	padding-right: 0px;
}
}



.rwp-review-criterion {
		float: right;
		margin: 0px;
}

/* theme stijling generiek for all kinds of hover buttons */
#page .mec-event-footer .mec-booking-button:hover > *, .tinv-modal .mec-event-footer .mec-booking-button:hover > *, #page .mec-event-footer .mec-booking-button:hover, .tinv-modal .mec-event-footer .mec-booking-button:hover, #page .dt-form button:hover > *, .tinv-modal .dt-form button:hover > *, #page .dt-form button:hover, .tinv-modal .dt-form button:hover, #page #page .widget .dt-form .dt-btn:hover > *, .tinv-modal #page .widget .dt-form .dt-btn:hover > *, #page #page .widget .dt-form .dt-btn:hover, .tinv-modal #page .widget .dt-form .dt-btn:hover, #page .widget .dt-form .dt-btn:hover > *, .tinv-modal .widget .dt-form .dt-btn:hover > *, #page .widget .dt-form .dt-btn:hover, .tinv-modal .widget .dt-form .dt-btn:hover, #page input:hover > *, .tinv-modal input:hover > *, #page input:hover, .tinv-modal input:hover, #page .wpcf7-submit:hover > *, .tinv-modal .wpcf7-submit:hover > *, #page .wpcf7-submit:hover, .tinv-modal .wpcf7-submit:hover, #page .nsu-submit:hover > *, .tinv-modal .nsu-submit:hover > *, #page .nsu-submit:hover, .tinv-modal .nsu-submit:hover, #page .dt-wc-btn:hover > *, .tinv-modal .dt-wc-btn:hover > *, #page .dt-wc-btn:hover, .tinv-modal .dt-wc-btn:hover, #page input#place_order:hover > *, .tinv-modal input#place_order:hover > *, #page input#place_order:hover, .tinv-modal input#place_order:hover, #page .woocommerce-Reviews .submit:hover > *, .tinv-modal .woocommerce-Reviews .submit:hover > *, #page .woocommerce-Reviews .submit:hover, .tinv-modal .woocommerce-Reviews .submit:hover, #page input.button:hover > *, .tinv-modal input.button:hover > *, #page input.button:hover, .tinv-modal input.button:hover, #page input:hover > *, .tinv-modal input:hover > *, #page input:hover, .tinv-modal input:hover, #page .wc-layout-list .woo-buttons a:hover > *, .tinv-modal .wc-layout-list .woo-buttons a:hover > *, #page .wc-layout-list .woo-buttons a:hover, .tinv-modal .wc-layout-list .woo-buttons a:hover, #page .post-password-form input:hover > *, .tinv-modal .post-password-form input:hover > *, #page .post-password-form input:hover, .tinv-modal .post-password-form input:hover, #page .mc4wp-form input:hover > *, .tinv-modal .mc4wp-form input:hover > *, #page .mc4wp-form input:hover, .tinv-modal .mc4wp-form input:hover, #page div.mc4wp-form button:hover > *, .tinv-modal div.mc4wp-form button:hover > *, #page div.mc4wp-form button:hover, .tinv-modal div.mc4wp-form button:hover, #page .tml-submit-wrap input:hover > *, .tinv-modal .tml-submit-wrap input:hover > *, #page .tml-submit-wrap input:hover, .tinv-modal .tml-submit-wrap input:hover, #page .wpcf7-form input:hover > *, .tinv-modal .wpcf7-form input:hover > *, #page .wpcf7-form input:hover, .tinv-modal .wpcf7-form input:hover, #page input:not():hover > *, .tinv-modal input:not():hover > *, #page input:not():hover, .tinv-modal input:not():hover, #page .woocommerce-widget-layered-nav-dropdown__submit:hover > *, .tinv-modal .woocommerce-widget-layered-nav-dropdown__submit:hover > *, #page .woocommerce-widget-layered-nav-dropdown__submit:hover, .tinv-modal .woocommerce-widget-layered-nav-dropdown__submit:hover, #page .give-btn.give-btn-reveal:hover > *, .tinv-modal .give-btn.give-btn-reveal:hover > *, #page .give-btn.give-btn-reveal:hover, .tinv-modal .give-btn.give-btn-reveal:hover, #page .give-submit.give-btn:hover > *, .tinv-modal .give-submit.give-btn:hover > *, #page .give-submit.give-btn:hover, .tinv-modal .give-submit.give-btn:hover, .jvh-credits-form>div .form-submit:hover, .fotoreading-form button:hover, #rwp-ratings-form-54076-0 > div.rwp-ratings-form > div > p.rwp-submit-wrap > input:hover {
	background: #454543;
    color: #fff;
	width: 100%;
	    font-size: 20px;
	 font-family: 'Lato';
    font-weight: normal;
    font-style: normal;
	width: 100%;
    min-height: 50px;
    border-radius: 8px;
    border-width: 1px;
    border-color: #454543;
    border-style: solid;
    color: #ffffff;
	  border-radius: 8px;
}


button.ubtn>.ubtn-text {
    transition: color 200ms ease;
}

.text-align-center {
    text-align: center!important;
}

/* same but search and replaced all :hover - theme stijling generiek for all kinds of buttons */
#page .mec-event-footer .mec-booking-button > *, .tinv-modal .mec-event-footer .mec-booking-button > *, #page .mec-event-footer .mec-booking-button, .tinv-modal .mec-event-footer .mec-booking-button, #page .dt-form button > *, .tinv-modal .dt-form button > *, #page .dt-form button, .tinv-modal .dt-form button, #page #page .widget .dt-form .dt-btn > *, .tinv-modal #page .widget .dt-form .dt-btn > *, #page #page .widget .dt-form .dt-btn, .tinv-modal #page .widget .dt-form .dt-btn, #page .widget .dt-form .dt-btn > *, .tinv-modal .widget .dt-form .dt-btn > *, #page .widget .dt-form .dt-btn, .tinv-modal .widget .dt-form .dt-btn, #page input > *, .tinv-modal input > *, #page input, .tinv-modal input, #page .wpcf7-submit > *, .tinv-modal .wpcf7-submit > *, #page .wpcf7-submit, .tinv-modal .wpcf7-submit, #page .nsu-submit > *, .tinv-modal .nsu-submit > *, #page .nsu-submit, .tinv-modal .nsu-submit, #page .dt-wc-btn > *, .tinv-modal .dt-wc-btn > *, #page .dt-wc-btn, .tinv-modal .dt-wc-btn, #page input#place_order > *, .tinv-modal input#place_order > *, #page input#place_order, .tinv-modal input#place_order, #page .woocommerce-Reviews .submit > *, .tinv-modal .woocommerce-Reviews .submit > *, #page .woocommerce-Reviews .submit, .tinv-modal .woocommerce-Reviews .submit, #page input.button > *, .tinv-modal input.button > *, #page input.button, .tinv-modal input.button, #page input > *, .tinv-modal input > *, #page input, .tinv-modal input, #page .wc-layout-list .woo-buttons a > *, .tinv-modal .wc-layout-list .woo-buttons a > *, #page .wc-layout-list .woo-buttons a, .tinv-modal .wc-layout-list .woo-buttons a, #page .post-password-form input > *, .tinv-modal .post-password-form input > *, #page .post-password-form input, .tinv-modal .post-password-form input, #page .mc4wp-form input > *, .tinv-modal .mc4wp-form input > *, #page .mc4wp-form input, .tinv-modal .mc4wp-form input, #page div.mc4wp-form button > *, .tinv-modal div.mc4wp-form button > *, #page div.mc4wp-form button, .tinv-modal div.mc4wp-form button, #page .tml-submit-wrap input > *, .tinv-modal .tml-submit-wrap input > *, #page .tml-submit-wrap input, .tinv-modal .tml-submit-wrap input, #page .wpcf7-form input > *, .tinv-modal .wpcf7-form input > *, #page .wpcf7-form input, .tinv-modal .wpcf7-form input, #page input:not() > *, .tinv-modal input:not() > *, #page input:not(), .tinv-modal input:not(), #page .woocommerce-widget-layered-nav-dropdown__submit > *, .tinv-modal .woocommerce-widget-layered-nav-dropdown__submit > *, #page .woocommerce-widget-layered-nav-dropdown__submit, .tinv-modal .woocommerce-widget-layered-nav-dropdown__submit, #page .give-btn.give-btn-reveal > *, .tinv-modal .give-btn.give-btn-reveal > *, #page .give-btn.give-btn-reveal, .tinv-modal .give-btn.give-btn-reveal, #page .give-submit.give-btn > *, .tinv-modal .give-submit.give-btn > *, #page .give-submit.give-btn, .tinv-modal .give-submit.give-btn, .jvh-credits-form>div .form-submit, .fotoreading-form button, #rwp-ratings-form-54076-0 > div.rwp-ratings-form > div > p.rwp-submit-wrap > input {	    font-family: 'Lato';
    font-weight: normal;
    font-style: normal;
	width: 100%;
		    font-size: 20px;
    min-height: 50px;
    border-radius: 8px;
    border-width: 1px;
    border-color: #a1bea2;
    border-style: solid;
    background: #a1bea2;
    color: #ffffff;
	  border-radius: 8px;
  background-color: #A1BEA2;
}

/* Gravity froms buttons 

 .gform_footer input.button {
            background: #ED7206;
            border-radius: 5px;
            padding: 11px 30px;
            font-size: 17px;
            line-height: 33px;
            text-transform: uppercase;
            width: 100%;
            border: none;

            &:hover {
                box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
            }
        }


.consulenten-footer-button span.ubtn-data.ubtn-text{
        padding-left: 25px;
}

.fotoreading-form    p.form-submit {
        input {
            color: #FFFFFF;
            font-family: Lato;
            font-size: 20px;
            font-weight: 900;
            letter-spacing: 0;
            line-height: 24px;
            text-align: center;
            border-radius: 8px;
            background-color: #454543;
            box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
            height: 50px;
            width: 100%;
            border: none;

            &:hover {
                background-color: #ee7203 !important;
            }
        }
    }

  button {
        border-radius: 8px;
        background-color: #454543;
        box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
        color: #FFFFFF;
        font-family: Lato;
        font-size: 20px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 24px;
        padding: 13px 22px;
        margin-top: 20px;
        transition: all 0.2s linear;
        border: 0;
        @media(max-width: 767px) {
            padding: 13px 12px;
        }

        &:hover {
            background-color: rgb(174, 202, 55);
            border-color: rgb(174, 202, 55);
        }
    }

.fotoreading-form button {
            color: #FFFFFF;
            font-family: Lato;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.07px;
            line-height: 17px;
            text-align: center;
            border-radius: 8px;
            background: #A1BEA2 !important;
            box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.2);
        }

*/

/* Review Form buttons 
.rwp-review-wrap .rwp-review .rwp-ratings-form .rwp-rating-form-content input {
	background: #A1BEA2;
	color: #fff;
	border: 3px solid #A1BEA2;
}

.rwp-review-wrap .rwp-review .rwp-ratings-form .rwp-rating-form-content input:hover {
		background: #454543;
	color: #fff;
	border: 3px solid #454543;
}

*/

/* Profile builder buttons 
input#wppb-submit {
	    color: #FFFFFF;
    font-family: Lato;
    font-size: 20px;
    font-weight: bold!important;
    letter-spacing: 0;
    line-height: 24px;
    text-align: center;
    border-radius: 8px;
    background-color: #E4EAE4;
    box-shadow: 0 10px 10px -5px rgb(0 0 0 / 20%);
    height: 50px;
    width: 100%;
    border: none;
}

input#wppb-submit:hover {
		background: #454543;
	color: #fff;
	border: 3px solid #454543;
}
*/

/* generieke button stijling Gridbuilder alle grids in één keer */
input#wpgb-select {
	margin-bottom: 0!important;
	border: 0!important;
}
button.wpgb-button.wpgb-reset {
	color: #A1BEA2;
}
.wpgb-facet.wpgb-facet-12 {
	text-align: right;
}
.wpgb-facet .wpgb-reset {
	height: auto;
	max-height: unset;
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: none;
	box-shadow: none;
	border-radius: 4px;
	color: #A1BEA2;
	cursor: pointer;
	font-style: unset;
	font-size: 14px;
	font-weight: 300;
	line-height: 17px;
	letter-spacing: 0;
	text-decoration: unset;
	text-transform: none;
	-webkit-appearance: none;
	transition: background-color ease .25s;
}
.wpgb-facet.wpgb-facet {
	text-align: center;
}
.wpgb-facet.wpgb-facet .wpgb-load-more {
	background: transparent;
	border: 3px solid #989898;
	border-radius: 8px;
	color: #989898;
	font-family: Lato;
	font-size: 20px;
	font-weight: 900;
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 25px;
}
.wpgb-facet.wpgb-facet .wpgb-load-more:hover {
	background: #A1BEA2;
	color: #fff;
	border: 3px solid #A1BEA2;
}


/* border bottom pagetitel de rest staat hier ingesteld /wp-admin/admin.php?page=of-contentarea-menu&tab=style-tab*/
.page-title .wf-wrap:after {
	width: 20px;
    border-radius: 2px;
}

.wf-wrap {
	margin-bottom: 20px;
}

.jvh-credits-form>h2 {
  color: #262624;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.11px;
  line-height: 29px;
}

/* mobiel menu */

.dt-mobile-header {
    background: linear-gradient(180deg, #A1BEA2 0%, #CCDACC 100%);
    width: 100vw !important;
    top: 60px !important;
}

.dt-mobile-header #mobile-menu li.act a span {
    color: #A1BEA2 !important;
}

.dt-mobile-header #mobile-menu li .sub-nav li.current-menu-item a span {
    color: #A1BEA2 !important;
}

.dt-mobile-header #mobile-menu li.active i.next-level-button:before, .dt-mobile-header #mobile-menu li.current-menu-ancestor i.next-level-button:before, .dt-mobile-header #mobile-menu li.current-menu-item i.next-level-button:before, .dt-mobile-header #mobile-menu li:hover i.next-level-button:before {
    color: #A1BEA2;
}

.wp-grid-builder .wpgb-next-button, .wp-grid-builder .wpgb-prev-button  {
    margin-top: -60px!important;
    margin-bottom: 20px!important;
}

.wp-grid-builder .wpgb-carousel .wpgb-area.wpgb-area-bottom {
    padding-bottom: 70px;
}

.wpgb-facet button.wpgb-button.wpgb-reset {
    background-color: transparent!important;
    color: #A1BEA2!important;
}

.wpgb-facet .wpgb-facet-title {
    margin: 0 0 10px 0!important;
}

.wpgb-facet>fieldset:last-child {
    margin-bottom: 0px!important;
}

.wpgb-select {
 border: 1px solid #E4E4E4!important;
  border-radius: 3px!important;
  background-color: #FFFFFF!important;	
}

/* 
.wp-grid-builder .wpgb-card {
	padding: 10px!important;
}

.breadcrumbs {
    margin-top: -100px;
}

*/




/* om padding aan de buitenkant van caroussel 's en grids te tonen moet je marge zetten en padding toevoegen, zodat je aan beide kanten de shadows ziet die normaal buiten je beeld lopen. Dit gaat goed bij alle caroussels behalve bij full width versies. 

.wpgb-viewport.wpgb-carousel {
    margin-right: -40px!important;
    padding-left: 15px!important;
}

/* copy contactmakers opzetje 

.wpgb-facet .wpgb-select, .wpgb-facet .wpgb-select:hover {
	border: solid 1px black!important;
	background-color: #fff!important;
}

.wp-grid-builder .wpgb-prev-button {
	color: transparent!important;
	background-image: url(/wp-content/uploads/2019/09/24px-1.png);
	background-position: center center,center center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
}

.wp-grid-builder .wpgb-page-dots li.wpgb-dot  {
	border: none!important;
}

.wp-grid-builder .wpgb-next-button {
	color: transparent!important;
	background-image: url(/wp-content/uploads/2019/09/24px-1.png);
	background-position: center center,center center;
	background-repeat: no-repeat;
}

.wpgb-facet button.wpgb-button.wpgb-reset {
line-height: 1.15;
margin: 0;
overflow: visible;
text-transform: none;
box-sizing: border-box;
display: block;
width: 100%;
background-color: #fff;
transition: all 300ms ease;
text-align: center;
font-weight: 500;
padding: 14px;
border-radius: 35px;
border: 2px solid #213a8f;
font-size: 19px;
color: #213a8f;
cursor: pointer;
margin-bottom: 15px;
margin-top: -15px;
}

.wpgb-facet button.wpgb-apply, .wpgb-facet button.wpgb-reset {
font-family: sans-serif;
line-height: 1.15;
margin: 0;
overflow: visible;
text-transform: none;
box-sizing: border-box;
display: block;
width: 100%;
background: #fff;
transition: all 300ms ease;
text-align: center;
font-weight: 500;
padding: 14px;
border-radius: 35px;
border: 2px solid #213a8f;
font-size: 19px;
color: #213a8f;
cursor: pointer;
margin-bottom: 15px;
margin-top: -15px;
}

.wpgb-facet button.wpgb-button.wpgb-reset:hover {
    color: #fff;
    background-color: #213a8f;
}

.wpgb-facet.wpgb-facet-13 {
	margin-bottom: -15px;
}


body .wpgb-facet ul.wpgb-expanded li {
    display: inherit!important;
}

input.wpgb-input {
    border: 1px solid #979797!important;
    border-radius: 25px!important;
    color: #666!important;
    font-family: Lato!important;
    min-height: 45px;
    padding: 0 10px;
}

.wpgb-facet .wpgb-pagination li {
	display: inline-block;
    white-space: nowrap;
    padding: 0;
    clear: both;

}

.wpgb-facet .wpgb-pagination  {
	border: 1px solid #d3ced2;
    border-right: 0px;
}

.wpgb-facet .wpgb-pagination li {
	margin: 0px!important;
	font-weight: 400!important;
	   padding: 0;
    margin: 0;
	border-right: 1px solid #d3ced2;
}

.wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover, .wpgb-facet .wpgb-pagination li a:hover {
	   background: #ebe9eb;
    color: #8a7e88;
	    border-bottom: 1px solid #d3ced2;
}

.background-shade.open {
    z-index: 2!important;
}

.woocommerce-slide-in-element {
    z-index: 9999!important;
}

.wp-grid-builder .wpgb-page-dots .wpgb-dot:after {
		background: none;
		border: solid 1px #213A8F;
		transform: translate-x: 160degrees;
}

.wp-grid-builder .wpgb-page-dots :focus {
	display: none!important;
}

.wp-grid-builder .wpgb-page-dots .wpgb-dot:focus {
	display: none;
}


*/