/*
Theme Name: Knuffelbij
Author: Martijn Segers
*/

@font-face {
    font-family: Walkway;
    src: url(/assets/fonts/Walkway.ttf);
}

@font-face {
    font-family: Century;
    src: url(/assets/fonts/Century.ttf);
}

#billing_country, #shipping_country {
  width: 350px;
}

.img-400 {
    height: auto; 
    width: auto; 
    max-width: 500px; 
    max-height: 500px;
}

article.product .entry-header, nav.post-navigation {
	display:none;
}
div.single-product {
	top:50px;
}

div.winkel-info {
  width:800px;
  margin:0 auto;
  text-align : left;
  position:relative;
  padding:20px;
  background-color: #fff4e4;
  border: 1px solid #fa6 !important;
}

div.winkel-info .text {
  font-weight: bold;
  margin-bottom: 10px;
}

div.winkel-info .date {
  position:absolute;
  background-color: #f94;
  color: #fff;
  left:20px;
  top:-15px;
  font-size: 80%;
  padding:4px;
}

td.product-name {
   width:400px !important;   
}

div.bon img {
  position:absolute;
  width: 250px !important;
  height: auto;
  left:0px;
  top:0px;
  z-index:5;
  background:none !important;  
}

div.orange-block img.advies {
  display:block;
  position:absolute;
  width: 100px !important;
  height: auto;
  left:30px;
  top:-45px;
  z-index:10;
  background:none !important;  
}

div.orange-block img.aanbieding {
  display:block;
  position:absolute;
  width: 140px !important;
  height: 35px !important;
  left:10px;
  top:-44px;
  z-index:10;
  background:none !important;  
}

div.orange-block div.advies {
  display:block;
  position:absolute;
  left:45px;
  top:-41px;
  font-size:14px;
  z-index:12;
  color:white;
}

div.orange-block div.aanbieding {
  display:block;
  position:absolute;
  left:4px;
  top:-41px;
  font-size:14px;
  z-index:12;
  color:white;
  width:150px;
}

div.to_website {
  color:white;
  margin-top:0px;
  margin-left:10px;
  margin-right:50px;
  font-size:85%;
  width:100px;
}

div.to_website img {
    width:25px;
	height:auto;
	border: 1px solid #555;
	padding: 1px;
	margin-left:8px;
}

div.orange-block div.advies:link {
  color:white !important;
}
div.orange-block div.advies:hover {
  color:white !important;
}


img.advies {
  display:none;
}
div.advies {
  display:none;
}

#front-modern { left:100px; top:-70px; z-index:-1000 }
#front-cocons { left:60px; top:-30px; z-index:-1000 }

@media (min-device-width : 660px) and (max-device-width: 840px) {
    #front-modern { left:490px; top:-480px; z-index:-1000 }
    #front-cocons { left:450px; top:-440px; z-index:-1000 }

    #logo-left { position: relative; left:40px; }
    #logotekst { position: relative; left: 40px; }
    #top { margin-bottom : -400px !important }
}

.brand-name-subtext {
  font-size : 100% !important;
}
.brand-name-subtext a {
  font-size : 150% !important;
}

.kb-shop-group ul li {
   width:19% !important;
   margin:5px;
   margin-top : 35px !important;
   border: 1px solid #fa6 !important;
   position: relative;
}

.kb-shop-group h2 {
	font-size : 90% !important;
	height: 50px;
}


.kb-shop-title {
  margin-top:40px;
  margin-bottom:10px;
}

.kb-shop-group a.add_to_cart_button {
	width:80% !important;
	font-size : 80% !important;
}

.kb-shop-group a.button {
	font-size : 80% !important;
}


div.orange-block ul li img {
	width: 190px !important;
	height: auto !important;
	background-color: #fff4e4;
	position: relative;
	left: -17px;
	top: -17px;
}

.kb-shop-group ul li img {
	width: auto !important;
	height: 150px;
	border : 0 !important;
}



.kb-shop-group .onsale {
  display:block;
  position:absolute;
  font-size: 90%;
  color: black;
  font-weight:bold;
  top:5px;
  left:5px;
}

.woocommerce {
}
.woocommerce ul {
  list-style : none;
  text-align: center;
  text-indent:0;
  padding:0;
  margin: auto;
}

.woocommerce ul li {
  display:inline-block;
  width:500px;
  padding: 18px;
  text-align:center;
}

.woocommerce ul li.uitverkocht {
  opacity : 0.5;
}

.woocommerce ul li h3 {
  font-size: 100%;
}

.woocommerce ul li h2 {
  font-size: 125%;
  font-family: Century !important;
}

.woocommerce ul li a.add_to_cart_button {
  display:block;
}

.woocommerce ul li.first {
  clear:both;
}

.woocommerce ul li img, .images img {
    -border: 4px solid #888;
}

.woocommerce-main-image img {
    border: 1px solid #f94;
	padding: 4px;
	margin-bottom: 35px;
}

.product-thumbnail img {
  width:75px; height: 75px;
  -border: 2px solid #888;
}

table.cart tr {
  height : 120px !important;
  background-image: url('/assets/img/hr-s.png');
  background-repeat: no-repeat;
  background-position: center bottom;  
}

table.cart tbody tr:last-child {
  background-image: none !important;
}

.shop_table, .cart_totals table, table.order_details, .customer_details {
  width: 750px;
  margin : auto;
  font-size: 125%;
}

table.order_details tr, table.cart_totals tr, .woocommerce-checkout-review-order-table tr {
  height: 65px !important;
  background-image: url('/assets/img/hr-s.png');
  background-repeat: no-repeat;
  background-position: center bottom;  
}

table.order_details thead th {
  text-decoration: underline;
}

table.order_details tfoot {
  padding-top: 50px;
}

div.woocommerce header {
  height: 50px !important;
}

.cart_totals table {
  margin-top:30px;
}

.cart_totals table th {
  font-weight : bold;
  width: 250px;
}
.cart_totals table td {
  width: 500px;
}
.cart_totals .order-total td {
  font-weight: bold;
  font-size: 120%;
}
tr.order-total {
  border-top: 1px solid #888;
}

.shop_table {
  height: 85px;
}

.shop_table .actions {
  text-align: center;
}

.cart-collaterals, .wc-cart-shipping-notice, #order_review_heading {
  margin-top:50px;
}

ul.products {
  width:1020px;
}

#shop-topbar {
  width:100%;
  height : 125px;
  background-color: black;
}

#shop-area {
  width:1020px;
  margin:auto;
}


#shop-topbar ul.nav {
  list-style : none;
  position:relative;
  top: 40px;
}

#shop-topbar ul.nav li {
  float : left !important;
}

#shop-topbar ul.nav li a:link {
  color: #555 !important;
}

.woocommerce-breadcrumb {
   font-size: 110%;
   padding: 10px;
}

.woocommerce h1 {
  font-size: 150%;
}

.woocommerce h2 {
  font-size: 150%;
  font-weight: normal;
}

.woocommerce .summary .price {
  font-size: 150%;
  font-weight: normal;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

table.cart tr {
  padding-top : 18px;
  padding-bottom : 18px;
}

input[type=number] {
    -moz-appearance:textfield;
}
.woocommerce form input,  .woocommerce form textarea {
  padding : 8px;
  background : #f8f8f8;
}

img.attachment-shop_thumbnail {
  margin-bottom: 15px !important;
  border: 1px solid #f94 !important;
  padding:2px !important;
  margin-left:10px 
}

.woocommerce form .required {
  color: red;
}

.woocommerce .quantity input {
  font-size: 150%;
  width : 50px;
}

.woocommerce .single_add_to_cart_button, #place_order {
  font-size: 125%;
  padding : 3px 6px 3px 6px;
  border-radius: 25px;
  border: 2px solid #d52;
  color : #d52;
  margin-top:10px;
  background : #efefef;
}

.woocommerce .single_add_to_cart_button:hover {
  color :  #000;
}

#customer_details {
  text-align: left;
  margin: auto;
  width: 750px;
}

#customer_details label {
  width : 250px;
}

#order_comments_field {
  margin-top: 50px;
  vertical-align: top;
}
#order_comments {
  width : 350px;
  height: 150px;
}

#customer_details input, #order_comments {
  width : 350px;
}

#customer_details #shipping_address_2, #customer_details #billing_address_2 {
  margin-left: 250px;
}

.woocommerce-result-count, .woocommerce-ordering {
  display:none;
}

#ship-to-different-address {
  position: relative;
}
#ship-to-different-address label {
  font-size: 90%;
  width: 650px;
}
#ship-to-different-address .input-checkbox {
  position: absolute;
  top:0px;
  left:400px;
}

ul.payment_methods li {
  display: block;
  float: none;
  text-align : left !important;
  width: 300px;
  margin : auto;
  text-indent : 20px;
}

ul.thankyou {
  width : 900px !important;
  padding:10px;
}

ul.thankyou li {
  display: block;
  float: none;
  text-align : left !important;
  width: 850px !important;
  margin : auto;
  font-size: 18px;
}



ul.order_details {
  width : 700px;
  padding:20px;
  background: #f3f3f3;
  border: 1px solid #ddd;
  border-radius: 25px;
}


ul.order_details li {
  display: block;
  float: none;
  text-align : left !important;
  width: 600px;
  margin : auto;
  font-size: 21px;
}

div.woocommerce-error-container {
  background-color : #fee;
  border: 1px solid #faa;
  padding-bottom: 20px;
  width:550px;
  margin : auto;
}

ul.woocommerce-error li {
  display: block;
  float: none;
  text-align : left !important;
  color : red;
  width: 500px;
  margin : auto;
  height: 20px;
}

p.terms {
  margin : auto;
  width:410px;
  margin-top : 30px;
  position:relative;
}

#terms {
  position:absolute;
  left:0px;
  top:3px;
}

div.addresses h3 {
  font-weight: normal;
}

.fb-pop {
  width:950px;
  display: none;
  padding:20px;
  font-size: 150%;
}

body {
  color: #5c0400 !important;
  font-family: Century !important;
}

h1, h2 {
  font-family : Walkway !important;
  text-transform: none !important;
  font-weight: 600;
}

h1.smaller {
  font-size: 250% !important;
  font-weight: 1000 !important;
}



h3 {
  font-family : Century !important;
  font-weight: 800;
}

.inline-title {
  font-size: 125%;
  font-weight: bold;
}

.main-text {
  font-size: 150%;
}

.sub-par {
  style : margin-top:20px; 
  font-size : 100%;
  font-weight: bold;
}

.nav {
  font-size:15px !important;
}

ul.nav-menu li a {
}

.nav-mine {
    position: fixed;
    top: 0;
    z-index:100;   
    width: 100%;
    height:75px;
}

body {
  -background-image: url(/assets/img/back-main.png);
  background-color : #fff;
  background-position: center;
}

.blok {
  padding: 10px;
  margin: auto;
  overflow:hidden;
}
.bloc {
  margin: auto;
  margin-bottom:25px;
}


#top {
  position:relative;
  top:100px;
}

.onderschrift {
  font-size: 110%;
}

.onderschrift b {
  font-weight:bolder;
}

hr {
 display:block !important;
 height:10px !important;
 background-image:url('/assets/img/hr.png') !important;
 border: 0 !important;
 max-width: 1020px !important;
 margin-top : 50px !important;
 margin-bottom : 50px !important;
}

hr.w {
 background-image:url('/assets/img/hr-w.png') !important;
}

hr.kn {
  margin-top: -80px !important;
}
hr.kb {
  margin-top: -120px !important;
}


#cart-trans {
  left:-30px;
  opacity: 0.3;
    filter: alpha(opacity=0.3); /* For IE8 and earlier */
}

.img-cart {
  position:absolute;
  left:-20px;
  top:5px;
  width:40px; height:auto;
}

#cart-badge {
  position:absolute;
  left:-6px;
  top:2px;
}

.badge-top {
  background-color: #e67a3a !important;
}

.font-small {
  font-size: 50%;
}

img.cart-item-remove {
  width:40px;
  height:auto;
}


.woo-cart .woocommerce .woo-message {
  font-style: italic;
  margin-bottom : 30px;
  margin-top : -10px;
}

.woo-cart .woocommerce .input-text, .woocommerce input.qty, .woocommerce-billing-fields input, #order_comments_field textarea, .woocommerce-billing-fields select {
  color: #a63a1a !important;
  background-color: white !important;
  border: 1px solid #e67a3a;
  padding: 8px;
}

.woocommerce-billing-fields option {
  color: #e67a3a !important;
  background-color: white !important;
  padding: 8px;
}

.woo-button {
  background-color: #e67a3a !important;
  color:white !important;
  padding: 16px !important;
  border : 1px solid white !important;
  border-radius: 25px;
  font-size: 20px;
  font-weight:bold;
}

.woo-button-small {
  background-color: #e67a3a !important;
  color:white !important;
  padding: 10px !important;
  border : 1px solid white !important;
  border-radius: 18px;
  font-size: 14px;
  font-weight:bold;
}

.woo-disabled {
  opacity : 0.3;
  cursor : default;
}

.woo-link-small, .woo-link-small:hover {
  background-color: #e67a3a !important;
  color:white !important;
  padding: 7px !important;
  margin-top: 8px;  
  border : 1px solid white !important;
  border-radius: 15px;
  font-size: 15px;
  font-weight:bold;
  text-align: center;
  width:275px;
  margin-left: auto;
  margin-right: auto;
}


.cart-update {
  position:relative;
  top: 20px;
}

a.remove img { width : 40px !important; }

.woocommerce-checkout h3 {
 margin-top: 20px;
 margin-bottom: 20px;
 text-align : left !important;
}

#order_comments_field {
  margin-top:0px;
}
#order_comments_field label {
  vertical-align: top;
}

::-webkit-input-placeholder {
    color : #a98;
}
:-moz-placeholder {
    color : #a98;
}
::-moz-placeholder {
    color : #a98;
}
:-ms-input-placeholder {
    color : #a98;
}

#order_review, .woocommerce-checkout-payment {
  margin-top: -40px;
}

div.hr-dotted {
  border-top: 1px dotted  #e67a3a;
}

tr.order-total {
  border-top: 0 !important;
}

.pm_regular, .pm_chosen {
   width: 720px !important;
   margin : 0 !important;
   text-indent : 0 !important;
   border-radius: 15px;
   margin-bottom : 10px !important;
   height: 120px;
}

.pm_regular {
   padding : 6px !important;
   border: 1px solid #ffd08a !important;
}

.pm_chosen {
   padding : 4px !important;
   border: 3px solid #e67a3a !important;
}

.pm_logo {
  float:left;
  width:120px;
}

.pm_logo img {
  width:100px;
  height: auto;
  border: 0 !important; 
  border-radius : 0 !important;
  cursor : pointer; 
}

.pm_title {
  float: left;
  width: 350px;
  height: 100px;
  padding-top: 40px;
  cursor: pointer;
  font-size: 120%;
}
.pm_extra {
  float: left;
  width: 230px;
  margin-top: 20px;
}
.pm_last {
  clear:both;
}
.nodisplay {
  display:none !important;
}

div.terms {
   margin-bottom:20px; 
}

.payment_method_pay_gateway_ideal>p { display :none;}

div.terms img.checkbox {
   width: 25px;
   height: auto;
   float: left;
   margin-top : -8px;
   margin-right : 10px;
}

.slider-wrapper{
    width:100%;
    height:85%;   
    overflow : hidden;
    position:relative;
}

.slider-wrapper img {
  display: block;
  position:absolute;
}

#slider-nav {
  width:100%;
  background-color: #000;
  height: 15px;
  position:relative;
  top:-20px;
}

#slider-time {
  width:0%;
  background-color: #e67a3a;
  height:4px;
  position:absolute;
  top:6px;
}


.thumbs {
  width: 600px;
  margin: auto;
  position:relative;
  top: -50px;
}

.thumb {
   margin-right : 10px;     
   float: left;
}
.thumb img {
   border: 4px solid black;
   width: 100px;
   height : 100px;  
}


div.round-border {
   overflow:hidden;
   border-radius: 50%;
   border: 4px solid #e67a3a;
   margin-bottom: 100px;
   margin-right:25px;
   margin-left:25px;
}

div.round-border:before{
    content:'';
    padding-top:100%; /* vertical value as  100% equals width */
    float:left;
}




.thumb a:focus {
    outline: 0;
}
.thumb img:focus {
    outline: 0;
}

#mogen {
  width: 800px;
  height : 140px;
  font-size : 200%;
  font-family : Century;
  color : #fff;
  padding : 24px;
  position:absolute;
  top: 40%;
  left:5%;
  border-radius: 25px;
  background : rgba(0,0,0,  0.4)
}

.img_1 {
  background-size:150% 150% !important;
  background: url('/assets/img/slider/kb-img-01-r.png') center;
}

.img_test {
    width: 80%px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    background-color: red;
}

.mt50 {
  margin-top:50px;
}

.mt25 {
  margin-top:25px;
}
.list-comment {
  margin-top:10px; 
  color: #d53;
}
.list-pay {
  font-size:140%;
}
.cap_country {
  font-size: 120%;
  color : #a63a1a;
}
.cap_select {
  color : #191;
  font-weight:bold;
}

.img_country {
  cursor:pointer;
  width: 60px;
  height: auto;
  margin-bottom:4px;
  margin-right: 15px;
}
.op100 {
  opacity : 1;
}
.op50 {
  opacity : .5;
}
.op25 {
  opacity : .25;
}
.field_error {
  border: 2px solid red !important;
  box-shadow: 0px 0px 4px rgba(255, 0, 0, 0.7);
}
#field_errors {
  background-color : #a21;
  border-radius: 5px;
  border: 1px solid #800;
  color: #f7e0bf;
  padding: 8px;
  margin-top: 15px;
}

h3.check_order {
  margin-top:40px !important;
}

h3.sub {
  font-size : 110%;
}

#akkoord_levering {
  width:50px;
  height:auto;
}

span.akkoord {
  position:relative;
  top: 15px;
}

div.hoeverder {
  text-align : left;
  width:900px;
}

div.hoeverder ol  {
  margin-top:40px;
  width:700px;
}

div.hoeverder ol li {
  width:600px;
  margin-bottom: 20px; 
  font-size: 18px;
}

div.hoeverder ul  {
  text-align:left;
  padding-top:20px;
}

div.hoeverder ul li {
  text-align:left;
  padding:4px;
}

.abs {
  position:absolute;
}
.rel {
  position:relative;
}
.flower {
  z-index:-100;  
}
.bee {
  z-index:100 !important; 
}

.main-content {
  width: 1010px;
  margin : 0 auto !important;
}


.title-mid, .kb-shop-title {
  font-size:125%;
  color : #333;
  background-color:#fff;
  font-weight: bold;
  padding-left:15px;
  padding-right: 15px;
}

#watzezijn ul {
  list-style : none;
  padding:0;
  margin-left:1%;
}

#watzezijn ul li {
  float:left;
  width:24%;
  text-align: center;
  margin-right:1%;
}

.blok-icon img {
  width: 65%;
  height:auto;
}

.blok-title {
   font-size:120%;
   font-weight:bold;
   color : #333;
}

.vid-player {
  border : 1px solid #f83;
  padding: 8px;
}
.vlucht-blok {
  position:absolute;
  width : 430px;
}
.blok-text {
   margin-top:30px;
}
.sub-text {
   line-height: 20px;
   font-size:95%;
}

.t-direct {
  margin-top:20px;
  margin-bottom:20px;
}

.hoegevonden .caption {
  text-align:left;
  font-size:130%;
  font-weight: bold;
  margin-top:-30px;
}

.hoegevonden ul {
  margin-left:200px;
  margin-top:0px;
}

.hoegevonden ul li {
  text-align:left;
  height: 30px;
  cursor:pointer;
}

#gevonden_anders {
  display: inline !important;
  width:230px !important;
}

.hoegevonden img, #form-shipping img {
  width:30px;
  height: auto;
  margin-top:-5px;
  cursor: pointer;
}

div.nieuw-2019 .back-image {
	left: 50px;
	top: -100px;
	width: 990px; 
	height: auto;
}
div.nieuw-2019 a {
  margin-left:15px;
  font-size:125% !important;
}

div.nieuw-2019 .header-1-1 {
  font-size:135%;
  left: 160px;
  top: -25px;
}
div.nieuw-2019 .header-1-2 {
  font-size: 135%;
  left:320px;
  top:240px;
}
div.nieuw-2019 .header-1-2  b {
  color: #000;
}

div.nieuw-2019 .header-1-3 {
  left: 240px;
  top:620px;
}
div.nieuw-2019 .header-1-3 span {
  font-size:135%;
}
div.nieuw-2019 .header-2-1 {
  left : 160px;
  top:795px;
  font-size:135%;
  color:#000;
  line-height:28px;
}
div.nieuw-2019 .header-2-2 {
  font-size: 135%;
  left : 350px;
  top: 950px;
}
div.nieuw-2019 .header-2-3 {
  font-size: 175%;
  left : 500px;
  top: 1010px;
  color : #000;
}
div.nieuw-2019 .header-2-4 {
  font-size: 135%;
  left : 160px;
  top: 1500px;
  line-height:28px;
}
div.nieuw-2019 .header-2-4 div {
  color: #000;
  font-weight:bold;
  margin-top:30px;
  margin-bottom:30px;
}
div.nieuw-2019 .header-3-1 {
  font-size: 135%;
  left : 160px;
  top: 1835px;
  line-height:28px;  
}
div.nieuw-2019 .header-3-1 div {
  color: #000;
  font-weight:bold;
  margin-top:30px;
  margin-bottom:30px;
}

ul.vb_hand  {
  width: 775px !important;
  text-indent: 0;
}

ul.vb_hand li {
  margin-left:-25px;
  display : inline;
  margin-right:0px;
}

ul.vb_hand li.trans img {
  opacity: 0.7;
}

ul.vb_hand li a img {
  border: 1px solid #f94;
  padding:2px;
}

li.no-price {
  position:relative;
  top:23px;
}

/* 2020 */
.h2020-1-1, .h2020-2-1, .h2020-3-1 {
    font-size: 150%;
	color: #222;
}

.h2020-1-1 { left: 160px; top: -25px; }
.h2020-2-1 { left: 160px; top: 475px; }
.h2020-3-1 { left: 160px; top: 955px; }

.img-step2020 {
   height: 1050px;
   width: auto;
   left:60px;
   top:-50px;
}

.h2020-1-2, .h2020-2-2 {
  color: #222;
  font-size:90%;
}

.h2020-1-2 { left: 450px; top: -25px; }
.h2020-2-2 { left: 340px; top: 475px; }


.t2020-1-1, .t2020-2-1, .t2020-3-1 {
    font-size: 135%;
	line-height:30px;
	width:720px;
	text-align: left;
}

.t2020-1-1 { left: 160px; top: 60px; }
.t2020-2-1 { left: 160px; top: 560px; }
.t2020-3-1 { left: 160px; top: 1040px; }

.b2020-1-1 {
    left: 160px;
    top: 350px;
	width:680px;
}
.b2020-2-1 {
    left: 160px;
    top: 800px;
	width:680px;
}

.img-hartje2020 {
    left: 240px;
    top: 1200px;
	width:400px;
	height:auto;
}

.img-backdrop2023 {
   width: 1133px;
   height: auto;
   left:0px;
   top:-150px;
}

.nieuw-2021-header  {
	text-align:center;
	padding-left:30px;
	padding-right:30px;
	font-size:135%;
}

.nieuw-2021-header h1 {
	margin-top:-65px;
	margin-bottom:20px;
	font-family: Century !important;
	font-size: 25px;
	color : ff6600;
	font-weight: bold;
}

.nieuw-2021-header h2 {
	margin-top:20px;
	font-family: Century !important;
	font-size: 100%;
	color : 000;
	font-weight:bold;
}

div.nieuw-2021 {
	height:2100px !important;
}

div.nieuw-2023 {
	height:3600px !important;
}

div.nieuw-2025 {
	height:2100px !important;
}

#nieuw-2025-top { font-size:130%; padding:20px; margin-top:-75px; margin-bottom:75px }
#nieuw-2025-top .wat { margin-left:100px; margin-top:60px; }


.t1-2025 { left:700px; top: -30px; width:200px; text-align:center }
.t2-2025 { left:300px; top: 290px; width:400px; text-align:center }
.t2-2025 div { margin-bottom: 8px }
.t3-2025 { left:680px; top: 730px; width:350px; font-size: 120%; text-align:center}
.t4-2025 { left:70px; top: 1055px; width:900px; font-size: 120%; text-align:center}
.t5-2025 { left:200px; top: 1420px; width:400px; font-size: 120%; text-align:center }
.t6-2025 { left:190px; top: 1920px; width:900px; font-size: 200%; text-align:center; color:#000}

.t1-2023 { left:100px; top: 0px; width:950px}
.t2-2023 { left:570px; top: 270px; width:500px}
.t3-2023 { left:570px; top: 700px; width:500px}
.t4-2023 { left:110px; top: 1048px; width:900px;}
.t5-2023 { left:110px; top: 1290px; width:600px; }
.t6-2023 { left:110px; top: 1672px; width:900px;}
.t7-2023 { left:120px; top: 3400px; width:800px; font-size: 150%; color:black; font-weight:bold}

.f135 { font-size:135%; text-align: center; line-height:28px }
.t1-2021 { left:540px; top: 170px; width:300px}
.t2-2021 { left:570px; top: 490px; width:500px}
.t3-2021 { left:570px; top: 1050px; width:500px}
.t4-2021 { left:210px; top: 1328px; width:800px}
.t5-2021 { left:590px; top: 1650px; width:500px}
.t6-2021 { left:230px; top: 1942px; width:800px; font-size: 140%; color:black; font-weight:bold}
.new-logo-2021 { left:750px; top: 1895px; width:40px; height:auto }

div.nav-mobile { display :none }
div.nav-mobile a { color:white }
div.mobile-hidden, td.mobile-hidden, tr.mobile-hidden { display:none }
div.desktop-hidden { display:block }
td.desktop-hidden, th.desktop-hidden { display:table-cell }

@media (max-device-width: 380px) {
    body { font-size : 17px !important }
}

@media (min-device-width : 381px) and (max-device-width: 400px) {
  body { font-size : 19px !important }
}

@media (min-device-width : 401px) and (max-device-width: 450px) {
  body { font-size : 20px !important }
}

@media (min-device-width : 451px) and (max-device-width: 550px) {
  body { font-size : 20px !important }
}

@media (min-device-width : 551px) and (max-device-width: 850px) {
  .nieuw-2023 {
      zoom : 0.88;
      margin : 0 auto !important;
      margin-left : auto !important;
  }
   .nieuw-2025 {
      zoom : 0.88;
      margin : 0 auto !important;
      margin-left : auto !important;
  }
  .vlucht-block { zoom : 0.9 }
  section.services { zoom : 0.9 }
  .row {
      margin-left : auto !important;
      margin-right : auto !important;
  }
}

@media (min-device-width : 851px) and (max-device-width: 1300px) {
  .nieuw-2023 { zoom : 0.88 }
  .nieuw-2025 { zoom : 0.88 }
  .vlucht-block { zoom : 0.9 }
  section.services { zoom : 0.9 }
}

@media (min-device-width : 680px) and (max-device-width: 850px) {

  .main-content {
    width: 100%;
    margin : 0 auto !important;
  }

  #watzezijn ul li {
      width:49%;
    }
}

#front-klassiek { zoom:0.57; left:20; top:-180px }

@media (max-device-width: 660px) {

  #nieuw-2025-top { font-size:120%; padding:15px; margin-top:-65px; margin-bottom:15px }
  #nieuw-2025-top .wat { margin-left:0; text-align:center }
  .nieuw-2025.vlucht { margin-top:0px; }
  .t2-2025 { }
  
  #front-klassiek { top: 350px; zoom : 0.45 }
  
  #top { margin-bottom : 50px !important }
  table.shop_table_responsive { width : 100% !important }
  .step-address { left:5px !important }
  .woocommerce-billing-fields { text-align: center !important }
  #customer_details { width:100% !important }
  #customer_details input, #customer_details select { width:90% !important }
  .hoegevonden ul { margin-left:15px !important }
  input#gevonden_anders { width:200px !important; }

  div.woocommerce-error-container {
    width:95% !important; margin-bottom:50px !important;
    padding-bottom:30px;
  }
  ul.woocommerce-error li {
    width:105% !important; line-height:22px; margin-bottom:10px;
    height:50px !important;
  }

  .s2container, .s2container h3, .woocommerce-billing-fields h3 { text-align:center !important; width:90%; margin:0 auto; margin-top:30px }
  .s2c { margin-bottom: -40px; }
  .woocommerce-billing-fields .s2c { margin-top:30px }
  .woocommerce-billing-fields h3 { margin-bottom:30px }

  ul.payment_methods { width:100% !important; padding: 0px !important; }
  ul.payment_methods li { width:95% !important; position:relative !important }
  ul.payment_methods .pm_title { display:none }
  ul.payment_methods .pm_extra { position:absolute; line-height:20px; top:-5px; left:130px; }

  ul.payment_methods li pm_logo { position:absolute; left:0px; top:0px; }
  ul.payment_methods li legend { padding-bottom:3px !important }
  ul.payment_methods li select { margin-top:-5px !important }

  div.desktop-hidden, td.desktop-hidden, th.desktop-hidden { display:none }
  div.br-kortingscode { margin-bottom: 15px; }
  td.mobile-cart-icon img {
      width: 150px !important; height:auto !important;
      margin-bottom:15px; margin-right:15px;
    font-size : 80%;
  }
  tr.order-total { font-size : 80% !important; height:65px !important; background-position-y: 60px !important;}
  small.includes_tax::before {
     content : '\a' !important;
     white-space : pre !important;
  }
  tr.cart-mobile-row { background-image: none !important }
  .btn-kortingscode { font-size: 90% !important }
  .btn-vernieuw { font-size: 110% !important }

  .main-content, .container, #page-top  {
    width:100% !important;
  }

  #watzezijn ul li {
    width:95%;
  }

  #winkel1, #knuffelbijen1, #help1, #contact1 {
    display:none;
  }

  img.winkel-bon { width: 75% !important; margin-top: -60px }
  #winkel h3 { font-size: 140% !important }
  #winkel img.wp-post-image { width : 75% !important}
  #winkel div.thumbnails { display : none }
  #winkel div.entry-content { width:90% !important; margin: auto !important }
  #cart-mobile { left : -4px !important; top: -5px !important }

  footer.footer .contact-details {
    margin: 25px 0 !important;
  }

  footer.footer .contact-details {
    font-size: 130% !important;
  }
  footer.footer .contact-details h4 {
    font-size: 110% !important;
  }

  footer.footer {
    padding-top: 5px !important;
  }

  ul.nav-menu {
    background-color: #000;
    display:none;
  }

  .nav-mine {
    height:60px !important;
  }

  #mobile-menu-button { float:left; margin-top:8px }
  #mobile-cart-container { float:right; position:relative; width:25px; }

  div.nav-mobile { display :block !important }
  div.nav-mobile.hidden { display :none !important }

  section#top div.main-content > p { margin-top: 90px !important }
  #div-logotekst { text-align : right !important; margin-right: 20px; }
  #logotekst-top { height: 35px !important }
  #logotekst { width: 60% !important }
  #front-modern { left:10%; top:200px; z-index:-1000; width:90% }
  #front-cocons { left:1%; top:230px; z-index:-1000; width:90% }
  #logo-left { width:100% !important }

  hr.colored { width : 90% !important }

  #knuffelbijen { position:relative; top: 60px;}
  #eigenlijk { font-size : 80% ; margin-left:25px }
  #watzezijn { margin-top: -60px;}
  iframe.vid-player { width:100% !important }

  .blok-icon img { width: 55% !important }

  .img-backdrop2023 { display : none }

  div.mobile-hidden { display:block }
  tr.mobile-hidden, td.mobile-hidden { display:table-row }

  .mobile-nieuw-top { margin-top:-100px; }

  .mobile-bullet { position:relative; margin-bottom: 35px; width:50px; margin: auto; height:50px; }
  .mobile-bullet img { position:absolute; top:-10px; left:-10px; }
  .mobile-bullet .text { position:absolute; top:10px; left:10px; color: #fff; font-size: 250%; font-weight:bolder; }
  
    .main-content div { line-height: 26px !important; }

  .nieuw-2023 { margin-top:-40px !important;  }
  div.nieuw-2023 { height: auto !important; }
  .nieuw-2023 > div { top:0px !important; margin-bottom:35px; position:relative; text-align: center !important; font-size: 100%; left:3%; width:95%; }
  .nieuw-2023 div ul { list-style: none; padding:0px  }
  .nieuw-2023 h1 { position:relative; text-align:center; margin:0 }
  .nieuw-2023 h2 { position:relative; text-align:center; margin:0}
  
  .nieuw-2025 { margin-top:-40px !important;  }
  div.nieuw-2025 { height: auto !important; }
  .nieuw-2025 > div { top:0px !important; margin-bottom:35px; position:relative; text-align: center !important; font-size: 100%; left:3%; width:95%; }
  .nieuw-2025 div ul { list-style: none; padding:0px  }
  .nieuw-2025 h1 { position:relative; text-align:center; margin:0 }
  .nieuw-2025 h2 { position:relative; text-align:center; margin:0}

  .mobile-img { position : relative; text-align:center  }
  .mobile-img img { width:60%; position:relative; }
  .mobile-img img.streep { width:4px; position:relative; }
  .mobile-img img.streep-s { width:4px; position:relative; }
  .mobile-img img.streep-ss { width:4px; position:relative; margin-bottom:75px; }

  .mobile-img img.bij { width:50px; position:relative; }
  .mobile-img img.bij-s { width:50px; position:relative; }
  .mobile-img img.bij-ss { position:absolute; width:50px; left:50%; top:75px; transform: translate(-50%, -50%);}

  .mobile-img.klassiek { }
  .mobile-img.modern { }

  .t6-2023 > div { top:0px !important; left:0px !important; }
  .t6-2023 > div > div > h2 { top:10px !important; left:0px !important; }
  .t6-2023 > div > div > div { top:0px !important; left:0px !important; width:95% !important }

  .mobile-img.populatie { margin-top:50px; margin-bottom: 25px; }
  .mobile-img.hotelkeuze { margin-top:50px; margin-bottom: 25px;}
  .mobile-img.hotelkeuze img { width:30%; }
  .mobile-img.handleiding { margin-top:50px; margin-bottom: 25px;}
  .mobile-img.tools { margin-top:50px; margin-bottom: 25px;}
  .mobile-img.kokers { margin-top:50px; margin-bottom: 25px;}
  .mobile-img.hartje { margin-top:50px; margin-bottom: 25px;}
  .mobile-img.hartje img { width : 50px }
  .mobile-txt-number { font-size: 175%; font-weight:bolder; margin-top:50px; margin-bottom: -25px; }

  div.vlucht { margin-top: 100px; }
  img.vlucht-backdrop { display : none }
  div.vlucht-img.vlucht-top { margin-top: -60px; }
  div.vlucht-img { text-align : center; margin-bottom: 25px; margin-top: -50px; }
  div.vlucht-img img { width: 40%;  }
  div.vlucht-block { position: relative; height:auto !important; }
  div.vlucht-block .mobile-img { margin-top : -20px; }
  .koop-nu-button { margin-top: 75px; margin-bottom: -175px; text-align:center !important; position: relative !important; left:0px !important; top:0px !important }
  img.vlucht-nestgang { width: 80% !important }

  .row-download a img { width : 30% !important; }
  .row-download { margin-top : -70px !important; }
  .row-download.bottom { margin-top : -90px !important; }
  .row-download div { margin-bottom : 25px; }

  .vlucht-blok {
    position:relative; left:0px !important; top:0px !important;
    width: 90% !important; margin:auto; font-size: 100% !important; text-align:center;
    margin-bottom : 50px;
  }

  .cc-window {
    position:absolute !important; top:-10px !important; width:100% !important;
    max-width:100% !important; font-size:100% !important;
  }

  .winkel-info { width : 100% !important; font-size: 100% !important }



  ul.products { width: 100% !important }
  .kb-shop-group ul li {
      width: 45% !important; margin-bottom:35px !important;
      padding : 2px !important
  }
  .kb-shop-group ul li a.button { margin-bottom : 10px; }
  div.orange-block ul li img.attachment-woocommerce_thumbnail,
  div.orange-block ul li div.bon img
  {
    width: 100% !important; text-align:center !important ;
    left:0px !important; top:0px !important;
  }
  div.orange-block ul li h2 {
    padding:2px !important;
    position:relative !important; display:block !important;
    top:-10px !important; margin-bottom:10px !important;
  }

  .kb-shop-group ul li div.highlight {
      top: 15px !important;
      left: 10% !important;
      margin: 0 !important;
      padding: 0 !important;
      z-index : 100;
      width:100% !important;
      text-align:center !important;
  }

  .hoe-werkt-het-titel {
      display:none;
  }

  img.back-hoe { display:none }
  img.ontvang { display:none }

  .hoe-werkt-het-mobile div.title-sub {
     margin-top:-70px;
     width:100%;
     font-size: 110%;
     text-align:center;
  }

  .services .sub-text {
      text-align: center !important;
      position:relative !important;
      left:0px !important;
      top:0px !important;
      margin-bottom : 25px;
      margin-top:10px;
  }

  .services .t-above { left:0px !important }
  .services .hoe-img { width:100%; text-align:center }
  .services .hoe-img img { width:60%;}
  .services .hoe-img.calendar { margin-top: -80px; }
  .services .hoe-img.hoe-row-2 { margin-top: -130px; }
  .services .hoe-img.calendar img { width:80%;}
  .services .hoe-img.hoe-bon img { width:90%;}

  #conv1 { margin-top: -75px }

  .shop_table, .cart_totals table, table.order_details, .customer_details {
    width: 100%;
  }

  td.product-name {
    width:60% !important;
  }

  div.hoeverder { width:100%; }
  div.hoeverder ol  { width:95%; }
  div.hoeverder ol li { width:100%; }

}

.thumbnails a img {
  width: 100px !important; height:100px !important;
}