@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Lato:wght@300;400;700&display=swap');

:root {
  /********        Will apply on text, background, border and links      */
  --bs-body-size : 18px;
  --bs-body-color : #fff;
  --bs-body-bg : #232323;

  --bs-primary:#98C460;
  --bs-primary-rgb:152,196,96;
  --bs-primary-hover: #80a84c;
  --bs-primary-bg-subtle : #37470D;

  --bs-warning:#D4AF37;
  --bs-warning-rgb:212,155,75;

  --bs-light:#F3F3F3;
  --bs-light-rgb:243,243,243;

  --bs-dark:#2C3423;
  --bs-dark-rgb:44,52,35;

  --ff-secondary : "Inter";
}

/*    For pagination  */ 
.pagination {
  --bs-link-color:var(--bs-body-color);
  --bs-link-hover-color:var(--bs-body-color);
  --bs-pagination-active-bg:var(--bs-primary);
  --bs-pagination-active-border-color:var(--bs-primary);
}

html {scroll-behavior:smooth}
body {background:var(--bs-body-bg);color:var(--bs-body-color);font-family: "Lato", sans-serif;font-weight:300;font-size:var(--bs-body-size);line-height:1.6;margin:0;padding:0}

/*******************      fonts css       **************************/

.ff-secondary{font-family: var(--ff-secondary);}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family: var(--ff-secondary);color: var(--bs-warning);font-weight: 600;}
.fw-semi{font-weight:600;}
.fs-13{font-size: 13px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}

/*******************      Extended Css       **************************/

.bg-opacity-30 {--bs-bg-opacity: 0.30;}
.opacity-hover:hover{opacity: 80%;}
.border-20{border-width: 20px!important;}

/*******************      anchor css       **************************/

a {color:var(--bs-body-color);}
a.active,a:hover:not(.btn,.nav-link,.woocommerce-loop-product__link) {color:var(--bs-primary);}
a:not(.underline), a:not(.underline):hover {text-decoration:none;outline:0}
a.underline {text-decoration:underline;outline:0}

a.link-white{color: var(--bs-white);}
a.link-white:hover{color: var(--bs-primary);}
a.link-primary:focus, a.link-primary:hover {color:var(--bs-primary-hover)!important;}

.editor-content a:not(.wc-block-cart__submit-button){color: var(--bs-warning);}
.editor-content a:hover{color: var(--bs-primary);}
a.stretched-link:hover.stretched-link::after {background-color:rgba(200, 200, 200, 0.1);}

/*
a.stretched-link img, a.woocommerce-loop-product__link img{transition: transform .3s;}
a.stretched-link:hover img, a.woocommerce-loop-product__link:hover img{transform: scale(1.04);}
*/

/*******************      Letter spacing css       **************************/

.ls-n30 {letter-spacing:-.03em}
.ls-n50 {letter-spacing:-.05em}
.ls-50 {letter-spacing:.05em}
.ls-60 {letter-spacing:.06em}
.ls-100 {letter-spacing:.1em}
.ls-200 {letter-spacing:.2em}

/*******************      button css       **************************/

.btn {font-size:16px;font-weight:300;padding:5px 30px;text-decoration:none!important;border-radius: 30px;}
.btn.btn-lg {font-size:22px;padding:14px 80px}
.btn.btn-sm {font-size:13px!important;padding:12px 20px 8px 20px!important}
.btn:disabled,.btn.disabled,fieldset:disabled .btn {opacity:.1!important}
.btn.btn-link:focus {border-color:transparent!important}

.btn-primary{border-color:var(--bs-primary)!important;background-color:var(--bs-primary)!important;color:var(--bs-white)!important;}
.btn-primary:hover,.btn-primary:focus{border-color:var(--bs-primary-hover)!important;background-color:var(--bs-primary-hover)!important;}

/*******************      Other css       **************************/

#ScrollToTop {background-color:var(--bs-primary);color:var(--bs-white);padding:1px 0px;border-radius:10px;font-size:25px;border-radius:50%;
width:50px;height:50px;line-height:50px;position:fixed;bottom:20px;right:30px;z-index:99;border:0;outline:0;cursor:pointer;}

#ScrollToTop:hover {background-color:var(--bs-primary-hover);}

.social-icons a{background-color:var(--bs-primary);color:var(--bs-white);font-size:18px;margin-right:15px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;display:inline-block;}
.social-icons a:hover{background-color:var(--bs-primary-hover);color:var(--bs-white);}

.carousel-indicators{bottom:-70px;}
.carousel-indicators  [data-bs-target] {width:20px;height:20px;border-radius:50%;margin-right:10px;opacity:1;background-color:var(--bs-body-color);}
.carousel-indicators .active{background-color:var(--bs-gray-800);}
.carousel-indicators [data-bs-target]:focus{border-color:transparent!important;}
.carousel-control-prev,.carousel-control-next{width:50px;}

.text-shadow{text-shadow:5px 0px 5px rgba(0,0,0,0.7);}

.fa-list1{ padding: 0;margin: 0;list-style-type: none;}
.fa-list1 li { display: flex;line-height: 1.5; margin-bottom: 10px;}
.fa-list1 li:before  { padding:2px 8px; color:var(--bs-white);margin-top: 4px;width:31px;height:31px;border-radius: 50%;background-color: var(--bs-primary);margin-right: 13px;content: "\f00c";font-size:17px;display: block;font-weight: 900;font-family: "Font Awesome 5 Free";}

.wow {visibility:hidden;}
.object-fit{-o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}

/*******************      Additional css       **************************/

.left-gradient{position: absolute;top: 0px;z-index:1;height: 100%;width:100%;background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);}
.left-gradient.gradient-light{background: linear-gradient(to right,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);}
   
/*******************      Padding css       **************************/

.py-100{padding-top:100px;padding-bottom:100px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.py-80{padding-top:80px;padding-bottom:80px;}


/*******************      Input Cotnrols css       **************************/

.form-control,.form-select{border-radius:0;background-color: var(--bs-white);color: var(--bs-black);font-weight: 300;}
.form-floating > label,.form-control::placeholder{color:var(--bs-gray-700);}
.form-floating > label.text-white:after{background-color:transparent!important;}
.form-check-input:checked {background-color:var(--bs-primary);border-color:var(--bs-primary);}


/*******************      Input Cotnrols css       **************************/

.wpcf7-spinner {display: block;}
.wpcf7-not-valid-tip {position: absolute;font-size:20px;}
.page-link:focus{background-color: transparent;box-shadow: none;}

textarea:focus,
textarea.form-control:focus,
select.form-select:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow:none!important;
  outline:0!important;
  border-color:var(--bs-gray-500)!important;
  background-color: var(--bs-white);
  color: var(--bs-black);
}

/*   button.navbar-toggler:focus{border-color:var(--bs-white)!important;}  */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color:var(--bs-gray-500);
  -webkit-box-shadow:0 0 0 1000px var(--bs-white) inset;
  transition:background-color 5000s ease-in-out 0s;
  font-size:15px;
  background-color: var(--bs-white);
  color: var(--bs-black);
}

.bg-cream{background-color:#fffdd0;}