/* 
Theme Name: DoF Storefront - Child 
Version: 1.0 
Description: DoF Child Theme for Storefront. 
Author: AISN
Author URI: https://www.aisn.net
Template: storefront 
*/

:root {
    --serif: 'Cabin', serif;
    --sans-serif: Arial, Helvetica, sans-serif;
    --green-primary: #617c5f;
    --dark-grey-contrast: #43586d;
    --dark-grey: #43586D;
    --burnt-orange: #653d28;
    --white: #ffffff;
    --off-white: #dfe5df;
    --light-grey: #b3cfc7;
    --button-primary: #E8991D;
  }


/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
  html * {
    font-family: var(--serif), var(--sans-serif);
  }


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

  .page-template-template-homepage .entry-header h1 {
    display:none;
  }

  .page-template-template-homepage:not(.has-post-thumbnail) .site-main {
    padding-top:0;
  }

  .site-header {
    background-color: var(--green-primary)
  }

  .site-header .site-branding img {
    max-width: 7.813em;
  }

  /* Site Title Controls if no Logo */
  .site-branding .site-title {
    color: var(--white);
    letter-spacing: normal;
  }

  .site-branding .site-title a {
    color: var(--white);
    font-weight: 400;
  }

  .site-branding .site-description {
    color: var(--white);
    letter-spacing: normal;
    font-size:1.5em;
  }

  @media all and (max-width:760px){
    .site-branding .site-title a {
     color: var(--green-primary);
   }
 }

 
/*--------------------------------------------------------------
# Navigation & Menus
--------------------------------------------------------------*/
  /* Main Nav */
  .storefront-primary-navigation {
    background-color: var(--white)
  }

  .main-navigation ul {
    font-size: 1.1em;
  }

  .main-navigation ul li a {
    color: var(--burnt-orange)
  }
  .main-navigation ul li a:hover {
    color: var(--dark-grey-contrast)
  }

  .site-header-cart .cart-contents {
    color: var(--burnt-orange)
  }

  .site-header ul.menu li.current-menu-item a { 
    color:var(--dark-grey-contrast);
  }

  /* Footer Nav */
  .widget_nav_menu .widget-title {
    margin:0em;
    font-size:1.25rem; 
  }

  .widget_nav_menu .widget-title {
    margin:0em;
    font-size:1.25rem; 
  }

  .widget_nav_menu ul li::before {
    display:none;
  }

/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/

  .page-template-template-homepage .entry-content, .page-template-template-homepage .entry-header {
    text-align:left;
  }

  p+h3 {
    margin-top:0;
  }


/*--------------------------------------------------------------
# WooCommerce / Storefront Theme
--------------------------------------------------------------*/

  /* Button Styles */
  .button, .button.alt, .added_to_cart.alt, .added_to_cart, .widget a.button.checkout {
    background-color: var(--button-primary);
    color:var(--white)
  }

  .select-button {
    border-radius: 1.25rem;
    margin: 0 .5em;
    font-weight: 700;
  }

  /* Messages */
  .woocommerce-info, .woocommerce-noreviews, p.no-comments, .woocommerce-message {
    background-color: var(--light-grey);
  }

  /* Remove strikethrough on current price */
  del {
    display:none;
  }

  .storefront-product-section .section-title {
    font-weight:700;
  }


/*--------------------------------------------------------------
# Gravity Forms
--------------------------------------------------------------*/
  /* Remove form heading */
  .gform_heading {
    display: none;
  }

  /* Submit button style */
  .gform_wrapper.gravity-theme .gform_footer input  {
  background-color:var(--button-primary);
  color:var(--white);
  } 


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
  .site-footer {
    background-color: var(--off-white);
  }

  /* DOF Footer Bar */
  .dof-footer-bar {
    background-color: var(--dark-grey-contrast);
    color:var(--white);
  }

  .dof-footer-bar a {
    color:var(--white) !important;
  }

  .footer-bar-text {
    text-align:center;
  }