body {overflow-x:hidden; position: relative;  font-family: 'Work Sans', sans-serif; font-weight: 400;  font-size:16px; line-height: 26px; background: #faf0dc; margin: 0px; color:#0b4141;}
*, *:before, *:after {box-sizing: border-box; margin: 0;  }
*:before, *:after {content:"";}
p {margin-top: 0px; margin-bottom: 10px}
.content p:last-child{margin-bottom: 0px}
.content p:last-child img.alignnone{margin-bottom: 0px;}
picture{display: block; line-height: 0px;}
.fa-icon a:after, a.fa-icon:after, .menu-item a:after, .menu-item a:before{font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-left: 10px; }
.menu-item a:before{margin: 0px;}
a{color:#241e1e; transition: all .3s ease-out;}
a:hover{color:#2d235f;}
.bgcolor a{color:#faf0dc}
h1{font-family: 'Montserrat', sans-serif;font-size: 42px;margin-top: 0px;margin-bottom: 34px; font-weight: 700; line-height: 52px; }
h2{font-family: 'Montserrat', sans-serif;font-size: 32px;margin-top: 0px;margin-bottom: 34px; font-weight: 700;line-height: 42px; }
h3{font-family: 'Montserrat', sans-serif;font-size: 32px;margin-top: 0px;margin-bottom: 34px; font-weight: 700; line-height: 42px; }
h4{font-family: 'Montserrat', sans-serif;font-size: 24px;margin-top: 0px;margin-bottom: 15px; font-weight: 700; line-height: 32px; }
.accent h1, .accent h2, .accent h3, .accent h4{color: #563635 !important;}
.grecaptcha-badge{right: -18600px !important;}
.accent .subtitel{color:#563635} a.button{font-family: 'Montserrat', sans-serif; position: relative;  z-index: 1;border-radius: 8px;text-decoration: none; text-transform: uppercase; border: none; color:#0b4141; border: 2px solid #0b4141;  font-weight: 600; font-size: 14px;line-height: 54px; padding: 0 30px;display: inline-block; margin-right: 20px;margin-top: 15px;}
a.button:hover{background-color: #0b4141 !important; color: #faf0dc}
.bgcolor a.button{color: #faf0dc; border: 2px solid #faf0dc;}
.bgcolor a.button:hover{background-color: #faf0dc !important; color: #0b4141 !important}
a.full_link{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.content .button{margin-top: 35px;}
.video-container {position:relative; padding-bottom:56.25%;	height:0;	overflow:hidden; margin-top: 40px;}
.video-container iframe, .video-container object, .video-container embed {	position:absolute;	top:0;	left:0;	width:100%;	height:100%;}
.gallery{ margin-top: 40px !important;} .header{transition: background-color 100ms linear; background-color: transparent;font-family: 'Montserrat', sans-serif;  position: absolute; width: 100%; left: 0px; top: 0px; z-index: 40; padding: 60px 0 30px;}
.scroll .header, .no-hero .header{background-color:#faf0dc;  position: fixed;  padding: 40px 0 40px;}
.header_main{ width: 100%; display: block; margin: 0 auto; padding: 0 80px; }
.logo{position: relative; display: inline-block; vertical-align: top; font-weight: 700; font-size: 33px; width: 190px;  top: -2px;}
.logo a{text-decoration: none;}
.logo a:hover{color:#241e1e}
.toggle-menu{display: none; float: right; vertical-align: top; color: #241e1e; font-size: 24px; margin-top: 5px; margin-right: 0px}
.mobile-menu{display: none; float: right; vertical-align: top; font-size: 24px; margin-top: 23px; margin-right: 20px}
.mobile-menu span{margin-right: 10px; font-size: 18px;} .nav{display: inline-block; float: right; margin-right: 0px; width: calc(100% - 190px); }
.nav div{display: inline-block; margin-right: 40px;}
.nav div.help_wrapper{float: right; margin-right: 0px; }
.nav ul{display: block; list-style: none; margin: 0px; padding: 0px; width: 100% ; position: relative }
.nav ul>li{display: inline-block; margin-left: 20px;}
.nav ul>li:first-child{margin-left: 0px;}
.nav ul>li>a{text-decoration: none; text-transform: uppercase; font-weight: 600; font-size:14px; position: relative; }
.nav ul>li>a:hover{color:#241e1e !important; }
.nav ul>li>a:after{display: none;}
.nav ul>li:not(.contact)>a:hover:before{width: 100%;}
.nav ul>li>a:before{transition: all .3s ease-out;content: ""; width: 0%; height: 3px; background:#241e1e; position: absolute; left: 0; left: 0px; top: 24px;}
.nav ul>li.contact{position: absolute; right: 0; top: 0; height: 26px;background: url(//dehoop-woudrichem.nl/wp-content/themes/dehoop/assets/layout/contact.png) left center no-repeat; background-size: contain;  margin-top: -1px; }
.nav ul>li.contact a{font-size: 12px; padding-top:2px; padding-left: 34px;display: block;}
.nav ul>li.current_page_item:not(.contact)>a:before{transition: all .3s ease-out;content: ""; width: 100%; height: 3px; background:#241e1e; position: absolute; left: 0; left: 0px; top: 24px;} .nav ul li.menu-item-has-children>a:after{content:"\f078"; margin-left: 6px; font-size: 14px; display: inline; }
.nav ul li.menu-item-has-children:hover .sub-menu{display: block;}
.nav ul li .sub-menu{display: none; position: absolute; background: transparent; padding: 46px 0px 40px 0px; top: 20px; width: auto;  text-align: left; margin: 0px; }
.nav ul li .sub-menu li{width: 100%; background: #241e1e; height: auto; margin: 0px; padding: 10px 20px; display: block;}
.nav ul li .sub-menu li:last-child{padding-bottom: 20px; border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.nav ul li .sub-menu li a{font-weight: 700; font-size: 14px; line-height: 28px; color:#faf0dc !important} 
.nav ul .sub-menu .current_page_item{border: none !important;}
.nav ul .sub-menu .current_page_item a{color:#faf0dc!important;} .cta a{background-color:#87212d; color:#faf0dc; font-weight: 500; font-size: 14px; border-radius: 8px; text-decoration:none; padding: 0 15px;  display: inline-block;}
.cta a:hover{background-color:#0b4141;}
.header .cta{width: 100%; max-width: 1350px;left: 50%; transform: translateX(-50%);position: fixed; top: 0px; }
.header .cta a{border-top-right-radius: 0; border-top-left-radius: 0; line-height: 30px; font-size: 12px; float: right;}
.footer .cta a{text-align: center; line-height: 90px;} .site-wrapper{margin: 0 auto;}
#main_content{ z-index: -2}
.main-wrapper{display: block; max-width: 1390px; padding: 0 20px; margin: 0 auto;}
.main-wrapper:after{display: table; content:""; clear: both;}
.page-wrapper{margin: 0px auto}
.row{display: block; position: relative; margin-bottom: 100px; }
.row.final{margin-bottom: 0px; }
.row.extra_top{padding-top: 160px !important; }
.top_geen{padding-top: 0px}
.top_klein{padding-top: 40px}
.top_groot{padding-top:80px}
.top_negatief{margin-top: -60px;}
.bottom_geen{padding-bottom: 0px;}
.bottom_klein{padding-bottom: 40px;}
.bottom_groot{padding-bottom: 80px;}
.row.bgcolor:before{content: ""; z-index:0; position: absolute; width: 100vw; height: 100%; background: inherit; top: 0px; left: calc(-50vw + 50%); }
.row.bgcolor.grijs:before{background-color:#f8f8f8;}
.row.bgcolor.accent{color:#faf0dc; }
.row.bgcolor.accent:before{background:#9aaa9e; }
.row.bgcolor.accentb{color:#faf0dc; }
.row.bgcolor.accentb a:hover{color:#EFD3D7}
.row.bgcolor.accentb:before{background:#3b6460; }
img.alignnone {float:none; margin: 5px 0 5px 0;}
img.alignleft {float:left; margin: 5px 10px 5px 0px;}
img.aligncenter {display:block; float:none; margin: 5px auto;}
img.alignright {float:right; margin: 5px 0 5px 10px;}
.row:after{content:""; display: table; clear: both;}
.col{float: left; position: relative;}
.col-3{width: 25%;}
.col-4{width: 33%;}
.col-6{width: 50%;}
.col-8{width: 75%;}
.col-12{width: 100%;}
.col-6:nth-child(1){padding-right: 20px;}
.col-6:nth-child(2){padding-left: 20px;}
.columns:after{display: table; clear: both; content:"";}
.left_side{width: 75%; float: left; padding-right: 40px;}
.right_side{width: 25%; float: left} .fototop{padding-top: 160px}
.fototop .content p{margin-bottom: 30px;}
.fototop_wrapper{position: relative; display: block;   }
.fototop_wrapper.rechts .content{display: inline-block; width: 44%; background: #0b4141; color:#faf0dc; border-radius:8px; padding: 55px 50px; position: relative; z-index: 1; margin-top:45px; font-weight: 600; font-size: 21px; line-height: 31px;}
.fototop_wrapper.rechts .image{position: absolute; right: 0; top: 0; width: 60%;  }
.fototop_wrapper .image img{width: 100%; height: auto;}
.fototop a{color:#faf0dc;}
.fototop a.button{color:#faf0dc; border: 2px solid #faf0dc;  }
.fototop a.button:hover{background-color: #faf0dc !important; color: #0b4141}
.fototop_wrapper.links {margin-bottom: 45px;}
.fototop_wrapper.links .content{display: inline-block; width: 64%; background: #0b4141; color:#faf0dc; border-radius:8px; padding: 55px 50px 55px 100px;; position: relative; z-index: 1;  margin-left: 36%;  font-weight: 600; font-size: 21px; line-height: 31px;}
.fototop_wrapper.links .image{position: absolute; left: 0; top: 45px; width: 40%; z-index: 2;  } .linkblokken.bgcolor{padding: 100px 0px}
.linkblokken.bgcolor:before {width: calc(100vw - 80px); left: calc(-50vw + 50% + 80px);}
.link_blokken_wrapper {position: relative; display: flex; flex-wrap: wrap; column-gap: 30px; width: 100%; }
.link_blokken_wrapper .item{width: calc(33.33333% - 20px); background: #faf0dc; color:#0b4141; position: relative }
.link_blokken_wrapper .item img{width: 100%; height: auto;}
.link_blokken_wrapper:after, .link_blokken_wrapper:before{display: none;}
.link_blokken_wrapper .item .content{padding: 34px 34px 118px 34px; display: block;font-weight: 600;}
.link_blokken_wrapper .item .content strong{font-size: 24px;}
.link_blokken_wrapper .item .content .button{width: auto; text-align: center; position: absolute; bottom: 34px; left: 34px; right: 34px; margin: 0; border: 2px solid #0b4141; color:#0b4141;}
.link_blokken_wrapper .item .content .button:hover{color:#faf0dc !important; background-color:#0b4141 !important} .fotoblok{width: 100%; display: block; position: relative;}
.fotoblok:after{display: table; content: ""; clear: both;}
.fotoblok .content{position: relative; display: flex;   height: 100%; font-weight: 600;}
.fotoblok .image {width: 50%;  }
.fotoblok .image p{margin: 0px; position: relative}
.fotoblok .image img{display: block; width: 100%; height: auto; }
.fotoblok .text{width: 50%; padding: 0 0 0 45px; }
.fotoblok.rechts .text{padding:0 45px 0 0;  } .blog{background: #9aaa9e;}
.blog .container{padding-top: 160px; padding-bottom: 40px;}
.nieuwsoverzicht.bgcolor{padding: 100px 0px; }
.nieuwsoverzicht h3, .blog h3{color:#faf0dc; position: relative; text-transform: uppercase; font-size: 24px;}
.nieuwsoverzicht_wrapper{width: 100%; display: flex; flex-wrap: wrap; column-gap: 30px;}
.nieuwsoverzicht_wrapper:before, .nieuwsoverzicht_wrapper:after{display: none;}
.nieuwsitem_short{width: calc(33.3333% - 20px); position: relative; background: #faf0dc; color:#0b4141 }
.nieuwsitem_short img{width: 100%; height: auto; }
.nieuwsitem_short .meta{padding: 34px 34px 118px 34px; display: block;  font-weight: 600;}
.nieuwsitem_short strong{font-size: 24px; text-transform: uppercase; display: block; margin-bottom: 10px; }
.nieuwsitem_short .meta .date{display: block;}
.nieuwsitem_short .meta .button{color:#0b4141; position: absolute; bottom: 34px; left: 34px; right: 34px; width: auto; text-align: center; border: 2px solid #0b4141;}
.nieuwsitem_short .meta .button:hover{color:#faf0dc !important; background-color:#0b4141 !important} .page-navigation:before,.page-navigation:after{display: table; clear: both; content:""; }
.page-navigation{display: block; width: 100%; padding: 40px 20px 0px;  text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase}
.page-navigation h3{color:#faf0dc; position: relative;}
.page-navigation a, .page-navigation span{border: 2px solid #0b4141; color: #0b4141; display: inline-block; text-align: center; width: 40px; height: 40px; line-height: 36px; text-decoration: none }
.page-navigation a:hover, .page-navigation span{color: #faf0dc; background-color: #0b4141; }
.page-navigation a.prev, .page-navigation a.next { width: auto; padding: 0 10px; }
.single-post .page-navigation:before{position: absolute; width: 100vw; height: 100%;  top: 0;left: 50%; transform: translateX(-50%); background-color:#0b4141}
.single-post .page-navigation{position: relative; display: block; width: 100%; padding: 40px 20px 40px 20px;  text-align: center; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 14px; text-transform: uppercase}
.single-post .page-navigation a,.single-post .page-navigation span{position: relative; border: 2px solid #faf0dc; color: #faf0dc; display: inline-block; text-align: center; width: auto; height: 40px; line-height: 36px; text-decoration: none }
.more_button_wrapper{width: 100%; text-align: center; display: block; margin-bottom: 40px;}
.more_button_wrapper .more_button{ font-size: 18px; cursor: pointer; color:#fff; background-color:#213152; display: inline-block;  line-height: 48px; color: #fff; padding: 0 15px;}
.more_button i{display: inline-block; margin-left:6px;}
.more_button_wrapper .more_button:hover{background-color:#a1c62d;}
.more_button.less{display: none;}
.show .more_button.less{display: inline-block;}
.show .more_button.more{display: none;} .wysiwyg.bgcolor{padding: 100px 0px; font-weight: 600;}
.wysiwyg_wrapper{position: relative; max-width: 900px; display: block; margin: 0 auto;}
.wysiwyg_wrapper.smal {max-width: 600px;}
.wysiwyg img, .dubbele_wysiwyg img{width: 100%; height: auto;     display: block;}
.wysiwyg h2, .wysiwyg h3, .wysiwyg h4{margin-top: 30px;}
.wysiwyg ul, .dubbele_wysiwyg ul{list-style: none; margin: 30px 0px; padding: 0px;}
.wysiwyg ul li, .dubbele_wysiwyg ul li{width: 48%; vertical-align: top; display: inline-block; padding-left: 24px; position: relative}
.row.bgcolor.accent.wysiwyg{color: #0b4141}
.row.bgcolor.accent.wysiwyg h1 , .row.bgcolor.accent.wysiwyg h2, .row.bgcolor.accent.wysiwyg h3, .row.bgcolor.accent.wysiwyg strong{color:#faf0dc !important}
.row.dubbele_wysiwyg.full_width {width: 100vw; max-width:1920px; left: 50%; transform: translateX(-50%)}
.row.dubbele_wysiwyg.bgcolor{padding: 60px 0px;}
.row.dubbele_wysiwyg{ display: flex;}
.row.dubbele_wysiwyg .col{flex: 1;}
.row.dubbele_wysiwyg .col:before{content: ""; z-index:-1; position: absolute; width: 50vw; height: 100%; background: inherit; top: 0px; left: calc(-50vw + 50%); }
.row.dubbele_wysiwyg .col:nth-child(2):before{left: 0px;}
.row.dubbele_wysiwyg .col.first_col{padding: 30px 30px 30px 0;}
.row.dubbele_wysiwyg .col.second_col{padding: 30px 0 30px 30px;}
.row.dubbele_wysiwyg.full_width .col.first_col, .row.dubbele_wysiwyg.full_width .col.second_col{padding: 0px;}
.row.dubbele_wysiwyg.full_width .text_only{max-width: 675px; float: right; padding: 60px 30px;}
.row.dubbele_wysiwyg.full_width p{margin-bottom: 0px !important}
.row.dubbele_wysiwyg.full_width .text_only p{margin-bottom: 10px}
.row.dubbele_wysiwyg img.alignnone{margin: 0px;}
ul {margin-bottom: 20px;}
.wysiwyg em:first-of-type, .dubbele_wysiwyg em:first-of-type{margin-top: 10px;}
.wysiwyg em, .dubbele_wysiwyg em{position: relative; display: block; padding-right: 50px; margin-bottom: 5px; }
.wysiwyg em strong, .dubbele_wysiwyg em strong{position: absolute; right: 0; top: 0; font-style: normal} .gallery-item img { border: 2px solid transparent !important;}
.pbThumbs li.active a img { border-color: #faf0dc !important;}
#pbCloseBtn:hover:before { background: rgba(135, 33, 45, 1)!important;} blockquote { background: #f8f8f8; border-left: 10px solid #0055a4;  margin: 0px 30px;  padding: 20px;  font-style: italic;  quotes: "\201C""\201D""\2018""\2019";}
blockquote:before {color: #ccc;  content: open-quote;  font-size: 4em;  line-height: 0.1em;  margin-right: 0.25em;  vertical-align: -0.4em;}
blockquote p {display: inline;} ul.wysiwyg_link_list , .sellingpointblokken ul{list-style: none; margin: 0px; padding: 0px;}
ul.wysiwyg_link_list li, .sellingpointblokken ul li{position: relative; padding: 0px 5px 0px 20px; margin: 0px; width: auto; display: block; width: 48%; display: inline-block; float: left;}
ul.wysiwyg_link_list.single li, .sellingpointblokken.single ul li{padding: 0px 0px 4px 24px; width: 100%;}
ul.wysiwyg_link_list li:before, .sellingpointblokken ul li:before{position: absolute; left: 0px; top: 0px; color:#CBC0D3; content:"\f058"; font-family: "Font Awesome 5 Free"; font-weight: 600;}
.accent ul.wysiwyg_link_list li:before, .accent .sellingpointblokken ul li:before{color:#000;}
ul.wysiwyg_link_list:after, .sellingpointblokken ul:after{display: table; content:""; clear: both;}
.sellingpointblokken .blauw ul li:before{color:#0060aa}
.sellingpointblokken .a ul li{width: 100%;}
.sellingpointblokken ul li{position: relative; padding: 0px 5px 10px 20px;}
ul.simple_wysiwyg_link_list {list-style: none; margin-bottom: 40px; padding-left: 0px;} .wpcf7{max-width: 600px; margin: 30px auto 0px auto;}
.wpcf7 form{position: relative;}
.wpcf7 form:after{display: table; clear: both; content:"";}
.wpcf7 form br{display: none}
.wpcf7:after{content:""; clear: both; display: table;}
.wpcf7 label {width: 50%; display: inline-block; float: left; padding: 10px;}
.wpcf7 label.full, .wpcf7 .wpcf7-acceptance label{width: 100%}
.wpcf7 label.full.gebdate .wpcf7-form-control-wrap{width: 50%; display: inline-block; padding-left: 10px;}
.wpcf7 label.full.gebdate .placeholder{font-weight: 600;}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea{font-family: 'Montserrat', sans-serif;}
.wpcf7 input[type=text],  .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=date]{transition: all .3s ease-out;  font-weight: 600; border: 2px solid #9aaa9e; background: transparent; color:#0b4141; font-size: 14px; line-height: 40px; height: 44px; width: 100%;  text-indent: 10px; }
.wpcf7 input[type=text]:hover,  .wpcf7 input[type=email]:hover, .wpcf7 input[type=tel]:hover, .wpcf7 select:hover{background-color: #fcf6ea}
.wpcf7 select{text-indent: 10px; width: 100%; border: 2px solid #9aaa9e;  font-weight: 600; font-size: 14px; color:#0b4141; height: 46px; background: transparent;}
.wpcf7 textarea{border: 2px solid #9aaa9e; color:#0b4141; font-size: 14px; padding: 10px; width: 100%; }
.wpcf7-submit{ transition: all .3s ease-out;text-transform: uppercase; cursor: pointer; position: relative;left: 50%; transform: translateX(-50%);border: none; background: #0b4141 url(//dehoop-woudrichem.nl/wp-content/themes/dehoop/assets/layout/send.png) center right 15px no-repeat; color:#faf0dc;  font-weight: 700; font-size: 14px;line-height: 44px; padding: 0 52px 0 30px; border-radius: 8px;display: inline-block; margin: 0 10px; }
.wpcf7-submit:hover{background-color: #241e1e;}
.wpcf7-submit:disabled{opacity: .5}
.wpcf7-form-control-wrap{position: relative;}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip{position: absolute; right: 6px; top: 0px; font-size: 11px; color: #87212d}
.wpcf7 form.invalid .wpcf7-response-output{color:#faf0dc; border: none; background: #2a2c2b; padding: 15px; margin-top: 40px; float: left}
.wpcf7 form.sent .wpcf7-response-output{border: none; background: #0b4141; color:#faf0dc;  padding: 15px; margin-top: 40px; float: left; width: 100%;}
.wpcf7-acceptance{margin: 50px 0px 36px; display: block; float: left; }
span.wpcf7-list-item{margin: 0px;}
.wpcf7-spinner{display: none; position: absolute;  bottom: -4px;  left: calc(50% - 24px);}
.submitting .wpcf7-spinner{display: inline-block;}
.submitting .wpcf7-submit {margin-bottom: 30px;}
.wpcf7 p:empty{display: none;}
.wpcf7-form.sent .inline-form label, .wpcf7-form.sent small{display: none;} .locatie{width: 100vw;  left: calc(-50vw + 50%); }
.locatie h3{margin-bottom: 30px;}
.locatie .locatie_details{line-height: 24px; font-size: 16px;}
.acf-map {width: 100%;  height: 400px; border: none; margin: 0px auto;}
.acf-map img {max-width: inherit !important;} .footer{ position: relative;background: #241e1e;  color:#faf0dc; margin-top: 0px;}
.footer a{color:#faf0dc; }
.footer a:hover{color:#fff;}
.footer .top{ padding: 60px 20px;}
.footer .top .row{    max-width: 1390px; margin: 0 auto;font-size: 16px; font-weight: 500; line-height: 26px;}
.footer .top a{display: block;}
.footer-bottom{background: #241e1e;  color:#faf0dc; border-top: 2px solid #faf0dc;  position: relative; text-align: center; padding: 15px 30px; font-weight: 500; font-size: 12px; line-height: 14px; }
.footer-bottom .row{margin: 0px;}
.footer-bottom  span{display: inline-block; margin-right: 10px;}
.footer-bottom  .menu{display: inline-block;}
.footer-bottom ul{margin: 0px; }
.footer-bottom ul li{display: inline-block; padding: 0 1px 0 2px ; line-height: 12px; border-right: 1px solid #faf0dc }
.footer-bottom ul li:last-child{border: none; padding-right: 0;}
.footer-bottom ul li a{text-decoration: none;} @media only screen and (min-width: 1025px) and (max-width: 1200px)  {
.nav ul {margin-right: 10px;}
.nav ul li a{font-size: 16px;}
}
@media only screen and (max-width:1024px)  {
body{font-size: 14px; line-height: 24px;} .header{height: 90px; position: fixed; left: 0; top: 0; width: 100vw; padding: 40px 0 0 0;}
.scroll .header, .no-hero .header {padding: 40px 0 0 0;}
.header_main{padding: 0 20px;}
.header .cta{left: 0; transform: translateX(0); position: absolute;}
.header .cta a{border-radius: 0; display: block; width: 100%; text-align: center; line-height: 24px;}
.logo{height: 40px; width: 50%; margin: 5px 0 0 0;}
.toggle-menu{display: inline-block;} .nav{display: none; position: absolute; width:100vw; background: #241e1e;  left: 0px; top: 90px; height: calc(100vh - 90px);   margin-right: 0px; text-align: left; margin-top: 0px;}
.nav-open .nav{display: block;}
.nav ul{font-size: 16px; margin: 0px; display: block; padding-top: 5px;}
.nav>ul>li{height: auto; margin: 0px; padding:10px 20px; border-bottom: 1px solid #faf0dc;}
.nav ul>li>a{line-height: 30px; }
.nav ul li{display: block;position: relative;}
.nav ul li a{color:#faf0dc; text-decoration: none; font-weight: 600;  font-size: 14px; line-height: 30px;}
.nav ul li a:hover, .nav ul>li>a:hover{color:#faf0dc !important;}
.nav ul>li.contact { position: relative; height: auto; background: none; margin-top: 0px;}
.nav ul>li.contact a {font-weight: 600;  font-size: 14px; line-height: 30px; padding: 0;} .nav ul li.menu-item-has-children>a:after{display: none;}
.nav ul li.menu-item-has-children:after{position: absolute; right: 20px; top: 14px;color:#faf0dc; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f078";}
.nav ul li.menu-item-has-children.open-submenu:after{content: "\f077";}
.nav ul li.menu-item-has-children{position: relative;}
.nav ul li.menu-item-has-children:hover .sub-menu{display:none;}
.nav ul li.menu-item-has-children.open-submenu .sub-menu{display:block !important;}
.nav ul li .sub-menu{display: none; width: calc(100% + 40px);position: relative; left: 0px; top: 0px; background: transparent; text-align: left; padding: 10px 0px 0px 0px; }
.nav ul li .sub-menu li a{margin-left: 20px; color:#faf0dc !important; font-weight: 400;} .col-3,.col-4,.col-6, .col-8, .col-12{width: 100%;}
.form_tekst .col-6{width: 50%;}
.col-6:nth-child(1){padding-right: 0px;}
.col-6:nth-child(2){padding-left: 0px;}
.left_side{width: 100%; padding-right: 0px;}
.right_side{width: 100%;} .fototop{padding-top: 120px}
.fototop .content p{margin-bottom: 10px;}
.fototop_wrapper{  display:flex;   flex-flow: column;}
.fototop_wrapper.rechts .content, .fototop_wrapper.links .content{width: calc(100% - 40px); padding: 35px 30px; margin: -40px 20px 0 ; font-weight: 600; font-size: 18px; line-height: 28px; order:2; -webkit-order: 2; z-index:3}
.fototop_wrapper.rechts .image ,.fototop_wrapper.links .image{position: relative; right: 0; top: 0; width: 100%;  z-index: 2; padding-bottom: 56%; overflow: hidden; order:1; -webkit-order: 1;}
.fototop_wrapper.rechts .image img, .fototop_wrapper.links .image img{position: absolute; width: 100%; height: auto; left: 50%; top: 50%; transform: translate(-50%, -35%)}
.fototop_wrapper .image img{width: 100%; height: auto;}
.fototop_wrapper.rechts .content p:empty{display: none;} .linkblokken.bgcolor:before {width: 100vw; left: calc(-50vw + 50%);}
.link_blokken_wrapper {column-gap: 20px; }
.link_blokken_wrapper .item{width: calc(33.33333% - 15px); }
.link_blokken_wrapper .item .content{padding: 24px 24px 108px 24px; }
.link_blokken_wrapper .item .content strong {font-size: 18px;}
.link_blokken_wrapper .item .content .button{bottom: 24px; left: 24px; right: 24px; margin: 0; line-height: 22px; padding: 10px} .nieuwsoverzicht_wrapper{column-gap: 20px;}
.nieuwsitem_short{width: calc(33.3333% - 15px);}
.nieuwsitem_short .meta .button{bottom: 24px; left: 24px; right: 24px; margin: 0; line-height: 22px; padding: 10px}
.nieuwsitem_short strong{font-size: 18px; }
.nieuwsitem_short .meta{padding: 24px 24px 108px 24px;} .row.dubbele_wysiwyg{ display: block;}
.wysiwyg.bgcolor{padding: 60px 0px;}
.footer .col-4{width: 50%;}
.footer .col-4:nth-child(3){display: none;}
.footer-bottom ul{padding: 0;}
}
@media only screen and (max-width: 768px)  {
.header .cta a {line-height: 30px;    }
a.button {font-size: 14px; line-height: 28px; padding: 10px; margin-right: 0;}
h1 {font-size: 26px;margin-bottom: 18px;line-height: 36px;}
h2{font-size: 24px;margin-bottom: 12px;line-height: 32px;}
h4 , h3{font-size: 22px; line-height: 30px; margin-bottom: 10px;}
.nieuwsoverzicht h3, .blog h3 {font-size: 22px; line-height: 30px} .row {margin-bottom: 60px;}
.row.extra_top {padding-top: 120px !important;}
.left_side{width: 100%; padding-right: 0px;}
.right_side{width: 100%; padding-top: 20px;} .fototop{padding-top: 90px}
.fototop_wrapper{  display:flex;   flex-flow: column;}
.fototop_wrapper.rechts .content, .fototop_wrapper.links .content{width: 100%; padding: 20px 20px; margin: -40px 0 0 ; font-size: 14px; line-height: 24px;}
.fototop_wrapper.rechts .image ,.fototop_wrapper.links .image{left: -20px; width: calc(100% + 40px);}
.fototop a.button {display: block;  text-align: center; margin-right: 0; margin-top: 16px;}
.fototop_wrapper.links {margin-bottom: 0px;} .linkblokken.bgcolor{padding: 60px 0;}
.linkblokken.bgcolor:before {width: 100vw; left: -20px;}
.link_blokken_wrapper {column-gap: 0px; row-gap: 20px;}
.link_blokken_wrapper .item{width: 100%; }
.link_blokken_wrapper .item .content{padding: 24px 24px 80px 24px; } .fotoblok .content{display:flex;   flex-flow: column;}
.fotoblok .image {width: 100%; order: 1; margin-bottom: 30px;}
.fotoblok .image p{margin: 0px; position: relative}
.fotoblok .text{width: 100%; padding: 0; order: 2 }
.fotoblok.rechts .text{padding:0;  }
.fotoblok a.button{margin: 20px 0 0 0; width: 100%; text-align: center;} .nieuwsoverzicht.bgcolor{padding: 60px 0;}
.nieuwsoverzicht_wrapper{column-gap: 0; row-gap: 20px;}
.nieuwsitem_short{width: 100%;}
.wysiwyg.bgcolor h2, .wysiwyg.bgcolor h3, .wysiwyg.bgcolor h4 {margin-top: 0px;}
.row.dubbele_wysiwyg .col.second_col { padding: 20px 0 0 0;}
.row.dubbele_wysiwyg .col.first_col {padding: 0;} .wpcf7 .inline-form label{width: 50%; display: inline-block; vertical-align: top; padding: 0 2px;}
.wpcf7 .inline-form label:nth-child(3){width: 100%;}
.wpcf7-acceptance {margin: 20px 0px 30px;}
.footer .top {padding: 40px 20px;}
.footer .col-4 { width: 100%;    }
.footer .col-4:nth-child(1){padding-bottom: 10px;}
.footer-bottom { padding: 15px 20px; font-size: 13px;  line-height: 19px;}
.footer-bottom .menu {display: block; margin-top: 10px;}
.footer-bottom ul li {display: block; padding: 0 ;line-height: 19px; border-right: none;}
}@font-face {
font-family: 'flexslider-icon';
src: url(//dehoop-woudrichem.nl/wp-content/themes/dehoop/assets/css/fonts/flexslider-icon.eot);
src: url(//dehoop-woudrichem.nl/wp-content/themes/dehoop/assets/css/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(//dehoop-woudrichem.nl/wp-content/themes/dehoop/assets/css/fonts/flexslider-icon.woff) format('woff'), url(//dehoop-woudrichem.nl/wp-content/themes/dehoop/assets/css/fonts/flexslider-icon.ttf) format('truetype'), url(//dehoop-woudrichem.nl/wp-content/themes/dehoop/assets/css/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
font-weight: normal;
font-style: normal;
} .flex-container a:hover,
.flex-slider a:hover {
outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
.flex-pauseplay span {
text-transform: capitalize;
} .flexslider {
margin: 0;
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
.flexslider .slides img {
width: 100%;
display: block;
}
.flexslider .slides:after {
content: "\0020";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .flexslider .slides {
display: block;
}
* html .flexslider .slides {
height: 1%;
}
.no-js .flexslider .slides > li:first-child {
display: block;
} .flexslider {
margin: 0 0 60px;
background: #fff;
border: 4px solid #fff;
position: relative;
zoom: 1;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
zoom: 1;
}
.flexslider .slides img {
height: auto;
-moz-user-select: none;
}
.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {
max-height: 300px;
}
@-moz-document url-prefix() {
.loading .flex-viewport {
max-height: none;
}
}
.carousel li {
margin-right: 5px;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
text-decoration: none;
display: block;
width: 40px;
height: 40px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 0;
cursor: pointer;
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
font-family: "flexslider-icon";
font-size: 40px;
display: inline-block;
content: '\f001';
color: rgba(0, 0, 0, 0.8);
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
content: '\f002';
}
.flex-direction-nav .flex-prev {
left: -50px;
}
.flex-direction-nav .flex-next {
right: -50px;
text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
opacity: 0.7;
left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
opacity: 0.7;
right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
opacity: 1;
}
.flex-direction-nav .flex-disabled {
opacity: 0!important;
filter: alpha(opacity=0);
cursor: default;
z-index: -1;
}
.flex-pauseplay a {
display: block;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
left: 10px;
opacity: 0.8;
z-index: 10;
overflow: hidden;
cursor: pointer;
color: #000;
}
.flex-pauseplay a:before {
font-family: "flexslider-icon";
font-size: 20px;
display: inline-block;
content: '\f004';
}
.flex-pauseplay a:hover {
opacity: 1;
}
.flex-pauseplay a.flex-play:before {
content: '\f003';
}
.flex-control-nav {
width: 100%;
position: absolute;
bottom: -40px;
text-align: center;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width: 11px;
height: 11px;
display: block;
background: #666;
background: rgba(0, 0, 0, 0.5);
cursor: pointer;
text-indent: -9999px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #333;
background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
background: #000;
background: rgba(0, 0, 0, 0.9);
cursor: default;
}
.flex-control-thumbs {
margin: 5px 0 0;
position: static;
overflow: hidden;
}
.flex-control-thumbs li {
width: 25%;
float: left;
margin: 0;
}
.flex-control-thumbs img {
width: 100%;
height: auto;
display: block;
opacity: .7;
cursor: pointer;
-moz-user-select: none;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.flex-control-thumbs img:hover {
opacity: 1;
}
.flex-control-thumbs .flex-active {
opacity: 1;
cursor: default;
} @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
opacity: 1;
left: 10px;
}
.flex-direction-nav .flex-next {
opacity: 1;
right: 10px;
}
}