@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
.edit-link {
display: none !important;
} .floating{
animation-name: floating;
-webkit-animation-name: floating;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
0% {
transform: translateY(0%);
}
50% {
transform: translateY(8%);
}
100% {
transform: translateY(0%);
}
}
@-webkit-keyframes floating {
0% {
-webkit-transform: translateY(0%);
}
50% {
-webkit-transform: translateY(8%);
}
100% {
-webkit-transform: translateY(0%);
}
} a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus,
input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus { outline-color: transparent; }
.home.page-template #main { min-height: calc(100vh - 75px); margin-top: 0 !important; margin-bottom: -92px; background: #FFF; padding: 146px 0; }
body, input, textarea, select { font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif; }
p { color: #014898; font-size: 1.1rem; }
#main { margin-top: 141px !important; padding-top: 130px; min-height: calc(100vh - 75px); 	background: #E3F4FC; padding: 120px 55px; position: relative; }
.site-header .site-branding img { border-radius: 0 0 20px; }
.home.page-template .site-header .site-branding img { border-radius: 30px; }
#main .search-field { margin: 15px; background: #FFF; box-shadow: none; padding: 25px; width: 420px; color: #014898; }
#main .search-field::placeholder { color: #009EE2; }
body, button, input, textarea {
color: #014898;
}
.entry-title { font-weight: bold; font-style: normal; font-size: 4rem; color: #014898; margin-bottom: 0; text-transform: uppercase; } h2 a { font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif; font-weight: bold; font-style: normal; font-size: 2.66rem; color: #014898;
margin-bottom: 0; text-transform: uppercase; }
.content ul { background: #E3F4FC; padding: 50px; list-style: ; }
.search.search-results.logged-in.wp-custom-logo.wp-embed-responsive.no-wc-breadcrumb ul { list-style: none !important; }
.h-omschrijving { max-width: 800px; padding-bottom: 20px; }
.h-thumbnail img { width: 90px; height: 90px; float: right; }
.search .content ul { background: #FFF; max-width: 700px; }
.h-readmore button { font-size: 1rem; margin-bottom: 100px; border-bottom: ; } #content { position: relative;  }
button, input[type="submit"] { background: #014898; color: #FFF; font-size: 1.3rem; text-transform: uppercase; }
button:hover { background: #F6A500 !important; transition: .8s; color: #FFF !important; }
.offerte-btn { background: #009EE2; max-width: 261px !important; margin-left: 15px; }
.grn-btn { background: #014898; max-width: fit-content; font-size: 1.3rem; }
.grn-btn:hover { background: #F6A500; transition: .2s; color: #FFF; }
#section-1 button:hover { background: #F6A500; color: #FFF; }
#section-main-in button { font-size: 1rem; }
input[type="submit"]:hover { background: #F6A500 !important; color: #FFF !important; } h2, .h2, .page-title { font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif; font-weight: bold; font-style: normal; font-size: 2.5rem; color: #014898;
margin-bottom: 0; text-transform: uppercase; }
h3, .h3 { color: #009EE2; font-size: 1.5rem; margin-bottom: 30px; border-top: 0 !important; line-height: 1.3; margin-bottom: 15px; }
.home h2, .home .h2, .home .page-title { font-size: 4rem; }
.widget .widget-title, .widget .widgettitle { border: 0; font-size: 1.8rem; font-weight: bold; margin-bottom: 0; padding-bottom: 10px;
text-transform: uppercase; letter-spacing: 0px; } .menu-topbar-container { max-width: 1450px; margin: 0 auto; position: relative; }
.secondary-navigation { position: absolute; top: 0; left: 0; right: 0; min-width: 100%; background: linear-gradient(95deg, rgba(3,76,155,1) 0%, rgba(20,109,179,1) 26%, rgba(35,137,199,1) 37%, rgba(46,157,214,1) 56%, rgba(63,189,237,1) 89%); }
#menu-topbar li a { padding: 0; }
.zoek-navigatie::before { width: fit-content; height: fit-content; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: inherit;
vertical-align: baseline; content: ""; font-size: 20px; top: 9px; color: #ffffff; right: 10px; }
.zoek-navigatie .search-field { background: transparent; box-shadow: none; background: rgb(1, 72, 152, 0.1); width: 240px; color: RGB(0, 158, 226); }
.zoek-navigatie ::placeholder { color: #ffffff !important; opacity: 0.6; }
.zoek-navigatie input[type="search"]:focus { background: transparent; }
.zoek-navigatie input[type="search"]:focus::placeholder { color: transparent !important; }
.zoek-navigatie input[type="search"]:focus { background: transparent; color: #ffffff; }
.search-form { margin-bottom: 0; }
#menu-item-47 { position: absolute; left: 0; top: 11px; }
#menu-item-47 a { color: #ffffff; font-weight: 100; }
#menu-item-47 .fa-solid.fa-phone-volume:hover { box-shadow: ; box-shadow: 0px 0px 22px #FFF; transition: .3s ease-in-out; }
#menu-item-47 .fa-solid.fa-phone-volume { margin-right: 6px; font-size: 1.1rem; }
#menu-item-51 { position: absolute; left: 150px; top: 11px; }
#menu-item-51 a { color: #ffffff; font-weight: 100; }
#menu-item-51 .fas.fa-envelope:hover { box-shadow: 0px 0px 22px #FFF; transition: .3s ease-in-out; }
#menu-item-51 .fas.fa-envelope { margin-right: 6px; font-size: 1.1rem; }
.social-fb .fa-brands.fa-square-facebook, .fa-brands.fa-square-instagram, .social-li .fa-brands.fa-linkedin { color: #FFF; font-size: 1.4rem; margin-left: 5px; position: relative; top: 3px; }
.social-fb .fa-brands.fa-square-facebook:hover, .fa-brands.fa-square-instagram:hover, .social-li .fa-brands.fa-linkedin:hover { padding: ; zoom: 5px;
box-shadow: 0px 0px 22px #FFF; transition: .3s; } .site-branding { max-width: fit-content; margin-bottom: 0; }
.site-branding img { max-width: 160px !important; }
.offerte-knop { background: #014898; }
#menu-item-32 a { color: #FFF !important; }
.custom-logo { height: auto; max-width: 290px !important; max-height: none; min-width: 260px; background: #FFF; padding: 28px; border-radius: 20px; position: absolute; }
button, input[type="submit"]:hover { background: #014898; color: #FFF; transition: .5s; } .offerte-knop.active { background: #F6A500; transition: .4s; }
#site-navigation .primary-navigation a.active:hover { color: #009EE2; }
#site-navigation .primary-navigation a:hover { color: #014898; transition: .4s; }
#masthead { position: fixed; top: 0; left: 0; width: 100%; padding: 52px 0 15px 0 !important; z-index: 64; height: auto; color: #FFF; text-align: center; line-height: 40px;
padding-left: 40px; padding-right: 40px; z-index: 9999; background: #FFF !important; margin-bottom: 0; }
#masthead.active { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: none; color: #2F7DE1; padding: 0 !important;
padding-left: 40px; padding-right: 40px; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
#site-navigation .primary-navigation a { color: #009EE2; transition: 0.2s; padding: 12px 20px; line-height: 1; font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif;
font-weight: bold; font-style: normal; font-size: 1.3rem; text-transform: uppercase; }
#site-navigation .primary-navigation a.active { color: #014898; margin-top: 0; font-size: 1rem; }
.secondary-navigation.active { display: none; }
.custom-logo.active { display: none; }
.site-branding.active::before { content: ""; background-image: url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/logo-procleaningnoord-small.svg); width: 197px;
height: 22px; position: absolute; left: 0; background-size: cover; top: -10px; }
.site-branding { position: relative; } #masthead { position: absolute; width: 100%; background: transparent; border: none; padding: 15px 0; position: fixed; } .attachment-full.size-full.wp-post-image { display: none; } #section-row-main { min-height: 500px; }
#section-main-icons h2 { font-size: 1.2rem !important; color: #009EE2 !important; font-weight: bold; }
#section-main-icons div { background: #FFF; position: relative; bottom: 0px; z-index: 99; border-radius: 5px; text-align: center; min-height: 516px; }
#section-main-icons .textwidget.custom-html-widget { padding: 29px; }
.section-row-main-banner h2 { font-weight: bold; font-style: normal; font-size: 4rem; color: #ffffff; margin-bottom: 0; padding: 70px 0 0 0; text-transform: uppercase; }
#section-row-main-banner h3 { padding: 0; color: #FFF; font-size: 2rem; }
.sow-slider-image-wrapper { max-width: 1450px !important; padding: 0 !important; }
#section-row-main-banner .textwidget.custom-html-widget { padding: 65px; width: 1450px; height: 550px; position: relative; min-height: 550px; transition: 1s; padding-left: 0; }
#section-row-main .sow-slider-image-container::before { position: absolute; content: ""; width: 100%; height: 502px; background-image: linear-gradient(rgba(0, 158, 226, 0.7),rgba(1, 72, 152, 0.7)),url(); }
#section-row-main .sow-slider-image-container { position: relative !important; }
#section-1-in { background: #FFF; }
#section-main-icons { background: RGB(0, 158, 226, 0.11); }
#section-main-in { border-top: 8px solid #F6A500; }
#section-main-in .fa-solid, #section-main-in .fas { color: #014898; font-size: 4rem; margin-bottom: 45px; }
#section-main-in:hover { border-color: #3FBDED; transition: .4s; }
#section-main-in .fa-solid.fa-arrow-right { color: #FFF; font-size: 14px; margin: 0; margin-right: 5px; }
#section-row-main-banner button { width: fit-content; font-size: 1.3rem; font-weight: bold; }
.banner-btn { background: #F6A500; margin-left: 15px; }
#section-row-main { margin-bottom: -110px; }
#section-row-main .sow-slider-image-container::after { height: 10px; width: 100%;
background: #009EE2; background: linear-gradient(47deg, rgba(1,72,152,1) 0%, rgba(20,109,179,1) 12%, rgba(35,137,199,1) 24%, rgba(63,189,237,1) 41%, rgba(255,203,0,1) 68%, rgba(246,165,0,1) 83%, rgba(231,78,15,1) 100%);
position: absolute; bottom: 0px; color: ; content: ""; } #section-1-in .textwidget { padding: 83px 80px; border-left: 8px solid #F6A500; }
#section-1 h2, #section-1 h1 { font-family: 'Roboto Condensed',Helvetica,Arial,Lucida,sans-serif; font-weight: bold; font-style: normal; font-size: 2.5rem; color: #014898; margin-bottom: 0; text-transform: uppercase; }
#section-1 { padding: 100px 55px; position: relative; bottom: 215px; z-index: 999; background: #FFF; background: RGB(0, 158, 226, 0.11); }
#section-1 h3 { color: #009EE2; font-size: 1.5rem; margin-bottom: 30px; }
#section-1 h3 { color: #009EE2; font-size: 1.5rem; margin-bottom: 20px; border-top: transparent !important; padding: 0; }
#section-1 { padding: 100px 0; position: relative; bottom: 215px; z-index: 999; background: #FFF; background: RGB(0, 158, 226, 0.11); margin-top: 60px; }
#section-1 button { max-width: 259px; }
#section-1::after { content: ""; position: absolute; width: 250px; height: 170px; background-image: url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/sterren-logo2.svg);
background-size: cover; right: -208px; border: ; bottom: -55px; }
#section-1-in .fa-solid.fa-arrow-right { margin-right: 5px; }
#x-bedrijven, #x-particulier { padding-bottom: 110px; position: relative; border: 10px; bottom: 200px; } #section-2 { padding: 329px 0px; margin: 0 auto; text-align: center;
background: linear-gradient(rgba(0, 158, 226, 0.9),rgba(1, 72, 152, 0.9)),url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/zonnepanelen-op-grasveld.jpg); background-size: cover;
background-attachment: fixed; color: RGB(0, 158, 226); margin-top: -180px; position: relative; overflow: hidden; }
#section-2 h2, #section-2 h3 { color: #FFF; }
#section-2 h3 { font-size: 2rem; }
#section-2::before { content: ""; background-image: url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/zon.svg); position: absolute !important; width: 70%; height: 480px; right: 0;
bottom: 0; z-index: 0; position: relative; background-size: cover; animation: 3s floating infinite; }
#section-2::after { height: 10px; width: 100%;
background: #009EE2; background: linear-gradient(47deg, rgba(1,72,152,1) 0%, rgba(20,109,179,1) 12%, rgba(35,137,199,1) 24%, rgba(63,189,237,1) 41%, rgba(255,203,0,1) 68%, rgba(246,165,0,1) 83%, rgba(231,78,15,1) 100%);
position: absolute; bottom: 0; color: ; content: ""; }
#section-2 .textwidget { z-index: 40; position: relative; }
#section-2 .fa-solid { margin-right: 5px; } #section-3 li { color: #014898; font-size: 1.25rem; }
#section-3 .textwidget { background: #E3F4FC; padding: 30px; z-index: 123; position: relative; border-left: 8px solid #014898; }
.section-3-1::before { position: absolute; right: 0; width: 160%; height: 931px; content: ""; background-image: url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/wisser-pcn-logo.svg);
background-size: cover; z-index: -6; z-index: 0; bottom: -505px; }
.section-3-1 { position: relative; }
#section-3 { padding-bottom: 130px; }
#section-3 .fa-solid.fa-arrow-right { margin-right: 5px; } .home-reviews-inner { padding: 100px 0; }  .diensten-blokken h2 { font-size: 1.8rem; }
.diensten-blokken .textwidget { padding: 0 30px; text-align: left; }
.diensten-blokken div { background: #FFF; padding: ; }
.diensten-blokken img { padding: 30px; }
.diensten-blokken h3 { padding-top: 0; }
#pgc-249-1-0, #pgc-249-1-1, #pgc-249-1-2, #pgc-249-1-3, #pgc-249-2-0, #pgc-249-2-1, #pgc-249-2-2, #pgc-249-2-3 {
box-shadow: 0 10px 20px rgba(1, 72, 152,.12);
} .diensten-content { background: #FFF; padding: 35px; }
.diensten-button { font-size: 1rem; margin-bottom: 30px; }
.diensten-content-inner { padding: 30px; }
.diensten-action { background: #FFF; padding: 65px; position: relative; }
.diensten-action h2 { font-size: 4rem; }
#call2actiob-anchor { position: relative; bottom: 100px; }
.call2action-naam-tel { display: flex; z-index: 12; position: relative; }
.call2action-naam-tel li:nth-child(2) { padding-left: 25px; }
.call2action-naam-tel input { background: #E3F4FC !important; box-shadow: none; max-width: 247px !important; }
.call2action-datum input, .wpcf7-form-control.wpcf7-select { background: #E3F4FC; border: 0; padding: 10px; }
.call2action-datum { display: flex; position: relative; z-index: 99; }
.call2action-datum li:nth-child(2) { padding-left: 25px; }
.diensten-call2action .wpcf7-form-control.wpcf7-select { padding: 14px; color: #014898; }
.diensten-call2action .wpcf7-form-control.has-spinner.wpcf7-submit { max-width: 70%; position: relative; z-index: 99; }
.diensten-action::after { content: ""; background-image: url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/klantenservice-bureau.svg); padding: 200px; background-size: cover;
position: absolute; right: 0; bottom: 0; z-index: 0; }
.diensten-button { padding: 7px 20px; } .diensten-content-local {
background-image: linear-gradient(rgba(227, 244, 252, 0.79), rgba(227, 244, 252, 0.7)), url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/martini-toren-groningen.jpg);
background-size: cover;
background-attachment: fixed;
padding: 120px;
text-align: center;
background-position: top;
z-index: 9;
position: relative;
} .diensten-content-local h2 { color: #014898; font-size: 4rem; }
.diensten-content-local h3 { color: #009EE2; font-size: 2.2rem; } .home .diensten-content-local {
background-image: linear-gradient(rgba(227, 244, 252, 0.79), rgba(227, 244, 252, 0.7)), url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/akerk-groningen-centrum.jpg);
} .page-id-434 .diensten-content-local {
background-image: linear-gradient(rgba(227, 244, 252, 0.79), rgba(227, 244, 252, 0.7)), url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/duo-gebouwen-groningen-helpman.jpg);
} .page-id-519 .diensten-content-local {
background-image: linear-gradient(rgba(227, 244, 252, 0.79), rgba(227, 244, 252, 0.7)), url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/groningen-centrum-vanuit-de-lucht.jpg);
} .page-id-585 .diensten-content-local {
background-image: linear-gradient(rgba(227, 244, 252, 0.79), rgba(227, 244, 252, 0.7)), url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/groningen-radarmarkt-straatjes.jpg);
} .page-id-614 .diensten-content-local {
background-image: linear-gradient(rgba(227, 244, 252, 0.79), rgba(227, 244, 252, 0.7)), url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/martini-toren-vanaf-trap-groningen.jpg);
} .page-id-635 .diensten-content-local {
background-image: linear-gradient(rgba(227, 244, 252, 0.79), rgba(227, 244, 252, 0.7)), url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/groningen-centrum.jpg); background-position: center;
}  #contactform-anchor { position: relative; bottom: 130px; }
.contact-1-l { background: #FFF; padding: 35px; box-shadow: 0 10px 20px rgba(1, 72, 152,.12); }
.page-id-255 .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 100%; }
.page-id-255 .wpcf7-form-control.wpcf7-textarea { max-height: 250px; }
.contact-1-r { padding: 35px; border-left: 3px solid rgb(1, 72, 152, 0.3); background: #FFF; } .wpcf7-response-output { display: none !important; }
.captcha, .captcha a { font-size: 0.75rem; z-index: 9999; position: relative; }
.grecaptcha-badge { visibility: hidden !important; } .offerte-formulier h2 { font-size: 2rem; color: #009EE2; margin-bottom: 20px; }
.offerte-formulier { padding: 40px 18%; background: #FFF; }
.offerte-formulier { padding: 40px; background: #FFF; text-align: left; }
#offerte-formulier-cap { color: #F6A500; }
.offerte-formulier .wpcf7-list-item-label { font-size: 1.2rem; padding: 13px 13px 13px 2px; line-height: 2; display: inline-block;
min-width: 300px; padding-left: 15px; }
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder { color: #009EE2; }
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { color: #014898; }
.wpcf7-form-control.wpcf7-textarea { box-shadow: none; background-color: #E3F4FC; margin: 50px 0; color: #014898; }
.wpcf7-form-control.has-spinner.wpcf7-submit { margin-top: 25px; }
#upload { color: rgb(51, 51, 51, 0.5); padding-bottom: 25px; border: 1px dotted; padding: 35px 140px 35px 35px; margin-bottom: 30px; }
.aanvraag-formulier-container-1 ul li { list-style: none; }
.aanvraag-formulier-container-1 ul li:nth-child(2) input, .aanvraag-formulier-container-1 ul li:nth-child(3) input { width: 50%; float: left; }
.aanvraag-formulier-container-1 ul li:nth-child(3) input { border-left: 10px solid #FFF; }
.aanvraag-formulier-container-1 ul li:nth-child(4) input { width: 70%; float: left; }
.aanvraag-formulier-container-1 ul li:nth-child(5) input { width: 30%; float: left; border-left: 10px solid #FFF; }
.aanvraag-formulier-container-1 ul li:nth-child(6) input { width: 30%; float: left; }
.aanvraag-formulier-container-1 ul li:nth-child(6) p { margin-bottom: 0; }
.aanvraag-formulier-container-1 ul li:nth-child(7) input { width: 70%; border-left: 10px solid #FFF; }
.aanvraag-formulier-container-1 ul li:nth-child(10) input, .aanvraag-formulier-container-1 ul li:nth-child(9) input {  width: 100%; }
.aanvraag-formulier-container-1 ul li input { padding: 15px; margin: 15px 0px; }
.aanvraag-formulier-container-1 p { margin: 0; }
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel { min-width: 100%; }
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { background: #E3F4FC; box-shadow: none; }
.wpcf7-form-control.has-spinner.wpcf7-submit { padding: 15px 40px; width: 100%; margin: 0; margin-top: 0; }
.wpcf7-not-valid-tip { display: none; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { background: #F6A500; border: 0; padding: 35px;
font-size: 1.5rem; color: #FFF; text-transform: uppercase; font-weight: bold; position: relative; z-index: 99; } #footer-element-in h3 { font-size: 2.2rem; font-weight: bold; color: #FFF; text-transform: uppercase; }
#footer-element-in li { font-size: 1.25rem; color: RGB(255, 255, 255, 0.66); }
#footer-element-in .fa-solid.fa-arrow-right { margin-right: 8px; }
#footer-element-in img { max-width: 200px; margin: 0 0 50px 0; }
#footer-element-in .fa-brands { color: #FFF; font-size: 2rem; margin: 0; margin-right: 5px; top: 0; }
.site-info { color: RGBA(255, 255, 255, 0.5); z-index: 999; position: relative; }
.site-info a { color: RGB(255, 255, 255, 0.5) !important; text-decoration: none; }
.footer-widgets { border-bottom: 1px solid RGB(255, 255, 255, 0.2); }
#footer-element div:nth-child(2) { border-left: 1px solid RGB(255, 255, 255, 0.2); padding-left: 55px; }
#footer-element-2-in ul { display: flex; justify-content: left; margin: 0; }
#footer-element-2-in a { color: RGB(255, 255, 255, 0.66); text-decoration: none; }
#footer-element-2-in .fa-solid.fa-arrow-right { padding: 0 5px; color: #009EE2; }
#siteorigin-panels-builder-2 { margin-bottom: 25px; }
.site-footer { background: rgb(1,72,152); background: linear-gradient(90deg, rgba(1,72,152,1) 12%, rgba(0,158,226,1) 100%, rgba(0,151,220,1) 100%, rgba(1,72,152,1) 100%); }
#footer-element .fa-brands.fa-whatsapp { font-size: 1.6rem; color: RGBA(255, 255, 255, 0.66); margin-right: 15px; }
#footer-element-in td { background: transparent; border: 0; border: ; font-size: 1.25rem; color: RGB(255, 255, 255, 0.66); padding: 1px 0; }
#footer-element-in td:nth-child(1) { max-width: ; max-width: 16px !important; }
#colophon::before { height: 10px; width: 100%; background: #009EE2; background: linear-gradient(47deg, rgba(1,72,152,1) 0%, rgba(20,109,179,1) 12%, rgba(35,137,199,1) 24%,
rgba(63,189,237,1) 41%, rgba(255,203,0,1) 68%, rgba(246,165,0,1) 83%, rgba(231,78,15,1) 100%); position: absolute; top: 0; }
#colophon { position: relative; }
.footer-widgets.row-1.col-1.fix::before { content: ""; position: absolute; width: 180px; height: 126px; background-image: url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/sterren-logo_fff.svg);
background-size: cover; right: 20px; bottom: 20px; z-index: 999; opacity: 0.5; }
.site-info img { display: inline-block; position: relative; bottom: -3px; max-width: 18px; opacity: 0.6; } @media (min-width: 768px) {
#masthead .col-full {
display: flex;
align-items: center;
}
#masthead .main-navigation {
text-align: right;
}
.woocommerce-active .site-header div.site-branding {
width: auto;
}
}   @media ( min-width: 1550px) {
.col-full { min-width: 1450px; }
}
@media (max-width: 66.4989em) {
.menu-topbar-container { margin-left: 2.617924em; margin-right: 2.617924em; }
}
@media (min-width: 769px) and (max-width: 992px) {
.section-row-main-banner h2 { font-size: 3rem; padding-top: 160px; }
#section-row-main-banner h3 { font-size: 1.66rem; }
#section-row-main-banner .textwidget.custom-html-widget { padding: 65px; }
#site-navigation .primary-navigation a { font-size: 1.2rem; }
.site-branding.active::before { display: none; }
#section-row-main .sow-slider-image-container::before { height: 600px; }
}
@media (max-width: 768px) {
.offerte-knop a { color: #FFF !important; }
.menu-item-31 a { border-bottom: 0 !important; }
.offerte-knop a { border-color: transparent !important; }
#menu-main-menu-1 li:nth-child(1) { padding-top: 35px; }
.handheld-navigation #menu-main-menu-1 a { margin-top: 10px; text-transform: uppercase; font-weight: bold; font-size: 1.2rem; color: #014898; border-bottom: 1px solid RGB(0, 158, 226, 0.2); }
.menu-toggle { font-family: 'Snippet', sans-serif !important; position: relative !important; top: 100px; }
button.menu-toggle::after, button.menu-toggle::before, button.menu-toggle span::before { background-color: #009EE2; }
button.menu-toggle::before, button.menu-toggle::after, button.menu-toggle span::before { content: ""; display: inline-block; height: 2px; width: 46px;
position: relative; top: 0px; left: 0; margin-top: -1px; transition: all,ease,.2s; border-radius: 3px; padding: 0px; margin-bottom: 5px; }
#site-navigation-menu-toggle { position: relative !important; right: 0; top: 20px; transition: 0s; background: transparent !important; }
button.menu-toggle, button.menu-toggle:hover { border-color: 0; }
.menu-toggle { padding: 7px !important; max-width: 68px !important; font-size: 0 !important; border: 0 !important; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover { background-color: #d5d5d5;
border-color: transparent; color: #333333; }
}
@media (max-width: 1549px) {
.menu-topbar-container { margin-left: auto; margin-left: auto; max-width: 66.4989378333em; }
}
@media (min-width: 992px) and (max-width: 1549px) {
#pg-6-1.panel-has-style > .panel-row-style .panel-grid-cell { flex: 1 1 24%; }
}
@media (min-width: 781px) and (max-width: 991px) {
#pg-6-1.panel-has-style > .panel-row-style .panel-grid-cell { flex: 1 1 33%; }
}
@media (min-width: 781px) and (max-width: 1549px) {
#pg-6-1.panel-has-style > .panel-row-style { flex-direction: row; flex-wrap: wrap; }
.site-header .site-branding img { height: auto; max-width: 290px !important; max-height: none; min-width: 260px; background: #FFF; padding: 28px; border-radius: 20px; position: absolute; }
#section-main-icons div { margin: 10px; }
.secondary-navigation { padding-left: 20px; }
#section-main-icons div:nth-child(5) { min-height: 520px; }
.handheld-navigation { height: 100vh; }
}
@media (min-width: 1450px) and (max-width: 1549px) {
#section-row-main-banner .textwidget.custom-html-widget { padding-left: 200px; }
}
@media (min-width: 1176px) and (max-width: 1440px) {
#section-row-main-banner .textwidget.custom-html-widget { padding-left: 50px; margin-left: 120px; }
.section-3-1::before { position: absolute; right: 0; width: 180%; height: 1041px; content: ""; background-image: url(//www.procleaningnoord.nl/wp-content/themes/procleaningnoord/assets/images/wisser-pcn-logo.svg);
background-size: cover; z-index: -6; z-index: 0; bottom: -585px; }
}
@media (min-width: 1175px) {
.site-branding.active::before { width: 290px; height: 32px; margin: -9px 0; }
.site-branding { position: absolute; top: 42px; }
.primary-navigation { line-height: 5; }
}
@media (min-width: 992px) and (max-width: 1449px) {
#section-row-main-banner .textwidget.custom-html-widget { padding-left: 50px; }
#section-1 button { padding: 5px 20px; }
}
@media (max-width: 780px) {
.diensten-content-1 div:first-child { order: 0; flex: 1 0 100%; }
.diensten-content-2 div:first-child { order: 1; flex: 1 0 100%; }
}
@media screen and (max-width: 767px) {
.secondary-navigation { display: block; }
.zoek-navigatie .search-field { width: 240px; float: right; }
.zoek-navigatie::before { top: 3px; float: right; position: absolute; right: 15px; }
#menu-item-47 { display: block !important; top: 4px; left: 18px; }
#menu-item-47, #menu-item-51, #menu-item-94, #menu-item-95, #menu-item-96 { display: none; }
#menu-item-23 { list-style: none; }
#menu-topbar { margin: 0; }
.menu-topbar-container { max-width: 1450px; margin: 0 auto; position: relative; min-width: 100%; }
.offerte-knop.active { background: #009EE2; transition: .4s; }
#site-navigation-menu-toggle { z-index: 9999; }
#site-navigation-menu-toggle.active { top: 2px; }
#masthead.active { padding: 15px !important; min-height: 60px; }
.site-branding.active::before { top: 6px; }
#section-row-main-banner .textwidget.custom-html-widget { width: fit-content; padding: 33px; }
.section-row-main-banner h2 { font-size: 3rem; padding-top: 100px; }
#section-row-main-banner h3 { font-size: 1.66rem; }
#section-row-main-banner button { font-size: 1.2rem; }
#section-row-main .sow-slider-image-container::before { height: 580px; top: -7px; }
#section-main-icons div { min-height: 330px; }
#section-1 { padding: 35px 0px; bottom: 35px; }
#section-1-in .textwidget { padding: 38px 14px; border-left: 8px solid #F6A500; }
#section-1 h2 { font-size: 2rem; }
#section-1 h3 { font-size: 1.3rem; }
button { font-size: 1rem; }
#section-1 button { max-width: 200px; }
.offerte-btn { display: inline-block; margin: 0; margin-top: 15px; }
#section-2 { padding: 225px 0; }
#section-2 h2, #section-2 h3 { font-size: 3rem; }
#section-2 h3 { font-size: 1.5rem; }
#section-2::before { height: 220px; }
}
@media (min-width: 768px)  and (max-width: 1174px) {
#masthead .main-navigation { margin-top: 15px; }
#masthead.active #site-navigation { margin-top: 0; }
}
@media (min-width: 768px) {
#masthead .col-full { display: flex; align-items: center; }
.woocommerce-active .site-header div.site-branding { width: auto; }
}
@media (min-width: 781px) and (max-width: 1549px) {
button { font-size: 1.2rem; padding: 6px; }
#section-1 { padding: 28px 0px; }
.offerte-btn { margin-left: 0; margin-top: 10px; }
.diensten-content { padding: 0; }
}
@media (min-width: 769px)  and (max-width: 992px) {
#section-1-in .textwidget { padding: 40px; }
#section-1 button { padding: 5px 20px; }
.diensten-blokken .textwidget { padding: 0 15px; text-align: left; }
.diensten-blokken img { padding: 15px; }
#section-row-main { margin-bottom: -110px; margin-top: -60px; }
.diensten-content-local { padding: 15px; }
}
@media (min-width: 481px) and (max-width: 768px) {
.custom-logo { min-width: 230px; background: #FFF; padding: 25px; border-radius: 20px; }
.site-branding { position: absolute; }
#menu-main-menu-1 li:nth-child(1) { margin-top: 70px; }
.call2action-naam-tel { display: block; }
.call2action-naam-tel li:nth-child(2) { padding-left: 0; }
.call2action-naam-tel input { min-width: 100%; }
.diensten-call2action .wpcf7-form-control.has-spinner.wpcf7-submit { min-width: 100%; }
.call2action-datum p { background: RGB(255, 255, 255, 0.8); margin-top: 25px; }
.diensten-content-local { padding: 5px; }
#section-1-in .textwidget { padding: 45px 30px; }
#section-1 button { padding: 5px 25px; }
.search .content ul { padding: 20px; max-width: 100; margin-left: 20px; }
.search .search-field { max-width: 250px; }
.diensten-blokken .textwidget { padding: 0 15px; text-align: left; }
.diensten-blokken img { padding: 15px; }
.offerte-formulier { padding: 15px; }
#main { padding: 130px 30px 30px 30px; }
#menu-main-menu-1 { min-height: 100vh; }
}
@media (min-width: 350px) and (max-width: 399px ) {
.zoek-navigatie .search-field { width: 160px !important; transition: .5s; }
}
@media (min-width: 320px) and (max-width: 480px) {
#section-row-main-banner h3 { font-size: 1.46rem; }
#section-row-main-banner button { font-size: 1rem; }
.zoek-navigatie .search-field { width: 190px; float: right; }
.custom-logo { min-width: 230px; background: #FFF; padding: 25px; border-radius: 20px; }
.site-branding { position: absolute; }
#menu-main-menu-1 li:nth-child(1) { margin-top: 70px; }
.call2action-naam-tel { display: block; }
.call2action-naam-tel li:nth-child(2) { padding-left: 0; }
.call2action-naam-tel input { min-width: 100%; }
.diensten-call2action .wpcf7-form-control.has-spinner.wpcf7-submit { min-width: 100%; }
.call2action-datum p { margin-top: 25px; }
#masthead.active #menu-main-menu-1 li:nth-child(1) { margin-top: 15px; }
.home h2, .home .h2, .home .page-title { font-size: 3rem; }
#section-main-icons .textwidget.custom-html-widget { padding: 20px; }
#section-2 { padding: 165px 0; }
#section-1 h3 { font-size: 1.2rem; }
h3, .h3 { font-size: 1.3rem; }
h2, .h2 { font-size: 2rem; }
.diensten-content-local { padding: 0; }
.diensten-action { padding: 0; }
.diensten-action::after { background-attachment: fixed; opacity: 0; }
.diensten-action { margin-top: 80px; padding: 0;  }
.diensten-content-local h3 { font-size: 1.7rem; }
#main { padding: 100px 0 0 0; }
.diensten-blokken img { padding: 15px; }
.diensten-blokken .textwidget { padding: 0 15px; text-align: left; }
.entry-title { font-size: 2.4rem; padding: 0 20px; }
#header-main h3 { padding: 0 20px; }
.diensten-content-inner { padding: 0; }
.diensten-content-local h2 { font-size: 2.5rem; }
.diensten-action h2 { font-size: 2.4rem; }
p { font-size: 1rem; }
.diensten-blokken h3 { padding: 0; }
#diensten-main h3 { padding: 0 20px; }
}
@media screen and (max-width: 480px) {
.offerte-formulier { padding: 0px; padding-top: 10px; }
.offerte-formulier .wpcf7-list-item-label { display: inherit; min-width: ; }
.search .content ul { padding: 0; max-width: 100; margin-left: 20px; }
.search .search-field { max-width: 110px; }
.search .content ul { background: #FFF; max-width: 100%; padding: 20px; }
.h-thumbnail img { width: 90px; height: 90px; float: right; padding: 15px 0 15px 15px; }
#upload { max-width: 100%; }
#site-navigation-menu-toggle.active { right: -28px; }
#site-navigation-menu-toggle { right: -13px; }
#menu-main-menu-1 { min-height: 100vh; }
.diensten-content-local .diensten-content-inner { padding: 50px; }
.diensten-action { margin-top: 20px; padding-top: 55px; }
}
@media screen and (max-width: 361px ) {
#section-row-main-banner .textwidget.custom-html-widget { padding: 15px; }
}
@media screen and (max-width: 349px ) {
.section-row-main-banner h2 { font-size: 2.3rem; }
#section-row-main-banner h3 { font-size: 1.36rem; }
#section-row-main-banner button { font-size: 0.98rem; }
.banner-btn { margin-left: 0px; margin-top: 15px; }
#menu-item-47 { display: none !important; }
.zoek-navigatie .search-field { width: 100%; float: right; }
.home h2, .home .h2, .home .page-title { font-size: 3rem; }
#section-main-icons .textwidget.custom-html-widget { padding: 20px; }
#section-1 h3 { font-size: 1.2rem; }
h3, .h3 { font-size: 1.3rem; }
h2, .h2 { font-size: 2rem; }
.diensten-content-local { padding: 0; }
.diensten-content-local h2 { color: #014898; font-size: 2rem; }
.diensten-action::after { background-attachment: fixed; opacity: 0.1; }
.diensten-action { margin-top: 80px; padding: 20px;  }
.diensten-action::after { background-attachment: fixed; opacity: 0; }
.diensten-content-local h3 { font-size: 1.5rem; }
.diensten-action h2 { font-size: 2.7rem; }
.diensten-action .wpcf7-form-control.wpcf7-select { min-width: 100%; }
#main { padding: 100px 0 0 0; }
.diensten-blokken img { padding: 15px; }
.diensten-blokken .textwidget { padding: 0 15px; text-align: left; }
.offerte-formulier .wpcf7-list-item-label { display: inline !important; }
.offerte-formulier { padding: 20px; }
#diensten-main h3 { padding: 0 20px; }
.entry-title { font-size: 2.4rem; padding: 0 20px; }
#header-main h3 { padding: 0 20px; }
.diensten-content-inner { padding: 0; }
.diensten-content { padding: 25px; }
}