/*
Theme Name:     Kootje Boed Child Theme
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



@font-face {
    font-family: 'GreatLakesNF';
    src: url('fonts/GreatLakesNF.woff2') format('woff2'),
        url('fonts/GreatLakesNF.woff') format('woff'),
        url('fonts/GreatLakesNF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body { background: #000; }
h1, h2, h3, h4, h5, h6 { font-family: 'GreatLakesNF', Arial, Tahoma !important; letter-spacing: 0.5px; font-weight: 400 !important; }

.Xpage-id-16 .mk-desktop-logo.dark-logo { display: none; }


.pagina-blok { margin-top: -50px; }


/* --- HEADER --- */
.mk-header { border: none; background: none !important; }
.a-sticky { display: none !important; }
.hb-custom-header > div, .mk-header-bg { background-size: auto !important; background-position-y: -30px !important; background-color: transparent !important; }
.mk-header { margin-top: 0px; }

.header-style-1 .menu-hover-style-1 .main-navigation-ul > li > a, .header-style-1 .menu-hover-style-2 .main-navigation-ul > li > a, .header-style-1 .menu-hover-style-4 .main-navigation-ul > li > a, .header-style-1 .menu-hover-style-5 .main-navigation-ul > li, .header-style-1 .menu-hover-style-3 .main-navigation-ul > li, .header-style-1 .menu-hover-style-5 .main-navigation-ul > li { height: 45px; line-height: 45px; }
.main-navigation-ul li:last-child{ padding-right: 10px !important; }
.main-navigation-ul li:first-child{ padding-left: 10px !important;  }

 .main-navigation-ul li.menu-item { padding-bottom: 2px; }
.main-navigation-ul, .main-navigation-ul li.menu-item, .main-navigation-ul ul.sub-menu { background: #000; margin-top: 9px; }
.header-style-1 .menu-hover-style-5 .main-navigation-ul > li > a.menu-item-link { font-family: 'GreatLakesNF', Arial, Tahoma !important; letter-spacing: 0.5px;  font-size: 14px; }

.page-id-16 .fit-logo-img a img { max-height: 78%; /* - was 80 - */ margin-top: -10px; margin-left: -10px;  }
.fit-logo-img a img { max-height: 78%; /* - was 80 - */ margin-top: -10px; margin-left: -10px;  }
.Xfit-logo-img a img { max-height: 55%; /* - was 80 - */ margin-top: -40px; }



/* --- HOME --- */
.layerslider-home { margin-top: 70px; margin-bottom: -40px; }

.ls-wp-container:after {
	content: "";
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	position: absolute;
  z-index: 999999;
  background: url(images/slider-overlay.png) no-repeat bottom center;
  background-size: contain;
  }

  .Xls-wp-container:before {
    	content: "";
    	width: 100%;
    	height: 100%;
    	top: 5%;
    	left: 0%;
    	position: absolute;
      z-index: 999999;
      background: url(images/slider-overlay-logo.png) no-repeat top left;
      background-size: contain;
      }

.Xls-wp-container:before {
          content: "";
          width: 1140px;
          height: 100%;
          top: 0%;
          position: relative;
          float: right;
          z-index: 999999;
          background: url(images/logo-slider.png) no-repeat top left;
          background-size: 25%;
          margin: 0 auto;
          background-position: 0px 90px;
}


.slider-overlay { display: none; position: relative; top: -400px; margin-bottom: -400px !important;  }
#background-layer--3 {    background-size: contain !important; }

.slider-overlay .vc_row-fluid { max-width: 1140px; margin: 0 auto; }
.ls-v6 .ls-nav-prev, .ls-v6 .ls-nav-next { z-index: 99999999; }


@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 2.5s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}




/* --- WOOCOMMERCE SLIDER --- */
#wps-slider-section #sp-woo-product-slider-25.sp-wps-theme_one .wps-product-image { border: none !important; }
.wpsf-product-title, .wpsf-product-title a { margin-top: 20px !important; line-height: 27px !important; font-family: 'GreatLakesNF', Arial, Tahoma !important; min-height: 60px; color: #ffff00 !important; font-size: 21px !important; letter-spacing: 1px; font-weight: 400 !important; }
.wpsf-product-title a:hover { color: #fff !important; }
.wpsf-product-price, .wpsf-product-price span { color: #ff0000; font-family: 'GreatLakesNF', Arial, Tahoma !important; font-size: 19px !important; font-weight: 400; letter-spacing: 1px; }

.more-info-button { color: #00ffff !important; font-family: 'GreatLakesNF', Arial, Tahoma !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 1px;  border: 1px solid #00ffff !important; padding: 4px 12px 5px 12px !important; position: relative; top: 15px !important;  }
.wpsf-cart-button a { color: #00ffff !important; font-family: 'GreatLakesNF', Arial, Tahoma !important; font-size: 12px !important; font-weight: 400 !important; letter-spacing: 1px;  border: 1px solid #00ffff !important; padding: 3px 3px 4px 3px !important; margin-top: 15px !important; }
.wpsf-cart-button a:hover, .more-info-button:hover { color: #000 !important; background: #00ffff !important; }

.wpsf-cart-button .add_to_cart_inline { display: none; }
#wps-slider-section img.wpsf-product-img:hover { opacity: 0.9 !important; }

.mk-product-loop .mk-shop-item-detail span { font-size: 19px !important; }




/* --- WOOCOMMERCE --- */

.woocommerce-pagination .page-numbers li .page-numbers.current, .woocommerce-pagination .page-numbers li .page-numbers:hover { border: 2px solid #fff !important; } 
.woocommerce-pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev, .woocommerce-result-count { color: #fff !important; }
.add-cart-responsive-state .mk-header-cart-count { background: #00ffff; color: #000 !important; font-family: 'GreatLakesNF', Arial, Tahoma !important; }
.add-cart-responsive-state { display: block !important; }


.woocommerce-MyAccount-content a { color: #fff !important; text-decoration: underline; }
.woocommerce-MyAccount-content a:hover { color: #fff !important; text-decoration: none; }
.woocommerce-MyAccount-navigation-link a, .woocommerce-MyAccount-content p { color: #fff !important; }
.woocommerce-MyAccount-navigation-link a:hover { text-decoration: underline; }



/* --- CART --- */
.woocommerce .shop_table tbody td a, .woocommerce-cart-form__cart-item .cart_item a { color: #fff !important; }
.cart_totals  h2 { color: #ffff00; }
.woocommerce .cart-collaterals .cart_totals table th, .woocommerce .cart-collaterals .cart_totals table td { color: #fff !important; }
.woocommerce .cart-collaterals .cart_totals table, .woocommerce .cart-collaterals .cart_totals table tr { background: #000 !important; }
.woocommerce .cart-collaterals .cart_totals table th { padding-top: 10px !important; }
.woocommerce .cart-collaterals .cart_totals strong { color: #fff !important; font-weight: 400; }
.woocommerce .cart-collaterals .cart_totals a.button.alt, .woocommerce #payment #place_order { width: 100%; color: #000; margin-top: 25px; text-align: center; }

.woocommerce table.cart td.actions .coupon { margin-bottom: -4px; }




/* --- CHECKOUT --- */
.woocommerce .shop_table tbody tr:nth-of-type(even) { background: none !important; }
.woocommerce #payment div.payment_box p { color: #000 !important; }
.woocommerce #payment ul.payment_methods li { color: #fff; }

#order_review_heading, .woocommerce-billing-fields h3, .woocommerce-additional-fields h3 { color: #ffff00 !important; margin-top: 35px; }
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .shop_table thead th { border-color: #fff; color: #fff; font-weight: 400 !important; }
.woocommerce .shop_table tbody td { color: #fff; }
.order-total th { color: #00ffff !important; }
.woocommerce #payment { background: #000; }
.woocommerce #payment a { color: #fff; text-decoration: underline; }
.woocommerce #payment a:hover { color: #00ffff; }
.woocommerce #payment #place_order { width: 100%; color: #000; margin-top: 25px; padding-top: 15px !important; text-align: center; }
.woocommerce .cart-collaterals .cart_totals a.button.alt:hover, .woocommerce #payment #place_order:hover { background: #ffff00 !important; }
.woocommerce-form-coupon p { color: #000; }





/* --- SINGLE PRODUCT PAGE --- */
.pagnav-wrapper { display: none; }
.single-product .product_meta { padding: 0px; border: none; color: #fff; text-transform: uppercase; margin: 0 0 0 0; }
.single-product .product_meta a { color: #fff !important; }
.single-product .product_meta a { color: #00ffff; }

.prijs-single .woocommerce-Price-amount, .prijs-single .amount, .price-single bdi, .prijs-single p, .prijs-single span { font-family: 'GreatLakesNF', Arial, Tahoma !important; font-weight: 400; letter-spacing: 0.5px; }
.product-titel h1 { letter-spacing: 1.5px; }

.single-product { background: #000; }
.single-product #mk-page-introduce.intro-left { display: none !important; }

.related-blok .vc_col-sm-12 { border-top: #00ffff 2px solid; padding-top: 50px; }
.woocommerce .products.related h2 { display: none; }

.wc-tab.panel { padding: 25px 10px 0 10px; }
.wc-tabs { border: none; }
.wc-tabs li.active a, .wc-tabs li a { display: none; }
.woocommerce-Tabs-panel h2 { color: #ffff00 !important; font-weight: 400; letter-spacing: 0.5px; font-size: 24px !important; }

.woocommerce .button.single_add_to_cart_button { font-weight: 400; background: none; background-color: #000 !important; border: 1px solid #00ffff; font-family: 'GreatLakesNF', Arial, Tahoma !important; color: #00ffff !important; padding: 14px 20px !important; font-size: 14px !important; }
.woocommerce .button.single_add_to_cart_button:hover { background-color: #00ffff !important; color: #000 !important; }
.woocommerce #content .quantity .minus, .woocommerce #content .quantity .plus, .woocommerce .quantity .minus, .woocommerce .quantity .plus { background: #ff0000; }
.woocommerce #content .quantity input.qty, .woocommerce .quantity input.qty { border: none; }


.mk-product-loop.compact-layout .mk-product-holder { background: #000; border: none; }
.mk-product-loop .mk-product-holder .product_loop_button { display: none; }
.mk-product-loop.compact-layout .product-title { min-height: 55px; text-align: center; padding: 0px; line-height: 27px; font-size: 21px !important; font-weight: 400; letter-spacing: 0.5px; }
.mk-product-loop.compact-layout .product-title a { text-align: center; color: #ffff00 !important; font-family: 'GreatLakesNF', Arial, Tahoma !important; }
.mk-product-loop .mk-shop-item-detail { text-align: center; }
.mk-product-loop .mk-shop-item-detail span { color: #ff0000; font-family: 'GreatLakesNF', Arial, Tahoma !important; font-weight: 400; letter-spacing: 0.5px; }

.woocommerce div.product form.cart div.quantity { margin-bottom: 14px !important; }

.woocommerce-account .addresses .title h3 { margin-top: 15px; }
.woocommerce-account .addresses .title h3, .woocommerce-order-details__title, .woocommerce-column__title { color: #ffff00 !important; }
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce .shop_table thead th { background: #000; }
.woocommerce .order_details li, address { font-style: normal !important; color: #fff !important; }


/* --- FOOTER --- */
#sub-footer { background: url(images/footer-bg.jpg) repeat-x center; padding: 21px 0 0px 0; background-size: cover; }
.mk-footer-copyright { width: 100%; float: none; margin: 0 auto; padding: 0 15px; opacity: 1 !important; }

.links, .rechts { font-family: 'GreatLakesNF', Arial, Tahoma !important; display: block; float: left; }
.rechts { text-align: right; float: right; text-align: center; }
.links p, .rechts p { background: #000; padding: 5px 15px 4px 15px; color: #00ffff !important; font-family: 'GreatLakesNF', Arial, Tahoma !important; font-size: 16px !important;  letter-spacing: 1px !important; }
.links a, .rechts a {color: #00ffff !important; font-family: 'GreatLakesNF', Arial, Tahoma !important;  font-size: 17px !important; }
.links a:hover, .rechts a:hover { color: #fff !important; }
.rechts span { margin: 0 4px; }






/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

	.page-id-16 .fit-logo-img a img { max-height: 78%; /* - was 80 - */ margin-top: 15px; margin-left: -10px;  }
	
.woocommerce .mk-product-holder .product-loop-image { margin-top: 30px; }

	.shop_table button.button { width: 100%; margin-bottom: 10px; }
	.woocommerce table.cart td.actions {    position: relative;    top: 20px;    margin-bottom: 20px !important;    padding-bottom: 20px !important; }
	.cart_totals h2 { text-align: center; }
	.woocommerce .cart-collaterals .cart_totals a.button.alt { width: 94%; }
	.woocommerce #payment #place_order {    width: 100%; }



	.pagina-blok { padding-top: 100px; }
	.woocommerce-cart-form__cart-item { padding-bottom: 20px; }

	body { background: #000 !important; }
	.page-id-16 .mk-desktop-logo.dark-logo { display: block !important; }


.slider-mobiel { position: relative; top: -100px; }
.full-width-2 .page-section-content { padding-top: 0px !important; }

.mk-header { margin-top: -38px !important; background: none !important; }
.hb-custom-header > div, .mk-header-bg { background-position-y: 0px !important; background: url(images/bg-header-mobiel.png) repeat-x top center; }
.hb-custom-header > div, .mk-header-bg { background-size: cover !important; }
.fit-logo-img a img {   max-height: 50% !important;    margin-top: 17px; }
.mk-css-icon-close div, .mk-css-icon-menu div { background-color: #000; }
.header-style-1.header-align-left .mk-nav-responsive-link { background: #00ffff; padding: 10px 10px 7px 10px !important; top: 64%;  }

.mk-responsive-nav { background: #000; border: none; padding: 15px 0; }
.mk-responsive-nav>li { border: none; background: #000; }
.mk-responsive-nav li a { text-align: center; border: none; padding: 8px 20px; font-family: 'GreatLakesNF', Arial, Tahoma !important; letter-spacing: 1px; font-size: 14px; font-weight: 400; }
.mk-responsive-nav li a:hover { color: #ffff00 !important; }

#sub-footer { padding-top: 11px !important; }
.mk-footer-copyright { width: 95%; }
.links, .rechts { width: 100%; text-align: center; }

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 990px) {


	.pagina-blok { padding-top: 100px; }
	.woocommerce-cart-form__cart-item { padding-bottom: 20px; }

	body { background: #000 !important; }
	.page-id-16 .mk-desktop-logo.dark-logo { display: block !important; }
	#wps-slider-section .wps-product-section ul.slick-dots li { line-height: 8px !important; }


.layerslider-home { position: relative; top: -110px; margin-bottom: -90px; }
.full-width-2 .page-section-content { padding-top: 0px !important; }

.mk-header { margin-top: -38px !important; background: none !important; }
.hb-custom-header > div, .mk-header-bg { background-position-y: 0px !important; background: url(https://kootjeboef.muzomedia.nl/wp-content/uploads/2022/01/bg_header.png) repeat-x top center; }
.hb-custom-header > div, .mk-header-bg { background-size: cover !important; }
.fit-logo-img a img {   max-height: 50% !important;    margin-top: 17px; }
.mk-css-icon-close div, .mk-css-icon-menu div { background-color: #000; }
.header-style-1.header-align-left .mk-nav-responsive-link { background: #00ffff; padding: 10px 10px 7px 10px !important; top: 64%;  }

.mk-responsive-nav { background: #000; border: none; padding: 15px 0; }
.mk-responsive-nav>li { border: none; background: #000; }
.mk-responsive-nav li a { text-align: center; border: none; padding: 8px 20px; font-family: 'GreatLakesNF', Arial, Tahoma !important; letter-spacing: 1px; font-size: 14px; font-weight: 400; }
.mk-responsive-nav li a:hover { color: #ffff00 !important; }

#sub-footer { padding-top: 11px !important; }
.mk-footer-copyright { width: 95%; }
.links, .rechts { margin-top: 7px;  }

}