/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* colors #7c8034 */
:root {

  --dark-green: rgba(125, 128, 53, 1);
  --button-color: #7d8035;
  --main-color: #101820;
  --black: #101820;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul.nav>li>a {
  font-family: Arial, Helvetica, sans-serif;
}

.header-top {
  background-color: var(--dark-green);
}

.banner {
  background-color: transparent;
}


.fp-link-blocks .banner:hover {
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%);
}

/*Woocommerce*/

.cart-icon strong,
.cart-icon strong:after {
  border: 2px solid var(--dark-green);
}

.cart-icon strong {
  color: var(--dark-green);
}

.current-dropdown .cart-icon strong,
.cart-icon:hover strong {
  background-color: var(--dark-green);
}

.product.has-hover .grid-tools a {
  background-color: var(--dark-green);
}

.box.has-hover.hover-dark:hover .box-text {
  background-color: var(--dark-green);
}

.badge-inner {
  background-color: var(--dark-green);
}

.badge-frame .badge-inner,
.badge-outline .badge-inner {
  color: var(--dark-green);
}

.box:hover .badge-frame .badge-inner,
.box:hover .badge-outline .badge-inner {
  background: var(--dark-green);
  border: 1px solid var(--dark-green);
}

.button,
.checkout-button,
.button.checkout,
.button.alt,
input[type=submit].gform_button.button {
  background: var(--button-color);
}

.checkout-button,
.button.checkout,
.button.alt,
.tribe-events .tribe-events-c-search__button {
  background: var(--button-color);
}

.checkout-button:hover,
.button.checkout:hover,
.button.alt:hover,
input[type=submit].gform_button.button:hover,
.tribe-events .tribe-events-c-search__button:hover {
  background: var(--button-color);
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%);
}

/* Gravity Forms */

.front-page-newsletter input[type="submit"],
.front-page-newsletter input[type=submit].gform_button.button {
  background-color: #101820;
}

.front-page-newsletter input[type="submit"]:hover,
.front-page-newsletter input[type=submit].gform_button.button:hover {
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%);
}

#mc_embed_signup .indicates-required {
  text-align: left;
}

#mc_embed_signup h6 {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: .05em;
  text-transform: uppercase;
}

#mc_embed_signup form {
  padding: 5px 5px;
}

#mc_embed_signup .mc-field-group {
  padding-bottom: 0;
}

#mc_embed_signup .button {
  background-color: var(--main-color);
  color: #FFF;
}

#mc_embed_signup .button:hover {
  background-color: var(--main-color);
  color: #FFF;
  box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%);
}

#mc_embed_signup #mce-success-response {
  color: #FFF;
}

#mc_embed_signup div#mce-responses {
  margin: 0;
}

/* "Ghost" buttons */
.primary.is-underline,
.primary.is-link,
.primary.is-outline,
.tribe-common .tribe-common-c-btn-border,
.tribe-common a.tribe-common-c-btn-border {
  border: 2px solid var(--button-color);
  color: var(--button-color);
}

.tribe-common .tribe-common-c-btn-border:hover,
.tribe-common a.tribe-common-c-btn-border:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
  background: var(--button-color);
  border: 2px solid var(--button-color);
  color: #FFF;
}

.button.is-outline.white {
  color: #FFF !important;
  border: 2px solid #FFF;
}

.button.is-outline.white:hover {
  border: 2px solid #FFF;
  background-color: #FFF;
  color: #666666 !important;
}

.has-border {
  border: 1px solid var(--black);
}

.slider-wrapper {
  background-color: transparent;
}

.slider-wrapper .primary.is-underline,
.slider-wrapper .primary.is-link,
.slider-wrapper .primary.is-outline {
  border: 2px solid var(--main-color);
  color: var(--main-color);
}

.primary.is-underline:hover,
.primary.is-link:hover,
.primary.is-outline:hover {
  background: var(--button-color);
  border: 2px solid var(--button-color);
}

.slider-wrapper .primary.is-underline:hover,
.slider-wrapper .primary.is-link:hover,
.slider-wrapper .primary.is-outline:hover {
  background: var(--main-color);
  border: 2px solid var(--main-color);
  color: #FFF;
}

.slider-nav-circle .flickity-prev-next-button:hover svg,
.slider-nav-circle .flickity-prev-next-button:hover .arrow {
  background: var(--main-color);
  border-color: var(--main-color);
}

.slider .flickity-prev-next-button:hover svg,
.slider .flickity-prev-next-button:hover .arrow {
  fill: var(--main-color);
}

.slider .flickity-viewport .flickity-slider .banner {
  //padding-top: 500px !important;
  //background-color: transparent !important;
  background-color: #101920 !important;
}

.flickity-viewport {
  //height: 500px !important;
}

.map-inner {
  font-size: 16px;
}

@media only screen and (min-width: 100em) {
  .slider-wrapper {
    background-color: #101920 !important;
  }

  .slider-wrapper .slider {
    max-width: 1600px;
    margin: 0 auto;
    background-color: transparent !important;
  }
}

@media only screen and (min-width: 48em) and (max-width: 62.5em) {

  /*************** ADD Tablet ONLY CSS HERE  ***************/
  .flickity-viewport {
    //height: 300px !important;
  }

  .slider .flickity-viewport .flickity-slider .banner {
    //padding-top: 300px !important;
  }

}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/

  .slider .flickity-viewport .flickity-slider .banner {
    //padding-top: 200px !important;
  }

  .flickity-viewport {
    //height: 200px !important;
  }

  .map-inner {
    font-size: 12px;
  }

}