/*
 * Theme Name:   EktaMat
 * Description:  Thema voor de website van EktaMat AS
 * Author:       Laurens Groeneveld
 * Author URI:   http://www.groennet.info
 * Template:     Divi
 * Version:      1.0
*/

@import url("../Divi/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* 
 * Achtergrond
 */

body {
  background: url('/wp-content/uploads/2014/04/Elegant_Background-blur.png') no-repeat center center fixed;
}

#main-content, .et_pb_section {
  background: none !important;
}

/*
 * Kleuren
 */

/* Kleuren van tekst duidelijk leesbaar */
p { color: #333; }

/* Fix, header moet wel wit */
p.et_pb_fullwidth_header_subhead { color: #ffffff; }
/* Links zijn donkerbruin, underline om ze duidelijk link te laten zijn */

p > a { text-decoration: underline; }

/* Kleuren checkout */
.cart-subtotal, .shipping, .order-total, .cart_item, .order_details, .customer_details, .tax-rate, .screen-reader-text { color: #333; }

/* 
 * Header
 *
 * Aanpassingen aan de header balk boven de bruine titelbalk
 */

.et_fixed_nav #logo { 
  max-height: 127px; /* groter logo */
}

nav#top-menu-nav {
  padding-top: 44px !important; /* nav-items meer naar beneden zodat ze op een lijn met het logo staan */
}

.et-cart-info {
    /*padding-top: 34px;*/
    display: none;
}

.et_pb_section { 
  padding: 0px 0px; /* Geen padding aan de bovenkant van een sectie (standaard 50px, enorm veel) */
}

#et_top_search {
  /*margin-top: 48px;*/
    display: none;
}

#ekta-shop-page {
  margin-top: -27px;
}

#main-header .container {
  padding-right: 70px;
}

#main-header {
    background: #E5D6C5 !important;
}

.big-header {
    background: #3A1E15 !important; /* Grote header, bv. boven Handlekurv */
}

/* Positie hamburger-menu naast winkelwagen en zoek icoon */
#main-header #et_mobile_nav_menu { margin-top: 38px !important; }

/*Menu meer naar onder zodat het het logo niet overlapt */
#main-header .et_mobile_menu { margin-top: 50px !important; }

/*
 * Paginacontent
 */

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
    color: #333 !important;
}

.woocommerce-breadcrumb, .woocommerce-breadcrumb a {
  color: #333 !important;
}


.et_pb_widget_area { color: #333 !important; }

.et_pb_widget li a { color: #444 !important;}

.et_pb_widget li a:hover { color: #333 !important; }

.product_meta { color: #333; }

.posted_in a { color: #3A1E15; }

/* Lightbox */
div.pp_pic_holder { z-index: 100000; } /* Hogere z-index zodat lightbox over fixed header valt */


/* ---- Aanpassingen aan de sections/lay-out ---- */

/*
* Pagina lay-out 
*
* Aanpassingen aan de algemene pagina lay-out
*/

.et_pb_fullwidth_header {
  padding: 25px 0; /* Kleinere bruine bovenbalk */
}

#ekta-home-top-section .et_pb_fullwidth_header {
  padding: 20px 0;  /*Nog kleinere bruine bovenbalk op de homepagina, daar staat geen tekst erin */
}

/* -- Lay-out fixes -- */

table.cart td.actions .checkout-button { margin-top: 9px !important; }

.page-id-79 .cart_totals th {
    padding-left: 4px !important;
}

.product-categories .cat-item .children {
    margin-top: 5px !important;
}

.woocommerce-message a {
    color: #fff;
    text-decoration: underline;
}

/*
 * Footer
 */

#footer-bottom {
    background-color: #3a1e15;
}

#footer-bottom p {
    color: #fff;
}

/*
 * WooCommerce 11 compatibility (2026-10 upgrade from WooCommerce 2.1).
 * WooCommerce 11 uses new markup and classes. These rules keep the look of
 * the old shop.
 */

/* Product gallery: 3 thumbnails per row under the main image, as before. */
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
  display: block;
  float: left;
  width: 29.7%;
  margin: 20px 5.45% 0 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(3n+1) {
  margin-right: 0;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(3n+2) {
  clear: left;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper::after {
  content: "";
  display: table;
  clear: both;
}

/* Product titles in lists are h2 now (h3 before). Divi sets
   ".product .related h2 { font-size: 26px !important }" for the section heading,
   which now also hits the product titles. */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.product .related ul.products li.product h2.woocommerce-loop-product__title {
  font-size: 16px !important;
  line-height: 1em;
  padding: 4px 0 !important;
}

/* The guest notice is .woocommerce-info now; underline its link as before. */
.woocommerce-info a {
  text-decoration: underline;
}

/* Login and register boxes: solid light border, as before. */
.woocommerce form.login,
.woocommerce form.register {
  border-color: #e0dadf;
}