/*
  #################################################
    Place All Child Theme Styles Here
  #################################################
*/

/*
  #################################################
    General
  #################################################
*/
:root {
  --dark-green: #096426;
  --light-green: #77a078;
  --yellow: #fcb900;
  --white: #ffffff;
  --black: #222222;
  }

a,
.wpb_text_column.wpb_content_element a {
  color: var(--yellow);
}
a:hover,
.wpb_text_column.wpb_content_element a:hover {
  color: var(--dark-green);
}
p a,
article.blog-post a {
  color: var(--yellow);
}

/* add white-text to any object in wp bakery editor where you want the text to be white */
.white-text h1,.white-text h2,.white-text h3,.white-text h4,.white-text h5,.white-text h6,.white-text p,.white-text ul li,.white-text ol li, .white-text a,
  .white-text figcaption {
      color: var(--white) !important;
  }

/* add the no-white-link to objects where you want to force white text but want the link to remain normal theme colors */
  .no-white-link a{
	color: var(--yellow) !important;
}
.no-white-link a:hover{
	color: var(--dark-green) !important;
}

/* Override to force a 4vh bottom margin on al WP Bakery Section elements */
  section.vc_section {
    margin-bottom: 4vh;
  }

/* Override to Force "Orange" color in WP Bakery Preset to be CJ Yellow */
  .vc_btn3-shape-round {
    font-weight: 700 !important;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
  }
  .vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline {
    border-color: var(--yellow) !important;
    color: var(--yellow) !important;
  }
  .vc_btn3.vc_btn3-color-orange.vc_btn3-style-outline:hover {
    background-color: var(--yellow) !important;
    color: var(--white) !important;
  }
  .vc_colored-dropdown .orange {
    background-color: var(--yellow) !important;
  }

/* Buttons */
  .cj-button {

  }
  .cj-button-white {
    color: var(--white) !important;
  }
  .cj-button-white:hover,
  .white-text .cj-button a:hover {
    color: var(--black) !important;
  }

/* 3 Col Callout - uses a background image set on a column with bg cover */
  .three-col-callout .vc_column-inner{
    min-height: 446px;
  }

/* Title with Text element */
  .cj-title-with-text h2.banner-title{
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 2px;
  }

/* Tab Override */
  .tab-contents h2.cj-headline {
    border: none !important;
  }
  .et-tabs-wrapper .tabs-nav {
    background-color: var(--dark-green);
    
  }
  .tabs .tabs-nav li a { /* normal tab state color */
    color: var(--dark-green) !important;
  }
  .tabs .tab-title.opened, .tabs .tab-title.opened:hover, .tabs .tab-title::before { /* Current opened tab */
    color: var(--dark-green);
  }
  .tabs .tab-title:focus, .tabs .tab-title:hover { /* hovered tab */
    color: var(--yellow) !important;
  }
  .et-tabs-wrapper .tabs-nav li.et-opened::before { /* triangle carret for current tab */
    border-color: var(--yellow) !important;
  }
  .et-tabs-wrapper .tabs .tab-title {
    padding-top: 14px !important;
  }
  .et-tabs-wrapper .tabs-nav {
    margin-bottom: 0 !important;
  }

/* Icon Box */
  .cj-icon-box.ibox-block .ibox-content h3 {
    color: #555;
    font-family: 'Open Sans';
    font-size: 16px;
  }
  .cj-icon-box.ibox-block .ibox-symbol i {
    min-width: 1.1em;
    min-height: 1.1em;
  }

/* Accordion Boxes */
  .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading a span {
    color: var(--light-green);
    font-size: 19px;
  }

/*
#################################################
  Header
#################################################
*/
  /*
    #################################################
      Promo Bar
    #################################################
  */
      .et_promo_text_carousel {
          font-weight: 700;
          letter-spacing: 0.04rem;
      }

/*
#################################################
  Homepage
#################################################
*/
	.btn__bar {
		background-color: var(--dark-green);
		padding: 15px 0;
	}
	.btn__bar a {
		display: block;
		color: var(--yellow);
		font-family: "Roboto Slab",sans-serif;
		font-weight: 400;
		font-size: 20px;
		line-height: 20px;
		text-decoration: none;
		width: 100%;

	}
	.btn__bar a:hover {
		color: var(--white);
	}

/*
#################################################
Typography
#################################################
*/	
	h2 {
	font-size: 24px;
	}
	h2.cj-headline { /* Use primarily as h2 section breaks */
	color: var(--dark-green);
	text-transform: capitalize;
	}
	h3 {
	color: var(--light-green);
	font-size: 21px;
	font-weight: 400;
	line-height: 1.5;
	}
	h3.cj-headline[class^="vc_custom_"] {
	border-bottom: none !important;
	text-transform: capitalize;
	}
	h4 {
	line-height: 20px;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	}
	h4.cj-headline[class^="vc_custom_"] {
	border-bottom: none !important;
	}

/*
#################################################
	WooCommerce
#################################################
*/
	/*
	  #################################################
		Shop Page
	  #################################################
	*/
		.woocommerce-back-to-home {
			color: #fcb900;
			font-size: 18px;
			text-decoration: underline;
		}
		.woocommerce-back-to-home:hover {
			text-decoration: none;
		}

	/*
	#################################################
		Single Product View
	#################################################
	*/
		span.only-in-store {
			margin-left: 5px;
		}

	/*
	#################################################
		Category Sidebar Filter
	#################################################
	*/

		.wcpf-title-container .wcpf-title { /* Bold the cat titles */
			font-weight: bold;
		}
		.wcpf-item-children-container.wcpf-text-children-container .wcpf-title { /* Normal font for child cats */
		font-weight: 400;
		}

		.wcpf-field-text-list .wcpf-text-list .wcpf-text-item .wcpf-text-label {
		color: var(--et_main-color);
		font-size: 1.14rem;
		}

		.wcpf-item-inner.wcpf-text-item-inner {
		margin-top: 10px;
		}
		.wcpf-item-children-container.wcpf-text-children-container .wcpf-item-inner.wcpf-text-item-inner{
		margin-top: 0;
		}

    /*
      #################################################
        Checkout / Cart
      #################################################
    */
      #checkout-no-shipping-local-return {
        background-color: var(--yellow);        
        padding: 15px;
      }
      #checkout-return-policy {
        background-color: var(--yellow);        
        margin-bottom: 25px;
        padding: 15px;
      }

/*
#################################################
  Footer
#################################################
*/
  #o2dca-footer-search .woocommerce-product-search button{
      background-color: var(--dark-green);
  }
  #o2dca-footer-search .woocommerce-product-search button:hover {
      background-color: var(--light-green) !important;
      border: none !important;
  }