/* ---------------------------------------------------------------------- Theme Name: Kuijf Child Description: Child theme for Avada theme Author: DTG Template: Avada Version: 1.0.0 Text Domain: Avada ---------------------------------------------------------------------- */ /* ------------------------------------------------------------------- */ @import url("../Avada/style.css"); #wrapper .fusion-blog-layout-grid .fusion-post-wrapper .fusion-image-wrapper { max-height: 169px !important; } .fusion-image-wrapper { max-height: 169px !important; } .fusion-flexslider .slides .fusion-image-wrapper { max-height: 169px !important; } /* ------------------------------------------------------------------- */ #main { box-shadow: 0 5px 20px rgba(30, 39, 53, 0.95), 0 0px 10px rgba(30, 39, 53, 0.5), 0 5px 5px rgba(30, 39, 53, 0.25); } .fusion-header-v4 .fusion-header { padding-top: 20px; padding-bottom: 20px; } .fusion-header-content-3-wrapper { padding-top: 50px } .fusion-header-v4 .fusion-header { padding-top: 15px; padding-bottom: 15px; } .fusion-main-menu .sub-menu { left: -25px; border-top: none; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } .fusion-main-menu .sub-menu a { padding: 10px 15px 10px 15px } #custom-button { padding: 20px 35px; line-height: 17px; font-size: 18px; font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; font-weight: 700; border-radius: 2px; background: #22a3db; width: auto; display: inline-block; position: relative; outline: 0; border: 1px solid rgba(0, 0, 0, 0); text-align: center; text-transform: uppercase; cursor: pointer; box-sizing: border-box; transition: all .2s; color: #FFF; margin-top: 30px; } #custom-button:hover { background: #63b0e0; transition: all .3s; text-decoration: none; } .fusion-mobile-menu-sep, .fusion-secondary-main-menu { border-bottom: 0 } .fusion-fullwidth-1 .fusion-border-below-title { margin-bottom: 0 !important;} #intro p, #intro_2 p, #intro-list { color: #F4F1EF; font-size: 1.35em !important; } #paragraph_snel-flexibel, #paragraph_allrisk_verzekering { letter-spacing: -0.5px; } #intro_3 p { color: #F4F1EF; font-size: 1.5em !important; font-weight: 600; } #intro a, #intro_2 a, #intro_3 a { border-bottom: 1px dotted; color: #F4F1EF; } #image_categories .fusion-imageframe { margin-bottom: -10px } .fusion-logo-1x.fusion-standard-logo { height: 60px } .fusion-footer-widget-area .widget-title { text-transform: none } #fotobutton { border-radius: 4px; overflow: hidden; box-shadow: 0px 1px 3px 0px rgba(102, 96, 91, 0.6); } #fotobutton .fusion-title { margin: 40px 0 !important; } #fotobutton_tribunes .fusion-title { margin: 40px 0 !important;} #fotobutton h3 { color: #FFF; font-size: 35px; text-shadow: 1px 1px 2px RGBA(18, 30, 45, 0.5); } #fotobutton_tribunes h3 { color: #FFF; font-size: 30px; line-height: 35px; text-shadow: 1px 1px 1px RGBA(18, 30, 45, 0.2); } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 801px) { #home-btn-podium { position: relative; top: 22px;} .podium_photobutton-box .imageframe-align-center { position: relative; top: -22px; margin: 0px -21px 0px !important;} #photo-box_title { margin-bottom: 15px !important; } #wrapper #main .fusion-posts-container .fusion-post-content > h2.entry-title, .fusion-blog-layout-grid h2.entry-title { min-height: 56px; } } /* ------------------------------------------------------------------------------------------------------------------------------------------- */ #wrapper #main .fusion-posts-container .fusion-post-content > h2.entry-title, .fusion-blog-layout-grid h2.entry-title { min-height: 56px; } #page_home_photo-btn .imageframe-align-center { height: 224.233px; } #page_home_photo-btn .fusion-column-wrapper { min-height:inherit !important; } .fusion-checklist.fusion-checklist-1.pagodetenten_maten { margin-top: 25px; margin-bottom: 35px; } #slidertitle { text-shadow: 1px 1px 2px RGBA(18, 30, 45, 0.4) } .entry-title { letter-spacing: -1px } #projecten_h1 h1 { letter-spacing: -2px } #pagodetenten_h1 h1 { letter-spacing: -2.15px } .faq .panel-title .fusion-toggle-heading { margin-left: 40px } .faq .faq_title, .faq .faq_title { color: #405a78; font-weight: 700; font-size: 24px; line-height: 51px; } #level2_title, #level2_title h2, #level3_title, #level3_title h3 { font-size: 36px; line-height: 54px; } #intro_3 #level3_title { color: #384a60;} #wrapper #main .fusion-posts-container .fusion-post-content > h2.entry-title { font-size: 18px; letter-spacing: -0.975px; line-height: 28px;} .fusion-blog-layout-grid .post .fusion-content-sep { display: none;} .faq .panel-title .fusion-toggle-heading p { display: none; } #wrapper .fusion-accordian .panel-title .fusion-toggle-icon-wrapper { line-height: 40px; } #wrapper .post-content .accordian.fusion-accordian.faq h2, #wrapper .post-content .accordian.fusion-accordian.faq h3 { font-size: 22px; margin: 0; line-height: 42px;} .fusion-copyright-content img { width: 37px; height: auto; margin: 0 0 0 5px;} #branchelogo { max-width: 180px; height: auto; } .fusion-footer-widget-area h3, .fusion-footer-widget-area .widget-title { margin: 0 0 10px; } /* ============================================================================== */ #custombox { background: #E9E4DF; border: 1px solid #e2e2e2; padding: 30px; } #custombox .fusion-checklist .fusion-li-item { margin-bottom: 0 } #custombox h3 { margin-top: 0 } #h2-letterspacinghalfpx h2 { letter-spacing: 0.5px } #box-submit2 { width: 100%; padding: 20px 30px 0; background: #DBD7D4; margin-bottom: 0; margin-top: 30px; } #box-submit2 #recaptcha, #box-submit2 #submit-btn { width: 304px; margin: auto; display: block; float: none; } #box-submit2 > p:nth-child(3) { margin: 0 } #tribunes-checklist .fusion-li-item { margin: 0 } .fusion-footer-widget-area .fa { width: 30px; text-align: center; } .fusion-meta-info .fusion-alignright { display: none; } .fusion-blog-layout-grid .fusion-post-grid .fusion-rollover .fusion-rollover-content .fusion-rollover-title, .post-content h4 { font-size: 16px; line-height: 26px; } #toTop { background-color: #22A3DB } #toTop:hover { background-color: #63b0e0 !important } #photobutton-box_home .imageframe-align-center { width: calc(100% + 42px); margin: 0px -21px 20px; } #photobutton-box_home { border-radius: 4px !important; overflow: hidden; box-shadow: 0px 1px 5px -2px rgba(150, 141, 134, 0.4); } /* ---------------------------------- Offerte formulier ---------------------------------- */ .wpcf7-form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] { background: #e9e4df; padding: 70px; border-width: 1px; border-style: solid; border-color: #d7d1cb; border-radius: 4px; line-height: normal; display: inline-block; } #offerte-titel { font-size: 34px; line-height: 44px; color: #405a78; margin-top: 0px; margin-bottom: 25px; } #form-intro { font-size: 1.25em; font-weight: 600; color: #547191; margin-bottom: 25px; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] textarea, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input:focus, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] textarea:focus, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] textarea:focus, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="submit"]:hover, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .wpcf7-submit:not([disabled]), form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .wpcf7-submit:not([disabled]):hover { background: #f8f5f0; font-size: 16px; font-weight: normal; line-height: 28px; color: #343b49; border-color: #d7d1cb; border-width: 1px; border-style: solid; border-radius: 3px; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] textarea, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] textarea:focus { font-style: normal; line-height: normal; background-color: #f8f5f0; border-width: 1px; border-color: #d7d1cb; border-style: solid; border-radius: 3px; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] label, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] > p { font-style: normal; font-weight: bold; line-height: normal; color: #405a78; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .wpcf7-submit, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .wpcf7-submit:focus, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="submit"], form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="submit"]:hover, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .wpcf7-submit:not([disabled]), form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .wpcf7-submit:not([disabled]):hover { line-height: normal; border-width: 0px; color: #ffffff; background: #22a3db; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"], form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type='submit'] { font-family: 'Source Sans Pro', sans-serif } .formfield-container { width: 100%; float: left; } #persoonsgegevens { width: 47.5%; float: left; margin-right: 5%; margin-bottom: 0; } #box-aanvraag { width: 47.5%; float: left; margin-bottom: 0; } #locatie { width: 47.5%; float: left; margin-right: 5%; } #op-en-afbouw { width: 47.5%; float: left; } #opmerkingen { margin-bottom: 0 } .plaatsnaam #autocomplete { margin-left: 40%; margin-top: 10px; } .formfield, .formfield-container { display: block } .post-content .formfield-container h4 { margin-top: 0; margin-bottom: 10px; } #product_offerte span.wpcf7-list-item, #product_offerte span.wpcf7-list-item.first { margin-left: 0 !important } input[type="checkbox"]:not([lt-ie9]) { display: none } input[type="checkbox"]:not([lt-ie9]) + span { display: block; position: relative; padding-left: 3em; margin-bottom: 10px; float: left; cursor: pointer; font-weight: 400; font-size: 16px; line-height: 39.5px; color: #547191;} input[type="checkbox"]:not([lt-ie9]) + span::before { content: ''; font-family: fontAwesome; font-size: 20px; line-height: 39px; text-align: center; color: #343b49; border: 1px solid #d7d1cb; border-radius: 2.5px; display: block; position: absolute; top: 0; left: 0; width: 39px; height: 39px; background: #f8f5f0; } input[type="checkbox"]:checked:not([lt-ie9]) + span::before { content: "\f00c"; font-family: 'fontawesome'; } #product_offerte input[type="checkbox"]:not([lt-ie9]) + span { width: 47.5%; margin-right: 2.5%; } #product_offerte label { display: block; width: 50%; float: left; } #field_label { font-size: 16px; line-height: 38px; font-weight: 400; color: #547191; margin-bottom: 0px; width: 37.5%; float: left; } .post-content .formfield p { margin-bottom: 10px } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="text"], form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="email"], form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="tel"] { width: 60% !important; margin-left: 2.5%; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"].plaatsnaam input { margin-left: 40%; margin-top: 10px; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .afmetingvloerhoogte input { margin-left: 0 !important; width: 47.5% !important; } .formfield-container { margin-bottom: 25px } #hide1 span, #hide2 span, #hide3 span, #hide4 span, #hide6 span { display: inline-block } #divider-box01, #divider-box02 { display: inline-block; width: 100%; } .form-divider { position: relative; margin: 60px 0; overflow: visible;} .form-divider::before { content: ''; font-size: 20px; font-weight: 700; line-height: 43px;color: #F4F1EF; text-align: center; display: block !important; width: 45px; height: 45px; position: absolute; top: -25.5px; left: calc(50% - 22.5px); border-radius: 50%; background: #405A78; z-index: 2; } .form-divider::after { content: ''; display: inline-block; width: 58px !important;height: 8px; position: absolute; top: -4px; left: calc(50% - 29px); background: #E9E4DF; z-index: 1; } #stap-1.form-divider:before { content: '1' } #stap-2.form-divider:before { content: '2' } #stap-3.form-divider:before { content: '3' } #recaptcha, #submit-btn { display: inline-block; width: 50%; float: left; } #recaptcha div { margin: auto } #submit-btn input { display: block; width: 304px; height: 62px; padding: 0 !important; margin: 5px auto; font-size: 25px; text-transform: none; } ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: grey } /* ---- datepicker ---- */ .ui-widget { font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif } .ui-widget-content { background: #f8f5f0; color: #343b49; padding: 0; width: auto; height: auto; border: 1px solid #d7d1cb; box-shadow: 1px 1px 5px rgba(185, 175, 165, 0.75); } .ui-widget-header { background: #405A78; border: none; border-radius: 0 !important; padding: 0 !important; font-weight: bold; color: #F4F1EF; } .ui-datepicker .ui-datepicker-prev { top: 0; left: 0; height: 1.8em; width: 1.8em; border-radius: 0 !important; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-next { top: 0; right: 0; height: 1.8em; width: 1.8em; border-radius: 0 !important; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-prev::before { content: "\f053"; font-family: FontAwesome; color: #F4F1EF; } .ui-datepicker .ui-datepicker-next::before { content: "\f054";font-family: FontAwesome; color: #F4F1EF; } .ui-datepicker .ui-datepicker-prev:hover::before { color: #B1BDCB } .ui-datepicker .ui-datepicker-next:hover::before { color: #B1BDCB } .ui-widget-header .ui-icon { background-image: none } .ui-datepicker-prev.ui-corner-all:hover { background: none; border: none; } .ui-datepicker-next.ui-corner-all:hover { background: none; border: none; } .ui-datepicker .ui-icon, .ui-datepicker .ui-widget-content .ui-icon, .ui-datepicker .ui-state-hover .ui-icon, .ui-datepicker .ui-state-focus .ui-icon { background-image: none } .ui-state-default, .ui-widget-content .ui-state-default { height: 2em; width: 2em; padding: 0; background: #E9E4DF; border: none; font-weight: normal; line-height: 2em; color: #555; text-align: center; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #8195AD !important; border: none; color: #F4F1EF !important; } /*----- modal forms ----- */ .modal-body { display: inline-block; background: #e9e4df; padding: 70px; line-height: normal; border-width: 1px; border-style: solid; border-color: #d7d1cb; border-radius: 0; } .modal-body input, .modal-body textarea, .modal-body input:focus, .modal-body textarea:focus, .modal-body textarea:focus, .modal-body input[type="submit"]:hover, .modal-body .wpcf7-submit:not([disabled]), .modal-body .wpcf7-submit:not([disabled]):hover { background: #f8f5f0; font-size: 16px; font-weight: normal; line-height: 28px; color: #343b49; border-width: 1px; border-style: solid; border-color: #d7d1cb; border-radius: 3px; } .modal-body textarea, .modal-body textarea:focus { border-width: 1px; border-style: solid; border-color: #d7d1cb; border-radius: 3px; background-color: #f8f5f0; font-style: normal; line-height: normal; } .modal-body label, .modal-body > p { font-style: normal; font-weight: bold; line-height: normal; color: #405a78; } .modal-body .wpcf7-submit, .modal-body .wpcf7-submit:focus, .modal-body input[type="submit"], .modal-body input[type="submit"]:hover, .modal-body .wpcf7-submit:not([disabled]), .modal-body .wpcf7-submit:not([disabled]):hover { line-height: normal; color: #ffffff; border-width: 0px; background: #22a3db; } .modal-body, .modal-body input[type='submit'] { font-family: 'Source Sans Pro', sans-serif } .modal-body .formfield-container h4 { margin-top: 0; margin-bottom: 10px; font-size: 24px; line-height: 34px; color: #405a78; } .modal-body #field_label { margin-top: 0; width: 37.5%; } .modal-body .formfield p { margin-bottom: 10px } .modal-body input[type="text"], .modal-body input[type="email"], .modal-body input[type="tel"] { width: 60% !important; margin-left: 2.5%; } .modal-body.plaatsnaam input { margin-left: 40%; margin-top: 10px; } .modal-body .afmetingvloerhoogte input { margin-left: 0 !important; width: 47.5% !important; } .modal-1 .modal-header, .modal-2 .modal-header, .modal-1 .modal-footer, .modal-2 .modal-footer { background: #405A78 } .fusion-modal .close { color: #242F3E; opacity: 1; } .modal-sm { width: 450px } .modal-sm .modal-body { padding: 31px } .modal-body #formfield_01.formfield input[type="text"], .modal-body #formfield_02.formfield input[type="email"], .modal-body #formfield_03.formfield textarea { width: 60% !important; margin-left: 2.5%; } #formfield_01.formfield input[type="text"], #formfield_02.formfield input[type="email"], #formfield_03.formfield textarea { width: 60% !important; margin-left: 2.5%; } @media screen and (min-width: 900px) { .modal-lg { width: 850px } .modal-sm { width: 450px } } @media screen and (min-width: 1024px) { .modal-lg { width: 1000px } .modal-sm { width: 450px } } /* -------------------------------------------------------------------------------------- */ /* ======================================= mobile ======================================= */ @media only screen and (max-width: 800px) { .fusion-mobile-menu-design-modern.fusion-header-v1 .fusion-header, .fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-header, .fusion-mobile-menu-design-modern.fusion-header-v3 .fusion-header, .fusion-mobile-menu-design-modern.fusion-header-v4 .fusion-header, .fusion-mobile-menu-design-modern.fusion-header-v5 .fusion-header { padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 20px; padding-right: 20px; } .fusion-logo img { max-width: 60px; height: auto; } #custom-button { padding: 10px 35px; font-size: 16px; } #fotobutton, #fotobutton_tribunes { height: 150px } #fotobutton .fusion-column-wrapper, #fotobutton_tribunes .fusion-column-wrapper { padding: 0 !important } #fotobutton .fusion-column-tablecell, #fotobutton_tribunes .fusion-column-tablecell { height: 150px !important } #fotobutton .fusion-title, #fotobutton_tribunes .fusion-title { margin: 0 !important } #fotobutton h3 br { display: none } #fotobutton h3, #fotobutton_tribunes h3 { font-size: 167% !important } #custom-button { margin-top: 0px } .fusion-body .fusion-button-large, .button-large, .button.large, #tribe-bar-form .tribe-bar-submit input[type="submit"] { padding: 16px 0; line-height: 15px; font-size: 15px; letter-spacing: -0.25px; width: 100% !important; } #photobutton-box_home { margin-bottom: 40px !important } /* #photobutton-box_home.evenemententent_photobutton-box { margin-bottom: 0px !important } */ #intro p, #intro_2 p, #intro-list { font-size: 18px !important } #intro_3 p { font-size: 18px !important } .width-100 .fullwidth-box { padding-bottom: 60px !important; padding-top: 60px !important; } .fusion-is-sticky .fusion-mobile-nav-holder > ul { max-height: 100vh; overflow-y: visible; overflow-x: visible; height: 100vh; } .fusion-mobile-nav-item a { font-weight: 700; text-transform: uppercase; } .accordian.fusion-accordian.faq .panel-title.toggle { line-height: 27px !important } .fusion-accordian .panel-title a .fa-fusion-box { vertical-align: top } #wrapper .post-content .accordian.fusion-accordian.faq h2, #wrapper .post-content .accordian.fusion-accordian.faq h3 { font-size: 16px; margin: 0; line-height: 27px; } .fusion-button-wrapper { margin-right: 0; width: 100%; } .button_lijntekeningen { margin-bottom: 20px } .button_lijntekeningen span { font-size: 13px } #fusion_map_5735d0117c23e { height: 420px } .title.pagode_optioneel_titel { margin-bottom: 0 !important; } /* --------------------------------------- Forms on mobile --------------------------------------- */ .modal-sm, .modal-lg { width: 100%; margin-left: 0; margin-right: 0; } .wpcf7-form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"], .modal-body, .modal-sm .modal-body { width: 100%; padding: 25px; } #offerte-titel { font-size: 28px } .post-content .formfield-container h4, .modal-body .formfield-container h4 { font-size: 22px } #form-intro { font-size: 18px } #persoonsgegevens, #box-aanvraag, #locatie, #op-en-afbouw { width: 100%; margin-right: 0%; } #product_offerte input[type="checkbox"]:not([lt-ie9]) + span { width: 100%; margin-right: 0; } #product_offerte label { width: 100% } .modal-body #field_label, #field_label { width: 100% } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="text"], form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="email"], form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] input[type="tel"], .modal-body #formfield_01.formfield input[type="text"], .modal-body #formfield_02.formfield input[type="email"], .modal-body #formfield_03.formfield textarea, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"].plaatsnaam input, .modal-body.plaatsnaam input, form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .afmetingvloerhoogte input, .modal-body .afmetingvloerhoogte input, .modal-body #formfield_01.formfield input[type="text"], .modal-body #formfield_02.formfield input[type="email"], .modal-body #formfield_03.formfield textarea, .modal-body input[type="text"], .modal-body input[type="email"], .modal-body input[type="tel"] { width: 100% !important; margin-left: 0 !important; } #hide1 span, #hide2 span, #hide6 span { width: 100% } input[type="checkbox"]:not([lt-ie9]) + span { padding-left: 40px; line-height: 29.5px; } input[type="checkbox"]:not([lt-ie9]) + span::before { top: -1px; width: 29px; height: 29px; line-height: 29px; } #recaptcha, #submit-btn { width: 100%; } #submit-btn input { width: 100%; } #wpcf7-f1466-p1393-o1 #formfield_01.formfield input[type="text"], #wpcf7-f1466-p1393-o1 #formfield_02.formfield input[type="email"], #wpcf7-f1466-p1393-o1 #formfield_03.formfield textarea { width: 100% !important; margin-left: 0; } #wpcf7-f1466-p1393-o1 #box-submit2 { width: 100vw; padding: 40px 0 40px; margin-bottom: 30px; margin-top: 30px; margin-left: -35px;} #box-submit2 { width: 100vw; padding: 40px 0 40px; margin-bottom: -30px; margin-top: 30px; margin-left: -30px;} .fusion-caret { display: none; } .width-100 .nonhundred-percent-fullwidth.offerteformulier-container { padding: 0px !important; } .offerteformulier-container #box-submit { width: 100vw; margin-left: -25px; } .offerteformulier-container #submit-btn input { width: 93%; } #formfield_01.formfield input[type="text"] { width: 100% !important; margin-left: 0 !important;} .fullwidth-box.video-background .fullwidth-video { display: none; } } /* --------------------------------------- DESKTOP / TABLETS ONLY --------------------------------------- */ @media only screen and (min-width: 801px) { #box-submit2 { padding: 35px 30px; } } @media only screen and (min-width: 1024px) and (orientation: landscape) { #hide3, #hide4 { width: 22.5%; margin-right: 2%; border-top: none !important; } #hide5 { width: 45%; margin-left: 1%; border-top: none !important; } form[action="/offerte-aanvragen/#wpcf7-f1360-p1361-o1"] .afmetingvloerhoogte input { margin-left: 0 !important; width: 100% !important; } } @media only screen and (min-width: 801px) and (orientation: landscape) { .evenementsoort .wpcf7-checkbox span label span, .toebehoren .wpcf7-checkbox span label span { width: 180px; float: left; } #hide1 span.wpcf7-list-item, #hide6 span.wpcf7-list-item { width: 25%; margin-left: 0; } } @media only screen and (max-width: 800px) and (orientation: portrait) { #custombox.binnenpodium_box { margin-top: 30px; } } /* ========================== mobile - orientation: landscape ========================== */ @media only screen and (max-width: 800px) and (orientation: landscape) { .fusion-slider-container { height: 250px !important; max-height: 250px !important; } .custom_slide-content { position: absolute; top: -200px; } } /* ======================================= Ipad ======================================= */ /* Portrait & Landscape*/ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { #main .post-content .fusion-border-below-title h6 { font-size: 51.768px !important; line-height: 65.771px !important;} .fusion-logo a { display: block; max-width: 100px;} .fusion-logo-1x.fusion-standard-logo { height: 100%; max-width: 100px;} .modal-sm { width: 42%; } #main .post-content .fusion-border-below-title h1 { font-size: 53px !important; line-height: 65px !important; letter-spacing: -1px !important;} #fotobutton h3 {font-size: calc(1em + 1vw) !important;} .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes, .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes {width: 22%; position: relative; float: left; margin-right: 4%;} .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes:nth-child(4), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { #main .post-content .fusion-border-below-title h6 { font-size: 51.768px !important; line-height: 65.771px !important;} .fusion-logo a { display: block; max-width: 100px;} .fusion-logo-1x.fusion-standard-logo { height: 100%; max-width: 100px; } .modal-sm { width: 42%; } #main .post-content .fusion-border-below-title h1 { font-size: 49px !important; line-height: 65px !important; letter-spacing: -1.25px !important;} #home-btn-podium { position: relative; top: 0px;} #fotobutton h3 {font-size: calc(1em + 1vw) !important;} .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes, .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes {width: 22%; position: relative; float: left; margin-right: 4%;} .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes:nth-child(4), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0;} } /* Portrait */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .custom_slide-content { position: absolute; top: -200px;} .fusion-main-menu > ul > li { padding-right: 15px !important; } .fusion-main-menu > ul > li > a { font-size: 12.5px !important; line-height: 75px !important; height: 75px !important;} #photobutton-box_home { margin-bottom: 40px !important; width: 100% !important; margin: auto;} #fotobutton .fusion-title h3 { font-size: calc(1em + 1vw) !important; line-height: 33.759px !important;} .fusion-blog-layout-grid.fusion-blog-layout-grid-4 .post .fusion-post-wrapper { min-height: 320px !important; } .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes, .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes {width: 22%; position: relative; float: left; margin-right: 4%;} .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes:nth-child(4), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0;} .fusion-fullwidth.fullwidth-box.fusion-fullwidth-3 .fusion-one-sixth.fusion-layout-column { height: 0 !important; } #wrapper footer .fusion-columns { display: flex !important; display: -webkit-flex; display: -moz-flex; display: -o-flex; } #wrapper footer .fusion-columns .fusion-column { width: 25% !important; float: left; } .fusion-footer-widget-area .widget-title { font-size: 16px; } .fusion-footer-widget-area { font-size: 14px; } #branchelogo { max-width: 130px; height: auto; } #box-submit2 { margin-left: 0px;} .fusion-button-wrapper { margin-right: 0; width: 40%; margin: auto;} #formfield_01.formfield input[type="text"], #formfield_02.formfield input[type="email"], #formfield_03.formfield textarea { width: 100% !important; margin-left: 0 !important; } #persoonsgegevens { width: 48.25%; margin-right: 1.25%; } #box-aanvraag { width: 48.25%; margin-left: 1.25%; } #product_offerte input[type="checkbox"]:not([lt-ie9]) + span { margin-bottom: 0; } .podia-meer-weten-container .fusion-button-wrapper, .projecten-meer-weten-container .fusion-button-wrapper { margin-right: 0; width: 60%; margin: auto; padding: 0 10px; } #custombox.binnenpodium_box { margin-top: 30px; } .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes { width: 48%; position: relative; float: left; } #fotobutton_tribunes .fusion-column-tablecell { height: 200px !important } .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(1), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(3) { margin-right: 2%; margin-left: 0; min-height: 200px;} .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(2), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0; margin-left: 2%; min-height: 200px;} #wrapper #fotobutton.podium_fotobutton { width: 30% !important; } #wrapper #fotobutton.podium_fotobutton:nth-child(1), #wrapper #fotobutton.podium_fotobutton:nth-child(2) { margin-left: 0% !important; margin-right: 4.5% !important; } #wrapper #fotobutton.podium_fotobutton:nth-child(3) { margin-left: 0% !important; margin-right: 0% !important; } .fusion-fullwidth-1.fusion-equal-height-columns .fusion-column-wrapper { min-height: 0 !important; } .fusion-fullwidth-1.fusion-equal-height-columns .fusion-column-table { display: block; height: auto !important; } .pagodetenten-infobox { margin-top: 41px !important; } footer.fusion-footer-widget-area.fusion-widget-area { padding-left: 20px; padding-right: 20px;} #wrapper footer .fusion-columns .fusion-column { width: 25% !important; float: left; padding-left: 7.5px; padding-right: 7.5px; } .fusion-social-networks { padding: 0 0 15px; text-align: left !important; } #text-5 iframe { transform: scale(0.85); -webkit-transform: scale(0.85); transform-origin-x: 0; -webkit-transform-origin-x: 0;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .custom_slide-content { position: absolute; top: -200px;} .fusion-main-menu > ul > li { padding-right: 15px !important; } .fusion-main-menu > ul > li > a { font-size: 12.5px !important; line-height: 75px !important; height: 75px !important;} #photobutton-box_home { margin-bottom: 40px !important; width: 100% !important; margin: auto;} #fotobutton .fusion-title h3 { font-size: calc(1em + 1vw) !important; line-height: 33.759px !important;} .fusion-blog-layout-grid.fusion-blog-layout-grid-4 .post .fusion-post-wrapper { min-height: 320px !important; } .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes, .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes {width: 22%; position: relative; float: left; margin-right: 4%;} .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes:nth-child(4), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0;} .fusion-fullwidth.fullwidth-box.fusion-fullwidth-3 .fusion-one-sixth.fusion-layout-column { height: 0 !important; } #wrapper footer .fusion-columns { display: flex !important; display: -webkit-flex; display: -moz-flex; display: -o-flex; } #wrapper footer .fusion-columns .fusion-column { width: 25% !important; float: left; } .fusion-footer-widget-area .widget-title { font-size: 16px; } .fusion-footer-widget-area { font-size: 14px;} #branchelogo { max-width: 110px; height: auto; } #box-submit2 { margin-left: 0px;} .fusion-button-wrapper { margin-right: 0; width: 40%; margin: auto;} #formfield_01.formfield input[type="text"], #formfield_02.formfield input[type="email"], #formfield_03.formfield textarea { width: 100% !important; margin-left: 0 !important; } #persoonsgegevens { width: 48.25%; margin-right: 1.25%; } #box-aanvraag { width: 48.25%; margin-left: 1.25%; } #product_offerte input[type="checkbox"]:not([lt-ie9]) + span { margin-bottom: 0; } .projecten-meer-weten-container .fusion-button-wrapper { margin-right: 0; width: 60%; margin: auto; padding: 0 10px; } #custombox.binnenpodium_box { margin-top: 30px; } .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes { width: 48%; position: relative; float: left; } #fotobutton_tribunes .fusion-column-tablecell { height: 200px !important } .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(1), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(3) { margin-right: 2%; margin-left: 0; min-height: 200px;} .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(2), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0; margin-left: 2%; min-height: 200px;} #wrapper #fotobutton.podium_fotobutton { width: 30% !important; } #wrapper #fotobutton.podium_fotobutton:nth-child(1), #wrapper #fotobutton.podium_fotobutton:nth-child(2) { margin-left: 0% !important; margin-right: 4.5% !important; } #wrapper #fotobutton.podium_fotobutton:nth-child(3) { margin-left: 0% !important; margin-right: 0% !important; } .fusion-fullwidth-1.fusion-equal-height-columns .fusion-column-wrapper { min-height: 0 !important; } .fusion-fullwidth-1.fusion-equal-height-columns .fusion-column-table { display: block; height: auto !important; } .pagodetenten-infobox { margin-top: 41px !important; } footer.fusion-footer-widget-area.fusion-widget-area { padding-left: 20px; padding-right: 20px;} #wrapper footer .fusion-columns .fusion-column { width: 25% !important; float: left; padding-left: 7.5px; padding-right: 7.5px; } .fusion-social-networks { padding: 0 0 15px;} .fusion-footer .fusion-column.fusion-column-last #text-5 { margin-bottom: 0;} .widget.fusion-social-networks.boxed-icons .fusion-social-networks-wrapper { text-align: left; } #text-5 iframe { transform: scale(0.85); -webkit-transform: scale(0.85); transform-origin-x: 0; -webkit-transform-origin-x: 0;} } /* Landscape */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .fusion-header-v2 .fusion-header { height: 110px !important;} .fusion-main-menu > ul > li { padding-right: 30px !important;} .fusion-main-menu > ul > li > a { font-size: 16px !important; line-height: 110px !important; height: 110px !important;} #photobutton-box_home:nth-child(1) .imageframe-align-center { top: -14px !important; position: relative;} .fusion-blog-layout-grid.fusion-blog-layout-grid-4 .post .fusion-post-wrapper { min-height: 275px; } .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes {width: 22%; position: relative; float: left; margin-right: 4%;} .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes {width: 24%; position: relative; float: left; margin-right: 1%;} #fotobutton_tribunes .fusion-title > * { font-size: 150% !important; } .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes:nth-child(4), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0;} div#photobutton-box_home:nth-child(1) .fusion-button-wrapper.fusion-aligncenter { top: 14px; position: relative; } div#photobutton-box_home:nth-child(2) .fusion-button-wrapper.fusion-aligncenter { top: 24px; position: relative;} .fusion-blog-layout-grid-wrapper .fusion-blog-layout-grid.fusion-blog-layout-grid-4 .post { width: 33.33% !important;} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .fusion-header-v2 .fusion-header { height: 110px !important;} .fusion-main-menu > ul > li { padding-right: 30px !important;} .fusion-main-menu > ul > li > a { font-size: 16px !important; line-height: 110px !important; height: 110px !important;} #photobutton-box_home:nth-child(1) .imageframe-align-center { top: -14px !important; position: relative;} .fusion-blog-layout-grid.fusion-blog-layout-grid-4 .post .fusion-post-wrapper { min-height: 275px; } .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes {width: 22%; position: relative; float: left; margin-right: 4%;} .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes {width: 24%; position: relative; float: left; margin-right: 1%;} #fotobutton_tribunes .fusion-title > * { font-size: 150% !important; } .fusion-body #fotobutton.fusion-layout-column.fusion-spacing-yes:nth-child(4), .fusion-body #fotobutton_tribunes.fusion-layout-column.fusion-spacing-yes:nth-child(4) { margin-right: 0;} div#photobutton-box_home:nth-child(1) .fusion-button-wrapper.fusion-aligncenter { top: 14px; position: relative; } div#photobutton-box_home:nth-child(2) .fusion-button-wrapper.fusion-aligncenter { top: 24px; position: relative;} .fusion-blog-layout-grid-wrapper .fusion-blog-layout-grid.fusion-blog-layout-grid-4 .post { width: 33.33% !important;} } .pagode_optioneel_titel { background: #E9E4DF; padding: 30px 30px 0; margin-bottom: 0 !important; } .pagode_optioneel_list { background: #E9E4DF; padding: 30px 30px 30px; margin-top: 0; } #hide1, #hide2, #hide3, #hide4, #hide5, #hide6, #formfield_15 { padding-top: 30px; border-top: 1px solid #dbdbdb; } #wrapper .fusion-checklist .fusion-li-item { margin-bottom: 0px; } .fusion-post-grid .fusion-post-content-wrapper p { font-size: 14px; line-height: 22px; letter-spacing: -0.35px;} #wrapper .fusion-blog-layout-grid .fusion-post-content-container, #wrapper .fusion-blog-layout-timeline .fusion-post-content-container { margin-top: 15px; } #wrapper .fusion-blog-layout-grid .fusion-post-content-wrapper, #wrapper .fusion-blog-layout-timeline .fusion-post-content-wrapper { padding: 20px 20px 0px 20px !important; } #wrapper .fusion-blog-layout-grid .fusion-post-wrapper { border: none; box-shadow: 0px 2px 5px -2px rgba(150, 141, 134, 0.6);} #wrapper .fusion-widget-area .widget_recent_entries li { padding: 5px 0px 5px 0px; border-bottom: 1px solid #D3CFCD !important;} #wrapper .fusion-widget-area .widget_recent_entries li a:before { content: ''; } /* ----------------------------- 404 pagina ----------------------------- */ .error404 .title-sep-container { display: none; } .error404 .title-heading-left { text-align: center !important; width: 100%; padding: 0 !important; } .error404 .error-message { color: #E9E4DF; font-size: 250px; text-align: center;} .error-page .useful-links { width: 50%;} .error-menu {padding-left: 0; } .error404 .error-menu li {list-style: none; } .error404 .error-menu li::before { content: "\f054"; font-family: fontawesome; display: inline-block; padding-right: 10px; color: rgb(84, 113, 145); } /* -------------------------------------------------------------------- */ #wrapper #main .fusion-posts-container .fusion-post-content > h2.entry-title, .fusion-blog-layout-grid h2.entry-title { min-height: 56px; } .fullwidth-box.fusion-fullwidth-2 .fusion-load-more-button.fusion-blog-button { background-color: #22a3db; width: 300px; margin: 50px auto 0; font-family: 'Source Sans Pro'; font-weight: 600; letter-spacing: 0px; color: #ffffff; line-height: 50px; font-size: 14px; } .fullwidth-box.fusion-fullwidth-2 .fusion-load-more-button.fusion-blog-button:hover { background: #63b0e0; } /* -------------------- Klanten vertellen footer -------------------- */ .fusion-footer .fusion-column.fusion-column-last #text-5 { margin-bottom: 5px;} .fusion-footer-parallax .fusion-footer-widget-area { padding-top: 40px !important; padding-bottom: 35px !important;}