.transition {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.radius_style {
border-radius: 32px;
}
.shadow_style {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.background_style {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.hoverscale {
-moz-transform: scale(1.02);
-webkit-transform: scale(1.02);
-o-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}  @font-face {
font-family: 'PP_Mori_Semibold';
src: url(//homekeukens.nl/wp-content/themes/helloitsme/fonts/PPMori-SemiBold.otf);
font-display: swap;
}
@font-face {
font-family: 'PP_Mori_Regular';
src: url(//homekeukens.nl/wp-content/themes/helloitsme/fonts/PPMori-Regular.otf);
font-display: swap;
} html {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
}
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}
::selection {
background: #2F2C29;
color: #F0EFDD;
}
::-moz-selection {
background: #2F2C29;
color: #F0EFDD;
} .global_image {
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
} body {
font-size: 16px;
line-height: 1.75rem;
background: #F0EFDD !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 !important;
padding: 0 !important;
font-family: 'PP_Mori_Semibold' !important;
}
h1 {
font-size: 4rem !important;
line-height: 4rem !important;
}
h2 {
font-size: 2.5rem !important;
line-height: 3rem !important;
}
h3 {
font-size: 1.75rem !important;
line-height: 120% !important;
}
h4 {
font-size: 1.125rem !important;
line-height: 1.625rem !important;
}
h5 {
font-size: 0.9375rem !important;
line-height: 120% !important;
}
.large {
font-size: 1.125rem !important;
line-height: 120% !important;
}
.small {
font-size: 0.75rem !important;
line-height: 1.125rem !important;
}
.extra_small {
font-size: 0.6875rem !important;
line-height: 120% !important;
}
.bold,
strong {
font-family: 'PP_Mori_Semibold' !important;
}
.light {
font-family: 'PP_Mori_Regular' !important;
}
@media only screen and (max-width: 992px) {
h1 {
font-size: 2.25rem !important;
line-height: 3rem !important;
}
h2 {
font-size: 1.25rem !important;
line-height: 1.75rem !important;
}
h3 {
font-size: 1.125rem !important;
line-height: 1.5rem !important;
}
h4 {
font-size: 1.125rem !important;
line-height: 1.5rem !important;
}
h5 {
font-size: 1.125rem !important;
line-height: 1.5rem !important;
}
h6 {
font-size: 1rem !important;
line-height: 1.5rem !important;
}
}
p {
margin-bottom: 0;
padding: 0;
font-size: 0.9375rem !important;
line-height: 1.5rem !important;
font-family: 'PP_Mori_Regular' !important;
}
button,
a {
font-size: 0.9375rem !important;
line-height: 1.5rem !important;
font-family: 'PP_Mori_Regular' !important;
} a:link {
text-decoration: none;
outline: 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
a:visited {
text-decoration: none;
outline: 0;
}
a:active {
text-decoration: none;
outline: 0;
}
a:hover {
text-decoration: none;
outline: 0;
}
a:focus {
-moz-outline-style: none;
} input,
textarea {
resize: vertical;
-webkit-appearance: none;
border-radius: 0;
}
input:focus,
textarea:focus {
outline: none;
}
.error,
.success {
margin: 20px 0 0;
padding: 7px 12px;
color: #F0EFDD;
font-weight: 700;
border: 2px solid #F0EFDD;
}
.error {
background: #e02f2f;
}
.success {
background: #55a13d;
} .page-id-1445 #header .col-lg-10,
.page-id-1445 #topbar,
.page-id-1445 .mobile_button_box {
display: none !important;
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #topbar #menu-topbar li.crown_icon a:after {
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/crown_icon_scroll.svg);
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #topbar #menu-topbar li a {
color: #2F2C29;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #topbar #menu-topbar li a:hover {
color: #BE643F;
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #header {
border-top: 1px solid #2F2C2926;
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #header .navbar-brand {
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/logo_scroll.svg);
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #header .toggle i {
color: #2F2C29;
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #header #menu-hoodfmenu li.current_page_item:before {
background: #2F2C29;
}
body:not(:has(.intro,.intro_mobiel_video,.intro_contact,.intro_formulier,.intro_afbeelding,.intro_keuken,.intro_categorieen)) #header #menu-hoodfmenu li a {
color: #2F2C29;
}
.header {
position: fixed;
top: 0;
z-index: 999;
width: 100%;
}
#topbar {
position: relative;
z-index: 1;
padding: 0.5rem 0;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#topbar #menu-topbar {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
gap: 1rem;
}
#topbar #menu-topbar li.crown_icon a {
position: relative;
margin-left: 20px;
}
#topbar #menu-topbar li.crown_icon a:after {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(-20px, -50%);
width: 12px;
height: 12px;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/crown_icon.svg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#topbar #menu-topbar li a {
font-size: 0.75rem !important;
line-height: 1.125rem !important;
color: #F0EFDD;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#topbar #menu-topbar li a:hover {
color: #BE643F;
}
#topbar.scrolled {
background: #F0EFDD;
}
#topbar.scrolled #menu-topbar li.crown_icon a:after {
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/crown_icon_scroll.svg);
}
#topbar.scrolled #menu-topbar li a {
color: #2F2C29;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#topbar.scrolled #menu-topbar li a:hover {
color: #BE643F;
}
#header {
padding: 1rem 0;
border-top: 1px solid transparent;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .navbar-brand {
margin-top: 8px;
width: 100%;
height: 47px;
display: block;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/logo.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header.scrolled {
border-top: 1px solid #2F2C2926;
background: #F0EFDD;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
#header.scrolled .navbar-brand {
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/logo_scroll.svg);
}
#header.scrolled #menu-hoodfmenu li.menu-item-has-children:after {
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/down_after_scroll.svg);
}
#header.scrolled #menu-hoodfmenu li a {
color: #2F2C29;
}
#header #menu-hoodfmenu {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
gap: 2rem;
}
#header #menu-hoodfmenu li {
position: relative;
}
#header #menu-hoodfmenu li:before {
content: "";
position: absolute;
top: 100%;
left: 0;
transform: translateY(-100%);
width: 0%;
height: 2px;
background: #BE643F;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header #menu-hoodfmenu li:hover:before {
width: 100%;
}
#header #menu-hoodfmenu li.current_page_item:before {
width: 100%;
height: 1px;
background: #F0EFDD;
}
#header #menu-hoodfmenu li.menu-item-has-children {
position: relative;
cursor: pointer;
margin-right: 16px;
}
#header #menu-hoodfmenu li.menu-item-has-children:after {
content: "";
position: absolute;
top: 50%;
left: 100%;
transform: translate(0, -50%);
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/down.svg);
width: 10px;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header #menu-hoodfmenu li.menu-item-has-children a {
padding-right: 5px;
}
#header #menu-hoodfmenu li.menu-item-has-children:hover:after {
transform: translate(0, -50%) rotate(180deg);
}
#header #menu-hoodfmenu li.menu-item-has-children:hover .sub-menu {
opacity: 1;
height: max-content;
width: max-content;
}
#header #menu-hoodfmenu li.menu-item-has-children .sub-menu {
list-style-type: none;
padding: 0;
margin: 0;
background: #F0EFDD;
border-radius: 5px;
position: absolute;
top: 100%;
left: 0;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header #menu-hoodfmenu li.menu-item-has-children .sub-menu li {
padding: 0 1rem;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header #menu-hoodfmenu li.menu-item-has-children .sub-menu li:before {
content: none;
}
#header #menu-hoodfmenu li.menu-item-has-children .sub-menu li a {
display: block;
width: 100%;
color: #2F2C29;
padding: 0.5rem 0;
border-bottom: 1px solid #DAD8D9;
}
#header #menu-hoodfmenu li.menu-item-has-children .sub-menu li:hover {
background: #F2F2F2;
}
#header #menu-hoodfmenu li.menu-item-has-children .sub-menu li:last-child a {
border-bottom: none;
}
#header #menu-hoodfmenu li a {
color: #F0EFDD;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header #menu-hoodfmenu li a:hover {
color: #BE643F;
}
.button {
padding: 14px 20px 12px 20px !important;
border-radius: 10px !important;
width: max-content !important;
}
.button.oranje {
background: #BE643F !important;
color: #F0EFDD !important;
-webkit-transition: all 0.2s ease-in-out !important;
-moz-transition: all 0.2s ease-in-out !important;
-ms-transition: all 0.2s ease-in-out !important;
-o-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important;
}
.button.oranje:hover {
background: #9D463F !important;
}
.button.wit {
background: #F0EFDD;
color: #2F2C29;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button.wit:hover {
background: #2F2C29;
color: #F0EFDD;
}
.button.rounded {
border-radius: 50px !important;
}
.button.rounded.wit {
background: #F0EFDD;
color: #BE643F;
}
.button.outline {
background: transparent;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button.outline.wit {
border: 1px solid #F0EFDD;
color: #F0EFDD;
}
.button.outline.wit:hover {
background: #F0EFDD;
color: #2F2C29;
}
.button.outline.donker {
border: 1px solid #2F2C29;
color: #2F2C29;
}
.button.outline.donker:hover {
background: #2F2C29;
color: #F0EFDD;
}
.button.icon i {
display: inline-block;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button.icon:hover i {
transform: translateY(0px) rotate(-5deg) scale(1.2);
}
.button.disabled {
opacity: 0.35;
pointer-events: none;
cursor: default;
}
.gform_submission_error {
font-size: 1.125rem !important;
line-height: 120% !important;
color: #E4AD73 !important;
}
.gf_progressbar_title {
display: none !important;
}
.gf_progressbar_percentage {
background-color: #BE643F !important;
}
.gform_fields {
row-gap: 1rem !important;
}
label,
legend {
color: #F0EFDD !important;
}
label .gfield_required,
legend .gfield_required {
color: #E4AD73;
font-size: 0.75rem !important;
line-height: 1.125rem !important;
}
.gfield_radio {
flex-direction: row !important;
flex-wrap: wrap !important;
}
.gfield_description {
color: #B6B2B4 !important;
font-size: 0.75rem !important;
line-height: 1.125rem !important;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
font-size: 1rem !important;
background: #ffffff !important;
color: #2F2C29 !important;
border: none !important;
border-radius: 4px !important;
padding: 18px 12px 22px 12px !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus {
outline: none !important;
box-shadow: none !important;
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
textarea::placeholder {
color: #B6B2B4 !important;
font-size: 0.75rem !important;
line-height: 1.125rem !important;
}
input[type="submit"],
button[type="submit"],
input[type="button"] {
display: block !important;
width: 100% !important;
background: #E4AD73 !important;
color: #2F2C29 !important;
padding: 16px 20px 16px 20px !important;
border-radius: 10px !important;
}
.video-container {
position: relative;
width: 100%;
aspect-ratio: 0.5625;
overflow: hidden;
border-radius: 0.45rem;
}
.video-container.horizontale_video {
aspect-ratio: 1.77777778 !important;
}
.video-container .bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.video-container iframe.bg-video {
width: 100%;
height: 100%;
left: 0%;
top: 0%;
}
.video-container .video-overlay .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
font-size: 4rem;
cursor: pointer;
border: none;
color: #F0EFDD;
opacity: 0.8;
background: rgba(0, 0, 0, 0.3);
border-radius: 8px;
transition: all 0.3s;
}
.video-container .video-overlay .play-button i {
font-size: 4rem !important;
}
.video-container .video-overlay .pause-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
font-size: 4rem;
cursor: pointer;
border: none;
background: rgba(0, 0, 0, 0);
color: #F0EFDD;
opacity: 0;
transition: all 0.3s;
}
.video-container .video-overlay .pause-button:hover {
opacity: 0.8;
background: rgba(0, 0, 0, 0.3);
}
.video-container .video-overlay .mute-button {
position: absolute;
top: 100%;
left: 0;
transform: translateY(-100%);
font-size: 1rem;
cursor: pointer;
border: none;
background: transparent;
color: #F0EFDD;
opacity: 0.8;
}
.page_content {
background: #F0EFDD;
}
.page_content.woocommerce {
padding: 150px 0 100px 0;
}
.page_content.woocommerce .product_title {
font-size: 2rem !important;
line-height: 2.5rem !important;
margin-bottom: 1rem !important;
}
.page_content.woocommerce .price {
color: #2F2C29 !important;
font-size: 2rem !important;
line-height: 2.5rem !important;
}
.page_content.woocommerce .posted_in {
display: none;
}
.page_content.woocommerce a {
color: #2F2C29 !important;
text-decoration: underline !important;
}
.page_content.woocommerce .wc-block-cart__submit-button {
background: #BE643F !important;
color: #F0EFDD !important;
text-decoration: unset !important;
}
.page_content.woocommerce .page_content.woocommerce textarea,
.page_content.woocommerce .page_content.woocommerce select {
background: #fff;
}
.page_content.woocommerce .page_content.woocommerce textarea:placeholder,
.page_content.woocommerce .page_content.woocommerce select:placeholder {
color: #2F2C29 !important;
}
.page_content.woocommerce .wc-block-components-product-name,
.page_content.woocommerce .wc-block-formatted-money-amount {
font-size: 1rem !important;
}
.page_content.woocommerce input[type="text"],
.page_content.woocommerce input[type="email"],
.page_content.woocommerce input[type="tel"],
.page_content.woocommerce textarea,
.page_content.woocommerce select {
background: #fff !important;
color: #2F2C29 !important;
}
.page_content.woocommerce input[type="text"]:placeholder,
.page_content.woocommerce input[type="email"]:placeholder,
.page_content.woocommerce input[type="tel"]:placeholder,
.page_content.woocommerce textarea:placeholder,
.page_content.woocommerce select:placeholder {
color: #2F2C29 !important;
}
.page_content.woocommerce button[type="button"] {
background: #be643f !important;
color: #f0efdd !important;
border: none !important;
padding: 14px 20px 12px 20px !important;
border-radius: 10px !important;
}
.page_content.woocommerce .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill + label,
.page_content.woocommerce .wc-block-components-form .wc-block-components-text-input.is-active label,
.page_content.woocommerce .wc-block-components-text-input input:-webkit-autofill + label,
.page_content.woocommerce .wc-block-components-text-input.is-active label,
.page_content.woocommerce .wc-blocks-components-select .wc-blocks-components-select__label {
top: 2px;
transform: scale(0.7);
color: #2F2C29 !important;
}
.page_content.woocommerce label {
color: #2F2C29 !important;
}
.page_content.woocommerce .woocommerce-product-gallery__wrapper {
aspect-ratio: 1.5 !important;
border-radius: 16px !important;
overflow: hidden;
}
.page_content.woocommerce #payment-method span {
color: #2F2C29;
}
.page_content.woocommerce #payment-method .wc-block-components-radio-control-accordion-content {
padding: 0;
}
.page_content.woocommerce #order-notes label {
display: flex;
}
.page_content.woocommerce #order-notes label span {
color: #2F2C29;
}
.page_content .page_div.intro {
color: #F0EFDD;
position: relative;
overflow: hidden;
min-height: 570px;
}
@media (min-width: 992px) {
.page_content .page_div.intro {
min-height: 600px;
}
}
.page_content .page_div.intro:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(270deg, rgba(47, 44, 41, 0.6), #2F2C29);
opacity: 0.66;
}
.page_content .page_div.intro .row {
position: relative;
z-index: 10;
}
.page_content .page_div.intro .video-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page_content .page_div.intro .bg-video {
width: 100%;
height: 100%;
object-fit: cover;
}
.page_content .page_div.intro .intro-poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page_content .page_div.intro .intro-video {
position: relative;
opacity: 0;
transition: opacity 0.4s ease-in-out;
}
.page_content .page_div.intro .intro-video.is-playing {
opacity: 1;
}
.page_content .page_div.intro .video {
position: absolute;
top: 50%;
left: 50%;
width: 200vh;
height: 130vh;
transform: translate(-50%, -50%);
pointer-events: none;
}
.page_content .page_div.intro .tekst p {
font-size: 1.125rem !important;
line-height: 120% !important;
}
.page_content .page_div.intro .sterren i.bi-star-fill {
color: #E4AD73;
}
.page_content .page_div.intro .sterren i.bi-star-fill.empty {
color: #DAD8D9;
}
.page_content .page_div.intro .sterren a {
color: #F0EFDD;
text-decoration: underline;
}
.page_content .page_div.intro .usps {
margin-top: 6rem;
}
.page_content .page_div.intro .usps .usp .icon {
height: 1.25rem;
}
.page_content .page_div.intro_afbeelding {
min-height: 75vh;
border-radius: 0 0 50px 0;
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.intro_afbeelding:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #F0EFDD;
z-index: -1;
}
.page_content .page_div.intro_afbeelding:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, #000, rgba(0, 0, 0, 0));
opacity: 0.5;
}
.page_content .page_div.intro_mobiel_video {
background: #647A87;
color: #F0EFDD;
border-radius: 0 0 50px 0;
}
.page_content .page_div.intro_mobiel_video .video_wrap {
position: relative;
width: 100%;
aspect-ratio: 1.77777778;
}
.page_content .page_div.intro_mobiel_video .video_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 8px;
}
.page_content .page_div.intro_mobiel_video.groene_achtergrond {
background: #535343;
}
.page_content .page_div.intro_mobiel_video .row {
position: relative;
z-index: 10;
}
.page_content .page_div.intro_mobiel_video [class*="col-lg-"] {
position: relative;
}
.page_content .page_div.intro_mobiel_video .afbeelding {
border-radius: 8px;
width: 100%;
aspect-ratio: 1.5;
object-fit: cover;
}
.page_content .page_div.intro_mobiel_video .video-container {
position: absolute;
width: 100%;
aspect-ratio: 0.5625;
overflow: hidden;
transform: translateY(-50px);
border-radius: 12px 12px 12px 0;
}
.page_content .page_div.intro_mobiel_video .video-container .video_titel {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 24px 20px;
border-radius: 0 0 28px 0;
background: #BE643F;
z-index: 10;
}
.page_content .page_div.intro_mobiel_video .video-container .bg-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.page_content .page_div.intro_mobiel_video .video-container .video-overlay .play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
font-size: 4rem;
cursor: pointer;
border: none;
color: #F0EFDD;
opacity: 0.8;
background: rgba(0, 0, 0, 0.3);
border-radius: 8px;
transition: all 0.3s;
}
.page_content .page_div.intro_mobiel_video .video-container .video-overlay .play-button i {
font-size: 4rem !important;
}
.page_content .page_div.intro_mobiel_video .video-container .video-overlay .pause-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
font-size: 4rem;
cursor: pointer;
border: none;
background: rgba(0, 0, 0, 0);
color: #F0EFDD;
opacity: 0;
transition: all 0.3s;
}
.page_content .page_div.intro_mobiel_video .video-container .video-overlay .pause-button:hover {
opacity: 0.8;
background: rgba(0, 0, 0, 0.3);
}
.page_content .page_div.intro_mobiel_video .video-container .video-overlay .mute-button {
position: absolute;
top: 100%;
left: 0;
transform: translateY(-100%);
font-size: 1rem;
cursor: pointer;
border: none;
background: transparent;
color: #F0EFDD;
opacity: 0.8;
}
.page_content .page_div.intro_mobiel_video .modal .modal-content {
position: relative;
border-radius: 8px;
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.intro_mobiel_video .modal .modal-content .btn-close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 16px;
height: 16px;
opacity: 1;
z-index: 20;
}
.page_content .page_div.intro_mobiel_video .modal .modal-content .btn-close:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/close.svg);
background-position: center;
background-size: 80%;
border-radius: 8px;
}
.page_content .page_div.intro_mobiel_video .modal .modal-content .btn-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #F0EFDD;
border-radius: 8px;
}
.page_content .page_div.intro_mobiel_video .modal .modal-content .video-container {
position: relative;
transform: none;
border-radius: 0.45rem;
aspect-ratio: 0.5625;
}
.page_content .page_div.intro_keuken {
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.intro_keuken .row {
position: relative;
z-index: 10;
}
.page_content .page_div.intro_keuken h1 {
font-size: 2.5rem !important;
line-height: 3rem !important;
}
.page_content .page_div.intro_keuken .video_titel {
width: max-content;
margin: auto;
padding: 24px 20px;
border-radius: 28px 0 0 0;
background: #BE643F;
color: #F0EFDD;
cursor: pointer;
}
.page_content .page_div.intro_keuken .content {
background: #F0EFDD;
color: #2F2C29;
border-radius: 0 40px 0 0;
}
.page_content .page_div.intro_keuken .content .specs {
border-top: 1px solid #DAD8D9;
border-bottom: 1px solid #DAD8D9;
}
.page_content .page_div.intro_keuken .content .specs .spec .kleur {
width: 20px;
height: 20px;
border: 0.5px solid #B6B2B4;
border-radius: 4px;
}
.page_content .page_div.intro_keuken .modal .modal-content {
position: relative;
border-radius: 8px;
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.intro_keuken .modal .modal-content .btn-close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 16px;
height: 16px;
opacity: 1;
z-index: 20;
}
.page_content .page_div.intro_keuken .modal .modal-content .btn-close:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/close.svg);
background-position: center;
background-size: 80%;
border-radius: 8px;
}
.page_content .page_div.intro_keuken .modal .modal-content .btn-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #F0EFDD;
border-radius: 8px;
}
.page_content .page_div.intro_categorieen {
background: #647A87;
color: #F0EFDD;
border-radius: 0 0 50px 0;
}
.page_content .page_div.intro_categorieen.groene_achtergrond {
background: #535343;
}
.page_content .page_div.intro_categorieen .link_item .link {
color: #F0EFDD;
}
.page_content .page_div.intro_contact {
background: #647A87;
color: #F0EFDD;
border-radius: 0 0 50px 0;
}
.page_content .page_div.intro_contact.groene_achtergrond {
background: #535343;
}
.page_content .page_div.intro_contact .box_item {
background: #F0EFDD;
color: #2F2C29;
padding: 2rem;
border-radius: 0 0 24px 0;
height: 100%;
}
.page_content .page_div.intro_contact .box_item .link {
color: #BE643F;
}
.page_content .page_div.intro_contact .box_item.last {
background: none;
color: #F0EFDD;
padding: 0;
border-radius: 0;
}
.page_content .page_div.intro_contact .box_item.last .link {
color: #F0EFDD;
}
.page_content .page_div.intro_formulier {
background: #647A87;
color: #F0EFDD;
position: relative;
border-radius: 0 0 50px 0;
}
.page_content .page_div.intro_formulier:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150%;
background: #F0EFDD;
z-index: -1;
}
.page_content .page_div.intro_formulier.groene_achtergrond {
background: #535343;
}
.page_content .page_div.intro_formulier .tekst p {
margin: 0;
}
.page_content .page_div.intro_formulier .gform_fields {
row-gap: 4px !important;
}
.page_content .page_div.intro_formulier .gform_fields label {
margin-bottom: 4px;
}
.page_content .page_div.intro_formulier .gform-footer {
margin-top: 8px;
}
.page_content .page_div.formulier {
background: #647A87;
color: #F0EFDD;
position: relative;
border-radius: 0 0 50px 0;
}
.page_content .page_div.keukens {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.keukens .slick-next {
left: 100%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.page_content .page_div.keukens .container {
position: relative;
}
.page_content .page_div.keukens .content {
position: absolute;
top: 0;
left: 0;
z-index: 10;
background: #F0EFDD;
width: 30%;
}
.page_content .page_div.keukens .keuken {
min-height: 700px;
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.keukens .keuken .element {
position: absolute;
top: 0;
left: 0;
width: 45%;
}
.page_content .page_div.keukens .keuken .divider.div-1 {
border-left: none;
height: 550px;
}
.page_content .page_div.keukens .keuken .divider.div-2 {
border-top: 20px solid #F0EFDD;
border-left: none;
height: 150px;
}
.page_content .page_div.keukens .keuken .divider.div-3 {
border-left: 20px solid #F0EFDD;
border-right: 20px solid #F0EFDD;
height: 450px;
}
.page_content .page_div.keukens .keuken .keuken_info {
height: 250px;
background: #F0EFDD;
color: #2F2C29;
border-top: 20px solid #F0EFDD;
border-left: 20px solid #F0EFDD;
border-right: 20px solid #F0EFDD;
}
.page_content .page_div.keukens .keuken .keuken_info .keuken_info_inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.page_content .page_div.keukens .keuken .keuken_info .keuken_info_inner .specs .spec .kleur {
width: 32px;
height: 32px;
border: 0.5px solid #B6B2B4;
border-radius: 4px;
}
.page_content .page_div.keukens .keuken .keuken_info .keuken_info_inner .link {
color: #2F2C29;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.keukens .keuken .keuken_info .keuken_info_inner .link:hover {
text-decoration: underline;
}
.page_content .page_div.keukens_filter {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.keukens_filter .filter_toggle {
color: #2F2C29;
}
.page_content .page_div.keukens_filter .google_banner {
width: max-content;
}
.page_content .page_div.keukens_filter .filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.page_content .page_div.keukens_filter .pages {
display: flex;
}
.page_content .page_div.keukens_filter .pages a {
color: #2F2C29;
font-size: 1.125rem !important;
line-height: 120% !important;
font-family: 'PP_Mori_Regular' !important;
}
.page_content .page_div.keukens_filter .pages .page-numbers {
font-size: 1rem !important;
line-height: 1rem !important;
font-size: 1.125rem !important;
line-height: 120% !important;
font-family: 'PP_Mori_Regular' !important;
padding: 1rem;
}
.page_content .page_div.keukens_filter .pages .page-numbers.current {
color: #BE643F;
}
.page_content .page_div.keukens_filter .review {
margin-right: 20px;
border-radius: 8px;
background: #535343;
color: #F0EFDD;
padding: 32px 24px;
}
.page_content .page_div.keukens_filter .review .naam {
color: #867F83;
}
.page_content .page_div.keukens_filter .review .sterren i {
color: #E4AD73;
}
.page_content .page_div.keukens_filter .review img {
height: 100%;
width: 100%;
object-fit: cover;
}
.page_content .page_div.keukens_filter .review .review-toggle {
color: #F0EFDD;
font-size: 0.85em;
opacity: 0.75;
text-decoration: underline;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.keukens_filter .review .review-toggle:hover {
opacity: 1;
}
.page_content .page_div.keukens_filter.Inspiratie .keuken {
width: 100% !important;
aspect-ratio: 1;
height: unset !important;
border-radius: 1rem;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.keukens_filter.Inspiratie .keuken * {
position: relative;
z-index: 10;
}
.page_content .page_div.keukens_filter.Inspiratie .keuken:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, #000, transparent);
opacity: 0.5;
}
.page_content .page_div.keukens_filter .compact .keuken {
height: 500px;
}
.page_content .page_div.keukens_filter .keuken {
padding: 32px 24px;
position: relative;
color: #F0EFDD;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.keukens_filter .keuken.element {
position: relative;
}
.page_content .page_div.keukens_filter .keuken.element:before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 100%;
aspect-ratio: 1;
background: #F0EFDD;
transform: translate(0, -1px);
clip-path: polygon(100% 0, 100% 100%, 0 0);
opacity: 1;
z-index: 10;
}
@media (max-width: 992px) {
.page_content .page_div.keukens_filter .keuken.element-mobile {
position: relative;
}
.page_content .page_div.keukens_filter .keuken.element-mobile:before {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 100%;
aspect-ratio: 1;
background: #F0EFDD;
transform: translate(0, -1px);
clip-path: polygon(100% 0, 100% 100%, 0 0);
opacity: 1;
z-index: 10;
}
}
.page_content .page_div.keukens_filter .keuken * {
position: relative;
z-index: 10;
}
.page_content .page_div.keukens_filter .keuken:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, #000, transparent);
opacity: 0.5;
}
.page_content .page_div.keukens_filter .keuken .prijs {
color: #F0EFDD;
}
.page_content .page_div.uitgelicht {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.uitgelicht .keuken {
height: 600px;
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
.page_content .page_div.uitgelicht .keuken:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
}
.page_content .page_div.uitgelicht .keuken .divider {
position: relative;
z-index: 10;
}
.page_content .page_div.uitgelicht .keuken .divider.div-1 {
border-bottom: 10px solid #F0EFDD;
border-right: 10px solid #F0EFDD;
border-left: none;
height: 350px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-2 {
border-top: 10px solid #F0EFDD;
border-right: 10px solid #F0EFDD;
border-left: none;
height: 250px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-3 {
border-bottom: 10px solid #F0EFDD;
border-right: 10px solid #F0EFDD;
border-left: 10px solid #F0EFDD;
height: 150px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-4 {
border-top: 10px solid #F0EFDD;
border-right: 10px solid #F0EFDD;
border-left: 10px solid #F0EFDD;
height: 450px;
}
.page_content .page_div.uitgelicht .keuken .divider.keuken_info {
border-right: 10px solid #F0EFDD;
border-left: 10px solid #F0EFDD;
}
.page_content .page_div.uitgelicht .keuken .divider.keuken_info .content {
padding: 0 20px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-5 {
border-bottom: 10px solid #F0EFDD;
border-right: 10px solid #F0EFDD;
border-left: 10px solid #F0EFDD;
height: 450px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-6 {
border-top: 10px solid #F0EFDD;
border-right: 10px solid #F0EFDD;
border-left: 10px solid #F0EFDD;
height: 150px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-7 {
border-bottom: 10px solid #F0EFDD;
border-left: 10px solid #F0EFDD;
border-right: none;
height: 350px;
position: relative;
}
.page_content .page_div.uitgelicht .keuken .divider.div-7:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
aspect-ratio: 1;
background: #F0EFDD;
transform: translate(0, -1px);
clip-path: polygon(100% 0, 100% 100%, 0 0);
}
.page_content .page_div.uitgelicht .keuken .divider.div-8 {
border-top: 10px solid #F0EFDD;
border-left: 10px solid #F0EFDD;
border-right: none;
height: 250px;
}
.page_content .page_div.uitgelicht .keuken .keuken_info {
color: #F0EFDD;
border-left: 20px solid #F0EFDD;
border-right: 20px solid #F0EFDD;
}
.page_content .page_div.usps {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.usps.donkergroene_achtergrond {
background: #535343;
color: #F0EFDD;
}
.page_content .page_div.usps.oranje_achtergrond {
background: #BE643F;
color: #F0EFDD;
}
.page_content .page_div.usps.als_achtergrond {
border-radius: 40px 0 0 0;
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.usps.als_achtergrond:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.2;
}
.page_content .page_div.usps.als_achtergrond:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
background: #F0EFDD;
z-index: 1;
}
.page_content .page_div.usps.als_achtergrond .row {
position: relative;
z-index: 10;
}
.page_content .page_div.usps .afbeelding {
width: 100%;
aspect-ratio: 1.33333333;
object-fit: cover;
border-radius: 12px;
}
.page_content .page_div.usps .content_als_achtergrond {
border-radius: 40px 0 0 0;
background: #BE643F;
color: #F0EFDD;
}
.page_content .page_div.usps .content_als_achtergrond .usp img {
width: 10px;
}
.page_content .page_div.usps .content_als_achtergrond .button {
text-align: center;
}
.page_content .page_div.usps .content_als_achtergrond.lichte_achtergrond {
background: #F0EFDD;
color: #2F2C29;
border-radius: 0 0 40px 0;
}
.page_content .page_div.usps .usp img {
width: 24px;
height: 24px;
}
.page_content .page_div.usps .col-12:last-child .usp {
margin-bottom: 0 !important;
}
.page_content .page_div.werkwijze {
background: #F0EFDD;
color: #2F2C29;
overflow: hidden;
}
.page_content .page_div.werkwijze .slick-prev {
right: 0;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
}
.page_content .page_div.werkwijze .slick-next {
left: 100%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
}
.page_content .page_div.werkwijze .slick-list {
overflow: visible;
}
.page_content .page_div.werkwijze .slick-list .slick-track .slick-slide {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.werkwijze .slick-list .slick-track .slick-slide:last-child .stap {
margin-right: 0px;
}
.page_content .page_div.werkwijze .slick-list .slick-track .slick-slide.last_in_view {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0.5;
}
.page_content .page_div.werkwijze .slider .stap {
min-height: 200px;
}
.page_content .page_div.werkwijze .stap {
margin-right: 20px;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(228, 173, 115, 0.3);
}
.page_content .page_div.werkwijze .stap .img_box {
position: relative;
}
.page_content .page_div.werkwijze .stap .img_box img {
height: 300px;
width: 100%;
object-fit: cover;
}
.page_content .page_div.werkwijze .stap .img_box .count {
position: absolute;
bottom: 0;
left: 0;
background: #F0EFDD;
color: #BE643F;
padding: 0.5rem 1rem;
border-radius: 0 4px 0 0;
border-top: 1px solid rgba(228, 173, 115, 0.3);
border-right: 1px solid rgba(228, 173, 115, 0.3);
font-family: 'PP_Mori_Semibold' !important;
}
.page_content .page_div.werkwijze .stap .titel {
padding: 1rem;
}
.page_content .page_div.werkwijze .stap .titel strong {
display: flex;
align-items: center;
gap: 0.5rem;
}
.page_content .page_div.werkwijze .stap .titel strong img {
width: 24px;
height: 24px;
}
.page_content .page_div.werkwijze .stap .titel.heeft_tekst {
min-height: 240px;
}
.page_content .page_div.reviews {
background: #F0EFDD;
color: #2F2C29;
overflow: hidden;
}
.page_content .page_div.reviews h2 {
color: #535343;
}
.page_content .page_div.reviews .slick-prev {
right: 0;
-webkit-transform: translate(-100%, -50%);
-ms-transform: translate(-100%, -50%);
transform: translate(-100%, -50%);
background: #535343;
}
.page_content .page_div.reviews .slick-next {
left: 100%;
-webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%);
background: #535343;
}
.page_content .page_div.reviews .slick-list {
overflow: visible;
}
.page_content .page_div.reviews .slick-list .slick-track .slick-slide {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.reviews .slick-list .slick-track .slick-slide:last-child .stap {
margin-right: 0px;
}
.page_content .page_div.reviews .slick-list .slick-track .slick-slide.last_in_view {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0.5;
}
.page_content .page_div.reviews .slider .review {
min-height: 320px;
}
.page_content .page_div.reviews .review {
margin-right: 20px;
border-radius: 8px;
background: #535343;
color: #F0EFDD;
padding: 32px 24px;
}
.page_content .page_div.reviews .review .naam {
color: #867F83;
}
.page_content .page_div.reviews .review .sterren i {
color: #E4AD73;
}
.page_content .page_div.reviews .review .afbeelding {
height: 100%;
width: 100%;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.reviews .review a.review-toggle {
color: #F0EFDD;
font-size: 0.85em;
opacity: 0.75;
text-decoration: underline;
white-space: nowrap;
}
.page_content .page_div.reviews .review a.review-toggle:hover {
opacity: 1;
}
.page_content .page_div.historie {
background: #F0EFDD;
color: #2F2C29;
overflow: hidden;
}
.page_content .page_div.historie .slick-dots {
width: 80% !important;
margin-left: 10%;
bottom: -58px;
}
.page_content .page_div.historie .slick-prev {
top: 100%;
right: 0%;
-webkit-transform: translate(100%, 50%);
-ms-transform: translate(100%, 50%);
transform: translate(100%, 50%);
}
.page_content .page_div.historie .slick-prev:before {
background-size: 65%;
}
.page_content .page_div.historie .slick-next {
top: 100%;
left: 100%;
-webkit-transform: translate(-200%, 50%);
-ms-transform: translate(-200%, 50%);
transform: translate(-200%, 50%);
}
.page_content .page_div.historie .slick-next:before {
background-size: 65%;
}
.page_content .page_div.historie .slider {
border-top: 2px dotted #867F83;
}
.page_content .page_div.historie .slider .slick-list {
overflow: visible;
}
.page_content .page_div.historie .item {
position: relative;
padding: 1rem;
}
.page_content .page_div.historie .item .lijn {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 100%;
background: #867F83;
}
.page_content .page_div.historie .item .dot {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
transform: translate(-50%, 80%);
border-radius: 24px;
background: #BE643F;
}
.page_content .page_div.historie .item .afbeelding {
width: 100%;
height: 180px;
object-fit: cover;
border-radius: 0.5rem;
}
.page_content .page_div.tekst_afbeelding {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.tekst_afbeelding .content.rode_achtergrond {
background: #535343;
height: 100%;
color: #F0EFDD;
border-radius: 0 0 0 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.page_content .page_div.tekst_afbeelding .tekst p {
margin: 0;
}
.page_content .page_div.tekst_afbeelding .tekst ul {
list-style-type: none;
}
.page_content .page_div.tekst_afbeelding .tekst ul li {
position: relative;
}
.page_content .page_div.tekst_afbeelding .tekst ul li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/check_feloranje.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translate(-28px, 0);
}
.page_content .page_div.tekst_afbeelding img {
width: 100%;
border-radius: 12px;
object-fit: cover;
}
.page_content .page_div.tekst_afbeelding img.rode_achtergrond {
aspect-ratio: 1.2;
object-fit: cover;
border-radius: 0 0 40px 0;
}
.page_content .page_div.tekst_monteur {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.tekst_monteur .tekst p {
margin: 0;
}
.page_content .page_div.tekst_monteur .tekst ul {
display: block;
padding-top: 1rem;
list-style-type: none;
}
.page_content .page_div.tekst_monteur .tekst ul li {
position: relative;
}
.page_content .page_div.tekst_monteur .tekst ul li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/check_feloranje.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translate(-28px, 0);
}
.page_content .page_div.tekst_monteur .monteur {
border-radius: 8px;
overflow: hidden;
flex-wrap: wrap;
justify-content: stretch;
}
.page_content .page_div.tekst_monteur .monteur .image_monteur {
width: 50%;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 12px;
}
.page_content .page_div.tekst_monteur .monteur .image_monteur:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}
.page_content .page_div.tekst_monteur .monteur .image_monteur span {
position: relative;
z-index: 10;
color: #F0EFDD;
}
.page_content .page_div.tekst_monteur .monteur .quote {
background: #e4ad735e;
width: 50%;
height: 100%;
position: relative;
}
.page_content .page_div.tekst_monteur .monteur .quote:after {
content: '"';
position: absolute;
top: 0;
left: 12px;
color: #E4AD73;
font-size: 60px !important;
}
.page_content .page_div.tekst_monteur .monteur .quote p {
padding-top: 40px;
margin-bottom: 0;
}
.page_content .page_div.kolom_en {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.kolom_en.normale_opsomming .tekst ul {
list-style-type: disc;
}
.page_content .page_div.kolom_en.normale_opsomming .tekst ul li {
position: relative;
}
.page_content .page_div.kolom_en.normale_opsomming .tekst ul li:after {
content: none;
}
.page_content .page_div.kolom_en .tekst h3 {
margin-bottom: 0.5rem !important;
}
.page_content .page_div.kolom_en .tekst p {
margin-bottom: 1rem !important;
}
.page_content .page_div.kolom_en .tekst ul {
list-style-type: none;
}
.page_content .page_div.kolom_en .tekst ul li {
position: relative;
}
.page_content .page_div.kolom_en .tekst ul li:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/check_feloranje.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: translate(-24px, 4px);
}
.page_content .page_div.kolom_en form {
padding: 2rem 1rem 1rem 1rem;
border-radius: 0.5rem;
background: #535343;
}
.page_content .page_div.kolom_en form fieldset {
display: flex;
flex-direction: column;
}
.page_content .page_div.kolom_en form fieldset label {
color: #2F2C29;
margin-bottom: 0.5rem;
}
.page_content .page_div.kolom_en form fieldset p {
display: flex;
flex-direction: column;
}
.page_content .page_div.kolom_en form fieldset p label {
color: #2F2C29;
margin-bottom: 0.5rem;
}
.page_content .page_div.kolom_en form fieldset input {
font-size: 1rem !important;
background: #ffffff !important;
color: #2F2C29 !important;
border: none !important;
border-radius: 4px !important;
padding: 10px 12px 10px 12px !important;
}
.page_content .page_div.kolom_en form fieldset input:focus {
outline: none !important;
box-shadow: none !important;
}
.page_content .page_div.kolom_en form fieldset input::placeholder {
color: #B6B2B4 !important;
font-size: 0.75rem !important;
line-height: 1.125rem !important;
}
.page_content .page_div.kolom_en form fieldset input:-internal-autofill-selected {
font-size: 1rem !important;
background: #ffffff !important;
color: #2F2C29 !important;
border: none !important;
border-radius: 4px !important;
padding: 10px 12px 10px 12px !important;
}
.page_content .page_div.kolom_en form button[type="submit"] {
display: block !important;
width: 100% !important;
background: #F0EFDD !important;
color: #2F2C29 !important;
padding: 10px 20px 10px 20px !important;
border-radius: 10px !important;
border: none !important;
margin-top: 1rem;
}
.page_content .page_div.afbeelding_pins {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.afbeelding_pins .afbeelding {
width: 100%;
aspect-ratio: 2;
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.afbeelding_pins .afbeelding .pin {
position: absolute;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
background: #F0EFDD;
border-radius: 50px;
color: #BE643F;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.afbeelding_pins .afbeelding .pin i {
position: absolute;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.afbeelding_pins .afbeelding .pin .content {
position: absolute;
left: 0;
top: 50%;
transform: translate(-110%, -50%);
background: #F0EFDD;
color: #2F2C29;
padding: 4px 8px;
width: max-content;
display: none;
opacity: 0;
}
.page_content .page_div.afbeelding_pins .afbeelding .pin:hover .bi-plus {
opacity: 0;
transform: rotate(180deg);
}
.page_content .page_div.afbeelding_pins .afbeelding .pin:hover .bi-dash {
transform: rotate(180deg);
}
.page_content .page_div.afbeelding_pins .afbeelding .pin:hover .content {
display: block;
opacity: 1;
}
.page_content .page_div.afbeelding_en {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.afbeelding_en .afbeelding {
width: 100%;
height: 300px;
max-height: 400px;
border-radius: 12px;
object-fit: cover;
cursor: pointer;
}
.page_content .page_div.faq {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.faq .faq_item {
border-bottom: 1px solid #B6B2B4;
cursor: pointer;
}
.page_content .page_div.faq .faq_item .vraag h4 {
color: #2F2C29;
margin: 0;
}
.page_content .page_div.faq .faq_item .vraag .icon {
position: relative;
}
.page_content .page_div.faq .faq_item .vraag .icon span {
display: block;
width: 16px;
height: 1px;
background: #BE643F;
}
.page_content .page_div.faq .faq_item .vraag .icon span:last-child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
transition: all 0.3s ease-out;
}
.page_content .page_div.faq .faq_item .antwoord {
display: none;
opacity: 0;
height: 0px;
transition: all 0.3s ease-out;
}
.page_content .page_div.faq .faq_item.active .vraag .icon span:last-child {
transform: translate(-50%, -50%) rotate(0deg);
}
.page_content .page_div.faq .faq_item.active .antwoord {
margin-top: 1rem;
display: block;
opacity: 1;
height: max-content;
min-height: 100px;
}
.page_content .page_div.medewerkers {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.medewerkers .medewerker {
color: #F0EFDD;
width: 100%;
aspect-ratio: 1;
border-radius: 16px;
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.medewerkers .medewerker:hover:after {
opacity: 0.8;
}
.page_content .page_div.medewerkers .medewerker:hover i {
transform: rotate(90deg);
}
.page_content .page_div.medewerkers .medewerker:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.medewerkers .medewerker i {
position: absolute;
top: 0;
right: 6px;
font-size: 2rem !important;
z-index: 10;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.medewerkers .medewerker .info {
position: absolute;
bottom: 12px;
left: 12px;
z-index: 10;
}
.page_content .page_div.medewerkers .modal .modal-content {
position: relative;
border-radius: 8px;
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.medewerkers .modal .modal-content .btn-close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 16px;
height: 16px;
opacity: 1;
z-index: 10;
}
.page_content .page_div.medewerkers .modal .modal-content .btn-close:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/close.svg);
background-position: center;
background-size: 80%;
border-radius: 8px;
}
.page_content .page_div.medewerkers .modal .modal-content .btn-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #F0EFDD;
border-radius: 8px;
}
.page_content .page_div.medewerkers .modal .modal-content .content {
padding: 1rem;
}
.page_content .page_div.medewerkers .modal .modal-content .content .afbeelding {
width: 45%;
margin-right: 5%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 16px;
}
.page_content .page_div.videos .video_wrap {
position: relative;
width: 100%;
aspect-ratio: 0.5625;
}
.page_content .page_div.videos .video_wrap.horizontal {
aspect-ratio: 2.66666667;
}
.page_content .page_div.videos .video_wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
border-radius: 8px;
}
.page_content .page_div.videos .video {
width: 100%;
height: 550px;
border-radius: 8px;
position: relative;
overflow: hidden;
cursor: pointer;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.videos .video:hover:after {
opacity: 0.8;
}
.page_content .page_div.videos .video:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.videos .video .video_titel {
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
padding: 1rem;
width: 100%;
color: #F0EFDD;
}
.page_content .page_div.videos .video .video_titel:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #BE643F;
border-radius: 0 20px 0 0;
z-index: -1;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.videos .modal .modal-content .btn-close {
position: absolute;
top: 0.5rem;
right: 0.5rem;
width: 16px;
height: 16px;
opacity: 1;
z-index: 10;
}
.page_content .page_div.videos .modal .modal-content .btn-close:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/close.svg);
background-position: center;
background-size: 80%;
border-radius: 8px;
}
.page_content .page_div.videos .modal .modal-content .btn-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #F0EFDD;
border-radius: 8px;
}
.page_content .page_div.vacatures {
background: #F0EFDD;
color: #2F2C29;
}
.page_content .page_div.vacatures a {
color: #F0EFDD;
}
.page_content .page_div.vacatures .vacature {
width: 100%;
aspect-ratio: 1;
border-radius: 16px;
overflow: hidden;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
position: relative;
}
.page_content .page_div.vacatures .vacature:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
opacity: 0.5;
}
.page_content .page_div.vacatures .vacature .info {
position: absolute;
bottom: 24px;
left: 24px;
z-index: 10;
}
.page_content .page_div.logos {
background: #F0EFDD;
}
.page_content .page_div.logos .logo {
background: #F0EFDD;
padding: 0 2rem;
}
.page_content .page_div.logos .logo img {
width: 100%;
height: 80px;
object-fit: contain;
}
footer {
background: #2F2C29;
color: #F0EFDD;
}
footer .logo {
width: 100%;
}
footer a {
color: #F0EFDD;
}
footer ul {
list-style-type: none;
padding: 0;
margin: 0;
}
footer ul li a {
color: #F0EFDD;
} @keyframes filter_popup_fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
body.filter-popup-open {
overflow: hidden;
}
@media only screen and (max-width: 992px) {
._steamlive_chat_frame {
right: 10px !important;
bottom: 75px !important;
}
body.filter-popup-open #header.scrolled {
box-shadow: none;
}
#header {
top: 40px;
}
#header .navbar-brand {
margin-top: 0px;
width: 100%;
height: 47px;
display: block;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/logo.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header.scrolled .toggle i {
color: #2F2C29;
}
#header .toggle {
border: none;
background: none;
padding: 0;
}
#header .toggle i {
font-size: 2rem !important;
color: #F0EFDD;
}
#header .offcanvas-top {
height: unset !important;
}
#header .offcanvas-top .offcanvas-header {
background: #F0EFDD;
}
#header .offcanvas-top .offcanvas-header .navbar-brand {
margin-top: 0;
width: 60%;
height: 40px;
display: block;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/logo_scroll.svg);
background-size: contain;
background-position: left;
background-repeat: no-repeat;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .offcanvas-top .offcanvas-body {
background: #F0EFDD;
padding: 2rem 1rem;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children {
cursor: pointer;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children a {
position: relative;
padding-right: 5px;
width: 100%;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children a:after {
content: "";
position: absolute;
top: 50%;
left: 100%;
transform: translate(-100%, -50%);
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/mobile_down.svg);
width: 10px;
height: 100%;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children .sub-menu .menu-item a:after {
content: none;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children.open a:after {
transform: translate(-100%, -50%) rotate(180deg);
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children.open .sub-menu {
opacity: 1;
height: max-content;
width: 100%;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children .sub-menu {
list-style-type: none;
margin: 0;
padding: 0 0.5rem;
background: #F2F2F2;
border-bottom: 1px solid #DAD8D9;
opacity: 0;
height: 0;
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children .sub-menu li {
padding: 0;
cursor: pointer;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children .sub-menu li:before {
content: none;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children .sub-menu li a {
display: block;
width: 100%;
color: #2F2C29;
padding: 0.5rem 0;
border-bottom: 1px solid #DAD8D9;
font-size: 1rem !important;
line-height: 1.3125rem !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children .sub-menu li a:hover {
color: #BE643F;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li.menu-item-has-children .sub-menu li:last-child a {
border-bottom: none;
}
#header .offcanvas-top .offcanvas-body #menu-hoodfmenu-1 li a {
color: #2F2C29;
font-family: 'PP_Mori_Regular' !important;
font-size: 1.5rem !important;
line-height: 2rem !important;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 1rem 0;
display: block;
}
#header .offcanvas-top .offcanvas-body .mobile_topbar {
border-top: 1px solid #B6B2B4;
}
#header .offcanvas-top .offcanvas-body .mobile_topbar #menu-topbar-1 {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
gap: 0.8rem;
flex-direction: column;
}
#header .offcanvas-top .offcanvas-body .mobile_topbar #menu-topbar-1 li.crown_icon a {
position: relative;
margin-left: 20px;
}
#header .offcanvas-top .offcanvas-body .mobile_topbar #menu-topbar-1 li.crown_icon a:after {
content: '';
position: absolute;
top: 50%;
left: 0;
transform: translate(-20px, -50%);
width: 12px;
height: 12px;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/crown_icon_scroll.svg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .offcanvas-top .offcanvas-body .mobile_topbar #menu-topbar-1 li a {
font-size: 0.75rem !important;
line-height: 1.125rem !important;
color: #2F2C29;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#header .offcanvas-top .offcanvas-body .mobile_topbar #menu-topbar-1 li a:hover {
color: #BE643F;
}
.mobile_button_box {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 998;
background: #BE643F;
display: flex;
align-items: center;
justify-content: space-between;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
}
.mobile_button_box:after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 1px;
height: 100%;
background: #F0EFDD;
transform: translateX(-50%);
}
.mobile_button_box a {
color: #F0EFDD;
width: 50%;
display: flex;
align-items: center;
flex-direction: column;
padding: 14px 10px;
}
.button {
padding: 12px 14px 8px 14px;
}
.page_content .page_div.intro:after {
opacity: 0.8;
}
.page_content .page_div.intro .usps {
margin-top: 4rem;
}
.page_content .page_div.intro .usps .usp {
justify-content: center;
}
.page_content .page_div.kolom_en .tekst h3 {
margin-bottom: 0.5rem !important;
}
.page_content .page_div.kolom_en .tekst p {
margin-bottom: 0.5rem !important;
}
.page_content .page_div.intro_keuken {
background-size: 175% !important;
background-position: top !important;
}
.page_content .page_div.intro_keuken h1 {
font-size: 2rem !important;
line-height: 2.5rem !important;
}
.page_content .page_div.intro_keuken .content .specs {
border-top: 0px solid #DAD8D9;
border-bottom: 0px solid #DAD8D9;
}
.page_content .page_div.intro_mobiel_video.video {
background-image: linear-gradient(180deg, #647a87 75%, #f0efdd 75%);
}
.page_content .page_div.intro_mobiel_video .afbeelding {
transform: translateY(50px);
}
.page_content .page_div.intro_mobiel_video .video-container {
position: unset;
transform: translateY(0px);
}
.page_content .page_div.intro_mobiel_video .modal .video-container {
position: relative;
transform: none;
}
.page_content .page_div.intro_afbeelding {
min-height: 40vh;
}
.page_content .page_div.logos .logo {
padding: 0 1rem;
}
.page_content .page_div.werkwijze {
padding-bottom: 100px !important;
}
.page_content .page_div.werkwijze .slick-dots {
bottom: -58px;
}
.page_content .page_div.werkwijze .slick-prev {
top: 100%;
right: 0;
-webkit-transform: translate(30%, 50%);
-ms-transform: translate(30%, 50%);
transform: translate(30%, 50%);
}
.page_content .page_div.werkwijze .slick-next {
top: 100%;
left: 100%;
-webkit-transform: translate(-130%, 50%);
-ms-transform: translate(-130%, 50%);
transform: translate(-130%, 50%);
}
.page_content .page_div.werkwijze .slider .stap {
margin-right: 20px;
}
.page_content .page_div.werkwijze .stap {
margin-right: 0px;
}
.page_content .page_div.werkwijze .stap .titel strong {
min-height: 48px;
}
.page_content .page_div.werkwijze .stap .titel.heeft_tekst {
min-height: 320px;
}
.page_content .page_div.werkwijze .stap img {
height: 200px;
}
.page_content .page_div.uitgelicht .keuken {
height: 300px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-1 {
border-bottom: 0px solid #F0EFDD;
border-right: 0px solid #F0EFDD;
height: 175px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-2 {
border-top: 0px solid #F0EFDD;
border-right: 0px solid #F0EFDD;
height: 125px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-3 {
border-bottom: 0px solid #F0EFDD;
border-right: 0px solid #F0EFDD;
border-left: 0px solid #F0EFDD;
height: 75px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-4 {
border-top: 0px solid #F0EFDD;
border-right: 0px solid #F0EFDD;
border-left: 0px solid #F0EFDD;
height: 225px;
}
.page_content .page_div.uitgelicht .keuken .divider.keuken_info {
border-right: 5px solid #F0EFDD;
border-left: 0px solid #F0EFDD;
}
.page_content .page_div.uitgelicht .keuken .divider.div-5 {
border-bottom: 5px solid #F0EFDD;
border-right: 0px solid #F0EFDD;
border-left: 5px solid #F0EFDD;
height: 75px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-6 {
border-top: 5px solid #F0EFDD;
border-right: 0px solid #F0EFDD;
border-left: 5px solid #F0EFDD;
height: 225px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-7 {
border-bottom: 5px solid #F0EFDD;
border-left: 0px solid #F0EFDD;
height: 75px;
}
.page_content .page_div.uitgelicht .keuken .divider.div-8 {
border-top: 5px solid #F0EFDD;
border-left: 0px solid #F0EFDD;
height: 225px;
}
.page_content .page_div.reviews .google_banner {
width: 100%;
}
.page_content .page_div.reviews .slick-dots {
bottom: -58px;
}
.page_content .page_div.reviews .slick-prev {
top: 100%;
right: 0;
-webkit-transform: translate(30%, 50%);
-ms-transform: translate(30%, 50%);
transform: translate(30%, 50%);
background: #BE643F;
}
.page_content .page_div.reviews .slick-next {
top: 100%;
left: 100%;
-webkit-transform: translate(-130%, 50%);
-ms-transform: translate(-130%, 50%);
transform: translate(-130%, 50%);
background: #BE643F;
}
.page_content .page_div.reviews .review {
min-height: 330px !important;
}
.page_content .page_div.reviews .review .afbeelding {
min-height: unset;
height: 100%;
}
.page_content .page_div.keukens .slick-dots {
bottom: -38px;
}
.page_content .page_div.keukens .slick-prev {
top: 100%;
right: 0;
-webkit-transform: translate(30%, 0%);
-ms-transform: translate(30%, 0%);
transform: translate(30%, 0%);
}
.page_content .page_div.keukens .slick-next {
top: 100%;
left: 100%;
-webkit-transform: translate(-130%, 0%);
-ms-transform: translate(-130%, 0%);
transform: translate(-130%, 0%);
}
.page_content .page_div.keukens .content {
position: unset;
top: unset;
left: unset;
background: unset;
width: 100%;
}
.page_content .page_div.keukens .keuken {
min-height: 350px;
position: relative;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
-webkit-background-position: center !important;
-moz-background-position: center !important;
-o-background-position: center !important;
background-position: center !important;
-webkit-background-repeat: no-repeat !important;
-moz-background-repeat: no-repeat !important;
-o-background-repeat: no-repeat !important;
background-repeat: no-repeat !important;
}
.page_content .page_div.keukens .keuken .element {
width: 25%;
}
.page_content .page_div.keukens .keuken .divider.div-1 {
border-left: none;
height: 225px;
}
.page_content .page_div.keukens .keuken .divider.div-2 {
border-top: 20px solid #F0EFDD;
border-left: none;
height: 125px;
}
.page_content .page_div.keukens .keuken .divider.div-3 {
border-left: 0px solid #F0EFDD;
border-right: 10px solid #F0EFDD;
height: 225px;
}
.page_content .page_div.keukens .keuken .divider.div-mobile {
border-left: 20px solid #F0EFDD;
height: 100%;
}
.page_content .page_div.keukens .keuken_info_inner {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.page_content .page_div.keukens .keuken_info_inner .specs .spec .kleur {
width: 32px;
height: 32px;
border: 0.5px solid #B6B2B4;
border-radius: 4px;
}
.page_content .page_div.keukens .keuken_info_inner a {
color: #2F2C29;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page_content .page_div.keukens .keuken_info_inner a:hover {
text-decoration: underline;
}
.page_content .page_div.tekst_monteur .monteur {
flex-direction: column;
}
.page_content .page_div.tekst_monteur .monteur .image_monteur {
width: 100%;
height: 200px;
}
.page_content .page_div.tekst_monteur .monteur .quote {
width: 100%;
}
.page_content .page_div.keukens_filter .filter_bar {
position: sticky;
top: 79px;
z-index: 998;
background: #F0EFDD;
padding: 0.5rem 0;
}
.page_content .page_div.keukens_filter #collapseFilters.collapsing {
transition: none;
}
.page_content .page_div.keukens_filter #collapseFilters .button {
padding: 6px 12px !important;
}
.page_content .page_div.keukens_filter #collapseFilters.show {
top: 50px !important;
width: 95%;
height: 80%;
margin: auto;
display: flex;
align-items: stretch;
position: fixed;
inset: 0;
z-index: 2147483648;
background: #f0efdd;
border-radius: 12px;
overflow: hidden;
border: 1px solid #d4d3bf;
animation: filter_popup_fade 0.2s ease;
}
.page_content .page_div.keukens_filter #collapseFilters .row.mb-4 {
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #F0EFDD;
margin: 0;
padding: 1.5rem 1rem;
}
.page_content .page_div.keukens_filter .filter_close {
font-size: 1.5rem;
color: #2F2C29;
}
.page_content .page_div.keukens_filter .keuken {
height: 300px !important;
}
.page_content .page_div.keukens_filter .keuken.element:before {
content: none;
}
.page_content .page_div.keukens_filter .review img {
height: 125px;
}
.page_content .page_div.keukens_filter.Inspiratie .keuken {
aspect-ratio: 1.71428571;
}
.page_content .page_div.afbeelding_en .afbeelding {
max-height: 300px;
}
.page_content .page_div.tekst_afbeelding h2 {
font-size: 22px !important;
line-height: 28px !important;
}
.page_content .page_div.tekst_afbeelding .content.rode_achtergrond {
border-radius: 0 0 24px 0;
}
.page_content .page_div.tekst_afbeelding .content.rode_achtergrond p {
font-size: 0.75rem !important;
line-height: 1.125rem !important;
}
.page_content .page_div.tekst_afbeelding .button {
width: 100% !important;
text-align: center;
}
.page_content .page_div.tekst_afbeelding.rode_achtergrond {
background: #BE643F;
height: 100%;
color: #F0EFDD;
border-radius: 0 0 40px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.page_content .page_div.tekst_afbeelding img.rode_achtergrond.mobile {
width: 100px;
aspect-ratio: 1;
border-radius: 100px;
}
.page_content .page_div.usps.als_achtergrond {
padding-bottom: 0 !important;
}
.page_content .page_div.usps.als_achtergrond .afbeelding {
width: 100px;
aspect-ratio: 1;
object-fit: cover;
border-radius: 100px;
}
.page_content .page_div.usps .afbeelding {
width: 100%;
aspect-ratio: 1.33333333;
object-fit: cover;
border-radius: 12px;
}
.page_content .page_div.usps .content_als_achtergrond {
border-radius: 0;
}
.page_content .page_div.usps .content_als_achtergrond.lichte_achtergrond {
border-radius: 0;
}
.page_content .page_div.historie .item .dot {
transform: translate(-50%, 60%);
}
.page_content .page_div.historie .slick-dots {
width: 70% !important;
margin-left: 15%;
bottom: -58px;
}
.page_content .page_div.historie .slick-prev {
top: 100%;
right: 0;
-webkit-transform: translate(30%, 50%);
-ms-transform: translate(30%, 50%);
transform: translate(30%, 50%);
}
.page_content .page_div.historie .slick-prev:before {
background-size: 65%;
}
.page_content .page_div.historie .slick-next {
top: 100%;
left: 100%;
-webkit-transform: translate(-130%, 50%);
-ms-transform: translate(-130%, 50%);
transform: translate(-130%, 50%);
}
.page_content .page_div.historie .slick-next:before {
background-size: 65%;
}
.page_content .page_div.medewerkers .modal .modal-content .content .afbeelding {
width: 100%;
aspect-ratio: 1;
}
.page_content .page_div.videos {
padding-bottom: 75px !important;
}
.page_content .page_div.videos .video {
height: 250px;
}
.page_content .page_div.videos .video .video_titel h4 {
font-size: 1rem !important;
line-height: 1.2rem !important;
}
.page_content .page_div.videos .slick-dots {
width: 70% !important;
margin-left: unset;
bottom: -58px;
}
.page_content .page_div.videos .slick-prev {
top: 100%;
right: 0;
-webkit-transform: translate(30%, 50%);
-ms-transform: translate(30%, 50%);
transform: translate(30%, 50%);
}
.page_content .page_div.videos .slick-prev:before {
background-size: 65%;
}
.page_content .page_div.videos .slick-next {
top: 100%;
left: 100%;
-webkit-transform: translate(-130%, 50%);
-ms-transform: translate(-130%, 50%);
transform: translate(-130%, 50%);
}
.page_content .page_div.videos .slick-next:before {
background-size: 65%;
}
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-prev,
.slick-next {
z-index: 997;
height: 40px;
width: 40px !important;
border-radius: 40px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: #BE643F;
color: #F0EFDD;
border: none;
position: absolute;
overflow: hidden;
top: 50%;
}
.slick-prev:before,
.slick-next:before {
content: "";
display: block;
height: 16px;
width: 16px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.slick-prev {
left: 0;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
.slick-prev:before {
height: 100%;
width: 100%;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/arrow-left.svg);
}
.slick-next {
right: 0;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slick-next:before {
height: 100%;
width: 100%;
background-image: url(//homekeukens.nl/wp-content/themes/helloitsme/images/arrow-right.svg);
} .slick-dotted .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
width: 70% !important;
margin-left: 15%;
position: absolute;
display: flex;
padding: 0;
bottom: -40px;
list-style: none;
text-align: center;
z-index: 100;
border-radius: 20px;
overflow: hidden;
}
.slick-dots li {
height: 3px;
width: 100%;
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
overflow: hidden;
transform: none;
}
.slick-dots li.slick-active button,
.slick-dots li:hover button {
background: #BE643F;
transform: none;
border-radius: 0px;
opacity: 1;
}
.slick-dots li button {
height: 100%;
width: 100%;
display: block;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: #BE643F;
border: none;
opacity: 0.3;
border-radius: 0px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}