kleur: #000000; font-size: 1.6em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; } #products #why_space_loves .copy_holder_inner { left: 60%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 70%; text-align: left; } #products #why_space_loves .copy_holder_inner p.heading { color: #e64b05; margin-bottom: 0; } #products #why_space_loves .copy_holder_inner p { color: #000000; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; } #products #why_space_loves .copy_holder_inner a { text-decoration: underline; } #products #top_reviewed { width: 50%; margin: 0 auto; padding: 0; margin-top: 0.5em; position: relative; } #products #top_reviewed h2 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3em; padding-top: 1em; color: #e64b05; } #top_reviewed button.slick-prev.slick-arrow { padding: 0 4em; } #top_reviewed button.slick-next.slick-arrow { padding: 0 4em; } /*interview*/ #skin_interview { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; -webkit-flex-align: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding-top: 2em; } #skin_interview #sunday_img { width: 50%; margin: 0 auto; padding: 0; } #skin_interview #sunday_interview .img_mobile { display: none; } #skin_interview #sunday_interview { width: 50%; margin: 0 auto; padding: 0; } #skin_interview #sunday_interview .copy_holder.full_interview { text-align: left; margin-left: 2em; margin-top: 0; } #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings h3 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 1.8em; margin: 0; text-align: left; } #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings h2 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 2.5em; padding-top: 0.5em; text-align: left; } #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings h4 { font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; font-size: 1.6em; margin-bottom: 1.2em; text-align: left; } #skin_interview #sunday_interview .copy_holder.full_interview, p.orange_copy { color: #e64b05; margin-bottom: 2em; margin-top: 0.4em; width: 95%; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; } #skin_interview #sunday_interview .copy_holder.full_interview p#full_interview_cta { color: #000000; text-decoration: underline; cursor: pointer; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.5em; } #skin_interview #sunday_interview .img_mobile_modal { display: none; } #lp_wrapper .read_more_cta { display: none; } .product_link { text-decoration: underline; } /*pop up box*/ .modal { display: none; /* Standaard verborgen */ position: fixed; /* Blijf op zijn plaats */ z-index: 2; /* Zit bovenop */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; padding: 0.2em 0.4em; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .modal-body { padding: 2px 16px; } .modal-footer { padding: 2px 16px; background-color: #ffffff; color: #000000; } .modal-footer h3 { color: #000000; text-decoration: underline; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2em; } .modal-content { position: relative; background-color: #ffffff; margin: auto; padding: 0; top: 22.5%; border: 1px solid #888; width: 51.5%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0,0.19); } .modal-content img { width: 40%; display: inline; float: left; padding: 1em; } .modal-content .question { color: #000000; font-family: futuramedium, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; margin-bottom: 0; margin-top: 0.5em; font-size: 1.8em; } .modal-content p { color: #000000; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; font-size: 1.6em; } .overlayed { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,1) 100%); achtergrond: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } #lp_wrapper .slider_container { width: 60%; margin: 0 auto; } #lp_wrapper .bottom_carousel { margin-top: 3%; } #lp_wrapper .bottom_carousel h2 a { text-align: center; color: #e64b05; font-family: nordique_proregular, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.8em; } #lp_wrapper .bottom_carousel h2 a:hover { text-decoration: none; } .back_to_top { text-decoration: underline; padding-top: 2.5em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.6em; cursor: pointer; font-size: 1.8em; } #lp_wrapper .bottom_carousel h2 a:hover { text-decoration: none; } .6em; cursor: pointer; display: none; } /*r*/ @media (max-width: 1366px) { .modal-content { width: 72%; } @media (max-width: 1024px) { .modal-content { width: 80%; } @media(max-width: 768px) { #spring_awakening_nav ul li a { padding: 0 2em; } #lp_wrapper #skin_header .copy_holder_hero { width: 37%; } #lp_wrapper #skin_header .copy_holder { top: 10.5%; left: 7.5%; } #products #why_space_loves .background_holder { margin-top: 2em; } #products #why_space_loves .copy_holder_inner p { margin-bottom: 0; } #products #why_space_loves .copy_holder_inner { left: 60%; width: 70%; top: 50%; } } @media (max-width: 767px) { #spring_awakening_nav { display: none; } #responsive_nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: spatie-tussen; justify-content: spatie-tussen; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #responsive_nav .lp_cta_text_nav { text-decoration: none; color: #a8a8a8; font-family: futurabook, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.3em; } #responsive_nav .nav_left:before { inhoud:'\003c'; padding-right: 1em; } #responsive_nav .nav_right:after { content:'\003e'; padding-left: 1em; } .green_line { margin: 0.5em 0 2em 0; } #lp_wrapper .img_desktop { display: none; } #lp_wrapper .img_mobile_hero { display: block } #lp_wrapper .img_mobile { display: block; } #lp_wrapper #skin_header .header_mobile { display: block; margin: 0 auto; } #lp_wrapper #skin_header .copy_holder_hero { position: relative; left: 50%; margin-top: 5%; } #lp_wrapper #skin_header .copy_holder_hero h2.title { display: none; } #lp_wrapper .copy_holder_hero a.lp_cta_text { color: #e64b05; } #products #why_space_loves .copy_holder h2 { padding-top: 0; } #lp_wrapper #skin_header .copy_holder_hero { position: relative; padding: 1.5em; margin: 0 auto; display: inline-block; width: 100%; left: 0; } #products #why_space_loves { width: 100%; border-right: none; border-bottom: 1px #c5c5c5 solid; } #products #top_reviewed { width: 100%; margin-top: 0; } #products #why_space_loves .copy_holder_inner { display: none; } #products #why_space_loves .copy_holder p.main_para { padding: 0; } #skin_interview { padding-top: 0; } #skin_interview #sunday_img { display: none; } #skin_interview #sunday_interview { width: 100%; } #skin_interview #sunday_interview .copy_holder .img_mobile { display: block; } #skin_interview #sunday_interview .copy_holder.full_interview { text-align: center; margin: 0 auto; padding-top: 1em; } #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings { background-color: #f3a37e; padding: 1em 0; } #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings h2 { text-align: center; color: #ffff; } #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings h3 { text-align: center; color: #ffffff; } #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings h4 { text-align: center; color: #ffffff; margin-bottom: 0; } #skin_interview #sunday_interview .copy_holder.full_interview, p.orange_copy { margin-top: 1em; margin-bottom: 1em; color: #000000; } #skin_interview #sunday_interview .copy_holder.full_interview p#full_interview_cta { display: none; } #skin_interview #sunday_interview .img_mobile_modal { display: block; } #lp_wrapper .read_more_cta { display: inline-block; margin: 0 auto; border: 1px #e64b05 solid; padding: 0.8em 2em 0.5em; margin-top: 1em; } #lp_wrapper .read_more_cta a { color: #e64b05; font-size: 1.5em; font-family: futuralight, "Helvetica Neue", Helvetica, Arial, sans-serif; text-decoration: none; } #lp_wrapper .slider_container { padding-bottom: 4em; } #myModal { position: relative; display: block; height: 200px; background-color: transparent; overflow: hidden; } .modal-content { width: 100%; box-shadow: none; border: none; top: 5%; } .modal-content p, .modal-content p.question { text-align: center; } .modal-content img, .modal-content span.close { display: none; } .overlayed { display: block; } #lp_wrapper .bottom_carousel { margin-top: 10%; } .back_to_top { display: block; } } @media(max-width: 375px) { #skin_interview #sunday_interview .copy_holder.full_interview .interview_headings h2 { font-size: 2.5em; } #lp_wrapper #skin_header .copy_holder_hero { width: 50%; } #skin_interview #sunday_interview .copy_holder.full_interview { width: 100%; }