/* *** Basic Links *** */
a:link, a:visited { text-decoration: underline; color: #BEAF87;}
a:hover { text-decoration: none; color: #A19276; }
a:focus { outline:none; }

/* *** Linked Headings and Links in Body Text *** */
.title a:link, .title a:visited, .title a:hover {
  color: inherit;
}
.title a:link, .title a:visited {
  text-decoration: none;
}
.title a:hover {
  text-decoration: underline;
}
.node .content a {
  font-weight: bold; 
}

/* *** Buttons and Button Links *** */
/* TODO: add color and icon classes to modify buttons */
input[type="submit"],
input[type="button"],
input.form-submit,
a.button,
.lp-view .views-exposed-form a.btn-slide,
input#COMPUTE /* TimeValue compute button */ {
  /* TODO: Move the colors and backgrounds to skin.css; define neutral colors here */
  font-family: 'Typold', 'Helvetica Neue', HelveticaNeue, 'Nimbus Sans L', 'Liberation Sans', Arimo, Helvetica, Arial, sans-serif;
  color: #252526;
  background: #BEAF87;
  padding: 0.25em 1.25em;
  cursor: pointer;
  border: none;
  border-radius: 3px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
input[type="submit"]:hover,
input[type="button"]:hover,
input.form-submit:hover,
a.button:hover,
.lp-view .views-exposed-form a.btn-slide:hover,
input#COMPUTE:hover /* TimeValue compute button */ {
  background-color: #A19276;
  text-decoration: none;
}

/* *** PRIMARY NAVIGATION *** */
/* - General Nav Bar Styles */
#navigation {
  font-family: 'Typold', 'Helvetica Neue', HelveticaNeue, 'Nimbus Sans L', 'Liberation Sans', Arimo, Helvetica, Arial, sans-serif;
  text-align: center; 
  position: relative;
  height: 45px;
  z-index: 15;
}
#navigation ul.menu li a.active,
#navigation ul.sf-menu li a.active {
  color: #A19276;
}
#navigation ul.menu li a:link, 
#navigation ul.sf-menu li a:link, 
#navigation ul.menu li a:visited,
#navigation ul.sf-menu li a:visited {
  text-decoration: none;
}
#navigation ul.menu li a:hover,
#navigation ul.sf-menu li a:hover {
  text-decoration: none;
}
#navigation ul.menu,
#navigation ul.sf-menu {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}
#navigation ul.menu li,
#navigation ul.sf-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
/* - Top-level Items */
#navigation .block > .content > ul.menu > li,
#navigation .block > .content > ul.sf-menu > li { 
  border-right: 1px solid #808285;
  float: left;
}
#navigation .block > .content > ul.menu > li.first,
#navigation .block > .content > ul.sf-menu > li.first { 
  border-left: none;
}
#navigation .block > .content > ul.menu > li.last,
#navigation .block > .content > ul.sf-menu > li.last { 
  border-right: none; 
}
#navigation .block > .content > ul.menu > li > a,
#navigation .block > .content > ul.sf-menu > li > a {
  display: block;
  line-height: 45px;
  padding: 0 1.25em;
  font-weight: 500;
}
/* - Sub-menu Items */
#navigation ul.menu li ul.menu,
#navigation ul.sf-menu li.menuparent > ul {
  position: absolute;
  width: auto;
  min-width: 225px;
  left: -999em;
  z-index: 1500;
  background: #252526;
  border: 1px solid #808285;
  border-top: none;
  top: initial;
  border-radius: 0;
  padding: 0 !important;
}
#navigation ul.menu li:hover ul.menu, 
#navigation ul.menu li.menuparent.sfHover > ul,
#navigation ul.sf-menu li:hover ul.menu, 
#navigation ul.sf-menu li.menuparent.sfHover > ul {
  left: auto;
  top: auto;
}
#navigation ul.menu li ul.menu li,
#navigation ul.sf-menu li.menuparent > ul li {
  border-bottom: 1px solid #808285;
}
#navigation ul.menu li ul.menu li.last,
#navigation ul.sf-menu li.menuparent > ul li.last {
  border-bottom: none;
}
#navigation ul.menu li ul.menu li a,
#navigation ul.sf-menu li.menuparent > ul li a {
  display: block;
  padding: 0.5em 1em;
  font-size: .9em;
}

/* header menus - includes maximenu styles, TODO: include superfish menu styles too */
#header .om-maximenu-content {
  top: 2em;
  min-width: 200px;
  max-width: 100%;
  left: auto;
  right: 0;
}
#header .om-maximenu-content .block {
  margin: 0;
}
#header .om-maximenu .om-maximenu-open {
  bottom: 5px; right: 5px; z-index: 1000;
}
#header .om-maximenu-content .om-maximenu-middle-right {
  padding: 0;
}
#header .om-maximenu-content .sf-vertical {
  width: 100%;
  padding: 0;
}
#header .om-maximenu-content .sf-vertical li {
  width: 100%;
  float: none;
}
#header .om-maximenu-content .sf-vertical li:hover > ul, 
#header .om-maximenu-content .sf-vertical li.sfHover > ul {
  min-width: 200px;
  max-width: 100%;
  left: -1.5em;
  top: 2.5em; /* 1.5em * 2 (for padding) + 1em for line height. That puts it one level below */
  padding: 0;
}
#header ul.menu,
#header ul.om-menu,
#header ul#social-links {
  padding: 0;
  float: right;
  height: auto;
}
#header ul.menu li,
#header ul.om-menu li.om-leaf,
#header ul#social-links li {
  margin: 0;
  list-style: none;
  float: left;
  line-height: 1.5em;
  padding: 0 .5em;
  border-right: 1px solid #888;
  height: auto;
}
#header ul.menu li.first,
#header ul.om-menu li.om-leaf.first,
#header ul#social-links li.first {
  padding-left: 0;
}
#header ul.menu li.last,
#header ul.om-menu li.om-leaf.last,
#header ul#social-links li.last {
  padding-right: 0;
  border-right: 0;
}
#header ul.menu li a,
#header ul.om-menu li.om-leaf .om-link,
#header ul#social-links li a:not(.icon) {
  font-size: 0.929em;
  font-weight: bold;
  height: auto;
  float: none;
  line-height: inherit;
  display: inline;
  padding: 0;
}
#header ul.menu li a,
#header ul.om-menu li.om-leaf a,
#header ul#social-links li a:not(.icon) {
  text-decoration: none;
}
#header ul.menu li a:hover,
#header ul.om-menu li.om-leaf a:hover,
#header ul#social-links li a:not(.icon):hover {
  text-decoration: underline;
}
#header ul.menu li span.ext,
#header ul.om-menu li span.ext,
#header ul#social-links li span.ext {
  display: none;
}

#footer ul.menu {
  padding: 0;
}
#footer ul.menu li {
  margin: 0;
  list-style: none;
  float: left;
  line-height: 1.5em;
  padding: 0 .5em;
  border-right: 1px solid #888;
}
#footer ul.menu li.first {
  padding-left: 0;
}
#footer ul.menu li.last {
  padding-right: 0;
  border-right: 0;
}
#footer ul.menu li a {
  font-family: 'Typold', 'Helvetica Neue', HelveticaNeue, 'Nimbus Sans L', 'Liberation Sans', Arimo, Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
#footer ul.menu li a:hover {
  text-decoration: underline;
}

/* Button Menu */
#block-menu-menu-front-page-button-menu-wrapper ul.menu,
#block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf {
  text-align: center;
  list-style: none;
  padding: 0;
}
#block-menu-menu-front-page-button-menu-wrapper ul.menu {
  margin-left: 10px;
  margin-right: 10px;
}
#block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf {
  border: 4px solid rgba(37,37,38,0.5); /* BRAND COLOR: Obsessed Grey */
  padding: 2px;
  background-color: rgba(37,37,38,0.8); /* BRAND COLOR: Obsessed Grey */
  box-sizing: border-box;
  margin-top: 10px;
  margin-bottom: 10px;
}
#block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf:hover {
  border: 4px solid rgba(37,37,38,1); /* BRAND COLOR: Obsessed Grey */
  background: rgba(37,37,38,1); /* BRAND COLOR: Obsessed Grey */
}
#block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf a {
  display: block;
  padding: 10px;
  color: #BEAF87;
  border: 1px solid #BEAF87;
  text-decoration: none;
  font-family: 'Typold', 'Helvetica Neue', HelveticaNeue, 'Nimbus Sans L', 'Liberation Sans', Arimo, Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.143em;
}
@media screen and (min-width: 721px) {
  #block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf {
    width: 32.666666667%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }
  #block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf.first,
  #block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf.last {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (min-width: 721px) and (max-width: 980px) {
  #block-menu-menu-front-page-button-menu-wrapper ul.menu li.leaf a {
    font-size: 0.857em;
  }
}

ul.primary,
ul.secondary,
.ui-tabs {
  font-family: 'Typold', 'Helvetica Neue', HelveticaNeue, 'Nimbus Sans L', 'Liberation Sans', Arimo, Helvetica, Arial, sans-serif;
}