@charset "UTF-8";
@charset "UTF-8";
.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.a2a_kit a:empty,.a2a_kit a[class^="a2a_button_"]:has(.a2a_s_undefined){display:none}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.site .a2a_kit.addtoany_list a:focus,.addtoany_list a:hover,.widget .addtoany_list a:hover{background:none;border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}.ics-calendar .events,.ics-calendar-month-grid .day,.ics-calendar-month-grid th,.ics-calendar-select{color:var(--r34ics--color--black)}.ics-calendar-month-grid th,.ics-calendar.whitetext .ics-calendar-month-grid .today .day{background:var(--r34ics--color--gainsboro)}.ics-calendar,.r34ics_lightbox{--r34ics--color--ics-red:#dc143c;--r34ics--color--ics-purple:#312a85;--r34ics--color--white:#ffffff;--r34ics--color--whitesmoke:#f0f3f6;--r34ics--color--gainsboro:#d9dcdf;--r34ics--color--darkgray:#a3a8ac;--r34ics--color--gray:#70787f;--r34ics--color--dimgray:#60686f;--r34ics--color--black:#10181f;--r34ics--color--dodgerblue:dodgerblue;--r34ics--color--gold:gold;--r34ics--color--lemonchiffon:lemonchiffon;--r34ics--color--limegreen:limegreen;--r34ics--color--orangered:orangered;--r34ics--color--trans10:rgba(105,105,105,0.1);--r34ics--color--trans20:rgba(105,105,105,0.2);--r34ics--color--trans30:rgba(105,105,105,0.3);--r34ics--color--trans40:rgba(105,105,105,0.4);--r34ics--color--trans50:rgba(105,105,105,0.5);--r34ics--color--trans60:rgba(105,105,105,0.6);--r34ics--color--trans70:rgba(105,105,105,0.7);--r34ics--color--trans80:rgba(105,105,105,0.8);--r34ics--color--trans90:rgba(105,105,105,0.9)}@keyframes r34icsInfiniteRotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ics-calendar{clear:both;display:block;margin:1.5em 0}.ics-calendar:first-child{margin-top:0}.ics-calendar *{box-sizing:border-box}.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_first,.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_last,.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_middle{background-color:var(--r34ics--color--gainsboro);border-bottom:0!important;margin-top:1px;margin-bottom:1px;padding-right:.8em!important;padding-left:.8em!important}.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_first{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:2px!important;padding-left:calc(.8em - 2px)!important}.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_last{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:2px!important;padding-right:calc(.8em - 2px)!important}.ics-calendar .hidden,.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_first .all-day-indicator,.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_last .all-day-indicator,.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td .multiday_middle .all-day-indicator,.ics-calendar.hide_times .events .time,.ics-calendar.hide_times .events .time-inline,.ics-calendar:not(.layout-full) .hidden_in_main,.r34ics_lightbox .r34ics_lightbox_content .descloc_toggle_excerpt{display:none!important}.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td:not(:first-child):not(.d_01) .multiday_last,.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td:not(:first-child):not(.d_01) .multiday_middle{border-left-color:transparent!important;margin-left:-1px!important}.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td:not(:first-child):not(.d_01) .multiday_last>:not(.descloc),.ics-calendar.combinemultiday:not([data-month-table-list-toggle=list]) td:not(:first-child):not(.d_01) .multiday_middle>:not(.descloc){color:transparent!important}.ics-calendar.r34ics_compact{font-size:85%}.ics-calendar.r34ics_compact .ics-calendar-date,.ics-calendar.r34ics_compact .ics-calendar-label{font-size:100%}.ics-calendar .phone_only,.ics-calendar-arrow-nav>.inactive,.ics-calendar-list-wrapper .descloc_toggle_full,.ics-calendar.current_week_only tbody tr,.ics-calendar.r34ics_toggle .event .descloc,.r34ics-ajax-container:not(.loading):before{display:none}.ics-calendar-error{font-style:italic}.ics-calendar.current_week_only tbody tr.current-week{display:table-row}.ics-calendar .events{overflow:visible}.ics-calendar-month-grid .today .day *,.ics-calendar.solidcolors:not(.darkmode) .events,.ics-calendar.solidcolors:not(.darkmode) .events a,.ics-calendar.whitetext:not(.darkmode) .events,.ics-calendar.whitetext:not(.darkmode) .events a{color:var(--r34ics--color--white)}.ics-calendar dl.events{margin:0 0 1.5rem}.ics-calendar dl.events dd,.ics-calendar dl.events dt,.ics-calendar-color-key-header label,.ics-calendar-color-key-item label{margin:0}.ics-calendar.r34ics_compact dl.events{display:grid;grid-template-columns:10em calc(100% - 10em)}.ics-calendar.r34ics_compact dl.events dt{grid-column:1;margin:0!important;padding:2px 10px 2px 0!important;vertical-align:top}.ics-calendar.r34ics_compact dl.events dt[data-feed-color*=rgb]{padding:2px 10px 2px 5px!important}.ics-calendar.r34ics_compact dl.events dd{grid-column:1/span 2;margin:0!important;padding:2px 0!important;vertical-align:top}.ics-calendar.r34ics_compact dl.events dd[data-feed-color*=rgb]{padding:2px 5px!important}.ics-calendar.r34ics_compact dl.events dt~dd{border-left:none!important;grid-column:2}.ics-calendar dl.events dt.time{font-weight:700;padding-top:.5rem}.ics-calendar dl.events dd.event{font-weight:400}.ics-calendar .events .time .end_time{display:inline-block;font-size:90%;font-weight:400}.ics-calendar .event .descloc .descloc_feed_label,.r34ics_lightbox_content .descloc_feed_label{border-bottom:1px solid var(--r34ics--color--trans30);font-weight:600;text-transform:uppercase}.ics-calendar .events .time .show_on_hover{visibility:hidden}.ics-calendar .events .time:focus .show_on_hover,.ics-calendar .events .time:hover .show_on_hover{visibility:visible}.ics-calendar .events .eventdesc [title],.ics-calendar.r34ics_toggle .events .title.has_desc{cursor:pointer}.ics-calendar .events .title.cancelled{text-decoration:line-through}.ics-calendar .event,.ics-calendar-list-wrapper,.ics-calendar-month-wrapper,.ics-calendar-week-wrapper{position:relative;z-index:1}.ics-calendar .event:focus,.ics-calendar .event:focus-within,.ics-calendar .event:hover{z-index:5!important}.ics-calendar .event,.ics-calendar .event *{transition:none!important}.ics-calendar .event *{-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.ics-calendar .event .descloc{display:block;font-size:85%;font-weight:400;line-height:1.5em}.ics-calendar .event .descloc *{font-size:100%;letter-spacing:0;line-height:1.5em;text-align:left}.ics-calendar .event .descloc>:last-child,.ics-calendar .event .eventdesc>:last-child{margin-bottom:0}.ics-calendar .event_status,.ics-calendar-list-wrapper .descloc_toggle_excerpt,.ics-calendar.r34ics_toggle .event.open .descloc{display:block}.ics-calendar .event .descloc div{margin:0 0 .5em}.ics-calendar .event .descloc .attach,.ics-calendar .event .descloc .attach div{margin:.5em 0}.ics-calendar .event .descloc .attach_float{float:right;margin:0 0 1em 1em;max-width:40%;position:relative}.ics-calendar .event .descloc .attach_float img{display:block;height:auto;max-width:100%}.ics-calendar .event .descloc .descloc_feed_label{font-size:90%;padding-bottom:2px}.ics-calendar .event[data-feed-color] .descloc.hover_block .descloc_feed_label:before{background-color:var(--r34ics--color--trans30);border-radius:8px;content:'';display:inline-block;height:8px;margin-right:.5em;vertical-align:middle;width:8px}.r34ics_lightbox_content .descloc_feed_label{border-left:6px solid var(--r34ics--color--trans30);font-size:75%;margin-bottom:.75rem;padding-left:8px}.ics-calendar .event .descloc .organizer_email{background:url(//www.hetstreek.nl/wp-content/plugins/ics-calendar/assets/icon-mail.svg) left center/10px 10px no-repeat;display:block;padding-left:14px}.ics-calendar .event_status.event_status_cancelled{font-size:85%;font-weight:700;text-transform:uppercase}.ics-calendar-select{float:right;font-size:80%;margin:.5em 0 .5em .5em;max-width:200px;min-width:200px;position:relative;width:200px;z-index:2}.ics-calendar-arrow-nav{clear:both;display:block;margin:0}.ics-calendar-arrow-nav:after{clear:both;content:'';display:table}.ics-calendar-arrow-nav>*{margin:.5em 0;-moz-user-select:none;-webkit-user-select:none;user-select:none}.ics-calendar-arrow-nav>.prev{cursor:w-resize;float:left}.ics-calendar-arrow-nav>.today{cursor:s-resize;float:right;margin-right:1.5rem}.ics-calendar-arrow-nav>.next{cursor:e-resize;float:right}.ics-calendar-basic-wrapper ul.events{list-style:none;margin:0;padding:0}.ics-calendar-basic-wrapper ul.events li{clear:both;margin:0 0 1rem}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper ul.events li{display:flex;flex-direction:row}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date{align-self:flex-start;background:var(--r34ics--color--trans10);border:2px solid var(--r34ics--color--trans40);border-radius:4px;display:inline-block;margin:0 8px 8px 0;padding:4px 8px;text-align:center}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date.multiday{align-items:center;display:flex;flex-direction:column}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date .time-inline,.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format]{display:block!important;font-size:70%!important;line-height:1.3em!important}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format='d'],.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format='j']{font-size:210%!important;font-weight:800;line-height:1em!important;width:2em}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format='F'],.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format='M'],.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format='m'],.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date [data-date-format='n']{font-weight:600}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .date.multiday .multiday-sep{font-size:210%;line-height:.5em}.ics-calendar-color-key.inline .ics-calendar-color-key-item,.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper .event-info{display:inline-block}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper ul.events .event .title{font-weight:700}.ics-calendar:not(.nostyle) .ics-calendar-basic-wrapper ul.events .event .time{font-size:80%;font-weight:400}.ics-calendar-list-wrapper .ics-calendar-label{margin:.5em 0 .25em!important}.ics-calendar-list-wrapper .ics-calendar-date{margin:.5em 0 .25em}.ics-calendar-list-wrapper .events .sublabel{display:block;font-size:75%;font-weight:400;line-height:1.5em}.ics-calendar-list-wrapper .event{clear:both}.ics-calendar.r34ics_toggle .ics-calendar-list-wrapper .events .title.has_desc{text-decoration:underline}.ics-calendar-list-wrapper .time-inline{display:inline-block;font-size:80%;font-weight:400}.ics-calendar-paginate-wrapper{clear:both;display:flex;flex-direction:row;justify-content:space-between;margin:1.5rem 0;width:100%}.ics-calendar-paginate.prev{align-self:flex-start}.ics-calendar-paginate.next{align-self:flex-end;margin-left:auto}.ics-calendar-label{clear:none!important;margin:0!important}.ics-calendar-month-grid{background-color:var(--r34ics--color--white);border-collapse:collapse;line-height:1.5em;margin:.5em 0;table-layout:fixed;width:100%}.ics-calendar.whitetext .ics-calendar-month-grid{background-color:var(--r34ics--color--black)}.ics-calendar-month-grid td,.ics-calendar-month-grid th{border:1px solid var(--r34ics--color--gainsboro);font-size:70%;overflow:visible;text-align:left;vertical-align:top;width:auto;z-index:1}.ics-calendar-month-grid td:focus,.ics-calendar-month-grid td:focus-within,.ics-calendar-month-grid td:hover,.ics-calendar-month-grid th:focus,.ics-calendar-month-grid th:focus-within,.ics-calendar-month-grid th:hover{position:relative;z-index:2}.ics-calendar-month-grid th{padding:.5em .8em .2em!important;text-align:center;text-transform:uppercase}.ics-calendar.whitetext .ics-calendar-month-grid .day,.ics-calendar.whitetext .ics-calendar-month-grid .off,.ics-calendar.whitetext .ics-calendar-month-grid th{background:var(--r34ics--color--dimgray)}.ics-calendar-month-grid th.week-number{padding:.2em!important;text-align:center;white-space:nowrap;width:2em!important}.ics-calendar-month-grid td{height:9em;padding:0!important}.ics-calendar.r34ics_compact .ics-calendar-month-grid td{height:4.5em}.ics-calendar-month-grid .day{background:var(--r34ics--color--whitesmoke);font-weight:700;padding:.2em .8em}.ics-calendar-month-grid .off{background:var(--r34ics--color--whitesmoke);color:var(--r34ics--color--gray)!important}.ics-calendar-month-grid .today .day{background:var(--r34ics--color--gray)}.ics-calendar.whitetext .ics-calendar-month-grid .today .day *{color:var(--r34ics--color--black)!important}.ics-calendar-month-grid ul.events{list-style:none!important;margin:0;padding:0}.ics-calendar-month-grid ul.events li{border-bottom:1px solid var(--r34ics--color--gainsboro);list-style:none!important;margin:0;padding:.4em .8em}.ics-calendar-month-grid ul.events li.all-day{font-weight:700;padding:.4em .8em}.ics-calendar-month-grid ul.events>li:last-of-type{border-bottom:0}.ics-calendar-month-grid .events .all-day-indicator{display:block;font-size:80%;font-weight:400;line-height:1.5em;text-transform:uppercase}.ics-calendar-month-grid .events .time{display:block;font-size:90%;font-weight:700;line-height:1.5em}.ics-calendar-month-grid .events .title{display:block;font-size:100%!important;line-height:1.5em}.ics-calendar-month-grid .events .sublabel{display:block;font-size:60%;font-weight:400;line-height:1.5em;text-transform:uppercase}.ics-calendar-color-key{clear:both;display:block;font-size:85%;margin:0 0 1.5em}.ics-calendar-color-key-header,.ics-calendar-color-key-item{border-left:4px solid transparent;line-height:2em;padding:.1em .5em}.ics-calendar-color-key-header label input[type=checkbox],.ics-calendar-color-key-item label input[type=checkbox]{vertical-align:baseline}.ics-calendar table tbody tr{background:0 0!important}.ics-calendar.darkmode .ics-calendar-select,.ics-calendar.solidcolors:not(.darkmode) .ics-calendar-color-key,.ics-calendar.whitetext:not(.darkmode) :not(.ics-calendar-select){color:var(--r34ics--color--white)!important}.r34ics-ajax-container.loading{display:block;height:75vh;position:relative;width:100%}.r34ics-ajax-container[data-view-is-list-style='1'].loading{height:7.5rem}.r34ics-ajax-container[data-view-is-list-long='1'].loading{height:50vh}.r34ics-ajax-container.loading:before{animation:2s linear infinite r34icsInfiniteRotate;background-image:url('data:image/svg+xml;utf8,');background-size:contain;border:none;content:'';cursor:pointer;display:inline-block;height:24px;opacity:.5;overflow:hidden;position:absolute;top:calc(50% - 12px);left:calc(50% - 12px);text-indent:-999px;vertical-align:middle;width:24px}.ics-calendar.whitetext .r34ics-ajax-container.loading:before{background-image:url('data:image/svg+xml;utf8,')}button:not(.components-button):not([role=presentation]).r34ics_event_ics_download,button:not(.components-button):not([role=presentation]).r34ics_event_ics_download:focus,button:not(.components-button):not([role=presentation]).r34ics_event_ics_download:hover{background:url('data:image/svg+xml;utf8,') left center/16px no-repeat;border:none;border-radius:0;color:inherit!important;cursor:pointer;display:inline-block;font-size:10px;height:16px;line-height:10px;margin:5px 0;overflow:hidden;padding:0 0 0 20px;position:relative;vertical-align:baseline;width:auto}button:not(.components-button):not([role=presentation]).r34ics_event_ics_download.minimal,button:not(.components-button):not([role=presentation]).r34ics_event_ics_download.minimal:focus,button:not(.components-button):not([role=presentation]).r34ics_event_ics_download.minimal:hover{padding:0;text-indent:-999px;width:16px}.ics-calendar.whitetext button:not(.components-button):not([role=presentation]).r34ics_event_ics_download,.ics-calendar.whitetext button:not(.components-button):not([role=presentation]).r34ics_event_ics_download:focus,.ics-calendar.whitetext button:not(.components-button):not([role=presentation]).r34ics_event_ics_download:hover{background-image:url('data:image/svg+xml;utf8,')}.r34ics_lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.r34ics_lightbox.open{background:var(--r34ics--color--trans50);display:block;z-index:999999}.r34ics_lightbox .r34ics_lightbox_inner{height:80%;max-height:600px;max-width:800px;overflow:visible;position:absolute;top:50%;right:auto;bottom:auto;left:50%;transform:translate(-50%,-50%);width:80%}.r34ics_lightbox .r34ics_lightbox_close{background-color:var(--r34ics--color--black);border-radius:100%;box-shadow:3px 3px 9px var(--r34ics--color--trans50);color:var(--r34ics--color--white);cursor:pointer;font-size:28px;height:44px;line-height:40px;position:absolute;top:-22px;right:-22px;bottom:auto;left:auto;text-align:center;width:44px;z-index:2}.r34ics_lightbox .r34ics_lightbox_content{background:var(--r34ics--color--white);box-shadow:3px 3px 9px var(--r34ics--color--trans50);color:var(--r34ics--color--black);overflow-x:hidden;overflow-y:auto;padding:1.5em;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.r34ics_lightbox .r34ics_lightbox_content .title_in_hover_block{font-size:150%;font-weight:700;margin-bottom:.5em}.r34ics_lightbox .r34ics_lightbox_content .date_in_hover_block,.r34ics_lightbox .r34ics_lightbox_content .time_in_hover_block{font-size:120%;font-weight:500;margin-bottom:.5em}@media screen and (min-width:783px){.ics-calendar .event .hover_block{background:var(--r34ics--color--white);border:1px solid var(--r34ics--color--darkgray);box-shadow:2px 2px 5px var(--r34ics--color--trans20);display:none;padding:.4em .6em;position:absolute;top:2em;left:3em}.ics-calendar.solidcolors:not(.darkmode) .event .hover_block,.ics-calendar.whitetext:not(.darkmode) .event .hover_block{background:var(--r34ics--color--dimgray)}.ics-calendar:not([data-month-table-list-toggle=list]) .event .hover_block{max-height:30em;max-width:25em;min-width:15em;overflow-y:auto;width:250%}.ics-calendar td:last-child:not(:first-child) .event .hover_block,.ics-calendar td:nth-of-type(n+5) .event .hover_block{right:3em;left:auto}.ics-calendar tbody tr:nth-of-type(n+3) td .event .hover_block{top:auto;bottom:1em}.ics-calendar .event .has_desc:focus~.hover_block,.ics-calendar .event .has_desc:hover~.hover_block,.ics-calendar .event .hover_block:focus,.ics-calendar .event .hover_block:focus-within,.ics-calendar .event .hover_block:hover{display:block!important}.ics-calendar .hover_block .date_in_hover_block,.ics-calendar .hover_block .time_in_hover_block,.ics-calendar .hover_block .title_in_hover_block{display:block;font-weight:700}.ics-calendar .hover_block .title_in_hover_block{font-size:125%}.ics-calendar.monthnav-compact .ics-calendar-label{display:none}.ics-calendar.monthnav-compact .ics-calendar-select{float:none;left:50%;transform:translateX(-50%);top:-3em}.ics-calendar.monthnav-compact .ics-calendar-month-wrapper{margin-top:-1.5em}}@media screen and (max-width:1024px){.ics-calendar-month-grid td{height:7.5em}}@media screen and (max-width:782px){body:not(#tinymce) .ics-calendar:not(.nomobile) .no_phone{display:none!important}body:not(#tinymce) .ics-calendar.nomobile .no_phone:not(.hidden):not(.no_phone_important),body:not(#tinymce) .ics-calendar:not(.nomobile) .phone_only:not(.hidden){display:inherit!important}.ics-calendar:not(.nomobile) .ics-calendar-month-grid .day *,body:not(#tinymce) .ics-calendar:not(.nomobile) .phone_only.inline_block:not(.hidden){display:inline-block!important}.ics-calendar-select{float:none;margin:0 0 1em;width:100%}.ics-calendar:not(.nomobile) .ics-calendar-month-grid{margin-bottom:1.5em}.ics-calendar:not(.nomobile) .ics-calendar-month-grid,.ics-calendar:not(.nomobile) .ics-calendar-month-grid tbody,.ics-calendar:not(.nomobile) .ics-calendar-month-grid td,.ics-calendar:not(.nomobile) .ics-calendar-month-grid th,.ics-calendar:not(.nomobile) .ics-calendar-month-grid tr{border:none;display:block;font-size:100%;width:100%}.ics-calendar .hover_block .time_in_hover_block,.ics-calendar .hover_block .title_in_hover_block,.ics-calendar.layout-month:not(.nomobile):not(.show-past-events) .past,.ics-calendar.monthnav-compact .ics-calendar-label,.ics-calendar.nomobile .ics-calendar-month-grid .events .day>.phone_only,.ics-calendar:not(.nomobile) .ics-calendar-month-grid .empty,.ics-calendar:not(.nomobile) .ics-calendar-month-grid .off,.ics-calendar:not(.nomobile) .ics-calendar-month-grid th.week-number,.ics-calendar:not(.nomobile) .ics-calendar-month-grid thead,.ics-calendar:not(.nomobile) .ics-calendar-month-grid tr.next-week,.ics-calendar:not(.nomobile) .ics-calendar-month-grid tr.previous-week,.ics-calendar:not(.nomobile):not(.show-past-events) .ics-calendar-month-grid .past{display:none}.ics-calendar:not(.show-past-events):not(.month_list_all) .ics-calendar-month-wrapper.past .past.has_events{display:block!important}.ics-calendar:not(.nomobile) .ics-calendar-month-grid .day{padding:.5em .8em}.ics-calendar:not(.nomobile) .ics-calendar-month-grid td{height:auto}.ics-calendar:not(.nomobile) .ics-calendar-month-grid ul.events li{border-bottom:none}.ics-calendar:not(.nomobile) .ics-calendar-month-grid .events .all-day-indicator,.ics-calendar:not(.nomobile) .ics-calendar-month-grid .events .sublabel{font-size:75%}.ics-calendar:not(.nomobile) .ics-calendar-month-grid .events .time{font-size:100%}.ics-calendar:not(.nomobile) .ics-calendar-month-grid .events .time .show_on_hover{visibility:visible}.ics-calendar:not(.nomobile) .ics-calendar-month-grid .events .title{font-size:100%!important}.ics-calendar-month-grid td{height:6em}.ics-calendar.nomobile .ics-calendar-month-wrapper,.ics-calendar.nomobile .ics-calendar-week-wrapper{overflow-x:scroll}.ics-calendar.nomobile:not(.r34ics_compact_mobile):not(.r34ics_compact) .ics-calendar-month-wrapper .ics-calendar-month-grid,.ics-calendar.nomobile:not(.r34ics_compact_mobile):not(.r34ics_compact) .ics-calendar-week-wrapper .ics-calendar-month-grid{min-width:700px}.ics-calendar.nomobile.r34ics_compact .ics-calendar-month-wrapper .ics-calendar-month-grid,.ics-calendar.nomobile.r34ics_compact .ics-calendar-week-wrapper .ics-calendar-month-grid,.ics-calendar.nomobile.r34ics_compact_mobile .ics-calendar-month-wrapper .ics-calendar-month-grid,.ics-calendar.nomobile.r34ics_compact_mobile .ics-calendar-week-wrapper .ics-calendar-month-grid{font-size:80%!important;min-width:100%}.ics-calendar.nomobile.r34ics_compact .ics-calendar-month-wrapper .ics-calendar-month-grid td .events,.ics-calendar.nomobile.r34ics_compact .ics-calendar-week-wrapper .ics-calendar-month-grid td .events,.ics-calendar.nomobile.r34ics_compact_mobile .ics-calendar-month-wrapper .ics-calendar-month-grid td .events,.ics-calendar.nomobile.r34ics_compact_mobile .ics-calendar-week-wrapper .ics-calendar-month-grid td .events{height:6.5em!important;overflow:auto!important}.ics-calendar-color-key{max-width:100%}}@media print{.ics-calendar .button.subscribe,.ics-calendar .descloc,.ics-calendar input,.ics-calendar select,.ics-calendar table .descloc .time_in_hover_block,.ics-calendar table .descloc .title_in_hover_block,.ics-calendar textarea{display:none!important}.ics-calendar table td,.ics-calendar table th{background:var(--r34ics--color--white)!important;border:1px solid var(--r34ics--color--gainsboro)!important}.ics-calendar table td *,.ics-calendar table th *{background:var(--r34ics--color--white)!important;border:none!important;color:var(--r34ics--color--black)!important}.ics-calendar table .descloc{display:block!important}}
.lepopup-html-noscroll {
overflow: hidden !important;
}
.lepopup-form .fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lepopup-form .fas, .lepopup-form .far {
font-family: "Font Awesome 5 Free" !important;
}
.lepopup-form .fas {
font-weight: 900 !important;
}
.lepopup-form .far {
font-weight: 400 !important;
}
.lepopup-form .fab {
font-family: "Font Awesome 5 Brands" !important;
font-weight: 400 !important;
}
.lepopup-popup-container {
display: none;
}
.lepopup-popup-container .lepopup-form {
position: fixed !important;
z-index: 1000001;
text-align: left; }
.lepopup-popup-container .lepopup-form-position-top-left {
top: 16px !important;
left: 16px !important;
transform: translate(0, 0);
}
.lepopup-popup-container .lepopup-form-position-top-center {
top: 16px !important;
left: 50% !important;
transform: translate(-50%, 0);
}
.lepopup-popup-container .lepopup-form-position-top-right {
top: 16px !important;
right: 16px !important;
transform: translate(0, 0);
}
.lepopup-popup-container .lepopup-form-position-middle-left {
left: 16px !important;
top: 50% !important;
transform: translate(0, -50%);
}
.lepopup-popup-container .lepopup-form-position-middle-center {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
}
.lepopup-popup-container .lepopup-form-position-middle-right {
right: 16px !important;
top: 50% !important;
transform: translate(0, -50%);
}
.lepopup-popup-container .lepopup-form-position-bottom-left {
bottom: 16px !important;
left: 16px !important;
transform: translate(0, 0);
}
.lepopup-popup-container .lepopup-form-position-bottom-center {
bottom: 16px !important;
left: 50% !important;
transform: translate(-50%, 0);
}
.lepopup-popup-container .lepopup-form-position-bottom-right {
bottom: 16px !important;
right: 16px !important;
transform: translate(0, 0);
}
.lepopup-form-page-closed .lepopup-element {
animation-duration: 500ms !important;
animation-delay: 0ms !important;
}
.lepopup-form-inner {
position: relative;
}
.lepopup-inline {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box;
margin: 0 auto;
}
.lepopup-inline>.lepopup-form {
margin: 0 auto;
}
.lepopup-element {
clear: both;
line-height: 1.4;
position: absolute !important;
}
.lepopup-element:before {
content: " ";
display: block;
}
.lepopup-element:after {
content: ".";
display: block;
font-size: 1px;
line-height: 0px;
visibility: hidden;
}
.lepopup-row.lepopup-element {
padding: 0 !important;
}
.lepopup-row.lepopup-element::after {
display: table;
content: ' ';
clear: both;
}
.lepopup-col {
float: left;
min-height: 1px;
}
.lepopup-collapsed .lepopup-col {
width: 100% !important;
}
.lepopup-collapsed .lepopup-cr-container {
width: 100% !important;
}
.lepopup-collapsed .lepopup-button {
display: block !important;
}
.lepopup-collapsed .lepopup-element-label-left .lepopup-column-label, .lepopup-collapsed .lepopup-element-label-left .lepopup-column-input {
width: 100%;
}
.lepopup-collapsed .lepopup-element-label-right .lepopup-column-label, .lepopup-collapsed .lepopup-element-label-right .lepopup-column-input {
width: 100%;
}
.lepopup-col .lepopup-element:first-of-type {
margin-top: 0;
}
.lepopup-col .lepopup-element:last-of-type {
margin-bottom: 0;
}
.lepopup-col-1 {
width: 8.33333333%;
}
.lepopup-col-2 {
width: 16.66666666%;
}
.lepopup-col-3 {
width: 25%;
}
.lepopup-col-4 {
width: 33.33333333%;
}
.lepopup-col-5 {
width: 41.66666666%;
}
.lepopup-col-6 {
width: 50%;
}
.lepopup-col-7 {
width: 58.33333333%;
}
.lepopup-col-8 {
width: 66.66666666%;
}
.lepopup-col-9 {
width: 75%;
}
.lepopup-col-10 {
width: 83.33333333%;
}
.lepopup-col-11 {
width: 91.66666666%;
}
.lepopup-col-12 {
width: 100%;
}
.lepopup-inherited {
display: block !important;
height: 100% !important;
white-space: nowrap;
box-sizing: border-box !important;
padding: 0 !important;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
.lepopup-inherited::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
padding-top: 3px;
}
.lepopup-inherited-red, .lepopup-inherited-red:visited {
border: 1px solid #B20000;
background-color: rgb(255,48,25);
background-image: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
}
.lepopup-inherited-green, .lepopup-inherited-green:visited {
border: 1px solid #307818;
background-color: rgb(72,180,36);
background-image: linear-gradient(to bottom, rgba(72,180,36,1) 0%,rgba(48,120,24,1) 100%);
}
.lepopup-inherited-blue, .lepopup-inherited-blue:visited {
border: 1px solid #306090;
background-color: rgb(40,80,200);
background-image: linear-gradient(to bottom, rgba(40,80,200,1) 0%,rgba(30,47,144,1) 100%);
}
.lepopup-inherited-yellow, .lepopup-inherited-yellow:visited {
border: 1px solid #E5A904;
background-color: rgb(255,210,90);
background-image: linear-gradient(to bottom, rgba(255,210,90,1) 0%,rgba(255,190,0,1) 100%);
}
.lepopup-inherited-orange, .lepopup-inherited-orange:visited {
border: 1px solid #E56E0D;
background-color: rgb(255,170,78);
background-image: linear-gradient(to bottom, rgba(255,170,78,1) 0%,rgba(255,120,10,1) 100%);
}
.lepopup-inherited-pink, .lepopup-inherited-pink:visited {
border: 1px solid #CC026A;
background-color: rgb(255,90,170);
background-image: linear-gradient(to bottom, rgba(255,90,170,1) 0%,rgba(240,0,120,1) 100%);
}
.lepopup-inherited-black, .lepopup-inherited-black:visited {
border: 1px solid #000000;
background-color: rgb(72,72,72);
background-image: linear-gradient(to bottom, rgba(72,72,72,1) 0%,rgba(10,10,10,1) 100%);
}
.lepopup-inherited-red:hover, .lepopup-inherited-red:focus, .lepopup-inherited-red:active,
.lepopup-inherited-green:hover, .lepopup-inherited-green:focus, .lepopup-inherited-green:active,
.lepopup-inherited-blue:hover, .lepopup-inherited-blue:focus, .lepopup-inherited-blue:active,
.lepopup-inherited-yellow:hover, .lepopup-inherited-yellow:focus, .lepopup-inherited-yellow:active,
.lepopup-inherited-pink:hover, .lepopup-inherited-pink:focus, .lepopup-inherited-pink:active,
.lepopup-inherited-black:hover, .lepopup-inherited-black:focus, .lepopup-inherited-black:active,
.lepopup-inherited-orange:hover, .lepopup-inherited-orange:focus, .lepopup-inherited-orange:active {
background-image: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%);
}
.lepopup-element * {
font-family: inherit;
font-size: 15px;
font-weight: normal;
box-sizing: border-box;
}
.lepopup-element form {
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
outline: none !important;
box-shadow: none !important;
}
.lepopup-element .lepopup-input:after {
content: ".";
display: block;
font-size: 1px;
line-height: 0px;
visibility: hidden;
clear: both;
}
.lepopup-element-error:before,
.lepopup-uploader-error:before {
content: ' ';
background: inherit;
position: absolute;
width: 8px;
height: 8px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
z-index: 799;
margin-top: -3px;
margin-left: 5px;
}
.lepopup-element-error,
.lepopup-uploader-error {
background: red;
position: absolute;
line-height: 1.4;
z-index: 800;
border-radius: 4px;
margin-top: 5px;
display: none;
padding: 0;
left: 0;
margin-bottom: -5px;
box-shadow: 1px 1px 10px -4px #000;
}
.lepopup-element-error span,
.lepopup-uploader-error span {
padding: 0.3em 0.7em;
font-size: inherit;
font-family: inherit;
color: inherit;
display: inline-block;
}
.lepopup-element label.lepopup-label {
line-height: 1em;
margin: 0 0 0.4em 0;
font-size: 16px;
display: block;
}
.lepopup-form .lepopup-element-label-left .lepopup-column-label {
padding-right: 0.5em;
}
.lepopup-form .lepopup-element-label-left .lepopup-column-label, .lepopup-form .lepopup-element-label-left .lepopup-column-input {
float: left;
}
.lepopup-form .lepopup-element-label-right .lepopup-column-label {
padding-left: 0.5em;
}
.lepopup-form .lepopup-element-label-right .lepopup-column-label, .lepopup-form .lepopup-element-label-right .lepopup-column-input {
float: right;
}
.lepopup-form .lepopup-element-label-none .lepopup-column-label {
display:none !important;
}
.lepopup-element label.lepopup-description {
line-height: 1em;
margin: 0.4em 0 0 0;
padding: 0;
font-size: 14px;
color: #888;
display: block;
}
.lepopup-form-description-none .lepopup-element label.lepopup-description {
display:none;
}
.lepopup-form .lepopup-element-description-none label.lepopup-description {
display:none !important;
}
.lepopup-form .lepopup-element-description-bottom label.lepopup-description {
display:block !important;
}
.lepopup-form .lepopup-element-label-none label.lepopup-description,
.lepopup-form .lepopup-element-label-top label.lepopup-description {
margin-left:0 !important;margin-right:0 !important;
}
.lepopup-element div.lepopup-input {
position: relative;
}
.lepopup-input div.airdatepicker {
z-index: 1000;
}
.lepopup-element div.lepopup-input {
height: inherit;
line-height: auto;
}
.lepopup-element div.lepopup-input ::placeholder{
font-size: inherit;
}
.lepopup-element div.lepopup-input input[type="text"],
.lepopup-element div.lepopup-input input[type="email"],
.lepopup-element div.lepopup-input input[type="password"],
.lepopup-element div.lepopup-input select,
.lepopup-element div.lepopup-input textarea {
border-spacing: 0;
vertical-align: top;
outline: none;
box-sizing: border-box;
box-shadow: none;
padding: 0 1em !important;
margin: 0;
min-width: 0px;
max-width: 100%;
min-height: 20px;
width: 100%;
height: 100%;
line-height: inherit;
transition-property: border, background, color, box-shadow;
-webkit-transition-property: border, background, color, box-shadow;
transition-duration: .3s;
-webkit-transition-duration: .3s;
}
.lepopup-element div.lepopup-input textarea {
padding-top: 0.5em !important;
padding-bottom: 0.5em;
}
.lepopup-element div.lepopup-input.lepopup-icon-left input[type="text"],
.lepopup-element div.lepopup-input.lepopup-icon-left input[type="email"],
.lepopup-element div.lepopup-input.lepopup-icon-left input[type="password"],
.lepopup-element div.lepopup-input.lepopup-icon-left textarea {
padding-left: 48px !important;
}
.lepopup-element div.lepopup-input.lepopup-icon-right input[type="text"],
.lepopup-element div.lepopup-input.lepopup-icon-right input[type="email"],
.lepopup-element div.lepopup-input.lepopup-icon-right input[type="password"],
.lepopup-element div.lepopup-input.lepopup-icon-right textarea {
padding-right: 48px !important;
}
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left input[type="text"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left input[type="email"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left input[type="password"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left textarea {
padding-left: 1em !important;
margin-left: 40px;
width: calc(100% - 40px);
}
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-right input[type="text"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-right input[type="email"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-right input[type="password"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-right textarea {
padding-right: 1em !important;
margin-right: 40px;
width: calc(100% - 40px);
}
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left.lepopup-icon-right input[type="text"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left.lepopup-icon-right input[type="email"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left.lepopup-icon-right input[type="password"],
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left.lepopup-icon-right textarea {
width: calc(100% - 80px);
}
.lepopup-element div.lepopup-input>i {
position: absolute;
line-height: inherit;
width: 40px;
text-align: center;
font-size: 16px;
z-index: 102;
}
.lepopup-form-icon-outside .lepopup-element div.lepopup-input>i {
width: 40px;
} .lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-left+label.lepopup-description {
padding-left: 40px;
}
.lepopup-form-icon-outside .lepopup-element div.lepopup-input.lepopup-icon-right+label.lepopup-description {
padding-right: 40px;
}
.lepopup-element div.lepopup-input>i.lepopup-icon-left {
top: 0;
left: 0;
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.lepopup-element div.lepopup-input>i.lepopup-icon-right {
top: 0;
right: 0;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.lepopup-form-icon-inside .lepopup-element div.lepopup-input>i.lepopup-icon-left, .lepopup-form-icon-inside .lepopup-element div.lepopup-input>i.lepopup-icon-right {
display: table;
line-height: initial;
height: 100%;
}
.lepopup-form-icon-inside .lepopup-element div.lepopup-input>i.lepopup-icon-left::before, .lepopup-form-icon-inside .lepopup-element div.lepopup-input>i.lepopup-icon-right::before {
display: table-cell;
vertical-align: middle;
}
.lepopup-element .lepopup-button {
display: inline-block;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
transition-property: border, background, color, box-shadow, width, height, font-size;
-webkit-transition-property: border, background, color, box-shadow, width, height, font-size;
transition-duration: .3s;
-webkit-transition-duration: .3s;
outline: none;
overflow: hidden;
display: block !important;
height: 100% !important;
white-space: nowrap;
box-sizing: border-box !important;
padding: 0 !important;
}
.lepopup-element .lepopup-button::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lepopup-element .lepopup-button-full {
display: block;
}
.lepopup-element .lepopup-button.lepopup-button-tiny {
height: 20px;
line-height: 20px;
padding: 0 10px;
}
.lepopup-element .lepopup-button.lepopup-button-small {
height: 30px;
line-height: 30px;
padding: 0 15px;
}
.lepopup-element .lepopup-button.lepopup-button-medium {
height: 40px;
line-height: 40px;
padding: 0 20px;
}
.lepopup-element .lepopup-button.lepopup-button-large {
height: 50px;
line-height: 50px;
padding: 0 25px;
}
.lepopup-element .lepopup-button.lepopup-button-huge {
height: 60px;
line-height: 60px;
padding: 0 30px;
}
.lepopup-element .lepopup-button i {
font-size: inherit;
color: inherit;
width: 1em;
margin: 0 0.5em 0 0;
line-height: inherit;
display: inline-block;
vertical-align: middle;
transform: translateY(-1px);
text-align: center;
}
.lepopup-element .lepopup-button span+i {
margin: 0 0 0 0.5em;
text-align: right;
}
.lepopup-element .lepopup-button span {
font-size: inherit;
font-weight: inherit;
font-style: inherit;
color: inherit;
padding: 0;
margin: 0;
text-decoration: inherit;
white-space: nowrap;
-webkit-user-select: none;
user-select: none;
outline: none;
line-height: inherit;
vertical-align: middle;
display: contents;
display: inline-block; }
.lepopup-element .lepopup-button.lepopup-button-zoom-in:active {
transform: scale(1.02);
-webkit-transform: scale(1.02);
}
.lepopup-element .lepopup-button.lepopup-button-zoom-out:active {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
.lepopup-element .lepopup-button.lepopup-button-shift-down:active {
transform:translateY(2px);
-webkit-transform:translateY(2px);
}
.lepopup-element .lepopup-button-disabled {
transform:none !important;
-webkit-transform:none !important;
opacity:0.7 !important;
}
.lepopup-element-html {
min-height: 20px;
min-width: 20px;
overflow-x: hidden;
overflow-y: hidden;
box-sizing: border-box;
}
.lepopup-element-rectangle {
overflow-x: hidden;
overflow-y: hidden;
box-sizing: border-box;
}
.lepopup-element-html-content {
position: relative;
line-height: inherit;
}
.lepopup-element-html-content iframe {
width: 100%;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
}
.lepopup-element-html-scrollable {
overflow-x: hidden;
overflow-y: scroll;
scrollbar-color: rgba(0,0,0,0.1) rgba(0,0,0,0.05);
scrollbar-width: thin;
-ms-overflow-style: none;
}
.lepopup-element-html-scrollable::-webkit-scrollbar {
width: 5px;
}
.lepopup-element-html-scrollable::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.05);
}
.lepopup-element-html-scrollable::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.1);
}
.lepopup-element-html strong, .lepopup-element-html b {
font-weight: 700;
font-size: inherit;
color: inherit;
text-shadow: none;
}
.lepopup-element-html em, .lepopup-element-html i {
font-style: italic;
font-size: inherit;
color: inherit;
text-shadow: none;
}
.lepopup-element-html span {
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
text-shadow: none;
}
.lepopup-element-html h1,
.lepopup-element-html h2,
.lepopup-element-html h3,
.lepopup-element-html h4,
.lepopup-element-html h5,
.lepopup-element-html h6 {
font-weight: 700;
margin: 0.4em 0;
padding: 0;
line-height: 1.475;
text-shadow: none;
}
.lepopup-element-html h1 {
font-size: 32px
}
.lepopup-element-html h2 {
font-size: 24px
}
.lepopup-element-html h3 {
font-size: 20px
}
.lepopup-element-html h4 {
font-size: 18px
}
.lepopup-element-html h5 {
font-size: 16px
}
.lepopup-element-html h6 {
font-size: 14px
}
.lepopup-element-html p {
line-height: 1.475;
padding: 0;
margin: 0.4em 0;
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
text-shadow: none;
}
.lepopup-element-html .aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.lepopup-element-html .alignleft {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.lepopup-element-html .alignright {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.lepopup-element-html img {
max-width: 100%;
}
.lepopup-element-html hr {
border: 0;
border-top: 1px solid #a0a0a0;
margin: 0.3em 0;
}
.lepopup-element-html ul {
list-style: disc inside;
margin: 0.3em 0;
padding: 0;
line-height: 1.475;
}
.lepopup-element-html ol {
list-style: decimal inside;
margin: 0.3em 0;
padding: 0;
line-height: 1.475;
}
.lepopup-element-html ul li,
.lepopup-element-html ol li {
margin: 0 0 0 1em;
padding: 0;
line-height: 1.475;
font-style: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
text-shadow: none;
}
.lepopup-element-close span,
.lepopup-element-icon span,
.lepopup-element-icon a {
display: block;
text-align: center;
cursor: pointer;
font-family: arial !important;
line-height: 1 !important;
transition-property: color;
transition-duration: .2s;
text-decoration: none !important;
}
.lepopup-element-close span i,
.lepopup-element-icon span i,
.lepopup-element-icon a i {
transition-property: color;
transition-duration: .2s;
font-size: inherit;
}
.lepopup-confirmaton-message {
display: none;
}
.lepopup-ta-left {
text-align: left !important;
}
.lepopup-ta-center {
text-align: center !important;
}
.lepopup-ta-right {
text-align: right !important;
} .lepopup-tile-layout-inline div.lepopup-tile-container {
width: auto;
display: inline-block;
float: left;
}
div.lepopup-tile-container, div.lepopup-tile-box {
max-width: 100%;
}
.lepopup-tile-layout-2 div.lepopup-tile-container,
.lepopup-tile-layout-3 div.lepopup-tile-container,
.lepopup-tile-layout-4 div.lepopup-tile-container,
.lepopup-tile-layout-6 div.lepopup-tile-container {
width: auto;
display: block;
float: left;
}
.lepopup-tile-layout-2 div.lepopup-tile-container {
width: 50%;
}
.lepopup-tile-layout-3 div.lepopup-tile-container {
width: 33.33333333%;
}
.lepopup-tile-layout-4 div.lepopup-tile-container {
width: 25%;
}
.lepopup-tile-layout-6 div.lepopup-tile-container {
width: 16.66666666%;
}
.lepopup-tile-layout-inline::after,
.lepopup-tile-layout-2::after,
.lepopup-tile-layout-3::after,
.lepopup-tile-layout-4::after,
.lepopup-tile-layout-6::after {
content: ' ';
display: table;
clear: both;
}
.lepopup-tile-layout-right div.lepopup-tile-container {
float: right !important;
text-align: right;
}
.lepopup-tile-layout-1.lepopup-tile-layout-right div.lepopup-tile-container {
clear: both;
}
input[type="checkbox"].lepopup-tile, input[type="radio"].lepopup-tile {
display: none !important;
}
input[type="checkbox"].lepopup-tile+label, input[type="radio"].lepopup-tile+label {
vertical-align: middle;
margin: 0;
}
input[type="checkbox"].lepopup-tile+label:before,
input[type="checkbox"].lepopup-tile+label:after,
input[type="radio"].lepopup-tile+label:before,
input[type="radio"].lepopup-tile+label:after {
content: '';
}
input[type="checkbox"].lepopup-tile+label:before,
input[type="radio"].lepopup-tile+label:before {
display: none !important;
}
input[type="checkbox"].lepopup-tile+label,
input[type="radio"].lepopup-tile+label {
appearance: none;
border-style: solid;
border-color: #ccc;
border-radius: 2px;
border-width: 1px;
max-width: 100%;
text-align: center;
background: #fff;
color: #444;
cursor: pointer;
display: block;
vertical-align: top;
position: relative;
transition-property: border, background, color, transform;
-webkit-transition-property: border, background, color, transform;
transition-duration: .2s;
-webkit-transition-duration: .2s;
white-space: nowrap;
overflow: hidden;
}
input[type="checkbox"].lepopup-tile:checked+label,
input[type="radio"].lepopup-tile:checked+label {
border-color: red;
}
.lepopup-tile-tiny+label {
line-height: 18px;
height: 20px;
}
.lepopup-tile-tiny+label {
padding: 0 0.6em;
}
.lepopup-tile-small+label {
line-height: 28px;
height: 30px;
}
.lepopup-tile-small+label {
padding: 0 0.8em;
}
.lepopup-tile-medium+label {
line-height: 38px;
height: 40px;
}
.lepopup-tile-medium+label {
padding: 0 1em;
}
.lepopup-tile-large+label {
line-height: 48px;
height: 50px;
}
.lepopup-tile-large+label {
padding: 0 1.2em;
}
.lepopup-tile-huge+label {
line-height: 58px;
height: 60px;
}
.lepopup-tile-huge+label {
padding: 0 1.4em;
}
.lepopup-tile-box {
display: inline-block;
padding: 0.3em;
}
.lepopup-tile-full .lepopup-tile-box {
display: block !important;
}
.lepopup-tile-transform-zoom-in .lepopup-tile-box input[type="checkbox"].lepopup-tile:checked+label,
.lepopup-tile-transform-zoom-in .lepopup-tile-box input[type="radio"].lepopup-tile:checked+label {
transform: scale(1.05);
}
.lepopup-tile-transform-zoom-out .lepopup-tile-box input[type="checkbox"].lepopup-tile:checked+label,
.lepopup-tile-transform-zoom-out .lepopup-tile-box input[type="radio"].lepopup-tile:checked+label {
transform: scale(0.95);
}
.lepopup-tile-transform-shift-down .lepopup-tile-box input[type="checkbox"].lepopup-tile:checked+label,
.lepopup-tile-transform-shift-down .lepopup-tile-box input[type="radio"].lepopup-tile:checked+label {
transform: translateY(2px);
} .lepopup-cr-layout-inline div.lepopup-cr-container {
width: auto;
display: inline-block;
float: left;
}
.lepopup-cr-layout-2 div.lepopup-cr-container,
.lepopup-cr-layout-3 div.lepopup-cr-container,
.lepopup-cr-layout-4 div.lepopup-cr-container,
.lepopup-cr-layout-6 div.lepopup-cr-container {
width: auto;
display: block;
float: left;
}
.lepopup-cr-layout-2 div.lepopup-cr-container {
width: 50%;
}
.lepopup-cr-layout-3 div.lepopup-cr-container {
width: 33.33333333%;
}
.lepopup-cr-layout-4 div.lepopup-cr-container {
width: 25%;
}
.lepopup-cr-layout-6 div.lepopup-cr-container {
width: 16.66666666%;
}
.lepopup-cr-layout-inline::after,
.lepopup-cr-layout-2::after,
.lepopup-cr-layout-3::after,
.lepopup-cr-layout-4::after,
.lepopup-cr-layout-6::after {
content: ' ';
display: table;
clear: both;
}
.lepopup-cr-layout-inline.lepopup-cr-layout-right div.lepopup-cr-container {
float: right;
}
.lepopup-cr-layout-inline div.lepopup-cr-container div.lepopup-cr-label {
width: auto;
}
.lepopup-cr-layout-2.lepopup-cr-layout-right div.lepopup-cr-container-left div.lepopup-cr-label,
.lepopup-cr-layout-3.lepopup-cr-layout-right div.lepopup-cr-container-left div.lepopup-cr-label,
.lepopup-cr-layout-4.lepopup-cr-layout-right div.lepopup-cr-container-left div.lepopup-cr-label,
.lepopup-cr-layout-6.lepopup-cr-layout-right div.lepopup-cr-container-left div.lepopup-cr-label,
.lepopup-cr-layout-inline div.lepopup-cr-container-left div.lepopup-cr-label {
padding-right: 1.4em;
}
.lepopup-cr-layout-2.lepopup-cr-layout-left div.lepopup-cr-container-right div.lepopup-cr-label,
.lepopup-cr-layout-3.lepopup-cr-layout-left div.lepopup-cr-container-right div.lepopup-cr-label,
.lepopup-cr-layout-4.lepopup-cr-layout-left div.lepopup-cr-container-right div.lepopup-cr-label,
.lepopup-cr-layout-6.lepopup-cr-layout-left div.lepopup-cr-container-right div.lepopup-cr-label,
.lepopup-cr-layout-inline div.lepopup-cr-container-right div.lepopup-cr-label {
padding-left: 1.4em;
}
div.lepopup-cr-container {
display: table;
width: 100%;
margin: 0 0 5px 0;
}
div.lepopup-cr-container>div {
vertical-align: top;
}
div.lepopup-cr-container.lepopup-cr-container-small {
line-height: 16px;
}
div.lepopup-cr-container.lepopup-cr-container-medium {
line-height: 20px;
}
div.lepopup-cr-container.lepopup-cr-container-large {
line-height: 24px;
}
div.lepopup-cr-container.lepopup-cr-container-huge {
line-height: 28px;
}
div.lepopup-cr-container div.lepopup-cr-box {
display: table-cell;
}
div.lepopup-cr-container div.lepopup-cr-label {
display: table-cell;
width: 100%;
}
div.lepopup-cr-container div.lepopup-cr-label label {
margin: 0;
padding: 0;
display: block;
text-align: inherit;
}
div.lepopup-cr-container-left div.lepopup-cr-label {
padding-left: 0.7em;
}
div.lepopup-cr-container-right div.lepopup-cr-label {
padding-right: 0.7em;
}
input[type="checkbox"].lepopup-checkbox {
display: none !important;
}
input[type="checkbox"].lepopup-checkbox+label {
vertical-align: middle;
margin: 0;
}
input[type="checkbox"].lepopup-checkbox+label:before,
input[type="checkbox"].lepopup-checkbox+label:after {
content: '';
}
input[type="checkbox"].lepopup-checkbox+label:before {
display: none !important;
}
input[type="checkbox"].lepopup-checkbox-classic+label,
input[type="checkbox"].lepopup-checkbox-fa-check+label,
input[type="checkbox"].lepopup-checkbox-square+label {
appearance: none;
border-style: solid;
border-color: #aaa;
border-radius: 2px;
text-align: center;
font-weight: 700;
background: #fff;
color: #444;
padding: 0;
cursor: pointer;
display: inline-block;
position: relative;
transition-property: border, background, color, transform;
-webkit-transition-property: border, background, color, transform;
transition-duration: .2s;
-webkit-transition-duration: .2s;
}
input[type="checkbox"].lepopup-checkbox-classic:checked+label,
input[type="checkbox"].lepopup-checkbox-fa-check:checked+label,
input[type="checkbox"].lepopup-checkbox-square:checked+label {
transform: scale(1.1);
}
input[type="checkbox"].lepopup-checkbox-classic:checked+label:after {
font-family: arial;
content: '✔';
}
input[type="checkbox"].lepopup-checkbox-fa-check:checked+label:after {
font-family: lepopup-if;
content: "\e801";
}
input[type="checkbox"].lepopup-checkbox-square:checked+label:after {
position: absolute;
top: 4px;
left: 4px;
border-radius: 2px;
background: #aaa;
display: inline-block;
transition-property: border, background, color, transform;
-webkit-transition-property: border, background, color, transform;
transition-duration: .2s;
-webkit-transition-duration: .2s;
}
input[type="checkbox"].lepopup-checkbox-none+label {
appearance: none;
font-family: arial;
font-size: 16px;
color: #aaa;
}
input[type="checkbox"].lepopup-checkbox-none+label:after {
content: 'none';
}
input[type="checkbox"].lepopup-checkbox-tgl+label {
appearance: none;
border-style: solid;
border-color: #aaa;
background: #fff;
position: relative;
display: inline-block;
overflow: hidden;
transition: background 0.3s;
box-sizing: border-box;
border-radius: 100px;
outline: none;
box-shadow: none;
cursor: pointer;
margin: 0;
padding: 0;
}
input[type="checkbox"].lepopup-checkbox-tgl+label:after {
position: absolute;
top: 2px;
left: 2px;
background: #aaa;
border: none;
border-radius: 100px;
transition: left 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
input[type="checkbox"].lepopup-checkbox-tgl:checked+label {
background: #aaa;
}
input[type="checkbox"].lepopup-checkbox-tgl:checked+label:after {
background: #fff;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-huge+label,
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-huge+label,
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-huge+label {
width: 28px;
height: 28px;
line-height: 28px;
border-width: 2px;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-huge:checked+label:after {
font-size: 28px;
line-height: 26px;
}
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-huge:checked+label:after {
font-size: 25px;
line-height: 25px;
}
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-huge:checked+label:after {
width: 16px;
height: 16px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-huge+label {
width: 48px;
height: 26px;
border-width: 2px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-huge+label:after {
width: 18px;
height: 18px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-huge:checked+label:after {
left: 24px;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-large+label,
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-large+label,
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-large+label {
width: 24px;
height: 24px;
line-height: 24px;
border-width: 2px;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-large:checked+label:after {
font-size: 24px;
line-height: 22px;
}
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-large:checked+label:after {
font-size: 21px;
line-height: 21px;
}
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-large:checked+label:after {
width: 12px;
height: 12px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-large+label {
width: 44px;
height: 24px;
border-width: 2px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-large+label:after {
width: 16px;
height: 16px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-large:checked+label:after {
left: 22px;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-medium+label,
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-medium+label,
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-medium+label {
width: 20px;
height: 20px;
line-height: 20px;
border-width: 1px;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-medium:checked+label:after {
font-size: 20px;
line-height: 19px;
}
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-medium:checked+label:after {
font-size: 18px;
line-height: 18px;
}
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-medium:checked+label:after {
width: 10px;
height: 10px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-medium+label {
width: 38px;
height: 20px;
border-width: 1px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-medium+label:after {
width: 14px;
height: 14px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-medium:checked+label:after {
left: 20px;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-small+label,
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-small+label,
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-small+label {
width: 16px;
height: 16px;
line-height: 16px;
border-width: 1px;
}
input[type="checkbox"].lepopup-checkbox-classic.lepopup-checkbox-small:checked+label:after {
font-size: 16px;
line-height: 15px;
}
input[type="checkbox"].lepopup-checkbox-fa-check.lepopup-checkbox-small:checked+label:after {
font-size: 15px;
line-height: 14px;
}
input[type="checkbox"].lepopup-checkbox-square.lepopup-checkbox-small:checked+label:after {
width: 6px;
height: 6px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-small+label {
width: 30px;
height: 16px;
border-width: 1px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-small+label:after {
width: 10px;
height: 10px;
}
input[type="checkbox"].lepopup-checkbox-tgl.lepopup-checkbox-small:checked+label:after {
left: 16px;
}
input[type="radio"].lepopup-radio {
display: none !important;
}
input[type="radio"].lepopup-radio+label {
vertical-align: middle;
margin: 0;
}
input[type="radio"].lepopup-radio+label:before,
input[type="radio"].lepopup-radio+label:after {
content: '';
}
input[type="radio"].lepopup-radio+label:before {
display: none !important;
}
input[type="radio"].lepopup-radio-classic+label,
input[type="radio"].lepopup-radio-fa-check+label,
input[type="radio"].lepopup-radio-dot+label {
appearance: none;
border-style: solid;
border-color: #aaa;
border-radius: 50%;
text-align: center;
font-weight: 700;
background: #fff;
color: #aaa;
cursor: pointer;
display: inline-block;
position: relative;
transition-property: border, background, color, transform;
-webkit-transition-property: border, background, color, transform;
transition-duration: .2s;
-webkit-transition-duration: .2s;
padding: 0;
}
input[type="radio"].lepopup-radio-classic:checked+label,
input[type="radio"].lepopup-radio-fa-check:checked+label,
input[type="radio"].lepopup-radio-dot:checked+label {
transform: scale(1.1);
}
input[type="radio"].lepopup-radio-classic:checked+label:after {
font-family: arial;
content: '✔';
}
input[type="radio"].lepopup-radio-fa-check:checked+label:after {
font-family: lepopup-if;
content: "\e801";
}
input[type="radio"].lepopup-radio-dot:checked+label:after {
position: absolute;
top: 4px;
left: 4px;
border-radius: 50%;
background: #aaa;
display: inline-block;
transition-property: border, background, color, transform;
-webkit-transition-property: border, background, color, transform;
transition-duration: .2s;
-webkit-transition-duration: .2s;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-huge+label,
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-huge+label,
input[type="radio"].lepopup-radio-dot.lepopup-radio-huge+label {
width: 28px;
height: 28px;
line-height: 28px;
border-width: 2px;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-huge:checked+label:after {
font-size: 28px;
line-height: 28px;
}
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-huge:checked+label:after {
font-size: 25px;
line-height: 29px;
}
input[type="radio"].lepopup-radio-dot.lepopup-radio-huge:checked+label:after {
width: 16px;
height: 16px;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-large+label,
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-large+label,
input[type="radio"].lepopup-radio-dot.lepopup-radio-large+label {
width: 24px;
height: 24px;
line-height: 24px;
border-width: 2px;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-large:checked+label:after {
font-size: 24px;
line-height: 24px;
}
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-large:checked+label:after {
font-size: 21px;
line-height: 23px;
}
input[type="radio"].lepopup-radio-dot.lepopup-radio-large:checked+label:after {
width: 12px;
height: 12px;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-medium+label,
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-medium+label,
input[type="radio"].lepopup-radio-dot.lepopup-radio-medium+label {
width: 20px;
height: 20px;
line-height: 20px;
border-width: 1px;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-medium:checked+label:after {
font-size: 20px;
line-height: 20px;
}
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-medium:checked+label:after {
font-size: 18px;
line-height: 18px;
}
input[type="radio"].lepopup-radio-dot.lepopup-radio-medium:checked+label:after {
width: 10px;
height: 10px;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-small+label,
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-small+label,
input[type="radio"].lepopup-radio-dot.lepopup-radio-small+label {
width: 16px;
height: 16px;
line-height: 16px;
border-width: 1px;
}
input[type="radio"].lepopup-radio-classic.lepopup-radio-small:checked+label:after {
font-size: 16px;
line-height: 16px;
}
input[type="radio"].lepopup-radio-fa-check.lepopup-radio-small:checked+label:after {
font-size: 15px;
line-height: 15px;
}
input[type="radio"].lepopup-radio-dot.lepopup-radio-small:checked+label:after {
width: 6px;
height: 6px;
}
.lepopup-cr-box input[type="checkbox"]+label, .lepopup-cr-box input[type="radio"]+label {
vertical-align: top !important;
} .lepopup-imageselect {
display: none !important;
}
.lepopup-imageselect+label {
display: inline-block;
width: 100px;
height: 100px;
vertical-align: middle;
margin: 5px;
cursor: pointer;
transition-property: border, transform, box-shadow, filter;
-webkit-transition-property: border, transform, box-shadow, filter;
transition-duration: .2s;
-webkit-transition-duration: .2s;
background-repeat: no-repeat;
background-position: 50% 50%;
overflow: hidden;
}
.lepopup-imageselect+label span.lepopup-imageselect-image {
display: block;
vertical-align: middle;
margin: 0;
cursor: pointer;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.lepopup-imageselect+label span.lepopup-imageselect-label {
padding: 0.5em;
display: block;
}
.lepopup-ta-left .lepopup-imageselect+label {
margin: 5px 10px 5px 0;
}
.lepopup-ta-center .lepopup-imageselect+label {
margin: 5px 5px 5px 5px;
}
.lepopup-ta-right .lepopup-imageselect+label {
margin: 5px 0 5px 10px;
}
.lepopup-imageselect-grayscale .lepopup-imageselect+label {
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.lepopup-imageselect-grayscale .lepopup-imageselect+label:hover,
.lepopup-imageselect-grayscale .lepopup-imageselect:checked+label {
-moz-filter: none;
-o-filter: none;
-webkit-filter: none;
filter: none;
filter: none;
}
.lepopup-imageselect+label:before,
.lepopup-imageselect+label:after {
content: '';
}
.lepopup-imageselect:checked+label {
display: inline-block;
width: 100px;
height: 100px;
} .lepopup-popup-message-overlay {
position: fixed !important;
z-index: 999999;
top: 0px;
left: 0px;
bottom: 0px;
right: 0px;
height: 100%;
width: 100%;
background-color: rgba(0,0,0,0.8);
display: none;
}
.lepopup-popup-message {
position: fixed;
z-index: 1000000;
text-align: left;
display: none;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50%;
min-width: 480px;
padding: 46px 40px 40px 40px;
box-sizing: border-box;
background-color: #ffffff;
border-radius: 5px;
box-shadow: 1px 1px 10px -3px rgba(0,0,0,0.8);
color: #444;
font-size: 18px;
line-height: 26px;
text-align: center;
}
.lepopup-popup-message-conntent {
position: relative;
}
.lepopup-popup-message-close {
position: absolute;
z-index: 1000001;
top: 8px;
right: 8px;
font-size: 20px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
cursor: pointer;
font-family: lepopup-if;
transition: color 0.3s;
-webkit-transition: color 0.3s;
}
.lepopup-popup-message-close:active {
transform: translateY(2px);
-webkit-transform: translateY(2px);
} .lepopup-popup-overlay {
position: fixed !important;
z-index: 999999;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
display: none;
animation-duration: 1000ms !important;
animation-delay: 0ms;
overflow-y: scroll;
overflow-x: hidden;
-ms-overflow-style: scrollbar;
box-sizing: content-box;
padding-right: 20px;
}
.lepopup-popup-loader {
width: 90px;
height: 90px;
z-index: 1000000;
position: fixed;
}
.lepopup-popup-loader-top-left {
top: 32px !important;
left: 32px !important;
transform: translate(0, 0);
}
.lepopup-popup-loader-top-center {
top: 32px !important;
left: 50% !important;
transform: translate(-50%, 0);
}
.lepopup-popup-loader-top-right {
top: 32px !important;
right: 32px !important;
transform: translate(0, 0);
}
.lepopup-popup-loader-middle-left {
left: 32px !important;
top: 50% !important;
transform: translate(0, -50%);
}
.lepopup-popup-loader-middle-center {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
}
.lepopup-popup-loader-middle-right {
right: 32px !important;
top: 50% !important;
transform: translate(0, -50%);
}
.lepopup-popup-loader-bottom-left {
bottom: 32px !important;
left: 32px !important;
transform: translate(0, 0);
}
.lepopup-popup-loader-bottom-center {
bottom: 32px !important;
left: 50% !important;
transform: translate(-50%, 0);
}
.lepopup-popup-loader-bottom-right {
bottom: 32px !important;
right: 32px !important;
transform: translate(0, 0);
}
.lepopup-popup-fh-container {
position: fixed;
z-index: 1000000;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-color: transparent;
scrollbar-width: none;
-ms-overflow-style: none;
}
.lepopup-popup-fh-container::-webkit-scrollbar {
display: none;
width: 1px;
background-color: transparent;
}
.lepopup-popup-fh-container::-webkit-scrollbar-track {
display: none;
width: 1px;
background-color: transparent;
}
.lepopup-popup-fh-container::-webkit-scrollbar-thumb {
display: none;
width: 1px;
background-color: transparent;
}
.lepopup-popup-fh-container::-moz-scrollbar {
display: none;
width: 1px;
background-color: transparent;
}
.lepopup-popup-fh-container>.lepopup-form {
position: absolute !important;
top: 0 !important;
bottom: auto !important;
transform-origin: 50% 50%;
}
.lepopup-popup {
position: absolute;
z-index: 1000000;
text-align: left;
display: none;
left: 50%;
top: 50%;
width: 100%;
padding: 25px 10px 10px 10px;
box-sizing: border-box;
}
.lepopup-popup-close {
position: absolute;
top: 3px;
right: 10px;
font-size: 20px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
display: inline-block;
cursor: pointer;
text-shadow: 1px 1px rgba(0,0,0,0.3);
transition: color 0.3s;
-webkit-transition: color 0.3s;
}
.lepopup-popup-close:active {
transform: translateY(2px);
-webkit-transform: translateY(2px);
} .lepopup-popup-loader-triple-spinner {
display: block;
position: relative;
width: 90px;
height: 90px;
border-radius: 50%;
border: 4px solid transparent;
border-top: 4px solid #FF5722;
-webkit-animation: lepopup-popup-loader-triple-spinner-spin 2s linear infinite;
animation: lepopup-popup-loader-triple-spinner-spin 2s linear infinite;
}
.lepopup-popup-loader-triple-spinner::before,
.lepopup-popup-loader-triple-spinner::after {
content: "";
position: absolute;
border-radius: 50%;
border: 4px solid transparent;
}
.lepopup-popup-loader-triple-spinner::before {
top: 5px;
left: 5px;
right: 5px;
bottom: 5px;
border-top-color: #FF9800;
-webkit-animation: lepopup-popup-loader-triple-spinner-spin 3s linear infinite;
animation: lepopup-popup-loader-triple-spinner-spin 3.5s linear infinite;
}
.lepopup-popup-loader-triple-spinner::after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border-top-color: #FFC107;
-webkit-animation: lepopup-popup-loader-triple-spinner-spin 1.5s linear infinite;
animation: lepopup-popup-loader-triple-spinner-spin 1.75s linear infinite;
}
@-webkit-keyframes lepopup-popup-loader-triple-spinner-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lepopup-popup-loader-triple-spinner-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
} div.lepopup-uploader {
position: relative;
}
div.lepopup-uploader-engine, div.lepopup-uploader-engine>form, div.lepopup-uploader-engine>form>input, div.lepopup-uploader-engine>iframe {
display: none !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
visibility: hidden !important;
opacity: 0 !important;
}
div.lepopup-uploader-file {
margin: 0.5em 0;
line-height: 1.8;
position: relative;
}
div.lepopup-uploader-file>span {
font-size: 0.9em;
line-height: 1.8;
position: absolute;
cursor: pointer;
top: 0;
right: 0;
display: inline-block;
opacity: 0.7;
}
div.lepopup-uploader-file>span>i {
transition: color 0.3s;
-webkit-transition: color 0.3s;
}
div.lepopup-uploader-file>span:hover>i {
color: red !important;
}
div.lepopup-uploader-file>div.lepopup-uploader-file-title {
white-space: nowrap;
overflow: hidden;
font-size: 0.9em;
margin-right: 40px;
}
div.lepopup-uploader-file>div.lepopup-uploader-progress {
line-height: 0.8em;
height: 0.8em;
font-size: 0.8em;
opacity: 0.6;
}
div.lepopup-uploader-file>div.lepopup-uploader-progress>div.lepopup-uploader-progress-bar {
height: 4px;
background: green;
border-radius: 4px;
}
div.lepopup-uploader-file>div.lepopup-uploader-progress>div.lepopup-uploader-progress-error {
line-height: 1em;
height: 1em;
font-size: 1em;
color: red;
} .lepopup-star-rating, .lepopup-star-rating>label {
margin: 0 !important;
padding: 0 !important;
border: none;
display: inline-block;
}
.lepopup-star-rating>input {
display: none;
}
.lepopup-star-rating>label:before {
content: "" !important;
}
.lepopup-star-rating>label:after {
cursor: pointer;
margin: 5px 0.4em 5px 0;
font-size: 1.25em;
font-family: lepopup-if;
display: inline-block;
content: "\e800";
}
.lepopup-ta-right .lepopup-star-rating>label:after {
margin: 5px 0 5px 0.4em;
}
.lepopup-ta-center .lepopup-star-rating>label:after {
margin: 5px 0.2em 5px 0.2em;
}
.lepopup-star-rating-tiny>label:after {
font-size: 16px;
}
.lepopup-star-rating-small>label:after {
font-size: 20px;
}
.lepopup-star-rating-medium>label:after {
font-size: 24px;
}
.lepopup-star-rating-large>label:after {
font-size: 28px;
}
.lepopup-star-rating-huge>label:after {
font-size: 32px;
}
.lepopup-star-rating>label {
color: #ddd;
float: right;
transition-property: color, transform;
-webkit-transition-property: color, transform;
transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
}
.lepopup-star-rating>input:checked~label,
.lepopup-star-rating:not(:checked)>label:hover,
.lepopup-star-rating:not(:checked)>label:hover~label {
color: #FFD700;
transform: scale(1.2);
}
.lepopup-star-rating>input:checked+label:hover,
.lepopup-star-rating>input:checked~label:hover,
.lepopup-star-rating>label:hover~input:checked~label,
.lepopup-star-rating>input:checked~label:hover~label {
opacity: 0.7;
} .lepopup-multiselect {
height: 100%;
overflow-x: hidden;
overflow-y: scroll;
padding: 0;
}
.lepopup-multiselect>input[type="checkbox"] {
display: none !important;
}
.lepopup-multiselect>label {
display: block !important;
vertical-align: middle;
margin: 0;
padding: 0.5em 0.7em;
color: inherit;
margin: 0;
text-align: inherit;
border-bottom: 1px dashed rgba(0,0,0,0.03);
transition: color, background 0.3s;
-webkit-transition: color, background 0.2s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.lepopup-multiselect>label:nth-child(4n) {
background: rgba(0,0,0,0.02);
}
.lepopup-multiselect>label:before,
.lepopup-multiselect>label:after {
content: '' !important;
}
.lepopup-multiselect>label:hover {
background: rgba(0,0,0,0.1);
}
.lepopup-multiselect>input[type="checkbox"]:checked+label {
background: rgba(0,0,0,0.3);
}
.lepopup-multiselect>input[type="checkbox"]:disabled+label {
opacity: 0.5;
}
.lepopup-multiselect::-webkit-scrollbar {
width: 5px;
}
.lepopup-multiselect::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
}
.lepopup-multiselect::-webkit-scrollbar-thumb { opacity: 0.8;
} #lepopup-ready{width: 1px !important;}
.lepopup-dl {
text-align: right;
font-size: 14px;
font-family: arial;
}
.lepopup-dl a {
text-decoration: none !important;
outline: none !important;
box-shadow: none !important;
color: #52af00;
display: block;
}
.lepopup-dl a:hover {
text-decoration: underline !important;
}
.lepopup-dl a:active {
transform: translateY(2px);
} div.lepopup-progress {
padding: 10px 0;
margin: 0 auto;
}
div.lepopup-progress.lepopup-progress-outside {
display: none;
}
div.lepopup-progress::after {
content: ' ';
display: table;
clear: both;
}
div.lepopup-progress-t1>div {
width: 100%;
height: 18px;
line-height: 18px;
position: relative;
background-color: #e0e0e0;
border-radius: 5px;
overflow: hidden;
margin: 0px auto;
}
div.lepopup-progress-t1>div>div {
background: #bd4070;
position: absolute;
left: 0;
top: 0;
bottom: 0;
line-height: inherit;
text-align: right;
padding-right: 0.6em;
box-sizing: border-box;
font-size: 80%;
color: #fff;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
div.lepopup-progress-t1>div>div:after {
background-size: 40px 40px;
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.lepopup-progress-t1>label {
display: block;
font-size: 90%;
margin-top: 4px;
line-height: 1.2;
color: #444;
text-align: center;
cursor: default;
}
div.lepopup-progress-t1.lepopup-progress-stripes>div>div:after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIzMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
}
ul.lepopup-progress-t2 * {
margin: 0;
padding: 0;
box-shadow: none;
outline: none;
cursor: default;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
ul.lepopup-progress-t2 {
width: 100%;
height: 6px;
background-color: #e0e0e0;
border-radius: 5px;
display: block;
margin: 0px auto;
list-style: none;
padding: 0;
}
ul.lepopup-progress-t2>li {
float: left;
text-align: center !important;
margin: -10px 0 0 0;
padding: 0;
list-style: none;
}
ul.lepopup-progress-t2>li::before, ul.lepopup-progress-t2>li::after {
display:none !important;
}
ul.lepopup-progress-t2>li>span {
background-color: #e0e0e0;
font-size: 90%;
color: #fff;
width: 25px;
height: 25px;
line-height: 25px;
display: inline-block;
border-radius: 24px;
text-align: center;
}
ul.lepopup-progress-t2>li>label {
display: block;
font-size: 90%;
margin-top: 4px;
color: #e0e0e0;
text-align: center;
cursor: default;
line-height: 1.2;
}
ul.lepopup-progress-t2>li.lepopup-progress-t2-active>span {
background-color: #bd4070;
}
ul.lepopup-progress-t2>li.lepopup-progress-t2-active>label {
color: #444;
}
ul.lepopup-progress-t2>li.lepopup-progress-t2-passed>span {
background-color: #bd4070;
}
.lepopup-progress-t2.lepopup-progress-stripes>li>span {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIzMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
} .lepopup-signature-box {
height: 100%;
border-style: dashed !important;
position: relative;
}
.lepopup-signature-box canvas {
width: 1px;
height: 1px;
cursor: crosshair;
}
.lepopup-signature-box span {
position: absolute;
width: 18px;
height: 18px;
line-height: 18px;
cursor: pointer;
text-align: center;
left: 8px;
bottom: 6px;
font-size: 18px;
} .lepopup-rangeslider .irs-from, .lepopup-rangeslider .irs-to, .lepopup-rangeslider .irs-single, .lepopup-rangeslider .irs-min, .lepopup-rangeslider .irs-max {
font-size: 13px !important;
}
.lepopup-rangeslider .irs-grid-text {
font-size: 12px !important;
}
.lepopup-rangeslider .irs-from:before, .lepopup-rangeslider .irs-to:before, .lepopup-rangeslider .irs-single:before {
display: none !important;
} .lepopup-numspinner-minus,
.lepopup-numspinner-plus {
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lepopup-numspinner-minus:before,
.lepopup-numspinner-plus:before {
font-size: 12px;
} .lepopup-xd-forbidden {
font-size: 16px;
font-family: arial;
text-align: center;
padding: 2em;
background-color: red;
color: #fff;
border-radius: 5px;
box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.7);
}
.lepopup-global-message {
position: fixed;
top: 10px;
right: 10px;
display: none;
z-index: 9999999;
padding: 1em 1.5em;
border-radius: 3px;
font-family: arial;
font-size: 15px;
line-height: 1.4;
vertical-align: middle;
font-weight: 400;
box-shadow: 2px 2px 10px -6px #000000;
}
.lepopup-global-message-info {
color: #fff;
background: #5bc0de;
}
.lepopup-global-message-success {
color: #fff;
background: #5cb85c;
}
.lepopup-global-message-danger {
color: #fff;
background: #d9534f;
} span.lepopup-required-symbol {
}
span.lepopup-required-symbol-label-left {
margin-right: 0.2em;
}
span.lepopup-required-symbol-label-right {
margin-left: 0.2em;
} @font-face {
font-family: 'lepopup-if';
src: url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-if.eot?95267912);
src: url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-if.eot?95267912#iefix) format('embedded-opentype'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-if.woff2?95267912) format('woff2'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-if.woff?95267912) format('woff'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-if.ttf?95267912) format('truetype'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-if.svg?95267912#lepopup-if) format('svg');
font-weight: normal;
font-style: normal;
}
span.lepopup-if, i.lepopup-if {
display: inline-block;
font: normal normal normal 14px/1 'lepopup-if';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lepopup-if-spin {
-webkit-animation: lepopup-if-spin 2s infinite linear;
animation: lepopup-if-spin 2s infinite linear;
}
@-webkit-keyframes lepopup-if-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes lepopup-if-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.lepopup-if-star:before { content: '\e800'; }
.lepopup-if-check:before { content: '\e801'; }
.lepopup-if-times:before { content: '\e802'; }
.lepopup-if-cancel-circled:before { content: '\e803'; }
.lepopup-if-cancel-circled2:before { content: '\e804'; }
.lepopup-if-help-circled:before { content: '\e805'; }
.lepopup-if-minus:before { content: '\e806'; }
.lepopup-if-plus:before { content: '\e807'; }
.lepopup-if-spinner:before { content: '\f110'; }
.lepopup-if-eraser:before { content: '\f12d'; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.lepopup-column-input {
display: inline-flex;
}
} .lepopup-animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.lepopup-animated.lepopup-infinite {
animation-iteration-count: infinite;
}
.lepopup-animated.lepopup-hinge {
animation-duration: 2s;
}
@keyframes lepopup-bounce {
0%, 20%, 53%, 80%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.lepopup-bounce {
animation-name: lepopup-bounce;
transform-origin: center bottom;
}
@keyframes lepopup-flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.lepopup-flash {
animation-name: lepopup-flash;
}
@keyframes lepopup-pulse {
0% {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.lepopup-pulse {
animation-name: lepopup-pulse;
}
@keyframes lepopup-rubberBand {
0% {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.lepopup-rubberBand {
animation-name: lepopup-rubberBand;
}
@keyframes lepopup-shake {
0%, 100% {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.lepopup-shake {
animation-name: lepopup-shake;
}
@keyframes lepopup-swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.lepopup-swing {
transform-origin: top center;
animation-name: lepopup-swing;
}
@keyframes lepopup-tada {
0% {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.lepopup-tada {
animation-name: lepopup-tada;
}
@keyframes lepopup-wobble {
0% {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
transform: none;
}
}
.lepopup-wobble {
animation-name: lepopup-wobble;
}
@keyframes lepopup-bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.lepopup-bounceIn {
animation-name: lepopup-bounceIn;
animation-duration: .75s;
}
@keyframes lepopup-bounceInDown {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
100% {
transform: none;
}
}
.lepopup-bounceInDown {
animation-name: lepopup-bounceInDown;
}
@keyframes lepopup-bounceInLeft {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
100% {
transform: none;
}
}
.lepopup-bounceInLeft {
animation-name: lepopup-bounceInLeft;
}
@keyframes lepopup-bounceInRight {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
100% {
transform: none;
}
}
.lepopup-bounceInRight {
animation-name: lepopup-bounceInRight;
}
@keyframes lepopup-bounceInUp {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
.lepopup-bounceInUp {
animation-name: lepopup-bounceInUp;
}
@keyframes lepopup-bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.lepopup-bounceOut {
animation-name: lepopup-bounceOut;
animation-duration: .75s;
}
@keyframes lepopup-bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.lepopup-bounceOutDown {
animation-name: lepopup-bounceOutDown;
}
@keyframes lepopup-bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.lepopup-bounceOutLeft {
animation-name: lepopup-bounceOutLeft;
}
@keyframes lepopup-bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.lepopup-bounceOutRight {
animation-name: lepopup-bounceOutRight;
}
@keyframes lepopup-bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.lepopup-bounceOutUp {
animation-name: lepopup-bounceOutUp;
}
@keyframes lepopup-fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.lepopup-fadeIn {
animation-name: lepopup-fadeIn;
}
@keyframes lepopup-fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.lepopup-fadeInDown {
animation-name: lepopup-fadeInDown;
}
@keyframes lepopup-fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.lepopup-fadeInLeft {
animation-name: lepopup-fadeInLeft;
}
@keyframes lepopup-fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.lepopup-fadeInRight {
animation-name: lepopup-fadeInRight;
}
@keyframes lepopup-fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
.lepopup-fadeInUp {
animation-name: lepopup-fadeInUp;
}
@keyframes lepopup-fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.lepopup-fadeOut {
animation-name: lepopup-fadeOut;
}
@keyframes lepopup-fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.lepopup-fadeOutDown {
animation-name: lepopup-fadeOutDown;
}
@keyframes lepopup-fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.lepopup-fadeOutLeft {
animation-name: lepopup-fadeOutLeft;
}
@keyframes lepopup-fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.lepopup-fadeOutRight {
animation-name: lepopup-fadeOutRight;
}
@keyframes lepopup-fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.lepopup-fadeOutUp {
animation-name: lepopup-fadeOutUp;
}
@keyframes lepopup-flip {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.lepopup-animated.lepopup-flip {
backface-visibility: visible;
animation-name: lepopup-flip;
}
@keyframes lepopup-flipInX {
0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
.lepopup-flipInX {
backface-visibility: visible !important;
animation-name: lepopup-flipInX;
}
@keyframes lepopup-flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
.lepopup-flipInY {
backface-visibility: visible !important;
animation-name: lepopup-flipInY;
}
@keyframes lepopup-flipOutX {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.lepopup-flipOutX {
animation-name: lepopup-flipOutX;
animation-duration: .75s;
backface-visibility: visible !important;
}
@keyframes lepopup-flipOutY {
0% {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.lepopup-flipOutY {
backface-visibility: visible !important;
animation-name: lepopup-flipOutY;
animation-duration: .75s;
}
@keyframes lepopup-lightSpeedIn {
0% {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
100% {
transform: none;
opacity: 1;
}
}
.lepopup-lightSpeedIn {
animation-name: lepopup-lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lepopup-lightSpeedOut {
0% {
opacity: 1;
}
100% {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lepopup-lightSpeedOut {
animation-name: lepopup-lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes lepopup-rotateIn {
0% {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.lepopup-rotateIn {
animation-name: lepopup-rotateIn;
}
@keyframes lepopup-rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.lepopup-rotateInDownLeft {
animation-name: lepopup-rotateInDownLeft;
}
@keyframes lepopup-rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.lepopup-rotateInDownRight {
animation-name: lepopup-rotateInDownRight;
}
@keyframes lepopup-rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.lepopup-rotateInUpLeft {
animation-name: lepopup-rotateInUpLeft;
}
@keyframes lepopup-rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.lepopup-rotateInUpRight {
animation-name: lepopup-rotateInUpRight;
}
@keyframes lepopup-rotateOut {
0% {
transform-origin: center;
opacity: 1;
}
100% {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.lepopup-rotateOut {
animation-name: lepopup-rotateOut;
}
@keyframes lepopup-rotateOutDownLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.lepopup-rotateOutDownLeft {
animation-name: lepopup-rotateOutDownLeft;
}
@keyframes lepopup-rotateOutDownRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.lepopup-rotateOutDownRight {
animation-name: lepopup-rotateOutDownRight;
}
@keyframes lepopup-rotateOutUpLeft {
0% {
transform-origin: left bottom;
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.lepopup-rotateOutUpLeft {
animation-name: lepopup-rotateOutUpLeft;
}
@keyframes lepopup-rotateOutUpRight {
0% {
transform-origin: right bottom;
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.lepopup-rotateOutUpRight {
animation-name: lepopup-rotateOutUpRight;
}
@keyframes lepopup-hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.lepopup-hinge {
animation-name: lepopup-hinge;
}
@keyframes lepopup-rollIn {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
transform: none;
}
}
.lepopup-rollIn {
animation-name: lepopup-rollIn;
}
@keyframes lepopup-rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.lepopup-rollOut {
animation-name: lepopup-rollOut;
}
@keyframes lepopup-zoomIn {
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.lepopup-zoomIn {
animation-name: lepopup-zoomIn;
}
@keyframes lepopup-zoomInDown {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.lepopup-zoomInDown {
animation-name: lepopup-zoomInDown;
}
@keyframes lepopup-zoomInLeft {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.lepopup-zoomInLeft {
animation-name: lepopup-zoomInLeft;
}
@keyframes lepopup-zoomInRight {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.lepopup-zoomInRight {
animation-name: lepopup-zoomInRight;
}
@keyframes lepopup-zoomInUp {
0% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.lepopup-zoomInUp {
animation-name: lepopup-zoomInUp;
}
@keyframes lepopup-zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
100% {
opacity: 0;
}
}
.lepopup-zoomOut {
animation-name: lepopup-zoomOut;
}
@keyframes lepopup-zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.lepopup-zoomOutDown {
animation-name: lepopup-zoomOutDown;
}
@keyframes lepopup-zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.lepopup-zoomOutLeft {
animation-name: lepopup-zoomOutLeft;
}
@keyframes lepopup-zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.lepopup-zoomOutRight {
animation-name: lepopup-zoomOutRight;
}
@keyframes lepopup-zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
100% {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.lepopup-zoomOutUp {
animation-name: lepopup-zoomOutUp;
}
@font-face {
font-family: 'lepopup-fa';
src: url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-fa.eot?71162692);
src: url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-fa.eot?71162692#iefix) format('embedded-opentype'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-fa.woff2?71162692) format('woff2'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-fa.woff?71162692) format('woff'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-fa.ttf?71162692) format('truetype'),
url(//www.hetstreek.nl/wp-content/plugins/halfdata-green-popups/fonts/lepopup-fa.svg?71162692#lepopup-fa) format('svg');
font-weight: normal;
font-style: normal;
}
i.lepopup-fa {
display: inline-block;
font: normal normal normal 14px/1 'lepopup-fa';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lepopup-fa-spin {
-webkit-animation: lepopup-fa-spin 2s infinite linear;
animation: lepopup-fa-spin 2s infinite linear;
}
@-webkit-keyframes lepopup-fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes lepopup-fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.lepopup-fa-star:before { content: '\e800'; }
.lepopup-fa-star-o:before { content: '\e801'; }
.lepopup-fa-user:before { content: '\e802'; }
.lepopup-fa-check:before { content: '\e803'; }
.lepopup-fa-close:before { content: '\e804'; }
.lepopup-fa-upload:before { content: '\e805'; }
.lepopup-fa-download:before { content: '\e806'; }
.lepopup-fa-calendar:before { content: '\e807'; }
.lepopup-fa-clock-o:before { content: '\e808'; }
.lepopup-fa-chevron-left:before { content: '\e809'; }
.lepopup-fa-chevron-right:before { content: '\e80a'; }
.lepopup-fa-phone:before { content: '\e80b'; }
.lepopup-fa-envelope:before { content: '\f0e0'; }
.lepopup-fa-pencil:before { content: '\e80d'; }
.lepopup-fa-lock:before { content: '\e80e'; }
.lepopup-fa-picture-o:before { content: '\e80f'; }
.lepopup-fa-envelope-o:before { content: '\e80c'; }
.lepopup-fa-building-o:before { content: '\f0f7'; }
.lepopup-fa-angle-double-left:before { content: '\f100'; }
.lepopup-fa-angle-double-right:before { content: '\f101'; }
.lepopup-fa-spinner:before { content: '\f110'; }
.lepopup-fa-smile-o:before { content: '\f118'; }
.lepopup-fa-frown-o:before { content: '\f119'; }
.lepopup-fa-meh-o:before { content: '\f11a'; }
.lepopup-fa-send:before { content: '\f1d8'; }
.lepopup-fa-send-o:before { content: '\f1d9'; }
.lepopup-fa-user-o:before { content: '\f2c0'; }.airdatepicker--cell-day.-other-month-, .airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.airdatepicker--cell-day.-other-month-:hover, .airdatepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.airdatepicker--cell-day.-other-month-, .-disabled-.-focus-.airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.airdatepicker--cell-day.-other-month-, .-selected-.airdatepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.airdatepicker--cell-day.-other-month-, .-selected-.-focus-.airdatepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.airdatepicker--cell-day.-other-month-, .-in-range-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.airdatepicker--cell-day.-other-month-, .-in-range-.-focus-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.airdatepicker--cell-day.-other-month-:empty, .airdatepicker--cell-year.-other-decade-:empty {
background: none;
border: none; } div.airdatepicker--cells {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
div.airdatepicker--cell {
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 32px;
z-index: 1; }
.airdatepicker--cell.-focus- {
background: #f0f0f0; }
.airdatepicker--cell.-current- {
color: #4EB5E6; }
.airdatepicker--cell.-current-.-focus- {
color: #4a4a4a; }
.airdatepicker--cell.-current-.-in-range- {
color: #4EB5E6; }
.airdatepicker--cell.-in-range- {
background: rgba(92, 196, 239, 0.1);
color: #4a4a4a;
border-radius: 0; }
.airdatepicker--cell.-in-range-.-focus- {
background-color: rgba(92, 196, 239, 0.2); }
.airdatepicker--cell.-disabled- {
cursor: default;
color: #aeaeae; }
.airdatepicker--cell.-disabled-.-focus- {
color: #aeaeae; }
.airdatepicker--cell.-disabled-.-in-range- {
color: #a1a1a1; }
.airdatepicker--cell.-disabled-.-current-.-focus- {
color: #aeaeae; }
.airdatepicker--cell.-range-from- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 4px 0 0 4px; }
.airdatepicker--cell.-range-to- {
border: 1px solid rgba(92, 196, 239, 0.5);
background-color: rgba(92, 196, 239, 0.1);
border-radius: 0 4px 4px 0; }
.airdatepicker--cell.-range-from-.-range-to- {
border-radius: 4px; }
.airdatepicker--cell.-selected- {
color: #fff;
border: none;
background: #5cc4ef; }
.airdatepicker--cell.-selected-.-current- {
color: #fff;
background: #5cc4ef; }
.airdatepicker--cell.-selected-.-focus- {
background: #45bced; }
.airdatepicker--cell:empty {
cursor: default; }
.airdatepicker--days-names {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 8px 0 3px; }
div.airdatepicker--day-name {
color: #FF9A19;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
text-transform: uppercase;
font-family: Tahoma, sans-serif;
font-size: 12px; }
.airdatepicker--cell-day {
width: 14.28571%; }
.airdatepicker--cells-months {
height: 170px; }
.airdatepicker--cell-month {
width: 33.33%;
height: 25%; }
.airdatepicker--years {
height: 170px; }
.airdatepicker--cells-years {
height: 170px; }
.airdatepicker--cell-year {
width: 25%;
height: 33.33%; }
.airdatepicker--cell-day.-other-month-, .airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.airdatepicker--cell-day.-other-month-:hover, .airdatepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.airdatepicker--cell-day.-other-month-, .-disabled-.-focus-.airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.airdatepicker--cell-day.-other-month-, .-selected-.airdatepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.airdatepicker--cell-day.-other-month-, .-selected-.-focus-.airdatepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.airdatepicker--cell-day.-other-month-, .-in-range-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.airdatepicker--cell-day.-other-month-, .-in-range-.-focus-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.airdatepicker--cell-day.-other-month-:empty, .airdatepicker--cell-year.-other-decade-:empty {
background: none;
border: none; } .airdatepickers-container {
position: absolute;
left: 0;
top: 0; }
@media print {
.airdatepickers-container {
display: none; } }
div.airdatepicker {
background: #fff;
border: 1px solid #dbdbdb;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-sizing: content-box;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
width: 250px;
position: absolute;
left: -100000px;
display: none;
opacity: 0;
transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
z-index: 100; }
.airdatepicker.-from-top- {
-webkit-transform: translateY(-8px);
transform: translateY(-8px); }
.airdatepicker.-from-right- {
-webkit-transform: translateX(8px);
transform: translateX(8px); }
.airdatepicker.-from-bottom- {
-webkit-transform: translateY(8px);
transform: translateY(8px); }
.airdatepicker.-from-left- {
-webkit-transform: translateX(-8px);
transform: translateX(-8px); }
.airdatepicker.active {
display: block;
opacity: 1;
-webkit-transform: translate(0);
transform: translate(0);
transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }
.airdatepicker-inline .airdatepicker {
border-color: #d7d7d7;
box-shadow: none;
position: static;
left: auto;
right: auto;
opacity: 1;
-webkit-transform: none;
transform: none; }
.airdatepicker-inline .airdatepicker--pointer {
display: none; }
.airdatepicker--content {
box-sizing: content-box;
padding: 4px; }
.-only-timepicker- .airdatepicker--content {
display: none; }
.airdatepicker--pointer {
position: absolute;
background: #fff;
border-top: 1px solid #dbdbdb;
border-right: 1px solid #dbdbdb;
width: 10px;
height: 10px;
z-index: -1; }
.-top-left- .airdatepicker--pointer, .-top-center- .airdatepicker--pointer, .-top-right- .airdatepicker--pointer {
top: calc(100% - 4px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.-right-top- .airdatepicker--pointer, .-right-center- .airdatepicker--pointer, .-right-bottom- .airdatepicker--pointer {
right: calc(100% - 4px);
-webkit-transform: rotate(225deg);
transform: rotate(225deg); }
.-bottom-left- .airdatepicker--pointer, .-bottom-center- .airdatepicker--pointer, .-bottom-right- .airdatepicker--pointer {
bottom: calc(100% - 4px);
-webkit-transform: rotate(315deg);
transform: rotate(315deg); }
.-left-top- .airdatepicker--pointer, .-left-center- .airdatepicker--pointer, .-left-bottom- .airdatepicker--pointer {
left: calc(100% - 4px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.-top-left- .airdatepicker--pointer, .-bottom-left- .airdatepicker--pointer {
left: 10px; }
.-top-right- .airdatepicker--pointer, .-bottom-right- .airdatepicker--pointer {
right: 10px; }
.-top-center- .airdatepicker--pointer, .-bottom-center- .airdatepicker--pointer {
left: calc(50% - 10px / 2); }
.-left-top- .airdatepicker--pointer, .-right-top- .airdatepicker--pointer {
top: 10px; }
.-left-bottom- .airdatepicker--pointer, .-right-bottom- .airdatepicker--pointer {
bottom: 10px; }
.-left-center- .airdatepicker--pointer, .-right-center- .airdatepicker--pointer {
top: calc(50% - 10px / 2); }
.airdatepicker--body {
display: none; }
.airdatepicker--body.active {
display: block; }
.airdatepicker--cell-day.-other-month-, .airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.airdatepicker--cell-day.-other-month-:hover, .airdatepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.airdatepicker--cell-day.-other-month-, .-disabled-.-focus-.airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.airdatepicker--cell-day.-other-month-, .-selected-.airdatepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.airdatepicker--cell-day.-other-month-, .-selected-.-focus-.airdatepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.airdatepicker--cell-day.-other-month-, .-in-range-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.airdatepicker--cell-day.-other-month-, .-in-range-.-focus-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.airdatepicker--cell-day.-other-month-:empty, .airdatepicker--cell-year.-other-decade-:empty {
background: none;
border: none; } .airdatepicker--nav {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #efefef;
min-height: 32px;
padding: 4px; }
.-only-timepicker- .airdatepicker--nav {
display: none; }
div.airdatepicker--nav-title,
div.airdatepicker--nav-action {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #4a4a4a;
cursor: pointer;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.airdatepicker--nav-action {
width: 32px;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.airdatepicker--nav-action:hover {
background: #f0f0f0; }
.airdatepicker--nav-action.-disabled- {
visibility: hidden; }
.airdatepicker--nav-action svg {
width: 32px;
height: 32px; }
.airdatepicker--nav-action path {
fill: none;
stroke: #9c9c9c;
stroke-width: 2px; }
.airdatepicker--nav-title {
border-radius: 4px;
padding: 0 8px; }
.airdatepicker--nav-title i {
font-style: normal;
font-family: Tahoma, sans-serif;
font-size: 14px;
color: #9c9c9c;
margin-left: 5px; }
.airdatepicker--nav-title:hover {
background: #f0f0f0; }
.airdatepicker--nav-title.-disabled- {
cursor: default;
background: none; }
.airdatepicker--buttons {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 4px;
border-top: 1px solid #efefef; }
.airdatepicker--button {
color: #4EB5E6;
cursor: pointer;
border-radius: 4px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 32px; }
.airdatepicker--button:hover {
color: #4a4a4a;
background: #f0f0f0; }
.airdatepicker--cell-day.-other-month-, .airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.airdatepicker--cell-day.-other-month-:hover, .airdatepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.airdatepicker--cell-day.-other-month-, .-disabled-.-focus-.airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.airdatepicker--cell-day.-other-month-, .-selected-.airdatepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.airdatepicker--cell-day.-other-month-, .-selected-.-focus-.airdatepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.airdatepicker--cell-day.-other-month-, .-in-range-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.airdatepicker--cell-day.-other-month-, .-in-range-.-focus-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.airdatepicker--cell-day.-other-month-:empty, .airdatepicker--cell-year.-other-decade-:empty {
background: none;
border: none; } .airdatepicker--time {
border-top: 1px solid #efefef;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 4px;
position: relative; }
.airdatepicker--time.-am-pm- .airdatepicker--time-sliders {
-webkit-flex: 0 1 138px;
-ms-flex: 0 1 138px;
flex: 0 1 138px;
max-width: 138px; }
.-only-timepicker- .airdatepicker--time {
border-top: none; }
.airdatepicker--time-sliders {
-webkit-flex: 0 1 153px;
-ms-flex: 0 1 153px;
flex: 0 1 153px;
margin-right: 10px;
max-width: 153px; }
.airdatepicker--time-label {
display: none;
font-size: 12px; }
.airdatepicker--time-current {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 14px;
text-align: center;
margin: 0 0 0 10px; }
span.airdatepicker--time-current-colon {
margin: 0 2px 3px;
line-height: 1; }
div .airdatepicker--time-current-hours,
div .airdatepicker--time-current-minutes {
line-height: 1;
font-size: 19px;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
color: #4a4a4a;
position: relative;
z-index: 1; }
.airdatepicker--time-current-hours:after,
.airdatepicker--time-current-minutes:after {
content: '';
background: #f0f0f0;
border-radius: 4px;
position: absolute;
left: -2px;
top: -3px;
right: -2px;
bottom: -2px;
z-index: -1;
opacity: 0; }
.airdatepicker--time-current-hours.-focus-:after,
.airdatepicker--time-current-minutes.-focus-:after {
opacity: 1; }
span.airdatepicker--time-current-ampm {
text-transform: uppercase;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
color: #9c9c9c;
margin-left: 6px;
font-size: 11px;
margin-bottom: 1px; }
.airdatepicker--time-row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 11px;
height: 17px;
background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
.airdatepicker--time-row:first-child {
margin-bottom: 4px; }
.airdatepicker--time-row input[type='range'] {
border: none !important;
background: none;
cursor: pointer;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%;
padding: 0;
margin: 0;
-webkit-appearance: none; }
.airdatepicker--time-row input[type='range']::-webkit-slider-thumb {
-webkit-appearance: none; }
.airdatepicker--time-row input[type='range']::-ms-tooltip {
display: none; }
.airdatepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
border-color: #b8b8b8; }
.airdatepicker--time-row input[type='range']:hover::-moz-range-thumb {
border-color: #b8b8b8; }
.airdatepicker--time-row input[type='range']:hover::-ms-thumb {
border-color: #b8b8b8; }
.airdatepicker--time-row input[type='range']:focus {
outline: none; }
.airdatepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.airdatepicker--time-row input[type='range']:focus::-moz-range-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.airdatepicker--time-row input[type='range']:focus::-ms-thumb {
background: #5cc4ef;
border-color: #5cc4ef; }
.airdatepicker--time-row input[type='range']::-webkit-slider-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s; }
.airdatepicker--time-row input[type='range']::-moz-range-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s; }
.airdatepicker--time-row input[type='range']::-ms-thumb {
box-sizing: border-box;
height: 12px;
width: 12px;
border-radius: 3px;
border: 1px solid #dedede;
background: #fff;
cursor: pointer;
transition: background .2s; }
.airdatepicker--time-row input[type='range']::-webkit-slider-thumb {
margin-top: -6px; }
.airdatepicker--time-row input[type='range']::-webkit-slider-runnable-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.airdatepicker--time-row input[type='range']::-moz-range-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.airdatepicker--time-row input[type='range']::-ms-track {
border: none;
height: 1px;
cursor: pointer;
color: transparent;
background: transparent; }
.airdatepicker--time-row input[type='range']::-ms-fill-lower {
background: transparent; }
.airdatepicker--time-row input[type='range']::-ms-fill-upper {
background: transparent; }
.airdatepicker--time-row span {
padding: 0 12px; }
.airdatepicker--time-icon {
color: #9c9c9c;
border: 1px solid;
border-radius: 50%;
font-size: 16px;
position: relative;
margin: 0 5px -1px 0;
width: 1em;
height: 1em; }
.airdatepicker--time-icon:after, .airdatepicker--time-icon:before {
content: '';
background: currentColor;
position: absolute; }
.airdatepicker--time-icon:after {
height: .4em;
width: 1px;
left: calc(50% - 1px);
top: calc(50% + 1px);
-webkit-transform: translateY(-100%);
transform: translateY(-100%); }
.airdatepicker--time-icon:before {
width: .4em;
height: 1px;
top: calc(50% + 1px);
left: calc(50% - 1px); }
.airdatepicker--cell-day.-other-month-, .airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.airdatepicker--cell-day.-other-month-:hover, .airdatepicker--cell-year.-other-decade-:hover {
color: #c5c5c5; }
.-disabled-.-focus-.airdatepicker--cell-day.-other-month-, .-disabled-.-focus-.airdatepicker--cell-year.-other-decade- {
color: #dedede; }
.-selected-.airdatepicker--cell-day.-other-month-, .-selected-.airdatepicker--cell-year.-other-decade- {
color: #fff;
background: #a2ddf6; }
.-selected-.-focus-.airdatepicker--cell-day.-other-month-, .-selected-.-focus-.airdatepicker--cell-year.-other-decade- {
background: #8ad5f4; }
.-in-range-.airdatepicker--cell-day.-other-month-, .-in-range-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.1);
color: #cccccc; }
.-in-range-.-focus-.airdatepicker--cell-day.-other-month-, .-in-range-.-focus-.airdatepicker--cell-year.-other-decade- {
background-color: rgba(92, 196, 239, 0.2); }
.airdatepicker--cell-day.-other-month-:empty, .airdatepicker--cell-year.-other-decade-:empty {
background: none;
border: none; }
@font-face {
font-family: "serif";
src: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/merriweather-regular-webfont.woff2) format("woff2"), url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/merriweather-regular-webfont.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "light";
src: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Regular.woff2) format("woff2"), url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Regular.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "regular";
src: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Regular.woff2) format("woff2"), url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Regular.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "semibold";
src: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Medium.woff2) format("woff2"), url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Medium.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "bold";
src: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Medium.woff2) format("woff2"), url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Medium.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "extrabold";
src: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Bold.woff2) format("woff2"), url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Bold.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
@font-face {
font-family: "blackbold";
src: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Black.woff2) format("woff2"), url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/fonts/DINPro-Black.woff) format("woff");
font-style: normal;
font-weight: normal !important;
}
body {
font-family: "regular";
}
h1, h2, h3, h4, h5, h6, p, li, td, a {
font-weight: 400 !important;
}
h1 {
font-size: 38px;
line-height: 44px;
font-family: "bold";
margin: 0px;
margin-bottom: 0px !important;
color: #4e3182;
text-transform: uppercase;
}
@media screen and (max-width: 1040px) {
h1 {
font-size: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 767px) {
h1 {
font-size: 26px;
line-height: 28px;
}
}
@media screen and (max-width: 495px) {
h1 {
font-size: 26px;
line-height: 24px;
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 767px) {
.single-post h1, .single-post h2 {
font-size: 20px;
line-height: 24px;
margin: 0px;
margin-bottom: 10px !important;
}
}
@media screen and (max-width: 495px) {
.single-post h1, .single-post h2 {
font-size: 18px;
line-height: 24px;
}
}
h2 {
font-size: 30px;
line-height: 36px;
font-family: "bold";
margin: 0px;
margin-bottom: 0px !important;
color: #4e3182;
text-transform: uppercase;
}
@media screen and (max-width: 1040px) {
h2 {
font-size: 30px;
line-height: 36px;
}
}
@media screen and (max-width: 767px) {
h2 {
font-size: 24px;
line-height: 28px;
}
}
@media screen and (max-width: 495px) {
h2 {
font-size: 22px;
line-height: 24px;
}
}
.content-bottom-widgets h2 {
font-size: 19px !important;
text-transform: unset;
}
.nieuwsblok .wpb_widgetised_column .wpb_wrapper, #rpwe_widget-2 h2 {
font-size: 20px;
font-family: "bold";
text-transform: uppercase;
line-height: inherit !important;
}
@media screen and (max-width: 767px) {
.sidebar-news h2, .post-sidebar-custom h2, .mailchimp h2 {
font-size: 16px !important;
line-height: 20px !important;
}
.nieuwsblok .wpb_widgetised_column .wpb_wrapper, #rpwe_widget-2 h2 {
font-size: 16px;
line-height: 20px;
}
}
@media screen and (max-width: 495px) {
.sidebar-news h2, .post-sidebar-custom h2, .mailchimp h2 {
font-size: 16px !important;
line-height: 20px !important;
}
.nieuwsblok .wpb_widgetised_column .wpb_wrapper, #rpwe_widget-2 h2 {
font-size: 16px;
line-height: 16px;
}
}
h3 {
font-size: 20px;
line-height: 30px;
font-family: "bold";
font-weight: normal;
margin: 0px;
margin-bottom: 20px !important;
color: #4e3182;
text-transform: uppercase;
}
@media screen and (max-width: 1040px) {
h3 {
font-size: 20px;
line-height: 30px;
}
}
@media screen and (max-width: 767px) {
h3 {
font-size: 20px;
line-height: 24px;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 495px) {
h3 {
font-size: 18px;
line-height: 24px;
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
h3 {
font-size: 20px;
line-height: 22px;
margin-bottom: 15px !important;
}
}
h4, .gdprc_item__label {
font-size: 20px;
line-height: 20px;
font-family: "bold";
margin: 0px;
margin-bottom: 10px !important;
color: #4e3182;
}
@media screen and (max-width: 1040px) {
h4, .gdprc_item__label {
font-size: 17px;
line-height: 21px;
}
}
@media screen and (max-width: 767px) {
h4, .gdprc_item__label {
font-size: 16px;
line-height: 18px;
}
}
@media screen and (max-width: 495px) {
h4, .gdprc_item__label {
font-size: 16px;
line-height: 16px;
}
}
.vc_toggle_title > h4 {
display: inline;
font-family: "regular";
}
.dienstblok h4 {
text-transform: uppercase;
}
h5 {
font-size: 20px;
line-height: 30px;
font-family: "semibold";
margin: 0;
margin-bottom: 20px;
text-transform: uppercase;
color: #4e3182;
}
@media screen and (max-width: 1040px) {
h5 {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 767px) {
h5 {
font-size: 14px;
line-height: 28px;
}
}
p, .screen-reader-text, .gdprc_items p, .social-info {
font-family: "regular";
font-size: 15px;
line-height: 20px;
margin: 0px;
margin-bottom: 20px !important;
}
@media screen and (max-width: 1040px) {
p, .screen-reader-text, .gdprc_items p, .social-info {
font-size: 14px;
line-height: 20px;
margin-bottom: 24px !important;
}
}
@media screen and (max-width: 767px) {
p, .screen-reader-text, .gdprc_items p, .social-info {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 495px) {
p, .screen-reader-text, .gdprc_items p, .social-info {
font-size: 14px;
line-height: 20px;
margin-bottom: 15px !important;
}
}
p:empty {
display: none !important;
}
.nopads h1, .nopads h2, .nopads h3, .nopads h4, .nopads h5, .nopads h6, .nopads li, .nopads td, .nopads ul, .nopads a, .nopads p {
margin-bottom: 0px !important;
}
td, label, textarea, input, select {
font-family: "regular";
font-size: 14px;
margin: 0px;
}
@media screen and (max-width: 1040px) {
td, label, textarea, input, select {
font-size: 13px;
}
}
@media screen and (max-width: 767px) {
td, label, textarea, input, select {
font-size: 13px;
}
}
@media screen and (max-width: 495px) {
td, label, textarea, input, select {
font-size: 13px;
}
}
li {
font-family: "regular";
font-size: 15px;
line-height: 20px;
margin: 0px;
margin-bottom: 0px !important;
}
@media screen and (max-width: 1040px) {
li {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 767px) {
li {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (max-width: 495px) {
li {
font-size: 14px;
line-height: 20px;
}
}
a {
cursor: pointer;
text-decoration: underline;
color: #4e3182;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
a:hover, a:active {
text-decoration: underline;
}
strong {
font-family: "extrabold";
font-weight: 400;
color: #4e3182;
}
.rpwe-block a {
font-size: 12px;
}
.nieuwsblok .rpwe-block h3, .single .rpwe-block h3 {
font-size: 10px !important;
}
.standard-button p {
height: auto;
-webkit-line-clamp: unset;
-webkit-box-orient: unset;
overflow: unset;
text-overflow: unset;
display: inline-block;
}
.cta .standard-button a, .cta .vc_btn3.vc_btn3-color-juicy-pink, .cta .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
border: 1px solid #d57e1c;
background-color: #d57e1c;
color: white;
margin: 20px 25px 0;
}
.cta .standard-button a:hover, .cta .standard-button a:active, .cta .vc_btn3.vc_btn3-color-juicy-pink:hover, .cta .vc_btn3.vc_btn3-color-juicy-pink:active, .cta .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .cta .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active {
background-color: white;
color: #d57e1c;
text-decoration: none;
}
.mc-button {
font-family: "regular" !important;
display: inline-block;
border: 1px solid #4e3182 !important;
background-color: white !important;
color: black !important;
border-radius: 0px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
cursor: pointer !important;
}
.mc-button:hover, .mc-button:active {
background-color: #4e3182 !important;
color: white !important;
text-decoration: none;
}
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit, .gdprc_button, .gdprc_action__delete, [id^=sb-wall].sb-wall .sb-wall-load-btn {
font-family: "bold";
display: inline-block;
width: auto;
border: 1px solid #4e3182;
background-color: #4e3182;
color: white;
line-height: 30px;
padding: 0px 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
overflow-x: hidden;
position: relative;
border-radius: 7px;
cursor: pointer;
margin-bottom: 0px;
font-weight: normal;
-webkit-appearance: none;
appearance: none;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.standard-button a:hover, .standard-button a:active, .vc_btn3.vc_btn3-color-juicy-pink:hover, .vc_btn3.vc_btn3-color-juicy-pink:active, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:active, .mc-button:hover, .mc-button:active, .wpcf7-submit:hover, .wpcf7-submit:active, .search-submit:hover, .search-submit:active, .gdprc_button:hover, .gdprc_button:active, .gdprc_action__delete:hover, .gdprc_action__delete:active, [id^=sb-wall].sb-wall .sb-wall-load-btn:hover, [id^=sb-wall].sb-wall .sb-wall-load-btn:active {
background-color: white;
color: #4e3182 !important;
text-decoration: none;
}
@media screen and (max-width: 1040px) {
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit, .gdprc_button, .gdprc_action__delete, [id^=sb-wall].sb-wall .sb-wall-load-btn {
font-size: 14px !important;
}
}
@media screen and (max-width: 767px) {
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit, .gdprc_button, .gdprc_action__delete, [id^=sb-wall].sb-wall .sb-wall-load-btn {
font-size: 12px !important;
}
}
@media screen and (max-width: 495px) {
.standard-button a, .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat, .mc-button, .wpcf7-submit, .search-submit, .gdprc_button, .gdprc_action__delete, [id^=sb-wall].sb-wall .sb-wall-load-btn {
font-size: 12px !important;
}
}
.standard-button.red-button a, .red-button .wpcf7-submit {
border: 1px solid #c1001f;
background-color: #c1001f;
color: white;
}
.standard-button.red-button a:hover, .standard-button.red-button a:active, .red-button .wpcf7-submit:hover, .red-button .wpcf7-submit:active {
background-color: white;
color: #c1001f !important;
text-decoration: none;
}
.standard-button.orange-button a, .orange-button .wpcf7-submit {
border: 1px solid #ef7f00;
background-color: #ef7f00;
color: white;
}
.standard-button.orange-button a:hover, .standard-button.orange-button a:active, .orange-button .wpcf7-submit:hover, .orange-button .wpcf7-submit:active {
background-color: white;
color: #ef7f00 !important;
text-decoration: none;
}
.standard-button.green-button a, .green-button .wpcf7-submit {
border: 1px solid #5ea03b;
background-color: #5ea03b;
color: white;
}
.standard-button.green-button a:hover, .standard-button.green-button a:active, .green-button .wpcf7-submit:hover, .green-button .wpcf7-submit:active {
background-color: white;
color: #5ea03b !important;
text-decoration: none;
}
.standard-button.white-button a, .white-button .wpcf7-submit {
border: 1px solid white;
background-color: white;
color: #4e3182;
}
.standard-button.white-button a:hover, .standard-button.white-button a:active, .white-button .wpcf7-submit:hover, .white-button .wpcf7-submit:active {
background-color: #4e3182;
color: white !important;
text-decoration: none;
} .container-full {
padding: 70px 0px;
}
@media screen and (max-width: 767px) {
.container-full {
padding: 50px 0px;
}
}
@media screen and (max-width: 495px) {
.container-full {
padding: 30px 0px;
}
}
.container-full.no-top-pad {
padding: 0px;
}
.container-full > div > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.container-full .container {
max-width: 1200px;
margin: 0 auto !important;
padding: 0px 40px;
}
.container-full .container.mar-bot {
margin-bottom: 50px !important;
}
.container-full .container .content > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.container-full .container .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.container-full .container-pannellum {
max-width: 1250px;
margin: 0 auto !important;
padding: 0px 40px;
}
.container-full .container-pannellum.mar-bot {
margin-bottom: 50px !important;
}
.container-full .container-pannellum .content > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.container-full .container-pannellum .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.dont-clamp-this p, .standard-button p {
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
overflow: unset !important;
text-overflow: unset !important;
height: auto !important;
display: block !important;
}
.ajax-loader {
display: none !important;
}
.vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink:hover {
background: inherit !important;
color: inherit !important;
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section, .vc_section.vc_section-has-fill + .vc_section {
padding-top: 0px;
}
div#wp-a11y-speak-polite, div#wp-a11y-speak-assertive {
margin-bottom: 0px !important;
}
.copyright-bar, .site {
overflow-x: hidden;
max-width: 100%;
}
.edit-link, .skip-link {
display: none;
}
.site-main {
margin-bottom: 0px;
margin-top: 0;
}
@media screen and (max-width: 1040px) {
.site-main {
margin-top: 0px !important;
}
}
.site-inner {
margin: 0 auto;
max-width: 100%;
min-width: 100%;
position: relative;
}
.site-content {
padding: 0px;
}
.content-bottom-widgets .widget-area:last-child {
margin-bottom: 0px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-bottom-widgets .widget {
border-top: none;
}
.site {
margin: 0px;
background-color: white;
}
body {
overflow-x: hidden;
width: 100%;
margin: 0 auto;
padding: 0px;
-webkit-appearance: none !important;
}
.vc_row {
margin-left: 0px !important;
margin-right: 0px !important;
}
p.site-title, p.site-description {
display: none;
}
.entry-header, footer#colophon {
display: none;
}
.type-post .entry-header, .type-post footer#colophon {
display: block !important;
}
.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: 0px !important;
margin-right: 0px !important;
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
margin-bottom: 0px;
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0;
}
.custom-logo-link img {
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
}
.container > div > div .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.wpb_single_image .vc_single_image-wrapper, .wpb_single_image .vc_figure {
display: block;
} body {
background-color: #4e3182;
}
body i, body img {
margin: auto;
max-width: 100%;
}
.the-slider .vc_column-inner {
padding: 0;
}
.the-slider .vc_column-inner .slick-slide img {
width: 100%;
}
@media screen and (max-width: 495px) {
.the-slider .vc_column-inner .slick-slide img {
object-position: center right;
}
}
.error-404 {
max-width: 1200px;
margin: 30px auto;
}
:focus {
outline: none;
}
.fa-phone {
transform: rotateY(180deg);
}
@media screen and (max-width: 767px) {
.vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9 {
float: left !important;
}
}
.shortcodes > div > .vc_column-inner {
padding: 0;
}
::placeholder { color: #4e3182;
opacity: 1; }
:-ms-input-placeholder { color: #4e3182;
}
::-ms-input-placeholder { color: #4e3182;
} #gdprc_bar {
background: #4e3182;
padding: 10px 0px !important;
height: 70px;
}
@media screen and (max-width: 767px) {
#gdprc_bar {
height: 150px;
}
}
@media (max-width: 500px) {
#gdprc_bar {
height: auto;
padding-top: 30px !important;
}
}
@media (max-width: 500px) {
#gdprc_bar .container {
padding: 0px 10px;
}
}
#gdprc_bar .container .gdprc_content {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (max-width: 767px) {
#gdprc_bar .container .gdprc_content {
padding-right: 20px;
}
}
@media (max-width: 500px) {
#gdprc_bar .container .gdprc_content {
padding-right: 0px !important;
}
}
#gdprc_bar .container .gdprc_content .gdprc_content__title {
order: 1;
display: none;
}
#gdprc_bar .container .gdprc_content .preword {
order: 3;
margin-right: 5px;
}
#gdprc_bar .container .gdprc_content .tussen-woord {
order: 5;
margin-right: 5px;
}
#gdprc_bar .container .gdprc_content .gdprc_content__desc {
order: 2;
margin: 0px !important;
}
#gdprc_bar .container .gdprc_content .gdprc_content__link {
order: 4;
}
#gdprc_bar .container .gdprc_content .gdprc_content__link_separator {
display: none;
}
#gdprc_bar .container .gdprc_content .gdprc_action__close {
order: 7;
}
#gdprc_bar .container .gdprc_content a {
order: 6;
margin-right: 5px;
line-height: 21px !important;
font-family: "regular";
}
@media (max-width: 500px) {
#gdprc_bar .container .gdprc_content {
margin-top: 0px;
position: relative;
}
}
#gdprc_bar .container .gdprc_content h3 {
color: white;
margin-bottom: 5px !important;
font-size: 18px !important;
}
#gdprc_bar .container .gdprc_content p {
color: white;
font-size: 12px !important;
margin-bottom: 5px !important;
line-height: 21px !important;
}
#gdprc_bar .container .gdprc_content a {
color: white;
text-decoration: none !important;
font-size: 12px !important;
}
#gdprc_bar .container .gdprc_actions a {
font-size: 12px !important;
margin-bottom: 5px !important;
color: white;
}
#gdprc_bar .container .gdprc_actions .gdprc_action__settings {
display: none;
}
#gdprc_bar .container .gdprc_actions button {
background-color: transparent;
box-shadow: none;
border: none;
color: white;
text-decoration: none;
font-size: 16px !important;
margin-bottom: -5px !important;
min-height: 91px;
margin-top: -10px;
font-family: "bold";
border-left: 1px solid white;
border-right: 1px solid white;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
#gdprc_bar .container .gdprc_actions button:hover {
background-color: white;
color: #4e3182;
}
@media screen and (max-width: 767px) {
#gdprc_bar .container .gdprc_actions button {
font-size: 12px !important;
min-height: 172px;
}
}
@media (max-width: 500px) {
#gdprc_bar .container .gdprc_actions button {
font-size: 12px !important;
min-height: 40px;
border-left: none;
border-right: none;
background-color: white;
color: #4e3182;
}
}
#gdprc_bar .container .gdprc_actions .gdprc_link {
text-decoration: none !important;
}
#gdprc_settings {
margin-top: 0px !important;
max-width: 1200px;
border: none;
}
#gdprc_settings .gdprc_header {
display: block;
}
#gdprc_settings .gdprc_actions {
background: transparent;
border-top: none;
padding: 0px 0px 30px 0px;
}
#gdprc_settings .gdprc_actions:last-child {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
#gdprc_settings .gdprc_actions:last-child .gdprc_action__save {
margin-right: 30px;
}
#gdprc_settings .gdprc_button, #gdprc_settings .gdprc_action {
min-height: 1px;
}
#gdprc_settings .gdprc_items {
background: transparent;
border-top: none;
margin-top: -30px;
padding: 0px;
border: none;
}
#gdprc_settings .gdprc_items .gdprc_item {
padding: 0px;
}
@media screen and (max-width: 495px) {
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__link {
display: none;
}
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__label {
order: 2;
margin-left: 10px;
font-family: "bold";
margin-bottom: 0px !important;
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__checkbox__wrapper {
order: 1;
margin-right: 20px;
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__desc {
order: 3;
}
@media screen and (max-width: 495px) {
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__desc {
display: block;
}
}
#gdprc_settings .gdprc_items .gdprc_item .gdprc_item__checkbox__wrapper label {
background-color: white;
}
.cookie-header {
min-height: 400px;
}
.cookie-row ul {
margin-bottom: 30px !important;
}
.cookie-row ul li {
position: relative;
width: calc(100% - 30px);
left: 30px;
}
.cookie-row ul li svg {
position: absolute;
left: -30px;
top: 50%;
transform: translateY(-50%);
}
.cookie-row .container {
margin-bottom: 50px !important;
}
@media screen and (max-width: 767px) {
.cookie-row .container .cookie-consent {
width: 100%;
}
}
@media screen and (max-width: 495px) {
.cookie-row .container .cookie-consent {
width: 100%;
}
}
.cookie-row .container img {
margin-bottom: 30px;
}
.privacyblok {
padding: 30px 0;
}
.privacyblok h1 {
margin-bottom: 60px !important;
}
.privacyblok h5 {
margin-bottom: 0;
}
.privacyblok ul {
margin-bottom: 30px;
}
.privacyblok li {
list-style-type: disc;
font-family: "regular";
}
.privacyblok .container > div > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.form-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
}
.form-wrapper input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper select {
width: calc(100% - 20px);
border: none;
color: #4e3182;
background-color: #eae8f2;
line-height: 40px;
height: 40px;
padding: 0px;
padding-left: 10px;
margin-top: 25px !important;
border-radius: 7px !important;
}
.form-wrapper textarea {
width: calc(100% - 10px);
border: none;
color: #4e3182;
background-color: #eae8f2;
padding: 10px 0px 0px;
padding-left: 10px;
margin: 0px;
margin-top: 25px;
height: 120px;
border-radius: 7px !important;
}
.form-wrapper input:not([type="submit"]) {
margin-top: 10px;
}
.form-wrapper select {
padding-right: 10px;
width: 100% !important;
}
.form-wrapper input[type="submit"] {
margin: 25px auto 0;
}
.form-wrapper p {
width: 100%;
}
.form-wrapper .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
.form-wrapper .flex-verzend p {
margin-bottom: 0px !important;
}
.form-wrapper .flex-verzend .ajax-loader {
display: none;
}
.form-wrapper .flex-verzend input {
width: 100%;
padding-left: unset;
padding: 0px 20px;
margin: 0px;
margin-bottom: 0px;
}
.form-wrapper .full-width {
width: 100%;
}
.form-wrapper .full-width input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .full-width select {
width: calc(100% - 10px);
}
.form-wrapper .half-width {
width: 50%;
}
.form-wrapper .half-width.first input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .half-width.first select {
margin: 0px 10px 0px 0px;
}
.form-wrapper .half-width.last input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .half-width.last select {
margin: 0px 0px 0px 10px;
}
.form-wrapper .half-width.last span.wpcf7-not-valid-tip {
padding-left: 10px;
}
@media screen and (max-width: 767px) {
.form-wrapper .half-width {
width: 100%;
}
.form-wrapper .half-width input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .half-width select {
width: calc(100% - 10px);
margin: 25px 0 0 0 !important;
}
.form-wrapper .half-width.last span.wpcf7-not-valid-tip {
padding-left: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.form-wrapper .half-width {
width: 100%;
}
.form-wrapper .half-width input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .half-width select {
width: calc(100% - 10px);
margin: 25px 0 0 0 !important;
}
}
.form-wrapper .third-width {
width: 33.33%;
}
.form-wrapper .third-width.first input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .third-width.first select {
margin: 0px 10px 0px 0px;
}
.form-wrapper .third-width.last input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .third-width.last select {
margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 767px) {
.form-wrapper .third-width {
width: 100%;
}
.form-wrapper .third-width input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .third-width select {
width: calc(100% - 10px);
margin: 25px 0 0 0 !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.form-wrapper .third-width {
width: 100%;
}
.form-wrapper .third-width input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .form-wrapper .third-width select {
width: calc(100% - 10px);
margin: 25px 0 0 0 !important;
}
}
.form-wrapper.fancy p {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 495px) {
.form-wrapper.fancy p {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.form-wrapper.fancy p label {
max-width: 200px;
min-width: 200px;
}
@media screen and (max-width: 495px) {
.form-wrapper.fancy p label {
width: 100%;
max-width: unset !important;
min-width: unset !important;
}
}
.form-wrapper.fancy p > span {
width: calc(100% - 200px - 20px);
margin-left: 20px;
}
@media screen and (max-width: 495px) {
.form-wrapper.fancy p > span {
width: 100% !important;
margin-left: 0px !important;
}
}
.form-wrapper.fancy p input:not(.wpcf7-submit) {
border: none;
padding-left: 0px !important;
border-bottom: 1px solid black;
position: relative;
overflow: hidden;
}
.form-wrapper.fancy p input:not(.wpcf7-submit)::placeholder {
width: 100%;
transform: translatex(-100%);
transition: all 0.3s ease-in-out;
transform-origin: left;
}
.form-wrapper.fancy p input:not(.wpcf7-submit):focus::placeholder {
transform: translatex(0px);
}
@media screen and (max-width: 495px) {
.form-wrapper.fancy p input:not(.wpcf7-submit) {
height: 28px !important;
line-height: 28px !important;
}
}
.form-wrapper [data-class="wpcf7cf_group"], .form-wrapper .wpcf7cf_remove, .form-wrapper .wpcf7cf_add {
width: 100%;
margin: 0;
}
.form-wrapper [data-class="wpcf7cf_group"] input, .form-wrapper .wpcf7cf_remove input, .form-wrapper .wpcf7cf_add input {
margin-bottom: 0px !important;
}
.form-wrapper .kc_captcha {
margin: 0 auto;
}
.form-wrapper .captcha-image {
border: none;
max-width: 350px;
font-size: 14px;
}
.form-wrapper .captcha-image .cf7ic_instructions span {
color: #4e3182;
}
.form-wrapper .captcha-image label > input:checked + svg, .form-wrapper .captcha-image label > input:focus + svg {
border: 1px solid #4e3182;
}
.form-wrapper .captcha-image svg {
width: 25px;
height: 25px;
color: #4e3182;
} .rmp-container {
width: 70%;
max-width: 350px;
min-width: 0 !important;
z-index: 999999999 !important;
}
.rmp-container .border-bot {
display: none !important;
}
.nav-down {
top: 60px !important;
}
@media screen and (max-width: 1040px) {
.nav-down {
top: 0px !important;
}
}
.nav-up {
top: -160px !important;
}
.top-down {
top: 0px;
}
.top-up {
top: -200px;
}
.stick-top {
top: 0px !important;
}
.stick-menu {
top: 60px !important;
}
.site-header {
position: absolute;
top: 0px;
width: 100%;
z-index: 99999;
background-color: transparent;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.site-header .site-header-main {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
height: auto;
max-width: 1200px;
margin: 0 auto !important;
padding: 0px 40px;
}
.site-header .site-header-main .site-header-menu {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.site-header .site-branding {
display: block;
align-items: center;
width: 180px;
align-items: center;
position: absolute;
top: 20px;
left: 30px;
}
@media screen and (max-width: 1240px) {
.site-header .site-branding {
left: 40px;
}
}
@media screen and (max-width: 767px) {
.site-header .site-branding {
width: 150px;
}
}
@media screen and (max-width: 495px) {
.site-header .site-branding {
width: 120px;
top: 5px;
}
}
.site-header.make-it-sticky {
position: fixed;
background: white;
box-shadow: 0px 2px 8px 0px #d2d2d2;
}
.site-header.make-it-sticky .site-branding {
position: relative;
left: auto;
top: 0;
height: 100px;
width: auto;
}
.site-header .main-navigation {
width: 100%;
}
.site-header .main-navigation ul {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
height: auto;
}
.site-header .main-navigation ul.primary-menu > li:last-child {
margin-left: 10px;
}
.site-header .main-navigation ul li {
position: relative;
height: 70px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.site-header .main-navigation ul li .dropdown-toggle {
display: none;
}
.site-header .main-navigation ul li:hover .sub-menu {
display: block;
}
.site-header .main-navigation ul li a {
text-decoration: none;
display: block;
padding: 0 10px;
line-height: 30px;
white-space: nowrap;
text-transform: uppercase;
}
.site-header .main-navigation ul li a:hover, .site-header .main-navigation ul li a:active {
font-family: "extrabold";
}
.site-header .main-navigation ul li.current-menu-item > a {
font-family: "extrabold";
}
.site-header .main-navigation ul li i {
position: absolute;
left: -40px;
top: calc(50% - 9px);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
opacity: 0;
}
.site-header .main-navigation ul li.menu-item-has-children > a:after {
font-family: "Font Awesome 5 Free";
content: "";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
display: inline-block;
margin-left: 2px;
}
.site-header .main-navigation ul li .sub-menu {
display: none;
position: absolute;
font-family: "regular" !important;
margin: 0;
padding: 10px;
background: white;
box-shadow: 0px 2px 8px 0px #d2d2d2;
left: 10px;
top: 70px;
z-index: 9999;
width: auto;
min-width: 200px;
}
.site-header .main-navigation ul li .sub-menu .border-bot {
display: none;
}
.site-header .main-navigation ul li .sub-menu li {
height: auto;
width: 100%;
display: block;
}
.site-header .main-navigation ul li .sub-menu li:last-child {
display: block;
width: auto;
}
.site-header .main-navigation ul li .sub-menu li:last-child a {
margin-bottom: 0px !important;
}
.site-header .main-navigation ul li .sub-menu li:hover .sub-menu {
display: block;
}
.site-header .main-navigation ul li .sub-menu li a {
color: #4e3182;
font-weight: bold;
padding: 0px 10px;
text-align: left;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
text-decoration: none;
font-size: 14px;
border-radius: 3px !important;
margin-bottom: 5px;
}
.site-header .main-navigation ul li .sub-menu li a:hover {
font-family: "extrabold";
}
.site-header .menu-toggle, .site-header .dropdown-toggle span {
display: none;
}
.fullheader-1 {
position: relative;
margin-top: -130px;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.fullheader-1 a {
z-index: 2;
}
@media screen and (max-width: 495px) {
.fullheader-1 {
margin-top: -170px;
}
}
.fullheader-1 .container {
max-width: 50%;
padding: 40px;
background-color: rgba(255, 255, 255, 0.6);
}
.fullheader-big {
background-size: cover;
}
.fullheader-small {
height: 400px;
background-size: cover;
} div#responsive-menu-additional-content {
position: relative;
top: 50px;
}
div#responsive-menu-additional-content .topbar {
background: transparent;
}
.topbar {
position: static;
width: 100%;
padding: 5px 0px;
box-sizing: border-box;
min-height: 50px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
background: #4e3182;
}
.topbar .custom-hamburger {
display: none;
}
@media screen and (max-width: 1040px) {
.topbar {
position: relative !important;
}
}
@media screen and (max-width: 495px) {
.topbar {
padding: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar {
padding: 0px;
}
}
.topbar .show-at-mobile {
display: none !important;
}
@media screen and (max-width: 495px) {
.topbar .show-at-mobile {
display: block !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar .show-at-mobile {
display: block !important;
}
}
.topbar .hide-at-mobile {
align-items: flex-end !important;
}
@media screen and (max-width: 495px) {
.topbar .hide-at-mobile {
background-color: black;
}
.topbar .hide-at-mobile .flex-wrapper, .topbar .hide-at-mobile .social-wrapper {
display: none !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar .hide-at-mobile {
background-color: black;
}
.topbar .hide-at-mobile .flex-wrapper, .topbar .hide-at-mobile .social-wrapper {
display: none !important;
}
}
.topbar .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
.topbar .topbar2-wrapper {
max-width: 1200px;
margin: 0 auto;
}
.topbar .topbar2-wrapper .flex-wrapper {
margin: unset;
}
.topbar a {
line-height: 40px;
color: white;
}
@media screen and (max-width: 495px) {
.topbar a {
line-height: 28px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar a {
line-height: 28px;
}
}
.height800 {
height: 800px;
}
.container {
max-width: 1200px;
margin: 0 auto !important;
}
.container li {
list-style-type: none;
}
.icon-wrapper .wpb_wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
} .topbar-flavour-1 span {
color: white;
}
.topbar-flavour-1 a {
padding: 0;
text-decoration: none;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.topbar-flavour-1 a svg {
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-right: 5px;
}
.topbar-flavour-1 a:hover {
color: white;
}
.topbar-flavour-1 a:hover svg {
color: white;
}
.topbar-flavour-1 .flex-wrapper > span {
padding: 0 10px;
}
@media screen and (max-width: 495px) {
.topbar-flavour-1 .flex-wrapper > span {
padding: 0 10px;
}
}
@media screen and (max-width: 767px) {
.topbar-flavour-1 .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 495px) {
.topbar-flavour-1 .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-1 .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.topbar-flavour-1-reverse {
text-align: right;
}
.topbar-flavour-1-reverse .topbar-container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 1240px;
margin: 0 auto;
}
.topbar-flavour-1-reverse .flex-wrapper {
margin: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.topbar-flavour-1-reverse .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 495px) {
.topbar-flavour-1-reverse .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-1-reverse .flex-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 533px) {
.topbar-flavour-1-reverse .flex-wrapper {
width: 100%;
}
}
.topbar-flavour-1-reverse .home-button {
padding-left: 20px;
}
@media screen and (max-width: 533px) {
.topbar-flavour-1-reverse .home-button {
display: none;
}
} .topbar-flavour-2 a {
padding: 0 20px;
text-decoration: none;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.topbar-flavour-2 a svg {
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
margin-right: 5px;
}
.topbar-flavour-2 a:hover {
color: #4e3182;
}
.topbar-flavour-2 a:hover svg {
color: white;
}
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (max-width: 495px) {
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.topbar-flavour-2 .topbar2-wrapper .wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 505px) {
.topbar-flavour-2 .topbar2-wrapper .wrapper {
display: none;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 1040px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper {
position: relative;
right: 50px;
}
}
@media screen and (max-width: 767px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper {
display: none;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .facebook {
border: 2px solid #3b5998;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .facebook svg {
color: #3b5998;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .twitter {
border: 2px solid #55acee;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .twitter svg {
color: #55acee;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .pinterest {
border: 2px solid #cb2027;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .pinterest svg {
color: #cb2027;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .linkedin {
border: 2px solid #007bb5;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper .linkedin svg {
color: #007bb5;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a {
background: white;
line-height: 30px;
margin: 0px 5px;
border-radius: 50%;
width: 30px;
height: 30px;
padding: 0px;
text-align: center;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 495px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a {
margin-right: 10px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a {
margin-right: 10px !important;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a:hover {
border: 2px solid white;
color: white;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.facebook:hover {
background: #3b5998;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.twitter:hover {
background: #55acee;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.pinterest:hover {
background: #cb2027;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a.linkedin:hover {
background: #007bb5;
border-radius: 0%;
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a svg {
color: #4e3182;
position: relative;
left: 2px;
}
@media screen and (max-width: 495px) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a svg {
left: 0px;
top: -2px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a svg {
left: 0px;
top: -2px;
}
}
.topbar-flavour-2 .topbar2-wrapper .social-wrapper a:hover svg {
color: white;
} .swal2-popup .swal2-header .swal2-title span {
line-height: 28px !important;
}
.swal2-popup .swal2-actions button {
display: inline-block !important;
}
.swal2-popup .swal2-actions button span {
color: white !important;
}
@media screen and (max-width: 767px) {
.contact .container {
display: flex;
flex-wrap: wrap;
}
}
.contact .container .map-container {
margin-top: 50px;
}
.contact .container .map-container > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.contact .container .content {
width: calc(50% - 100px);
margin-right: 100px;
}
.contact .container .content img {
margin-bottom: 30px;
}
.contact .container .content .openingstijden {
width: 100%;
}
.contact .container .content .openingstijden tr {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid black;
line-height: 40px;
}
@media screen and (max-width: 767px) {
.contact .container .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact .container .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px !important;
}
}
.contact .container .zijbalk {
width: 50%;
margin-left: 0px;
padding: 30px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
}
@media screen and (max-width: 767px) {
.contact .container .zijbalk {
width: 100%;
margin-left: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.contact .container .zijbalk {
width: 100%;
margin-left: 0px;
}
}
.contact.contact-flavour-3 .contactinfo {
margin-bottom: 30px !important;
width: 100%;
}
.contact.contact-flavour-3 .contactinfo tr {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid black;
line-height: 40px;
}
.contact.contact-flavour-3 .zijbalk img {
margin-bottom: 30px;
}
.contact.contact-flavour-3 .zijbalk ul {
padding: 0px;
}
.contact.contact-flavour-3 .zijbalk ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
line-height: 40px;
}
.contact.contact-flavour-3 .zijbalk ul li svg {
margin-right: 20px;
font-size: 24px;
}
.contact.contact-flavour-4 select, .contact.contact-flavour-4 input:not([type="radio"]) {
line-height: 40px;
height: 40px;
border: 1px solid black;
background-color: white;
width: 100%;
border-radius: 0px !important;
-webkit-appearance: none;
}
.contact.contact-flavour-4 input:not([type="radio"]) {
padding: 0px;
height: 38px !important;
padding-left: 10px;
width: calc(100% - 10px);
}
.contact.contact-flavour-4 select {
padding-left: 10px;
}
.labelcontactform {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.labelcontactform .full-width {
width: 100%;
}
.labelcontactform .full-width input {
margin: 0px;
width: calc(100% - 12px);
}
.labelcontactform .half-width {
width: 50%;
}
.labelcontactform .half-width.first input {
margin: 0px 10px 0px 0px;
}
.labelcontactform .half-width.last input {
margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 767px) {
.labelcontactform .half-width {
width: 100%;
}
.labelcontactform .half-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.labelcontactform .half-width {
width: 100%;
}
.labelcontactform .half-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
.labelcontactform .third-width {
width: 33.33%;
}
.labelcontactform .third-width.first input {
margin: 0px 10px 0px 0px;
}
.labelcontactform .third-width.last input {
margin: 0px 0px 0px 10px;
}
@media screen and (max-width: 767px) {
.labelcontactform .third-width {
width: 100%;
}
.labelcontactform .third-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.labelcontactform .third-width {
width: 100%;
}
.labelcontactform .third-width input {
width: calc(100% - 12px);
margin: 0px !important;
}
}
.labelcontactform label {
display: block;
margin-bottom: 15px;
}
.labelcontactform input {
width: calc(100% - 22px);
border: 1px solid black;
line-height: 40px;
height: 40px;
padding-left: 10px;
margin: 0px 20px;
border-radius: 0px !important;
}
.labelcontactform textarea {
width: calc(100% - 12px);
border: 1px solid black;
line-height: 28px;
height: 150px;
padding: 0px;
padding-left: 10px;
margin: 0px;
border-radius: 0px !important;
}
.labelcontactform .submitcf7 {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
.labelcontactform .submitcf7 p {
margin-bottom: 0px !important;
}
.labelcontactform .submitcf7 .ajax-loader {
display: none;
}
.labelcontactform .submitcf7 input {
width: auto;
padding: 0px 20px;
margin: 0px;
cursor: pointer;
}
.cta {
background-color: #4e3182;
position: relative;
background-size: cover;
}
.cta .container h2, .cta .container h3, .cta .container p {
color: white;
text-align: center !important;
}
@media screen and (max-width: 495px) {
.cta .container h2 {
margin-bottom: 15px !important;
}
.cta .container h3 {
margin-bottom: 30px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.cta .container h2 {
margin-bottom: 15px !important;
}
.cta .container h3 {
margin-bottom: 30px !important;
}
}
.cta.cta-flavour-2 {
position: relative;
background-attachment: fixed;
}
.cta.cta-flavour-2 > div {
position: unset;
}
.cta.cta-flavour-2 .container {
position: relative;
z-index: 999;
}
.cta.cta-flavour-2 .cta-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 99;
background-color: rgba(0, 0, 0, 0.8);
}
.cta.cta-flavour-3 {
padding: 50px 0;
}
.cta.cta-flavour-3 h2 {
font-size: 32px;
line-height: 32px;
margin-bottom: 0 !important;
}
.cta.cta-flavour-3 a {
color: white;
font-size: 32px;
font-family: "bold";
text-decoration: underline;
}
@media screen and (max-width: 495px) {
.cta.cta-flavour-3 {
padding: 20px 0;
}
.cta.cta-flavour-3 a, .cta.cta-flavour-3 h2 {
font-size: 24px !important;
}
.cta.cta-flavour-3 a {
display: block;
}
}
.dienstblok .container.marbot50 {
margin-bottom: 50px !important;
}
.dienstblok .container.last-container .dienstbox {
padding-bottom: 0px !important;
}
@media screen and (max-width: 495px) {
.dienstblok .container.last-container .dienstbox {
padding-bottom: 20px !important;
}
.dienstblok .container.last-container .dienstbox:last-child {
padding-bottom: 0px !important;
}
}
.dienstblok .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.dienstblok .vierblocks .dienstbox {
width: 50% !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok .vierblocks .dienstbox {
width: 100% !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 45px 20px 0px;
}
@media screen and (max-width: 767px) {
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 37.5px 50px 0px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok .vierblocks .dienstbox:nth-child(1) {
padding: 0px 0px 50px 0px !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 30px 20px 20px;
}
@media screen and (max-width: 767px) {
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 50px 37.5px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 50px 0px !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 20px 30px;
}
@media screen and (max-width: 767px) {
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 37.5px 0px 0px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 0px 0px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok .vierblocks .dienstbox:nth-child(3) {
padding: 0px 0px 50px 0px !important;
}
}
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 20px 45px;
}
@media screen and (max-width: 767px) {
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 37.5px !important;
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 15px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 0px !important;
}
}
@media screen and (max-width: 767px) {
.dienstblok .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.dienstblok .teksthouder {
text-align: center;
margin-bottom: 50px !important;
}
.dienstblok .teksthouder .dont-clamp-this p {
max-width: 800px;
margin: 0 auto;
}
.dienstblok .dienstbox {
padding: 0px 25px 20px 25px;
}
.dienstblok .dienstbox h4 {
font-size: 20px;
line-height: 20px;
}
@media screen and (max-width: 495px) {
.dienstblok .dienstbox {
padding: 0px 0px 20px 0px;
}
}
.dienstblok .dienstbox:first-child {
padding: 0px 50px 20px 0px;
}
@media screen and (max-width: 495px) {
.dienstblok .dienstbox:first-child {
padding: 0px 0px 20px 0px;
}
}
.dienstblok .dienstbox:last-child {
padding: 0px 0px 20px 50px;
}
@media screen and (max-width: 495px) {
.dienstblok .dienstbox:last-child {
padding: 0px 0px 0px 0px;
}
}
.dienstblok .dienstbox .iconwrapper {
background-color: #4e3182;
border-radius: 50%;
width: 70px;
height: 70px;
margin: 0 auto;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok .dienstbox .iconwrapper svg {
font-size: 30px;
color: white;
}
@media screen and (max-width: 767px) {
.dienstblok .dienstbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
}
.dienstblok .dienstbox .iconwrapper svg {
font-size: 24px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .dienstbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
}
.dienstblok .dienstbox .iconwrapper svg {
font-size: 24px;
}
}
.dienstblok .dienstbox .vc_separator {
margin: 10px 0px;
}
.dienstblok .dienstbox .vc_separator .vc_sep_line {
width: 50%;
left: 50%;
transform: translatex(-50%);
border-top: 2px solid #4e3182;
max-width: 70px;
}
.dienstblok .dienstbox > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.dienstblok .dienstbox .wpb_single_image {
margin-bottom: 20px;
}
.dienstblok .dienstbox .wpb_wrapper .vc_icon_element .vc_icon_element-inner {
width: 70px !important;
height: 70px !important;
}
@media screen and (max-width: 767px) {
.dienstblok .dienstbox .wpb_wrapper .vc_icon_element .vc_icon_element-inner {
width: 50px !important;
height: 50px !important;
}
}
.dienstblok .icon {
background: transparent;
}
.dienstblok .iconbox .iconwrapper {
border-radius: 50%;
width: 70px;
height: 70px;
margin: 0 auto;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok .iconbox .iconwrapper svg {
font-size: 30px;
color: white;
}
@media screen and (max-width: 767px) {
.dienstblok .iconbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
left: 10px;
}
.dienstblok .iconbox .iconwrapper svg {
font-size: 24px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok .iconbox .iconwrapper {
width: 50px;
height: 50px;
position: relative;
left: 10px;
}
.dienstblok .iconbox .iconwrapper svg {
font-size: 24px;
}
}
.dienstblok.dienstblok-flavour-1 {
text-align: center;
}
.dienstblok.dienstblok-flavour-1 .iconholder .iconwrapper {
background-color: #4e3182;
border-radius: 50%;
width: 70px;
height: 70px;
margin: 0 auto;
margin-bottom: 30px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok.dienstblok-flavour-1 .iconholder .iconwrapper svg {
font-size: 30px;
color: white;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-1 .dienstbox {
width: 100%;
padding: 0px !important;
margin-bottom: 50px !important;
}
.dienstblok.dienstblok-flavour-1 .dienstbox:last-child {
margin-bottom: 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-1 .dienstbox {
width: 50%;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-flavour-1 .dienstbox {
width: 100%;
}
}
.dienstblok.dienstblok-flavour-2 .teksthouder {
max-width: 1000px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox {
color: #4e3182;
padding: 0px 10px 0px 10px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox .standard-button p {
margin-bottom: 0 !important;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:first-child {
padding: 0px 20px 0px 0px;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:last-child {
padding: 0px 0px 0px 20px;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-2 .dienstbox {
padding: 0;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:first-child {
padding: 0;
}
.dienstblok.dienstblok-flavour-2 .dienstbox:last-child {
padding: 0;
margin-bottom: 0;
}
}
.dienstblok.dienstblok-flavour-2 .dienstbox > div {
height: 100%;
box-shadow: none;
border: 1px solid #4e3182;
border-radius: 20px;
padding: 10px !important;
background-color: white;
}
.dienstblok.dienstblok-flavour-2 .dienstbox > div > div {
padding: 0px 10px 10px 10px;
text-align: center;
}
.dienstblok.dienstblok-flavour-2 .dienstbox .wpb_single_image {
margin-left: -10px;
margin-right: -10px;
}
@media screen and (max-width: 960px) {
.dienstblok.dienstblok-flavour-2 .dienstbox.vc_col-sm-3 {
width: 50%;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .dienstbox.vc_col-sm-3 {
width: 50%;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-flavour-2 .dienstbox.vc_col-sm-3 {
width: 100%;
}
}
.dienstblok.dienstblok-flavour-2 .dienstbox > div {
height: 100%;
padding-bottom: 60px !important;
position: relative;
}
.dienstblok.dienstblok-flavour-2 .dienstbox > div .standard-button {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.dienstblok.dienstblok-flavour-2 .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 22.5px 0px 0px;
}
@media screen and (max-width: 960px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(1) {
padding: 0px 0px 30px 0px !important;
}
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 15px 0px 10px;
}
@media screen and (max-width: 960px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(2) {
padding: 0px 0px 30px 0px !important;
}
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 7.5px 0px 15px;
}
@media screen and (max-width: 960px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(3) {
padding: 0px 0px 30px 0px !important;
}
}
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 0px 22.5px;
}
@media screen and (max-width: 960px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-flavour-2 .vierblocks .dienstbox:nth-child(4) {
padding: 0px 0px 30px 0px !important;
}
}
@media screen and (max-width: 960px) {
.dienstblok.dienstblok-flavour-2 .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-2 .vierblocks {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) and (max-width: 922px) {
.dienstblok.dienstblok-homestyle .dienstbox:not(:first-child) .social-links-duo {
padding-top: 28px;
}
}
.dienstblok.dienstblok-homestyle .container:not(.teksthouder) {
margin-bottom: 50px !important;
}
.dienstblok.dienstblok-homestyle .dienstbox > div {
background-color: #f2f2f2;
border-radius: 20px;
overflow: hidden;
text-align: center;
}
.dienstblok.dienstblok-homestyle .dienstbox > div .wpb_single_image:not(.school-logo) {
border-radius: 20px;
overflow: hidden;
}
.dienstblok.dienstblok-homestyle .dienstbox > div .school-logo {
margin-top: -100px;
}
.dienstblok.dienstblok-homestyle .dienstbox > div .school-logo img {
max-width: 200px;
}
.dienstblok.dienstblok-homestyle .dienstbox > div .social-links-duo {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 260px;
margin: 0 auto 30px;
}
.dienstblok.dienstblok-homestyle .dienstbox > div .social-links-duo .social-facebook, .dienstblok.dienstblok-homestyle .dienstbox > div .social-links-duo .social-instagram {
width: 90px;
}
.dienstblok.dienstblok-pagestyle h1, .dienstblok.dienstblok-pagestyle h2 {
margin-bottom: 0 !important;
}
.dienstblok.dienstblok-pagestyle.dienstblok-flavour-1-drie .container {
max-width: 900px;
}
.dienstblok.dienstblok-pagestyle .wpb_video_widget {
margin: 50px 0;
}
.dienstblok.dienstblok-pagestyle .dienstbox > div {
background-color: #f2f2f2;
border-radius: 20px;
overflow: hidden;
text-align: center;
box-shadow: 0px 2px 8px 0px #d2d2d2;
padding: 15px !important;
}
.dienstblok.dienstblok-pagestyle .dienstbox img {
width: 100px;
height: 100px;
}
.dienstblok.dienstblok-pagestyle .dienstbox h4 {
text-transform: uppercase;
font-size: 25px;
margin-bottom: 0 !important;
}
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(1) {
padding: 0px 22.5px 0px 0px;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(1) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(1) {
padding: 0px 0px 20px 0px !important;
}
}
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(2) {
padding: 0px 15px 0px 10px;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(2) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(2) {
padding: 0px 0px 20px 0px !important;
}
}
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(3) {
padding: 0px 7.5px 0px 15px;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(3) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(3) {
padding: 0px 15px 30px 0px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(3) {
padding: 0px 0px 20px 0px !important;
}
}
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(4) {
padding: 0px 0px 0px 22.5px;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(4) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(4) {
padding: 0px 0px 30px 15px !important;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-pagestyle .dienstbox:nth-child(4) {
padding: 0px 0px 20px 0px !important;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox {
width: 70px;
height: 70px;
margin: 0px 20px 40px 0px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(33.33% - 90px);
padding: 0px 0px 20px 20px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox .vc_separator .vc_sep_line {
left: 0;
transform: translateX(0%);
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(33.33% - 70px);
padding: 0px 0px 20px 10px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(33.33% - 70px);
padding: 0px 0px 20px 10px;
}
}
@media screen and (max-width: 495px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-drie .dienstbox {
width: calc(100% - 70px);
padding: 0px 0px 20px 10px;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier {
padding: 100px 0;
position: relative;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier h2, .dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier h3, .dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier h4 {
text-transform: uppercase;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier h2 {
font-size: 35px;
line-height: 35px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier h3 {
font-size: 25px;
font-family: "regular";
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .standard-button {
text-align: right;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-illustratie-opleidingen-footer.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 600px;
position: absolute;
right: -100px;
z-index: 0;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .container.marbot50 {
margin-bottom: 0 !important;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox {
width: 70px;
height: 70px;
margin: 0px 20px 40px 0px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox > div {
padding-right: 0px;
padding-left: 0px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox img {
box-shadow: 6px 6px 17px 1px #d2d2d2;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox {
width: 50px;
height: 50px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .iconbox .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-lg.vc_icon_element-have-style-inner {
width: 50px !important;
height: 50px !important;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox {
width: calc(50% - 130px);
padding: 0px 0px 20px 10px;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox:nth-child(2) {
margin-right: 80px;
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox:nth-child(2) {
margin-right: 0;
}
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox .vc_separator {
margin: 30px 0;
}
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox .vc_separator .vc_sep_line {
left: 0;
transform: translateX(0%);
}
@media screen and (max-width: 767px) {
.dienstblok.dienstblok-flavour-3.dienstblok-flavour-3-vier .dienstbox {
width: calc(100% - 70px);
padding: 0px 0px 20px 10px;
}
}
.faqblok .container {
text-align: center;
}
.faqblok .container > div > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.faqblok .container p {
max-width: 600px;
margin: 0 auto;
}
.faqblok .container:first-child {
margin-bottom: 50px !important;
}
.faqblok .container .faq-single {
width: calc(50% - 15px);
padding: 30px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
text-align: left;
}
.faqblok .container .faq-single p {
max-width: none;
}
.faqblok .container .faq-single.links {
margin-right: 15px;
}
.faqblok .container .faq-single.rechts {
margin-left: 15px;
}
@media screen and (max-width: 767px) {
.faqblok .container .faq-single.rechts {
margin: 50px 0px 0px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.faqblok .container .faq-single.rechts {
margin: 50px 0px 0px 0px !important;
}
}
.faqblok .container .faq-single .vc_toggle {
border: 0px solid #d2d2d2;
border-bottom: none;
padding: 5px 20px 5px 5px;
margin: 0px;
}
.faqblok .container .faq-single .vc_toggle:last-child {
border-bottom: 0px solid #d2d2d2;
}
@media screen and (max-width: 495px) {
.faqblok .container .faq-single .vc_toggle h4 {
line-height: 1.2em;
}
}
@media screen and (max-width: 767px) {
.faqblok .container .faq-single {
width: 100%;
margin: 0px 0px 0px 0px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.faqblok .container .faq-single {
width: 100%;
margin: 0px 0px 0px 0px !important;
}
}
.faqblok.faqblok-flavour-2 .container {
text-align: center;
}
.faqblok.faqblok-flavour-2 .container .faq-single {
width: 75%;
position: relative;
left: 50%;
transform: translatex(-50%);
text-align: left;
}
@media screen and (max-width: 767px) {
.faqblok.faqblok-flavour-2 .container .faq-single {
width: 100%;
left: unset;
transform: translatex(0%);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.faqblok.faqblok-flavour-2 .container .faq-single {
width: 100%;
left: unset;
transform: translatex(0%);
}
}
.introblok.colored-bg .zijbalk {
background-color: white;
}
.introblok .content {
width: calc(100% - 400px - 100px);
margin-right: 100px;
}
.introblok .content > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 1040px) {
.introblok .content {
width: calc(100% - 300px - 60px - 1px);
margin-right: 60px;
}
}
@media screen and (max-width: 767px) {
.introblok .content {
width: calc(100% - 250px - 60px - 1px);
margin-right: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.introblok .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
}
}
.introblok .zijbalk {
width: 400px;
background: white;
padding: 0px 0px 30px 0px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
text-align: left;
}
.introblok .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.introblok .zijbalk figure {
width: 100%;
margin-bottom: 30px;
}
.introblok .zijbalk figure .vc_single_image-wrapper {
width: 100%;
}
.introblok .zijbalk figure .vc_single_image-wrapper img {
width: 100%;
}
.introblok .zijbalk ul {
padding: 0px;
margin: 0px;
width: calc(100% - 100px);
margin: 0 auto;
margin-bottom: 30px !important;
}
.introblok .zijbalk ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.introblok .zijbalk ul li:hover svg {
left: 5px;
}
.introblok .zijbalk ul li svg {
margin: 0px;
margin-right: 15px;
background: white;
border-radius: 50%;
width: 20px;
height: 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
left: 0px;
top: 4px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 495px) {
.introblok .zijbalk ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok .zijbalk ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (max-width: 767px) {
.introblok .zijbalk ul {
width: calc(100% - 40px);
}
}
.introblok .zijbalk a {
position: relative;
overflow: hidden;
}
.introblok .zijbalk a svg {
position: absolute;
left: -100px;
color: white;
top: calc(50% - 8px);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.introblok .zijbalk a:hover svg {
left: 10px;
}
@media screen and (max-width: 1040px) {
.introblok .zijbalk {
width: 300px;
}
}
@media screen and (max-width: 767px) {
.introblok .zijbalk {
width: 250px;
}
}
@media screen and (max-width: 495px) {
.introblok .zijbalk {
width: 100%;
margin-left: 0px;
}
}
.introblok.introblok-flavour-1 .zijbalk {
padding: 30px 0px;
}
.introblok.introblok-flavour-1 .zijbalk h3 {
margin-bottom: 30px !important;
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-1 .zijbalk {
padding: 15px !important;
}
.introblok.introblok-flavour-1 .zijbalk ul {
margin-bottom: 15px !important;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-1 .zijbalk {
width: 100%;
margin-left: 0px;
padding-bottom: 0px !important;
padding-top: 0px !important;
box-shadow: none;
}
.introblok.introblok-flavour-1 .zijbalk > div > div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(1) {
max-width: 150px;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(1) figure {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(2) {
width: calc(100% - 150px - 185px);
margin-left: 25px;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(2) ul {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-1 .zijbalk > div > div > div:nth-child(3) {
max-width: 160px;
}
}
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk {
padding: 0px 0px 30px 0px !important;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk {
padding-bottom: 0px !important;
}
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk {
padding: 0px 0px 15px 0px !important;
}
.introblok.introblok-flavour-1.introblok-flavour-1-sidebar-2 .zijbalk figure {
margin-bottom: 15px !important;
}
}
.introblok.introblok-flavour-2 {
text-align: center;
}
.introblok.introblok-flavour-2 .container {
max-width: 600px;
margin: 0 auto;
}
.introblok.introblok-flavour-3 .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-3 .content {
width: calc(50% - 25px);
margin-right: 25px;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3 .content {
order: -1;
width: 100%;
padding-bottom: 0px;
}
}
.introblok.introblok-flavour-3 .zijbalk {
box-shadow: none;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3 .zijbalk {
padding: 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-3 .zijbalk {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3 .zijbalk {
padding: 0px;
width: 100%;
}
}
.introblok.introblok-flavour-3.mirrored .content {
margin-right: 0px;
margin-left: 100px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-3.mirrored .content {
margin-left: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-3.mirrored .content {
width: calc(50% - 25px);
margin-left: 25px;
margin-right: 0px;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3.mirrored .content {
margin-left: 0px;
}
}
.introblok.introblok-flavour-3.mirrored .zijbalk {
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3.mirrored .zijbalk {
margin-right: 0px;
padding: 0px;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3.switched .content {
margin-left: 60px !important;
margin-right: 0px !important;
order: 2;
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3.switched .content {
margin-left: 0px !important;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3.switched.mirrored .content {
margin-left: 60px !important;
margin-right: 0px !important;
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-3.switched.mirrored .content {
margin-left: 0px !important;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-4 {
padding: 50px 0px 0px 0px !important;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box {
position: relative;
margin-bottom: 43px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-4 .container .intro-hover-box {
margin-bottom: 45px;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-4 .container .intro-hover-box {
margin-bottom: 45px;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box a {
position: absolute;
left: 0;
right: 0;
bottom: 5px;
top: 0;
background-color: rgba(78, 49, 130, 0.5);
transform-origin: top;
opacity: 0;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-4 .container .intro-hover-box a {
opacity: 1;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper {
pointer-events: none !important;
position: absolute;
z-index: 99991;
opacity: 0;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h1, .introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h2, .introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h3, .introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper p {
color: white;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper h3 {
margin-bottom: 10px !important;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper p {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 150px;
height: 1px;
background-color: white;
display: inline-block;
margin-bottom: 10px;
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 75px;
}
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-4 .container .intro-hover-box .box-tekst-wrapper {
opacity: 1;
}
}
.introblok.introblok-flavour-4 .container .intro-hover-box img {
width: 100%;
}
.introblok.introblok-flavour-4 .container .intro-hover-box:hover .box-tekst-wrapper {
opacity: 1;
}
.introblok.introblok-flavour-4 .container .intro-hover-box:hover a {
opacity: 0.5;
}
.introblok.introblok-flavour-4 .container .intro-hover-box.no-mar-bot {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-4 .container .content {
width: calc(100% - 400px);
margin-right: 0px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-4 .container .content {
width: calc(100% - 310px);
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-4 .container .content {
width: calc(100% - 220px);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-4 .container .content {
width: 25%;
}
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-4 .container .content {
width: 100%;
}
}
.introblok.introblok-flavour-4 .container .zijbalk {
box-shadow: none;
margin-left: 0px;
background: white;
padding: 0px 0px 0px 15px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 310px;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 220px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 75%;
}
.introblok.introblok-flavour-4 .container .zijbalk > div > div {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.introblok.introblok-flavour-4 .container .zijbalk > div > div .intro-hover-box {
padding: 0px 12.5px;
}
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-4 .container .zijbalk {
width: 100%;
padding: 0px !important;
}
}
.introblok.introblok-flavour-5 .container .intro-hover-box {
position: relative;
margin-bottom: 60px;
}
.introblok.introblok-flavour-5 .container .intro-hover-box a {
position: absolute;
left: 0;
right: 0;
bottom: 5px;
top: 0;
background-color: rgba(78, 49, 130, 0.5);
transform-origin: top;
opacity: 0;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-5 .container .intro-hover-box a {
opacity: 1;
}
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper {
pointer-events: none !important;
position: absolute;
z-index: 99991;
opacity: 0;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
text-align: center;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper h2, .introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper h3, .introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper p {
color: white;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper h3 {
margin-bottom: 10px !important;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper p {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 150px;
height: 1px;
background-color: white;
display: inline-block;
margin-bottom: 10px;
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper .seppie {
width: 75px;
}
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-5 .container .intro-hover-box .box-tekst-wrapper {
opacity: 1;
}
}
.introblok.introblok-flavour-5 .container .intro-hover-box img {
width: 100%;
}
.introblok.introblok-flavour-5 .container .intro-hover-box:hover .box-tekst-wrapper {
opacity: 1;
}
.introblok.introblok-flavour-5 .container .intro-hover-box:hover a {
opacity: 0.5;
}
.introblok.introblok-flavour-5 .container .intro-hover-box.no-mar-bot {
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 395px);
margin-right: 0px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 320px);
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 230px);
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-5 .container .content {
width: calc(100% - 245px);
}
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-5 .container .content {
width: 100%;
}
}
.introblok.introblok-flavour-5 .container .zijbalk {
box-shadow: none;
margin-left: 0px;
background: white;
padding: 0px 15px 0px 0px;
width: 395px;
}
@media screen and (max-width: 1040px) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 320px;
}
}
@media screen and (max-width: 767px) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 230px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 245px;
}
}
@media screen and (max-width: 495px) {
.introblok.introblok-flavour-5 .container .zijbalk {
width: 100%;
padding: 0px !important;
margin-bottom: 45px !important;
}
}
.introblok.introblok-flavour-6 .container .full-content {
width: 100% !important;
margin-bottom: 50px !important;
}
.introblok.introblok-flavour-6 .container .full-content > div {
padding-right: 0px !important;
padding-left: 0px !important;
}
.introblok.introblok-flavour-6 .container .full-content > div h1, .introblok.introblok-flavour-6 .container .full-content > div h2, .introblok.introblok-flavour-6 .container .full-content > div h3, .introblok.introblok-flavour-6 .container .full-content > div h4, .introblok.introblok-flavour-6 .container .full-content > div h5, .introblok.introblok-flavour-6 .container .full-content > div h6, .introblok.introblok-flavour-6 .container .full-content > div p, .introblok.introblok-flavour-6 .container .full-content > div a, .introblok.introblok-flavour-6 .container .full-content > div li {
text-align: center !important;
}
.introblok.introblok-flavour-6 .container .content {
width: calc(100% - 50% - 100px);
margin-right: 0px;
margin-left: 100px;
}
.introblok.introblok-flavour-6 .container .zijbalk {
width: 50%;
box-shadow: none;
}
.introblok.introblok-flavour-6 .container .zijbalk ul {
margin: 0px;
padding: 0px;
width: 100%;
margin-bottom: 0px !important;
}
.introblok.introblok-flavour-6 .container .zijbalk ul li svg {
color: #0c0;
}
.nieuwsblok {
padding-top: 100px;
}
.nieuwsblok:not(.fullpagenieuws) > div > div > div {
position: relative;
z-index: 1;
}
.nieuwsblok:not(.fullpagenieuws) > div > div:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-solid-1.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 650px;
height: 470px;
position: absolute;
top: -20px;
left: -220px;
z-index: 0;
}
.nieuwsblok:not(.fullpagenieuws) > div > div:after {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-line.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
top: -30px;
right: -220px;
z-index: 0;
}
.nieuwsblok .container select {
height: 40px;
width: 100%;
border-radius: 0px !important;
padding-left: 10px;
background-color: transparent;
}
.nieuwsblok .container .smalltext p {
max-width: 800px;
margin: 0 auto;
}
.nieuwsblok .container .vc_btn3-container {
margin-bottom: 10px !important;
}
@media screen and (max-width: 495px) {
.nieuwsblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.nieuwsblok .container.marbot50 {
margin-bottom: 50px !important;
}
.nieuwsblok .container > div > div {
padding-left: 0px;
padding-right: 0px;
}
.nieuwsblok .container .content-full-three {
width: 100%;
margin-left: 0px;
}
.nieuwsblok .container .content-full-three .vc_grid {
margin: 30px 0;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item {
width: 33.33%;
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item {
width: 50%;
}
}
@media screen and (max-width: 495px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item {
width: 100%;
}
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_grid-filter {
display: block !important;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_grid-item-mini {
box-shadow: none;
border: 1px solid #4e3182;
border-radius: 20px;
background: white;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-zone {
border-radius: 20px;
overflow: hidden;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-zone-c {
background-color: white !important;
padding: 10px;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading {
margin-bottom: 0;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 20px;
line-height: 28px;
height: 28px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0 !important;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 18px;
line-height: 24px;
height: 24px;
}
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 16px;
line-height: 20px;
height: 20px;
}
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 20px;
line-height: 28px;
height: 28px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
}
@media screen and (max-width: 1040px) and screen and (max-width: 1040px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 18px;
line-height: 24px;
height: 24px;
}
}
@media screen and (max-width: 1040px) and screen and (max-width: 767px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 16px;
line-height: 20px;
height: 20px;
}
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 16px;
line-height: 22px;
height: 22px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
}
@media screen and (max-width: 767px) and screen and (max-width: 1040px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 14px;
line-height: 18px;
height: 18px;
}
}
@media screen and (max-width: 767px) and screen and (max-width: 767px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 12px;
line-height: 14px;
height: 14px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 16px;
line-height: 22px;
height: 22px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) and screen and (max-width: 1040px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 14px;
line-height: 18px;
height: 18px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) and screen and (max-width: 767px) {
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 12px;
line-height: 14px;
height: 14px;
}
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-category-name {
color: #4e3182;
cursor: text;
font-size: 14px;
font-family: "extrabold";
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-category-name:not(.vc_grid-filter-item):before {
font-family: "Font Awesome 5 Free";
content: "";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data {
text-align: left !important;
margin-bottom: 0 !important;
}
.nieuwsblok .container .content-full-three .vc_grid .vc_grid-item .vc_gitem-post-data .vc_grid-filter-item {
background-color: transparent !important;
}
.nieuwsblok .container .content {
width: calc(100% - 400px - 100px - 1px);
margin-left: 100px;
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .content {
width: calc(100% - 250px - 60px - 1px);
margin-left: 60px;
}
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content {
width: calc(100% - 200px - 60px - 1px);
margin-left: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.nieuwsblok .container .content {
width: calc(100% - 250px - 60px - 1px);
margin-left: 60px;
}
}
@media screen and (max-width: 495px) {
.nieuwsblok .container .content {
width: 100%;
margin-left: 0px;
order: -1;
}
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_grid-item-mini {
box-shadow: 0px 2px 8px 0px #d2d2d2;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-zone-c {
background-color: white !important;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 24px;
line-height: 30px;
height: 30px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 22px;
line-height: 26px;
height: 26px;
}
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 20px;
line-height: 22px;
height: 22px;
}
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 21px;
line-height: 28px;
height: 28px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
}
@media screen and (max-width: 1040px) and screen and (max-width: 1040px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 19px;
line-height: 24px;
height: 24px;
}
}
@media screen and (max-width: 1040px) and screen and (max-width: 767px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 17px;
line-height: 20px;
height: 20px;
}
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 16px;
line-height: 24px;
height: 24px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
}
@media screen and (max-width: 767px) and screen and (max-width: 1040px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 14px;
line-height: 20px;
height: 20px;
}
}
@media screen and (max-width: 767px) and screen and (max-width: 767px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 12px;
line-height: 16px;
height: 16px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
display: block;
display: -webkit-box;
font-size: 16px;
line-height: 24px;
height: 24px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4:after {
display: none;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) and screen and (max-width: 1040px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 14px;
line-height: 20px;
height: 20px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) and screen and (max-width: 767px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading h4 {
font-size: 12px;
line-height: 16px;
height: 16px;
}
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading p {
display: block;
display: -webkit-box;
font-size: 16px;
line-height: 28px;
height: 84px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading p:after {
display: none;
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading p {
font-size: 14px;
line-height: 24px;
height: 72px;
}
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_custom_heading p {
font-size: 12px;
line-height: 20px;
height: 60px;
}
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data {
text-align: left !important;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_grid-filter-item {
background-color: transparent !important;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a {
background-color: transparent;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover {
background-color: transparent;
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:hover:before {
transform: rotate(3deg);
}
.nieuwsblok .container .content .vc_grid .vc_grid-item .vc_gitem-post-data .vc_gitem-post-category-name a:before {
content: "";
font-weight: 900;
font-family: "Font Awesome 5 Free";
display: inline-block;
margin-right: 5px !important;
color: #4e3182;
transform: rotate(0deg);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .content .vc_grid .vc_grid-item {
width: 100%;
}
}
.nieuwsblok .container .zijbalk {
width: 400px;
}
@media screen and (max-width: 1040px) {
.nieuwsblok .container .zijbalk {
width: 250px;
}
}
@media screen and (max-width: 767px) {
.nieuwsblok .container .zijbalk {
width: 200px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.nieuwsblok .container .zijbalk {
width: 250px;
}
}
@media screen and (max-width: 495px) {
.nieuwsblok .container .zijbalk {
width: 100% !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
min-height: 50px;
padding: 10px 0px;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li h3 {
width: calc(100% - 60px);
margin-left: 80px;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li a {
text-transform: none;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li .rpwe-time {
width: calc(100% - 60px);
margin-left: 80px;
}
.nieuwsblok .container .zijbalk .rpwe-block .rpwe-ul .rpwe-li .rpwe-img {
position: absolute;
}
.nieuwsblok.nieuwsblok-flavour-2 .container .content {
width: 100%;
margin-left: 0px;
}
.single:not(.woocommerce) .content-bottom-widgets {
z-index: 1;
}
.single:not(.woocommerce) .post-navigation, .single:not(.woocommerce) .cat-links {
display: none;
}
.single:not(.woocommerce) .entry-header {
display: block;
margin-top: 70px;
}
@media screen and (max-width: 767px) {
.single:not(.woocommerce) .entry-header {
margin-top: 0px;
}
}
.single:not(.woocommerce) ul li {
list-style-type: square;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
z-index: 1;
position: relative;
padding: 100px 20px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper):before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-illustratie-opleidingen.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 600px;
position: absolute;
top: 125px;
left: -260px;
z-index: -1;
}
.single:not(.woocommerce) .container:not(.copy-wrapper):after {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-line.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
bottom: -30px;
right: -220px;
z-index: -1;
}
@media screen and (max-width: 1040px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) {
padding: 100px 40px;
}
}
@media screen and (max-width: 767px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) {
padding: 200px 40px 50px;
}
}
.single:not(.woocommerce) .container:not(.copy-wrapper) article {
width: calc(100% - 380px - 30px);
margin-left: 30px;
}
@media screen and (max-width: 1040px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) article {
width: calc(100% - 200px - 30px);
}
}
@media screen and (max-width: 767px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) article {
width: 100%;
margin-left: 0px;
order: -1;
}
}
.single:not(.woocommerce) .container:not(.copy-wrapper) article .post-thumbnail img {
width: 100%;
height: auto;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) article .entry-header h1 {
margin: 20px 0px !important;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) article .entry-header .byline {
display: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) article .entry-header .posted-on {
width: calc(100% - 10px);
display: none;
background-color: rgba(0, 0, 0, 0.8);
padding: 10px 0px 10px 10px;
margin-bottom: 10px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) article .entry-header .posted-on .updated {
display: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) aside {
width: 380px;
margin-top: 150px;
}
@media screen and (max-width: 1040px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) aside {
width: 200px;
}
}
@media screen and (max-width: 767px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) aside {
width: 100%;
margin-top: 0px;
}
}
.single:not(.woocommerce) .container:not(.copy-wrapper) aside .rpwe-block .rpwe-ul .rpwe-li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
min-height: 50px;
padding: 10px 0px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) aside .rpwe-block .rpwe-ul .rpwe-li h3 {
width: calc(100% - 60px);
margin-left: 80px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) aside .rpwe-block .rpwe-ul .rpwe-li .rpwe-time {
width: calc(100% - 60px);
margin-left: 80px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) aside .rpwe-block .rpwe-ul .rpwe-li .rpwe-img {
position: absolute;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments {
width: calc(100% - 380px - 30px);
margin-left: 410px;
}
@media screen and (max-width: 767px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments {
width: calc(100% - 200px - 30px);
margin-left: 230px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments {
width: calc(100% - 200px - 30px);
margin-left: 230px;
}
}
@media screen and (max-width: 495px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments {
width: 100%;
margin-left: 0px;
}
}
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments #respond {
padding: 20px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments form .logged-in-as {
display: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments form .comment-form-comment label {
display: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) #comments form .comment-form-comment textarea {
width: 100%;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper {
width: 640px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper p {
margin-bottom: 0px !important;
font-family: "regular";
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper .addtoany_shortcode {
position: relative;
left: -20px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper .addtoany_shortcode .addtoany_list a {
padding: 0px;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper .addtoany_shortcode .addtoany_list a:last-child span {
border-right: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper .addtoany_shortcode .addtoany_list a span {
height: 20px;
line-height: 20px;
width: 20px;
padding: 0px 20px;
background-color: transparent !important;
border-right: 1px solid black;
border-radius: 0px;
}
@media screen and (max-width: 495px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper .addtoany_shortcode .addtoany_list a span {
padding: 0px 15px;
}
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper .addtoany_shortcode .addtoany_list a span svg path {
fill: #4e3182;
}
@media screen and (max-width: 495px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .nieuws-socialwrapper {
width: 100%;
padding-bottom: 10px;
margin-bottom: 10px;
}
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation {
width: 145px;
}
@media screen and (max-width: 495px) {
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation {
width: 100%;
}
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation h2 {
display: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-previous a {
color: black;
display: inline-block;
font-family: "regular";
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-previous a .prev-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-previous a .prev-wrapper span {
display: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-previous a .prev-wrapper span:first-child {
display: inline-block;
width: 100%;
text-align: center;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-previous a .prev-wrapper svg {
font-size: 30px;
color: #4e3182;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-next a {
color: black;
display: inline-block;
font-family: "regular";
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-next a .next-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-next a .next-wrapper span {
display: none;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-next a .next-wrapper span:first-child {
display: inline-block;
width: 100%;
text-align: center;
}
.single:not(.woocommerce) .container:not(.copy-wrapper) .nieuws-sharewrapper .post-navigation .nav-links .nav-next a .next-wrapper svg {
font-size: 30px;
color: #4e3182;
}
.single:not(.woocommerce).single-vacatures .nieuws-sharewrapper {
display: none !important;
}
.single:not(.woocommerce).single-vacatures .container:not(.copy-wrapper) aside .rpwe-block .rpwe-ul .rpwe-li {
min-height: 0;
}
.single:not(.woocommerce).single-vacatures .container:not(.copy-wrapper) aside .rpwe-block .rpwe-ul .rpwe-li h3 {
margin-left: 0;
}
@media screen and (max-width: 767px) {
.single:not(.woocommerce).single-vacatures .post-button {
margin-bottom: 20px;
}
}
.single.single-pzadv .filmblok .container {
padding: 0;
}
.single.single-pzadv .main-pzadv {
padding-top: 70px;
}
.single.single-pzadv .site-header:not(.make-it-sticky) .site-branding {
padding: 0 8px 5px;
background: white;
}
.single.single-pzadv .pzbanner {
height: 400px;
width: 100vw;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: rgba(78, 49, 130, 0.1);
}
.single.single-pzadv .pzterug {
text-align: center;
margin-top: 25px;
}
.single.single-pzadv .container:not(.copy-wrapper):before, .single.single-pzadv .container:not(.copy-wrapper):after {
display: none;
}
.single.single-pzadv .container:not(.copy-wrapper) article {
margin-left: 0;
margin-right: 30px;
order: unset;
width: calc(100% - 270px - 30px);
}
@media screen and (max-width: 1040px) {
.single.single-pzadv .container:not(.copy-wrapper) article {
width: calc(100% - 200px - 30px);
}
}
@media screen and (max-width: 767px) {
.single.single-pzadv .container:not(.copy-wrapper) article {
width: 100%;
}
}
.single.single-pzadv main .container {
padding-top: 25px !important;
max-width: 900px;
}
.single.single-pzadv .entry-header {
width: 100%;
text-align: center;
margin: 25px 0;
}
.single.single-pzadv .entry-header h2 {
line-height: 19px;
font-size: 15px;
}
.single.single-pzadv .container article h2 {
line-height: 19px;
font-size: 15px;
}
.single.single-pzadv aside.purple-sidebar {
width: 270px !important;
margin-top: 0 !important;
}
@media screen and (max-width: 1040px) {
.single.single-pzadv aside.purple-sidebar {
width: 200px !important;
}
}
@media screen and (max-width: 767px) {
.single.single-pzadv aside.purple-sidebar {
width: 100% !important;
}
}
.single.single-pzadv aside.purple-sidebar .sidecontent {
width: 265px;
margin: 0 0 0 auto;
border-radius: 20px;
background-color: #4e3182;
color: white;
padding: 35px;
box-sizing: border-box;
}
@media screen and (max-width: 1040px) {
.single.single-pzadv aside.purple-sidebar .sidecontent {
width: 190px;
padding: 15px;
}
}
@media screen and (max-width: 767px) {
.single.single-pzadv aside.purple-sidebar .sidecontent {
width: 100%;
padding: 35px;
margin: 30px auto;
}
}
.single.single-pzadv aside.purple-sidebar .sidecontent strong {
color: white;
}
.single.single-pzadv aside.purple-sidebar .sidecontent .standard-button a {
width: 100%;
background: white;
border-color: white;
color: #4e3182;
box-sizing: border-box;
text-align: center;
}
.single.single-pzadv aside.purple-sidebar .sidecontent .standard-button a:hover, .single.single-pzadv aside.purple-sidebar .sidecontent .standard-button a:active {
background: #4e3182;
border-color: white;
color: white !important;
}
.single.single-pzadv aside.purple-sidebar .sidecontent .sidefield {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.single.single-pzadv .pzmap {
width: 100%;
text-align: center;
}
.single.single-pzadv .pzmap h2 {
margin-bottom: 15px !important;
}
.single.single-pzadv .pzmap .pziframe {
border-radius: 20px;
overflow: hidden;
}
.single.single-pzadv .pzmap .pziframe iframe {
width: 100%;
}
.pzquotessingle {
background-color: rgba(78, 49, 130, 0.1);
}
.container-full.pzquotes .container:not(.copy-wrapper) {
padding: 40px 20px;
}
.container-full.pzquotes .container:not(.copy-wrapper).teksthouder {
max-width: 900px;
padding-bottom: 0;
}
.container-full.pzquotes .wpb_button, .container-full.pzquotes .wpb_content_element, .container-full.pzquotes ul.wpb_thumbnails-fluid > li {
margin-bottom: 35px;
}
.container-full.pzquotes .container.dienstboxes {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 0;
}
.container-full.pzquotes .container.dienstboxes .dienstbox {
width: 275px;
background-color: white;
border: 1px solid #4e3182;
border-radius: 20px;
margin: 20px !important;
position: relative;
box-sizing: border-box;
padding-left: 20px;
padding-right: 20px;
}
.container-full.pzquotes .container.dienstboxes .dienstbox:before {
content: "";
display: block;
position: absolute;
height: 40px;
width: 55px;
background-image: url(//www.hetstreek.nl/wp-content/uploads/quote-open.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
top: -20px;
left: 30px;
}
.container-full.pzquotes .container.dienstboxes .dienstbox:after {
content: "";
display: block;
position: absolute;
height: 40px;
width: 55px;
background-image: url(//www.hetstreek.nl/wp-content/uploads/quote-close.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
bottom: -20px;
right: 30px;
}
.container-full.pzquotes .container.dienstboxes .dienstbox img {
width: 150px;
height: 150px;
border-radius: 50%;
margin-top: 24px;
}
.vacatures .vc_grid h4:before {
font-family: "Font Awesome 5 Free";
content: "";
display: inline-block;
padding-right: 3px;
vertical-align: middle;
font-weight: 900;
margin-top: -3px;
}
.mc4wp-form {
padding: 0px;
background-color: white;
}
.mc4wp-form .mc4wp-response p {
font-family: bold !important;
height: auto !important;
margin-top: 20px;
}
.mc4wp-form .mc4wp-form-fields h2 {
font-size: 20px;
margin-bottom: 0px !important;
margin-top: 0px;
}
.mc4wp-form .mc4wp-form-fields h4 {
margin-bottom: 20px !important;
font-family: "regular";
text-align: left !important;
line-height: 21px !important;
font-size: 17px !important;
}
.mc4wp-form .mc4wp-form-fields p {
margin-bottom: 10px !important;
height: auto !important;
}
.mc4wp-form .mc4wp-form-fields .mc-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.mc4wp-form .mc4wp-form-fields .mc-wrapper p {
margin-bottom: 0px !important;
height: auto !important;
width: 100%;
}
.mc4wp-form .mc4wp-form-fields .mc-wrapper input {
display: block;
padding: 0px 0px 0px 10px;
width: calc(100% - 10px);
line-height: 40px;
height: 40px;
margin-bottom: 20px;
}
.mc4wp-form .mc4wp-form-fields .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.mc4wp-form .mc4wp-form-fields .flex-verzend a {
font-size: 14px;
}
.mc4wp-form .mc4wp-form-fields .flex-verzend input {
display: inline-block;
line-height: 40px;
height: 40px;
padding: 0px 20px;
overflow-x: hidden;
position: relative;
cursor: pointer;
width: auto !important;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.archive:not(.woocommerce) .content-area {
background-color: rgba(78, 49, 130, 0.1);
}
.archive:not(.woocommerce) .content-area .site-main {
max-width: 960px;
margin: 0 auto;
padding-bottom: 55px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.archive:not(.woocommerce) .content-area .site-main header {
width: 100%;
}
.archive:not(.woocommerce) .content-area .site-main article {
box-shadow: 0px 2px 8px 0px #d2d2d2;
position: relative;
margin-bottom: 45px !important;
background-color: white;
margin: 0px 15px;
width: calc(33.33% - 30px);
}
.archive:not(.woocommerce) .content-area .site-main article .entry-header {
position: absolute;
left: 10px;
top: -5px;
}
.archive:not(.woocommerce) .content-area .site-main article .entry-header h2 {
line-height: 28px !important;
margin-bottom: 0px !important;
}
.archive:not(.woocommerce) .content-area .site-main article .entry-header h2 a {
font-family: "bold";
color: white;
}
.archive:not(.woocommerce) .content-area .site-main article .entry-content, .archive:not(.woocommerce) .content-area .site-main article .entry-footer {
padding: 0px 10px 0px 10px;
}
.archive:not(.woocommerce) .content-area .site-main article .entry-footer {
padding-bottom: 10px;
}
.archive:not(.woocommerce) .content-area .site-main article .entry-footer .byline {
width: 100% !important;
display: block;
}
.archive:not(.woocommerce) .content-area .site-main article .entry-footer .posted-on {
width: 100% !important;
display: block;
}
.archive:not(.woocommerce) .content-area .site-main article:nth-child(3n+1) {
margin: 0px 30px 0px 0px;
}
.archive:not(.woocommerce) .content-area .site-main article:nth-child(3n+3) {
margin: 0px 0px 0px 30px;
}
.archive:not(.woocommerce) .content-area .site-main article .post-thumbnail img {
height: auto !important;
}
.archive:not(.woocommerce) .content-bottom-widgets {
background-color: white;
}
.tekstblok .container.marbot50 {
margin-bottom: 50px !important;
}
@media screen and (max-width: 767px) {
.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tekstblok .content {
width: calc(100% - 400px - 100px - 1px);
margin-right: 100px;
}
.tekstblok .content > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 1040px) {
.tekstblok .content {
width: calc(100% - 300px - 60px - 1px);
margin-right: 60px;
}
}
@media screen and (max-width: 767px) {
.tekstblok .content {
width: calc(100% - 250px - 60px - 1px);
margin-right: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok .content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.tekstblok .content {
width: 100% !important;
margin-right: 0px !important;
margin-bottom: 30px;
order: -1;
}
}
.tekstblok .zijbalk {
width: 400px;
margin-left: 0px;
background: transparent;
padding: 0px 15px 30px 15px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
text-align: left;
}
@media screen and (max-width: 495px) {
.tekstblok .zijbalk {
padding: 0px 15px 15px 15px;
}
}
.tekstblok .zijbalk > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.tekstblok .zijbalk figure {
width: 100%;
margin-bottom: 30px;
}
@media screen and (max-width: 495px) {
.tekstblok .zijbalk figure {
margin-bottom: 15px;
}
}
.tekstblok .zijbalk figure .vc_single_image-wrapper {
width: 100%;
}
.tekstblok .zijbalk figure .vc_single_image-wrapper img {
width: 100%;
}
.tekstblok .zijbalk a {
position: relative;
overflow: hidden;
}
.tekstblok .zijbalk a svg {
position: absolute;
left: -100px;
color: white;
top: calc(50% - 8px);
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.tekstblok .zijbalk a:hover svg {
left: 10px;
}
@media screen and (max-width: 1040px) {
.tekstblok .zijbalk {
width: 300px;
}
}
@media screen and (max-width: 767px) {
.tekstblok .zijbalk {
width: 250px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok .zijbalk {
width: 250px;
}
}
@media screen and (max-width: 495px) {
.tekstblok .zijbalk {
width: 100% !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.tekstblok.tekstblok-flavour-1 {
padding: 40px 0;
}
.tekstblok.tekstblok-flavour-1 .intro-tekst {
max-width: 800px;
margin-bottom: 30px !important;
}
.tekstblok.tekstblok-flavour-1 .intro-tekst h2 {
margin-bottom: 20px !important;
}
.tekstblok.tekstblok-flavour-1 .intro-tekst h2 + h3 {
margin-top: -20px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1 .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tekstblok.tekstblok-flavour-1 .container .content {
width: calc(50% - 25px);
margin-right: 25px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1 .container .content {
width: 100%;
margin-right: 0px !important;
margin-bottom: 25px !important;
}
}
.tekstblok.tekstblok-flavour-1 .container .zijbalk {
width: calc(50% - 25px);
box-shadow: none;
padding: 0px;
margin-left: 25px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1 .container .zijbalk {
width: 100%;
padding: 0px;
margin-left: 0px;
}
}
.tekstblok.tekstblok-flavour-1 .container.mirrored .content {
width: calc(50% - 25px);
margin-left: 25px !important;
margin-right: 0px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1 .container.mirrored .content {
width: 100%;
order: -1;
margin-left: 0px !important;
}
}
.tekstblok.tekstblok-flavour-1 .container.mirrored .zijbalk {
width: calc(50% - 25px);
box-shadow: none;
padding: 0px 1;
margin-left: 0px;
margin-right: 25px;
margin-left: 0px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1 .container.mirrored .zijbalk {
width: 100%;
padding: 0px !important;
margin-right: 0px;
}
}
@media screen and (max-width: 1040px) {
.tekstblok.tekstblok-flavour-1 .container:first-child {
margin-bottom: 0px !important;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container .content {
width: calc(50% - 25px);
margin-left: 25px;
margin-right: 0px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1.mirrored .container .content {
width: 100%;
margin-right: 0px !important;
margin-left: 0px !important;
margin-bottom: 25px !important;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container .zijbalk {
width: calc(50% - 25px);
box-shadow: none;
padding: 0px;
margin-left: 0px;
margin-right: 25px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1.mirrored .container .zijbalk {
width: 100%;
padding: 0px;
margin-right: 0px;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .content {
width: calc(50% - 25px);
margin-right: 25px;
margin-left: 0px !important;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .content {
width: 100%;
margin-right: 0px !important;
margin-left: 0px !important;
margin-bottom: 25px !important;
}
}
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .zijbalk {
width: calc(50% - 25px);
box-shadow: none;
padding: 0px;
margin-left: 25px;
margin-right: 0px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-1.mirrored .container.mirrored .zijbalk {
width: 100%;
padding: 0px;
margin-left: 0px;
}
}
.tekstblok.tekstblok-flavour-1 img {
margin-bottom: 20px;
position: relative;
}
.tekstblok.tekstblok-flavour-1 .bg-shape {
position: relative;
}
.tekstblok.tekstblok-flavour-1 .bg-shape:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-afbeeldingskader-4.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 475px;
height: 320px;
position: absolute;
bottom: 0px;
left: -140px;
z-index: 0;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-1 .bg-shape:before {
width: 237.5px;
height: 160px;
left: -70px;
}
}
.tekstblok.tekstblok-flavour-1 .bg-shape-gray {
position: relative;
}
.tekstblok.tekstblok-flavour-1 .bg-shape-gray:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-afbeeldingskader-4-gray.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 475px;
height: 320px;
position: absolute;
bottom: 0px;
left: -140px;
z-index: 0;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-1 .bg-shape-gray:before {
bottom: auto;
top: -60px;
}
}
.tekstblok.tekstblok-flavour-1 ul {
margin-bottom: 30px !important;
}
.tekstblok.tekstblok-flavour-1 ul li {
list-style-type: square;
color: black;
}
.tekstblok.tekstblok-flavour-1 ul li em {
color: black;
}
.tekstblok.tekstblok-flavour-1.gymnasium-blok {
background-color: #ef7f00;
}
.tekstblok.tekstblok-flavour-1.gymnasium-blok h1, .tekstblok.tekstblok-flavour-1.gymnasium-blok h2, .tekstblok.tekstblok-flavour-1.gymnasium-blok h3, .tekstblok.tekstblok-flavour-1.gymnasium-blok h4, .tekstblok.tekstblok-flavour-1.gymnasium-blok h5, .tekstblok.tekstblok-flavour-1.gymnasium-blok h6, .tekstblok.tekstblok-flavour-1.gymnasium-blok p, .tekstblok.tekstblok-flavour-1.gymnasium-blok li, .tekstblok.tekstblok-flavour-1.gymnasium-blok a, .tekstblok.tekstblok-flavour-1.gymnasium-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.gymnasium-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-gymnasium-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.mavo-blok {
background-color: #cecb00;
}
.tekstblok.tekstblok-flavour-1.mavo-blok h1, .tekstblok.tekstblok-flavour-1.mavo-blok h2, .tekstblok.tekstblok-flavour-1.mavo-blok h3, .tekstblok.tekstblok-flavour-1.mavo-blok h4, .tekstblok.tekstblok-flavour-1.mavo-blok h5, .tekstblok.tekstblok-flavour-1.mavo-blok h6, .tekstblok.tekstblok-flavour-1.mavo-blok p, .tekstblok.tekstblok-flavour-1.mavo-blok li, .tekstblok.tekstblok-flavour-1.mavo-blok a, .tekstblok.tekstblok-flavour-1.mavo-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.mavo-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-mavo-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.havo-blok {
background-color: #4e3182;
}
.tekstblok.tekstblok-flavour-1.havo-blok h1, .tekstblok.tekstblok-flavour-1.havo-blok h2, .tekstblok.tekstblok-flavour-1.havo-blok h3, .tekstblok.tekstblok-flavour-1.havo-blok h4, .tekstblok.tekstblok-flavour-1.havo-blok h5, .tekstblok.tekstblok-flavour-1.havo-blok h6, .tekstblok.tekstblok-flavour-1.havo-blok p, .tekstblok.tekstblok-flavour-1.havo-blok li, .tekstblok.tekstblok-flavour-1.havo-blok a, .tekstblok.tekstblok-flavour-1.havo-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.havo-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-havo-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.vwo-blok {
background-color: #f6a800;
}
.tekstblok.tekstblok-flavour-1.vwo-blok h1, .tekstblok.tekstblok-flavour-1.vwo-blok h2, .tekstblok.tekstblok-flavour-1.vwo-blok h3, .tekstblok.tekstblok-flavour-1.vwo-blok h4, .tekstblok.tekstblok-flavour-1.vwo-blok h5, .tekstblok.tekstblok-flavour-1.vwo-blok h6, .tekstblok.tekstblok-flavour-1.vwo-blok p, .tekstblok.tekstblok-flavour-1.vwo-blok li, .tekstblok.tekstblok-flavour-1.vwo-blok a, .tekstblok.tekstblok-flavour-1.vwo-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.vwo-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-vwo-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.technasium-blok {
background-color: #006728;
}
.tekstblok.tekstblok-flavour-1.technasium-blok h1, .tekstblok.tekstblok-flavour-1.technasium-blok h2, .tekstblok.tekstblok-flavour-1.technasium-blok h3, .tekstblok.tekstblok-flavour-1.technasium-blok h4, .tekstblok.tekstblok-flavour-1.technasium-blok h5, .tekstblok.tekstblok-flavour-1.technasium-blok h6, .tekstblok.tekstblok-flavour-1.technasium-blok p, .tekstblok.tekstblok-flavour-1.technasium-blok li, .tekstblok.tekstblok-flavour-1.technasium-blok a, .tekstblok.tekstblok-flavour-1.technasium-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.technasium-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-technasium-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.geofuture-blok {
background-color: #006bad;
}
.tekstblok.tekstblok-flavour-1.geofuture-blok h1, .tekstblok.tekstblok-flavour-1.geofuture-blok h2, .tekstblok.tekstblok-flavour-1.geofuture-blok h3, .tekstblok.tekstblok-flavour-1.geofuture-blok h4, .tekstblok.tekstblok-flavour-1.geofuture-blok h5, .tekstblok.tekstblok-flavour-1.geofuture-blok h6, .tekstblok.tekstblok-flavour-1.geofuture-blok p, .tekstblok.tekstblok-flavour-1.geofuture-blok li, .tekstblok.tekstblok-flavour-1.geofuture-blok a, .tekstblok.tekstblok-flavour-1.geofuture-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.geofuture-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-geo-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok {
background-color: #1da12d;
}
.tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok h1, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok h2, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok h3, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok h4, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok h5, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok h6, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok p, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok li, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok a, .tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.praktijkonderwijs-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-pro-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.bbl-blok {
background-color: #0081bd;
}
.tekstblok.tekstblok-flavour-1.bbl-blok h1, .tekstblok.tekstblok-flavour-1.bbl-blok h2, .tekstblok.tekstblok-flavour-1.bbl-blok h3, .tekstblok.tekstblok-flavour-1.bbl-blok h4, .tekstblok.tekstblok-flavour-1.bbl-blok h5, .tekstblok.tekstblok-flavour-1.bbl-blok h6, .tekstblok.tekstblok-flavour-1.bbl-blok p, .tekstblok.tekstblok-flavour-1.bbl-blok li, .tekstblok.tekstblok-flavour-1.bbl-blok a, .tekstblok.tekstblok-flavour-1.bbl-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.bbl-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-bbl-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.kbl-blok {
background-color: #f6a800;
}
.tekstblok.tekstblok-flavour-1.kbl-blok h1, .tekstblok.tekstblok-flavour-1.kbl-blok h2, .tekstblok.tekstblok-flavour-1.kbl-blok h3, .tekstblok.tekstblok-flavour-1.kbl-blok h4, .tekstblok.tekstblok-flavour-1.kbl-blok h5, .tekstblok.tekstblok-flavour-1.kbl-blok h6, .tekstblok.tekstblok-flavour-1.kbl-blok p, .tekstblok.tekstblok-flavour-1.kbl-blok li, .tekstblok.tekstblok-flavour-1.kbl-blok a, .tekstblok.tekstblok-flavour-1.kbl-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.kbl-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-kbl-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.vmbomavo-blok {
background-color: #d1014a;
}
.tekstblok.tekstblok-flavour-1.vmbomavo-blok h1, .tekstblok.tekstblok-flavour-1.vmbomavo-blok h2, .tekstblok.tekstblok-flavour-1.vmbomavo-blok h3, .tekstblok.tekstblok-flavour-1.vmbomavo-blok h4, .tekstblok.tekstblok-flavour-1.vmbomavo-blok h5, .tekstblok.tekstblok-flavour-1.vmbomavo-blok h6, .tekstblok.tekstblok-flavour-1.vmbomavo-blok p, .tekstblok.tekstblok-flavour-1.vmbomavo-blok li, .tekstblok.tekstblok-flavour-1.vmbomavo-blok a, .tekstblok.tekstblok-flavour-1.vmbomavo-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.vmbomavo-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-mavo-2-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-1.top-blok {
background-color: #459bb2;
}
.tekstblok.tekstblok-flavour-1.top-blok h1, .tekstblok.tekstblok-flavour-1.top-blok h2, .tekstblok.tekstblok-flavour-1.top-blok h3, .tekstblok.tekstblok-flavour-1.top-blok h4, .tekstblok.tekstblok-flavour-1.top-blok h5, .tekstblok.tekstblok-flavour-1.top-blok h6, .tekstblok.tekstblok-flavour-1.top-blok p, .tekstblok.tekstblok-flavour-1.top-blok li, .tekstblok.tekstblok-flavour-1.top-blok a, .tekstblok.tekstblok-flavour-1.top-blok strong {
color: white;
}
.tekstblok.tekstblok-flavour-1.top-blok .bg-shape:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-top-solid-cta.svg);
}
.tekstblok.tekstblok-flavour-2 .container {
max-width: 750px;
text-align: center;
margin-bottom: 0px !important;
}
.tekstblok.tekstblok-flavour-2 .container > div > div {
padding-right: 0px;
padding-left: 0px;
}
.tekstblok.tekstblok-flavour-2 .container .standard-button {
padding-top: 15px;
}
.tekstblok.tekstblok-flavour-3 .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-3 .content {
order: -1;
width: 100%;
padding-bottom: 30px;
}
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-3 .content {
padding-bottom: 0px;
}
}
.tekstblok.tekstblok-flavour-3 .zijbalk {
box-shadow: none;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-3 .zijbalk {
padding: 0px;
width: 100%;
}
}
.tekstblok.tekstblok-flavour-3.mirrored .content {
margin-right: 0px;
margin-left: 100px;
}
@media screen and (max-width: 1040px) {
.tekstblok.tekstblok-flavour-3.mirrored .content {
margin-left: 60px;
}
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-3.mirrored .content {
margin-left: 0px;
}
}
.tekstblok.tekstblok-flavour-3.mirrored .zijbalk {
margin-left: 0px;
margin-right: 0px;
padding: 0px 0px 30px 0px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-3.mirrored .zijbalk {
margin-right: 0px;
padding: 0px;
}
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-3.switched .content {
order: 2;
padding-bottom: 0;
}
}
.tekstblok.tekstblok-flavour-4 ul {
padding: 0px;
margin: 0px;
width: calc(100% - 100px);
margin: 0 auto;
margin-bottom: 30px !important;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-4 ul {
width: calc(100% - 40px);
}
}
.tekstblok.tekstblok-flavour-4 ul li {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.tekstblok.tekstblok-flavour-4 ul li:hover svg {
left: 5px;
}
.tekstblok.tekstblok-flavour-4 ul li svg {
margin: 0px;
margin-right: 15px;
background: transparent;
border-radius: 50%;
width: 20px;
height: 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
left: 0px;
top: 4px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-4 ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-4 ul li svg {
width: 15px;
height: 15px;
top: 2px;
}
}
.tekstblok.tekstblok-flavour-4 .zijbalk {
padding: 0px 0px 30px 0px;
}
.tekstblok.tekstblok-flavour-4 .no-image .zijbalk {
padding: 30px 0px;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-4 .no-image .zijbalk {
padding: 15px;
}
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-4 .content {
width: calc(100% - 250px - 61px);
margin-right: 60px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-4 .content {
width: calc(100% - 250px - 35px);
margin-right: 15px;
}
}
.tekstblok.tekstblok-flavour-5 .content {
margin-right: 0;
margin-left: 100px;
}
@media screen and (max-width: 1040px) {
.tekstblok.tekstblok-flavour-5 .content {
width: calc(100% - 300px - 60px - 1px);
margin-right: 0;
margin-left: 60px;
}
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-5 .content {
width: 100%;
margin: 0;
}
}
.tekstblok.tekstblok-flavour-5 .zijbalk {
padding: 0px;
box-shadow: none;
order: -1;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-5 .zijbalk {
width: 100%;
}
}
.tekstblok.tekstblok-flavour-6 .container a {
color: #4e3182;
text-decoration: underline;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk {
padding: 0px;
box-shadow: none;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk .wpb_single_image {
margin-left: 0px;
margin-right: 0px;
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk:not(.bruidshow-contact) {
display: none;
}
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk {
padding: 15px;
}
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form input:not([type=submit]), .tekstblok.tekstblok-flavour-6 .container .zijbalk form select {
width: calc(100% - 15px);
padding: 0px 0px 0px 15px;
box-shadow: none;
border: 1px solid #e0e1e1;
color: #b8bcbe;
background-color: #fcfcfc;
border-radius: 3px;
line-height: 40px;
height: 40px;
font-size: 13px;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form input:not([type=submit])[type="checkbox"], .tekstblok.tekstblok-flavour-6 .container .zijbalk form select[type="checkbox"] {
width: auto;
display: inline-block;
-webkit-appearance: checkbox;
margin-right: 10px;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form select {
width: 100% !important;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form textarea {
width: calc(100% - 15px);
padding: 15px 0px 0px 15px;
border: 1px solid #e0e1e1;
color: #b8bcbe;
background-color: #fcfcfc;
border-radius: 3px !important;
box-shadow: none;
font-size: 13px !important;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend p {
margin-bottom: 0px !important;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-6 .container .zijbalk form .flex-verzend {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tekstblok.tekstblok-flavour-6 .container .zijbalk form p .wpcf7-list-item {
display: inline-flex;
width: 33.33%;
align-items: center;
margin: 0px;
}
.tekstblok.tekstblok-flavour-6 .container ul {
margin-bottom: 20px !important;
}
.tekstblok.tekstblok-flavour-6 .container .hony-prijzen .prijs-wrapper .hony-prijs {
width: 155px;
background-color: #f8d4dc;
border: 1px solid #4e3182;
border-radius: 3px;
margin-bottom: 10px;
}
.tekstblok.tekstblok-flavour-6 .container .hony-prijzen .prijs-wrapper .hony-prijs p {
line-height: 30px;
padding: 0px 10px;
}
.tekstblok.tekstblok-flavour-6 .container .hony-prijzen .prijs-wrapper .hony-prijs:last-child {
margin-bottom: 26px;
}
.tekstblok.tekstblok-flavour-6 .container.no-mar-bot {
margin-bottom: 0px !important;
}
.tekstblok.tekstblok-flavour-6 .container.teammember {
margin-bottom: 0px !important;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member {
width: calc(50% - 7.5px);
margin-bottom: 15px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member:first-child {
margin-right: 7.5px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member:last-child {
margin-left: 7.5px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member > div {
padding-right: 0px;
padding-left: 0px;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-6 .container.teammember .team-member {
width: 100%;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team {
width: 100%;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team > div {
padding-right: 0px;
padding-left: 0px;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team .vc_figure {
width: 100%;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team .vc_figure > div {
width: 100%;
}
.tekstblok.tekstblok-flavour-6 .container.teammember .het-team .vc_figure > div img {
width: 100%;
}
@media screen and (max-width: 1040px) {
.tekstblok.tekstblok-flavour-6 .content.full-dis {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-6 .content:not(.bruidshow-contact) {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.tekstblok.tekstblok-flavour-6 .content {
width: calc(100% - 250px - 35px);
margin-right: 15px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.tekstblok.tekstblok-flavour-6 .content {
width: calc(100% - 250px - 35px);
margin-right: 15px;
}
}
.tekstblok.tekstblok-flavour-6 .content h3 {
color: #4e3182;
}
.tekstblok.tekstblok-flavour-7 {
position: relative;
}
.tekstblok.tekstblok-flavour-7 > div {
position: unset;
}
.tekstblok.tekstblok-flavour-7 .content {
position: absolute;
top: 0;
bottom: 0;
right: 50%;
}
.tekstblok.tekstblok-flavour-7 .content > div {
height: 100%;
}
.tekstblok.tekstblok-flavour-7 .content > div:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
width: 50%;
height: calc(100% + 1px);
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), white);
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-7 .content > div:after {
background-image: none;
}
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-7 .content {
position: relative;
top: unset;
width: 100% !important;
right: unset !important;
height: 250px;
order: -1;
}
}
.tekstblok.tekstblok-flavour-7 .zijbalk {
margin-left: calc(50% + 20px)!important;
box-shadow: none;
width: 50%;
padding: 0px !important;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-7 .zijbalk {
margin-left: 0px !important;
}
}
.tekstblok.tekstblok-flavour-7.mirrored .content {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
margin-right: 0px !important;
margin-left: 100px !important;
}
.tekstblok.tekstblok-flavour-7.mirrored .content > div {
height: 100%;
}
.tekstblok.tekstblok-flavour-7.mirrored .content > div:after {
content: "";
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
width: 50%;
height: calc(100% + 1px);
background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-7.mirrored .content > div:after {
background-image: none;
}
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-7.mirrored .content {
position: relative;
top: unset;
width: 100% !important;
left: unset !important;
height: 250px;
order: -1;
margin-left: 0px !important;
}
}
.tekstblok.tekstblok-flavour-7.mirrored .zijbalk {
margin-right: calc(50% + 20px)!important;
margin-left: 0px !important;
}
@media screen and (max-width: 495px) {
.tekstblok.tekstblok-flavour-7.mirrored .zijbalk {
margin-right: 0px !important;
}
}
.homeblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
width: 900px;
}
.homeblok .container:before, .homeblok .container:after {
flex-basis: 100%;
}
.homeblok .container:first-child {
margin-bottom: 30px !important;
}
.homeblok.desktop .homebutton {
width: 280px;
height: 280px;
}
.homeblok.desktop .homebutton > div {
width: 280px;
height: 280px;
padding: 0;
background-position: center center;
background-size: cover;
border-radius: 13px;
}
.homeblok.desktop .homebutton p {
width: 280px;
height: 280px;
margin-bottom: 0 !important;
background: rgba(78, 49, 130, 0.5);
border-radius: 13px;
opacity: 0;
transition: all 0.3s ease;
}
.homeblok.desktop .homebutton p a {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 280px;
height: 280px;
font-size: 30px;
color: white;
text-decoration: none;
}
.homeblok.desktop .homebutton p:hover {
opacity: 1;
}
@media screen and (max-width: 960px) {
.homeblok.desktop {
display: none;
}
}
.homeblok.mobile {
display: none;
}
@media screen and (max-width: 960px) {
.homeblok.mobile {
display: block;
}
.homeblok.mobile .container {
margin-bottom: 30px !important;
width: calc(100% - 80px);
}
.homeblok.mobile .homebutton {
width: 387px;
height: 387px;
margin: 0 auto;
}
.homeblok.mobile .homebutton > div {
width: 387px;
height: 387px;
padding: 0;
background-size: cover;
background-position: center center;
border-radius: 13px;
}
.homeblok.mobile .homebutton p {
width: 387px;
height: 387px;
margin-bottom: 0 !important;
background: rgba(78, 49, 130, 0.5);
border-radius: 13px;
opacity: 0;
transition: all 0.3s ease;
}
.homeblok.mobile .homebutton p a {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 387px;
height: 387px;
font-size: 30px;
color: white;
text-decoration: none;
}
.homeblok.mobile .homebutton p:hover {
opacity: 1;
}
}
@media screen and (max-width: 495px) {
.homeblok.mobile .homebutton {
width: 240px;
height: 240px;
}
.homeblok.mobile .homebutton > div {
width: 240px;
height: 240px;
}
.homeblok.mobile .homebutton p {
width: 240px;
height: 240px;
}
.homeblok.mobile .homebutton p a {
width: 240px;
height: 240px;
}
}
.sliderblok {
padding: 0;
margin-bottom: 0px;
position: relative;
z-index: 2;
}
.metaslider .flexslider:hover .flex-next {
opacity: 1 !important;
right: -35px !important;
}
.metaslider .flexslider:hover .flex-prev {
opacity: 1 !important;
left: -35px !important;
}
@media screen and (max-width: 1040px) {
.metaslider .flexslider .flex-next {
opacity: 1 !important;
right: -30px !important;
}
.metaslider .flexslider .flex-prev {
opacity: 1 !important;
left: -30px !important;
}
}
.submitcf7 p.verplichtveld {
margin: 10px 0 !important;
}
.content-bottom-widgets .widget-area section ul.footer-nav li a {
font-family: "regular";
}
.content-bottom-widgets .widget-area section ul.footer-nav li a:hover {
font-family: "semibold";
}
.submitcf7 p.verplichtveld a, .mfp-counter {
font-family: "regular";
} .slider-row {
padding: 0;
}
.msacwl-gallery-slider button.slick-prev, .msacwl-gallery-slider button.slick-prev:hover, .msacwl-gallery-slider button.slick-prev:focus, .msacwl-gallery-carousel button.slick-prev, .msacwl-gallery-carousel button.slick-prev:hover, .msacwl-gallery-carousel button.slick-prev:focus {
background: transparent url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/images/slider-pijltje-links.svg) !important;
background-repeat: no-repeat !important;
background-size: 30px !important;
width: 30px;
}
.msacwl-gallery-slider button.slick-next, .msacwl-gallery-slider button.slick-next:hover, .msacwl-gallery-slider button.slick-next:focus, .msacwl-gallery-carousel button.slick-next, .msacwl-gallery-carousel button.slick-next:hover, .msacwl-gallery-carousel button.slick-next:focus {
background: transparent url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/images/slider-pijltje-rechts.svg) !important;
background-repeat: no-repeat !important;
background-size: 30px !important;
width: 30px;
}
.mfp-bg {
background: #4e3182 !important;
} img.attachment-large.size-large {
width: 100% !important;
height: auto !important;
}
.msacwl-carousel-slide {
padding: 0px 10px;
}
.msacwl-gallery-carousel button.slick-prev {
left: -60px;
top: calc(50% + 10px);
}
.msacwl-gallery-carousel button.slick-next {
right: -60px;
top: calc(50% + 10px);
}
.msacwl-carousel-slide a {
height: auto;
}
.mfp-arrow-right:before {
border-left: none !important;
}
.mfp-arrow-left:before {
border-right: none !important;
}
.modules {
height: 100vh;
}
.modules.robot-holder {
position: fixed;
right: 0;
left: 0;
bottom: 0;
height: 200px;
background-color: #f0f0f0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.modules.robot-holder > div {
position: unset !important;
}
.modules.robot-holder .robot-assistent {
position: absolute;
bottom: 0px;
left: 0;
min-width: 350px;
max-width: 350px;
}
.modules.robot-holder .robot-text-holder {
width: calc(100% - 400px - 40px);
margin-left: 340px;
border: 1px solid black;
padding: 20px;
}
.modules .container:first-child {
min-height: 150px;
max-height: 150px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.modules .container .module-wrapper {
width: 100%;
height: calc(100vh - 200px - 150px - 50px);
overflow: scroll;
box-shadow: 0px 2px 8px 0px #d2d2d2;
} .content-bottom-widgets {
background-color: #f2f2f2;
}
.content-bottom-widgets .widget-area {
max-width: 1200px;
margin: 0 auto;
z-index: 1;
position: relative;
}
.content-bottom-widgets .widget-area h3 {
padding: 10px 0 80px;
font-size: 30px;
text-align: center;
}
@media screen and (max-width: 960px) {
.content-bottom-widgets .widget-area h3 {
padding: 50px 0 0 0;
}
}
.content-bottom-widgets .widget-area .aftr-logo {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 80px 0 10px;
}
.content-bottom-widgets .widget-area .aftr-logo img {
width: 200px;
margin: 0 auto;
}
.content-bottom-widgets .widget-area .address-footer {
width: 1200px;
max-width: 100%;
margin-bottom: 80px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address table * {
vertical-align: top;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address table tr th {
font-size: 15px;
font-family: "semibold";
color: #4e3182;
text-align: left;
padding-bottom: 20px;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address table tr td {
font-size: 12px;
font-family: "regular";
}
.content-bottom-widgets .widget-area .address-footer .aftr-address table tr td:first-child {
color: #4e3182;
padding-right: 10px;
}
@media screen and (max-width: 1200px) {
.content-bottom-widgets .widget-area .address-footer {
width: calc(100vw - 80px);
padding: 0 40px;
}
}
@media screen and (max-width: 960px) {
.content-bottom-widgets .widget-area .address-footer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-bottom-widgets .widget-area .address-footer .aftr-logo {
width: 100%;
text-align: center;
margin-bottom: 50px;
}
}
@media screen and (max-width: 767px) {
.content-bottom-widgets .widget-area .address-footer .aftr-column {
width: 45%;
margin-bottom: 30px;
}
.content-bottom-widgets .widget-area .address-footer .aftr-logo {
text-align: center;
width: 100%;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address table {
min-width: 195px;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address:nth-child(even) table {
margin: 0 0 0 auto;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address:nth-child(odd) table {
margin: 0 auto 0 0;
}
}
@media screen and (max-width: 495px) {
.content-bottom-widgets .widget-area .address-footer .aftr-logo {
width: 100%;
text-align: center;
margin-bottom: 50px;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address {
width: 100%;
}
.content-bottom-widgets .widget-area .address-footer .aftr-address table:nth-child(odd), .content-bottom-widgets .widget-area .address-footer .aftr-address table:nth-child(even) {
margin: 0 auto;
}
}
.copyright-bar {
padding: 15px 0px;
}
.copyright-bar .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 0px 40px;
}
@media screen and (max-width: 495px) {
.copyright-bar .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.copyright-bar .container p {
margin-bottom: 0px !important;
color: white;
font-size: 11px !important;
}
@media screen and (max-width: 495px) {
.copyright-bar .container p {
width: 100%;
display: block;
text-align: center;
}
}
.copyright-bar .container a {
color: white;
text-decoration: none;
font-size: 11px !important;
}
.copyright-bar .container a svg {
margin-right: 5px;
}
.copyright-bar .container .outlinks a:first-child {
margin-right: 5px;
}
.copyright-bar .container .outlinks a:last-child {
margin-left: 5px;
}
@media screen and (max-width: 495px) {
.copyright-bar {
padding: 5px 0px;
}
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.copyright-bar {
padding: 5px 0px;
}
}
.searchpage .searchlist {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
}
.searchpage .searchlist li {
width: calc(33.333333% - 60px);
margin: 30px !important;
}
@media screen and (max-width: 767px) {
.searchpage .searchlist li {
width: 100%;
}
}
@media screen and (max-width: 495px) {
.searchpage .searchlist li {
width: 100%;
margin: 0 0 20px 0 !important;
}
}
.searchpage .searchlist li .postimage a {
position: relative;
display: block;
height: 100%;
}
.searchpage .searchlist li .postimage a:hover:before {
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 5;
content: "";
font-size: 30px;
line-height: 45px;
display: block;
text-align: right;
color: white;
padding-top: 0;
padding-right: 20px;
height: 100%;
background: rgba(0, 0, 0, 0.8);
}
.searchpage .searchlist li .postimage img {
width: 100%;
height: auto;
}
.searchpage .searchlist li .postcontent h2 a {
font-size: 24px;
font-family: "regular";
}
.searchpage .searchlist li .postcontent h2 a:hover {
opacity: 0.6;
}
@media screen and (max-width: 495px) {
.searchpage .searchlist li .postcontent h2 a {
font-size: 18px;
}
}
.searchpage h1.search-title {
text-align: center;
padding: 30px;
width: 100%;
}
.searchpage .searchpagination {
padding: 30px;
text-align: center;
width: 100%;
}
.search-form-holder {
width: 100%;
}
.search-form label span.screen-reader-text {
display: none;
}
.search-form input {
width: 360px;
max-width: 100%;
border: 1px solid white;
color: #4e3182;
background-color: #eae8f2;
line-height: 32px;
height: 32px;
padding: 0px;
padding-left: 10px;
border-radius: 7px !important;
}
.topbar .search-form {
padding: 4px 0;
}
@media screen and (max-width: 495px) {
.topbar .search-form {
padding-left: 10px;
}
}
.topbar .search-form input {
width: 150px;
}
.topbar .search-form button {
display: none;
} .error-page {
background-color: #e6e6e6;
margin-top: 50px;
padding: 50px 0px;
}
.error-page .container .standard-button > div {
text-align: center;
}
.error-page .container h1 {
text-transform: unset !important;
}
.error-page .container ul {
margin: 0px 0px 30px 0px !important;
padding: 0px;
}
.error-page .container ul li {
position: relative;
left: 30px;
width: calc(100% - 30px);
}
.error-page .container ul li svg {
position: absolute;
left: -30px;
top: 5px;
}
.error-page .container .zoeken form label span {
display: none;
}
.error-page .container .zoeken form label input {
line-height: 40px;
height: 42px;
-webkit-appearance: none;
border: 1px solid black;
padding: 0px 0px 0px 10px;
width: calc(100% - 150px - 25px);
margin-right: 20px;
}
.error-page .container .zoeken form button {
max-width: 150px;
min-width: 150px;
}
.error-page .but-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.error-page.error-designer {
background-color: white;
height: calc(100vh - 150px);
display: flex;
align-items: center;
}
.error-page.error-designer .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.error-page.error-designer .content {
width: calc(100% - 500px - 60px);
margin-right: 60px;
}
.error-page.error-designer .content a {
text-decoration: underline !important;
}
.error-page.error-designer .zijbalk {
width: 500px;
}
.error-page.error-simple {
background-color: white;
height: calc(100vh - 150px);
display: flex;
align-items: center;
}
.error-page.error-simple .container {
max-width: 600px;
}
.error-page.error-simple .container .content img {
max-height: 350px;
width: auto;
margin-bottom: 50px !important;
}
.error-page.error-simple .container .content h1 {
font-size: 36px !important;
line-height: 36px !important;
}
.error-page.error-simple .container .content h3 {
font-size: 21px !important;
}
.error-page.error-simple .container .content h1, .error-page.error-simple .container .content h3, .error-page.error-simple .container .content p {
text-align: center;
}
.error-page.error-simple .container .content a {
text-decoration: underline !important;
}
.error-page.error-background {
background-color: transparent;
height: calc(100vh - 150px);
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.error-page.error-background > div {
position: unset;
}
.error-page.error-background .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.error-page.error-background .container .content {
max-width: 840px;
background-color: rgba(255, 255, 255, 0.7);
padding: 30px;
border-radius: 8px;
box-shadow: 0px 3px 6px #505050;
}
.error-page.error-background .absolute-this-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
animation-name: switchBackground;
animation-duration: 10s;
animation-iteration-count: infinite;
}
@keyframes switchBackground {
0% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/error-bg3.jpg);
}
33% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/error-bg2.jpg);
}
66% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/error-bg1.jpg);
}
100% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/error-bg3.jpg);
}
}
.cookie-row {
margin-top: 100px;
}
.cookie-row td {
padding: 5px;
border: 1px solid rgba(0, 0, 0, 0.8);
}
.cookie-info-box {
padding: 20px;
box-shadow: 0px 2px 8px 0px #d2d2d2;
margin-top: 30px;
}
.cookie-info-box > div > div {
border-bottom: 1px solid black;
padding: 20px 0px;
}
.pea_cook_wrapper {
bottom: 0px !important;
width: 100%;
left: 0px !important;
margin: 0px !important;
}
.pea_cook_wrapper a#fom {
display: inline-block;
border-bottom: none !important;
border: 1px solid white !important;
margin: 20px 0px 20px 10px;
padding: 10px 20px;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.pea_cook_wrapper a#fom:hover {
background-color: white;
color: black !important;
}
.pea_cook_wrapper .pea_cook_btn {
padding: 10px 20px;
background-color: #000;
border: 1px solid #fff !important;
color: #fff !important;
border-radius: 0px !important;
box-shadow: none !important;
text-shadow: none !important;
display: inline-block;
width: auto;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.pea_cook_wrapper .pea_cook_btn:hover {
background-color: white;
color: black !important;
}
.pea_cook_wrapper p {
bottom: 30px;
margin: 0;
font-weight: normal;
line-height: 16px;
padding-top: 30px;
}
.pt-checkout-form {
margin-bottom: 15px;
border: none !important;
padding: 15px;
width: 20em;
}
.pt-checkout-form button {
-webkit-appearance: button;
background-color: #000;
border: 2px solid black;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 700;
padding: 0.7917em 1.5em;
text-transform: uppercase;
display: none;
}
.pt-checkout-form button:hover {
color: black;
background: white;
}
.vc_column-inner.vc_custom_1540979957109 h5 {
margin-bottom: 0px;
margin-left: 15px;
}
.vc_column-inner.vc_custom_1540979957109 img {
margin-left: 15px;
margin-top: 30px !important;
max-width: 93% !important;
}
.vc_column-inner.vc_custom_1540976379530 h5 {
margin-bottom: 0px;
margin-left: 15px;
}
.vc_column-inner.vc_custom_1540976379530 img {
margin-left: 15px;
margin-top: 30px;
max-width: 93% !important;
}
.vc_custom_1540977606979 h5, .vc_custom_1540977627881 h5, .vc_custom_1540977587526 h5, .vc_custom_1540977653744 h5, .vc_custom_1540977722899 h5, .vc_custom_1540977713471 h5, .vc_custom_1540977705000 h5 {
margin-bottom: 0px;
margin-left: 15px;
}
.pt-form-group .pt-uea-container .pt-uea-custom-amount {
width: 93%;
}
@media screen and (max-width: 495px) {
.pt-form-group .pt-uea-container .pt-uea-custom-amount {
width: 50% !important;
}
}
* .h1-pannellum {
color: black !important;
}
.h3-pannellum {
padding: 20px;
}
.img-pannellum {
margin: 0 auto;
width: 100%;
height: auto;
max-width: 1250px;
margin-bottom: 30px;
}
@media screen and (max-width: 2560px) {
.img-pannellum {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.img-pannellum {
width: 100%;
}
}
.pannellum-bow {
margin-left: 50%;
}
@media screen and (max-width: 495px) {
.pannellum-bow {
margin-left: 0% !important;
}
}
.grey-background {
padding: 50px 0px;
background-color: #e6e6e6;
}
.contact-blokken {
padding: 100px 0px;
}
@media screen and (max-width: 495px) {
.contact-blokken {
padding: 50px 0px;
}
}
.contact-blokken .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 100px !important;
}
@media screen and (max-width: 495px) {
.contact-blokken .container {
margin-top: 50px !important;
}
}
.contact-blokken .container .contact-blok {
padding: 15px;
box-shadow: 0px 0px 10px #b4b4b4;
background-color: white;
width: calc(25% - 30px);
margin: 0 auto;
}
.contact-blokken .container .contact-blok > div {
padding-left: 0px;
padding-right: 0px;
}
@media screen and (max-width: 767px) {
.contact-blokken .container .contact-blok {
width: calc(50% - 30px);
margin-bottom: 30px;
}
}
@media screen and (max-width: 495px) {
.contact-blokken .container .contact-blok {
width: calc(100% - 30px);
margin-bottom: 30px;
}
.contact-blokken .container .contact-blok:last-child {
margin-bottom: 0px !important;
}
}
.contact-blokken .container .contact-blok .vc_separator {
margin: 20px 0px !important;
}
.contact-blokken .container .contact-blok h4 {
margin-top: 5px !important;
font-size: 16px !important;
}
.contact-blokken .container .contact-blok p svg {
margin-right: 20px;
}
.contact-blokken .container .contact-blok .standard-btn a {
width: calc(100% - 40px);
margin-top: 10px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.contact-blokken .container .contact-blok .standard-btn a svg {
margin-right: 0px !important;
}
.player .vp-title {
display: none !important;
} .woocommerce span.onsale {
display: none;
}
.woocommerce-grouped-product-list-item.membership-content.access-restricted {
display: none !important;
}
.woocommerce-page .site-content {
padding: 50px;
margin: 0 auto 50px !important;
}
.woocommerce-page .site-content main.site-main {
margin: 0 !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
margin: 0 0 2em !important;
}
@media screen and (max-width: 767px) {
.woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 1em 2em 1em 2em;
}
}
.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
order: 2;
}
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
top: auto;
}
@media screen and (max-width: 767px) {
.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
display: none;
}
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
width: 100%;
}
@media screen and (max-width: 767px) {
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
text-align: center;
}
.woocommerce-error li a.button, .woocommerce-info li a.button, .woocommerce-message li a.button {
margin-top: 25px;
}
}
.woocommerce-error a.button, .woocommerce-info a.button, .woocommerce-message a.button {
font-family: "regular";
font-size: 14px;
line-height: 22px;
color: black;
font-weight: 400;
background-color: transparent;
font-style: normal;
text-decoration: underline;
padding: 0;
}
.woocommerce-error a.button:hover, .woocommerce-info a.button:hover, .woocommerce-message a.button:hover {
background-color: transparent;
text-decoration: none;
color: black;
}
.woocommerce a.remove {
color: black !important;
font-size: 1em;
}
.woocommerce a.remove:hover, .woocommerce a.remove:active {
color: #4e3182 !important;
background: transparent;
}
.woocommerce span.select2-selection {
line-height: 30px !important;
background: #f2f2f2;
border: 1px solid #999;
text-align: left;
border-radius: 0;
}
.woocommerce button.button.alt, .woocommerce a.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input.button.alt {
font-family: "bold";
display: inline-block;
width: auto;
line-height: 40px;
padding: 0px 20px;
text-decoration: none;
font-size: 14px;
border-radius: 0px;
cursor: pointer;
margin: 0;
font-weight: normal;
border: none;
white-space: nowrap;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
background-color: #4e3182;
border: 1px solid #4e3182;
color: white;
}
.woocommerce button.button.alt:hover, .woocommerce button.button.alt:active, .woocommerce a.button.alt:hover, .woocommerce a.button.alt:active, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:active, .woocommerce a.button:hover, .woocommerce a.button:active, .woocommerce button.button:hover, .woocommerce button.button:active, .woocommerce input.button:hover, .woocommerce input.button:active, .woocommerce input.button.alt:hover, .woocommerce input.button.alt:active {
opacity: 1;
background-color: white;
color: #4e3182;
}
.woocommerce button.button.alt.btn-hs, .woocommerce button.button.alt.wl-add-to, .woocommerce a.button.alt.btn-hs, .woocommerce a.button.alt.wl-add-to, .woocommerce #respond input#submit.btn-hs, .woocommerce #respond input#submit.wl-add-to, .woocommerce a.button.btn-hs, .woocommerce a.button.wl-add-to, .woocommerce button.button.btn-hs, .woocommerce button.button.wl-add-to, .woocommerce input.button.btn-hs, .woocommerce input.button.wl-add-to, .woocommerce input.button.alt.btn-hs, .woocommerce input.button.alt.wl-add-to {
background-color: #4e3182;
color: white;
}
.woocommerce button.button.alt.btn-hs:hover, .woocommerce button.button.alt.btn-hs:active, .woocommerce button.button.alt.wl-add-to:hover, .woocommerce button.button.alt.wl-add-to:active, .woocommerce a.button.alt.btn-hs:hover, .woocommerce a.button.alt.btn-hs:active, .woocommerce a.button.alt.wl-add-to:hover, .woocommerce a.button.alt.wl-add-to:active, .woocommerce #respond input#submit.btn-hs:hover, .woocommerce #respond input#submit.btn-hs:active, .woocommerce #respond input#submit.wl-add-to:hover, .woocommerce #respond input#submit.wl-add-to:active, .woocommerce a.button.btn-hs:hover, .woocommerce a.button.btn-hs:active, .woocommerce a.button.wl-add-to:hover, .woocommerce a.button.wl-add-to:active, .woocommerce button.button.btn-hs:hover, .woocommerce button.button.btn-hs:active, .woocommerce button.button.wl-add-to:hover, .woocommerce button.button.wl-add-to:active, .woocommerce input.button.btn-hs:hover, .woocommerce input.button.btn-hs:active, .woocommerce input.button.wl-add-to:hover, .woocommerce input.button.wl-add-to:active, .woocommerce input.button.alt.btn-hs:hover, .woocommerce input.button.alt.btn-hs:active, .woocommerce input.button.alt.wl-add-to:hover, .woocommerce input.button.alt.wl-add-to:active {
opacity: 1;
background-color: white;
color: #4e3182;
}
.woocommerce button.button.alt.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
cursor: not-allowed;
font-family: "bold";
padding: 0px 20px;
background-color: #4e3182;
border: 1px solid #4e3182;
color: white;
}
.woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt.disabled:active, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled:active, .woocommerce button.button:disabled[disabled]:hover, .woocommerce button.button:disabled[disabled]:active {
opacity: 0.5;
background-color: #4e3182;
color: white;
}
.woocommerce input:not([type="submit"]), .woocommerce select, .woocommerce span.selection > span {
color: black;
padding-left: 10px;
background: white;
box-sizing: border-box;
border: 1px solid black;
border-radius: 0px;
margin-bottom: 10px;
height: auto;
}
.woocommerce textarea {
color: black;
padding-left: 10px;
background: white;
box-sizing: border-box;
border: 1px solid black;
border-radius: 0px;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.woocommerce textarea {
margin-bottom: 10px;
}
}
.woocommerce form .form-row {
margin: 0 0 6px !important;
}
.woocommerce.post-type-archive-product .cta-homeblok h3, .woocommerce.tax-product_cat .cta-homeblok h3, .woocommerce.tax-product_tag .cta-homeblok h3 {
font-size: 18px;
}
.woocommerce.post-type-archive-product .cta-homeblok a, .woocommerce.tax-product_cat .cta-homeblok a, .woocommerce.tax-product_tag .cta-homeblok a {
font-size: 22px;
}
.woocommerce.post-type-archive-product .site-content, .woocommerce.tax-product_cat .site-content, .woocommerce.tax-product_tag .site-content {
max-width: 1200px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 960px) {
.woocommerce.post-type-archive-product .site-content, .woocommerce.tax-product_cat .site-content, .woocommerce.tax-product_tag .site-content {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.woocommerce.post-type-archive-product .site-content .content-area, .woocommerce.tax-product_cat .site-content .content-area, .woocommerce.tax-product_tag .site-content .content-area {
width: 100%;
padding-left: 50px;
}
@media screen and (max-width: 960px) {
.woocommerce.post-type-archive-product .site-content .content-area, .woocommerce.tax-product_cat .site-content .content-area, .woocommerce.tax-product_tag .site-content .content-area {
padding-left: 0;
}
}
.woocommerce.post-type-archive-product .site-content .content-area .woocommerce-products-bold, .woocommerce.tax-product_cat .site-content .content-area .woocommerce-products-bold, .woocommerce.tax-product_tag .site-content .content-area .woocommerce-products-bold {
display: none;
}
.woocommerce.post-type-archive-product .site-content .content-area .products, .woocommerce.tax-product_cat .site-content .content-area .products, .woocommerce.tax-product_tag .site-content .content-area .products {
position: relative;
}
.woocommerce.post-type-archive-product .site-content .content-area .products li.product, .woocommerce.tax-product_cat .site-content .content-area .products li.product, .woocommerce.tax-product_tag .site-content .content-area .products li.product {
padding-bottom: 54px;
position: relative;
}
.woocommerce.post-type-archive-product .site-content .content-area .products li.product a.button, .woocommerce.tax-product_cat .site-content .content-area .products li.product a.button, .woocommerce.tax-product_tag .site-content .content-area .products li.product a.button {
position: absolute;
right: 0;
bottom: 0;
}
@media screen and (max-width: 960px) {
.woocommerce.post-type-archive-product .site-content .content-area .products, .woocommerce.tax-product_cat .site-content .content-area .products, .woocommerce.tax-product_tag .site-content .content-area .products {
top: 0;
}
}
.woocommerce.post-type-archive-product .site-content .content-area .products .shop_page_excerpt, .woocommerce.tax-product_cat .site-content .content-area .products .shop_page_excerpt, .woocommerce.tax-product_tag .site-content .content-area .products .shop_page_excerpt {
height: 66px;
overflow-y: hidden;
margin: 0;
}
.woocommerce.post-type-archive-product .site-content .content-area .products .woocommerce-loop-product__title, .woocommerce.tax-product_cat .site-content .content-area .products .woocommerce-loop-product__title, .woocommerce.tax-product_tag .site-content .content-area .products .woocommerce-loop-product__title {
padding: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.woocommerce.post-type-archive-product .site-content .content-area .products .price, .woocommerce.tax-product_cat .site-content .content-area .products .price, .woocommerce.tax-product_tag .site-content .content-area .products .price {
position: absolute;
bottom: 0;
}
.woocommerce.post-type-archive-product .site-content .content-area .woocommerce-result-count, .woocommerce.tax-product_cat .site-content .content-area .woocommerce-result-count, .woocommerce.tax-product_tag .site-content .content-area .woocommerce-result-count {
color: #999;
}
.woocommerce.post-type-archive-product .site-content .content-area .woocommerce-breadcrumb, .woocommerce.tax-product_cat .site-content .content-area .woocommerce-breadcrumb, .woocommerce.tax-product_tag .site-content .content-area .woocommerce-breadcrumb {
display: none;
}
.woocommerce.post-type-archive-product .site-content .content-area .woocommerce-loop-product__title, .woocommerce.tax-product_cat .site-content .content-area .woocommerce-loop-product__title, .woocommerce.tax-product_tag .site-content .content-area .woocommerce-loop-product__title {
font-size: 16px;
line-height: 20px;
}
.woocommerce.post-type-archive-product .site-content .content-area .button:before, .woocommerce.tax-product_cat .site-content .content-area .button:before, .woocommerce.tax-product_tag .site-content .content-area .button:before {
content: "";
font-family: FontAwesome;
margin-right: 10px;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar, .woocommerce.tax-product_cat .site-content aside.sidebar, .woocommerce.tax-product_tag .site-content aside.sidebar {
width: 400px;
max-width: 100%;
}
@media screen and (max-width: 960px) {
.woocommerce.post-type-archive-product .site-content aside.sidebar .widget, .woocommerce.tax-product_cat .site-content aside.sidebar .widget, .woocommerce.tax-product_tag .site-content aside.sidebar .widget {
display: none;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar.show-filter .widget, .woocommerce.tax-product_cat .site-content aside.sidebar.show-filter .widget, .woocommerce.tax-product_tag .site-content aside.sidebar.show-filter .widget {
display: block;
}
}
.woocommerce.post-type-archive-product .site-content aside.sidebar > div, .woocommerce.tax-product_cat .site-content aside.sidebar > div, .woocommerce.tax-product_tag .site-content aside.sidebar > div {
padding-left: 0px !important;
padding-right: 0px !important;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar .filter-button, .woocommerce.tax-product_cat .site-content aside.sidebar .filter-button, .woocommerce.tax-product_tag .site-content aside.sidebar .filter-button {
font-family: "semibold";
height: 22px;
}
@media screen and (max-width: 960px) {
.woocommerce.post-type-archive-product .site-content aside.sidebar .filter-button, .woocommerce.tax-product_cat .site-content aside.sidebar .filter-button, .woocommerce.tax-product_tag .site-content aside.sidebar .filter-button {
cursor: pointer;
}
}
.woocommerce.post-type-archive-product .site-content aside.sidebar .filter-button span, .woocommerce.tax-product_cat .site-content aside.sidebar .filter-button span, .woocommerce.tax-product_tag .site-content aside.sidebar .filter-button span {
visibility: hidden;
padding-left: 5px;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar .filter-button span:before, .woocommerce.tax-product_cat .site-content aside.sidebar .filter-button span:before, .woocommerce.tax-product_tag .site-content aside.sidebar .filter-button span:before {
visibility: visible;
content: "Verfijn uw zoekopdracht";
}
@media screen and (max-width: 960px) {
.woocommerce.post-type-archive-product .site-content aside.sidebar .filter-button span:before, .woocommerce.tax-product_cat .site-content aside.sidebar .filter-button span:before, .woocommerce.tax-product_tag .site-content aside.sidebar .filter-button span:before {
content: "Open filter";
}
}
@media screen and (max-width: 495px) {
.woocommerce.post-type-archive-product .site-content aside.sidebar .filter-button span:before, .woocommerce.tax-product_cat .site-content aside.sidebar .filter-button span:before, .woocommerce.tax-product_tag .site-content aside.sidebar .filter-button span:before {
content: "Open filter";
}
}
.woocommerce.post-type-archive-product .site-content aside.sidebar .filter-button.filter-is-opened span:before, .woocommerce.tax-product_cat .site-content aside.sidebar .filter-button.filter-is-opened span:before, .woocommerce.tax-product_tag .site-content aside.sidebar .filter-button.filter-is-opened span:before {
content: "Sluit Filter";
}
.woocommerce.post-type-archive-product .site-content aside.sidebar h2, .woocommerce.tax-product_cat .site-content aside.sidebar h2, .woocommerce.tax-product_tag .site-content aside.sidebar h2 {
margin-bottom: 10px;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar h2, .woocommerce.post-type-archive-product .site-content aside.sidebar .widget-woof, .woocommerce.tax-product_cat .site-content aside.sidebar h2, .woocommerce.tax-product_cat .site-content aside.sidebar .widget-woof, .woocommerce.tax-product_tag .site-content aside.sidebar h2, .woocommerce.tax-product_tag .site-content aside.sidebar .widget-woof {
color: black;
font-family: "bold";
}
.woocommerce.post-type-archive-product .site-content aside.sidebar label, .woocommerce.tax-product_cat .site-content aside.sidebar label, .woocommerce.tax-product_tag .site-content aside.sidebar label {
color: black;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar section.widget, .woocommerce.tax-product_cat .site-content aside.sidebar section.widget, .woocommerce.tax-product_tag .site-content aside.sidebar section.widget {
border-bottom: 1px solid #999;
padding: 25px 0px 25px 0px;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar section.widget.widget_product_search, .woocommerce.tax-product_cat .site-content aside.sidebar section.widget.widget_product_search, .woocommerce.tax-product_tag .site-content aside.sidebar section.widget.widget_product_search {
border-bottom: none;
padding-bottom: 0;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar section.widget a, .woocommerce.tax-product_cat .site-content aside.sidebar section.widget a, .woocommerce.tax-product_tag .site-content aside.sidebar section.widget a {
text-decoration: none;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar section.widget a:hover, .woocommerce.tax-product_cat .site-content aside.sidebar section.widget a:hover, .woocommerce.tax-product_tag .site-content aside.sidebar section.widget a:hover {
text-decoration: underline;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar section.widget:last-child, .woocommerce.tax-product_cat .site-content aside.sidebar section.widget:last-child, .woocommerce.tax-product_tag .site-content aside.sidebar section.widget:last-child {
border-bottom: none;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar section.widget .chosen-container, .woocommerce.tax-product_cat .site-content aside.sidebar section.widget .chosen-container, .woocommerce.tax-product_tag .site-content aside.sidebar section.widget .chosen-container {
width: 100% !important;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar .woocommerce-widget-layered-nav-list__item:after, .woocommerce.post-type-archive-product .site-content aside.sidebar .woocommerce-widget-layered-nav-list__item:before, .woocommerce.tax-product_cat .site-content aside.sidebar .woocommerce-widget-layered-nav-list__item:after, .woocommerce.tax-product_cat .site-content aside.sidebar .woocommerce-widget-layered-nav-list__item:before, .woocommerce.tax-product_tag .site-content aside.sidebar .woocommerce-widget-layered-nav-list__item:after, .woocommerce.tax-product_tag .site-content aside.sidebar .woocommerce-widget-layered-nav-list__item:before {
display: none;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar ul, .woocommerce.tax-product_cat .site-content aside.sidebar ul, .woocommerce.tax-product_tag .site-content aside.sidebar ul {
padding: 0px;
margin: 0px !important;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar ul li, .woocommerce.tax-product_cat .site-content aside.sidebar ul li, .woocommerce.tax-product_tag .site-content aside.sidebar ul li {
padding: 0px;
margin: 0px;
font-family: "regular";
line-height: 20px;
position: relative;
list-style-type: none;
width: 100%;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar ul li label, .woocommerce.tax-product_cat .site-content aside.sidebar ul li label, .woocommerce.tax-product_tag .site-content aside.sidebar ul li label {
font-size: 14px;
color: black;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar ul li .children, .woocommerce.tax-product_cat .site-content aside.sidebar ul li .children, .woocommerce.tax-product_tag .site-content aside.sidebar ul li .children {
width: 100%;
}
.woocommerce.post-type-archive-product .site-content aside.sidebar ul li ul li, .woocommerce.tax-product_cat .site-content aside.sidebar ul li ul li, .woocommerce.tax-product_tag .site-content aside.sidebar ul li ul li {
font-family: "regular";
padding-left: 25px;
line-height: 20px;
}
.woocommerce.post-type-archive-product .site-content .woocommerce-product-search button, .woocommerce.tax-product_cat .site-content .woocommerce-product-search button, .woocommerce.tax-product_tag .site-content .woocommerce-product-search button {
display: none;
}
.woocommerce.post-type-archive-product nav.woocommerce-pagination, .woocommerce.tax-product_cat nav.woocommerce-pagination, .woocommerce.tax-product_tag nav.woocommerce-pagination {
margin-top: 60px;
}
.woocommerce.post-type-archive-product nav.woocommerce-pagination ul.page-numbers, .woocommerce.tax-product_cat nav.woocommerce-pagination ul.page-numbers, .woocommerce.tax-product_tag nav.woocommerce-pagination ul.page-numbers {
border: none;
}
.woocommerce.post-type-archive-product nav.woocommerce-pagination ul.page-numbers li, .woocommerce.tax-product_cat nav.woocommerce-pagination ul.page-numbers li, .woocommerce.tax-product_tag nav.woocommerce-pagination ul.page-numbers li {
border: none;
}
.woocommerce.post-type-archive-product nav.woocommerce-pagination ul.page-numbers li a, .woocommerce.tax-product_cat nav.woocommerce-pagination ul.page-numbers li a, .woocommerce.tax-product_tag nav.woocommerce-pagination ul.page-numbers li a {
font-size: 10px;
color: #999;
background: transparent;
}
.woocommerce.post-type-archive-product nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce.tax-product_cat nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce.tax-product_tag nav.woocommerce-pagination ul.page-numbers li span.current {
font-size: 10px;
color: black;
background: transparent;
}
.woocommerce.post-type-archive-product nav.woocommerce-pagination ul.page-numbers li a.prev, .woocommerce.post-type-archive-product nav.woocommerce-pagination ul.page-numbers li a.next, .woocommerce.tax-product_cat nav.woocommerce-pagination ul.page-numbers li a.prev, .woocommerce.tax-product_cat nav.woocommerce-pagination ul.page-numbers li a.next, .woocommerce.tax-product_tag nav.woocommerce-pagination ul.page-numbers li a.prev, .woocommerce.tax-product_tag nav.woocommerce-pagination ul.page-numbers li a.next {
font-size: 12px;
}
.woocommerce.post-type-archive-product.woof_search_is_going .site-content .content-area .products, .woocommerce.tax-product_cat.woof_search_is_going .site-content .content-area .products, .woocommerce.tax-product_tag.woof_search_is_going .site-content .content-area .products {
margin-top: 0;
}
.woocommerce.post-type-archive-product .woof_reset_search_form, .woocommerce.tax-product_cat .woof_reset_search_form, .woocommerce.tax-product_tag .woof_reset_search_form {
display: none;
}
.woocommerce.post-type-archive-product .woof_container, .woocommerce.tax-product_cat .woof_container, .woocommerce.tax-product_tag .woof_container {
border-top: 1px solid #999;
padding-top: 25px;
}
.woocommerce.post-type-archive-product .woof_container h4, .woocommerce.tax-product_cat .woof_container h4, .woocommerce.tax-product_tag .woof_container h4 {
font-family: "bold";
font-size: 24px;
line-height: 40px;
}
.woocommerce.post-type-archive-product .woof_container .woof_checkbox_count, .woocommerce.tax-product_cat .woof_container .woof_checkbox_count, .woocommerce.tax-product_tag .woof_container .woof_checkbox_count {
position: absolute;
right: 3px;
}
@media screen and (max-width: 495px) {
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}
}
.woof_products_top_panel li span {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/delete.png);
}
.single-product .site-content {
max-width: 1200px;
}
.single-product .content-area {
position: relative;
}
.single-product .content-area .next-prev-buttons {
position: absolute;
top: 0;
right: 0;
}
.single-product .content-area .next-prev-buttons a {
text-decoration: none;
color: #999;
margin-left: 20px;
display: inline-block;
}
@media screen and (max-width: 495px) {
.single-product .content-area .next-prev-buttons {
position: relative;
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.single-product .content-area .next-prev-buttons a {
margin-left: 0;
}
}
.single-product .wl-already-in {
display: none;
}
.single-product a.button.wl-add-to {
background: transparent;
color: #4e3182;
cursor: pointer;
padding: 0;
}
.single-product a.button.wl-add-to:hover, .single-product a.button.wl-add-to:active {
opacity: 1;
background: transparent;
color: #4e3182;
text-decoration: underline !important;
}
.single-product a.button.wl-add-to.disabled {
cursor: not-allowed;
font-family: "regular";
background: transparent;
color: #999;
}
.single-product a.button.wl-add-to.disabled:hover, .single-product a.button.wl-add-to.disabled:active {
opacity: 0.5;
background: transparent;
color: #999;
text-decoration: none !important;
}
.single-product a.button.wl-add-to:before {
content: "♥";
}
.single-product .grouped_form .single_add_to_cart_button, .single-product .grouped_form .woocommerce-grouped-product-list-item__quantity {
display: none;
}
.single-product .grouped_form .woocommerce-grouped-product-list {
display: block;
width: 100%;
}
.single-product .grouped_form .woocommerce-grouped-product-list tbody {
display: block;
}
.single-product .grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item {
background-color: #f2f2f2;
border: 1px solid #999;
width: 100%;
margin-bottom: 10px;
padding: 5px 10px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.single-product .grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item td:not(.woocommerce-grouped-product-list-item__quantity) {
display: block;
}
.single-product .grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__label {
padding: 0 !important;
}
.single-product .grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price {
padding: 0 !important;
}
.single-product .grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price ins {
text-decoration: none;
}
.single-product .grouped_form .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item .woocommerce-grouped-product-list-item__price del {
display: none;
}
.single-product .product_meta {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding: 10px 0;
border-top: 2px solid #f2f2f2;
border-bottom: 2px solid #f2f2f2;
color: #999;
}
.single-product .product_meta a {
color: #999;
}
.single-product table.shop_attributes {
border: none;
margin-bottom: 30px;
}
.single-product table.shop_attributes tr th, .single-product table.shop_attributes tr td {
background: transparent !important;
border-bottom: 2px solid #f2f2f2;
}
.single-product table.shop_attributes tr th p, .single-product table.shop_attributes tr td p {
margin-bottom: 0 !important;
}
.single-product table.shop_attributes tr th {
text-align: left;
font-family: "bold";
}
.single-product .price .amount {
font-family: "bold";
color: black;
}
.single-product .product_totals ul {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.single-product .product_totals ul .ginput_container {
font-family: "bold";
}
.single-product .gfield_label {
font-family: "semibold";
}
.single-product .gfield_required {
display: none;
}
.single-product .gform_wrapper .gform_footer {
padding: 0;
margin: 0;
}
.single-product .gform_wrapper span.ginput_total {
color: #4e3182;
}
.single-product .woocommerce-product-attributes-item__value {
pointer-events: none;
}
.single-product .woocommerce-product-attributes-item__value a {
font-style: normal;
text-decoration: none;
}
.single-product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 15px;
}
.single-product .woocommerce-product-gallery .flex-control-nav {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-product .woocommerce-product-gallery .flex-control-nav li {
margin: 15px 10px !important;
width: calc(33.3% - 20px) !important;;
}
.single-product .woocommerce-product-gallery .flex-control-nav li:nth-child(3n) {
margin-left: 20px !important;
margin-right: 0 !important;
}
.single-product .woocommerce-product-gallery .flex-control-nav li:nth-child(3n+1) {
margin-right: 20px !important;
margin-left: 0 !important;
}
.single-product .related.products h2:not(.woocommerce-loop-product__title) {
text-align: center;
}
.single-product .related.products .price {
display: none !important;
}
.single-product .related.products .shop_page_excerpt {
margin: 0;
}
.single-product div.product .woocommerce-tabs ul.wc-tabs {
border-bottom: 1px solid #999;
}
.single-product div.product .woocommerce-tabs ul.wc-tabs:before {
border-bottom: none !important;
}
.single-product div.product .woocommerce-tabs ul.wc-tabs li:before, .single-product div.product .woocommerce-tabs ul.wc-tabs li:after {
display: none !important;
}
.single-product div.product .woocommerce-tabs ul.wc-tabs li {
background-color: #f2f2f2;
color: #999;
border-width: 0;
border-radius: 0;
margin: 0 -2px;
}
.single-product div.product .woocommerce-tabs ul.wc-tabs li a {
color: inherit;
}
.single-product div.product .woocommerce-tabs ul.wc-tabs li.active {
background-color: #4e3182;
color: white;
}
.single-product .product .summary {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.single-product .product .summary > * {
order: 10;
}
.single-product .product .summary .yith-wcwl-add-to-wishlist {
order: 1;
margin-bottom: 25px;
}
.single-product .product .summary .entry-title {
order: 2;
}
.single-product .product .summary .woocommerce-product-details__short-description {
order: 3;
}
.single-product .product .summary .price {
order: 4;
}
.single-product .product .summary .woocommerce-variation-price {
margin-bottom: 25px;
}
.single-product .product .summary form.cart .reset_variations {
display: none;
}
.single-product .product .summary form.cart .variations {
width: calc(100% + 2px);
}
.single-product .product .summary form.cart .variations td.label {
padding-right: 1em;
width: 20%;
}
.single-product .product .summary span.price, .single-product .product .summary p.price {
color: black;
font-family: "regular";
font-size: 14px;
}
.single-product .product .summary span.price bdi, .single-product .product .summary span.price del, .single-product .product .summary span.price ins, .single-product .product .summary p.price bdi, .single-product .product .summary p.price del, .single-product .product .summary p.price ins {
font-size: 20px;
}
.single-product .product .summary span.price ins, .single-product .product .summary p.price ins {
display: block;
}
.single-product .product form.cart button.button, .single-product .product form.cart a.button {
float: right;
}
.single-product .product .related {
display: none;
}
.single-product .product .upsells h2:not(.woocommerce-loop-product__title) {
text-align: center;
}
.single-product .product .upsells li.product {
padding-bottom: 54px;
position: relative;
}
.single-product .product .upsells li.product a.button {
position: absolute;
right: 0;
bottom: 0;
}
.single-product .product .upsells li.product a.button:before {
content: "";
font-family: FontAwesome;
margin-right: 10px;
}
.single-product .product .upsells li.product .price {
display: none;
}
.single-product .product .upsells li.product .shop_page_excerpt {
height: 66px;
overflow: hidden;
}
.single-product .product .upsells li.product a img {
margin-bottom: 0;
}
.single-product .product .upsells li.product h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1em;
padding: 10px 0;
}
.single-product .gform_wrapper ul.gform_fields li.gfield {
padding-right: 0;
}
.single-product .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .single-product .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .single-product .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
margin-left: 0;
}
.single-product .label label {
font-family: "semibold";
}
.single-product .flaticon-right-arrow {
right: 5px;
}
.single-product .flaticon-right-arrow:before {
font-family: "slick";
content: "→";
}
.single-product .flaticon-back {
left: 5px;
}
.single-product .flaticon-back:before {
font-family: "slick";
content: "←";
}
.page.woocommerce-checkout .site-content {
padding: 0;
}
.page.woocommerce-checkout .checkout-row {
padding: 50px;
}
.page.woocommerce-checkout .checkout.woocommerce-checkout .col2-set .col-1, .page.woocommerce-checkout .checkout.woocommerce-checkout .col2-set .col-2 {
float: none;
width: 100%;
margin-bottom: 30px;
}
.page.woocommerce-checkout .checkout.woocommerce-checkout .woocommerce-additional-fields {
margin-top: 30px;
margin-bottom: 30px !important;
}
.page.woocommerce-checkout .checkout.woocommerce-checkout .woocommerce-additional-fields label {
font-family: "semibold";
font-size: 20px;
line-height: 22px;
color: black;
margin: 0 0 30px 0;
}
.page.woocommerce-checkout .checkout.woocommerce-checkout .woocommerce-additional-fields textarea {
height: 150px;
}
@media screen and (max-width: 495px) {
.page.woocommerce-checkout .checkout.woocommerce-checkout .form-row {
width: 100%;
}
}
.page.woocommerce-checkout .woocommerce-checkout-review-order tbody .product-name {
font-family: "bold";
text-align: left;
}
.page.woocommerce-checkout .woocommerce-checkout-review-order tbody .product-name .variation {
font-family: "regular";
}
.page.woocommerce-checkout table.shop_table {
border-left: none;
border-bottom: none;
border-right: none;
}
.page.woocommerce-checkout table.shop_table td {
text-align: right;
}
.page.woocommerce-checkout table.shop_table thead th:last-child {
text-align: right;
}
.page.woocommerce-checkout table.shop_table p {
margin-bottom: 0 !important;
}
.page.woocommerce-checkout .woo-account-bottom {
padding: 50px;
margin: 0;
background-color: #f2f2f2;
}
.page.woocommerce-checkout form .form-row .input-checkbox {
margin: 0;
}
.page.woocommerce-checkout #ship-to-different-address {
padding: 3px;
}
.page.woocommerce-cart .site-content {
padding: 0;
}
.page.woocommerce-cart .cart-padding {
padding: 50px;
}
.page.woocommerce-cart .woocommerce-cart-form table.shop_table {
border-left: none;
border-bottom: none;
border-right: none;
}
.page.woocommerce-cart .woocommerce-cart-form table.shop_table img {
width: 75px;
height: 75px;
}
.page.woocommerce-cart .cart-collaterals .cart_totals h2 {
display: none;
}
.page.woocommerce-cart .cart-collaterals .cart_totals table.shop_table {
border-left: none;
border-bottom: none;
border-right: none;
}
.page.woocommerce-cart .cart-collaterals .cart_totals table.shop_table td {
text-align: right;
}
.page.woocommerce-cart .cart-collaterals .cart_totals .order-total {
font-family: "bold";
}
.page.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
text-align: right;
}
.page.woocommerce-cart .woo-account-bottom {
padding: 50px;
margin: 0;
background-color: #f2f2f2;
}
.page.woocommerce-cart .float-button a {
position: absolute !important;
top: 0;
right: 15px;
}
.woocommerce-order-received h1 {
display: none;
}
.custom-order-thankyou {
margin-bottom: 50px;
text-align: center;
}
.custom-order-thankyou .custom-order-thankyou-sumup {
margin-bottom: 30px;
}
.custom-order-thankyou .custom-order-thankyou-sumup strong {
display: block;
}
.custom-order-thankyou .custom-order-thankyou-links {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 400px;
margin: 0 auto 40px;
}
@media screen and (max-width: 495px) {
.custom-order-thankyou .custom-order-thankyou-links {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.custom-order-thankyou .custom-order-thankyou-links .custom-order-thankyou-links-column:first-child {
margin: 30px;
}
}
.custom-order-thankyou .custom-order-thankyou-links .custom-order-thankyou-links-column {
width: 140px;
}
.custom-order-thankyou .custom-order-thankyou-links .custom-order-thankyou-links-column img {
width: 65px;
height: 65px;
}
.custom-order-thankyou .custom-order-thankyou-links .custom-order-thankyou-links-column p {
font-family: "bold";
font-size: 16px;
}
.woocommerce-page.woocommerce-account .site-content {
padding: 0;
}
.woocommerce-page.woocommerce-account .site-content .woo-account-top {
margin: 0;
}
.woocommerce-page.woocommerce-account .site-content .woo-account-bottom {
padding: 50px;
margin: 0;
background-color: #f2f2f2;
}
.woocommerce-page.woocommerce-account .site-content .woo-account-bottom h2 {
margin-bottom: 50px !important;
}
.woocommerce-page.woocommerce-account #billing_country_field, .woocommerce-page.woocommerce-account #shipping_country_field, .woocommerce-page.woocommerce-account #billing_address_2_field, .woocommerce-page.woocommerce-account #shipping_address_2_field {
display: none !important;
}
@media screen and (max-width: 767px) {
.woocommerce-page.woocommerce-account .woocommerce-Address {
margin-bottom: 30px;
}
}
.woocommerce-page.woocommerce-account .woocommerce-EditAccountForm fieldset {
margin: 30px 0;
border: none;
padding: 0;
}
.woocommerce-page.woocommerce-account .woocommerce-EditAccountForm em {
font-size: 10px;
}
.woocommerce-page.woocommerce-account form .woocommerce-address-fields__field-wrapper {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-page.woocommerce-account form .woocommerce-address-fields__field-wrapper .form-row {
width: 47%;
}
@media screen and (max-width: 495px) {
.woocommerce-page.woocommerce-account form .woocommerce-address-fields__field-wrapper .form-row {
width: 100%;
}
}
.woocommerce-page.woocommerce-account form .button {
float: right;
}
.woocommerce-page.woocommerce-account .woocommerce-address-fields {
margin-bottom: 30px;
}
.woocommerce-page.woocommerce-account table.woocommerce-orders-table {
border-left: none;
border-right: none;
}
.woocommerce-page.woocommerce-account table.woocommerce-orders-table thead {
font-family: "bold";
}
.woocommerce-page.woocommerce-account table.woocommerce-orders-table thead th {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.woocommerce-page.woocommerce-account table.woocommerce-orders-table tbody:before {
content: "@";
display: block;
line-height: 22px;
text-indent: -99999px;
}
.woocommerce-page.woocommerce-account table.my_account_orders {
font-size: 1em;
}
.support-block {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.support-block {
margin-bottom: 30px;
}
}
.support-block .support-icon {
margin-right: 20px;
width: 65px;
height: 65px;
}
.support-block .support-txt {
width: calc(100% - 85px);
}
.support-block .support-txt p {
margin: 0;
}
.support-block .support-txt h4 {
margin: 0;
font-size: 16px;
font-family: "semibold";
}
.woocommerce-MyAccount-navigation ul {
list-style-type: none;
padding-left: 0;
}
.woocommerce-MyAccount-navigation ul li * {
vertical-align: text-bottom;
}
.woocommerce-MyAccount-navigation ul li:before {
content: "";
display: inline-block;
height: 1em;
width: 1em;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
padding-left: 1.1em;
}
.woocommerce-MyAccount-navigation ul li a {
text-decoration: none;
}
.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:active {
text-decoration: underline;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
text-decoration: underline;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard:before {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/account-icons/cog-solid.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:before {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/account-icons/shopping-cart-solid.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address:before {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/account-icons/home-solid.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads:before {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/account-icons/file-download-solid.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account:before {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/account-icons/user-solid.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-wishlist:before {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/account-icons/heart-solid.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout:before {
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/icons/account-icons/user-slash-solid.svg);
}
.wc-wishlist-page {
padding: 50px;
background-color: white;
}
.yith-wcwl-share {
display: none;
}
.product-add-to-cart .button {
display: inline-block;
}
.woocommerce table.wishlist_table {
font-size: 14px;
border: none;
}
.woocommerce table.wishlist_table tr td {
text-align: left;
}
.woocommerce table.wishlist_table .product-add-to-cart a.button {
line-height: 20px;
} @media screen and (max-width: 1040px) {
#behind-menu-box {
display: none;
}
}
.scrollToTop {
z-index: 9999;
font-size: 24px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
border: 1px solid #ef7f00;
background: #ef7f00;
color: white;
position: fixed;
right: 15px;
bottom: 15px;
animation-name: slideButtonIn;
animation-duration: 1s;
width: 38px;
height: 38px;
border-radius: 50%;
}
.scrollToTop:hover {
background: white;
color: #ef7f00;
}
@keyframes slideButtonIn {
0% {
right: 15px;
bottom: 15px;
width: 0px;
height: 0px;
border-radius: 50%;
}
50% {
border-radius: 50%;
}
100% {
right: 15px;
bottom: 15px;
width: 38px;
height: 38px;
border-radius: 50%;
}
}
.hel-simple-slider {
animation: bgSlider 15s infinite;
height: 400px;
}
.hel-simple-slider-boxed {
background-color: #4e3182;
}
.hel-simple-slider-boxed .container {
animation: bgSlider 15s infinite;
height: 400px;
}
@keyframes bgSlider {
0% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/blokken-header1.jpg);
}
25% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/blokken-header2.jpg);
}
35% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/blokken-header2.jpg);
}
60% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/blokken-header3.jpg);
}
70% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/blokken-header3.jpg);
}
90% {
background-image: url(//www.hetstreek.nl/wp-content/uploads/blokken-header1.jpg);
}
} p.gform_required_legend {
display: none;
}
.gform-footer.gform_footer.top_label {
justify-content: center;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
border: none;
color: #4e3182;
background-color: #eae8f2;
line-height: 40px;
height: 40px;
padding: 0px;
padding-left: 10px;
margin-top: 25px !important;
border-radius: 7px !important;
}
.gform_wrapper.gravity-theme .gfield textarea.large {
border: none;
color: #4e3182;
background-color: #eae8f2;
padding: 10px 0px 0px;
padding-left: 10px;
margin: 0px;
margin-top: 25px;
height: 120px;
border-radius: 7px !important;
}
input#gform_submit_button_2, input#gform_submit_button_3, input#gform_submit_button_4, input#gform_submit_button_5, input#gform_submit_button_6, input#gform_submit_button_7 {
font-family: "bold";
display: inline-block;
width: auto;
border: 1px solid #4e3182;
background-color: #4e3182;
color: white;
line-height: 30px;
padding: 0px 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
overflow-x: hidden;
position: relative;
border-radius: 7px;
cursor: pointer;
margin-bottom: 0px;
font-weight: normal;
-webkit-appearance: none;
appearance: none;
transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
}
.lepopup-popup-container .lepopup-form {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.wpb_video_widget.vc_video-el-width-50 .wpb_wrapper {
width: 100%;
}
}
.quick-logo img {
max-width: 250px;
}
.video-container {
position: relative;
padding-bottom: 52.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}
.video-container iframe, .video-container embed, .video-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.z-index-buff {
position: relative;
z-index: 10;
background-color: #eee9f2 !important;
}
.hd-icons {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.hd-icons figure {
width: auto !important;
text-align: center;
margin-left: 0;
}
.hd-icons figure img {
width: 60px;
height: 60px;
margin: 0 auto;
}
.hd-icons figure figcaption {
text-align: center;
}
.vc_custominfiniteloop, .vc_custominfiniteloop2 {
margin-bottom: 30px !important;
}
.vc_custominfiniteloop.desktop, .vc_custominfiniteloop2.desktop {
margin: 50px 0;
}
@media screen and (max-width: 767px) {
.vc_custominfiniteloop.desktop, .vc_custominfiniteloop2.desktop {
display: none;
}
}
.vc_custominfiniteloop.mobile, .vc_custominfiniteloop2.mobile {
display: none;
}
@media screen and (max-width: 767px) {
.vc_custominfiniteloop.mobile, .vc_custominfiniteloop2.mobile {
display: block;
}
}
.vc_custominfiniteloop .vc_item, .vc_custominfiniteloop2 .vc_item {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.vc_custominfiniteloop .vc_item .vc_inner, .vc_custominfiniteloop2 .vc_item .vc_inner {
text-align: center;
}
.vc_custominfiniteloop .vc_item .vc_inner img, .vc_custominfiniteloop2 .vc_item .vc_inner img {
width: 70% !important;
height: auto;
}
@media screen and (max-width: 495px) {
.vc_custominfiniteloop .vc_item .vc_inner img, .vc_custominfiniteloop2 .vc_item .vc_inner img {
width: 90% !important;
height: auto;
margin: 0 auto;
}
}
.vc_custominfiniteloop .vc_images_carousel .vc_carousel-control, .vc_custominfiniteloop2 .vc_images_carousel .vc_carousel-control {
opacity: 1;
text-shadow: none;
}
.vc_custominfiniteloop .vc_images_carousel .vc_carousel-control .icon-next, .vc_custominfiniteloop2 .vc_images_carousel .vc_carousel-control .icon-next {
margin-left: 5px;
margin-top: -7px;
}
.vc_custominfiniteloop .vc_images_carousel .vc_carousel-control .icon-next:before, .vc_custominfiniteloop2 .vc_images_carousel .vc_carousel-control .icon-next:before {
font-family: "Font Awesome 5 Free";
content: "";
color: #4e3182;
font-weight: 900;
}
.vc_custominfiniteloop .vc_images_carousel .vc_carousel-control .icon-prev, .vc_custominfiniteloop2 .vc_images_carousel .vc_carousel-control .icon-prev {
margin-left: -25px;
margin-top: -7px;
}
.vc_custominfiniteloop .vc_images_carousel .vc_carousel-control .icon-prev:before, .vc_custominfiniteloop2 .vc_images_carousel .vc_carousel-control .icon-prev:before {
font-family: "Font Awesome 5 Free";
content: "";
color: #4e3182;
font-weight: 900;
}
.blok-titel {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 30px;
}
.blok-titel img {
height: 55px;
width: 55px;
margin: 0 10px 0 0;
}
.blok-titel h2 {
font-size: 30px;
line-height: 30px;
font-family: "semibold";
margin-bottom: 0 !important;
text-transform: uppercase;
}
.blok-titel h3 {
font-size: 20px;
line-height: 30px;
font-family: "semibold";
margin-bottom: 0 !important;
text-transform: uppercase;
}
.motto img {
width: 230px;
max-width: 100%;
}
@media screen and (max-width: 495px) {
.motto img {
width: 150px;
}
}
.mouse-sep {
margin-top: 50px;
}
.mouse-sep img {
width: 150px;
}
.iconset-right {
position: relative;
overflow: hidden;
}
.iconset-right:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-illustration-1-light.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 600px;
position: absolute;
right: -100px;
z-index: 0;
}
.iconset-right.dark-icons:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-illustration-1-dark.svg);
}
.iconset-right.narrow-icons:before {
top: -5px;
}
.iconset-left {
position: relative;
overflow: hidden;
}
.iconset-left:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-illustration-2-light.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 600px;
position: absolute;
left: -100px;
z-index: 0;
}
.iconset-left.dark-icons:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-illustration-2-dark.svg);
}
.iconset-left.narrow-icons:before {
top: -5px;
}
.iconset-alt {
position: relative;
overflow: hidden;
}
.iconset-alt:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-illustration-3-light.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 600px;
position: absolute;
right: -100px;
z-index: 0;
}
.iconset-alt.dark-icons:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-illustration-3-dark.svg);
}
.iconset-alt.narrow-icons:before {
top: -5px;
}
.colored-bg {
background-color: rgba(78, 49, 130, 0.1);
}
.colored-bg .content {
background-color: transparent;
}
.colored-bg .zijbalk {
background-color: transparent;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.colored-bg .zijbalk {
background-color: transparent !important;
}
.colored-bg .zijbalk svg {
background-color: transparent !important;
}
}
.colored-bg.mirrored .content {
background-color: transparent;
}
.colored-bg.mirrored .zijbalk {
background-color: transparent;
}
.ctrast-bg {
background-color: #f2f2f2;
}
.ctrast-bg .content {
background-color: transparent;
}
.ctrast-bg .zijbalk {
background-color: transparent;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.ctrast-bg .zijbalk {
background-color: transparent !important;
}
.ctrast-bg .zijbalk svg {
background-color: transparent !important;
}
}
.ctrast-bg.mirrored .content {
background-color: transparent;
}
.ctrast-bg.mirrored .zijbalk {
background-color: transparent;
}
.white-bg {
background-color: white !important;
}
.white-bg .content {
background-color: transparent;
}
.white-bg .zijbalk {
background-color: transparent;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.white-bg .zijbalk {
background-color: transparent !important;
}
.white-bg .zijbalk svg {
background-color: transparent !important;
}
}
.white-bg.mirrored .content {
background-color: transparent;
}
.white-bg.mirrored .zijbalk {
background-color: transparent;
}
.hs-bg {
background-color: #4e3182 !important;
}
.hs-bg:before {
display: none !important;
}
.hs-bg * {
color: white;
box-shadow: none !important;
}
.hs-bg .vc_separator .vc_sep_line {
min-width: 200px;
border-color: white !important;
}
.hs-bg .content {
background-color: transparent;
}
.hs-bg .zijbalk {
background-color: transparent;
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) {
.hs-bg .zijbalk {
background-color: transparent !important;
}
.hs-bg .zijbalk svg {
background-color: transparent !important;
}
}
.hs-bg.mirrored .content {
background-color: transparent;
}
.hs-bg.mirrored .zijbalk {
background-color: transparent;
}
.vorm-parade-1 h2 {
margin-bottom: 20px !important;
}
.vorm-parade-1 > div > div {
position: relative;
max-width: 1200px;
margin: 0 auto;
box-sizing: border-box;
}
.vorm-parade-1 > div > div .container {
padding: 0px;
}
@media screen and (max-width: 1200px) {
.vorm-parade-1 > div > div .container {
padding: 0 20px;
}
}
.vorm-parade-1 > div > div > * {
position: relative;
z-index: 1;
}
.vorm-parade-1 > div > div > *:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-illustratie-opleidingen.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 600px;
position: absolute;
top: -125px;
left: -260px;
z-index: 0;
}
.vorm-parade-1 > div > div:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-lijnen-paars-gespiegeld.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
top: -55px;
right: -490px;
z-index: 0;
}
.vorm-parade-1 > div > div:after {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-lijnen-paars.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
bottom: -170px;
left: -220px;
z-index: 0;
}
.dienstblok.dienst-qs.vorm-parade-1 > div > div:after {
display: none;
}
.dienstblok.dienst-qs.vorm-parade-1 > div > div:before {
top: -475px;
right: -400px;
}
.dienstblok.dienst-qs.vorm-parade-1 > div > div > *:before {
top: -255px;
}
.dienstblok.dienst-qs .dienstbox {
position: relative;
}
.dienstblok.dienst-qs .dienstbox .logo img {
width: 160px;
position: relative;
top: -30px;
margin-bottom: -30px;
}
.dienstblok.dienst-qs .dienstbox .icon img {
width: 70px;
height: 70px;
border-radius: 50%;
box-shadow: 6px 6px 17px 1px #d2d2d2;
}
.dienstblok.dienst-qs .drieblocks.container {
max-width: 900px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.dienstblok.dienst-qs .drieblocks.container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.dienstblok.dienst-qs .drieblocks.container.marbot50 {
margin-bottom: 0 !important;
}
.dienstblok.dienst-qs .drieblocks.container .dienstbox {
margin-bottom: 20px !important;
}
}
.dienstblok.dienst-qs .drieblocks.container .dienstbox > * {
height: 100%;
padding-bottom: 60px !important;
position: relative;
}
.dienstblok.dienst-qs .drieblocks.container .dienstbox > * .standard-button {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.dienstblok.dienst-qs .drieblocks.container .padding-bottom-0 > * {
padding-bottom: 0px !important;
}
.dienstblok.dienst-qs .vierblocks.container .padding-bottom-0 > * {
padding-bottom: 0px !important;
}
.dienstblok.dienst-qs.lyceum-colors .dienstbox > div {
border-color: #c1001f;
}
.dienstblok.dienst-qs.lyceum-colors .dienstbox h4 {
color: #c1001f;
}
.dienstblok.dienst-qs.lyceum-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.college-colors .dienstbox > div {
border-color: #ef7f00;
}
.dienstblok.dienst-qs.college-colors .dienstbox h4 {
color: #ef7f00;
}
.dienstblok.dienst-qs.college-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.pro-colors .dienstbox > div {
border-color: #5ea03b;
}
.dienstblok.dienst-qs.pro-colors .dienstbox h4 {
color: #5ea03b;
}
.dienstblok.dienst-qs.pro-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.gymnasium-colors .dienstbox > div {
border-color: #ef7f00;
}
.dienstblok.dienst-qs.gymnasium-colors .dienstbox h4 {
color: #ef7f00;
}
.dienstblok.dienst-qs.gymnasium-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.mavo-colors .dienstbox > div {
border-color: #cecb00;
}
.dienstblok.dienst-qs.mavo-colors .dienstbox h4 {
color: #cecb00;
}
.dienstblok.dienst-qs.mavo-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.havo-colors .dienstbox > div {
border-color: #4e3182;
}
.dienstblok.dienst-qs.havo-colors .dienstbox h4 {
color: #4e3182;
}
.dienstblok.dienst-qs.havo-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.vwo-colors .dienstbox > div {
border-color: #f6a800;
}
.dienstblok.dienst-qs.vwo-colors .dienstbox h4 {
color: #f6a800;
}
.dienstblok.dienst-qs.vwo-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.technasium-colors .dienstbox > div {
border-color: #006728;
}
.dienstblok.dienst-qs.technasium-colors .dienstbox h4 {
color: #006728;
}
.dienstblok.dienst-qs.technasium-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.geofuture-colors .dienstbox > div {
border-color: #006bad;
}
.dienstblok.dienst-qs.geofuture-colors .dienstbox h4 {
color: #006bad;
}
.dienstblok.dienst-qs.geofuture-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.praktijkonderwijs-colors .dienstbox > div {
border-color: #1da12d;
}
.dienstblok.dienst-qs.praktijkonderwijs-colors .dienstbox h4 {
color: #1da12d;
}
.dienstblok.dienst-qs.praktijkonderwijs-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.bbl-colors .dienstbox > div {
border-color: #0081bd;
}
.dienstblok.dienst-qs.bbl-colors .dienstbox h4 {
color: #0081bd;
}
.dienstblok.dienst-qs.bbl-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.kbl-colors .dienstbox > div {
border-color: #f6a800;
}
.dienstblok.dienst-qs.kbl-colors .dienstbox h4 {
color: #f6a800;
}
.dienstblok.dienst-qs.kbl-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.vmbomavo-colors .dienstbox > div {
border-color: #d1014a;
}
.dienstblok.dienst-qs.vmbomavo-colors .dienstbox h4 {
color: #d1014a;
}
.dienstblok.dienst-qs.vmbomavo-colors .dienstbox p {
color: black;
}
.dienstblok.dienst-qs.top-colors .dienstbox > div {
border-color: #459bb2;
}
.dienstblok.dienst-qs.top-colors .dienstbox h4 {
color: #459bb2;
}
.dienstblok.dienst-qs.top-colors .dienstbox p {
color: black;
}
.content-bottom-widgets {
position: relative;
z-index: 0;
overflow: hidden;
}
.content-bottom-widgets:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-illustratie-opleidingen-footer.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 440px;
height: 600px;
position: absolute;
top: -55px;
right: -100px;
z-index: 0;
}
.cta.cta-inschrijven {
z-index: 3;
}
.cta.cta-inschrijven .container .cta-img-right {
position: absolute;
top: -60px;
left: 50px;
width: 546px;
}
@media screen and (max-width: 1200px) {
.cta.cta-inschrijven .container .cta-img-right {
left: 0;
}
}
.cta.cta-inschrijven .container .cta-img-left {
position: absolute;
right: 50px;
top: -60px;
width: 546px;
}
@media screen and (max-width: 1200px) {
.cta.cta-inschrijven .container .cta-img-left {
right: 0;
}
}
@media screen and (max-width: 767px) {
.cta.cta-inschrijven .container .cta-img-right, .cta.cta-inschrijven .container .cta-img-left {
display: none;
}
}
.liveblok.tekstblok {
padding: 70px 0 40px;
position: relative;
z-index: 2;
background-color: #4e3182;
color: white;
}
.liveblok.tekstblok h1, .liveblok.tekstblok h2, .liveblok.tekstblok h3, .liveblok.tekstblok h4, .liveblok.tekstblok h5, .liveblok.tekstblok h6 {
color: white;
}
.liveblok.tekstblok p {
margin-bottom: 50px !important;
}
.liveblok.tekstblok .standard-button p {
margin-bottom: 0px !important;
}
.liveblok.tekstblok.colored-bg {
background: rgba(78, 49, 130, 0.1);
color: black;
}
.liveblok.tekstblok.colored-bg h1, .liveblok.tekstblok.colored-bg h2, .liveblok.tekstblok.colored-bg h3, .liveblok.tekstblok.colored-bg h4, .liveblok.tekstblok.colored-bg h5, .liveblok.tekstblok.colored-bg h6 {
color: #4e3182;
}
.liveblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.liveblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.liveblok.tekstblok .container:before, .liveblok.tekstblok .container:after {
display: none;
}
.liveblok.tekstblok .zijbalk {
background: transparent;
}
.liveblok.tekstblok .content {
position: relative;
}
.liveblok.tekstblok .content > div {
margin-top: -120px;
}
.liveblok.tekstblok .content .motto {
position: absolute;
left: 0;
bottom: 0;
}
.liveblok.tekstblok .content .motto.motto-mirror {
right: 0;
left: auto;
}
.liveblok.tekstblok.lyceum-blok {
background-color: #c1001f;
}
.liveblok.tekstblok.lyceum-blok h1, .liveblok.tekstblok.lyceum-blok h2, .liveblok.tekstblok.lyceum-blok h3, .liveblok.tekstblok.lyceum-blok h4, .liveblok.tekstblok.lyceum-blok h5, .liveblok.tekstblok.lyceum-blok h6, .liveblok.tekstblok.lyceum-blok p, .liveblok.tekstblok.lyceum-blok li, .liveblok.tekstblok.lyceum-blok a, .liveblok.tekstblok.lyceum-blok strong {
color: white;
}
.liveblok.tekstblok.college-blok {
background-color: #ef7f00;
}
.liveblok.tekstblok.college-blok h1, .liveblok.tekstblok.college-blok h2, .liveblok.tekstblok.college-blok h3, .liveblok.tekstblok.college-blok h4, .liveblok.tekstblok.college-blok h5, .liveblok.tekstblok.college-blok h6, .liveblok.tekstblok.college-blok p, .liveblok.tekstblok.college-blok li, .liveblok.tekstblok.college-blok a, .liveblok.tekstblok.college-blok strong {
color: white;
}
.liveblok.tekstblok.pro-blok {
background-color: #5ea03b;
}
.liveblok.tekstblok.pro-blok h1, .liveblok.tekstblok.pro-blok h2, .liveblok.tekstblok.pro-blok h3, .liveblok.tekstblok.pro-blok h4, .liveblok.tekstblok.pro-blok h5, .liveblok.tekstblok.pro-blok h6, .liveblok.tekstblok.pro-blok p, .liveblok.tekstblok.pro-blok li, .liveblok.tekstblok.pro-blok a, .liveblok.tekstblok.pro-blok strong {
color: white;
}
.whiteblok.tekstblok {
padding: 70px 0 40px;
position: relative;
z-index: 2;
background-color: #f2f2f2;
color: black;
}
.whiteblok.tekstblok h1, .whiteblok.tekstblok h2, .whiteblok.tekstblok h3, .whiteblok.tekstblok h4, .whiteblok.tekstblok h5, .whiteblok.tekstblok h6 {
color: #4e3182;
}
.whiteblok.tekstblok p {
margin-bottom: 50px !important;
}
.whiteblok.tekstblok .standard-button p {
margin-bottom: 0px !important;
}
.whiteblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.whiteblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.whiteblok.tekstblok .container:before, .whiteblok.tekstblok .container:after {
display: none;
}
.whiteblok.tekstblok .zijbalk {
background: transparent;
}
.whiteblok.tekstblok .zijbalk .motto {
position: absolute;
left: 0;
bottom: 0;
}
.whiteblok.tekstblok .zijbalk .motto.motto-mirror {
right: 0;
left: auto;
}
.whiteblok.tekstblok .content {
position: relative;
}
.whiteblok.tekstblok .content > div {
margin-top: -120px;
}
.whiteblok.tekstblok .content .motto {
position: absolute;
left: 0;
bottom: 0;
}
.whiteblok.tekstblok .content .motto.motto-mirror {
right: 0;
left: auto;
}
.whiteblok.tekstblok.lyceum-blok {
background-color: #c1001f;
}
.whiteblok.tekstblok.lyceum-blok h1, .whiteblok.tekstblok.lyceum-blok h2, .whiteblok.tekstblok.lyceum-blok h3, .whiteblok.tekstblok.lyceum-blok h4, .whiteblok.tekstblok.lyceum-blok h5, .whiteblok.tekstblok.lyceum-blok h6, .whiteblok.tekstblok.lyceum-blok p, .whiteblok.tekstblok.lyceum-blok li, .whiteblok.tekstblok.lyceum-blok a, .whiteblok.tekstblok.lyceum-blok strong {
color: white;
}
.whiteblok.tekstblok.college-blok {
background-color: #ef7f00;
}
.whiteblok.tekstblok.college-blok h1, .whiteblok.tekstblok.college-blok h2, .whiteblok.tekstblok.college-blok h3, .whiteblok.tekstblok.college-blok h4, .whiteblok.tekstblok.college-blok h5, .whiteblok.tekstblok.college-blok h6, .whiteblok.tekstblok.college-blok p, .whiteblok.tekstblok.college-blok li, .whiteblok.tekstblok.college-blok a, .whiteblok.tekstblok.college-blok strong {
color: white;
}
.whiteblok.tekstblok.pro-blok {
background-color: #5ea03b;
}
.whiteblok.tekstblok.pro-blok h1, .whiteblok.tekstblok.pro-blok h2, .whiteblok.tekstblok.pro-blok h3, .whiteblok.tekstblok.pro-blok h4, .whiteblok.tekstblok.pro-blok h5, .whiteblok.tekstblok.pro-blok h6, .whiteblok.tekstblok.pro-blok p, .whiteblok.tekstblok.pro-blok li, .whiteblok.tekstblok.pro-blok a, .whiteblok.tekstblok.pro-blok strong {
color: white;
}
.webinarsblok.tekstblok {
padding: 70px 0;
position: relative;
z-index: 1;
}
.webinarsblok.tekstblok p {
margin-bottom: 50px !important;
}
.webinarsblok.tekstblok .standard-button p {
margin-bottom: 0px !important;
}
.webinarsblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.webinarsblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.webinarsblok.tekstblok .container:before, .webinarsblok.tekstblok .container:after {
display: none;
}
.webinarsblok.tekstblok .content {
position: relative;
}
.webinarsblok.tekstblok .content .motto {
position: absolute;
right: 0;
bottom: 0;
}
.webinarsblok.tekstblok > div > div:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-lijnen-paars-gespiegeld.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
top: -455px;
right: -170px;
z-index: 0;
}
.speurtochtblok.tekstblok {
padding: 70px 0;
position: relative;
z-index: 2;
background: #eae8f2;
}
.speurtochtblok.tekstblok p {
margin-bottom: 50px !important;
}
.speurtochtblok.tekstblok .standard-button p {
margin-bottom: 0px !important;
}
.speurtochtblok.tekstblok input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), .speurtochtblok.tekstblok select, .speurtochtblok.tekstblok textarea {
background-color: white;
}
.speurtochtblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.speurtochtblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.speurtochtblok.tekstblok .container:before, .speurtochtblok.tekstblok .container:after {
display: none;
}
.speurtochtblok.tekstblok .content {
position: relative;
}
.speurtochtblok.tekstblok .content .motto {
position: absolute;
left: 0;
bottom: 0;
}
@media screen and (max-width: 1200px) {
.speurtochtblok.tekstblok .standard-button a {
margin: 10px !important;
}
}
.afspraakblok.tekstblok {
padding: 70px 0;
position: relative;
z-index: 1;
}
.afspraakblok.tekstblok p {
margin-bottom: 50px !important;
}
.afspraakblok.tekstblok .standard-button p {
margin-bottom: 0px !important;
}
.afspraakblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media screen and (max-width: 767px) {
.afspraakblok.tekstblok .container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.afspraakblok.tekstblok .container:before, .afspraakblok.tekstblok .container:after {
display: none;
}
.afspraakblok.tekstblok .content {
position: relative;
}
.afspraakblok.tekstblok .content .motto {
position: absolute;
right: 0;
bottom: 0;
}
.afspraakblok.tekstblok > div > div:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-lijnen-paars.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
bottom: -170px;
left: -220px;
z-index: 0;
}
.shelfblok.tekstblok {
padding: 70px 0;
position: relative;
z-index: 1;
background: #eae8f2;
}
.shelfblok.tekstblok p {
margin-bottom: 50px !important;
}
.shelfblok.tekstblok .standard-button p {
margin-bottom: 0px !important;
}
.shelfblok.tekstblok h2 {
font-size: 30px;
line-height: 30px;
font-family: "semibold";
margin-bottom: 0 !important;
text-transform: uppercase;
}
.shelfblok.tekstblok h3 {
font-size: 20px;
line-height: 30px;
font-family: "semibold";
margin-bottom: 40 !important;
text-transform: uppercase;
}
.shelfblok.tekstblok.vormbg {
background: white;
}
.shelfblok.tekstblok.vormbg > div > div:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-lijnen-paars.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
bottom: -170px;
left: -220px;
z-index: 0;
}
.helpdeskblok.dienstblok p {
margin-bottom: 50px !important;
}
.helpdeskblok.dienstblok .standard-button p {
margin-bottom: 0px !important;
}
.helpdeskblok.dienstblok .standard-button a {
margin: 0 30px;
}
.vidblok.tekstblok {
background: white;
}
.vidblok.tekstblok p {
margin-bottom: 50px !important;
}
.vidblok.tekstblok .standard-button p {
margin-bottom: 0px !important;
}
.vidblok.tekstblok .container {
max-width: 1200px;
}
.vidblok.tekstblok .vc_col-sm-4, .vidblok.tekstblok .vc_col-sm-6 {
padding: 30px;
}
.vidblok.tekstblok > div > div:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/streek-lijnen-paars.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 1000px;
height: 800px;
position: absolute;
bottom: -170px;
left: -220px;
z-index: 0;
}
.linkblokje {
max-width: 1200px;
margin: 0 auto;
position: relative;
}
.linkblokje .quicklinks-slider {
position: absolute;
bottom: 100px;
left: 0px;
z-index: 20;
background: #4e3182;
color: white;
padding: 10px;
border-radius: 15px;
display: inline-block;
width: auto;
}
@media screen and (max-width: 960px) {
.linkblokje .quicklinks-slider {
bottom: 50px;
}
}
@media screen and (max-width: 767px) {
.linkblokje .quicklinks-slider {
position: relative;
margin-top: 10px;
bottom: auto;
left: auto;
width: 100%;
box-sizing: border-box;
}
}
.linkblokje .quicklinks-slider h2 {
font-size: 20px;
line-height: 24px;
color: white;
text-align: center;
}
.linkblokje .quicklinks-slider a {
display: block;
font-size: 14px;
border-bottom: 1px solid white;
color: white;
box-sizing: content-box;
padding: 1px;
}
.linkblokje .quicklinks-slider a:last-child {
border-bottom: none;
}
.linkblokje .quicklinks-slider a img {
width: 20px;
height: 20px;
padding: 1px;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
}
.linkblokje .quicklinks-slider a span {
display: inline-block;
vertical-align: middle;
}
.titelblok.tekstblok {
padding-top: 225px;
padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
.titelblok.tekstblok {
padding-top: 190px;
}
}
@media screen and (max-width: 495px) {
.titelblok.tekstblok {
padding-top: 140px;
}
}
.titelblok.tekstblok h1 {
margin-bottom: 0 !important;
}
.titelblok.tekstblok .container {
max-width: 1200px;
}
.titelblok.tekstblok > div > div {
position: relative;
}
.titelblok.tekstblok > div > div > * {
position: relative;
z-index: 1;
}
.titelblok.tekstblok > div > div:before {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-line-2.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 750px;
height: 630px;
position: absolute;
top: -110px;
right: -95px;
z-index: 0;
}
.titelblok.tekstblok > div > div:after {
content: "";
display: block;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-solid-2.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 670px;
height: 460px;
position: absolute;
top: -290px;
left: -55px;
z-index: 0;
}
.titelblok.tekstblok.lyceum-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-line-3.svg);
}
.titelblok.tekstblok.college-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-college-line.svg);
}
.titelblok.tekstblok.pro-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-pro-line-1.svg);
}
.titelblok.tekstblok.gymnasium-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-gymnasium-line.svg);
}
.titelblok.tekstblok.gymnasium-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-gymnasium-solid.svg);
}
.titelblok.tekstblok.mavo-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-mavo-line.svg);
}
.titelblok.tekstblok.mavo-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-mavo-solid.svg);
}
.titelblok.tekstblok.havo-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-havo-line.svg);
}
.titelblok.tekstblok.havo-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-havo-solid.svg);
}
.titelblok.tekstblok.vwo-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-vwo-line.svg);
}
.titelblok.tekstblok.vwo-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-vwo-solid.svg);
}
.titelblok.tekstblok.technasium-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-technasium-line.svg);
}
.titelblok.tekstblok.technasium-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-technasium-solid.svg);
}
.titelblok.tekstblok.geofuture-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-geo-line.svg);
}
.titelblok.tekstblok.geofuture-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-geo-solid.svg);
}
.titelblok.tekstblok.praktijkonderwijs-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-pro-line.svg);
}
.titelblok.tekstblok.praktijkonderwijs-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-pro-solid.svg);
}
.titelblok.tekstblok.bbl-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-bbl-line.svg);
}
.titelblok.tekstblok.bbl-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-bbl-solid.svg);
}
.titelblok.tekstblok.kbl-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-kbl-line.svg);
}
.titelblok.tekstblok.kbl-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-kbl-solid.svg);
}
.titelblok.tekstblok.vmbomavo-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-mavo-2-line.svg);
}
.titelblok.tekstblok.vmbomavo-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-mavo-2-solid.svg);
}
.titelblok.tekstblok.top-shape > div > div:before {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-line-top.svg);
}
.titelblok.tekstblok.top-shape > div > div:after {
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-solid-2-top.svg);
}
.tekstblok.afterintro {
padding-top: 0;
}
.tekstblok.afterintro .content {
position: relative;
}
.tekstblok.afterintro .content .motto {
position: absolute;
right: 0;
bottom: 0;
}
.tekstblok.schoolblok h2 {
margin-bottom: 0px !solid;
font-size: 25px;
}
@media screen and (max-width: 767px) {
.tekstblok.schoolblok h2 {
font-size: 20px;
}
}
.tekstblok.schoolblok .content {
position: relative;
}
.tekstblok.schoolblok .content .motto {
position: absolute;
right: 60px;
bottom: -50px;
}
.tekstblok.schoolblok .content .motto.motto-mirror {
left: 60px;
right: auto;
}
.filmbalk {
background-color: #4e3182;
padding: 30px 0;
}
.filmbalk h1, .filmbalk h2, .filmbalk h3, .filmbalk h4, .filmbalk h5, .filmbalk h6, .filmbalk p, .filmbalk li, .filmbalk strong, .filmbalk a {
color: white;
}
.filmbalk .wpb_video_widget {
margin-bottom: 10px;
}
.laptopbalk {
background-color: #4e3182;
padding: 50px 0;
z-index: 3;
position: relative;
}
.laptopbalk h1, .laptopbalk h2, .laptopbalk h3, .laptopbalk h4, .laptopbalk h5, .laptopbalk h6, .laptopbalk p, .laptopbalk li, .laptopbalk strong, .laptopbalk a {
color: white;
}
.laptopbalk .container {
position: relative;
background-image: url(//www.hetstreek.nl/wp-content/themes/twentysixteen-child/css/compiled/wp-content/uploads/het-streek-icon-laptop-1.svg);
background-size: 240px 180px;
background-repeat: no-repeat;
background-position: center right;
}
.laptopbalk .container .image-hl {
max-width: 460px;
position: absolute;
right: 60px;
bottom: -50px;
}
@media screen and (max-width: 767px) {
.laptopbalk .container .image-hl {
position: relative;
max-width: none;
right: auto;
}
}
.tabelshow table {
margin: 0 auto;
width: 100%;
max-width: 510px;
text-align: left;
border-collapse: separate;
border-spacing: 0 2px;
}
.tabelshow table tr:nth-child(odd) {
background-color: rgba(78, 49, 130, 0.1);
}
.tabelshow table tr:nth-child(even) {
background-color: white;
}
.tabelshow table tr td {
border: 1px solid rgba(78, 49, 130, 0.1);
}
.tabelshow table tr td:first-child {
border-right: none;
border-radius: 10px 0 0 10px;
width: 60%;
padding-left: 40px;
}
@media screen and (max-width: 495px) {
.tabelshow table tr td:first-child {
padding-left: 10px;
}
}
.tabelshow table tr td:last-child {
border-left: none;
border-radius: 0 10px 10px 0;
padding-right: 10px;
}
.tabelshow .vaktabel table {
max-width: none;
}
.tabelshow .vaktabel table tr td:first-child {
width: 25%;
}
.tabelshow .bigtables {
max-width: 800px;
}
.tabelshow .bigtables.teksthouder {
max-width: 1200px;
}
.tabelshow .bigtables table {
max-width: 700px;
margin-bottom: 30px;
}
.tabelshow .bigtables > div > div {
padding-left: 40px !important;
padding-right: 40px !important;
}
.tabelshow-profielen table {
margin: 0 auto;
width: 100%;
max-width: 510px;
text-align: left;
border-collapse: separate;
}
.tabelshow-profielen table tr:nth-child(odd) {
background-color: rgba(78, 49, 130, 0.1);
}
.tabelshow-profielen table tr:nth-child(even) {
background-color: white;
}
.tabelshow-profielen table tr td {
border: 1px solid rgba(78, 49, 130, 0.1);
}
.tabelshow-profielen table tr td:first-child {
border-right: none;
border-radius: 10px 0 0 10px;
width: 40%;
padding-left: 40px;
}
@media screen and (max-width: 495px) {
.tabelshow-profielen table tr td:first-child {
padding-left: 10px;
}
}
.tabelshow-profielen table tr td:last-child {
border-left: none;
border-radius: 0 10px 10px 0;
padding-right: 10px;
left: -2px;
position: relative;
}
.tabelshow-profielen .vaktabel table {
max-width: none;
}
.tabelshow-profielen .vaktabel table tr td:first-child {
width: 25%;
}
.tabelshow-profielen .bigtables {
max-width: 1200px;
}
.tabelshow-profielen .bigtables table {
max-width: 700px;
margin-bottom: 30px;
}
.socialwall.container-full {
background-color: #4e3182;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-icons-light.svg);
background-size: 1600px 600px;
background-repeat: no-repeat;
background-position: center;
padding: 0;
}
.socialwall.container-full h1, .socialwall.container-full h2, .socialwall.container-full h3, .socialwall.container-full h4, .socialwall.container-full h5, .socialwall.container-full h6 {
color: white;
}
.socialwall.container-full > div {
padding: 70px 0px;
background: rgba(78, 49, 130, 0.5);
}
.socialwall.container-full .social-follows {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
align-items: baseline;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
max-width: 450px;
margin: 0 auto;
}
.socialwall.container-full .social-follows a {
color: white;
line-height: 45px;
}
@media screen and (max-width: 767px) {
.socialwall.container-full .social-follows {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.socialwall.container-full .social-follows .sub-follows {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
padding: 4px 0 4px 60px;
}
@media screen and (max-width: 767px) {
.socialwall.container-full .social-follows .sub-follows {
margin-bottom: 20px;
}
}
.socialwall.container-full .social-follows .sub-follows:before {
font-family: "Font Awesome 5 Brands";
display: inline-block;
vertical-align: middle;
font-weight: 400;
position: absolute;
left: 0;
top: 0;
color: white;
font-size: 25px;
line-height: 50px;
height: 50px;
width: 50px;
border: 1px solid white;
border-radius: 50%;
text-align: center;
}
.socialwall.container-full .social-follows .instagram-follows:before {
content: "";
}
.socialwall.container-full .social-follows .facebook-follows:before {
content: "";
}
.socialwall.container-full [id^=sb-wall].sb-wall .sb-wall-footer {
text-align: center;
}
.socialwall.container-full.socialpage {
background-color: transparent;
background-image: url(//www.hetstreek.nl/wp-content/uploads/het-streek-background-element-icons-social.svg);
position: relative;
z-index: 1;
}
.socialwall.container-full.socialpage > div {
background: transparent;
}
.socialwall.container-full.socialpage h1, .socialwall.container-full.socialpage h2, .socialwall.container-full.socialpage h3, .socialwall.container-full.socialpage h4, .socialwall.container-full.socialpage h5, .socialwall.container-full.socialpage h6 {
color: #4e3182;
}
.socialwall.container-full.socialpage .social-follows {
margin-bottom: 50px;
}
.socialwall.container-full.socialpage .social-follows a, .socialwall.container-full.socialpage .social-follows .sub-follows:before {
color: #4e3182;
border-color: #4e3182;
}
.ics-calendar-title {
display: none;
}
.ics-calendar-month-grid {
margin-top: 30px;
}
.ics-calendar-month-grid th {
background: #4e3182;
color: white;
}
.ics-calendar-month-grid .past, .ics-calendar-month-grid .off, .ics-calendar-month-grid .day {
background: rgba(78, 49, 130, 0.1);
}
.ics-calendar-month-grid th, .ics-calendar-month-grid td {
border-color: #505050;
}
.agenda-college .today .day {
background: #ef7f00;
}
.agenda-lyceum .today .day {
background: #c1001f;
}
.agenda-pro .today .day {
background: #5ea03b;
}
.purple-quote-missie-visie img {
max-width: 60% !important;
position: absolute !important;
top: 181px;
right: 36px;
}
.pad-bot-100 {
padding-bottom: 100px !important;
}
.terug-button {
background: transparent;
border: none;
color: white;
cursor: pointer;
font-family: "regular";
font-size: 16px;
}
.terug-svg {
color: white;
}
.kleur-vacature {
margin-left: 16px;
margin-top: -13px;
}
.open-dag-container .placeholder img {
max-width: 75% !important;
}
.livestream {
padding-top: 0px !important;
}
.livestream iframe {
width: 100% !important;
height: 650px;
}
@media screen and (max-width: 1040px) {
.livestream iframe {
height: 200px !important;
}
}
.page-id-1162 main {
padding-top: 70px;
}
.page-id-1162 .site-header:not(.make-it-sticky) .site-branding {
padding: 0 8px 5px;
background: white;
}
.pztitelblok {
background: rgba(78, 49, 130, 0.5);
}
.pztitelblok h1 {
color: white;
font-size: 60px;
line-height: 66px;
}
@media screen and (max-width: 1040px) {
.pztitelblok h1 {
font-size: 40px;
line-height: 46px;
}
}
@media screen and (max-width: 767px) {
.pztitelblok h1 {
font-size: 26px;
line-height: 28px;
}
}
@media screen and (max-width: 495px) {
.pztitelblok h1 {
font-size: 26px;
line-height: 24px;
margin-bottom: 10px !important;
}
}
.pztitelblok > div > div:before, .pztitelblok > div > div:after {
display: none;
}
.pzoverview.container-full {
padding-top: 100px;
position: relative;
z-index: 5;
}
@media screen and (max-width: 495px) {
.pzoverview.container-full {
top: 0;
}
}
.rplistblock {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.rplistblock .rpliststream a {
text-decoration: none;
}
.rplistblock .rplistitem {
width: 265px;
background: rgba(78, 49, 130, 0.1);
border-radius: 20px;
overflow: hidden;
margin: 25px;
}
.rplistblock .rplistitem .rplistimage {
height: 200px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 20px;
}
.rplistblock .rplistitem .rplistsummary {
padding: 25px;
}
.rplistblock .rplistitem .rplistschool {
text-transform: uppercase;
color: #4e3182;
}
.rplistblock .rplistitem .rplistschool.rplistschoolgroen {
color: #5ea03b;
}
.rplistblock .rplistitem .rplistschool.rplistschoolrood {
color: #c1001f;
}
.rplistblock .rplistitem .rplistschool.rplistschooloranje {
color: #ef7f00;
}
.rplistblock .rplistitem .rplisttitle {
min-height: 120px;
}
.rplistblock .rplistitem .rponderschrift {
font-size: 12px;
color: black;
margin-bottom: 0 !important;
}
.rplistblock .rplistitem .rponderschrift strong {
color: black;
}
.scroller {
max-width: 100vw;
background: transparent;
}
.scroller__inner {
padding-block: 3rem;
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.scroller__inner img {
width: 100%;
max-width: 150px;
padding: 0px 25px;
max-height: 100px;
}
.scroller[data-animated="true"] {
overflow: hidden;
-webkit-mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
mask: linear-gradient(90deg, transparent, white 20%, white 80%, transparent);
}
.scroller[data-animated="true"] .scroller__inner {
width: max-content;
flex-wrap: nowrap;
animation: scroll var(--_animation-duration, 40s) var(--_animation-direction, forwards) linear infinite;
}
.scroller[data-direction="right"] {
--_animation-direction: reverse;
}
.scroller[data-direction="left"] {
--_animation-direction: forwards;
}
.scroller[data-speed="fast"] {
--_animation-duration: 20s;
}
.scroller[data-speed="slow"] {
--_animation-duration: 100s;
}
@keyframes scroll {
to {
transform: translate(calc(-50% - 0.5rem));
}
} .tag-list {
margin: 0;
padding-inline: 0;
list-style: none;
}
.tag-list li {
padding: 1rem;
background: #ea728d;
border-radius: 0.5rem;
box-shadow: 0 0.5rem 1rem -0.25rem gray;
}