.vakmanschap_block .designers_list li {
min-width: 33%;
} #gform_confirmation_message_12 {
color: #C4D443;
font-weight: bold;
}
.collectie_block ul li figure > div {
border: 5px solid #f0f0f0;
}
.collectie_filter .filter_wrap ol {
margin-left: auto;
margin-right: auto;
}
.menu-item-73 a {
margin-right: 10%;
}
.menu-item-3239 a {
margin-right: 20%;
}
.header nav > ul > li:hover > ul {
background-color: white;
} #gform_wrapper_6 label {
color: #6A6E78 !important;
}
.page-id-5055 .contact._block ul li {
font-size: 14px;
padding-bottom: 10px;
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: 40vw;
!important;
padding: 5px 4px;
}
.gform_wrapper .top_label input.large.datepicker, .gform_wrapper .top_label input.medium.datepicker, .gform_wrapper .top_label input.small.datepicker {
width: 40vw;
!important;
}
#input_6_1_3_container, #input_6_1_6_container {
padding: 0px !important;
margin: 0px !important;
width: 20vw;
}
#input_6_1_3_container label, #input_6_1_6_container label {
width: 5vw;
!important;
}
.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex select { }
.page-id-5055 #gform_wrapper_6 {
margin-top: -50px;
color: #6A6E78 !important;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
margin: 0;
position: absolute;
left: 50%;
}
@media only screen (min-width:
50px
) {
.header nav > ul > li:last-child {
display: none !important;
}
} .clubhuis-banner {
max-width: 1920px;
margin: 0 auto 30px auto;
}
.clubhuis-banner-mob {
width: 100vw;
margin: 0 auto 30px auto;
}
@media only screen and (min-width: 768px) {
.clubhuis-banner-mob {
display: none;
}
}
@media only screen and (max-width: 768px) {
.clubhuis-banner {
display: none;
}
.elementor-popup-modal .dialog-message {
max-width: 85vw;
max-height: 120vh;
}
#elementor-popup-modal-11334 .dialog-message {
height: 450px !important;
}
} .custom-kop {
font: 45px 'Montserrat';
font-weight: 400;
text-transform: uppercase;
color: #333743;
}
.custom-kop b {
font: 45px 'Montserrat';
font-weight: 800;
background-color: #333743;
color: white;
padding: 0px 15px 0px 15px;
}
.custom-kop2 {
font: 30px 'Montserrat';
text-transform: uppercase;
color: #333743;
}
.custom-kop2 b {
font: 30px 'Montserrat';
font-weight: 800;
background-color: #333743;
color: white;
padding: 0px 15px 0px 15px;
}
.custom-kop3 {
font: 23px 'Montserrat';
text-transform: uppercase;
color: #333743;
}
.custom-kop3 b {
font: 23px 'Montserrat';
font-weight: 800;
background-color: #333743 !important;
color: white !important;
padding: 0px 15px 0px 15px;
}
#white b {
font: 30px 'Montserrat';
font-weight: 800;
background-color: white;
color: #333743;
padding: 0px 15px 0px 15px;
}
.custom-p {
font: 18px 'Raleway' !important;
color: black;
line-height: 1.5 !important;
}
.elementor-toggle-title {
line-height: 1.5;
}
.header .elementor-background-slideshow__slide__image {
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
max-width: 2000px;
margin: auto;
}
.first-block .elementor-background-slideshow__slide__image {
background-position: right;
background-size: 48vw !important;
background-repeat: no-repeat;
}
.second-block .elementor-background-slideshow__slide__image {
background-position: bottom;
}
.footer {
padding: 72px 80px 27px 80px;
}
.second-block .elementor-shape .elementor-shape-fill {
fill: #F8F8F6 !important;
}
#whitepaper-form {
background-color: white;
padding: 5px 35px 5px 35px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)
}
#whitepaper-form input, #whitepaper-form textarea {
border: 1px solid #333743;
border-radius: 5px;
padding: 12px;
text-transform: uppercase;
color: #333743
}
#whitepaper-form textarea {
margin-bottom: -30px
}
#whitepaper-form input#gform_submit_button_8 {
border: none;
color: white;
margin-top: -30px;
margin-left: 400px;
width: 350px;
font-size: 20px;
z-index: 100 !important;
}
#whitepaper-form .ginput_container.ginput_container_consent {
margin-top: 45px
}
#whitepaper-form #input_8_6_1 {
margin: 0px
}
@media only screen and (min-width: 768px) {
.mobile_only {
display: none;
}
}
@media only screen and (max-width: 768px) {
.elementor-element-d5c765f {
padding-bottom: 10%;
}
.elementor-element-27554ed {
padding-top: 10%;
}
.boldsubtitle {
font-size: 15px;
}
.custom-kop {
font: 25px 'Montserrat';
font-weight: 400;
text-transform: uppercase;
color: #333743;
}
.custom-kop b {
font: 25px 'Montserrat' !important;
font-weight: 800;
background-color: #333743;
color: white;
padding: 0px 15px 0px 15px;
}
.custom-kop2 {
font: 20px 'Montserrat';
text-transform: uppercase;
color: #333743;
}
.custom-kop2 b {
font: 20px 'Montserrat';
font-weight: 800;
background-color: #333743;
color: white;
padding: 0px 15px 0px 15px;
}
.custom-kop3 {
font: 18px 'Montserrat';
text-transform: uppercase;
color: #333743;
}
.custom-kop3 b {
font: 18px 'Montserrat';
font-weight: 800;
background-color: #333743;
color: white;
padding: 0px 15px 0px 15px;
}
#white b {
font: 25px 'Montserrat';
font-weight: 800;
background-color: white;
color: #333743;
padding: 0px 15px 0px 15px;
}
#whitepaper-form input#gform_submit_button_8 {
border: none;
color: white;
margin-top: 50px;
margin-left: -37vw;
width: 75vw;
font-size: 20px;
}
}
.elementor-element-9566055 {
z-index: 1 !important;
}
#input_8_5 {
margin-top: 13px;
}
.download_button a {
background-color: #C4D443;
border: none;
color: white;
padding: 15px 50px 15px 50px;
position: relative;
margin: auto;
font-family: "Raleway", Sans-serif;
font-size: 17px;
font-weight: 400;
border-radius: 4px;
transition: all .3s;
}
.download_button {
border: none;
background-color: white;
}
.download_button a:hover {
background-color: #A8A8A8;
}
.elementor-element-297851e {
text-align: center;
}
#input_8_7 {
width: 100%;
}
#downloadwhitepaper {
width: 100%;
} .page-id-6745 .wrapper,
.page-id-6556 .wrapper,
.page-id-7787 .wrapper,
.page-id-8715 .wrapper,
.page-id-8745 .wrapper,
.page-id-8753 .wrapper,
.page-id-8767 .wrapper,
.page-id-8792 .wrapper,
.page-id-9461 .wrapper,
.page-id-10168 .wrapper,
.page-id-10169 .wrapper,
.page-id-11252 .wrapper {
width: 100% !important;
}
.page-id-6745 .content_block,
.page-id-7787 .content_block,
.page-id-8715 .content_block,
.page-id-8745 .content_block,
.page-id-8753 .content_block,
.page-id-8767 .content_block,
.page-id-8792 .content_block,
.page-id-9461 .content_block,
.page-id-10168 .content_block,
.page-id-10169 .content_block,
.page-id-11252 .content_block {
padding: 0px;
}
.page-id-6745 .heading,
.page-id-7787 .heading,
.page-id-8715 .heading,
.page-id-8745 .heading,
.page-id-8753 .heading,
.page-id-8767 .heading,
.page-id-8792 .heading,
.page-id-9461 .heading,
.page-id-10168 .heading,
.page-id-10169 .heading,
.page-id-11252 .heading {
padding: 0px;
} .vorm {
content: '';
display: block;
width: 40%;
height: 65%;
position: absolute;
top: 20;
left: 30px;
z-index: 1;
background: #C4D443;
border-radius: 15px;
margin-top: 35px;
}
.tekstcirc {
position: relative;
bottom: 30px;
left: -30px;
transform: skewX(10deg) !important;
}
.header .wrapper {
width: 100%;
} .btncollectie .pijl {
width: 6%;
padding-top: 5px;
margin-left: 7px;
transition: all 0.3s ease-out;
}
.btncollectie:hover .pijl {
width: 6%;
padding-top: 5px;
margin-left: 13px;
}
.btncollectie {
text-align: center;
}
.btncollectieaanbod .pijlaanbod {
width: 2.3%;
padding-top: 5px;
margin-left: 7px;
transition: all 0.3s ease-out;
}
.btncollectieaanbod:hover .pijlaanbod {
width: 2.3%;
padding-top: 5px;
margin-left: 13px;
}
.hover-underline-animation a {
text-decoration: underline;
text-underline-offset: 6px;
color: black;
font-weight: bold;
font-size: 15px !important;
letter-spacing: 01px;
}
.hover-underline-animation {
display: inline-block;
position: relative;
color: #0087ca;
}
.hover-underline-animation:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 3px;
bottom: 0;
left: 0;
background-color: black;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.hover-underline-animation:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.hover-underline-animation-txt a {
text-decoration: underline gray 2px;
color: black;
font-weight: bold;
font-size: 15px !important;
letter-spacing: 01px;
}
.hover-underline-animation-txt {
display: inline-block;
position: relative;
color: #0087ca;
}
.hover-underline-animation-txt:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: black;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.hover-underline-animation-txt:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.productimg {
transition: 1s !important;
-webkit-transition: 0.1s !important;
}
.productimg:hover img {
transform: scale(1.03);
}
.productimg:hover h5 {
font-weight: 600 !important;
}
.btnopties {
text-align: center;
}
.header .lng_wrap {
background: none;
right: 0;
top: -16px;
}
.header .lng_wrap:before {
background: none;
}
.wpml-ls-legacy-list-horizontal {
border: 0px solid transparent;
}
.wpml-ls-statics-shortcode_actions {
background: none;
}
.formshowroom h2 {
display: none;
}
#gform_submit_button_9,
#gform_submit_button_10, #gform_submit_button_11 {
left: 0%;
}
#gform_confirmation_message_9, #gform_confirmation_message_10, #gform_confirmation_message_11 {
font-weight: bold;
color: #C4D443;
text-align: center;
}
#input_10_6_1, #input_10_6_4 {
width: 100%;
}
.eael-gravity-container {
margin: 0px 0px 0px 0px !important;
}
.txtduurzaam {
color: white;
padding-top: 60px;
width: 80%;
}
@media only screen and (max-width: 600px) {
.btn-projects,
.btn-collection {
display: inline-block;
}
.btn-webshop {
display: none;
}
#input_10_6_3, #input_10_6_5 {
width: 100%;
}
.footer .wrapper {
width: 300px;
}
.menu {
width: 50% !important;
}
.menu_trigger {
left: 20px !important;
top: 30px !important;
}
.webshop_button {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
margin-top: 100px;
padding-left: 30px;
}
.nav-cta-buttons {
float: unset;
margin-top: 100px;
margin-right: unset;
width: 100%;
}
.nav-cta-buttons a {
}
.header .lng_wrap {
display: none;
}
.advies_button {
float: left;
margin-top: 100px;
margin-right: 0px;
}
.advies_button a {
width: 100%;
text-align: center;
}
.webshop_button a {
padding-left: 15px !important;
padding-right: 15px !important;
width: 100%;
margin-right: 0;
text-align: center;
}
.pijlaanbod {
width: 7% !important;
}
.btncollectieaanbod {
text-align: center;
}
.vormmb {
content: '';
display: block;
width: 4em;
height: 85%;
position: absolute;
top: 15px;
left: 25px;
z-index: 1;
background: #C4D443;
border-radius: 10px;
margin-top: 35px;
}
.tekstcircmb {
position: relative;
bottom: 10px;
left: -25px;
transform: skewX(10deg) !important;
}
.menubtn {
padding-right: 1.5em;
padding-left: 1.5em;
}
}
#arrowdown .st0 {
fill: white;
}
#arrowdown {
fill: white;
width: 2.5%;
}
.st7 {
fill: white !important;
}
#titleduurzaam .st0 {
fill: #C4D443;
}
#titleduurzaam .st1 {
fill: white;
}
#titleduurzaam {
width: 34vw;
}
.projectfoto {
width: 46% !important;
}
.kantoorfoto {
margin-left: -1%;
}
@media screen and (min-width: 2400px) { .hover-underline-animation-txt a {
text-decoration: underline gray 2px;
text-underline-offset: 4px;
color: black;
font-weight: bold;
font-size: 15px !important;
letter-spacing: 01px;
}
.hover-underline-animation-txt {
display: inline-block;
position: relative;
color: #0087ca;
}
.hover-underline-animation-txt:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: black;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
}
.hover-underline-animation-txt:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
}
.btnopties h3 {
padding-top: 175px;
}
.hover-underline-animation-txt a {
font-size: 30px !important;
}
.duurzaamblob {
padding: 1% 0% 8% 0%;
}
.duurzaamblobinhoud {
padding-left: 100px;
padding-bottom: 0%;
}
.txtduurzaam {
font-size: 35px;
line-height: 60px;
}
.linklees {
font-size: 35px;
line-height: 60px;
}
}
@media screen and (max-width: 959px) {
.tekstcirc {
position: relative;
bottom: 18px;
left: -30px;
transform: skewX(10deg) !important;
}
.vorm {
content: '';
display: block;
width: 37%;
height: 65%;
position: absolute;
top: 20;
left: 30px;
z-index: 1;
background: #C4D443;
border-radius: 9px;
margin-top: 35px;
margin-top: 20px;
}
}
.joinchat {
--btn: 80px;
margin-bottom: 70px;
}
.joinchat__button__open {
background-image: url(https://spoinq.nl/wp-content/uploads/2022/10/chat-spoinq.png);
background-size: 100%;
border-radius: 1000px;
}
.joinchat__button:active {
background: #E5E5E5 !important;
transition: none;
}
.joinchat__button:hover {
background: #E5E5E5 !important;
}
.joinchat__button {
background: white;
font: 15px Raleway;
letter-spacing: 1.5px;
font-weight: 600;
text-transform: uppercase;
text-transform: uppercase;
box-shadow: 1px 6px 24px 0 rgb(0 0 0 / 24%) !important;
}
.swiper-slide-image {
transition: all 0.3s ease-out;
}
.swiper-slide-image:hover {
filter: brightness(0.2);
transition: all 0.3s ease-out;
}
.fg_zoom:hover {
filter: brightness(0.5);
transition: all 0.3s ease-out;
}
.owl-item:nth-child(odd) {
margin-top: 25px !important;
} div.office-button {
margin: -90px 0 0 0;
}
div.office-button a {
display: inline-block;
width: 25px !important;
height: 25px !important;
background: #C4D443 0% 0% no-repeat padding-box;
border-radius: 6px;
padding: 0 !important;
}
div.office-button a span.elementor-button-text {
font: normal normal normal 15px Raleway;
letter-spacing: 0px;
color: #FFFFFF;
width: 8px;
height: 18px;
margin-top: 2px
} @media (min-width: 481px) and (max-width: 1024px) {
div.office-button {
margin: -60px 0 0 0;
}
} @media (max-width: 481px) {
div.office-button {
margin: -75px 0 0 0;
}
.joinchat {
margin-bottom: 90px;
}
}
a.social-svg:hover .st0 {
fill: #ABB93A !important;
transition: 0.3s;
cursor: pointer;
}
a.contact-line:hover {
color: #ABB93A !important;
transition: 0.3s;
cursor: pointer;
} div.footer-contact div.gform_heading {
display: none;
}
div.footer-contact div#input_12_1 input {
width: 100%;
}
div.footer-contact div.gform_footer input[type="submit"] {
width: 10%;
left: 0;
} @media (min-width: 481px) and (max-width: 1024px) {
div.footer-contact div.gform_footer input[type="submit"] {
width: 50%;
left: 0;
}
} @media (max-width: 481px) {
div.footer-contact div.gform_footer input[type="submit"] {
width: 100%;
left: 0;
}
} @media (min-width: 481px) and (max-width: 1024px) {
section.square-aspect div.elementor-column {
height: calc(100vw / 3) !important;
}
}
div.title-block-text {
width: 100% !important;
} @media (min-width: 481px) {
div.title-block-text p {
width: 500px !important;
}
}
@media screen and (min-width: 2400px) {
div.title-block-text p {
width: 75% !important;
}
}
@media screen and (min-width: 3500px) {
div#timeline-block {
height: 35vw;
}
div#timeline-block ul li span.elementor-icon-list-text {
font-size: 80px;
line-height: 120%;
}
div#timeline-block ul li {
padding-bottom: calc(200px / 2);
}
div#timeline-block ul li svg {
width: 150px;
height: 150px;
}
}
.sub-menu {
font-weight: 500;
letter-spacing: 2.54px;
text-transform: uppercase;
font-size: 13px;
line-height: 20px
}
.dienstentitle h2 {
letter-spacing: 3.5vh !important;
}
.hover-underline-animation-diensten a {
text-decoration: underline;
text-underline-offset: 6px;
color: white;
font-weight: bold;
font-size: 15px !important;
letter-spacing: 01px;
display: block;
margin-left: 50%;
margin-right: 50%;
}
.hover-underline-animation-diensten {
display: inline-block;
position: relative;
color: #0087ca;
}
.hover-underline-animation-diensten:after {
content: '';
position: absolute;
width: 100%;
transform: scaleX(0);
height: 3px;
bottom: 0;
left: 0;
background-color: #C4D443;
transform-origin: bottom right;
transition: transform 0.25s ease-out;
display: block;
margin-left: 50%;
margin-right: 50%;
}
.hover-underline-animation-diensten:hover:after {
transform: scaleX(1);
transform-origin: bottom left;
} .product_formulier {
background-color: #333743;
padding: 70px 310px;
}
.product_formulier h1 {
font: normal normal 800 45px/50px Montserrat;
letter-spacing: 0px;
text-transform: uppercase;
color: white;
}
.product_formulier h1 span {
color: #C4D443
}
.product_formulier p {
letter-spacing: 0px;
color: #FFFFFF;
margin-bottom: 50px;
}
.product_formulier span.name_first {
padding: 0 !important;
}
.product_formulier input[type="text"] {
height: 60px;
background: #545863;
border: none;
color: white;
font-size: 21px !important;
font-family: Raleway;
}
.product_formulier textarea {
height: 170px !important;
background: #545863;
border: none;
resize: none;
color: white;
color: white;
font-size: 21px !important;
font-family: Raleway;
}
.product_formulier textarea::placeholder,
.product_formulier input[type="text"]::placeholder {
letter-spacing: 0px;
font-family: Raleway;
font-size: 21px;
}
.product_formulier input[type="submit"] {
position: static !important;
background: #C4D443 0% 0% no-repeat padding-box;
border-radius: 6px;
font: normal normal bold 20px/24px Raleway;
letter-spacing: 0px;
color: #FFFFFF;
text-transform: uppercase;
padding: 16px 33px
}
.product_formulier input[type="submit"]:hover {
color: #fff;
background: #9297a3;
border-color: #9297a3;
}
@media only screen and (max-width: 768px) {
.product_formulier {
padding: 80px 25px !important;
}
#blobmobile {
background-image: url(https://spoinq.nl/wp-content/uploads/2022/02/svg-blob-01-01-3.png);
border-radius: 0px 25px 25px 0px;
margin-right: 20px;
}
div.footer-contact div.gform_footer input[type="submit"] {
width: 45% !important;
left: 0;
}
}
.menu-top-menu-eng-container {
padding-right: 45px;
}
* > .cli-bar-container, .cli-style-v2 {
font-family: "Raleway";
}
.wt-cli-element, .medium, .cli-plugin-button, .wt-cli-accept-all-btn, .cookie_action_close_header, .cli_action_button {
font-size: 14px !important;
}