/*
 Theme Name:   Eclipze
 Theme URI:    http://dmp-digital.co.uk/
 Description:  Eclipze Theme
 Author:       Kevin Coyle
 Author URI:   http://kevincoyledesigner.co.uk
 Template:     base
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         accessibility-ready
 Text Domain:  eclipze
*/

@import url(css/colour-reset.css);

/* ---------
Fonts
----------- */

@font-face {
  font-family: 'glacial_indifferencebold';
  src: url('css/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
       url('css/fonts/glacialindifference-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;

}


@font-face {
  font-family: 'glacial_indifferenceregular';
  src: url('css/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
       url('css/fonts/glacialindifference-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;

}

/* -----------
////////////////
Custom Styles
/////////////////
-------------- */

:root .eclipze {

  --btn-text-col-normal:#0c0600 ;
  --btn-bg-col-normal: #fcfcfc;
  --btn-text-col-hover: #fcfcfc;
  --btn-bg-col-hover: #0c0600;

}

.eclipze .light-text {
  --btn-text-col-hover: var(--light-color);
}

.eclipze .light-text {
  --btn-text-col-normal: var(--dark-color);
}

body:not(.wp-admin) h1, .wp-admin .edit-post-visual-editor .acf-block-preview h1, 
body:not(.wp-admin) h2, .wp-admin .edit-post-visual-editor .acf-block-preview h2, 
body:not(.wp-admin) h3, .wp-admin .edit-post-visual-editor .acf-block-preview h3, 
body:not(.wp-admin) h4, .wp-admin .edit-post-visual-editor .acf-block-preview h4, 
body:not(.wp-admin) h5, .wp-admin .edit-post-visual-editor .acf-block-preview h5, 
body:not(.wp-admin) h6, .wp-admin .edit-post-visual-editor .acf-block-preview h6, 
body:not(.wp-admin) h1 span, .wp-admin .edit-post-visual-editor .acf-block-preview h1 span, 
body:not(.wp-admin) h2 span, .wp-admin .edit-post-visual-editor .acf-block-preview h2 span, 
body:not(.wp-admin) h3 span, .wp-admin .edit-post-visual-editor .acf-block-preview h3 span, 
body:not(.wp-admin) h4 span, .wp-admin .edit-post-visual-editor .acf-block-preview h4 span, 
body:not(.wp-admin) h5 span, .wp-admin .edit-post-visual-editor .acf-block-preview h5 span, 
body:not(.wp-admin) h6 span, .wp-admin .edit-post-visual-editor .acf-block-preview h6 span {
  font-family: Futura, Raleway, Tahoma, Arial, sans-serif;
  font-family: var(--heading-font);
  color: #333;
  color: var(--heading-text-color);
  font-weight: 400;
  letter-spacing: -0.5px;
  line-height: 1;
  margin-top: 0;
  text-transform: uppercase;
}

.eclipze .dark-overlay::after {
	opacity: .5;
}

/* ---------------- 
Normal Buttons
 ------------------- */
 body:not(.wp-admin) button,
 .wp-admin .edit-post-visual-editor .acf-block-preview button,  
 body:not(.wp-admin) input[type="button"], 
 .wp-admin .edit-post-visual-editor .acf-block-preview input[type="button"], 
 body:not(.wp-admin) input[type="reset"],
 .wp-admin .edit-post-visual-editor .acf-block-preview input[type="reset"],  
 body:not(.wp-admin) input[type="submit"],
 .wp-admin .edit-post-visual-editor .acf-block-preview input[type="submit"], 
 body.base:not(.wp-admin) a.button,
 .base.wp-admin .edit-post-visual-editor .acf-block-preview a.button,
 body.base:not(.wp-admin) .button-holder a,
 .base.wp-admin .edit-post-visual-editor .acf-block-preview .button-holder a,
 
 body:not(.wp-admin) .light-text .light-background button,
 .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background button,  
 body:not(.wp-admin) .light-text .light-background input[type="button"], 
 .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background input[type="button"], 
 body:not(.wp-admin) .light-text .light-background input[type="reset"],
 .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background input[type="reset"],  
 body:not(.wp-admin) .light-text .light-background input[type="submit"],
 .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background input[type="submit"], 
 body:not(.wp-admin) .light-text .light-background a.button,
 .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background a.button,
 body:not(.wp-admin) .light-text .light-background .button-holder a,
 .wp-admin .edit-post-visual-editor .acf-block-preview .light-text .light-background .button-holder a, 
 
 .base .light-text .light-background div.wpforms-container-full .wpforms-form input[type="submit"], 
 .base .light-text .light-background div.wpforms-container-full .wpforms-form button[type="submit"], 
 .base .light-text .light-background div.wpforms-container-full .wpforms-form .wpforms-page-button,
 
 .base .light-text .light-background #sb_instagram #sbi_load .sbi_load_btn,
 .base .light-text .light-background #sb_instagram .sbi_follow_btn a,
 
 .base div.wpforms-container-full .wpforms-form input[type="submit"], 
 .base div.wpforms-container-full .wpforms-form button[type="submit"], 
 .base div.wpforms-container-full .wpforms-form .wpforms-page-button,
 
 .wp-admin [class*="wc-block"] button,
 a.wp-block-button__link,
 
 body:not(.wp-admin) li a.wp-block-button__link,
 .wp-admin .edit-post-visual-editor li a.wp-block-button__link,
 
 .base #sb_instagram #sbi_load .sbi_load_btn,
 .base #sb_instagram .sbi_follow_btn a,
 
 #cookie-law-info-bar a.cli-plugin-button,
 
 body:not(.wp-admin).base.woocommerce #respond input#submit, 
 body:not(.wp-admin).base.woocommerce a.button, 
 body:not(.wp-admin).base.woocommerce button.button, 
 body:not(.wp-admin).base.woocommerce input.button, 
 body:not(.wp-admin).base .woocommerce #respond input#submit, 
 body:not(.wp-admin).base .woocommerce a.button, 
 body:not(.wp-admin).base .woocommerce button.button, 
 body:not(.wp-admin).base .woocommerce input.button,
 body:not(.wp-admin).base .woocommerce .restore-item {
     font-weight: normal;
     text-transform: uppercase;
     border-radius: unset;
     border: 2px solid var(--dark-color);
 }


 /* ----------------------
 WooCommerce Styles
 ---------------------- */

 body:not(.wp-admin).base.eclipze span.woocommerce-Price-currencySymbol {
  font-weight: 700;
  font-family: sans-serif;
  margin-right: 3px;
}

.eclipze.base.woocommerce ul.products li.product .price {
  font-weight: 700;
  font-family: 'Arial', sans-serif;
}

/* Product Page */

nav.woocommerce-breadcrumb {
  display: none;
}

.eclipze .base-woo-gallery {
  padding-left: 0;
  padding-right: 0;
}
.eclipze .base-woo-gallery h1.product_title {
  padding-left: 5vw;
  padding-right: 5vw;
  padding-left: var(--indent);
  padding-right: var(--indent);
}

.woocommerce-product-gallery__image {
  background-color: #eacaa0;
  background-color: var(--primary-color);
}
.woocommerce-product-gallery__image img[src$="png"] {
  padding: 40px;
  padding: var(--gap-md);
}

.woocommerce-notices-wrapper {
  position: absolute;
  z-index: 4;
  margin-top: var(--gap-xs);
  width: 90%;
}
.js body:not(.wp-admin).base.eclipze .woocommerce-message {
  padding: 45px 40px 30px 25px;
}

section.bb-product-description {
  background-color: var(--secondary-color);
}
section.bb-product-description h1,
section.bb-product-description h2,
section.bb-product-description h3,
section.bb-product-description h4,
section.bb-product-description h5,
section.bb-product-description h6,
section.bb-product-description p,
section.bb-product-description li,
section.bb-product-description i,
section.bb-product-description a,
section.bb-product-description span,
section.bb-product-description address,
section.bb-product-description td,
section.bb-product-description th,
section.bb-product-description label {
  color: snow;
  color: var(--light-color);
}

.eclipze .related.products h2 {
  text-transform: uppercase;
}


/* SHop Page */

.woocommerce-page.archive .page-header::after {
  background: var(--dark-color);
  mix-blend-mode: normal;
}
.archive.base.woocommerce #archive-header h1,
.archive.base.woocommerce #archive-header h1 span {
  color: var(--light-color);
}

/* --- Tablet/Desktop Screens --- */
@media screen and (min-width:900px) {
  .eclipze #main section.base-woo-header.indented {
      padding-top: var(--nav-height);
  }

  .eclipze .base-product-overview {
      display: grid;
      grid-template-columns: 1fr 1fr;
      min-height: calc(100vh - 60px);
      min-height: calc(var(--hero-height) - var(--nav-height));
  }
  .base-woo-gallery {
      height: 0;
      min-height: 100%;
  }

  .base-woo-gallery {
      height: 0;
      min-height: 100%;
  }
  .woocommerce div.product div.images.woocommerce-product-gallery,
  .woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
  .woocommerce-product-gallery__image,
  .eclipze .woocommerce-product-gallery__image {
    height: 100%;
  }


  .eclipze div.product div.summary {
      padding: 40px 5vw;
      padding: var(--gap-md) var(--indent);
      display: flex;
      align-items: center;
  }
  .eclipze div.product-type-simple .product-summary-holder {
    position: static;
    top: unset;
  }

}

/* Basket */

p.return-to-shop a {
    display: block !important;
    max-width: 250px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.woocommerce-cart .woocommerce-notices-wrapper {
    position: static;
    width: 100%;
}


/* Checkout */

body:not(.wp-admin).base.eclipze .cart span.woocommerce-Price-currencySymbol,
body:not(.wp-admin).base.eclipze .cart_totals span.woocommerce-Price-currencySymbol,
body:not(.wp-admin).base.eclipze .product-total span.woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-family: var(--body-font);
}

.eclipze .woocommerce-order-overview {
    background: #eee;
}

li.wc_payment_method.payment_method_paypal label {
    display: flex;
    flex-direction: column;
}

li.wc_payment_method.payment_method_paypal img {
    object-fit: contain;
    object-position: left;
    margin-right: 0;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    display: flex;
    flex-direction: row;
}

/* -------------
WooCommerce loaders
----------------- */

/* //
// Gear Icon
// */

/* .eclipze.woocommerce #respond input#submit.loading::after,
.eclipze.woocommerce a.button.loading::after,
.eclipze.woocommerce button.button.loading::after,
.eclipze.woocommerce input.button.loading::after {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  background: url(css/images/eclipze-loader.svg) center center;
  background-size: cover;
} */


/* //
// Circle Icon
// */
/* .eclipze .woocommerce .blockUI.blockOverlay::before {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  background: url(css/images/eclipze-loader.svg) center center;
}
.eclipze .woocommerce .loader::before {
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  background: url(css/images/eclipze-loader.svg) center center;
}
 */
 /* -----------------
 Footer Styles
 ------------------- */

.eclipze .site-info {
  background: unset;
}