/*
Theme Name: Custom Theme
Author: ZH
Description: Custom Starter Theme CMS Team (Website)
Version: 2.0
License: MIT
Tags: wordpress, html, javascript, sass, css, postcss, webpack, babel, PHP, LD
Text Domain: Custom Theme
*/

/*
This CSS file is needed for WordPress to recognize the theme and display its info.
Please use the ../src/assets/styles/main.scss as an entry point for your SASS code.
*/

.menu > li.current-menu-item > a {
    position: relative;
}
.menu > li.current-menu-item > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    bottom: 0;
    height: 1px;
    background: #699188;
}










.overlay:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.overlay {
    display: none;
}

.overlay.active {
    display: block;
}

/*popup*/
.popup {
  display: none;
  position: fixed;
  top: 280px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 1020px;
  z-index: 1;
}
.pop-inner{
  background-color: #000f00;
  width: 100%;
  height: auto;
  padding: 25px 5%;
  border-radius: 10px;
  text-align: center;
}
.closePop{
  position: absolute;
  top: -12px;
  right: 0;
  width: 35px;
  height: 35px;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  border-radius: 50%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.pop-inner h6 {
    display: flex;
    height: 100%;
    align-items: center;
    margin: 0 0 0 30px;
    font-size: 26px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
}
.pop-inner img {
    height: 100%;
    width: 100%;
}



.ser_txt h3 > span {
    display: block;
    margin: 20px 0 10px 0;
    color: #678c9f;
    font-weight: 900;
}

header.woocommerce-products-header {
    display: none;
}



li.product span.price,
li.product span.onsale{
    display: none !important;
}

section.related.products h2 {
    text-transform: capitalize;
}
section.related.products {
    margin-top: 50px;
}

.quantity input {
    border: 1px solid;
    padding: 2px 0;
}
.summary.entry-summary form {
    margin-top: 20px;
}



.woocommerce-page section.DefaultPage {
    padding: 50px 0;
}
.woocommerce-page section.DefaultPage .Title {
    display: none;
}
.cart_totals h2 {text-transform: uppercase;margin-top: 20px;}







.woocommerce-checkout section.DefaultPage {
    display: flex;
}



.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button { float: right; padding: 6px; font-size: 12px; color: #FFF; border-radius: 0; }
.woocommerce .woocommerce-error .button { background: #b81c23; border: 2px solid #b81c23; }
.woocommerce .woocommerce-info .button { background: #1E85BE; border: 2px solid #1E85BE; }
.woocommerce .woocommerce-message .button { background: #8fae1b; border: 2px solid #8fae1b; }
.woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-message .button:hover { background: none; }
.woocommerce .woocommerce-message .button:hover { color: #B4D472; border-color: #B4D472; }
.woocommerce .woocommerce-info .button:hover { color: #1E85BE; border-color: #1E85BE; }
.woocommerce .woocommerce-error .button:hover { color: #b81c23; border-color: #b81c23; }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info { font-size: 16px; background: none; font-weight: 700; line-height: 32px; }
.woocommerce .woocommerce-message { border: 2px solid #8FAE1B; color: #8FAE1B; }
.woocommerce .woocommerce-error { border: 2px solid #b81c23; color: #b81c23; }
.woocommerce .woocommerce-info { border: 2px solid #1E85BE; color: #1E85BE; }
.form-row input,
.form-row textarea {
    font-size: 17px;
    font-weight: normal;
    color: #bababa;
    font-family: "Lato";
    padding: 20px;
    width: 100%;
    margin-bottom: 30px;
    resize: unset;
    background-color: #f3f3f3;
}
span.select2-selection.select2-selection--single span.select2-selection__rendered {
    font-size: 17px;
    font-weight: normal;
    color: #bababa;
    font-family: "Lato";
    padding: 20px;
    width: 100%;
    resize: unset;
    background-color: #f3f3f3;
}
span.select2-selection.select2-selection--single {
    border: unset;
}
span.selection {
    width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 65px;
    right: 5px;
}
.form-row > span {
    display: block;
}










.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
	background-color: #678c9f;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
	background-color: #678c9f;
}