/*
Theme Name: HHSA
Theme URI:
Author: Jeremy Wills
Author URI:
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain:
*/

/**
 * Table of Contents:
 *
 */

 /*  =============================================================================
  FONTS
  ========================================================================== */



@font-face {
  font-family: "Maven-Pro-Black";
  src: 
       url('/wp-content/themes/hhsa/fonts/Maven-Pro-Black.otf?v0') format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Maven-Pro-Bold";
  src: 
       url('/wp-content/themes/hhsa/fonts/Maven-Pro-Bold.otf?1408149819') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Maven-Pro-Medium";
  src: 
       url('/wp-content/themes/hhsa/fonts/Maven-Pro-Medium.otf?1408149819') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Maven-Pro";
  src: 
       url('/wp-content/themes/hhsa/fonts/Maven-Pro.otf?1408149819') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/*  =============================================================================
  COLOR
  ========================================================================== */

.chetwode {
color:#84afdc; /*Chetwode Blue*/
  }


.prussian {
color:#002c54; /*Prussian Blue*/
  }

.brandy-punch {
color:#d5702a;  /*Orange*/
}

.costa-del-sol {
color:#5b6a2f;  /*Dark Green*/
}

.gimblet {
color:#afb166;  /*Light Green*/
}



/*  =============================================================================
  RESET
  ========================================================================== */

* {

  border: 0;
  font: inherit; 
font-family: 'Muli', sans-serif;
  font-size: 100%;
  margin: 0;
  outline: 0; 
  padding: 0;
  vertical-align: baseline;
  font-weight: 400;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

html, body {
  line-height: 1;
  height: 100%;
  position: relative;
  z-index: -1;
  background: transparent;
}

body {
min-width: 1200px;
}

html {


}

ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.no-border { border: none; }
.no-border-left { border-left: none; }
.no-border-right { border-right: none; }
.no-border-top { border-top: none; }
.no-border-bottom { border-bottom: none; }
.no-margin { margin: 0px; }
.no-padding { padding: 0px; }

a {
  text-decoration: none;
  color:#0066cc; 
}

a:hover {
  color:#d5702a; 
}

/*  =============================================================================
  GENERAL
  ========================================================================== */
.content-box {

    position: relative;
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;

}

body, p, ul, ol, li, div, h1, h2, h3, h4, h5, h6 {
    color: #002c54;
    font-size: 14pt;
    line-height: 19pt;
        letter-spacing: 0px;
}

h1, h2, h3, h4, h5, h6 {
  color: #002c54; /*Prussian Blue*/
  font-weight: 400;
    margin-top: 20px;
}

h2, h3, h4, h5, h6
,h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: 600;
  font-family: "Maven-Pro-Medium";
}

h3, h4, h5, h6 {
    margin-bottom: 0px;
    margin-top: 10px;

  }

h1 {
    font-size: 18pt;
    line-height: 30px;
    margin-bottom: 30px;


} 

h2 {
      font-size: 16pt;
}

p, ul, ol {
    color: #002c54;
    font-size: 12pt;
    line-height: 19pt;
    margin-top: 10px;
    margin-bottom: 10px;
}

li {
    margin: 10px 5px;
}

li p {
    margin: 0px;
}



i, cite, em, var, address, dfn {
    font-style: italic;
}

strong, b {
    font-weight: bold;
}

mark {
    background-color: #84afdc; /*Chetwode Blue*/
    color: #002c54;
}

.width-100 {
  width: 100%;
}

.center {
  text-align: center;
}

.transparent {
 background: transparent url("/wp-content/themes/hhsa/images/transparent-white.png") repeat; 
}

.container {
  width: 100%;
  height: 100%;
}

.box {
  float: left;
  display: block;
  overflow: hidden;
}

.alert {
   background: transparent url("/wp-content/themes/hhsa/images/transparent-orange.png") repeat; 
   color: #fff;
   padding: 10px;
}

#incfont, #decfont {
    display: inline-block;
    margin: 20px 0px 0 0;
    /* padding: 5px; */
    width: 20px;
    color: #FFF;
    cursor: pointer;
    text-align: center;
    font-size: 27px;
}

#incfont {

}

#decfont {
    font-size: 37px;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

img.alignleft{
    margin-left: 0px !important;
    margin-right: 30px !important;
}

.floatRight {
  float: right;
}

.header-wrapper-div
,.footer-wrapper-div
,.content-table {
      box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.35);
}

/*  =============================================================================
  BACKGROUND IMAGE
  ========================================================================== */
.home-header-slideshow-wrapper {
  position: fixed;
  top:0;
  left: 0;
  z-index: -1;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}


/*  =============================================================================
  HEADER
  ========================================================================== */
.header-wrapper-div {

    overflow: visible;
    width: 100%;
    float: left;
    display: block;
}


.header-wrapper-row1-div {
    background: transparent url("/wp-content/themes/hhsa/images/transparent-white.png") repeat; 
    width: 100%;
    float: left;
}

.header-wrapper-row2-div {
    width: 100%;
    float: left;
    height: 56px;
    border: 1px outset rgba(0,0,0,0.1);
    border-left: none;
    border-right: none;
   background: transparent url("/wp-content/themes/hhsa/images/transparent-darkBlue.png") repeat !important; 
}






.header-wrapper-translate-div {

height: 100%;
float: right;

    padding: 10px;
}

.header-wrapper-translate-div p {
  font-size: 11px;
}

.header-wrapper-div a img{
position: relative;
width: 50%;
}

.header-wrapper-div a img:before{
    content: "";
    display: block;
    padding-top: 100%;  /* initial ratio of 1:1*/
}

.header-menu-nav {

}

.header-menu-wrapper-div {

}

.header-menu-ul {
list-style-type: none;
height: 40px;
float: left;
    width: 620px;
    margin-top: 0px;
    margin-bottom:  0px;
}

.header-menu-li {
float: left;
height: 40px;
display: table;
    padding-left: 13px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    border-color: rgba(255,255,255,.5);
}

.header-menu-li:first-child {
  padding-left: 0px;
}

.header-menu-li:last-child {
  border-right: none;
}

.header-menu-li a {
  color: #ffffff;
  text-decoration: none;
  display: table-cell;
  vertical-align: middle;
    font-family: "Maven-Pro-Black";

    font-size: 12px;
    letter-spacing: 2px;
}

.header-searchbox {

display: table-cell;
vertical-align: middle;
height: 40px;
padding-left: 15px;
}

.header-searchbox input{

 padding: 3px;
    padding-left: 10px;
    color: #002c54;
    font-size: 12px;
    letter-spacing: 1px;
    min-width: 200px;
    font-family: "Maven-Pro-Black";
    opacity: .8;
}

.header-wrapper-logo-div {

    float: left;
    width: 899px;
    height: 100%;
}

#Logo {

    float: left;
    width: 155px;
    padding-top: 8px;
    margin: 0px 33px;
}

.logo {
    font-family: "Maven-Pro-Bold";
    padding: 10px;
    float: left;
    margin-left: 30px;
}

.logo-wrap {

    height: 100%;
    position: relative;
    float: left;

}

.logo-sb {


    font-size: 31pt;

    padding-right: 0px;
    padding-left: 0px;

    width: 597px;
    text-align: left;
    line-height: 25pt;

    padding-bottom: 10px;

  }

.logo-sb span {
font-family: "Muli";
    font-size: 24pt;
    line-height: 26pt;  
}

.logo-hhsa {

font-family: "Muli";
    font-size: 24pt;
    text-transform: uppercase;
    line-height: 23pt;
    padding-left: 0px;

    padding-top: 20px;
    padding-bottom: 1px;

}



/*  =============================================================================
  HOME BODY
  ========================================================================== */

.home-body-wrapper-div {

  width: 100%;
    /* position: fixed; */
    /* top: 156px; */
z-index: -1;
/* height: calc(100% - 246px);*/
/*overflow: hidden;*/
overflow: auto;
min-height: 1000px;
}

.home-body-content-table {
margin-top: 75px;
margin-bottom: 75px;

}

.home-body-content-table tr {

}

.home-body-content-table tr td{
    width: 162px;
    height: 162px;
  border: 10px solid transparent;
vertical-align: top;
  overflow: hidden;
}

.home-body-content-table tr:first-child td{
  border-top: none;

}

.home-body-content-table tr td:first-child{
  border-left: none;
}

.home-body-content-table tr td:last-child{
  border-right: none;
}

.home-body-content-table tr:last-child td{
  border-bottom: none;
}

.home-body-content-table tr td div{


}

.home-content-frame {
margin: 50px 0px;
position: relative;
}


/*  =============================================================================
  FOOTER
  ========================================================================== */

.footer-wrapper-div {
    width: 100%;
    border-top: 8px solid white;
    background-color: #002c54;
    z-index: -1;
    height: 91px;
    overflow: visible;
    float: left;
}

.footer-content-wrapper {
    float: left;
    width: 700px;
    height: 90px;
    display: table;
}

.footer-row1-wrapper {
    vertical-align: middle;
    display: table-cell;
}

.footer-row1-wrapper p{
    margin-top: 0px;
margin-left: 6px;
  }

.footer-menu-ul {
list-style-type: none;
padding-left: 0px;
float: left;
    margin-bottom: 12px;
    margin-top: 0px;
}

.footer-menu-ul li:first-child{

padding-left: 0px;

}

.footer-row1-wrapper *{
    font-size: 12px;
    line-height: 8px;
    color: #84afdc;
  }

  .footer-row1-wrapper a:hover{
text-decoration: underline;
    color: white;
  }

.footer-menu-li {
    float: left;
    padding-left: 0px;
    padding-right: 10px;
    border-right: 1px solid #fff;
}

.footer-menu-li:last-child {
    border-right:none;
}

.footer-menu-li a{

  color: #ffffff;
  text-decoration: none;
}

.footer-menu-li a:hover{

  color: #ffffff;
  text-decoration: underline;
}

.footer-logo-wrapper {
float: right;
}

.footer-logo-wrapper img {
  margin-top: -33px;
  width: 110px;

}

.footer-county-wrapper {
float: right;
}

.footer-county-wrapper img{
  width: 80px;
    margin-top: 1px;

}



 /*  =============================================================================
  GOOGLE - TRANSLATE
  ========================================================================== */

div#google_translate_element {
  float: left;
      margin-top: 0px;
    margin-bottom: 10px;
}

div.header-wrapper-translate-div .goog-te-gadget-simple a.goog-te-menu-value {
  cursor: pointer;
}

div.header-wrapper-translate-div div.goog-te-gadget-simple {
      background-color: transparent;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: none;
    font-size: 11pt;
    display: inline-block;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
    zoom: 0;
}

div.header-wrapper-translate-div .goog-te-gadget img,
div.header-wrapper-translate-div .goog-te-gadget-simple a.goog-te-menu-value span {
  display: none;
}

div.header-wrapper-translate-div .goog-te-gadget-simple a.goog-te-menu-value span:first-child {
  display: inline;
}

div.header-wrapper-translate-div a,
div.header-wrapper-translate-div span,
div.header-wrapper-translate-div p
 {
font-size: 11pt;
text-transform: uppercase;
color: #002c54;
    line-height: 19pt;
float: right;
}

 /*  =============================================================================
  Essential Grid
  ========================================================================== */

  #esg-grid-1-1 {
    opacity: 0.94;

  }

  .esg-layout-even .esg-entry-media img {
    top: 0% !important;
    left: 0% !important;
    width: 100% !important;
    height: 100% !important;
  }

  .grid-tile-icon {
    float: left;
    width: 100px;
    padding: 15px;
  }

  div.home-content-frame .esg-grid .mainul li.eg-hhsa-wrapper {
    background-color: transparent;
  }

  .hover-image {
    width: 100%;
    position: absolute;
    left: 0px;
  }

    div.home-content-frame .eec {

    position: relative !important;
        height: 100%;
  }

   /*  =============================================================================
  Wonderplugin Box
  ========================================================================== */

  .wonderplugin-box-heading {

  }

    .wonderplugin-box-heading a{
        text-decoration: underline;
    color: white;
  }

      .wonderplugin-box-heading a:hover{
    
  }

#wonderplugin-box-3 .wonderplugin-box-action {
    border-radius: 0px !important;
    background: rgba(0,0,0,0) !important;
    border: 1px solid white !important;
  }

#wonderplugin-box-3 .wonderplugin-box-action:hover {
color: #d5702a  !important;
    background: rgba(250,250,250,250) !important;
    border: 1px solid white !important;
  }

  #wonderplugin-box-3 .wonderplugin-box-logo img {
    width: 45px;
  }

   /*  =============================================================================
  SEARCHWP
  ========================================================================== */

.searchwp-highlight {
  color: #d5702a;
}