/***************************************************/
/***** THIS IS THE OVERRIDE FOR FOUNDATION.CSS *****/
/***************************************************/

/*General Site Stuff*/

html {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
body {
  background: #fefefe;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #0a0a0a;
}

 a {
  color: #b49659;
}
 a:hover, a:focus {
  color: #b49659;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #b49659;
}

h1 small, .h1 small,
h2 small, .h2 small,
h3 small, .h3 small,
h4 small, .h4 small,
h5 small, .h5 small,
h6 small, .h6 small {
  color: #b49659;
}

@media print, screen and (min-width: 40em) {
  .grid-padding-x > .cell {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}

.button {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  border-radius: 10px;
  max-width: 138px;
  background-color: #b49659;
}

.button:hover, .button:focus {
    background-color: #7b6537;
}

.button.hollow {
  border: 2px solid #b49659;
  color: #b49659;
}

.button.hollow:hover, .button.hollow:focus {
  border-color: #7b6537;
  color: #7b6537;
}

.center {
  margin: auto;
  width: 100%;
  text-align: center;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 0px;
  border-top: ;
}

blockquote {
    line-height: 2;
    color: #b49659;
}

blockquote:before {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 30%; /* Change this to whatever width you want. */
    border-bottom: 1px solid #a8a8a8; /* This creates the border. Replace black with whatever color you want. */
}

blockquote:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 30%; /* Change this to whatever width you want. */
    padding-top: 30px; /* This creates some space between the element and the border. */
    border-bottom: 1px solid #a8a8a8; /* This creates the border. Replace black with whatever color you want. */
}

/*End General Site Stuff*/

/*Page Specific Stuff*/

.orbit_image img {
  display: block;
  margin: 0 auto;
  max-height: 540px;
}

.head_image {
  display: block;
  margin: 0 auto;
  max-height: 540px;
  width: 100%;
}

/*End Page Specific Stuff*/

/*Header Stuff*/

.top-bar {
  padding: 0rem;
  height: 85px;
}

.top-bar {
    background-color: #ffffff;
}

.top-bar ul {
    background-color: #000000;
}
.top-bar a {
	color: #ffffff;
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: ;
  height: 0;
  border: 0px;
  content: url(/images/arrowDown.png);
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: transparent transparent transparent;
  right: 22px;
  left: auto;
  margin-top: -10px;
}

.dropdown.menu a {
  padding: 0;
}

.dropdown.menu.dropdown-menu-header a {
  padding: 0.7rem 0rem;
  height: 85px;
}

.dropdown.menu .is-active > a {
  color: #fefefe;
}

.is-dropdown-submenu {
  min-width: 100%;
  border: 0px solid #cacaca;
}

.menu {
  padding: 0;
  /*margin: 0 0 0 163px;*/
  text-align: center;
  margin: auto;
  /*top:-5px;*/
}

.menu li:hover, .menu li:focus {
    background-color: #333333;
}

.menu-mobile {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.menu-mobile ul {
  background-color: #b49659;
}

[data-whatinput='mouse'] .menu-mobile li {
    outline: 0;
}

.menu-mobile a, .menu-mobile .button {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: 0.7rem 1rem;
    color: #ffffff;
}

.menu-mobile input, .menu-mobile select, .menu-mobile a, .menu-mobile button {
    margin-bottom: 0;
}

.menu-mobile input {
    display: inline-block;
}

.menu-mobile.vertical {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-direction: column;
        flex-direction: column;
}

.menu-mobile.drilldown a {
  background-color: #000000;
}

.drilldown .is-drilldown-submenu {
  background-color: #000000;
}

.drilldown .is-drilldown-submenu-parent > a::after {
    border-color: transparent transparent transparent #ffffff;
}

.drilldown .js-drilldown-back > a::before {
  border-color: transparent #ffffff transparent transparent;
}

.title-bar-right {
  padding: 0.5rem;
  background: #000000;
  background-image: url("/images/blahr3-logo.png");
  background-size: 224px 60px;
  background-repeat: no-repeat;
  color: #ffffff;
  min-height: 60px;
}

.menu-icon {
  height: 45px;
  margin: 0 5px 0 3px;
  width: 22px;
}

.menu-icon::after {
  top:14px;
  background: #ffffff;
  box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}

.menu-icon:hover::after {
    background: #ffffff;
    box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
}
/*End Header Stuff*/