/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
    Fonts

    Replace your Fonts as necessary
-----------------------------------------------------------------*/


body,

h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6,
small,
.menu-link,
.mega-menu-style-2 .mega-menu-title > .menu-link,
.sub-menu-container .menu-item > .menu-link,
.wp-caption,
.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a,
.font-body,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.comment-content .comment-author span a,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span,
#onepagecheckout .radio label, #onepagecheckout .checkbox label,
.font-secondary { font-family: 'Roboto', sans-serif !important; }


h1,
.h1,
h2,
.h2,
#logo a,
.top-search-form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.fbox-content h3,
.tab-nav-lg li a,
.counter,
label,
.widget-filter-links li a,
.nav-tree li a,
.wedding-head,
.font-primary { font-family: 'Zilla Slab', serif !important; }

.text-amber {
  color: #d49c43;
}

img {
    height: auto;
}
section ul, section ol {
    margin: 0 2rem 2rem;
}
.sr-only {
  position:absolute;
  left:-10000px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  }
.header-size-md #header-wrap #logo img {
  height: 50px;
}
.dark #header-wrap {
  background-color: var(--themecolor);
}
.dark #header, #header.dark, .dark #header-wrap {
  background-color: transparent;
}
.secondary {
  background-color: #1e1e1e;
  color: #fff;
  padding: 0 30px;
}
.secondary p {
  color: #fff;
}
.tertiary {
  background: #f3f3ed;
}
.break-container{
  width:100vw;
  position:relative;
  left:calc(-1 * (100vw - 100%)/2);
}
#page-menu {
  position: relative;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 10%);
}
.content-wrap {
  padding: 30px 0;
}
#slider {
  margin-top: -50px;
}
h1, .h1, h2, .h2, legend {
  background: url(../../imgs/bg/hr.png) bottom left repeat-x;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
.bg-line {
  display: table;
  white-space: nowrap;
  margin: 0 auto;
}
.bg-line:before,
.bg-line:after {
  border-top: 1px solid var(--headercolor);
  content: '';
  display: table-cell;
  position: relative;
  top: 0.6em;
  width: 40%;
}
.bg-line:before {
  right: 1.5%;
}
.bg-line:after {
  left: 1.5%;
}

h1, .h1, #page-title h1 {
  font-size: 1.4rem;
}
h2, .h2 {
  font-size: 1.1rem;
}
.bg-border-0 {
  background: none;
}
legend {
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}
.print-show {
  display: none;
}
.button:disabled {
    background: #879f81;
    color: #b4c7af;
}
.button-border.button-theme {
  color: var(--themecolor);
  border-color: var(--themecolor);
  background: rgba(255,255,255, .7);
}
.button.button-border:not(.button-fill):hover {
  color: #fff;
  background: var(--themecolor);
  border-color: #fff;
}
.button:hover  , .add-to-cart:active, .add-to-cart:current {
  background-color: green !important;
}
.button-border.button-amber {
    color: #d49c43;
    border-color: #d49c43;
}
.btn-sm {
  padding: 2px 0 0 7px !important;
}
svg {
  height: 15px;
}
.button svg.svg-inline--fa {
  height: 17px;
  margin-right: 10px;
}
.button.btn-sm svg.svg-inline--fa {
  height: 17px;
  margin-right: 6px;
  margin-bottom: 2px;
}
[data-bs-toggle="collapse"] svg.svg-inline--fa {
  height: 17px;
}
.tertiary .button {
  background: #fff;
}
.bg-white {
  background: #fff;
}
.iconlist svg
.bg-white-trans,
.bg-white-30 {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.iconlist svg {
  color: var(--themecolor);
  margin-right: 10px;
}
.bg-white-50 {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
.bg-white-70 {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.aspect-3-2 {
  aspect-ratio: 3/2;
}
.aspect-4-3 {
  aspect-ratio: 4/3;
}
.aspect-9-4 {
  aspect-ratio: 9/4;
}
.side-panel-open {
  overflow: hidden;
}
.body-overlay {
  /* background: rgb(243 243 237 / 40%) !important; */
  background: rgb(83 117 75 / 20%) !important;
}
.alert-dismissible .btn-close {
    top: 20px;
    right: 15px;
}
#side-panel {
  position: fixed;
  top: 0;
  right: -95%;
  z-index: 699;
  width: 95%;
  height: 100%;
  border-left: 6px solid var(--themecolor);
  overflow: hidden;
  
  -webkit-backface-visibility: hidden;
}
.side-panel-open #side-panel {
  box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}
#side-panel-header {
  margin: 8px 15px;
}
#side-panel-header h3 {
  margin: 0;
}
#side-panel .side-panel-wrap {
  position: relative;
  width: 100%;
  padding: 30px 30px 100px 30px !important;
  background: #fff;
}

#side-panel #page-title {
    display: none;
}
#top-search svg.svg-inline--fa {
  width: 18px;
}
.top-search-open .top-search-parent #primary-menu-trigger, .top-search-open .top-search-parent #top-cart  {
  opacity: 0 !important; 
}
.top-search-open .top-search-parent #top-search {
  position: absolute;
  right: 0;
}
.primary-menu ul {
    margin: 0;
}
.primary-menu-open .transparent-header.dark {
  background-color: var(--themecolor) !important;
  z-index: 10;
}
.dark .menu-item:hover > .menu-link, .dark .menu-item.current > .menu-link {
  color: #fff;
  text-decoration: underline;
}
.primary-menu-open .dark .sub-menu-container .menu-item > .menu-link {
  color: #fff !important;
}
.menu-cat-item {
  padding: 20px 10px 20px;
}
.menu-cat-item .menu-cat-title {
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 10px;
  padding: 18px 30px;
  font-size: 1.1rem;
  color: var(--themecolor);
  text-transform: uppercase;
  text-align: center;
  line-height: 1.1rem;
}
.menu-cat-item:hover .menu-cat-title {
  background-color: var(--themecolor);
  color: #fff;
}

.cat-title-vh {
    min-height: 45vh;
}
.cat-item .cat-title {
  background: #fff;
  position: absolute;
  bottom: -30px;
  left: 8px;
  padding: 18px 30px;
  font-size: 1.1rem;
  color: var(--themecolor);
  text-transform: uppercase;
  text-align: center;
  line-height: 1.1rem;
}
.cat-item:hover .cat-title {
  background-color: var(--themecolor);
  color: #fff;
}
#content ul, #content ol {
  margin-top: 25px;
  margin-left: 40px;
}
#content .item-categories img {
  width: 100%;
}
#cat-title h1 {
  background: none;
  margin-bottom: 0;
  font-size: 1.4rem;
  text-align: center;
}
#cat-title h2 {
  background: none;
  color: var(--themecolor) !important;
  font-family: 'Roboto', sans-serif !important;
  font-size: .95rem;
  text-align: center;
  text-transform: uppercase;
}
#cat-title .content p {
  padding: 0 .6rem;
}
#cat-title .content strong {
  display: block;
  text-align: center;
}
#page-title {
  background-color: #f3f3ed;
}
#page-title h1 {
  background: none;
}
#page-title-image {
    background: #f3f3ed;
}
#page-title-image h1 {
    background: none;
    text-transform: uppercase;
    color: #d49c43;
}
#page-title-image .title > div {
    text-transform: uppercase;
    font-size: 16px;
    color: var(--themecolor);
}
.page-menu-item:hover > a, .page-menu-item.current > a {
  background-color: rgba(255,255,255, 0.85);
  color: #2c4426;
}
.section {
  padding: 0;
}
.nav-link {
  color: var(--themecolor);
  text-transform: uppercase;
  padding: 15px 20px;
}
.nav-link:hover {
  color: var(--themecolor);
}
.nav-tabs .nav-link, .nav-tabs .nav-item .nav-link {
  border-radius: 0;
  border: none;
  border-bottom: transparent 3px solid;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  border-radius: 0;
  border: none;
  border-bottom: var(--themecolor) 3px solid;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border: none;
  border-bottom: 3px solid #bbb;
  background: #efefef;
  color: #444;
}
.product {
  margin: 0 !important;
  padding: 0 !important;
}
.product .grid-inner {
  padding: 15px;
  border-bottom: 6px solid transparent;
  transition: .5s;
}
.product:hover .grid-inner {
  padding: 15px;
  border-color: #ddd;
  border-bottom: 6px solid var(--themecolor);
  background: rgba(255,255,255, .9);
  position: absolute;
  z-index: 10;
  transform: scale(1.1);
  
  box-shadow: 0px 0px 20px 0px rgba(0,  0,  0, 0.2);
}
.product:hover .product-description {
  display: block !important;
}
.product-spec {
  font-size: .8rem;
    text-align: center;
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
}

.product-description {
  border-top: 1px solid #ddd;
  display: none;
}
.product-description p {
  margin: 0 0 1rem 0;
}
.product-title a {
  display: block;
  color: #d49c43;
}
#shop .product-title a {
  color: var(--themecolor);
  font-size: 18px;
}
.product-spec i {
  font-size: 1.1rem;
}
#product h1 {
  font-size: 1.4rem;
}
#product .thumb img {
  width: 100%;
}
#product .thumbs-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.product-single, .product-single img {
  aspect-ratio: 1;
  display: block;
}

@media (min-width: 500px) { 
  .product-single, .product-single img {
    aspect-ratio: auto;
  }
}
#product .caption {
  font-size: .9rem;
  padding: 15px 15px 0;
}
.owl-carouse {
  overflow: hidden;
}
.owl-carousel:hover .owl-nav [class*="owl-"] {
  opacity: 1;
  left: 30px;
}

.owl-carousel:hover .owl-nav .owl-next {
  left: auto;
  right: 30px;
}
#product .hide {
  display: none;
}
#product .price-label {
  font-size: .8rem;
}
#product .price-value {
  color: var(--themecolor);
}
#product .rating i {
  color: #f0b34e;
}
.form-group.active {
  background: rgba(83, 117, 75, .1);
    padding: 10px;
}
.form-control {
    appearance: auto;
    -webkit-appearance: auto;
}
#variations .form-group, #options .form-group, #onepagecheckout .account-content .form-group, #form-quote .form-group, .well .form-group {
  display: block;
}
#product label {
  font-size: 1.02rem;
  font-weight: normal;
  color: #000;
}
#product a.popup-link.hmc-link, #product a.hmc-link {
  margin-right: 0px;
  color: #d49c43;
  font-size: .9rem;
  text-align: right;
}
.thumbs .oc-item {
}
.thumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}
.thumbs ul li img {
    border: 5px transparent var(--themecolor);
}
.thumbs ul li.active img {
    border-style: solid;
    opacity: 50%;
}
.thumb.temp-height, .thumbs.temp-height {
  overflow: hidden;
  height: 700px;
}

.thumb.temp-height .wrapper {
    display: none;
  }
.thumbs.temp-height {
  height: 300px;
}
.thumbs ul li {
  overflow: hidden;
}
.thumbs.temp-height ul li, .thumb.temp-height .oc-item .wrapper {
  display: none;
}

.rein-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}
.rein-grid .span-3 {
    grid-column: 3 / 6;
}
.rein-item {

}
.rein-title {
  position: absolute;
  background: #fff;
  bottom: 2rem;
  right: 2rem;
  padding: 10px 40px 5px;
  color: var(--themecolor);
  font-weight: bold;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.3rem;
}
.rein-title span {
  display: block;
  font-size: .85rem;
  font-weight: normal;
}
.rein-item:hover .rein-title {
  background: var(--themecolor);
  color: #fff;
}
.carousel-nav {
  background: rgba(255,255,255, .7);;
  border: 2px solid var(--themecolor);
  border-radius: 100%;
  color: var(--themecolor);
  display: inline-block;
  font-size: 19px;
  padding: 2px 10px 4px;
  line-height: 31px;
  margin: 5px 8px;
}
.carousel-nav:hover {
  background: var(--themecolor);
  color: #fff;
}
a.carousel-nav svg {
  color: var(--themecolor);
  height: 21px;
}
a.carousel-nav:hover svg {
  background: var(--themecolor);
  color: #fff;
}
.rounded {
    border-radius: 50%;
}
.prize {
    text-align: center;
}

.prize-title, .prize-h3 {
    font-size: 30px;
    font-weight: bold;
    background: none;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Zilla Slab', serif !important;
    color: #d49c43;
}

.prize .sticker .number {
    font-size: 60px;
    position: relative;
    margin-top: 17px;
    font-weight: bold;
    left: -6px;
    color: var(--themecolor);;
}
.prize .sticker .number > span {
    font-size: 20px;
    display: inline-block;
    font-weight: normal;
    position: absolute;
    top: 25px;
    color: var(--themecolor);;
}
.prize .sticker .place {
    margin-top: -20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.prize-text {
    font-size: 16px;
    color: var(--themecolor);
    font-weight: bold;
    text-transform: uppercase;
}
.prize .amount {
    margin-top: 5px;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: bold;
}
.double-border {
    background-color: #f3f3ed;
    border: 4px solid #fff;
    position: relative;
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    height: 10rem;
    width: 10rem;
  }
  .double-border:before {
    background: none;
    border: 4px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    pointer-events: none;
    border-radius: 50%;
  }
  .video-hero {
    margin-top: -30px;
  }
  .video-hero h2 {
    background: none;
    font-family: 'Roboto', sans-serif !important;
    color: var(--themecolor);
    font-size: 26px;
    font-weight: bold !important;
  }
  .vid-run {
    color: #808080;
    font-size: 16px;
    font-style: italic;
  }
  .vid-play {
    position: absolute;
    bottom: 10%;
    right: 8%;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 100%;
    border: 4px solid var(--themecolor);
    box-shadow: 0px 0px 20px 0px rgba(255, 255, 255,0.75);
    transition: all .5s ease-out;
  }
  .vid-play.center {
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
  }
  .vid-play a {
    color: var(--themecolor);
    transition: all 1s ease-out;
  }
  .vid-play svg {
    height: 40px;
  }

  .vid-play.large {
    border-width: 6px;
  }
  .vid-play.large svg {
    height: 60px;
  }

  .vid-play:hover {
    border-color: #fff;
    background: var(--themecolor);
  }
  .vid-play a:hover {
    color: #fff;
  }

  .video .product {
    position: relative;
  }
  .video .product:hover {
    height: 20px;
  }

  .video .product-title {
    position: absolute;
    top: 30px;
    left: 15px;
    background: rgba(255, 255, 255, 0.85);
    padding: 3px 15px;
    max-width: 65%;
    text-align: left !important;
    font-size: 18px;
    font-weight: 900;
    color: #000;
  }
  
  .video .product-title h3 {
    font-size: 14px !important;
    font-weight: 900 !important;
    color: var(--themecolor);
  }

  @-webkit-keyframes highlight {
    to {
      background-position: 0 0;
    }
  }
  
  @keyframes highlight {
    to {
      background-position: 0 0;
    }
  }
#onepagecheckout .btn-primary.active, #onepagecheckout .btn-default.btn-primary  {
    background-color: #808080;
    font-family: 'Zilla Slab', serif !important;
    text-transform: uppercase;
    color: #fff;
    font-size: 11px;
}
#onepagecheckout .btn-primary.active {
    padding: 0;
}
.error-msg {
    display: none;
}
#onepagecheckout .radio label, #onepagecheckout .checkbox label {
  text-transform: none;
  font-weight: normal;
  position: relative;
  padding-left: 20px;
}
#onepagecheckout .radio input, #onepagecheckout .checkbox input {
  position: absolute;
  left: 0;
  top: 3px;
}
.
.module-item {
  background: #f3f3ed;
  overflow: hidden;
}
.module-item a {
    padding: 8px 15px;
    font-family: 'Zilla Slab', serif !important; 
    font-size: 20px;
    display: block;
}
.module-header {
  margin-bottom: 0;
}
.module-item a .icon-caret-up {
  display: block !important;
}
.module-header a.collapsed .icon-caret-up  {
  display: none !important;
}
.module-header a.collapsed .icon-caret-down  {
  display: block !important;
}
.module-header a .icon-caret-down  {
  display: none !important;
}
.module-body {
  background: rgba(255, 255, 255, 0.3);
}
.module-item .form-group {

}
.cart-cta {
  padding: 10px 20px 5px;
  margin-bottom: 20px;
}
.cart-cta form {
  margin: 0;
}
.cart-cta.payments {
  border: 1px solid #ddd;
  background: #f5f5f5;
}
.cart-cta.white-glove {
  border: 1px solid  var(--themecolor);
  background: rgb(83 117 75 / 15%);;
}
table.totals td {
}
.content-shopping-cart small {
}
.form-group {
  display: flex;
}
.well {
  border: 1px solid #ddd;
  border-left: var(--themecolor) 6px solid;
  padding: 2rem;
  margin-bottom: 2rem;
  height: 100%;
}
.card {
  border: 1px solid #ddd;
  border-left: var(--themecolor) 6px solid;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
}
.card-body {
  padding: 0;
}
h2.card-title {
  font-size: 24px;
}
.card-body li a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 5px 0 5px 15px;
}
.widget h3 {
  margin-bottom: -4px;
  font-size: 1.3rem;
  text-align: center;
  border-bottom: 3px double #ddd;
}
.widget.links ul {
  padding: 15px 0 6rem 0;
  border-left: 1px solid #ddd;
  margin: 0 !important;
}
.widget.links li {
  border-top: 1px transparent #ddd;
  border-bottom: 1px dotted #ddd;
}
.widget.links li:last-child {
  border-bottom: none;
}
.widget.links li a {
  display: block;
  margin-left: -1px;
  padding: 10px 15px;
  color: #666;
  border-left: 1px solid transparent;
  border-right: 4px solid transparent;
}
.widget.links li a:hover, .widget.links li.current a {
  border-left-color: #fff;
  border-right-color: var(--themecolor);
  border-top-color: #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #f3f3ed;
}
.widget.links li.current a {

}
.accordion {
	border-bottom: 1px solid #dfdfdf;
}
.accordion-toggle {cursor: pointer; padding: 10px 10px 0 10px; text-transform: none; border-top: 1px solid #dfdfdf; color: #d49c43;}
.accordion-content {display: none; padding: 10px 10px 0 10px; }
.accordion-content.default {display: block;}

.tab-content #main-content > div {
    display: none;
}
body.vp-center {
    display: block !important;
}

footer {
  background-size: no-repeat center center cover;;
}
footer .widget_links a {
  display: block;
  padding: 8px 0 3px 5px !important;
  margin: 3px 0;
  border-left: 3px soild transparent !important;
}
footer .widget_links a:hover {
  padding-left: 10px !important;
  transition: padding 0.2s ease-in-out;
  border-left: 3px solid var(--themecolor) !important;
}
#slider {
  margin-top: -60px;
}
#slider img {
  aspect-ratio: 5/4;
}
@media (min-width: 450px) { 
  .header-size-md #header-wrap #logo img {
    height: 60px;
  }
}
@media (min-width: 600px) { 
  .header-size-md #header-wrap #logo img {
    height: 70px;
  }
  
  #slider {
    margin-top: -70px;
  }
}
@media (min-width: 800px) { 
  #slider img {
    aspect-ratio: 9/4;
    width: 100%;
  }
}

#cart .buttons {
    position:fixed; bottom: 0; padding: 20px 20px 20px 5px; background: #efefef;
    width: 95%;
    margin-left: -30px;
}

@media (min-width: 992px) {
    
  h1, .h1, #page-title h1{
    font-size: 1.8rem;
  }
  h2, .h2 {
    font-size: 1.2rem;
  }
    
  #side-panel {
    position: fixed;
    top: 0;
    right: -65%;
    z-index: 699;
    width: 65%;
    height: 100%;
    border-left: 6px solid var(--themecolor);
    overflow: hidden;
    -webkit-backface-visibility: hidden;
  }
  #side-panel .side-panel-wrap {
  }

  #cart .buttons {
      width: 65%;
  }

  .header-size-md #header-wrap #logo img {
    height: 80px;
  }
  #header.header-size-md + .include-header.include-topbar {
    margin-top: calc(-80px - 2px - 46px);
  }

  #top-bar {
    background: rgb(39,68,37);
    background: linear-gradient(103deg, rgba(39,68,37,1) 2%, rgba(82,116,79,1) 34%, rgba(82,116,79,1) 49%, rgba(82,116,79,1) 65%, rgba(39,68,37,1) 97%);
  }
  #top-bar.transparent-topbar {
    background: rgba(0, 0, 0, 0.1);
    z-index: 399;
  }

  .top-links-container > .top-links-item {
    border: 0;
  }

  .top-links-container > .top-links-item > a {
    padding-left: 17px;
    padding-right: 17px;
    color: #eee;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 0.875rem;
  }

  .top-links-container > .top-links-item:hover {
    background-color: transparent;
  }

  .top-links-container > .top-links-item.top-bar-highlight > a {
    margin-top: 7px;
    margin-bottom: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #eee;
    border-radius: 16px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .top-links-container > .top-links-item.top-bar-highlight:hover > a {
    background-color: #fff;
    color: #222;
  }
  
  .sticky-header #header-wrap {
    background-color: rgba(255, 255, 255, 0.95);
  }

  .primary-menu {
    margin-top: 13px;
  }
  .dark .menu-item:hover > .menu-link,
  .dark .menu-item.current > .menu-link {
    color: var(--themecolor);
  }

  .dark li.menu-item.mega-menu.sub-menu:hover {
    background: rgba(255, 255, 255, 0.95);
  }

  .mega-menu-content {
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-bottom: var(--themecolor) 6px solid;
  }

  .mega-menu-style-2 .sub-menu-container .menu-link {
    margin: 5px 0;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: transparent 3px solid;
  }

  .mega-menu-style-2 .sub-menu-container .menu-link:hover {
    border-left: var(--themecolor) 3px solid;
  }

  .sub-menu-container .menu-item:hover > .menu-link > .menu-link {
    background-color: #eeeeee;
    padding-left: 18px;
    color: var(--themecolor);
  }

  .mega-menu-style-2 .sub-menu-container > .mega-menu-title > .menu-link {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    display: block;
    padding-bottom: 10px !important;
    padding-left: 5px !important;
  }
  .mega-menu-style-2 .sub-menu-container > .mega-menu-title > .menu-link:hover {
    border-color: transparent;
  }


  .header-misc {
    margin-top: 9px;
  }
  .header-misc-icon {
    padding: 10px;
    margin: 0 0 0 5px;
  }
  .header-misc-icon:hover {
    background: #eee;
    color: #fff;
  }
  .header-misc-icon a {
    transition: none;
  }
  .header-misc-icon:hover a {
    transition: none;
  }
  .dark .header-misc-icon:hover > a {
    color: var(--themecolor);
  }
  .dark .header-misc-icon:hover {
    background: rgba(255, 255, 255, 0.95);
  }
  .cat-title-vh {
      min-height: 25vh;
  }
  #cat-title h1 {
    font-size: 1.8rem;
  }
  #cat-title h2 {
    font-size: 1.1rem;
  }
  #cat-title .content p {
    padding: 0 4rem;
  }
  #product h1 {
    font-size: 1.8rem;
  }
  .section {
    padding: 60px 0;
  }
}

.nav-tabs {
  display: none;
}

@media (min-width: 768px) {
  .nav-tabs {
      display: flex;
  }
}

@media (min-width: 768px) {

  .card .card-header {
      display: none;
  }

  .card .collapse {
      display: block;
  }
}

.tab-content > .tab-pane {
  opacity: 1;
}

@media (min-width: 768px) {
  .tab-content > .tab-pane {
      display: none;
  }
}

.tab-content > .tab-pane.active {
  display: block;
}