/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --green-chrome: #154734; /* 
                             Previous versions: #25864F, #18391e 
                             Pantone: 3435C #154734
    */
}

@font-face {
    font-family: 'Century Gothic';
    src: local('Century Gothic'), local('CenturyGothic'),
        url('CenturyGothic.woff2') format('woff2'),
        url('CenturyGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family:  'Montserrat', sans-serif;
}

a, a:hover, 
#checkout a:hover, 
.block-promo .promo-code-button.cancel-promo {
    color: var(--green-chrome); 
}

#wrapper {
    background-color: #FFFFFF;
    box-shadow: none; 
}

.header-nav {
    /*
    background-image: url('bg_top_header.jpg');
    background-repeat: repeat-x; */
    background-color: var(--green-chrome); 
}

#header .header-nav a, 
#header .header-nav a:hover {
    color: #FFFFFF;
}

#header .header-top {
    padding-bottom: 0px;
}

#header .header-top .menu {
    margin-bottom: 0px;
}

.row-top-menu {
    background-image: url('bg_main_menu.jpg');
    background-repeat: repeat-x;    
    margin-top: 24px;
    text-align: center; 
}

#top-menu {
    margin-top: 20px;
    margin-bottom: 24px;
}

#header .header-top .search-widget {
    float: left; 
}

#header .header-top-menu a[data-depth="0"], 
#header .header-top-menu a[data-depth="0"]:hover {
    border-right: 1px dotted #999;    
    padding: 0px 15px 0px 15px;    
    color: var(--green-chrome); /* #E25621; */
    font-size: 0.9rem;
    font-weight: 400;
    text-transform: uppercase; 
}
 
#header .header-top-menu a[data-depth="0"]:hover {
    /* font-size: 1rem; */
    font-weight: 900;
    text-decoration: underline;
}

#header .header-top-menu li:nth-child(1) a[data-depth="0"] {
    border-left: 1px dotted #999;
}

#footer .h3, 
.block-contact .block-contact-title, 
.linklist .blockcms-title a, 
#block_myaccount_infos .myaccount-title a, 
#block_myaccount_infos .myaccount-title a:hover{
    color: var(--green-chrome) !important; /* var(--green-chrome); */
    font-weight: 700;
    font-size: 1rem;    
}

.footer-container li a, 
.footer-container li a:hover {
    color: #000000;
}

.copyright-row {
    padding: 10px 0px;
    background-color: var(--green-chrome); /* #0C8A5B; */
    color: #FFFFFF;
    font-weight: 800; 
}

.copyright-row a, .copyright-row a:hover {
    color: #FFFFFF;
}

.footer-container {
    box-shadow: none; 
}

.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active.focus, 
.btn-primary:active:focus, 
.btn-primary:active:hover, 
.open>.btn-primary.dropdown-toggle.focus, 
.open>.btn-primary.dropdown-toggle:focus, 
.open>.btn-primary.dropdown-toggle:hover,
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, 
.group-span-filestyle .bootstrap-touchspin .btn-touchspin, 
.group-span-filestyle .btn-default {
    background-color: var(--green-chrome);
}

.form-control:focus, .input-group.focus {
    outline: .1875rem solid var(--green-chrome);
}

.product-images>li.thumb-container>.thumb.selected, 
.product-images>li.thumb-container>.thumb:hover {
    border: 3px solid var(--green-chrome) /* #96C03E */;
}

.tabs .nav-tabs .nav-link.active, 
.tabs .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 3px solid var(--green-chrome); 
}

.btn-primary {
    color: #fff;
    background-color: var(--green-chrome);
    border-color: transparent;
}

.tabs .nav-tabs .nav-link.active {
    color: #0C8A5B;
}

#products .product-title a, 
.featured-products .product-title a, 
.product-accessories .product-title a, 
.product-miniature .product-title a {
    color: #E25621; /* #D38029; */
    font-size: 1rem;
    text-decoration: none;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    margin: 8px;
}

#products .thumbnail-container .product-thumbnail img, 
.featured-products .thumbnail-container .product-thumbnail img, 
.product-accessories .thumbnail-container .product-thumbnail img, 
.product-miniature .thumbnail-container .product-thumbnail img {
    max-width: 80%;
    margin-top: 0px; 
}

#products .thumbnail-container, 
.featured-products .thumbnail-container, 
.product-accessories .thumbnail-container, 
.product-miniature .thumbnail-container, 
.product-cover img {
    padding-top: 6px; 
    /* box-shadow: none; */
    border: solid 1px var(--green-chrome) /* #96C03E */;
    border-radius: 12px; 
}

#products .product-description, 
.featured-products .product-description, 
.product-accessories .product-description, 
.product-miniature .product-description {
    width: 100%; /* 230px /* 245px */ ; 
    height: 72px; 
}

.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
    color: #fff;
    background-color: #96C03E;
    border-color: transparent;
}

#product .h1 {
    border-bottom: 1px #E25621 dotted;
    font-weight: normal;
    font-weight: bold;
    padding: 0 0 0 2px;
    color: #E25621;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 15px;    
}

.price, .current-price {    
    display: block;
    padding: 15px 4px; 
    background-color: var(--green-chrome); /* var(--green-chrome) #96C03E */; 
    color: #FFFFFF; 
    font-size: 1.5rem; 
    font-weight: 800;
}

#index a.product-description-link,
#products a.product-description-link {
    color: #E25621 !important;
}

#wrapper .banner img {
    box-shadow: none; 
}

.products-sort-order .select-title {
    display: inline-block;
    width: 16.88rem; /* 100% */ ;
    color: #FFFFFF /* #232323 */;    
    background: var(--green-chrome) /* #fff */;
    padding: .625rem;
    cursor: pointer;
    border: 1px solid var(--green-chrome) /* #96C03E */; 
    box-shadow: none; 
}

.products-sort-order .dropdown-menu {
    background-color: var(--green-chrome);    
}

.products-sort-order .select-list {
    color: #FFFFFF;     
}

.products-sort-order .select-list:hover {
    background: #FFFFFF /* #2fb5d2 */;
    color: var(--green-chrome) /* #fff */;
    font-weight: 800; 
    text-decoration: none;
}

#products .products, 
.featured-products .products, 
.product-accessories .products, 
.product-miniature .products {
    justify-content: flex-start;
}

#products .product-miniature, 
.featured-products .product-miniature, 
.product-accessories .product-miniature, 
.product-miniature .product-miniature {
    margin: 0px;
    margin-right: 0px;
}

#products .all-product-link, 
.featured-products .all-product-link, 
.product-accessories .all-product-link, 
.product-miniature .all-product-link {
    border: solid 1px;
    padding: 5px 25px;
    border-radius: 12px;
    color: #FFFFFF;
    font-weight: 800;
    background-color: #E25621; /* #ae66a2; */
    border-color: #E25621;  /* #ae66a2; */
}

#carousel {
    box-shadow: none; 
    border: solid 1px var(--green-chrome);
    margin-bottom: 0px;
}

.carousel-inner {
    margin-bottom: 0px;
}

.row-home-welcome {
    margin-bottom: 24px; 
}

.home-welcome {
    padding: 0px; 
    /* border: solid 1px #0C8A5B;    */
}

.home-welcome-title {
    background-color: var(--green-chrome); /* #5dc1a3; */
    color: #FFFFFF;
    font-size: 1.25rem;
    font-weight: 800; 
    text-align: center; 
    padding: 10px 0px;
}

.home-welcome-message {
    padding: 0px 20px; 
    padding-left: 0px;
    color: #000000; 
}

.home-welcome-message p {
    color: #000000;
}

.home-welcome-message-inner {
	min-height: 346px;
    padding: 24px; 
    padding-top: 8px;
    padding-bottom: 6px;
    border: solid 1px var(--green-chrome);
}

.home-welcome-message-inner .h1 {
    padding-bottom: 26px;
}

.product-images>li.thumb-container>.thumb {
    box-shadow: none; 
}

button.btn.btn-primary.add-to-cart {
    background-color: var(--green-chrome) /* #96C03E */; 
    box-shadow: none; 
}

#product td {
    padding: 8px; 
}

.card {
    box-shadow: none; 
    border: solid 1px #5dc1a3;
}

#header .header-nav .cart-preview.active {
    background-color: transparent; 
}

#cart .current-price, 
div.unit-price-cart {
    color: var(--green-chrome);
    background-color: transparent;
}

#products .thumbnail-container:focus .product-description:after, 
#products .thumbnail-container:hover .product-description:after, 
.featured-products .thumbnail-container:focus .product-description:after, 
.featured-products .thumbnail-container:hover .product-description:after, 
.product-accessories .thumbnail-container:focus .product-description:after, 
.product-accessories .thumbnail-container:hover .product-description:after, 
.product-miniature .thumbnail-container:focus .product-description:after, 
.product-miniature .thumbnail-container:hover .product-description:after {
    border-top: none; 
}

    .open-button {
      background-color: #96C03E;
      color: #FFFFFF;
      padding: 16px 20px;
      border: none;
      cursor: pointer;
      opacity: 0.8;
      position: fixed;
      bottom: 23px;
      right: 28px;
      width: 280px;
    }      
    
/* The popup form - hidden by default */
.form-popup {
  display: none;
  position: fixed;
  bottom: 0;
  right: 15px;
  border: 3px solid var(--green-chrome);
  z-index: 9;
}

/* Add styles to the form container */
.form-container {
  max-width: 600px;
  padding: 10px;
  background-color: white;
}

/* Full-width input fields */
.form-container input[type=text], .form-container input[type=password] {
  width: 100%;
  padding: 15px;
  margin: 5px 0 22px 0;
  border: none;
  background: #f1f1f1;
}

/* When the inputs get focus, do something */
.form-container input[type=text]:focus, .form-container input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit/login button */
.form-container .btn {
  background-color: #4CAF50;
  color: white;
  padding: 16px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  margin-bottom:10px;
  opacity: 0.8;
}

/* Add a red background color to the cancel button */
.form-container .cancel {
  background-color: red;
}

/* Add some hover effects to buttons */
.form-container .btn:hover, .open-button:hover {
  opacity: 1;
}
    
.contact-form {
    padding: 0px; 
}

#checkout .header-nav {
    background-color: transparent; 
}

#product .price, 
#product .current-price,
#cart .price, 
#cart .current-price{
    background-color: transparent; 
    color: #000000;
    /* padding-top: 0px; */
}

#cart .unit-price-cart {
    font-size: 1rem; 
}

.home-welcome-message-inner ul {
    margin-left: 40px; 
    list-style: circle; 
}

/*
#identity .radio-inline:nth-child(3) {
    display: none;
} */

#wk_pre_price {
    color: var(--green-chrome); 
    font-weight: 800;
}

.product-flags {
    top: 40px;
}

.product-flags li.product-flag.discount, 
.product-flags li.product-flag.discount-amount, 
.product-flags li.product-flag.discount-percentage, 
.product-flag {
    background-color: #E25621;
}

.dropdown, 
.block-contact {
    color: #000000; 
}

.product-price-and-shipping {
    padding: 18px 0px; 
    padding-top: 0px;
}

.page-my-account #content .links a, 
.page-my-account #content .links a i {
    color: #000000;
}

.page-my-account #content .links a:hover, 
.page-my-account #content .links a:hover i {
    color: var(--green-chrome); 
}

.page-my-account #content .links a span.link-item {
    box-shadow: none; 
    border: solid 1px #000000;
}

.page-my-account #content .links a:hover span.link-item {
    border-color: var(--green-chrome); 
}

body#checkout #footer {
    box-shadow: none; 
}

.custom-radio input[type=radio]:checked+span {
    background-color: var(--green-chrome); 
}

body#checkout section.checkout-step .address-item.selected {
    border:3px solid var(--green-chrome); 
}

#cart-subtotal-shipping.cart-summary-line small.value {
    display: none; 
}

.forgotten-password .form-fields .center-email-fields {
    display: inline-grid;
}

.block-promo .promo-input+button {
    border: 2px solid var(--green-chrome);
}

.color, .custom-checkbox input[type=checkbox]+span.color {
    width: 3.25rem;
    height: 3.25rem;
}

.modal-dialog {
    max-width: 840px;
}

ul.thumbnails.image_picker_selector {
    display: inline-block;
}

ul.thumbnails.image_picker_selector li .thumbnail {
    width: 140px;
    border: none; /* solid 1px #c9c9c9; */
    display: inline-table;
}

ul.thumbnails.image_picker_selector li .thumbnail img {
    width: 100%;
}

ul.thumbnails.image_picker_selector li .thumbnail.selected {
    background-color: transparent;
    border: solid 1px;
    border-color: var(--green-chrome);
}

.product-customization .product-message {
    height: 8em;
}

#checkout .carrier-price {
    font-weight: 800;
    text-transform: uppercase;
}

.form-control-comment {
    display: none; 
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  text-decoration: none;
}
body{
  /* background: url('bg.jpg'); */
}
#lorem{
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}    

/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  /* perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  /* background-color: #bbb;
  color: black; */
}

/* Style the back side */
.flip-box-back {
  background-color: transparent;
  /* color: white; */
  transform: rotateY(180deg);
}

#products .product-description, 
.featured-products .product-description, 
.product-accessories .product-description, 
.product-miniature .product-description {
    overflow: hidden; 
}

.product-additional-info .tabs {
    box-shadow: none; 
}

.js-mailalert button, 
.js-mailalert button:hover {
    background-color: #E25621 !important;
}

#products .thumbnail-container, 
.featured-products .thumbnail-container, 
.product-accessories .thumbnail-container, 
.product-miniature .thumbnail-container, .product-cover img {
    overflow: hidden;
    margin-right: 24px;
}

#add_jqGrid {
    background-color: darkred;
}

.pagination .page-list {
    box-shadow: none; 
}

.pagination .current a {
    color: #E25621;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 800;
}