@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap");  .page-id-13277 .heading {display:none;}
.page-id-13277 .content_block {padding-top: 30px;padding-bottom: 0px;}
.fr a[class="selected"] {
display: none !important;
}
.header .search_form_wrap {
right: 260px !important;
}
.nav-lang-wrap {
top: 480px;
left: -45px;
width: 300px;
position: absolute;
}
.nav-lang-wrap .lang_sel_list_horizontal {
border: none;
background: unset !important;
}
.nav-lang-wrap .lang_sel_list_horizontal ul li {
position: unset !important;
width: 60px !important;
margin-right: 5px !important;
}
.mobile_buttons {
display: none;
}
@media only screen and (max-width: 959px) {
.header .search_form_wrap {
right: -30px !important;
}
.sub-menu {
visibility: hidden;
}
.mobile_buttons {
display: block;
}
}
.fr .nl_trans, .fr .en_trans {
display: none !important;
}
.nl .fr_trans {
display: none !important;
}
.en .fr_trans {
display: none !important;
}
.en .nl_trans {
display: none !important;
}
.nl .en_trans {
display: none !important;
}
.fr .contact_block ul li {
display: block !important;
}
.fr .contact_block ul li:first-child {
font-weight: 500 !important;
font-size: 23px !important;
color: #6A6E78 !important;
}
.fr .gform_wrapper .gform_footer {
margin: 16px 50px 0 !important;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
margin-right: 20px !important;
} .menuopened {
height: 100%;
overflow: hidden;
}
.mobile_menu {
display: none;
position: absolute;
top: 0;
left: -200%;
width: 100%;
height: 100%;
z-index: 9999;
-webkit-transition: left linear .3s;
transition: left linear .3s;
}
.mobile_menu > div {
position: absolute;
top: 0;
left: 0;
background: #004677;
width: 80%;
height: 100%;
overflow: auto;
box-shadow: rgba(0, 0, 0, .55) 0 0 13px 0;
}
.menuopened .mobile_menu {
left: 0;
}
body:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: -200%;
left: -200%;
background: rgba(0, 0, 0, .7);
opacity: 0;
-webkit-transition: opacity linear .2s;
transition: opacity linear .2s;
z-index: 9998;
}
.menuopened body:before {
opacity: 1;
top: 0;
left: 0;
}
.mobile_menu nav {
padding: 50px 0 1px 0;
background: #025691;
}
.logged-in .mobile_menu nav {
padding-top: 90px;
}
.mobile_menu nav > ul > li {
font: 20px 'Ubuntu';
}
.mobile_menu nav > ul > li > a, .mobile_menu nav > ul > li > a:visited {
display: block;
padding: 12px 40px 12px 15px;
color: #fff;
background: #004677;
margin-top: 1px;
position: relative;
}
.mobile_menu nav > ul > li > a:hover {
color: #ffde16;
}
.mobile_menu nav > ul > li.menu-item-has-children > a:before {
content: '';
display: block;
width: 10px;
height: 7px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/arrow.png) no-repeat;
position: absolute;
top: 21px;
right: 15px;
-webkit-transition: transform linear .2s;
transition: transform linear .2s;
}
.mobile_menu nav > ul > li.menu-item-has-children.active > a:before {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.mobile_menu nav > ul > li > ul {
padding: 0 0 0 50px;
display: none;
}
.mobile_menu nav > ul > li.active > ul {
display: block;
}
.mobile_menu nav > ul > li > ul li {
padding: 10px 0;
}
.mobile_menu nav > ul > li > ul li a, .mobile_menu nav > ul > li > ul li a:visited {
color: #fff;
}
.mobile_menu nav > ul > li > ul li a:hover {
color: #ffde16;
}
body.search.search-no-results .news_section article {
padding: 40px;
}
body.search.search-no-results .news_section article h1 {
font-size: 18px;
}  html, body {
min-height: 100%;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
body {
font: 300 18px/27px 'Raleway', sans-serif;
color: #424755;
background: #fff;
}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption {
margin: 0;
padding: 0;
}
header, section, footer, aside, nav, article, figure, figcaption {
display: block;
}
table {
border-collapse: collapse;
}
img {
border: none;
max-width: 100%;
height: auto;
}
iframe, object, embed {
max-width: 100%;
}
ul, li {
list-style: none;
}
input[type="text"] {
font-family: 'Open Sans', sans-serif;
}
input {
vertical-align: middle;
font-family: 'Open Sans';
}
input:focus, textarea:focus {
outline: none;
font-family: 'Open Sans';
}
button, input[type="submit"] {
cursor: pointer;
-webkit-appearance: none;
font-family: 'Open Sans';
}
a, a:active, a:visited {
text-decoration: none;
color: #c4d443;
-webkit-transition: color linear .2s;
transition: color linear .2s;
}
a:hover {
text-decoration: none;
color: #c4d443;
} .page-id-6745 .wrapper {
width: 100%;
}
.wrapper {
width: 1230px;
margin: 0 auto;
position: relative;
}
.footer .wrapper, .powered .wrapper {
width: 1330px;
}
.clear:after, .wrapper:after {
content: '';
display: block;
height: 0;
clear: both;
}
.alignright {
float: right;
margin: 0 0 15px 15px;
}
.alignleft {
float: left;
margin: 0 15px 15px 0;
}
.cover {
display: none;
}
*[data-cover] {
min-height: 365px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/blank.gif) center center no-repeat;
background-size: cover;
}
.umloading {
background: none !important;
}
#gform_fields_4 li {
width: 100%;
}
input#gform_submit_button_4 {
position: relative;
left: 54px;
}
h1 {
font: 300 36px 'Raleway';
color: #333743;
letter-spacing: 1.71px;
padding-bottom: 20px;
}
h2 {
font: 500 24px 'Raleway';
color: #333743;
letter-spacing: 3.42px;
padding: 15px 0;
}
h3 {
font: 22px 'Raleway';
padding-bottom: 20px;
}
h4 {
font: 19px 'Raleway';
color: #ced855;
padding-bottom: 20px;
}
h5 {
font: 500 18px 'Raleway';
padding-bottom: 15px;
letter-spacing: 2px;
}
.button, .button:visited {
color: #fff;
padding: 15px 20px;
min-height: 22px;
font: 500 14px/20px 'Raleway';
border: 1px solid #c4d443;
border-radius: 5px;
background: #c4d443;
display: inline-block;
vertical-align: middle;
text-align: center;
-webkit-transition: background-color linear .2s, border-color linear .2s;
transition: background-color linear .2s, border-color linear .2s;
letter-spacing: 0;
}
.button:hover {
color: #fff;
background: #9297a3;
border-color: #9297a3;
}
.button.button_big, .button.button_big:visited {
padding: 15px 35px;
font-size: 16px;
}
.button.button_transparent, .button.button_transparent:visited {
border-color: #fff;
background: transparent;
}
.button.button_transparent:hover {
color: #fff;
background: #c4d443;
border-color: #c4d443;
}
.button.button_white, .button.button_white:visited {
background: #fff;
border-color: #fff;
color: #9c9689;
}
.button.button_white:hover {
color: #fff;
background: #c4d443;
border-color: #c4d443;
}
.button.button_dark, .button.button_dark:visited {
background: #333743;
border-color: #333743;
color: #fff;
}
.button.button_dark:hover {
color: #fff;
background: #c4d443;
border-color: #c4d443;
}
#facebox {
position: absolute;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}
#facebox .popup {
position: relative;
border: 3px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
}
#facebox .content {
display: table;
width: 370px;
padding: 10px;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#facebox .content > p:first-child {
margin-top: 0;
}
#facebox .content > p:last-child {
margin-bottom: 0;
}
#facebox .close {
position: absolute;
top: 5px;
right: 5px;
padding: 2px;
background: #fff;
}
#facebox .close img {
opacity: 0.3;
}
#facebox .close:hover img {
opacity: 1.0;
}
#facebox .loading {
text-align: center;
}
#facebox .image {
text-align: center;
}
#facebox img {
border: 0;
margin: 0;
}
#facebox_overlay {
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
.facebox_hide {
z-index: -100;
}
.facebox_overlayBG {
background-color: #000;
z-index: 99;
} .header {
position: relative;
z-index: 2000;
}
.header .wrapper {
width: 100%;
padding-top: 25px;
}
.header .logo {
float: left;
display: block;
width: 254px;
height: 71px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/logo.png) no-repeat;
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/logo.svg), none;
background-size: 212px 71px;
font-size: 0;
line-height: 0;
margin-left: 35px;
}
.header .lng_wrap {
position: absolute;
top: -20px;
right: 80px;
background: #f8f8f6;
padding: 10px 0 10px 80px;
}
.contactHeader {
position: absolute;
right: 0;
color: #333743;
}
.header .lng_wrap:before {
content: '';
display: block;
width: 1000px;
height: 100%;
position: absolute;
top: 0;
left: 100%;
background: #f8f8f6;
}
.header .lng_wrap #lang_sel_list {
height: auto !important;
}
.header .lng_wrap #lang_sel_list ul {
border: none !important;
width: auto !important;
} .header .lng_wrap #lang_sel_list ul li a {
background: none !important;
padding: 0 !important;
font: 500 12px 'Raleway' !important;
color: #9297A3 !important;
letter-spacing: 2.18px !important;
position: relative !important;
}
.header .lng_wrap #lang_sel_list ul li a.lang_sel_sel {
color: #C5D444 !important;
}
.header .lng_wrap #lang_sel_list ul li a.lang_sel_sel:before {
content: '';
display: block;
width: 17px;
height: 4px;
background: #9095a1;
position: absolute;
top: 5px;
right: -27px;
border-radius: 5px;
}
.header .lng_wrap #lang_sel_list ul li a.lang_sel_sel:after {
content: '';
display: block;
width: 13px;
height: 13px;
background: #c4d443;
position: absolute;
top: 1px;
right: -20px;
border-radius: 5px;
}
.header .lng_wrap #lang_sel_list ul li:last-child a.lang_sel_sel:before {
right: auto;
left: -27px;
}
.header .lng_wrap #lang_sel_list ul li:last-child a.lang_sel_sel:after {
right: auto;
left: -20px;
}
.header .search_form_wrap {
position: absolute;
top: -25px;
right: 120px;
overflow: hidden;
width: 0;
padding-left: 40px;
height: 60px;
background: #f8f8f6 url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/search.png) 10px center no-repeat;
-webkit-transition: all linear .2s;
transition: all linear .2s;
z-index: 1;
}
.header .search_form_wrap:hover {
width: 240px;
}
.header .search_form_wrap label, .header .search_form_wrap #searchsubmit {
display: block;
padding: 16px 10px;
}
.header .search_form_wrap input#s {
border: none;
width: 60%;
height: 60px;
padding: 0 10px;
font-family: 'Open Sans';
background-color: #f8f8f6;
color: #333743;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.header .search_form_wrap input#s {
font-family: 'Open Sans';
} .menu_trigger {
width: 30px;
height: 18px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/menu_trigger.png) no-repeat;
top: 50px;
right: 10px;
position: absolute;
cursor: pointer;
display: none;
}
.header nav {
float: right;
}
.header nav > ul > li {
float: left; margin-top: 18px;
position: relative;
padding-bottom: 35px;
}
.header nav > ul > li:last-child {
margin-right: 0;
}
.header nav > ul > li > a {
font-weight: 500;
letter-spacing: 2.54px;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
padding: 0 30px;
}
.header nav > ul > li.menu-item-has-children > a:after {
content: '';
border-bottom: 3px solid;
border-right: 3px solid;
transform: rotate(45deg);
display: inline-block;
box-sizing: border-box;
height: 9px;
width: 9px;
margin-left: 10px;
margin-bottom: 3px;
color: #c4d443;
}
.header nav > ul > li a, .header nav > ul > li a:visited {
color: #333743;
}
.header nav > ul > li a:hover, .header nav > ul > li:hover > a, .header nav > ul > li.current-menu-parent > a, .header nav > ul > li.current-menu-parent > a:visited, .header nav > ul > li.current-menu-item > a, .header nav > ul > li.current-menu-item > a:visited, .header nav > ul > li.current_page_parent > a, .header nav > ul > li.current_page_parent > a:visited {
color: #c4d443;
}
.header nav > ul > li > ul {
border-top: 4px solid #C4D443;
position: absolute;
top: 52px; white-space: nowrap;
min-width: 100%;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity linear .2s;
transition: opacity linear .2s;
margin-top: 10px;
padding: 10px 30px;
border-radius: 0 0 20px 20px;
-webkit-box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.07);
box-shadow: 0px 3px 12px 3px rgba(0,0,0,0.07);
}
.header nav > ul > li:hover > ul {
overflow: visible;
opacity: 1;
}
.header nav > ul > li > ul li {
padding: 15px 0;
display: block;
text-transform: uppercase;
border-bottom: 1px solid #333743;
}
.header nav > ul > li > ul li:last-child {
border-bottom: none;
}
.header nav > ul > li > ul li a:hover, .header nav > ul > li > ul li.current-menu-item a, .header nav > ul > li > ul li.current-menu-item a:visited {
color: #C4D444;
} .heading {
text-align: center;
background: #333940 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern.jpg);
padding: 90px 0;
position: relative;
z-index: 1;
}
.heading h1, .bigest_heading {
font: 700 64px/89px 'Raleway';
color: #f8f8f6;
letter-spacing: 55px;
text-transform: uppercase;
}
.single-post .heading h1 {
font: 500 48px 'Raleway';
letter-spacing: 20px;
text-transform: none;
}
.single-post .heading .date {
font: 500 91px/91px 'Raleway';
opacity: 0.03;
color: #f8f8f6;
letter-spacing: 0;
position: absolute;
top: -35px;
left: -50px;
max-width: 250px;
text-align: center;
} .content_block {
padding: 70px 95px 90px 95px;
letter-spacing: 2px;
}
.content_block p {
padding-bottom: 20px;
} .bottom_gallery {
margin: 0 0 100px 0;
}
.bottom_gallery ul li {
float: left;
font-size: 0;
line-height: 0;
margin: 0 0 20px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bottom_gallery ul li a {
display: inline-block;
position: relative;
}
.bottom_gallery ul li a:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5) url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/plus.png) center center no-repeat;
opacity: 0;
-webkit-transition: opacity linear .2s;
transition: opacity linear .2s;
}
.bottom_gallery ul li a:hover:before {
opacity: 1;
}
.bottom_gallery ul li img {
width: 100%;
}
.bottom_gallery ul.col2313 li:nth-child(2n) {
float: right;
width: 31%;
}
.bottom_gallery ul.col2313 li:nth-child(2n+1) {
clear: both;
width: 69%;
padding-right: 30px;
}
.bottom_gallery ul.col13 {
margin: 0 -15px;
}
.bottom_gallery ul.col13 li {
width: 33.33%;
padding: 0 15px;
}
.bottom_gallery ul.col1323 li:nth-child(2n) {
float: right;
width: 69%;
padding-left: 30px;
}
.bottom_gallery ul.col1323 li:nth-child(2n+1) {
clear: both;
width: 31%;
} .blog_list {
padding-bottom: 100px;
}
.blog_list article {
padding: 75px 0 0 0;
}
.blog_list article > div {
float: right;
width: 50%;
padding: 25px 60px 0 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #6A6E78;
letter-spacing: 2px;
position: relative;
}
.blog_list article > div h1 a {
color: #424755;
}
.blog_list article > div p {
padding-bottom: 30px;
}
.blog_list article > div .date {
font: 500 68px 'Raleway';
opacity: 0.03;
color: #000;
letter-spacing: 0;
position: absolute;
top: -25px;
left: -30px;
max-width: 250px;
z-index: -1;
text-align: center;
}
.blog_list article > figure {
float: left;
width: 50%;
padding: 0 20px 0 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.blog_list article:nth-of-type(2n) > div {
float: left;
padding-left: 105px;
}
.blog_list article:nth-of-type(2n) > div .date {
left: 0;
}
.blog_list article:nth-of-type(2n) > figure {
float: right;
padding: 0 0 0 20px;
}
#infscr-loading {
clear: both;
text-align: center;
padding-top: 30px;
}
.posts_navigation {
clear: both;
text-align: center;
}
.posts_navigation a, .posts_navigation a:visited {
border: 1px solid #2a352d;
border-radius: 3px;
background: #fff;
display: inline-block;
min-height: 50px;
margin: 0 auto 95px auto;
width: 196px;
color: #2a352d;
font: 500 16px/48px 'Raleway';
-webkit-transition: background-color linear .2s, color linear .2s;
transition: background-color linear .2s, color linear .2s;
}
.posts_navigation a:hover {
background: #2a352d;
color: #fff;
}
.logged-in .mobile_menu nav
.menu_trigger.active .single_block {
padding: 70px 20px 100px 60px;
letter-spacing: 2px;
}
.single_block p {
padding-bottom: 30px;
}
.single_block .ssba-wrap {
padding-bottom: 20px;
}
.single_block .ssba-wrap > div a {
vertical-align: middle;
margin-left: 7px;
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid #d3d5d8;
-webkit-transition: border-color linear .2s, background-color linear .2s;
transition: border-color linear .2s, background-color linear .2s;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/blank.gif) center top no-repeat;
}
.single_block .ssba-wrap > div a:hover {
background-color: #c5d444;
border-color: #c5d444;
background-position: center bottom;
}
.single_block .ssba-wrap > div a img {
display: none;
}
.single_block .gallery {
font-size: 0;
line-height: 0;
margin: 0 75px 0 -10px !important;
width: 55%;
float: left;
}
.single_block .gallery .gallery-item {
display: inline-block;
float: none !important;
margin: 0 0 25px 0 !important;
padding: 0 10px;
width: 33.33% !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.single_block .gallery .gallery-item:first-of-type {
width: 100% !important;
}
.single_block .gallery .gallery-item .gallery-icon a img {
border: none !important;
width: 100%;
}
.single_block .gallery br {
display: none;
} .designers_block {
color: #fff;
background: #333940 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern.jpg);
padding: 130px 0;
}
.designers_block article {
text-align: center;
}
.designers_block article blockquote {
font: 100 36px/57px 'Raleway';
max-width: 680px;
margin: 50px auto 0 auto;
}
.designers_block .designers_names {
font-size: 0;
line-height: 0;
text-align: center;
margin: 140px 0 100px 0;
}
.designers_block .designers_names li {
display: inline-block;
vertical-align: top;
width: 90px;
height: 78px;
color: #ced855;
border: 1px solid #ced855;
border-radius: 2px;
letter-spacing: 0;
font: 400 14px/75px 'Raleway';
margin: 0 42px 42px 42px;
cursor: pointer;
-webkit-transition: background-color linear .2s, color linear .2s;
transition: background-color linear .2s, color linear .2s;
}
.designers_block .designers_names li span {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
line-height: 18px;
}
.designers_block .designers_names li:hover {
background: #ced855;
color: #fff;
}
.designers_block .designers_list li {
padding: 50px 0 150px 0;
position: relative;
display: none;
}
.designers_block .designers_list li .ssba-wrap {
display: none;
}
.designers_block .designers_list li:after {
content: '';
display: block;
height: 0;
clear: both;
}
.designers_block .designers_list li:first-child, .designers_block .designers_list li:nth-child(2), .designers_block .designers_list li:nth-child(3), .designers_block .designers_list.show_all li {
display: block;
}
.designers_block .designers_list li > span {
position: absolute;
top: -10px;
left: -50px;
font: 500 200px 'Raleway';
opacity: 0.05;
}
.designers_block .designers_list li figure {
position: relative;
z-index: 1;
}
.designers_block .designers_list li figure > div {
float: left;
width: 50%;
padding: 70px 100px 70px 50px;
font-size: 0;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.designers_block .designers_list li:nth-child(2n) figure > div {
float: right;
padding-left: 150px;
}
.designers_block .designers_list li figure > div span {
display: inline-block;
position: relative;
}
.designers_block .designers_list li figure > div span img {
z-index: 1;
position: relative;
}
.designers_block .designers_list li figure > div span:before {
content: '';
display: block;
width: 100%;
height: 100%;
border: 4px solid #c4d443;
position: absolute;
top: -25px;
left: -25px;
}
.designers_block .designers_list li figure > div + figcaption {
float: left;
width: 50%;
}
.designers_block .designers_list li figure figcaption h1 {
color: #fff;
padding-bottom: 0;
}
.designers_block .designers_list li figure figcaption h1 + p {
color: #ced855;
letter-spacing: 0;
font-weight: 400;
}
.designers_block .designers_list li figure figcaption p {
padding-bottom: 20px;
letter-spacing: 2px;
}
.designers_block .load_more {
text-align: center;
}
.designers_block.collectie_designers_block {
background: #f8f8f6;
color: #7d808a;
padding: 100px 0 0 0;
margin-bottom: 0;
}
.designers_block.collectie_designers_block li figure figcaption h1 {
color: #a2a7b1;
} #contact_map {
height: 460px;
}
.contact_heading {
min-height: 460px;
}
.contact_block {
text-align: center;
color: #6A6E78;
letter-spacing: 2px;
padding: 125px 0;
}
.contact_block p {
padding-bottom: 40px;
}
.contact_block h1 {
color: #000;
margin-bottom: 45px;
}
.contact_block ul li {
display: inline-block;
vertical-align: top;
text-align: left;
padding: 0 54px 35px 54px;
}
.contact_block ul li a, .contact_block ul li a:visited {
font-weight: bold;
text-decoration: underline;
color: #424755;
}
.contact_block ul li a:hover {
color: #c4d443;
}
.contact_block ul li:first-child {
font-weight: 500;
font-size: 23px;
color: #000;
}
.dealers_block {
color: #fff;
background: #333940 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern.jpg);
padding: 100px 0 80px 0;
}
.dealers_block .bigest_heading {
text-align: center;
}
.dealers_block .dealers_list > li {
padding-bottom: 45px;
}
.dealers_block .dealers_list > li h1 {
text-align: center;
color: #fff;
padding: 70px 0 100px 0;
}
.dealers_block .dealers_list > li ul {
position: relative;
font-size: 0;
line-height: 0;
text-align: left;
} .dealers_block .dealers_list > li ul li {
display: inline-block;
vertical-align: top;
width: 33.33%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 75px 25px 125px;
font-size: 14px;
line-height: 20px;
text-align: left;
}
.dealers_block .dealers_list > li ul:before, .dealers_block .dealers_list > li ul:after {
content: '';
display: block;
width: 2px;
height: 100%;
background: #707479;
position: absolute;
top: 0;
left: 33.33%;
}
.dealers_block .dealers_list > li ul:after {
left: 66.66%;
}
.dealers_block .dealers_list > li ul:nth-child(3n+1) {
clear: both;
}
.dealers_block .dealers_list > li ul li p {
letter-spacing: 2px;
padding-bottom: 20px;
}
.dealers_block .dealers_list > li ul li h4 {
min-height: 47px;
}
.contact_content {
text-align: center;
max-width: 960px;
margin: 0 auto 110px auto;
}
.contact_content h1 {
font: 700 64px/89px 'Raleway';
color: #fff;
letter-spacing: 55px;
text-transform: uppercase;
padding-bottom: 60px;
}
.pr_wrap {
max-width: 1020px;
display: flex;
margin: 0 auto;
}
.pr_wrap > div {
flex: 1;
padding: 0 90px 0 50px;
position: relative;
}
.pr_wrap > div:nth-child(2):before {
content: '';
display: block;
width: 2px;
height: 100%;
background: #73787c;
position: absolute;
top: 25px;
left: -10px;
}
.pr_wrap h1 {
color: #fff;
text-align: center;
margin-bottom: 20px;
}
.pr_wrap .pr_list > li > ul > li {
display: flex;
align-items: baseline;
position: relative;
padding: 0 0 15px 30px;
}
.pr_wrap .pr_list > li > ul > li > span {
position: absolute;
top: -12px;
left: 0;
font-size: 10px;
}
.pr_wrap .pr_list > li > ul > li h4 {
padding: 0 15px 10px 0;
width: 105px;
}
.pr_wrap .pr_list > li > ul > li p {
flex: 1;
padding: 0 15px 10px 0;
}
.pr_wrap .pr_list > li > ul > li .link {
display: block;
width: 25px;
height: 25px;
font-size: 0;
line-height: 0;
background: transparent;
border: 1px solid #929599;
text-align: center;
transition: background-color linear .2s;
}
.pr_wrap .pr_list > li > ul > li .link:hover {
background: #9297a3;
}
.pr_wrap .pr_list > li > ul > li .link:before {
content: '>';
color: #fff;
font: 300 12px/24px 'Raleway';
} .projecten_block {
color: #f8f8f6;
background: #333940 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern.jpg);
padding: 130px 0 20px 0;
}
.projecten_block .bigest_heading {
text-align: center;
margin-bottom: 30px;
}
.projecten_block .filter_wrap p {
max-width: 1000px;
margin: 0 auto 60px auto;
text-align: center;
}
.projecten_block .filter_wrap ol {
margin-bottom: 17px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.projecten_block .filter_wrap ol li {
margin: 0 17px 17px 0;
}
.projecten_block .filter_wrap ol li a, .projecten_block .filter_wrap ol li a:visited {
display: block;
border: 1px solid #fff;
color: #fff;
border-radius: 3px;
min-width: 90px;
padding: 5px 17px;
font-size: 16px;
text-align: center;
box-sizing: border-box;
transition: all linear .2s;
}
.projecten_block .filter_wrap ol li a:hover, .projecten_block .filter_wrap ol li a.selected, .projecten_block .filter_wrap ol li a.selected:visited {
color: #31373e;
background: #fff;
}
.projecten_block .projecten_list {
margin: 0 -20px;
}
.projecten_block ul {
margin: 0 -20px;
font-size: 0;
line-height: 0;
}
.projecten_block .project_items + ul {
display: none;
}
.projecten_block ul li {
display: inline-block;
vertical-align: top;
width: 33.33%;
padding: 0 20px 70px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.projecten_block ul li.highligted:first-child {
width: 66.66%;
}
.projecten_block ul li figure > div {
position: relative;
margin-bottom: 30px;
}
.projecten_block ul li figure > div .link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.projecten_block ul li figure > div .button {
position: absolute;
bottom: -10px;
right: 13px;
z-index: 2;
display: none;
}
.projecten_block ul li figure figcaption p {
letter-spacing: 2px;
font-weight: 400;
padding-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.projecten_block ul li figure figcaption .title_address p:first-child {
font: 300 24px 'Raleway';
letter-spacing: 1.14px;
}
.projecten_block ul li figure figcaption div.excerpt {
display: none;
}
.projecten_block ul li figure figcaption {
position: relative;
padding-right: 45px;
}
.projecten_block ul li figure figcaption .link {
position: absolute;
top: -2px;
right: 0;
display: block;
width: 33px;
height: 33px;
z-index: 1;
background: #c7d351;
border-radius: 4px;
text-align: center;
transition: background-color linear .2s;
}
.projecten_block ul li figure figcaption .link:hover {
background: #9297a3;
}
.projecten_block ul li figure figcaption .link:before {
content: '>';
color: #fff;
font: 500 16px/29px 'Raleway';
}
.projecten_block ul li:first-child figure figcaption div {
display: inline-block;
vertical-align: top;
width: 30%;
padding-right: 3%;
}
.projecten_block ul li:first-child figure figcaption div.excerpt {
display: inline-block;
width: 67%;
padding-right: 0;
}
.projecten_block ul li.hide_excerpt:first-child figure figcaption div {
display: block;
width: auto;
padding-right: 0;
}
.projecten_block ul li.hide_excerpt:first-child figure figcaption div.excerpt {
display: none;
}
.projecten_block .project_home_content {
text-align: center;
margin: -20px auto 50px auto;
max-width: 1040px;
}
.projecten_block .project_home_content h1 {
color: #fff;
}
.projecten_block.projecten_block_home {
margin-bottom: 0;
}
.projecten_block.projecten_block_home ul li.highligted:first-child {
width: 33.33%;
}
.projecten_block.projecten_block_home ul li:first-child figure figcaption div {
display: block;
width: auto;
padding-right: 0;
}
.projecten_block.projecten_block_home ul li:first-child figure figcaption div.excerpt {
display: none;
} .project_slider {
font-size: 0;
line-height: 0;
position: relative;
}
.project_slider .project_slider_wrap {
position: relative;
background: #fff;
}
.project_slider .button {
position: absolute;
top: -42px;
left: 0;
z-index: 100;
}
.project_slider ul li figure {
min-height: 500px;
background-size: auto 100%;
}
.project_slider .bx-prev, .project_slider .bx-next {
position: absolute;
top: 50%;
margin-top: -34px;
right: 0;
width: 99px;
height: 68px;
display: block;
background: #fff url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/next.png) center center no-repeat;
z-index: 1000;
}
.project_slider .bx-prev {
right: auto;
left: 0;
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/prev.png);
}
.project_slider .pagerwrap {
padding: 35px 70px 27px 70px;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -10;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.project_slider.showpager .pagerwrap {
position: relative;
z-index: 100;
}
.project_slider #bx-pager li {
margin: 0 0 8px 0;
}
.project_slider #bx-pager li a {
display: inline-block;
width: 180px;
min-height: 180px;
}
.project_slider .disabled {
opacity: .3;
}
.project_slider1 {
font-size: 0;
line-height: 0;
position: relative;
}
.project_slider1 .project_slider_wrap {
position: relative;
background: #fff;
}
.project_slider1 .button {
position: absolute;
top: -42px;
left: 0;
z-index: 100;
}
.project_slider1 ul li {
max-height: 500px;
width: auto !important;
padding-right: 4px;
}
.project_slider1 ul li img {
max-height: 500px;
width: auto;
}
.project_slider1 .bx-prev, .project_slider1 .bx-next {
position: absolute;
top: 50%;
margin-top: -34px;
right: 0; padding: 30px 30px !important;
display: block;
background: #fff url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/next.png) center center no-repeat;
z-index: 1000;
margin: 10px;
border-radius: 5px;
}
.project_slider1 .bx-prev {
right: auto;
left: 0;
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/prev.png);
}
.project_slider1 .pagerwrap {
padding: 35px 70px 27px 70px;
text-align: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -10;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.project_slider1.showpager .pagerwrap {
position: relative;
z-index: 100;
}
.project_slider1 #bx-pager li {
margin: 0 0 8px 0;
}
.project_slider1 #bx-pager li a {
display: inline-block;
width: 180px;
min-height: 180px;
}
.project_slider1 .disabled {
opacity: .3;
} .single_project {
color: #f8f8f6;
background: #333940 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern.jpg);
padding: 130px 0 20px 0;
}
.single_project .bigest_heading {
text-align: center;
margin-bottom: -30px;
font-size: 45px;
}
.single_project h2 {
color: #f8f8f6;
}
.single_project .single_block .ssba-wrap {
display: none;
}
.single_project .single_block .gallery {
margin: 0 0 30px 30px !important;
width: 31%;
float: right;
}
.single_project .single_block .gallery .gallery-item {
margin: 0 0 1px 0 !important;
padding: 0 1px 0 0;
} .gebruikte_producten {
padding: 110px 0;
text-align: center;
}
.gebruikte_producten_slider {
font-size: 0;
line-height: 0;
margin-top: 60px;
padding: 0 70px;
position: relative;
}
.gebruikte_producten .bx-prev, .gebruikte_producten .bx-next {
position: absolute;
top: 50%;
margin-top: -34px;
right: 0;
width: 99px;
height: 68px;
display: block;
background: #fff url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/next.png) center center no-repeat;
z-index: 100;
}
.gebruikte_producten .bx-prev {
right: auto;
left: 0;
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/prev.png);
}
.gebruikte_producten .disabled {
display: none;
}
.gebruikte_producten .disabled {
opacity: .3;
} .collectie_slider {
font-size: 0;
line-height: 0;
position: relative;
}
.collectie_slider ul li.imagevideo .main_image, .collectie_slider ul li.imagevideo .video_image, .collectie_slider ul li.imagetext .main_image, .collectie_slider ul li.imagetext .text_field_center {
float: left;
width: 50%;
position: relative;
}
.collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
min-height: 735px;
}
.collectie_slider ul li .video_image {
float: left;
width: 50%;
}
.collectie_slider ul li .video_image .text_field_center {
width: 100%;
}
.collectie_slider ul li.imagetext .text_field {
left: 50%;
margin-left: -200px;
}
.collectie_slider ul li .text_field {
position: absolute;
bottom: 15%;
left: 20%;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
width: 480px;
z-index: 2;
}
.collectie_slider ul li .text_field:before {
content: '';
display: block;
width: 100%;
height: 100%;
border: 4px solid #c4d443;
position: absolute;
top: -25px;
left: -25px;
}
.collectie_slider ul li .text_field > div {
background: #fff;
padding: 40px 40px 20px 40px;
box-shadow: rgba(0, 0, 0, .19) 0 0 14px 0;
position: relative;
z-index: 1;
}
.collectie_slider ul li .text_field p {
padding-bottom: 20px;
letter-spacing: 2px;
}
.collectie_slider ul li .text_field strong {
font: 37px 'Raleway';
}
.collectie_slider ul li .text_field .button, .collectie_slider ul li .text_field .button:visited {
background: #fff;
border-color: #3b3b3b;
color: #3b3b3b;
}
.collectie_slider ul li .text_field .button:hover {
color: #fff;
background: #3b3b3b;
border-color: #3b3b3b;
}
.collectie_slider ul li .fancybox {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: -70px;
width: 100px;
}
.collectie_slider ul li .fancybox, .collectie_slider ul li .fancybox:visited {
margin-left: -27px;
font-size: 0;
line-height: 0;
padding: 0;
height: 55px;
width: 55px;
border: none;
border-radius: 50%;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/play.png) center top no-repeat;
}
.collectie_slider ul li .fancybox:hover {
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/play.png) center bottom no-repeat;
}
.collectie_slider ul li.fullwidth .text_field, .collectie_slider ul li.fullwidth .video_image, .collectie_slider ul li.fullwidthtext .video_image, .collectie_slider ul li.imagevideo .fullwidthtext, .collectie_slider ul li.imagetext .imagevideo, .collectie_slider ul li.imagetext .button.fancybox {
display: none !important;
}
.collectie_slider ul li .fullvideo_text, .collectie_slider ul li.fullvideo .text_field {
display: none !important;
}
.collectie_slider ul li.fullvideo .fullvideo_text {
display: block !important;
position: absolute;
top: 60%;
left: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin-left: -140px;
width: 280px;
font: 500 20px 'Raleway';
color: #fff;
text-align: center;
}
.collectie_slider .bx-pager {
position: absolute;
bottom: 32px;
left: 0;
width: 100%;
z-index: 101;
text-align: center;
}
.collectie_slider .bx-pager .bx-pager-item {
display: inline-block;
vertical-align: middle;
padding: 0 7px;
}
.collectie_slider .bx-pager .bx-pager-item .bx-pager-link, .collectie_slider .bx-pager .bx-pager-item .bx-pager-link:visited {
display: block;
width: 8px;
height: 8px;
background: #9095a1;
border-radius: 50%;
position: relative;
-webkit-transition: background-color linear .2s;
transition: background-color linear .2s;
}
.collectie_slider .bx-pager .bx-pager-item .bx-pager-link:before {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
position: absolute;
top: -2px;
left: -2px;
border: 1px solid transparent;
-webkit-transition: border-color linear .2s;
transition: border-color linear .2s;
}
.collectie_slider .bx-pager .bx-pager-item .bx-pager-link:hover, .collectie_slider .bx-pager .bx-pager-item .active, .collectie_slider .bx-pager .bx-pager-item .active:visited {
background: #c5d444;
}
.collectie_slider .bx-pager .bx-pager-item .bx-pager-link:hover:before, .collectie_slider .bx-pager .bx-pager-item .active:before {
border-color: #c5d444;
} .specificaties_block {
color: #f8f8f6;
background: #333940 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern.jpg);
padding: 120px 0;
text-align: center;
}
.specificaties_block .bigest_heading {
font: 700 45px 'Raleway';
letter-spacing: 30px;
margin: -30px 0 40px 0;
}
.specificaties_block .specificaties_block__description {
margin-bottom: 30px;
}
.btn-request-product {
margin: 15px 0 30px 0;
display: inline-block;
background: #C4D443;
border-radius: 6px;
font: normal normal bold 20px/24px Raleway;
letter-spacing: 0;
color: #fff !important;
text-transform: uppercase;
padding: 16px 33px;
}
.btn-request-product:hover {
background: #9297a3;
border-color: #9297a3;
}
.specificaties_block h1 {
color: #f8f8f6;
margin-bottom: 70px;
}
.specificaties_block ul {
font-size: 0;
line-height: 0;
}
.specificaties_block ul li {
position: relative;
width: 33.33%;
display: inline-block;
vertical-align: top;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
text-align: left;
padding: 0 50px 35px 75px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.specificaties_block ul li:before {
content: '';
display: block;
width: 41px;
height: 41px;
border: 1px solid #f7f6f4;
position: absolute;
top: 0;
left: 0;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/blank.gif) center center no-repeat;
}
.specificaties_block ul li.materiaal:before {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/materiaal.png);
}
.specificaties_block ul li.afmetingen:before {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/afmetingen.png);
}
.specificaties_block ul li.downloads:before {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/downloads.png);
}
.specificaties_block ul li.downloads p {
padding-bottom: 10px;
}
.specificaties_block ul li.downloads p a, .specificaties_block ul li.downloads p a:visited {
color: #f8f8f6;
}
.specificaties_block ul li.downloads p a:before {
content: '';
display: inline-block;
vertical-align: middle;
width: 41px;
height: 41px;
border: 1px solid #f7f6f4;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/chair.png) center center no-repeat;
margin-right: 15px;
-webkit-transition: border-color linear .2s, background-color linear .2s;
transition: border-color linear .2s, background-color linear .2s;
}
.specificaties_block ul li.downloads p a:hover:before {
border-color: #c4d443;
background-color: #c4d443;
}
.specificaties_block ul li.downloads p a:hover {
color: #c4d443;
}
.photogallery {
font-size: 0;
line-height: 0;
position: relative;
}
.photogallery .button {
position: absolute;
top: -25px;
margin-left: -65px;
left: 50%;
}
.photogallery ul {
text-align: center;
padding: 70px 20px;
display: none;
}
.photogallery ul li {
display: inline-block;
vertical-align: middle;
margin: 5px;
}
.nl .en_trans, .en .nl_trans {
display: none;
}
.en .en_trans {
display: block;
} .collectie_block {
padding: 130px 0 20px 0;
}
.collectie_block ul {
margin: 0 -20px;
font-size: 0;
line-height: 0;
}
.collectie_block ul li {
display: inline-block;
vertical-align: top;
width: 33.33%;
padding: 0 20px 70px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.collectie_block ul li.test {
background: #ef0;
width: 50%;
}
.collectie_block ul li figure > div {
position: relative;
margin-bottom: 30px;
border: 2px solid #fbfbf9;
}
.collectie_block ul li figure > div .link {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
z-index: 1;
}
.collectie_block ul li figure > div .button {
position: absolute;
bottom: -10px;
right: 13px;
z-index: 2;
display: none;
}
.collectie_block ul li figure figcaption p {
letter-spacing: 2px;
font-weight: 400;
padding-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
.collectie_block ul li figure figcaption p:first-child {
font: 300 24px 'Raleway';
letter-spacing: 1.14px;
}
.collectie_block ul li figure figcaption {
position: relative;
padding-right: 45px;
}
.collectie_block ul li figure figcaption .link {
position: absolute;
top: -2px;
right: 0;
display: block;
width: 33px;
height: 33px;
z-index: 1;
background: #c7d351;
border-radius: 4px;
text-align: center;
transition: background-color linear .2s;
}
.collectie_block ul li figure figcaption .link:hover {
background: #9297a3;
}
.collectie_block ul li figure figcaption .link:before {
content: '>';
color: #fff;
font: 500 16px/29px 'Raleway';
}
.collectie_filter .filter_wrap ol {
margin: -65px 0 55px 0;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.collectie_filter .filter_wrap ol li {
margin: 0 11px 11px 11px;
}
.collectie_filter .filter_wrap ol li a, .projecten_block .filter_wrap ol li a:visited {
display: block;
border: 1px solid #4d505c;
color: #4d505c;
border-radius: 2px;
min-width: 102px;
padding: 5px 17px;
font-size: 14px;
text-align: center;
box-sizing: border-box;
transition: all linear .2s;
}
.collectie_filter .filter_wrap ol li a:hover, .projecten_block .filter_wrap ol li a.selected, .projecten_block .filter_wrap ol li a.selected:visited {
color: #fff;
background: #4d505c;
}
.collectie_filter {
min-height: 600px;
}
.collectie_filter #uwpqsf_id {
border: none;
margin: -65px 0 55px 0;
line-height: 0;
font-size: 0;
text-align: center;
}
.collectie_filter #uwpqsf_id .uwpqsf_class label {
float: none;
width: auto;
display: inline-block;
min-width: 102px;
border: 1px solid #4d505c;
border-radius: 2px;
margin: 0 11px 11px 11px;
text-align: center;
line-height: 33px;
font-size: 14px;
cursor: pointer;
-webkit-transition: color linear .2s, background-color linear .2s;
transition: color linear .2s, background-color linear .2s;
}
.collectie_filter #uwpqsf_id .uwpqsf_class label:hover, .collectie_filter #uwpqsf_id .uwpqsf_class label.active {
color: #fff;
background: #4d505c;
}
.collectie_filter #uwpqsf_id .uwpqsf_class label input {
display: none;
}
.collectie_filter #uwpqsf_id .uform_title, .collectie_filter #uwpqsf_id .uwpqsf_class > span {
display: none;
}
.filter {
width: 65%;
}
@media only screen and (max-width: 959px) {
.filter {
width: 100%;
}
.filter li {
max-width: 36.5%
}
} .collectie_dealers {
color: #f8f8f6;
background: #8a8d90 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern2.jpg);
padding: 80px 0;
text-align: center;
letter-spacing: 2px;
font-weight: 500;
}
.collectie_dealers h1 {
color: #f8f8f6;
padding-bottom: 25px;
} .vakmanschap_block {
color: #fff;
background: #333940 url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/pattern.jpg);
padding: 110px 0;
}
.vakmanschap_block h1 {
text-align: center;
padding-bottom: 100px;
}
.vakmanschap_block .designers_list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px;
}
.vakmanschap_block .designers_list li {
flex: 1 0 280px;
min-width: 25%;
padding: 0 15px 70px 15px;
box-sizing: border-box;
}
.vakmanschap_block .designers_list li figure > div {
min-height: 310px;
}
.vakmanschap_block .designers_list li figure figcaption {
padding: 20px;
}
.vakmanschap_block .designers_list li figure figcaption h5 {
font: 36px 'Raleway';
min-height: 90px;
}
.vakmanschap_content {
padding: 120px 0 0 0;
}
.vakmanschap_content > ul > li {
padding: 0 0 190px 0;
position: relative;
}
.vakmanschap_content > ul > li .fullwidth_heading {
position: absolute;
top: -90px;
left: 0;
color: #c2c2c2;
font: 700 300px 'Raleway';
opacity: .11;
white-space: nowrap;
display: none;
}
.vakmanschap_content > ul > li figure {
display: flex;
}
.vakmanschap_content > ul > li figure figcaption {
flex: 1;
padding-top: 15px;
}
.vakmanschap_content > ul > li figure figcaption p {
padding-bottom: 20px;
}
.vakmanschap_content > ul > li figure figcaption blockquote {
font: 300 36px/57px 'Raleway';
}
.vakmanschap_content > ul > li figure > div {
min-height: 340px;
width: 37%;
margin-left: 90px;
position: relative;
}
.vakmanschap_content > ul > li figure > div:before {
content: '';
display: block;
width: 100%;
height: 100%;
border: 3px solid #cfdb44;
position: absolute;
top: -25px;
left: -25px;
z-index: -1;
}
.vakmanschap_content > ul > li.center_content {
text-align: center;
}
.vakmanschap_content > ul > li.center_content .fullwidth_heading {
letter-spacing: 130px;
}
.vakmanschap_content > ul > li.center_content:first-child .fullwidth_heading {
display: block;
}
.vakmanschap_content > ul > li.center_content h1 {
font: 700 64px 'Raleway';
letter-spacing: 28px;
}
.vakmanschap_content > ul > li.center_content blockquote {
max-width: 710px;
margin: 30px auto;
}
.vakmanschap_content > ul > li.center_content p {
max-width: 1000px;
margin: 0 auto;
}
.vakmanschap_content > ul > li.center_content figure {
display: block;
}
.vakmanschap_content > ul > li.center_content figure > div {
width: 100%;
margin-left: 0;
}
.vakmanschap_content > ul > li.content_right_image_left figure > div {
order: -1;
margin: 0 130px 0 0;
}
.vakmanschap_content > ul > li.small_content_left_image_right figure figcaption {
padding-top: 30px;
}
.vakmanschap_content > ul > li.small_content_left_image_right figure > div {
min-height: 540px;
width: 65%;
margin-left: 60px;
}
.vakmanschap_content > ul > li.small_content_left_image_right figure > div:before {
top: -40px;
left: -40px;
}
.vakmanschap_content > ul > li.small_content_right_image_left figure figcaption {
padding-top: 30px;
}
.vakmanschap_content > ul > li.small_content_right_image_left figure > div {
order: -1;
min-height: 540px;
width: 65%;
margin: 0 40px 0 0;
}
.vakmanschap_content > ul > li.small_content_right_image_left figure > div:before {
top: -40px;
left: -40px;
}
.vakmanschap_content > ul > li.small_content_right_image_left .fullwidth_heading {
display: block;
} .product_cat_links {
float: left;
width: 32%;
padding: 70px 0;
}
.product_cat_links h1 {
color: #7d808a;
}
.product_cat_links ul {
padding: 10px 0 0 0;
display: inline;
font-size: 0;
line-height: 0;
}
.product_cat_links ul li {
display: inline-block;
vertical-align: top;
width: 84px;
text-align: center;
margin: 0 22px 24px 0;
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
}
.product_cat_links ul li a, .product_cat_links ul li a:visited {
color: #6A6E78;
}
.product_cat_links ul li a span {
display: block;
width: 82px;
height: 82px;
border: 1px solid #f7f6f4;
background: #f7f6f4 url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/fauteauls.jpg) center top no-repeat;
background-size: 82px auto;
margin-bottom: 5px;
-webkit-transition: border linear .2s;
transition: border linear .2s;
}
.product_cat_links ul li a:hover span, .product_cat_links ul li:hover a span, .product_cat_links ul li.highlighted a span {
border-color: #c4d443;
background-position: center bottom;
}
.product_cat_links ul li.Stoelen a span, .product_cat_links ul li.Chairs a span, .product_cat_links ul li.Chaises a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/stoelen.jpg) !important;
}
.product_cat_links ul li.Tafels a span, .product_cat_links ul li.Tables a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/tafels.jpg) !important;
}
.product_cat_links ul li.Fauteauls a span, .product_cat_links ul li.Armchairs a span, .product_cat_links ul li.empilables a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/fauteauls.jpg) !important;
}
.product_cat_links ul li.Banken a span, .product_cat_links ul li.Couches a span, .product_cat_links ul li.Sofa a span, .product_cat_links ul li.Canapés a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/banken.jpg) !important;
}
.product_cat_links ul li.Statafels a span, .product_cat_links ul li.Standing a span, .product_cat_links ul li.hautes a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/statafels.jpg) !important;
}
.product_cat_links ul li.Accessoires a span, .product_cat_links ul li.Accessories a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/accessoires.jpg) !important;;
}
.product_cat_links ul li.Barkrukken a span, .product_cat_links ul li.Barstools a span, .product_cat_links ul li.Barstool a span, .product_cat_links ul li.bar a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/barkrukken.jpg) !important;
}
.product_cat_links ul li.Salontafels a span, .product_cat_links ul li.Coffee a span, .product_cat_links ul li.basses a span {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/kleine.jpg) !important;
}
.product_cat_links > div {
display: inline-block;
vertical-align: top;
width: 84px;
text-align: center;
margin: 0 22px 24px 0;
letter-spacing: 1px;
font-size: 14px;
line-height: 20px;
}
.product_cat_links > div a, .product_cat_links > div a:visited {
color: #6A6E78;
display: block;
width: 82px;
height: 62px;
padding-top: 20px;
border: 1px solid #f7f6f4;
background: #f7f6f4;
}
.product_cat_links > div a:hover {
color: #c4d443;
}
.product_cat_slider {
float: right;
width: 68%;
padding: 70px 0 70px 45px;
font-size: 0;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #f8f8f6;
}
.product_cat_slider:before {
content: '';
display: block;
width: 200%;
height: 100%;
background: #f8f8f6;
position: absolute;
top: 0;
left: 32%;
}
.product_cat_slider li {
min-height: 470px;
} .slideup {
position: fixed;
bottom: 30px;
right: 30px;
width: 40px;
height: 40px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/arrow_up.png) no-repeat;
background-size: 40px 40px;
cursor: pointer;
z-index: 999;
}
.footer {
background: #f8f8f6;
margin-top: 0;
position: relative;
padding: 50px 0 20px 0;
}
.footer .logo {
float: left;
display: block;
width: 230px;
height: 64px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/logo.png) no-repeat;
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/logo.svg), none;
background-size: 230px 64px;
font-size: 0;
line-height: 0;
margin: 0 115px 20px 0;
}
.footer .social_list {
float: right;
font-size: 0;
line-height: 0;
}
.footer .social_list li {
float: left;
margin: 20px 14px 0 0;
}
.footer .social_list li:last-child {
margin-right: 0;
}
.footer .social_list li a {
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
border: 1px solid #d3d5d8;
-webkit-transition: border-color linear .2s, background-color linear .2s;
transition: border-color linear .2s, background-color linear .2s;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/blank.gif) center top no-repeat;
}
.footer .social_list li a:hover {
background-color: #c5d444;
border-color: #c5d444;
background-position: center bottom;
}
.footer .social_list li .pinterest {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/pinterest.png);
}
.footer .social_list li .email {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/email.png);
}
.footer .social_list li .facebook {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/facebook.png);
}
.footer .social_list li .linkedin {
background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/linkedin-4.png);
}
.footer .social_list li .instagram {
background-image: url(//spoinq.nl/wp-content/themes/Spoinq/images/icons/instagram.png);
}
.footer .signup_wrap {
background: #f8f8f6;
position: absolute;
bottom: 100%;
left: 190px;
width: 685px;
margin-bottom: 85px;
border-radius: 7px;
padding: 15px 95px 15px 30px;
display: none;
}
.footer .signup_wrap:after {
content: '';
left: 100%;
top: 50%;
border: solid transparent;
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-left-color: #f8f8f6;
border-width: 7px;
margin-top: -7px;
}
.footer .signup_wrap:before {
content: '';
position: absolute;
top: -10px;
left: 100%;
display: block;
width: 96px;
height: 160px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/demo/spoinq.png) no-repeat;
background-size: 96px 160px;
font-size: 0;
line-height: 0;
margin-left: 30px;
}
.footer .signup_wrap label {
color: #333743;
letter-spacing: 2px;
font: 20px 'Raleway' !important;
padding: 0 !important;
margin: 0 !important;
display: inline;
}
.footer .signup_wrap input[type="text"] {
margin: -6px 10px 0 10px;
padding: 0;
width: 270px !important;
height: 35px;
letter-spacing: 2px;
font: 20px 'Raleway';
color: #b5bf42;
border: none;
background: transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.footer .signup_wrap .gform_wrapper {
margin: 0;
max-width: 100%;
}
.footer .signup_wrap .gform_wrapper .gform_footer {
margin: 0;
padding: 0;
}
.footer .signup_wrap .gfield {
margin: 0;
}
.footer .signup_wrap .gfield_error {
margin: 0 -5px !important;
background: none !important;
border: none !important;
}
.footer .signup_wrap .gfield_error input[type="text"] {
margin-left: 5px;
margin-right: 0;
}
.footer .signup_wrap .gfield_error .validation_message {
display: none;
}
.footer .signup_wrap .gfield div {
display: inline;
}
.footer .signup_wrap .button {
height: 35px;
background: #c4d443;
color: #fff;
font: 500 20px 'Raleway' !important;
border: none;
border-radius: 5px;
min-width: 65px;
text-align: center;
position: absolute;
top: 15px;
right: 15px;
-webkit-transition: background-color linear .2s, border-color linear .2s;
transition: background-color linear .2s, border-color linear .2s;
padding: 0;
text-transform: uppercase;
}
.footer .signup_wrap .gfield_error .button {
top: auto;
bottom: 15px;
}
.footer .signup_wrap .gform_validation_error .button {
top: auto;
bottom: 25px;
}
.footer .signup_wrap .button:hover {
color: #fff;
background: #9297a3;
border-color: #9297a3;
}
.footer .signup_wrap .error {
display: block;
font-size: 13px;
} .footer nav {
float: left;
}
.footer nav ul li {
float: left;
font-size: 10px;
font-weight: 500;
letter-spacing: 1.81px;
text-transform: uppercase;
margin: 25px 40px 25px 0;
}
.footer nav ul li a, .footer nav ul li a:visited {
color: #333743;
}
.footer nav ul li a:hover {
color: #c4d443;
}
.footer nav ul li ul {
display: none;
}
.powered {
text-align: right;
color: #c4c2c2;
padding: 15px 0;
font-size: 12px;
font-weight: 500;
}
#gform_2 label {
font-size: 14px !important;
}
#gform_2 .ginput_complex span label {
font-size: 11px !important;
}
.contact_block #gform_2 ul li:first-child {
color: #6A6E78 !important;
}
.contact_block #gform_2 ul li {
display: block;
padding: 0 0 20px 0;
}
@media only screen and (min-width: 960px) {
#menu-item-5313 {
display: none !important;
}
}  @media only screen and (min-width: 960px) and (max-width: 1330px) {
.wrapper, .footer .wrapper, .powered .wrapper {
width: 960px!important;
}  .header nav > ul > li {
margin-right: 15px;
} .heading h1, .bigest_heading {
font-size: 54px;
line-height: 79px;
letter-spacing: 40px;
}
.single-post .heading .date {
left: 0;
} .single_block {
padding: 70px 10px 100px 10px;
} .designers_block .designers_names li {
margin: 0 32px 32px 32px;
} .dealers_block .dealers_list > li ul li {
padding: 20px 45px 25px 75px;
}
.contact_content h1 {
font-size: 54px;
line-height: 79px;
letter-spacing: 40px;
} .projecten_block ul li figure > div {
min-height: 280px;
} .single_project .single_block .gallery {
width: 40%;
} .project_slider ul li figure {
min-height: 430px;
} .collectie_block ul li figure > div {
min-height: 280px;
} .collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
min-height: 500px;
}
.collectie_slider ul li .text_field {
font-size: 13px;
line-height: 18px;
width: 400px;
}
.collectie_slider ul li .text_field:before {
top: -15px;
left: -15px;
}
.collectie_slider ul li .text_field > div {
padding: 25px 25px 10px 25px;
}
.collectie_slider ul li .text_field p {
padding-bottom: 15px;
}
.collectie_slider ul li .text_field strong {
font-size: 23px;
} .product_cat_links {
width: 40%;
}
.product_cat_slider {
width: 60%;
}
.product_cat_slider:before {
left: 40%;
} .footer .logo {
margin-right: 30px;
}
.footer .signup_wrap {
left: 0;
} .footer nav ul li {
margin-right: 20px;
}
.footer nav ul li:last-child {
margin-right: 0;
}
} @media only screen and (max-width: 959px) {
.contactHeader {
right: 11px;
}
.wrapper { -webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mobile_menu {
display: block !important;
} .header { }
.header .lng_wrap {
padding-right: 10px;
padding-left: 70px;
}
.header .wrapper {
padding-bottom: 25px;
}
.header nav > ul > li > a {
padding: 0;
}
.header nav > ul > li.menu-item-has-children > a:after {
content: unset;
} .menu_trigger {
right: 0px; display: block;
}
.header nav {
float: none;
position: absolute;
top: 100%;
left: 0;
margin-top: 10px;
width: 100%;
background: #fff;
padding: 25px 15px 0 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: none;
}
.header nav > ul > li {
float: none;
margin: 0;
padding-bottom: 15px;
}
.header nav > ul > li > ul {
opacity: 1;
width: auto;
position: static;
padding-left: 15px;
white-space: normal;
}
.header nav > ul > li > ul li {
padding: 5px 0;
display: block;
}
.header nav > ul > li > ul li:first-child {
padding-left: 0;
} .heading {
padding: 60px 0;
}
.heading h1, .bigest_heading {
font-size: 44px;
line-height: 69px;
letter-spacing: 30px;
}
.single-post .heading .date {
left: 0;
}  .content_block {
padding: 50px 0 70px 0;
} .blog_list {
padding-bottom: 70px;
}
.blog_list article {
padding-top: 55px;
}
.blog_list article > div {
float: none;
width: auto;
padding: 25px 20px 0 20px;
}
.blog_list article > div .date {
top: -25px;
left: -40px;
}
.blog_list article > figure {
float: none;
width: auto;
padding: 0 20px;
}
.blog_list article:nth-of-type(2n) > div {
float: none;
padding-left: 20px;
}
.blog_list article:nth-of-type(2n) > div .date {
left: -40px;
}
.blog_list article:nth-of-type(2n) > figure {
float: none;
padding: 0 20px;
}
.posts_navigation a, .posts_navigation a:visited {
margin-bottom: 75px;
} .single_block {
padding: 50px 0 30px 0;
}
.single_block .gallery {
margin: 0 auto !important;
width: auto;
max-width: 600px;
float: none;
} .designers_block {
padding: 70px 0;
}
.designers_block article blockquote {
font-size: 30px;
line-height: 50px;
margin-top: 30px;
}
.designers_block .designers_names {
margin: 70px 0 50px 0;
}
.designers_block .designers_names li {
margin: 0 22px 22px 22px;
}
.designers_block .designers_list li {
padding: 20px 0 70px 0;
}
.designers_block .designers_list li > span {
left: -10px;
font-size: 100px;
line-height: 110px;
}
.designers_block .designers_list li figure > div {
float: none;
width: auto;
padding: 30px 0 30px 50px;
}
.designers_block .designers_list li:nth-child(2n) figure > div {
float: none;
padding-left: 50px;
}
.designers_block .designers_list li figure > div + figcaption {
float: none;
width: auto;
} #contact_map {
height: 380px;
}
.contact_block {
padding: 70px 0;
}
.contact_block ul li {
padding: 0 35px 25px 35px;
}
.dealers_block {
padding: 70px 0;
}
.dealers_block .dealers_list > li {
padding-bottom: 25px;
}
.dealers_block .dealers_list > li h1 {
padding: 30px 0 50px 0;
}
.dealers_block .dealers_list > li ul:before, .dealers_block .dealers_list > li ul:after {
left: 50%;
}
.dealers_block .dealers_list > li ul:after {
display: none;
}
.dealers_block .dealers_list > li ul li {
width: 50%;
padding: 20px 35px 25px 55px;
}
.contact_content {
margin-bottom: 70px;
}
.contact_content h1 {
font-size: 44px;
line-height: 69px;
letter-spacing: 30px;
padding-bottom: 20px;
}
.pr_wrap > div {
padding: 0 40px 0 30px;
}
.pr_wrap > div:nth-child(2):before {
left: 0;
} .projecten_block {
padding: 70px 0 20px 0;
}
.projecten_block ul li {
width: 50%;
padding-bottom: 50px;
}
.projecten_block ul li.highligted:first-child {
width: 100%;
}
.projecten_block.projecten_block_home ul li.highligted:first-child {
width: 50%;
} .single_project {
padding: 70px 0 20px 0;
}
.single_project .bigest_heading {
margin-bottom: -50px;
}
.single_project .single_block .gallery {
margin: 0 auto 30px auto !important;
width: auto;
max-width: 400px;
float: none;
} .project_slider ul li figure {
min-height: 400px;
}
.project_slider .button {
left: 10px;
} .collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
min-height: 500px;
}
.collectie_slider ul li.imagetext .text_field {
width: 85%;
margin-left: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
} .specificaties_block {
padding: 70px 0;
}
.specificaties_block .bigest_heading {
font: 700 40px 'Raleway';
margin: -15px 0 30px 0;
}
.specificaties_block h1 {
margin-bottom: 30px;
}
.specificaties_block ul li {
width: auto;
display: block;
} .collectie_block {
padding: 70px 0 20px 0;
}
.collectie_block ul li {
width: 50%;
padding-bottom: 50px;
}
.collectie_filter .filter_wrap ol {
margin-top: -10px;
}
.collectie_filter #uwpqsf_id {
margin-top: -10px;
} .gebruikte_producten {
padding: 70px 0;
} .product_cat_links {
float: right;
width: auto;
padding: 50px 0 30px 0;
}
.product_cat_slider {
float: right;
width: auto;
padding: 50px 0;
position: relative;
}
.product_cat_slider:before {
width: 300%;
left: -100%;
}
.product_cat_slider li {
min-height: 400px;
} .slideup {
bottom: 40px;
right: 20px;
}
.footer {
padding-top: 30px;
}
.footer .signup_wrap {
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 55px;
padding: 10px 95px 10px 10px;
}
.footer .signup_wrap:after {
display: none;
}
.footer .signup_wrap input[type="text"] {
width: 250px !important;
}
.footer .signup_wrap .button {
top: 10px;
right: 10px;
}
.footer .social_list {
float: none;
position: absolute;
top: 0;
right: 10px;
}
} @media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper, .footer .wrapper, .powered .wrapper { } .collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
min-height: 500px;
}
.collectie_slider ul li .text_field {
font-size: 13px;
line-height: 18px;
width: 400px;
}
.collectie_slider ul li .text_field:before {
top: -15px;
left: -15px;
}
.collectie_slider ul li .text_field > div {
padding: 25px 25px 10px 25px;
}
.collectie_slider ul li .text_field p {
padding-bottom: 15px;
}
.collectie_slider ul li .text_field strong {
font-size: 23px;
}
}
@media only screen and (min-width: 768px) and (max-width: 840px) {
.wrapper {
width: 700px;
}
} @media only screen and (max-width: 768px) {
.alignright, .alignleft {
float: none;
margin: 0 0 10px 0;
} .header .search_form_wrap:hover {
width: 140px;
} .menu_trigger {
top: 35px;
display: block;
right: 0px;
margin-right: -30px;
} .heading {
padding: 30px 0;
}
.heading h1, .bigest_heading {
font-size: 34px;
line-height: 59px;
letter-spacing: 10px;
}
.single-post .heading h1 {
font-size: 29px;
line-height: 54px;
letter-spacing: 10px;
}
.single-post .heading .date {
font-size: 50px;
line-height: 50px;
max-width: 170px;
top: 0;
} .content_block {
padding: 30px 0 50px 0;
}
.single_block {
padding-top: 110px;
} .bottom_gallery ul {
margin: 0 !important;
}
.bottom_gallery ul li {
float: none !important;
width: auto !important;
padding: 0 !important;
}
.bottom_gallery ul li img {
width: auto;
} .designers_block article blockquote {
font-size: 22px;
line-height: 40px;
} #contact_map {
height: 270px;
}
.contact_block h1 {
margin-bottom: 15px;
}
.contact_block ul li {
display: block;
text-align: center;
padding: 0 0 25px 0;
}
.dealers_block .dealers_list > li ul li {
padding: 20px 25px 25px 35px;
}
.contact_content h1 {
font-size: 34px;
line-height: 59px;
letter-spacing: 10px;
}
.pr_wrap {
display: block;
}
.pr_wrap > div {
padding: 0 0 20px 0;
}
.pr_wrap > div:nth-child(2):before {
display: none;
} .projecten_block .projecten_list {
margin: 0;
}
.projecten_block ul {
margin: 0;
}
.projecten_block ul li {
width: 100%;
padding: 0 0 35px 0;
}
.projecten_block ul li figure > div {
min-height: 300px;
}
.projecten_block ul li:first-child figure figcaption div, .projecten_block ul li:first-child figure figcaption div.excerpt {
width: 100%;
padding-right: 0;
}
.projecten_block.projecten_block_home ul li.highligted:first-child {
width: 100%;
} .single_project .bigest_heading {
margin-bottom: -100px;
font-size: 160%;
} .project_slider .bx-prev, .project_slider .bx-next {
margin-top: -17px;
width: 50px;
height: 34px;
} .gebruikte_producten .bx-prev, .gebruikte_producten .bx-next {
margin-top: -17px;
width: 50px;
height: 34px;
} .collectie_block ul {
margin: 0;
}
.collectie_block ul li {
width: 100%;
padding: 0 0 35px 0;
}
.collectie_block ul li figure > div {
min-height: 300px;
} .collectie_slider ul li.imagetext .main_image {
width: 100%;
}
.collectie_slider ul li.imagetext .text_field_center {
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.collectie_slider ul li .main_image, .collectie_slider ul li.imagetext .text_field_center, .collectie_slider ul li .video_image {
min-height: 370px;
}
.collectie_slider ul li.imagetext .text_field, .collectie_slider ul li .text_field {
left: 50%;
width: 85%;
margin-left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.collectie_slider ul li .text_field:before {
top: -10px;
left: -10px;
}
.collectie_slider ul li .text_field > div {
padding: 10px 10px 5px 10px;
}
.collectie_slider ul li .text_field p {
padding-bottom: 10px;
}
.collectie_slider ul li .text_field h1 {
font-size: 20px;
padding-bottom: 10px;
}
.collectie_slider ul li .text_field strong {
font-size: 20px;
}
.collectie_slider ul li .text_field .button {
padding: 0 15px;
min-height: 30px;
line-height: 30px;
} .specificaties_block ul li {
padding-left: 60px;
}
.specificaties_block .bigest_heading {
font: 700 30px 'Raleway';
letter-spacing: 15px;
margin: -5px 0 30px 0;
} .product_cat_links ul li, .product_cat_links > div {
margin: 0 7px 15px 0;
font-size: 12px;
letter-spacing: 1px;
}
.product_cat_slider li {
min-height: 300px;
} .vakmanschap_block {
padding: 50px 0;
}
.vakmanschap_block h1 {
padding-bottom: 50px;
}
.vakmanschap_content {
padding-top: 50px;
}
.vakmanschap_content > ul > li {
padding-bottom: 70px;
}
.vakmanschap_content > ul > li .fullwidth_heading {
top: -40px;
font: 700 150px 'Raleway';
}
.vakmanschap_content > ul > li figure {
display: block;
}
.vakmanschap_content > ul > li figure figcaption blockquote {
font-size: 26px;
line-height: 47px;
}
.vakmanschap_content > ul > li figure > div {
width: auto;
margin: 50px 0 0 0;
}
.vakmanschap_content > ul > li.center_content .fullwidth_heading {
letter-spacing: 60px;
}
.vakmanschap_content > ul > li.center_content h1 {
font: 700 30px 'Raleway';
letter-spacing: 5px;
}
.vakmanschap_content > ul > li.content_right_image_left figure > div {
margin: 50px 0 0 0;
}
.vakmanschap_content > ul > li.small_content_left_image_right figure figcaption {
padding-top: 15px;
}
.vakmanschap_content > ul > li.small_content_left_image_right figure > div {
min-height: 340px;
width: auto;
margin-left: 0;
}
.vakmanschap_content > ul > li.small_content_right_image_left figure figcaption {
padding-top: 15px;
}
.vakmanschap_content > ul > li.small_content_right_image_left figure > div {
min-height: 340px;
width: auto;
margin: 50px 0 0 0;
} .footer .logo {
float: none;
width: 125px;
height: 35px;
background-size: 125px 35px;
margin: 0 0 20px 0;
}
.footer .signup_wrap {
margin-bottom: 55px;
padding: 10px 0 10px 10px;
}
.footer .signup_wrap:before {
top: 10px;
left: auto;
right: -30px;
width: 70px;
height: 117px;
background-size: 70px 117px;
}
.footer .signup_wrap label {
font-size: 16px !important;
}
.footer .signup_wrap input[type="text"] {
margin: 0;
width: 100% !important;
font-size: 16px !important;
}
.footer .signup_wrap .button {
position: static;
font-size: 16px !important;
margin-top: 5px;
}
.footer .social_list {
top: -20px;
} .footer nav {
float: none;
}
.footer nav ul li {
margin: 0 10px 10px 0;
}
} @media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper, .footer .wrapper, .powered .wrapper {
width: 460px;
}
}
@media screen and (max-width: 959px) {
.greenVersion {
display: block;
}
.header.greenVersion nav > ul > li a:hover,
.header.greenVersion nav > ul > li:hover > a,
.header.greenVersion nav > ul > li.current-menu-parent > a,
.header.greenVersion nav > ul > li.current-menu-parent > a:visited,
.header.greenVersion nav > ul > li.current-menu-item > a,
.header.greenVersion nav > ul > li.current-menu-item > a:visited,
.header.greenVersion nav > ul > li.current_page_parent > a,
.header.greenVersion nav > ul > li.current_page_parent > a:visited {
color: #e3ff00;
}
.header.greenVersion .wrapper {
width: auto;
}
.header.greenVersion .lng_wrap {
display: none;
}
.menu_trigger {
background: none;
top: 50px;
padding-right: 60px;
}
.greenVersion .menu_trigger {
width: 25px;
height: 30px;
top: 20px;
margin-right: 5%;
}
.greenVersion .menu_trigger span {
background: #e2eaa1;
}
.menu_trigger span {
height: 3px;
width: 26px;
position: absolute;
margin-top: 2px;
top: 0;
bottom: 0;
background: #fff;
border-radius: 2px;
background-color: #c5d443;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.menu_trigger span.y {
margin-top: 7px;
}
.menu_trigger span.z {
margin-top: 12px;
}
.header.greenVersion .logo {
margin-left: 10%;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/logo-white.png) no-repeat;
background-position: center;
z-index: 100;
}
.header.greenVersion {
background-color: #c5d443;
text-align: center;
display: block !important;
}
.header nav {
margin-top: 20px;
background-color: transparent;
text-align: center;
}
.header.greenVersion nav {
float: none;
position: absolute;
top: 50px;
width: 320px;
height: 568px;
margin-left: 8%;
}
.header nav > ul > li {
padding-bottom: 25px;
}
.header nav > ul > li a, .header nav > ul > li a:visited {
color: #fff;
font-size: 1.2rem
}
.header nav > ul > li > ul {
width: 300px;
margin: 0 auto;
}
.header nav > ul > li > ul li {
border: 1px solid;
border-color: rgba(255, 255, 255, 0.5);
padding: 7px 9px;
float: left;
margin: 8px;
}
.header nav > ul > li > ul li:first-child {
padding-left: 9px;
}
.header nav > ul > li > ul li a {
font-size: 0.9rem
}
.header nav > ul > li > ul li:nth-last-child(1):nth-child(odd) {
text-align: center;
float: none;
clear: both;
margin: 0 auto;
max-width: 125px;
}
.socialList {
width: 300px;
margin: 0 auto;
}
.socialList .pinterest {
background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/pint0.png);
}
.socialList .email {
background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/mail0.png);
}
.socialList .facebook {
background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/fb0.png);
}
.socialList .linkedin {
background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/in0.png);
}
.socialList .instagram {
background-image: url(https://spoinq.nl/wp-content/uploads/2019/10/insta0.png);
}
.socialList li {
float: left;
margin: 15px;
}
.socialList li a {
display: block;
width: 60px;
height: 60px;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/blank.gif) center top no-repeat;
}
span.collapse {
background: #c5d443;
-webkit-transition: all 70ms ease-out;
-moz-transition: all 70ms ease-out;
-ms-transition: all 70ms ease-out;
-o-transition: all 70ms ease-out;
transition: all 70ms ease-out;
}
span.rotate30 {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition: all 50ms ease-out;
-moz-transition: all 50ms ease-out;
-ms-transition: all 50ms ease-out;
-o-transition: all 50ms ease-out;
transition: all 50ms ease-out;
}
span.rotate150 {
-ms-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
-webkit-transition: all 50ms ease-out;
-moz-transition: all 50ms ease-out;
-ms-transition: all 50ms ease-out;
-o-transition: all 50ms ease-out;
transition: all 50ms ease-out;
}
span.rotate45 {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}
span.rotate135 {
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all 100ms ease-out;
-moz-transition: all 100ms ease-out;
-ms-transition: all 100ms ease-out;
-o-transition: all 100ms ease-out;
transition: all 100ms ease-out;
}
.circle {
border-radius: 50%;
width: 0px;
height: 0px;
position: absolute;
top: 30px;
right: 10px;
background: #c5d443;
opacity: 1;
-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.circle.expand { z-index: 0;
width: 1200px;
height: 1200px;
top: -540px;
left: -420px;
-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.header .menu-top-menu-container .menu li,
.header .menu-top-menu-container .socialList li,
.header .menu-top-menu-eng-container li {
list-style: none;
position: absolute;
top: 30px;
left: 0;
opacity: 0;
width: 320px;
text-align: center;
font-size: 0;
-webkit-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
-moz-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
-ms-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
-o-transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
transition: all 0.7s cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.header .menu-top-menu-container li.animate,
.header .menu-top-menu-eng-container li.animate {
font-size: 21px;
opacity: 1;
-webkit-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
-moz-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
-ms-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
-o-transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
transition: all 0.15s cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.header .menu-top-menu-container li.animate:nth-of-type(1), .header .menu-top-menu-eng-container li.animate:nth-of-type(1) {
transition-delay: 0.03s;
-webkit-transition-delay: 0.03s;
top: 30px;
}
.header .menu-top-menu-container li.animate:nth-of-type(2), .header .menu-top-menu-eng-container li.animate:nth-of-type(2) {
transition-delay: 0.07s;
-webkit-transition-delay: 0.07s;
top: 80px;
}
.header .menu-top-menu-container li.animate:nth-of-type(3), .header .menu-top-menu-eng-container li.animate:nth-of-type(3) {
transition-delay: 0.09s;
-webkit-transition-delay: 0.09s;
top: 130px;
}
.header .menu-top-menu-container li.animate:nth-of-type(4), .header .menu-top-menu-eng-container li.animate:nth-of-type(4) {
transition-delay: 0.12s;
-webkit-transition-delay: 0.12s;
top: 180px;
}
.header .menu-top-menu-container li.animate:nth-of-type(5), .header .menu-top-menu-eng-container li.animate:nth-of-type(5) {
transition-delay: 0.15s;
-webkit-transition-delay: 0.15s;
top: 230px;
}
.header .menu-top-menu-container li.animate:nth-of-type(6), .header .menu-top-menu-eng-container li.animate:nth-of-type(6) {
transition-delay: 0.18s;
-webkit-transition-delay: 0.18s;
top: 280px;
}
.header .menu-top-menu-container li.animate:nth-of-type(7), .header .menu-top-menu-eng-container li.animate:nth-of-type(7) {
transition-delay: 0.18s;
-webkit-transition-delay: 0.18s;
top: 330px;
} .z.collapse.rotate150.rotate135 {
margin-top: 3px;
}
.header.greenVersion .socialList {
position: relative;
}
.header.greenVersion .socialList li.animate:nth-of-type(1) {
top: 360px;
left: 0;
width: 30%;
transition-delay: 0.21s;
-webkit-transition-delay: 0.21s;
}
.header.greenVersion .socialList li.animate:nth-of-type(2) {
top: 360px;
left: 60px;
width: 30%;
transition-delay: 0.21s;
-webkit-transition-delay: 0.21s;
}
.header.greenVersion .socialList li.animate:nth-of-type(3) {
top: 360px;
left: 120px;
width: 30%;
transition-delay: 0.21s;
-webkit-transition-delay: 0.21s;
}
.header.greenVersion .socialList li.animate:nth-of-type(4) {
top: 360px;
left: 180px;
width: 30%;
transition-delay: 0.21s;
-webkit-transition-delay: 0.21s;
}
.header.greenVersion .socialList li.animate:nth-of-type(5) {
top: 360px;
left: 240px;
width: 30%;
transition-delay: 0.21s;
-webkit-transition-delay: 0.21s;
}
.header.greenVersion .sub-menu li {
width: auto;
top: 30px;
transition-delay: inherit;
-webkit-transition-delay: inherit;
}
.header.greenVersion .sub-menu li.animate:nth-of-type(2) {
left: 45%;
top: 30px;
transition-delay: inherit;
-webkit-transition-delay: inherit;
} .header.greenVersion .sub-menu li:nth-last-child(1):nth-child(odd) {
top: 85px;
left: 30%;
transition-delay: inherit;
-webkit-transition-delay: inherit;
}
@media screen and (max-width: 640px) and (orientation: landscape) {
.header.greenVersion nav {
width: auto !important;
top: 80px !important;
transform: translateX(-50%) !important;
margin-left: 50% !important;
}
.header.greenVersion .logo {
margin: auto !important;
}
} @media only screen and (max-width: 479px) {
.wrapper, .footer .wrapper, .powered .wrapper {
width: 300px;
}
.header .lng_wrap #lang_sel_list {
width: 100px;
margin-left: 120px !important;
} .header { }
.menu_trigger {
left: 130px !important;
}
.header .logo {
width: 140px;
background-size: 140px auto;
position: absolute;
top: 55px;
left: 0;
right: 0;
margin: 0 auto;
}
.header.greenVersion .logo {
margin: auto;
background: url(//spoinq.nl/wp-content/themes/Spoinq/images/logo-white.png) no-repeat;
background-position: center top;
width: auto;
}
.header.greenVersion nav {
top: 80px !Important;
float: none;
position: absolute;
top: 50px;
width: 220px;
height: 568px;
margin: auto;
left: 50%;
transform: translateX(-50%);
}
.header .menu-top-menu-container li, .header .menu-top-menu-eng-container li {
width: 220px !important;
}
.socialList {
width: 300px;
margin: 0 auto;
left: -60px;
}
.header .lng_wrap {
padding-left: 10px;
width: 86vw;
}
.header .search_form_wrap {
right: 0px;
top: -10px !important;
font-size: 10px;
height: 45px !important;
}
.header .search_form_wrap:hover {
right: 0px;
}
.header .lng_wrap #lang_sel_list {
width: 100px;
margin-left: 120px !important;
padding-left: 5px;
} .heading h1, .bigest_heading {
font-size: 29px;
line-height: 54px;
letter-spacing: 5px;
} .dealers_block .dealers_list > li h1 {
font-size: 24px;
padding-bottom: 20px;
}
.dealers_block .dealers_list > li ul:before, .dealers_block .dealers_list > li ul:after {
display: none;
}
.dealers_block .dealers_list > li ul li {
clear: both;
float: none;
width: 100%;
padding: 15px 0 20px 0;
} .projecten_block ul li figure > div {
min-height: 250px;
} .collectie_block ul li figure > div {
min-height: 250px;
} .footer .social_list {
clear: both;
position: static;
}
#gform_submit_button_2 {
left: 0%;
}
}
} .nav-cta-buttons {
display: block;
margin-top: 10px;
margin-right: 15px;
text-align: center;
float: right;
}
.nav-cta-buttons a {
}
.btn-webshop,
.btn-projects,
.btn-collection {
font: 300 14px/20px 'Raleway', sans-serif;
border: none;
color: white !important;
border-radius: 5px;
padding: 12px 20px;
font-weight: bold;
transition: 0.3s;
display: none;
}
.btn-webshop:hover,
.btn-projects:hover,
.btn-collection:hover {
transition: 0.3s;
} .btn-webshop {
display: inline-block;
background-color: #C4D443;
}
.btn-webshop:hover {
background-color: #ABB93A;
} .btn-projects {
background-color: #C4D443;
}
.btn-projects:hover {
background-color: #ABB93A;
} .btn-collection {
background-color: #333743;
}
.btn-collection:hover {
background-color: #575A63;
transition: 0.3s;
} .webshop_button a {
background-color: #C4D443;
font: 300 14px/20px 'Raleway', sans-serif;
border: none;
color: white;
border-radius: 5px;
padding: 12px;
padding-left: 20px;
padding-right: 20px;
float: right;
font-weight: bold;
margin-right: 80px;
transition: 0.3s;
}
.webshop_button a:hover{
background-color: #ABB93A;
transition: 0.3s;
}
.Webshop a {
background-color: #C4D443;
font: 300 14px/20px 'Raleway', sans-serif;
border: none;
color: white;
border-radius: 5px;
height: 36px;
width: 100px;
padding: 12px;
margin-left: 550px;
} .advies_button a {
background-color: #333743;
font: 300 14px/20px 'Raleway', sans-serif;
font-weight: bold;
border: none;
color: white;
border-radius: 5px;  padding: 12px; float: right;
transition: 0.3s;
}
.advies_button a:hover{
background-color: #21242B;
transition: 0.3s;
}
.webshop_button{
margin-top: 10px;
}
.advies_button{
margin-top: 10px;
margin-right: 75px;
padding-left: 25px;
}
#input_2_1_3, #input_2_1_6, #input_2_2, #input_2_3 {
width: 100%;
}
html {
font-family: 'Montserrat' ,sans-serif;
}
div.footer-contact {
}
div.footer-contact .gform_footer::after {
content: ' ';
clear: both;
}
div.footer-contact .ginput_container input,
div.footer-contact .ginput_container textarea {
border: 0;
background-color: #545863;
box-shadow: none !important;
color: #fff;
font-size: 21px;
padding: 8px;
}
div.footer-contact .gform_button {
min-width: 10% !important;
}
div.footer-contact .gform_footer {
padding-top: 60px !important;
}
div.footer-contact .gfield_validation_message {
display: none;
}