/*
Theme Name: Hara Child
Theme URI: https://hara.thembaydev.com/
Author: Thembay
Description: This is a child theme for Hara
Version: 1.0
Author URI: https://thembay.com/
Template: hara
Text Domain: hara-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
@font-face {
  font-family: 'Blackoak Std';
  src: url('fonts/BlackoakStd.eot');
  src: url('fonts/BlackoakStd.eot?#iefix') format('embedded-opentype'),
      url('fonts/BlackoakStd.woff2') format('woff2'),
      url('fonts/BlackoakStd.woff') format('woff'),
      url('fonts/BlackoakStd.ttf') format('truetype'),
      url('fonts/BlackoakStd.svg#BlackoakStd') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


@font-face {
    font-family: 'BleedingCowboysPro';
    src: url('fonts/Limelight-Regular.eot');
    src: url('fonts/Bleeding_Cowboys.eot?#iefix') format('embedded-opentype'), url('fonts/Bleeding_Cowboys.woff2') format('woff2'), url('fonts/Bleeding_Cowboys.woff') format('woff'), url('fonts/Bleeding_Cowboys.ttf') format('truetype')
}
@font-face {
    font-family: 'Limelight'; 
    src: url('fonts/Limelight-Regular.ttf') format('truetype');  
}
@font-face {
    font-family: 'foo-foo'; 
    src: url('fonts/foo.ttf') format('truetype');  
}
@font-face {
    font-family: 'armalite'; 
    src: url('fonts/armalite.ttf') format('truetype');  
}
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Limelight&family=Text+Me+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Limelight&display=swap');

/*     font-family: 'Cinzel', serif;    font-family: 'Limelight', cursive;    font-family: 'Text Me One', sans-serif;
 font-family: 'Roboto Condensed', sans-serif;  */

.heading-tbay-title .title {
  font-size: 52px ;
  line-height: 60px;
  font-variant: lining-nums;
  font-weight: 700;
  color: #000;
  font-family: 'Garamond' !important;
}
.tbay-footer .elementor-heading-title, .title_header h4, .banner-title
{
	 /*font-family: 'Limelight' !important;*/
   font-family: 'Garamond' !important;
}

.woocommerce div.product .product_title {
  font-size: 38px !important;
  font-family: 'armalite' !important;
}
.woocommerce div.product form.cart .variations select, body div.product form.cart .variations select {
  height: 38px;
  border-color: #D5A678;
  padding: 0px 15px;
  background: #fff;
  font-size: 14px;
  width: 100%;
}

.woocommerce div.product form.cart .variations td.label label, .woocommerce div.product form.cart .variations th.label label, body div.product form.cart .variations td.label label, body div.product form.cart .variations th.label label {
  margin: 0;
  text-transform: capitalize;
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.single-product div.product table.variations tr {
    padding-bottom: 15px;
}

option {
  /*background: #D5A678;*/
  font-family: "Sunflower", Sans-serif;
  font-size: 14px;
}
option:hover {
  background: #000;
  color: #fff;
}
.woocommerce-product-gallery .flex-viewport {
  height: auto !important;
}
.single-product .information .product_meta {
   display: none;
}
.woocommerce div.product form.cart.variations_form table.variations
{
	border: none !important;
}
.top-single-product .price {
  display: none !important;
}

.tbay-breadcrumb.breadcrumbs-image img {
  height: 300px;
  max-width: 100%;
  width: 100%;
}
.elementor-widget-tbay-nav-menu .tbay-horizontal .navbar-nav>li.menu-item-has-children:hover .sub-menu{display: none;}
.elementor-widget-tbay-nav-menu .tbay-horizontal .navbar-nav>li.menu-item-has-children:hover>.sub-menu{opacity:1;filter:alpha(opacity=100);visibility:visible;display: block;}
.elementor-widget-tbay-nav-menu .tbay-horizontal .navbar-nav>li.menu-item-has-children:hover>.sub-menu>li.menu-item-has-children:hover>.sub-menu{opacity:1;filter:alpha(opacity=100);visibility:visible;display: block;}
.elementor-widget-tbay-nav-menu .tbay-horizontal .navbar-nav > li.menu-item-has-children .sub-menu > li.menu-item-has-children .sub-menu{ left: 80%;top: 10%;box-shadow: 0 3px 10px rgba(0,0,0, 0.15); }
.elementor-widget-tbay-nav-menu .tbay-horizontal .navbar-nav > li.menu-item-has-children > .sub-menu > li > a:hover .caret::before{ transform:rotate(-90deg); }
h3.addon-name{
  font-size: 15px;
  margin-bottom: 0px;
}
.woocommerce form .form-row .addon-select{
  width: 70%;
}
.group-add-to-cart{
  display: none;
}
.addon_disabled {
  pointer-events: none;
  opacity: .6;
}

.tbay-breadcrumb.breadcrumbs-image .breadscrumb-inner .breadcrumb li{
  color: #000;
    font-size: 18px;
    font-family: 'Arial Black';
}

.archive-shop .page-title{
  font-size: 28px;
    font-weight: 600;
    margin: 0;
    color: #333;
    font-family: 'Arial Black';
    line-height: 30px;
    padding-bottom: 20px;
}
#hero-search-form .search_submit{
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 18px;
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: #00000000;
  /*border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-radius: 0px 0px 0px 0px;*/
  /*max-width: 415px;*/
  text-align: center;
  margin: 0px auto;
    margin-top: 0px;
  margin-top: 30px;
  background-image: url(http://palmharborrvrentals.com/highnoonholsters/wordpress/wp-content/uploads/2024/07/button.png);
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 60px;
}
#hero-search-form .search_submit[disabled="disabled"] {
  background-image: url(http://palmharborrvrentals.com/highnoonholsters/wordpress/wp-content/uploads/2024/05/button_grayed.png);
}
.form_loading_overlay {
    position: relative;
}
.form_loading_overlay::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(151,151,151,0.8);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.form_loading_overlay::before {
    position: absolute;
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 80px;
    height: 80px;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);
    -webkit-animation: formspin 1.5s linear infinite;
    animation: formspin 1.5s linear infinite;
}


@-webkit-keyframes formspin {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes formspin {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

#hero-search-form option{
  background: #ffffff;
}
#hero-search-form .hero-select{
  opacity: 0.80 !important;
}
@media (max-width: 767px) {
#hero-search-form .selector{
  flex: auto;
  margin-top: 20px;
}
}
/* new css 23-05-2024 */
.wcb-html-scroll {
  position: relative !important;
}
.wcb-html-scroll .page-template-default .wcb-md-overlay {
  /*background: transparent;*/
}
.wcb-html-scroll .page-template-default .wcb-coupon-box .wcb-md-content .wcb-modal-header {
  background-color: #d5a678;
  font-family: Tangerine;
  font-size: 34px;
}
.wcb-html-scroll .page-template-default .wcb-coupon-box .wcb-modal-body .wcb-coupon-box-newsletter .wcb-newsletter-form .wcb-input-group {
  flex-direction: column;
}
.wcb-html-scroll .page-template-default .wcb-coupon-box .wcb-modal-body {
  padding: 20px;
}
.wcb-html-scroll .page-template-default .wcb-coupon-box .wcb-newsletter-form .wcb-input-group .wcb-input-group-btn {
  margin: 10px 0 0;
}
.wcb-html-scroll .page-template-default .wcb-coupon-box .wcb-newsletter span.wcb-button {
  background-color: #d5a678;
}
.wcb-html-scroll .page-template-default .wcb-md-modal {
  width: 100%;
  max-width: 350px;
  min-width: auto;
  /*height: auto;
  top: auto;
  left: auto;
  bottom: 14px;
  right: 14px;
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;*/
}
@media (max-width: 640px) {
  .wcb-html-scroll .page-template-default .wcb-modal-header .wcb-coupon-box-title {
    font-size: 24px;
    line-height: 22px;
  }
}
.footer_links a::after {
  content: '' !important;
  position: absolute !important;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100% !important;
  height: 100%;
  top: 0;
  left: 0;
  transform: skewX(-25deg);
  z-index: -1;
  opacity: 1 !important;
}
.footer_links a
{
  padding: 4px 15px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  max-height: 100px;
  width: auto;
  margin: 0 auto;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image img{
  max-height: 450px;
  margin: 0 auto;
  width: auto;

}
.search_page_form{
  background-image: url('https://palmharborrvrentals.com/highnoonholsters/wordpress/wp-content/uploads/2024/05/distressed_blue.jpg');
  
}
.search-results .search_page_form .search_form_column{
  padding: 50px 0px;
}
/* pop up css 27-09-2024 */
.pum-container.popmake {
  position: relative;
  z-index: 1;
  /*background-image: url(http://palmharborrvrentals.com/highnoonholsters/wordpress/wp-content/uploads/2024/05/FEB_holster_giveaway_large_1.jpg);*/
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px;
  border: 0;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.pum-container.popmake::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 17, 17, 0.8);
  z-index: -1;
}
.submit_form {
  position: relative;
}
.submit_form .wpcf7-spinner {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.form_inner label, .form_inner p {
  color: #fff;
}
.form_inner label {
  text-align: left;
}
.form_inner p  {
  text-align: center;
  margin: 0 0 15px;
}
.form_inner .col-12 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.form_inner input[type="email"], 
.form_inner input[type="number"], 
.form_inner input[type="password"], 
.form_inner input[type="search"], 
.form_inner input[type="text"], 
.form_inner input[type="tel"] {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #fff !important;
  color: #000;
  margin: 15px 0 0;
  width: 100%;
  padding: 12px 15px;
}
.submit_form input[type="submit"] {
  font-family: "Roboto Condensed", Sans-serif;
  color: #FFFFFF;
  background-color: #000000;
  border-style: solid;
  border-width: 2px;
  border-radius: 0;
  padding: 12px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
}
.submit_form input[type="submit"]:hover {
  background-color: #b08861;
  color: #fff;
}
.pum-container .pum-content h3{
  color: #fff;
  text-align: center;
  margin-bottom: 50px;
}
@media (min-width: 1024px) {
  .pum-container.popmake  {
    margin-left: -32% !important;
    width: 60%;
    max-width: 700px !important;
  }
  .pum-container.popmake {
    /*padding: 150px 30px 120px;*/
  }
}
@media (max-width: 1023px) {
  .pum-container.popmake {
    /*padding: 100px 30px;*/
  }
}
#pum-54927 {
  background-color: rgba(255, 255, 255, 0.50);
}