/*
 Theme Name:   Hare & Hounds - Theme
 Description:  A Child Theme built for Hare & Hounds Lothersdale
 Author:       Flair Digital
 Author URI:   https://flairdigital.co.uk
 Template:     Divi
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("../Divi/style.css");
/* Theme customization starts here
------------------------------------------------------- */
:root {
    --yellow: #ffd501;
    --brown: #d3bb88;
    --grey: #56555a;
    --dark-grey: #3b3b3b;
}
/* Media Quiries */
  @media only screen and (min-width: 1100px) { /* styles for screens above 770px */
    .header-button {
      top: 44.5px;
      right: -80px;
    }
  }
  @media only screen and (max-width: 1100px) { /* styles for screens below 770px */
    #main-header {
      padding: 20px 0px;
    }
    .header-button {
      top: 30px;
      right: 0px;
    }
    #top-menu-nav li.menu-item {
      display: none !important;
    }
    #et_mobile_nav_menu {
      display: block;
    }
    #et-top-navigation {
      padding: 40px 0px 0px 0px !important;
    }
    #logo {
      max-height: 80px !important;
    }
    .et_header_style_split #top-menu-nav {
      display: inline-block;
      padding-bottom: 20px;
      margin: auto 0px;
    }
    .et_header_style_split #et_mobile_nav_menu {
      float: none;
      position: relative;
      margin-top: 20px;
      display: block;
    }
    .et_header_style_split #main-header .mobile_nav {
      display: block;
      text-align: left;
      background-color: rgba(0,0,0,.05);
      border-radius: 5px;
      padding: 9px 10px;
    }
    .et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page {
      display: inline-block !important;
      font-size: 14px;
    }
    .et_header_style_split .et_menu_container .mobile_menu_bar {
      position: absolute;
      right: 5px;
      top: 2px;
    }
    .et_header_style_centered header#main-header .logo_container, .et_header_style_split header#main-header .logo_container {
      height: auto;
      max-height: 100px;
      padding: 0;
    }
  }
  @media only screen and (min-width: 981px) { /* styles for screens above 980px */
    .opl {
      margin-right: 30px;
    }
    .opr {
      margin-left: 30px;
    }
  }
  @media only screen and (max-width: 980px) { /* styles for screens below 980px */
    #et-top-navigation {
      padding: 0px !important;
    }
    .mmb {
      margin-bottom: 30px !important;
    }
  }
  @media only screen and (min-width: 770px) { /* styles for screens above 770px */
    .key-row .gf, .key-row .vf, .key-row .vegf {
      width: 31%;
      float: left;
      margin-bottom: 0px !important
    }
    .key-row .gf, .key-row .vf {
      margin-right: 3%;
    }
  }
  @media only screen and (min-width: 600px) { /* styles for screens above 770px */
    .header-button {
      position: absolute;
    }
  }
  @media only screen and (max-width: 600px) { /* styles for screens below 980px */
    #et-top-navigation {
      padding: 0px !important;
    }
    .et_header_style_split #main-header .container, .et_header_style_split #main-header .logo_container {
      text-align: center;
    }
    .header-button {
      width: 100% !important;
      display: block;
      top: 0px;
      right: 0px;
      margin-bottom: 20px;
      margin-top: 20px;
    }
  }
/* End Media Quiries */
/* Shell Styles */
.grecaptcha-badge { visibility: hidden; }

  .iframe {
    min-height: 500px !important
  }

  /* Header & Navigation */
  .header-button {
      background: var(--yellow);
      color: var(--dark-grey) !important;
      padding: 8px 20px;
      font-size: 20px;
      border: 1px solid var(--yellow);
      box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
      transition: 300ms all ease-in-out;
  }
  .header-button:hover {
    background: var(--brown);
    border-color: var(--brown);
  }
  /* End Header & Navigation */
  /* Typeography */
    body, h1, h2, h3, h4, h5, h6 ,p ,a {
      font-weight: 300 !important;
    }
    #main-content .vert-cen {
      display: flex !important;
      align-items: center !important;
      display: -ms-flexbox;
      display: -webkit-flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
    }
  /* End Typeography */
  /* Footer */
#footer-info {
	width: 100% !important;
}
  /* End Footer */
  .sidebar-cta h2 {
    padding-bottom: 0px !important;
  }
  .sidebar-cta .et_pb_blurb_container {
    vertical-align: middle;
  }
/* End Shell Styles */
/* Body Styles */
  .colhover {
    margin-top: 0px ;
    transition: 300ms all ease-in-out;
  }
  .colhover:hover {
    margin-top: -20px !important;
  }
  .lothersdalehome .header-content-container {
    background: rgba(0,0,0,0.6);
    border: 1px solid #fff;
    padding: 20px;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
  }
  .fwbutton {
    width: 100% !important;
  }
  #mapp0-layout {
    margin: 0px !important;
    border: none !important;
  }
  body.privacy-policy ul.et_pb_tabs_controls {
      background-color: #3b3b3b !important;
  }
  body.privacy-policy ul.et_pb_tabs_controls::after {
    border: none !important;
  }
  /* CF7 */
  #wpcf7-f31415-p31409-o1 {
    margin-top: 30px;
  }
  input.wpcf7-text, select.wpcf7-select, input.wpcf7-file {
    width: 31.333%;
    margin-right: 3%;
    margin-bottom: 16px;
    float: left;
  }
  span.phone input,  input.wpcf7-file {
    margin-right: 0px !important;
  }
  input.wpcf7-text, select.wpcf7-select {
    padding: 8px;
    background: #f9f9f9;
    border: 1px solid #eaeaea;
  }
  input.wpcf7-file {
    min-height: 38px;
  }

  input.wpcf7-submit {
    background: var(--dark-grey);
    color: #ffffff;
    border: 1px solid var(--dark-grey);
    font-size: 16px;
    padding: 14px 14px 15px 14px;
    transition: 300ms all ease-in-out;
  }
  input.wpcf7-submit:hover {
    background: var(--yellow);
    color: var(--dark-grey);
    border: 1px solid var(--yellow);
    cursor: pointer;
  }
  /* End CF7 */
  /* Menu */
  .menu-title {
    padding-bottom: 30px;
  }
  .menu-title h2, .menu-title h3 {
    text-align: center;
    padding-bottom: 0px;
  }

    /* Masonry styles / Grid */
      .grid {
        display: grid !important;
        grid-gap: 30px !important;
        grid-template-columns: repeat(auto-fill, minmax(285px,1fr)) !important;
        max-width: 1500px !important;
        grid-auto-rows: 0px !important;
        grid-row-gap: 30px !important;
      }
      .grid .item {
        background: var(--dark-grey) ;
        border: 1px solid  var(--dark-grey);
        color: #ffffff;
      }
      .grid .content {
        padding: 30px;
      }  
    /*End Masonry styles / Grid */
	.menuitem {
		display: flex !important;
		justify-content: flex-start;
		align-content: center;
	}
	.menuitem.mir3 {
		margin-top: 5px;
		padding-top: 5px;
		border-top: 1px solid var(--yellow);
	}
	.menuitem h4 {
		color: #ffffff;
	}
	.menuitem .mi-title {
		width: 50%;
		flex-grow: 1;
	}
	.menuitem .mi-price {
		width: 20%;
		flex-grow: 0;
	}
  /* End Menu */

  /* Booking iframe */
    iframe body {
      margin-bottom: 0px !important;
    }
  /* End Imframe */
/* End Body Styles */
/*Misc*/
  .clearAll {
	  font-size: 1px;
	  line-height: 1px;
	  clear: both;
    display: hidden;
    height: 0;
  }
/* BEGIN clearfix
/* slightly enhanced, universal clearfix hack */
  .clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  .clearfix { display: inline-block; }
/* start commented backslash hack \*/
  * html .clearfix { height: 1%; }
  .clearfix { display: block; }
/* close commented backslash hack */
/*END clearfix*/
/*END Misc*/
/* Admin Bar
body.logged-in.admin-bar .et_pb_section_0_tb_header {
  top: 0px !important;
}
#et-main-area {
  margin-top: 136px;
}
body.logged-in.admin-bar #et-main-area {
  margin-top: 104px !important;
}
body.logged-in.admin-bar .et_pb_button_0_tb_header_wrapper {
  top: 44px !important;
}
 End Admin Bar */
/* Testing Area */