/**
 * Theme Name: VOF Verdoes
 * Theme URI: http://www.vofverdoes.nl
 * Author: Outhands Internet & Media
 * Author URI: https://www.outhands.nl
 * Version: 1.0.0
*/

/* Reset style */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{overflow-y:scroll}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

b, strong { font-weight: bold; }

div#map{background: #f5f5f5;}
div#map div{display:none;}

body{ font-family: 'Source Sans Pro', sans-serif; overflow: hidden; }

.contentArea{ font-size: 16px; line-height: 1.6; }
.contentArea h1{ font-size: 1.44em; font-weight: 600; line-height: 1.6; margin-bottom: 10px; }
.contentArea h2{ font-size: 1.41em; line-height: 1.6; margin-bottom: 10px; }
.contentArea h3{ font-size: 1.38em; line-height: 1.3 ; color: #4271bd; }
.contentArea h3 + p{ margin-top: 25px; }
.contentArea h4{ font-size: 1.31em; line-height: 1.6; color: #4271bd; }
.contentArea h4 + p{ margin-top: 25px; }
.contentArea h5{ font-size: 1.13em; line-height: 1.3; color: #4271bd; }
.contentArea h5 + p{ margin-top: 25px; }
.contentArea h6{ font-size: 1em; font-weight: bold; line-height: 1.5; color: #7f7d7d; }
.contentArea a{ color: #aeaeae; }
.contentArea p{ font-size: 1em; color: #333; line-height: 1.6; margin-bottom: 30px; }
.contentArea p:last-child{ margin-bottom: 0; }
.contentArea p a{ color: #7e7e7e; font-weight: bold; }
.contentArea p a.link{ font-weight: normal; }
.contentArea p a:hover{ }
.contentArea p em{ font-style: italic; }
.contentArea p strong{ font-weight: bolder; }
.contentArea .text-bigger{ font-size: 1.1em;}
.contentArea ul, .contentArea ol{ margin: 10px 0px; }
.contentArea ol{ counter-reset: section;}
.contentArea ul li, .contentArea ol li{ color: #aeaeae; line-height: 1.7; }
.contentArea ul li:before{ content: ""; width: 15px; height: 11px; background-image: url(assets/img/list-item.png); background-size: contain; background-position: center; display: inline-block; margin-right: 7px; }
.contentArea ol li:before{ counter-increment: section; content: counters(section, ".") "."; margin-right: 5px; }
.contentArea img{ max-width: 100%; }
.contentArea img + p{ } /*De paragraph na een img een aparte marge geven*/
.contentArea blockquote { border-left: 2px solid #4271bd; padding: 10px; }
.contentArea blockquote p { font-style: italic; }
.contentArea blockquote p:before{ content: '\f10d'; font-family: "Font Awesome 5 Pro"; margin-right: 5px; font-style: normal; }
.contentArea blockquote p:after{ content: '\f10e'; font-family: "Font Awesome 5 Pro"; margin-left: 8px; font-style: normal; }
.contentArea aside{ }
.contentArea aside h3,.contentArea aside p{ }
.contentArea .contentCol { padding-bottom: 50px; }
.contentArea .contentCol h1 { color: #4271bd; }

/* Generic */
.contentArea .bar h1, .contentArea .bar h2{ margin-bottom: 0; }
.contentArea .bar h2{ font-size: 1.2em; }

.center{ text-align: center; }

.input{ margin-right: 10px; height: 47px; border-radius: 5px; border: 1px solid #ebebeb; background: #f6f6f6; padding: 0 15px; outline: none; transition: 0.2s ease; }
.input::-webkit-input-placeholder{ color: #aeaeae; } .input::-moz-placeholder { color: #aeaeae; } .input:-ms-input-placeholder { color: #aeaeae; } .input:-moz-placeholder { color: #aeaeae; }
.input:focus{ background: #fbfbfb; }

.button{ color: #fff!important; width: 177px; text-align: center; text-decoration: none; display: inline-block; height: 47px; line-height: 47px; font-weight: bold; color: #fff; border-radius: 5px; margin-bottom: 30px; transition: 0.2s ease; outline: none; border: 0; cursor: pointer; }
.button:hover{ color: #fff; text-decoration: none; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.26); }
.button.buttonAutoWidth{ width: auto; padding: 0 15px; }
.button.buttonFullWidth{ width: 100%; }
.button.buttonGrey{ background: #919bad; }
.button.buttonGrey:hover{ background: #a9b3c5; }
.button.buttonGreen{ background: #529d3c; }
.button.buttonGreen:hover{ background: #57ab3f; }

.background{ width: 100%; height: 100%; overflow: hidden; position: absolute; }
.background img{ min-height: 100%; min-width: 100%; position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; }

.bold{ font-weight: bold; }

.breadcrumbs span { color: #aeaeae; line-height: 1.7; }
.breadcrumbs span.sep { padding: 0 5px; }
.breadcrumbs span.trail-end { font-weight: 900; }

.breadcrumbs{ font-size: 0.9em; margin: 20px 0 70px; display: none; overflow: hidden; }
.breadcrumbs li{ float: left; }
.breadcrumbs li:before{ display: none!important; }
.breadcrumbs li:after{ content: ">"; padding: 0 6px; }
.breadcrumbs li:last-child:after{ display: none; }

/*  */

.header{ position: relative; border-top: 3px solid #5faae0; height: 81px; text-align: center; background: #fff; box-shadow: 0px 0px 22px 0px rgba(16, 16, 16, 0.25); z-index: 2; }
.header ul { margin: 0px; }
.header .container{ padding: 0; }
.header .headerButton{ height: 78px; width: 78px; line-height: 78px; text-align: center; display: inline-block; color: #529d3c; font-size: 1.81em; }
.header .headerButton.cart{ float: left; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); }
.header .headerButton.cart span{ display: none; }
.header .headerButton.bars{ float: right; }
.header .logo{ line-height: 78px; text-align: center; display: inline-block; }
.header .logo img{ vertical-align: middle; margin-top: -7px; max-height: 48px; }
.header .header-menu{ position: absolute; width: 300px; right: -300px; -webkit-transition: right 0.4s ease; transition: right 0.4s ease; background: #003da6; background: -moz-linear-gradient(-45deg, #003da6 0%, #5faae0 100%); background: -webkit-linear-gradient(-45deg, #003da6 0%,#5faae0 100%); background: linear-gradient(135deg, #003da6 0%,#5faae0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003da6', endColorstr='#5faae0',GradientType=1 ); }
.header .header-menu.active{ right: 0; }
.header .header-menu li{ padding: 10px 0; }
.header .header-menu li:before{ display: none; }
.header .header-menu li a{ color: #fff; text-decoration: none; font-size: 1em; }

.impression{ position: relative; min-height: 437px; }
.impression .background{ height: 437px; }
.impression .bar{ text-shadow: 0px 3px 6px #000; padding: 30px 0; text-align: center; color: #fff; width: 100%; z-index: 1; position: relative; background: #0341a8; background: -moz-linear-gradient(left, #0341a8b0 0%, #1150b0b0 100%); background: -webkit-linear-gradient(left, #0341a8b0 0%,#1150b0b0 100%); background: linear-gradient(to right, #0341a8b0 0%,#1150b0b0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0341a8b0', endColorstr='#1150b0b0',GradientType=1 ); }
.impression .highlight{ position: relative; z-index: 1; }
.impression .highlight .inner{ margin-top: 267px; }
.impression .highlight .inner.box{ background: #fff; padding: 45px 20px 40px; border-top-left-radius: 45px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 40px; box-shadow: 0px 0px 18px 0px rgba(18, 16, 11, 0.27); }
.impression .highlight .inner.image{  }
.impression .highlight .inner.image img{ float: right; height: 380px; }
.impression .highlight .inner .row{ margin-left: -10px; margin-right: -10px; }
.impression .highlight .inner .row .col-6{ padding: 0 10px; }
.impression .highlight .inner .button{ font-size: 0.8em; }
.impression .highlight .inner .info{ display: inline-block; margin-right: 5px; }

.impression.impressionSmall{ min-height: 160px; }
.impression.impressionSmall .background{ height: 100%; }
.impression.impressionSmall .bar{ padding: 22px 0; }
.impression.impressionSmall .bar h1{ margin-bottom: 0; }

.carts{ margin-top: 23px; }
.carts .inner{ height: 156px; width: 100%; display: inline-block; position: relative; margin-top: 23px; box-shadow: 0px 0px 18px 0px rgba(18, 16, 11, 0.27); transition: 0.4s ease; }
.carts .inner:hover{ box-shadow: 0px 0px 18px 0px rgba(18, 16, 11, 0.70); transform: scale(1.03); }
.carts .inner .background{ overflow: hidden; }
.carts .inner .title{ background: rgba(255, 255, 255, 0.87); color: #4271bd; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; text-align: center; font-weight: 600; padding: 15px 0; font-size: 0.9em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cartsLanding{ margin-bottom: 60px; }
.carts.cartsAlternate .inner{ height: 245px; }
.carts.cartsAlternate .inner .text{ position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; padding: 15px; background: #fff; }
.carts.cartsAlternate .inner .text .title{ position: relative; display: block; text-align: left; padding: 3px 0; }
.carts.cartsAlternate .inner .text .date{ position: relative; display: block; font-size: 0.81em; color: #4271bd; }

.orderOnline{ margin-top: 45px; position: relative; }
.orderOnline .macbook-1{ position: absolute; left: 0; top: 0; }
.orderOnline .macbook-1 img{ position: absolute; width: 80vw; left: -15vw; max-width: none; }
.orderOnline .macbook-2{ position: relative; display: none; }
.orderOnline .macbook-2 img{ position: absolute; height: 525px; right: 0; max-width: none; }
.orderOnline .text{ margin-top: 63vw; margin-bottom: 40px; }
.orderOnline .text .button{ margin-right: 20px; }
.orderOnline .text .link{ display: inline-block; }
.orderOnline .croissant-1{ position: absolute; right: 0; top: 0; }
.orderOnline .croissant-1 img{ position: absolute; width: 70vw; right: -24vw; top: 12vw; max-width: none; }
.orderOnline .croissant-2{ display: none; }

.showroom{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #f5f5f5; background-image: url(assets/img/pakket-1.png), url(assets/img/pakket-2.png); background-position: right bottom, center top; background-size: 38%, contain; background-repeat: no-repeat, no-repeat; padding: 130px 0 60px; }
.showroom .inner{ position: relative; }
.showroom .inner .button{ margin-right: 20px; }
.showroom .inner .link{ display: none; }

.stayUpToDate{ padding: 20px 0 40px; background-image: url(assets/img/strawberry.png); background-position: top 225px right; background-repeat: no-repeat; margin-top: 60px;}
.stayUpToDate .news{ padding-top: 25px; padding-bottom: 50px; }
.stayUpToDate .newsItem{ margin-bottom: 20px; }
.stayUpToDate .newsItem .title{ display: block; font-weight: bold; color: #7e7e7e; }
.stayUpToDate .newsItem .date{ display: block; font-size: 0.81em; color: #aeaeae; }
.stayUpToDate .allNews{ font-size: 1.06em }
.stayUpToDate .disclaimer{ font-size: 0.69em; font-style: italic; display: inline-block; color: #aeaeae; margin-top: 20px; }
.mc4wp-success p { color: #529d3c; }
.mc4wp-error p { color: #f00; }

.landing{  }
.landing .main,
.landing .sidebar{ margin-bottom: 35px; }
.landing h5{ margin-bottom: -20px; } 
.landing h6{ margin-top: 30px; }
.landing .sidebar .input{ width: 100%; margin: 0 0 10px; }
.landing .sidebar .button{ width: 142px; }
.landing .sidebar .info{ display: inline-block; margin: 20px 0px; }
.landing .sidebar form p { margin-bottom: -40px; }
.landing .wpcf7-response-output { margin-top: 40px; margin-bottom: 0px; }

.overview{ padding-top: 50px; }
.overview .categories{ position: relative; margin-top: 46px; padding: 15px 20px; border-top-left-radius: 15px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 25px; box-shadow: 0px 0px 18px 0px rgba(18, 16, 11, 0.27); }
.overview .categories h5{ font-weight: bold; cursor: pointer; }
.overview .categories .toggle{ font-size: 1.13em; position: absolute; right: 0; top: 0; padding: 15px 20px; color: #4271bd; transition: 0.4s ease; pointer-events: none; }
.overview .categories ul{ max-height: 0; transition: 0.4s; overflow: hidden; opacity: 0; }
.overview .categories.active .toggle{ transform: rotate(180deg); }
.overview .categories.active ul{ margin-top: 10px; max-height: 400px; opacity: 1; }
.overview .categories.active ul li{ color: #4271bd; }

.pagination{ text-align: center; display: inline-block; width: 100%; }
.pagination li{ display: none; }
.pagination li:first-child{ display: inline-block; float: left; }
.pagination li:last-child{ display: inline-block; float: right; }
.pagination li:before{ display: none!important; }
.pagination li a{ text-decoration: none; margin: 0 7px; padding: 7px 15px; background: #ecf1f4; border-radius: 3px; display: inline-block; transition: 0.2s ease; }
.pagination li a:hover{ background: #e0e5e8; }
.pagination li.active a, .page-item.active .page-link { background: #4271bd; color: #fff; border-color: #4271bd; }
.pagination .disabled { opacity: 0.5; }

.footer-nav { margin: 30px 0 60px; }

.contact{ border-top: 1px solid #f5f5f5; position: relative; }
.contact #map{ height: 333px; border-bottom: 1px solid #ebebeb; }
.contact .infoContainer{ pointer-events: none; }
.contact .infoContainer .info{ pointer-events: all; }
.contact .infoContainer .info .inner{ padding: 55px 30px; color: #fff; margin-top: -170px; border-top-left-radius: 45px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 95px; background: #003da6; background: -moz-linear-gradient(-45deg, #003da6 0%, #5faae0 100%); background: -webkit-linear-gradient(-45deg, #003da6 0%,#5faae0 100%); background: linear-gradient(135deg, #003da6 0%,#5faae0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003da6', endColorstr='#5faae0',GradientType=1 ); }
.contact .infoContainer .info .inner h5{ color: #fff; }
.contact .infoContainer .info .inner table{ margin: 30px 0 20px; }
.contact .infoContainer .info .inner table td:first-child{ padding-right: 15px; }
.contact .infoContainer .info .inner a{ color: #fff; }
.contact .contactArea { padding: 50px 0px; text-align: center; }
.contact form label { color: #7f7d7d; }
.contact form .input { width: 100%; }
.contact form p { margin-bottom: 10px; }
.contact form p:last-of-type { margin-top: 25px; text-align: center; }
.contact form p:last-of-type .button { padding: 0 25px}
.contact img.strawberry, .contact img.croissant { display: none; }
.contact .breadcrumbs { margin-bottom: 0px; }

.footer{ text-align: center; padding: 30px 0 20px; }
.footer span{ color: #aeaeae; }
.footer span.left{ display: block; padding: 10px 0; }
.footer span.right{ display: block; line-height: 30px; margin-top: 10px;}
.footer span.right .logo img{ vertical-align: middle; height: 25px; margin-top: -5px; margin-left: 10px; filter: grayscale(100%); transition: 0.4s ease; }
.footer span.right .logo img:hover{ filter: grayscale(0%); }
.footer .widget_text p { line-height: inherit; }
.footer ul.menu { margin-left: 10px; margin-top: 0px; margin-bottom: 0px; }
.footer ul.menu li { display: inline; margin: 0px 5px; }
.footer ul.menu li:before { content: none; }

/* Single */
.single .overview .categories { margin-top: 0px; }
.single .overview .categories li { color: #aeaeae!IMPORTANT; }
.single .overview .categories p { margin-bottom: 0px; }
.single .overview .contentCol footer { margin-top: 75px; }
.single .overview .contentCol footer span { display: block; margin: 30px 0px; }
.single .overview .contentCol footer span a:first-of-type { margin-left: 5px; }
.single .overview .contentCol .tags-links a, .single .overview .contentCol .share-links a { padding: 10px 15px; margin: 0px 5px; background-color: #f5f5f5; transition: 0.2s all ease-in-out; text-decoration: none; border-radius: 5px;border-radius: 5px;border-radius: 5px; border-radius: 5px; display: inline-block; margin-top: 10px;}
.single .overview .contentCol .tags-links a:first-of-type, .single .overview .contentCol .share-links a:first-of-type { margin-left: 10px; }
.single .overview .contentCol .tags-links a:hover, .single .overview .contentCol .share-links a:hover { background-color: #a6a6a6; color: #fff; text-decoration: none; }
.single .overview .contentCol .share-links a { color: #fff; }
.single .overview .contentCol .share-links a i { margin-right: 5px; }

/* Delivery template */
.page-template-delivery .carts { margin-bottom: 50px; margin-top: 0px; }
.page-template-products .carts { margin-bottom: 50px; margin-top: 0px; }

/* Share function */
.single .overview .contentCol .share-links .facebook { background-color: #4267b2; }
.single .overview .contentCol .share-links .facebook:hover { background-color: #577bc1; }
.single .overview .contentCol .share-links .twitter { background-color: #56b8f5; }
.single .overview .contentCol .share-links .twitter:hover { background-color: #87ccf8; }
.single .overview .contentCol .share-links .linkedin { background-color: #0077b5; }
.single .overview .contentCol .share-links .linkedin:hover { background-color: #0095e6; }

/* Archive */
.archive .breadcrumb-trail .trail-end { text-transform: capitalize; }
.archive .title { text-transform: capitalize; }

.nivo-lightbox-theme-default .nivo-lightbox-nav { transition: 0.2s all ease-in-out; }

@media (min-width: 350px) {

.impression .highlight .inner{ margin-top: 206px; }
.impression .highlight .inner .button{ font-size: 1em; }

.carts .inner .title{ font-size: 1em; }

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

.header .container{ padding-left: 15px; padding-right: 15px 20px; }

.showroom .inner .link{ display: inline-block; }

.single .overview .contentCol .cat-links { margin-left: 15px; }
.single .overview .contentCol .posted-on, .single .overview .contentCol .cat-links { display: inline-block; margin-bottom: -10px; }

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

.impression .highlight .inner{ margin-top: 181px; }

.carts .inner .title{ text-align: left; padding: 15px; }
.carts.cartsAlternate .inner .text .title{ padding: 0; }

.showroom{ padding: 75px 0; background-image: url(assets/img/pakket-3.png); background-position: right -400px center; background-size: auto 100%; }

.stayUpToDate{ padding: 75px 0 50px; }

.pagination{ margin: 60px 0 95px; }
.pagination li{ display: inline-block; float: none!important; }

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

.contentArea h1{ font-size: 2.5em; }
.contentArea h2{ font-size: 1.31em; }
.contentArea h3{ font-size: 2em; }
.contentArea h5{ font-size: 1.31em; }

.header{ height: 65px; line-height: 62px; }
.header .container{ position: relative; transition: none; }
.header .headerButton{ font-size: 1em; width: auto; height: auto; line-height: initial; margin: 10px 0 0 12px; color: #fff; background: #529d3c; padding: 0 12px; height: 43px; line-height: 43px; border-radius: 5px; transition: 0.2s ease; }
.header .headerButton:hover{ background: #57ab3f; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.26); }
.header .headerButton.cart{ float: right; -moz-transform: none; -o-transform: none; -webkit-transform: none; transform: none; transition: none; }
.header .headerButton.cart i{ display: none; }
.header .headerButton.cart span{ display: inline-block; font-weight: bold; }
.header .headerButton.bars{ display: none; }
.header .logo{ float: left; box-shadow: 0px 0px 22px 0px rgba(16, 16, 16, 0.25); position: absolute; left: 15px; z-index: 2; line-height: 113px; height: 113px; width: 231px; background: #fff; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; }
.header .logo img{ max-height: none; }
.header .header-menu{ position: relative; background: transparent; width: auto; right: 0px; float: right; z-index: 1; transition: none;}
.header .header-menu li{ padding: 0 0 0 12px; float: left; line-height: 62px; }
.header .header-menu li a{ color: #7e7e7e; font-size: 1em; font-weight: bold; transition: 0.2s ease; }
.header .header-menu li a:hover{ color: #252525; }
.header .header-menu li.current_page_item a{ color: #4271bd; }

.impression .highlight .inner{ margin-top: 82px; }
.impression .highlight .inner.image{ position: absolute; }
.impression .highlight .inner.image img{ float: none; height: auto; }
.impression .bar{ text-align: left; position: absolute; left: 0; bottom: 30px; }

.impression.impressionSmall{ min-height: 250px; }

.orderOnline{ margin: 80px 0 70px; }
.orderOnline .text{ margin-top: 0; position: relative; height: 525px; }
.orderOnline .text .inner{ position: absolute; top: 50%; transform: translateY(-50%); }
.orderOnline .macbook-1{ display: none; }
.orderOnline .macbook-2{ display: block; }
.orderOnline .croissant-1{ display: none; }
.orderOnline .croissant-2{ display: block; position: absolute; right: -400px; bottom: -90px; }

.stayUpToDate{ padding: 115px 0; margin-top: 0px; }
.stayUpToDate .newsletter .input{ width: calc(100% - 119px); max-width: 290px; }
.stayUpToDate .newsletter .button{ width: 177px; }
.stayUpToDate .newsletter .disclaimer{ font-weight: bold; }

.landing .sidebar{ padding-top: 320px; }
.landing .sidebar .info{ display: inline-block; }
.landing .sidebar .input{ width: calc(100% - 152px); float: left; margin-right: 10px; }
.landing .sidebar .button{ width: 142px; float: left; }
.landing .wpcf7-response-output { margin-top: 20px; margin-bottom: 0px; }
.cartsLanding{ margin-bottom: 105px; }

.breadcrumbs{ display: block; }

.overview{ padding: 0; }
.overview .categories{ margin-top: 46px; padding: 30px 25px 25px; border-top-left-radius: 30px; border-bottom-right-radius: 55px; }
.overview .categories h5{  }
.overview .categories .toggle{ display: none; }
.overview .categories ul{ max-height: none; opacity: 1; margin-top: 10px; }

.contact #map{ height: 395px; }
.contact .infoContainer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.contact .infoContainer .info{ position: relative; height: 395px; }
.contact .infoContainer .info .inner{ margin: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; }
.contact.contactBig #map{ height: 610px; }
.contact.contactBig .infoContainer .info{ height: 610px; }

.footer{ padding: 0; }
.footer span.left{ float: left; padding: 0; line-height: 70px; }
.footer span.right{ float: right; line-height: 70px; margin-top: 0px;}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.header .headerButton{ margin: 10px 0 0 25px; padding: 0 25px; }
.header .header-menu li{ padding: 0 0 0 25px; }

.carts{ margin-top: 60px; }

.overview .categories{ margin-top: 83px; }

.showroom{ background-position: right -260px center; }

.landing .sidebar{ padding-top: 275px; }

.contact img.strawberry { display: block; position: absolute; }
    
.contact img.croissant { display: block; position: absolute; right: -300px; bottom: 0px; z-index: -1; }
    
}

@media (min-width: 1440px) {

.stayUpToDate{ background-image: url(assets/img/strawberry-big.png), url(assets/img/m&m.png); background-position: top 100px left -120px, bottom -135px right -30px; background-repeat: no-repeat, no-repeat; }
    
.contact img.croissant { display: block; position: absolute; right: -100px; bottom: 0px; }

}

@media (min-width: 1730px) {

.showroom{ padding: 75px 0; background-image: url(assets/img/pakket-3.png), url(assets/img/pakket-4.png); background-position: right center, left center; background-size: auto 100%, auto 100%; }

.stayUpToDate{ background-position: top 100px left, bottom -135px right -30px; }


}

/* Contact form 7 CSS */

div.wpcf7-response-output,
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 0px;
    border-top-left-radius: 45px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 95px;
    background: linear-gradient(135deg, #003da6 0%,#5faae0 100%);
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    width: 100%;
    padding: 20px 10px!IMPORTANT;
    margin: 0px;
    margin-bottom: 50px;
    text-align: center;
}

/* 360 Tour */

.tour360 {
	margin-bottom: 50px;
}