/*
Theme Name: Smarthistory-theme
Version: 4.0.15
Description: A child theme of Customizr
Template: customizr4
Author: Administrator
*/
/* Your awesome customization starts here */


/*********************************************************************************
************************ General Theme Tweaks           ***************************
**********************************************************************************/
body { font-weight: 400; background: white; }
dd, dt, li {
  line-height: inherit;
}
blockquote {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYyIiB2aWV3Qm94PSIwIDAgNDQgNjIiIHdpZHRoPSI0NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOC4xMjEwODg4OSAxNS41MTc3NTU2Yy02LjE5NTc3Nzc4IDcuNzUxMzMzMy05LjAyNTMzMzMzIDE1LjU5OTg4ODgtNy44NjY0NDQ0NSAyNi4yMzEzMzMzIDEuMTA5ODg4ODkgMTAuMTYzMjIyMiAxMC4wNDk2NjY2NiAxOS42MTQ3Nzc4IDIxLjQyMDc3Nzc2IDE5LjYxNDc3NzguNTI3MzMzNCAwIDEuMDU3Nzc3OC0uMDE5NDQ0NSAxLjU5NTIyMjItLjA2MTQ0NDUgMi43NjczMzM0LS4yMTMxMTExIDUuMzkxNTU1Ni0uOTA1MzMzMyA3Ljc4NC0xLjk4OCAzLjkyNjg5NjItMS43ODcwNTI0IDcuMDQ3MzUzMy00LjM2NTQ5MjYgOS4zNjEzNzEyLTcuNzM1MzIwNiAyLjM4OTMyMjktMy40Nzk0OTIyIDMuNTgzOTg0NC03LjcwNjE1MjggMy41ODM5ODQ0LTEyLjY3OTk4MTktLjM4MDQ1MjUtNC4yMTE3OTkyLTEuNzI1OTkyOC03LjkwMDc4OC00LjAzNjYyMTEtMTEuMDY2OTY2NC0yLjMxMDYyODItMy4xNjYxNzg0LTUuMjgwMjA2NC01LjQ3NDMxMS04LjkwODczNDUtNi45MjQzOTc3LTEuODItLjc2OTIyMjMtMy43NjkxMTExLTEuMzE1MjIyMy01LjgwMTQ0NDQtMS42MDY4ODg5LS42NDE2NjY3LS4wNzkzMzM0LTEuMzUyNTU1Ni0uMTM2MTExMS0yLjA3NzQ0NDQtLjEzNjExMTEtLjU0MDU1NTYgMC0xLjA4ODExMTIuMDMxODg4OC0xLjYyMDExMTIuMTA5NjY2NiAyLjQ3NzIyMjMtMTAuMDY2Nzc3NzYgOC42MDE0NDQ1LTE2LjI1OTQ0NDQyIDExLjA2NjIyMjMtMTcuOTYxOTk5OThsLS45MjMyMjIzLTEuMzEyMTExMTFjLTEwLjAwMjIyMjIgMi40NTkzMzMzMy0xNy4zOTUgNy43NTk4ODg4OS0yMy41Nzc1NTU1MSAxNS41MTc0NDQ0OXoiIGZpbGw9IiM0YzQ0NDkiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat;
  border-left: none;
  box-sizing: border-box;
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 600;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  padding-left: 60px;
  width: 90%;
}
blockquote::before,
blockquote::after {
  content: none;
}
blockquote p {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.58;
}
blockquote p + p {
  margin-top: 1.5rem;
}
blockquote > p > span {
  font-weight: 600 !important;
}
cite {
  background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY2IiB2aWV3Qm94PSIwIDAgNDMgNjYiIHdpZHRoPSI0MyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtLjA1NDI1NTU2LjUzMzI3Nzc4djIuMzc1MzMzMzMgMTguMzQzODUzNjkgMjAuMDYyMDM1MiAyLjE1NTIyMjJoMjUuNDM3MjIyMjRjLTEuNTAzNDQ0NSA0LjI4MDg4ODktNi43MzcxMTExIDcuOTYxMzMzNC05LjU1MTg4ODkgOS43MDUxMTExbDguNTg2NjY2NyAxMi4xOTAxMTExYzUuNzc1LTMuNTg4NjY2NiA5LjM2Njc3NzctNy40MzMyMjIyIDEyLjM0MDIyMjItMTEuNTg2NTU1NSA0LjE2ODg4ODktNS44MTYyMjIyIDYuMDEwNjY2Ni0xMS45NTQ0NDQ1IDYuMDEwNjY2Ni0yMS45NTY2NjY3di0zMS4yODg0NDQ0MnoiIGZpbGw9IiM2ZTc2NzciIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==") no-repeat;
  background-position: 100% 3px;
  box-sizing: border-box;
  color: #222322;
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.65;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  min-height: 60px;
  padding-bottom: 13px;
  padding-right: 55px;
  text-align: right;
  text-transform: uppercase;
  width: 90%;
}
cite span.cite-source {
  color: #211f22;
  display: block;
  font-weight: 400;
  line-height: 1.15;
  text-transform: none;
}
.tc-header:not(.header-transparent) {
  box-shadow: none !important;
}
.header-skin-light .tc-header {
  border-bottom: 0;
}

.display-ib {
  display: inline-block;
}

/*********************************************************************************
************************ Ajax Search            ***************************
**********************************************************************************/
#ajaxsearchprores1_1.vertical .results, #ajaxsearchprores1_2.vertical .results, div.asp_r.asp_r_1.vertical .results {
padding-top:25px; 
}

@media (min-width: 576px) {
  div.asl_w .mCSBap_container,
  div.asp_w .mCSBap_container {
    width: 540px !important;
    max-width: 100% !important;
  }
}
@media (min-width: 768px) {
  div.asl_w .mCSBap_container,
  div.asp_w .mCSBap_container {
    width: 720px !important;
    max-width: 100% !important;
  }
}
@media (min-width: 992px) {
  div.asl_w .mCSBap_container,
  div.asp_w .mCSBap_container {
    width: 960px !important;
    max-width: 100% !important;
  }
}
@media (min-width: 1200px) {
  div.asl_w .mCSBap_container,
  div.asp_w .mCSBap_container {
    width: 1140px !important;
    max-width: 100% !important;
  }
}
div.asl_w .mCSBap_container.mCS_no_scrollbar_y.mCS_y_hidden,
div.asp_w .mCSBap_container.mCS_no_scrollbar_y.mCS_y_hidden,
div.asp_w .mCSBap_container {
    margin-right: auto !important;
    margin-left: auto !important;
}
div.asl_m,
div.asp_m {
  z-index: 1 !important;
}
div.asl_w,
div.asp_w {
  border-bottom: 2px solid #6f7779 !important;
  border-top: 1px solid #6f7779 !important;
  box-shadow: none !important;
}
div.asl_w .probox,
div.asp_w .probox {
  box-shadow: none !important;
  position: relative;
}
.wpdreams_asl_container .probox,
div.asl_w .probox,
.asp_main_container .probox,
div.asp_w .probox {
  height: 54px !important;
}
div.asl_w .probox .proinput input,
div.asp_w .probox .proinput input {
  font-size: 24px !important;
  letter-spacing: 1px;
}
.wpdreams_asl_container .probox input.orig:focus,
#ajaxsearchlitewidget-2 .probox input.orig:focus,
#ajaxsearchpro1_2.asp_main_container .probox input.orig:focus {
  background: #6F7779 !important;
  color: #fff !important;
  /*font-weight: bold !important;*/ /* removed bold from user search input -HS */
}
div.asl_m .probox .proinput,
div.asp_m .probox .proinput {
  margin: 0 !important;
  padding: 0 !important;
}
div.asl_m .probox .proinput input.orig,
div.asp_m .probox .proinput input.orig,
#ajaxsearchpro1_2 .probox .proinput input.orig {
  padding: 15px 0 !important;
  margin: -1px 0 0 !important;
}
div.asp_w .probox .proinput input::-webkit-input-placeholder {
  color: rgba(0,0,0,.6) !important
}
div.asl_w .probox .promagnifier,
div.asp_w .probox .promagnifier {
  margin-right: -100px !important;
  right: 50% !important;
  box-shadow: none !important;
}
div.asl_w .probox .promagnifier .innericon + .innericon,
div.asp_w .probox .promagnifier .innericon + .innericon{
  display: none !important;
}
.proinput input:first-of-type {
  font-family: inherit;
  text-align: center;
}
div.asl_w .probox .proloading,
div.asl_w .probox .proclose,
div.asl_w .probox .promagnifier,
div.asl_w .probox .prosettings,
div.asp_w .probox .proloading,
div.asp_w .probox .proclose,
div.asp_w .probox .promagnifier,
div.asp_w .probox .prosettings {
  background-color: transparent !important;
  height: 44px !important;
  width: 44px !important;
  padding: 10px !important;
  position: absolute !important;
  right: 0;
}
div.asl_w .probox .promagnifier,
div.asp_w .probox .promagnifier{
  height: 39px !important;
}
div.asl_m .probox .promagnifier .innericon,
div.asp_m .probox .promagnifier .innericon {
  transform: scale(.667) translateY(3px);
}
div.asl_m .probox .promagnifier .innericon svg,
div.asp_m .probox .promagnifier .innericon svg {
  width: 30px !important;
}
div.asl_w .probox .proclose,
div.asp_w .probox .proclose {
  padding: 0 !important;
}
div.asp_r.ajaxsearchpro.vertical {
  margin: 0 !important;
}
div.asl_r .resdrg,
div.asp_r .resdrg {
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
div.asl_r.vertical,
div.asp_r.vertical {
  margin-top: -10px;
}
div.asl_r.vertical .results .asl_spacer,
div.asp_r.vertical .results .asp_spacer {
  display: none !important;
}
div.asl_r .results .item,
div.asp_r .results .item {
  width: 32% !important;
}

@media only screen and (max-width: 1024px) { /* changed mobile breakpoint from max-width: 700px -HS */
  div.asp_r .results .item {
    width: 100% !important; /* change search results layout in mobile -HS */
  }
}

div.asl_r.vertical,
div.asl_r .results .item,
div.asl_r p.showmore,
div.asp_r.vertical,
div.asp_r .results .item,
div.asp_r p.showmore {
  background: #222322 !important;
}
div.asl_r p.showmore,
div.asp_r p.showmore {
  margin-bottom: 15px !important;
}
div.asl_r .results .item,
div.asp_r .results .item {
  border: none !important;
  text-align: left !important;
}
div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a,
div.asp_r .results .item .asp_content h3,
div.asp_r .results .item .asp_content h3 a {
  color: #ffffff !important;
  font-weight: 400 !important;
  text-align: left !important;
}
div.asp_r .results .item .asp_content h3 *,
div.asp_r .results .item .asp_content {
  text-align: left !important;
}
/* Styles to modify search results 'view more results' -HS */
div.asp_res_text { display: none; }
div.asl_r p.showmore a,
div.asp_r p.showmore a {
  /*background: #222322 !important;*/
  /*border: 1px solid #ffffff !important;*/
  background: #6F7779 !important;
  border: 2px solid #6F7779 !important;
  color: #ffffff !important;
  display: inline-block !important;
  padding: 8px 32px !important;
  line-height: 22px !important;
}
/* adjusted to look like a button -HS */

div.asl_r p.showmore a:hover,
div.asp_r p.showmore a:hover {
  background: rgba(111,119,121,0.3) !important;
  border: 2px solid #6F7779 !important;
}

div.asl_r p.showmore a:after,
div.asp_r p.showmore a:after {
  content: url(https://smarthistory.org/wp-content/uploads/2020/01/smart_history_search_white.svg);
  position: relative;
  top: 5px;
  left: 5px;
}

div.asp_m.ajaxsearchpro .probox .proclose svg {
  top: 62% !important; /* Adjusted position of Ajax Search close icon -HS */
}

#ajaxsearchpro1_2 .probox .proloading .asp_loader, 
div.asp_m.asp_m_1 .probox .proloading .asp_loader {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
}


/*********************************************************************************
************************ End of Ajax Search            ***************************
**********************************************************************************/
.navbar .navbar-inner {
  margin-top: 0;
}
a.social-icon.icon-feed {
  display: none;
}
@media (min-width: 1200px) {
  #content.span9.article-container.tc-gallery-style {
    width: 700px;
  }
}
.sticky-enabled .nav-collapse {
  float: none;
}
a {
  -webkit-box-shadow: inset 0 -1px 0 transparent;
  box-shadow: inset 0 -1px 0 transparent;
  color: #A83A2A;
  font-weight: 600;
}
a > span,
a > i > span,
a > em > span {
  font-weight: 600 !important;
}
a:hover {
  -webkit-box-shadow: inset 0 -1px 0 #A83A2A;
  box-shadow: inset 0 -1px 0 #A83A2A;
  color: #A83A2A;
  text-decoration: none;
}
body {
  padding-bottom: 0;
  color: #221f22;
  background: #ffffff;
  letter-spacing: .5px;
  line-height: 22px;
}
.featurette-divider {
  margin: 15px 0;
  clear: both;
  border-top: transparent;  /* removed grey line above homepage content -HS */
  border-bottom: transparent;
}
h1 {
  font-size: 32px;
  line-height: 40px;
}
h1.entry-title {
  color: rgb(56,103,140);
  font-weight: bold;
  margin-bottom: 5px;
}
h2.entry-title {
  font-size: 14px !important;
}
h3 {
  margin-top: 24px;
  margin-bottom: 18px;
  color: rgb(56,103,140);
  font-weight: bold;
  font-size: 17px;
  line-height: inherit;
}
h3.widget-title {
  margin: 0;
  padding-top: 8px !important;
  padding-bottom: 5px !important;
  min-height: 26px;
  background: transparent;
  color: #221f22;
  font-size: 12px;
  text-shadow: none;
  font-family: 'Open Sans',Arial;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  text-align: left;
  transition: padding-left 0.4s ease;
  padding-left: 0px;
}
.tooltips {
  color: #bb7832;
}
/*blank line as called by shortcode [blank] */
.spacing-line {
  margin: 0;
  line-height: .5em;
}
/*moving the site logo*/
.tc-header .brand a {
  text-decoration: none;
  margin: -15px 0px 25px 100px;
  display: block;
}
ul {
  list-style-type: none;
}
/*site logo placement */
.tc-header .brand .site-logo img, .tc-header .brand .site-title {
  margin-top: 21px;
}
.site-logo img {
  transition: transform 750ms cubic-bezier(.37,.44,.58,1) !important;
}
.site-logo:hover img {
  transform: scale(1.02);
}
.site-logo-footer:hover {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom-color: transparent !important;
}
.site-logo-footer svg {
  transition: transform 750ms cubic-bezier(.37,.44,.58,1);
}
.site-logo-footer:hover svg {
  transform: scale(1.02);
}

/*********************************************************************************
**Popup Styles****
**********************************************************************************/

#popup-wrapper {
      max-width: 440px;
      height: auto;
      background: black;
      position: fixed;
      bottom: 0;
      left: 20px;
      z-index: 999999;
    }

    #popup-title-bar {
      height: 76px;
      background-color: #851013;
      /*padding-bottom: 18px;*/
    }

    p.popup-hashtag {
      color: #F0F0F0;
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.2px;
        line-height: 12px;
        text-transform: uppercase;
        margin: 0 0 4px 0;
    }

    h1.popup-heading {
      /*height: 24px;
        width: 290px;*/
        color: #FFFFFF;
        font-family: "Open Sans";
        font-size: 17px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 24px;
        margin: 4px 0;
        /*padding-left: 18px;*/
    }

    .collapsed svg {
      transform: rotate(180deg);
    }

    .popup-img-block {
      /*height: 146px;*/
      border-top: 1px solid white;
      background-color: #ccc;
    }

    img.popup-img {
      margin-top: 0;
    }

    .popup-text-wrapper {
      padding: 18px;
      max-width: 380px; 
    }

    .popup-box-heading {
      color: #FEFEFE;
      font-family: "Open Sans";
      font-size: 17px;
      letter-spacing: 0;
      line-height: 24px;
      margin-top: 0;
    }

    .popup-box-paragraph {
      color: #F0F0F0;
      font-family: "Open Sans";
      font-size: 12px;
      margin-bottom: 0;
    }

    .popup-button-wrapper {
      width: 92%;
      background-color: #4C4449;
      text-transform: uppercase;
      text-align: center;
      border: 0;
      margin-bottom: 18px;
      color: #FEFEFE;
      font-size: 12px;
      display: block;
      margin: 0 auto;
      padding: 10px 0;
    }
   a.popup-button-wrapper:hover {
      box-shadow: none;
      color: #FEFEFE;
      text-decoration: none;
      opacity: .80;
   }

    .popup-bottom-links {
      display: flex;
      justify-content: space-between;
      padding: 18px;  
    }
    a.popup-view-past, a.popup-close-box {
      color: #F0F0F0;
      font-family: "Open Sans";
      font-size: 12px;
      letter-spacing: 0.2px;
      line-height: 20px;
      text-decoration: none;
      -webkit-box-shadow: inset 0 -1px 0 #F0F0F0;
      box-shadow: inset 0 -1px 0 #F0F0F0;
    }
    a.popup-view-past:hover, a.popup-close-box:hover {
      box-shadow: none;
      color: #F0F0F0;
      text-decoration: none;
      opacity: .80;
    }

    a.popup-close-box {
      display: none;
    }

    @media screen and (max-width: 640px) {
      #popup-wrapper{
        left: 10px;
        right: 10px;
      } 
      h1.popup-heading {
        font-size: 15px;
      }
    }
    
/*********************************************************************************
**working with the footer****
**********************************************************************************/
/*getting rid of the credits at the bottom of every page*/
.span6.credits {
display: none;
}

/* Flickr Pre-Footer Block */

div#pre-footer.container-fluid {
  padding-left: 0;
  padding-right: 0;
}

#flickr-block {
  width: 100%;
  /*min-height: 221px;*/
  /*background: #000;*/
  margin-bottom: 2px;
}

div.flickr-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

h3.flickr-text {
  color: #000;
  margin: 0;
  font-size: 16px;
}

img.flickr-icon-dots {
  display: inline;
  width: 50px;
  height: auto;
  margin: 0 -4px;
}

@media screen and (max-width: 640px) {
  div.flickr-image {
    background-image: url(https://smarthistory.org/wp-content/uploads/2020/07/flickr-mobile-nt.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 226px;
   /* display: flex;
    align-items: center;
    justify-content: center;*/
  }
  div.flickr-image:hover {
    background-image: url(https://smarthistory.org/wp-content/uploads/2020/07/flickr-mobile-nt-hover.jpg);
  }

  h3.flickr-text {
    font-size: 16px;
    text-align: center;
  }
}

@media screen and (min-width: 641px) /* and (max-width: 960px)*/  {
  div.flickr-image {
    background-image: url(https://smarthistory.org/wp-content/uploads/2020/07/flickr-1440-2x-scaled.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 220px;
  }
  div.flickr-image:hover {
    background-image: url(https://smarthistory.org/wp-content/uploads/2020/07/flickr-1440-2x-hover-scaled.jpg);
  }
}

/* Footer Newsletter Block Styles */

#newsletter-block {
  background: #27688F;
  padding: 40px 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.news-wrapper {
  display: flex;
  flex-direction: row;
}      
#mc_embed_signup_scroll {
  display: flex;
}

.sign-up-msg  {
  width: 60%;
}

.sign-up-form {
  width: 40%;
}

#mc_embed_signup input#mce-EMAIL { /* new styles for footer sign up form -HS */
  /*background: transparent;*/
  background: #447b9b;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  /*border-top: 2px solid #6f7779;
  border-bottom: 4px solid #6f7779;*/
  border-radius: 0;
  font-family: inherit;
  /*font-size: 1.1875rem !important;*/
  font-size: 13px;
  padding: 0 6px;
  /*height: 59px;*/
  height: 35px;
  width: 100%;
  /*opacity: .12;*/
}

#mc_embed_signup input.email{
  color: #ffffff;
}

input:focus:invalid { /* new styles for footer sign up form -HS */
  color: #ffffff !important;
}
#mc_embed_signup .button {
  background-color: #528bab;
  background-image: none;
  border-radius: 0;
  border: 0;
  /*opacity: 0.4;*/
  height: 35px;
  box-shadow: none;
}

#mc_embed_signup .button:hover {
  opacity: 1;
  background: #5492b5;
}

#mc_embed_signup input#mce-EMAIL::placeholder{  /* new styles for footer sign up form -HS */
  opacity: .70;
  color: #ffffff;
}

@media only screen and (max-width: 960px) {
  .news-wrapper {
    flex-direction: column;
    align-items: flex-start;
    /*padding: 40px 70px;*/
  }

  #mc_embed_signup_scroll {
    /*display: block;*/
}

  .sign-up-msg  {
    width: 100%;
  }

  .sign-up-form {
    width: 80%;
  }
}

p.sign-up-txt {
  color: #FFFFFF; 
  font-family: "Open Sans"; 
  font-size: 17px;  
  line-height: 26px;
}

span.sign-up-bold {
  font-weight: bold;
  opacity: 1;
}

span.sign-up-light {
  opacity: 0.75;  
}

/* new social media icons -HS */
.sicons {
  display: flex;
  flex-direction: row;
  margin-top: 12px;
}

.new-social-icons {
  margin-right: 10px;
}

.new-social-icons > img {
  max-width: 28px;
}

div { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

div#facebook {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-fb_2x.png) center no-repeat;*/
  width: 28px;
  height: 28px;
  /*background-size: cover;*/
  opacity: .65;
}

div#facebook:hover {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-fb_2x.png) center no-repeat;
  width: 28px;
  height: 28px;
  background-size: cover;*/
  opacity: 1;
}

div#twitter {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-twitter_2x.png) center no-repeat;*/
  width: 28px;
  height: 28px;
  /*background-size: cover;*/
  opacity: .65;
}

div#twitter:hover {
 /* background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-twitter_2x.png) center no-repeat;
  width: 28px;
  height: 28px;
  background-size: cover;*/
  opacity: 1;
}

div#instagram {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-insta_2x.png) center no-repeat;*/
  width: 28px;
  height: 28px;
  /*background-size: cover;*/
  opacity: .65;
}

div#instagram:hover {
/*  background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-insta_2x.png) center no-repeat;
  width: 28px;
  height: 28px;
  background-size: cover;*/
  opacity: 1;
}

div#youtube {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-youtube_2x.png) center no-repeat;*/
  width: 28px;
  height: 28px;
  /*background-size: cover;*/
  opacity: .65;
}

div#youtube:hover {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-youtube_2x.png) center no-repeat;
  width: 28px;
  height: 28px;
  background-size: cover;*/
  opacity: 1;
}

div#flickr {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-flickr_2x.png) center no-repeat;*/
  width: 28px;
  height: 28px;
  /*background-size: cover;*/
  opacity: .65;
}

div#flickr:hover {
  /*background: url(http://smarthstaging.wpengine.com/wp-content/themes/smarthistory-theme/images/icon_hover-flickr_2x.png) center no-repeat;
  width: 28px;
  height: 28px;
  background-size: cover;*/
  opacity: 1;
}

a#fb-icon:focus {
  text-decoration: none !important;
}

footer#footer { /* footer style adjustments -HS */
  color: #ffffff !important;
  background: #2B322C;
  border-top: none !important;
  padding: 40px 70px;
  text-align: left;
}
.footer-widgets { padding-bottom: 0; }
.footer-widgets .widget-area {
  display: flex;
  flex-wrap: wrap;
}
div#footer_one,
div#footer_two,
div#footer_three { width: 90%; margin-left: 0; margin-bottom: 0.5rem; }
div#footer_two { margin-bottom: 0; margin-top: .5rem; }

@media only screen and (max-width: 768px) {
    #mc_embed_signup_scroll {
      /*flex-direction: column;*/
    }
    #mc_embed_signup .button {
      width: auto;
    }

    #newsletter-block, footer#footer {
      padding: 40px 25px 40px 55px;
    }
    #newsletter-block {
      display: block;
    }
  }

@media screen and (min-width: 50em) {
  div#footer_one {
    /*width: 41.575%;
    margin: 0 8.3333% 0 0;*/
    width: 42%; /* footer style adjustments -HS */
    margin: 0 12% 0 0;
  }
  /*div#footer_two,
  div#footer_three {
    width: 25%;
    margin: 4.75rem 0 0;
  }*/

  div#footer_two {
    width: 25%; /* footer style adjustments -HS */
    margin: 100px 20px 0 0;
  }
  div#footer_three {
    width: 18%;
    margin: 100px 0 0;
  }
}

@media screen and (min-width: 75em) {
  div#footer_one {
    width: 45%; /* footer style adjustments -HS */
    margin: 0 15% 0 0;
  }
  div#footer_two {
    width: 20%; /* footer style adjustments -HS */
    margin: 100px 0 0;
  }
  div#footer_three {
    width: 15%;
    margin: 100px 0 0;
  }
}

@media screen and (max-width: 799px) { /* footer style adjustments -HS */
  div#footer_two,
  div#footer_three {
    display: flex;
    flex-direction: column-reverse;
  }
  .sicons {
    margin-bottom: 20px;
  }

  footer#footer .widget p {
    margin-bottom: 0;
  }
}
#footer svg {
  max-width: 317px;
  margin-bottom: 25px; /* footer style adjustments -HS */
}
/*footer#footer .widget p {
  text-align: left;
  font-size: .875rem;
  font-weight: 300;
  line-height: 1.93;
  margin-left: 0;
  margin-right: 0;
}*/
footer#footer .widget p { /* footer style adjustments -HS */
  text-align: left;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 50px;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
}
#footer ul { padding: 0; }
#footer li { margin-bottom: 0.5rem; }
footer#footer a {
  -webkit-box-shadow: inset 0 -1px 0 transparent;
  box-shadow: inset 0 -1px 0 transparent;
  color: #ffffff;  /* footer style adjustments -HS */
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
  text-align: left;
}
footer#footer a:hover {
 /* remove underline on hover in footer per Bart design -HS */
 /* -webkit-box-shadow: inset 0 -1px 0 #ffffff;
  box-shadow: inset 0 -1px 0 #ffffff;*/
  color: #ffffff;
  text-decoration: none;
}
ul#menu-footer-menu-2 > li > a:hover, ul#menu-footer-menu-1 > li > a:hover { /* opacity change on hover per Bart design -HS */
  opacity: .75;
}
#footer .white-icons .widget li:before,
#footer .white-icons .widget-title:before { content: ''; }
#footer .creative-commons p {
  font-size: 0.75rem;
  color: #ffffff;
  margin: 0 0 0.5rem 0;
  position: relative;
  text-align: left;
  top: -3px;
  font-family: "Open Sans"; /* footer style adjustments -HS */
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px;
  line-height: 20px;
}
#footer .cc-img {
  border-bottom: 0;
  display: inline-block;
  height: 35px;
  margin: 0 .75rem 0.5rem 0;
  position: relative;
  width: 100px;
  z-index: 1;
}
#footer .creative-commons  {
  margin-top: .5rem;
}
img.cc-icon { /* style adjustment for new cc icon -HS */
  margin-top: 0px;
}
@media screen and (min-width: 50em) {
  #footer .creative-commons  {
    margin-top: 1rem;
  }
  #footer .cc-img {
    float: left;
  }
}
footer#footer .colophon { display: none; }
#footer .widget.widget_nav_menu li:before { content: none; }
/*making things right on phones*/
@media screen and (max-width: 480px) {
  footer#footer p {
    margin: 0 25px 10px 25px;
  }
  .wpdreams_asl_container {
    /*width: 75% !important;*/
    text-align: center !important;
    margin: 10px auto 10px auto;
  }
}
#social-widget-2 .socialmedia-buttons { /* footer style adjustments -HS */
    margin-top: 20px;
}
/*********************************************************************************
************************ Images and Captions and videos  ***************************
**********************************************************************************/
.wp-caption, .image-caption {
  max-width: 100%; /* Keep wide captions from overflowing their container. */
  padding: 4px 0;
  width: inherit;
}
iframe {
  max-width: 800px;
  max-height: 450px;
  margin-bottom: -8px;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin-bottom: 0;
}
.image-caption {
  display: block;
}
.wp-caption .wp-caption-text, .image-caption,
.tc-gallery-style .gallery-caption,
.entry-caption  {
  font-style: inherit;
  font-size: 12px;
  font-size: 0.875rem;
  line-height: 1.3em;
  color: #757575;
  margin: 8px auto 12px;
}
.video-caption  {
  font-style: inherit;
  font-size: 12px;
  color: #757575;
  display: inline-block;
}
.wp-caption .video-caption {
  padding-left: 10px;
  padding-right: 10px;
}
img.inline-image,
.inline-image {
  float: left;
  margin-right: 12px;
}
.image-caption {
  display: block;
  max-width: 650px;
  margin-right:auto;
  margin-left:auto;
}
.block-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img {
  display: block;
  margin-right: auto;
  text-align: center;
  margin-top: 8px;
}
img.attachment-tc-thumb.tc-thumb-type-thumb.wp-post-image.wp-post-image.h-centered {
  margin-top: 0px;
}
.alignleft {
  margin-right:30px;
}
.alignright {
  margin-left: 30px;
}
.fve-video-wrapper {
  padding-bottom: 56.25% !important;
}
/*********************************************************************************
************************ Breadcrumb Styling            ***************************
**********************************************************************************/
div[itemprop="breadcrumb"] a {
   color: #6f7677 !important;
}
.trail-end {
  font-weight: 900 !important;
}
.sep {
  color: #bb7832 !important;
}
/*********************************************************************************
*******working with the menus *************
**********************************************************************************/
/*widening the main nav*/
.tc-hover-menu-wrapper,
.navbar-wrapper {
  width: 100% !important;
}
.navbar-inner {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* moving the main menu up a bit and customizing the site tagline */
/**
 * Start old styles to remove if possible
 */
.navbar-wrapper .navbar h2.site-description {
  margin-top: 0px;
  margin-right: 10px;
  color: #6e7779;
}
.nav-collapse.collapse {
  letter-spacing: 1px;
}

.ubermenu .ubermenu-target-text .ubermenu-target-title {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
  font-weight: bold;
  color: #fff ;
}
.ubermenu .ubermenu-target-text {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
  font-weight: bold;
  font-size: 10pt;
  color: #fff ;
}
.ubermenu-target {
  padding-left: 20px  !important;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
  color: #fff ;
}
span.ubermenu-target-title .ubermenu-target-text {
  display: inline-block;
  vertical-align: middle;
  font-family: inherit;
  font-weight: inherit;
  color: #fff;
}
ul.ubermenu-submenu {
  /*opacity: .98 !important;*/
  opacity: 1 !important; /* changed to opaque submenu background -HS */
}
ul.ubermenu-submenu a {
  color: #fff;
}
.ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item {
  height:50px;
}
.ubermenu-main .ubermenu-submenu .ubermenu-has-submenu-drop > .ubermenu-target:after {
  color: #fff !important;
}

.ubermenu .ubermenu-divider hr { /* styles for UberMenu Adv Items Horizontal Divider -HS */
  border-top: 1px solid rgb(216, 216, 216) !important;
  margin-bottom: 20px !important;
}

.ubermenu .ubermenu-submenu-type-stack > .ubermenu-divider { /* styles for UberMenu Adv Items Horizontal Divider -HS */
  padding: 0 !important;
}

/*to give room for the search bar on the ipad*/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .ubermenu-responsive-default.ubermenu {
    display: block!important;
    width: 750px!important;
  }
}
/**
 * End old menu styles
 */
#ubermenu-nav-main-1430 > li > a > .ubermenu-target-title {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}
#menu-item-30014 .ubermenu-tabs-group {
  border-right: 5px solid #790E13 !important;
  padding: 1rem;
}
#ubermenu-nav-main-1430 .ubermenu-tab > .ubermenu-target > .ubermenu-target-title {
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  padding: 0 8px 3px 0;
}
#ubermenu-nav-main-1430 .ubermenu-submenu .ubermenu-active > .ubermenu-target > .ubermenu-target-title,
#ubermenu-nav-main-1430 .ubermenu-submenu > .ubermenu-tab > .ubermenu-target:hover > .ubermenu-target-title {
    border-right: 1px solid white;
    border-bottom: 1px solid white;
}
#ubermenu-nav-main-1430 .ubermenu-item {
  font-size: 1.5rem;
  font-weight: 600;
}
#ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu .ubermenu-target-title {
  font-size: 1.0625rem !important;
  font-weight: 400;
}
#ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-target > .ubermenu-target-title,
#ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu .font-bold-20 > .ubermenu-target-title {
  font-size: 1.25rem !important;
  font-weight: 600;
}
#ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item.ubermenu-column > .ubermenu-submenu > .ubermenu-item {
  margin-bottom: 1.5rem;
}
#ubermenu-nav-main-1430 .ubermenu-tab-content-panel .ubermenu-target {
  padding: 0 10px;
}
#ubermenu-nav-main-1430 .ubermenu-tab-content-panel > .ubermenu-item > .ubermenu-submenu {
  margin-top: 0;
  padding-top: 0;
}
#ubermenu-nav-main-1430 .ubermenu-custom-content {
  color: #ffffff;
}
.ubermenu-custom-content-padded { /* new text block styles for About and Support nav sections -HS */
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    opacity: .7;
    line-height: 45px;
    letter-spacing: -0.2px;
}
/*********************************************************************************
**left-nav menu adjustments****
**********************************************************************************/
.nextend-accordion-menu-inner-container {
  background-color: #ffffff;
}
.nextend-accordion-menu-inner {
  margin-top: 48px !important;
}
div.title h3 {
  font-size: 14px !important;
}
/*the third level side nav text is oddly blurry in safari with retina displays. this fixes that */
dl.level3 {
  transform: none !important;
  transform-style: flat !important;
}
/*********************************************************************************
*******Get rid of About So-and-So in author bio boxes and move the text to fit  *************
**********************************************************************************/
.author-description h2 {
  display: none;
}
.author-description p {
  padding-top: 18px;
  padding-right: 18px;
}
/*********************************************************************************
**Author Avatar code for list on page (not widget--that would be in css folder in plugin ****
**********************************************************************************/
.shortcode-author-avatars .author-list {
  float: left;
  width: 100%;
  padding-bottom: 1.5em;
}
.shortcode-author-avatars div.author-list .user {
  display: block;
  float: left;
  padding: 0.2em;
  text-align: center;
  width: 300px;
}
.shortcode-author-avatars div.author-list .user .name {
  display: block;
  font-size: .85em;
}
.shortcode-author-avatars ul.author-list {
  list-style: none;
  margin: 0;
}
.shortcode-author-avatars ul.author-list .avatar,
.shortcode-author-avatars ol.author-list .avatar {
  float: left;
  clear: left;
  margin-right: .25em;
}
.shortcode-author-avatars div.aa_pageList{
  width:100%;
  clear: left;
  text-align:center;
}
.shortcode-author-avatars div.aa_pageList div {
  width:auto;
  margin-left:auto;
  margin-right:auto;
  display:block;
}
.shortcode-author-avatars div.aa_pageList  a{
  padding: 2px 4px;
  border:1px #BFBFBF solid;
  margin:0 2px;
}
.shortcode-author-avatars div.aa_pageList a.current,
.shortcode-author-avatars div.aa_pageList  a:hover{
  border-color: black;
}
.shortcode-author-avatars div.aa_pageList a.current{
  font-weight: bold;
}
.shortcode-show-avatar{
  display: block;

}

/*********************************************************************************
**Getting the Search Bar in the header into the right position ****
**********************************************************************************/
h3.ubermenu-widgettitle.ubermenu-target {
  display: none;
}
li#ajaxsearchlitewidget-2.widget.AjaxSearchLiteWidget.ubermenu-column-full.ubermenu-column-full.ubermenu-column-full.ubermenu-widget.ubermenu-column.ubermenu-item-header {
  padding: 2px 15px;
}
/*********************************************************************************
**removing the "more" ellipsis from the featured image overlays in archive grids****
**********************************************************************************/
.tc-g-cont {
  display: none;
}
/*********************************************************************************
**decreasing the space between lines in the metaslider overlay text (originally 1.4 em)****
**********************************************************************************/
.metaslider .msHtmlOverlay .layer * {
  margin: 0;
  padding: 0;
  line-height: 1em !important;
  font-size: 1em;
}
/** customizing the author bio box at the top of every author archive page **/
.author-description.span10 {
  width: 98%;
}
.comment-avatar.author-avatar.span2 {
  display: none;
}
/** styling the author listing */
.author_list ul {
  list-style: none;
}
.author_list li {
  margin-bottom: 20px;
}
/** styling the bylines **/
.by-author {
  font-size: 1.1875rem;
  font-style: italic;
}
.by-author a {
  font-style: normal;
  text-transform: uppercase;
  margin-left: 3px;
  margin-right: 3px;
}
/*********************************************************************************
**Maps adjustments****
**********************************************************************************/
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
  display: none;
}
/*********************************************************************************
**sizing the boxes in the grid view (tags pages)
remember that in the grid view, long titles with italics screw things up, causing everything
after them to be in italics.  This is bad.  So to fix it, I edit line 313 of inc/parts/class-content-post_list_grid.php
I change that line, which says $_title = sprintf( '%s ...',
and I make it say $_title = sprintf( '%s </em>...',
That closes the italics before they can cause trouble and the problem is solved
****
**********************************************************************************/
#main-wrapper .row-fluid [class*=span] {
  min-height: 239px;
}
/*but not the author description*/
.author-description.span10 {
  min-height: 12px !important;
}
/*and not in the search results*/
.row-fluid .span8 {
  min-height: 12px !important;
}
.row-fluid .span4 {
  min-height: 12px !important;
}
img.attachment-tc-grid {
  margin-top: 0px !important;
}
/** don't need another search box in search results **/
form#searchform.searchform {
  display: none;
}
/** customizing the login page **/
body.login  {
  background-color: #ffffff !important;
}
/*********************************************************************************
**for the most popular posts page--TODO---make an overlay on hover for the links
*********************************************************************************/
.wpp-list {
  width: 100%;
  -moz-column-count: 4;
  -moz-column-gap: 20px;
  -moz-column-width: 268px;
  -webkit-column-count: 4;
  -webkit-column-gap: 20px;
  -webkit-column-width: 268px;
  column-count: 4;
  column-gap: 20px;
  column-width: 268px;
}
.wpp-list li {
  overflow: hidden;
  float: none;
  display: inline-block;
  clear: both;
  height: 250px;
  border-bottom: 3px solid #e4e4e4;
  box-shadow: 0 0 6px 2px #ccc;
  max-width: 268px;
}
.wpp-thumbnail {
  display: block;
  float: left;
  margin: 0 5px 10px 0 !important;
  border: none;
  height: 165px;
}
.wpp-post-title {
  padding: 10px;
  display: block;
}
/** Donate Button **/
#footer_three.span4 img {
  margin: auto !important;
}
#footer_one.span4 img {
  margin-top: 18px;
}
#footer-donate {
  margin-left: 0px !important;
  text-align: center !important;
}

/*********************************************************************************
**specific code just for valerie spanswick because she has the term span as part of her name
**********************************************************************************/
#valerie-spanswick-content-2307.sh-content.valerie-spanswick-content.sh-show { min-height: 0px !important; }
/** table styles **/
tr:nth-child(even) td, tr:nth-child(even) th {
  background-color: #fafafa;
}
tr:nth-child(odd) td, tr:nth-child(odd) th {
  background-color: #fafafa;
}
td {
  border-top: 1px solid #ededed;
  padding: 6px 45px 6px 0;
}
/** print styles **/
@media print {
  #left { display: none; }
  .fve-video-wrapper { display: none; }
  #footer_two { display: none; }
  #footer_three { display: none; }
  .post-edit-link { display: none; }
  .sharedaddy { display: none; }
  .tc-btt-wrapper { display: none; }
}
/** quiz styles **/
.mtq_quiz_area {
  background: #e9e9e9;
  border-bottom: 6px solid #979797;
  border-top: 2px solid #979797;
}
.mtq_quiztitle {
  display: none;
}
.mtq_question_heading_table > tbody > tr > td {
  background: transparent;
  padding: 2rem 3rem 1px;
}
.items .mtq_question_label {
  color: #2b322c;
  float: right;
  font-weight: 300;
}
.mtq_color_blue .mtq_css_button  {
  color: #fff;
  background: #5a5a5a;
  margin-left: 0px;
  padding: 6px;
}
.mtq_start_text {
  font-size: 18px;
  width: 150px;
  text-transform: uppercase;
  margin: auto;
}
.mtq_color_blue .mtq_start_button {
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
}
.mtq_color_blue .mtq_css_button:hover,
.mtq_color_blue .mtq_css_letter_button:hover {
  color: #fff;
  background: #830e12;
}
.mtq_color_blue .mtq_css_next_button,
.mtq_color_blue .mtq_css_back_button {
  color: #5a5a5a;
}
.mtq_color_blue .mtq_css_back_button {
  background: url(assets/images/arrow-previous.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 73px;
  overflow: hidden;
  margin-top: 2rem;
  position: relative;
    left: 3rem;
  white-space: nowrap;
  width: 122px;
  text-indent: 100%;
}
.mtq_color_blue .mtq_css_next_button {
  background: url(assets/images/arrow-next.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 73px;
  margin-top: 2rem;
  overflow: hidden;
  position: relative;
    left: -85%;
  text-indent: 100%;
  white-space: nowrap;
  width: 122px;
}
.mtq_question_text {
  color: #222322;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0 3rem 10px;
  padding-right: 0 !important;
  width: auto !important;
}
.mtq_results_text {
  font-size: 50%
}
.mtq_color_blue .mtq_quiz_results_bubble,
.mtq_color_blue .mtq_list_item_complete,
.mtq_color_blue .mtq_shaded_item_msg,
.mtq_color_blue .mtq_hint,
.mtq_color_blue .mtq_hint_label,
.mtq_color_blue .mtq_hint_text {
  background: none !important;
  color: #5a5a5a;
}
.mtq_explanation {
  background: none;
  color: #5a5a5a;
}
.mtq_wrong_stamp {
  background: none;
  border: none;
  color: #830e12;
  margin: 0;
  padding: 0;
}
.mtq_partial_stamp {
  background: none;
  border: none;
  color: #830e12;
  margin: 0;
  padding: 0;
}
.mtq_correct_stamp {
  background: none;
  border: none;
  color: rgb(56,103,140);
  margin: 0;
  padding: 0;
}
.mtq_correct_marker {
  background-image: url("assets/images/button-correct.svg");
  background-position: 75% 50%;
}
.mtq_wrong_marker {
  background-image: url("assets/images/button-incorrect.svg");
  background-position: 75% 50%;
}
.mtq_color_blue .mtq_question_heading_table {
  border-bottom: none !important;
}
.mtq_color_blue .mtq_quiz_results_bubble,
.mtq_color_blue .mtq_list_item_complete,
.mtq_color_blue .mtq_shaded_item_msg,
.mtq_color_blue .mtq_hint,
.mtq_color_blue .mtq_hint_label,
.mtq_color_blue .mtq_hint_text {
  color: #5a5a5a;
  background: #fff!important;
  border-color: #5a5a5a !important;
}
.mtq_color_blue .mtq_question_list_container tr td {
  background: #FFF;
  color: #5a5a5a;
  border-color: #5a5a5a !important;
}
.mtq_list_item-correct,
.mtq_list_item.mtq_list_item_complete.mtq_list_item-correct {
  background: #819a55!important;
  color: #FFF;
}
.mtq_list_item-wrong,
.mtq_list_item.mtq_list_item_complete.mtq_list_item-wrong {
  background: #830e12!important;
  color: #FFF;
}
.mtq_list_item-partial,
.mtq_list_item.mtq_list_item_complete.mtq_list_item-partial {
  background: #7b7c80!important;
  color: #FFF;
}
.mtq_answer_table {
  margin: 0 2rem;
}
.mtq_answer_table tr:nth-child(odd) td,
.mtq_answer_table tr:nth-child(odd) th,
.mtq_answer_table tr:nth-child(even) td,
.mtq_answer_table tr:nth-child(even) th,
.mtq_listrow tr:nth-child(odd) td,
.mtq_listrow tr:nth-child(odd) th,
.mtq_color_blue .mtq_answer_table tr:hover td {
  background: #e9e9e9;
}
.mtq_color_blue .mtq_css_letter_button {
  background: #fff;
  border: 1px solid #830e12;
  color: #830e12;
  display: flex;
  font-size: 17px;
  font-weight: 600;
  margin-left: 0px;
  padding: 0px;
  justify-content: center;
}
.mtq_quiz_status { display: none !important; }
.mtq_show_list { display: none; }
/**
 * Custom page templates
 */
body {
  letter-spacing: 0 !important;
}
h1, h2, h3, h4, h5, h5, h6 {
  text-shadow: none !important;
}
a:focus {
  text-decoration: none;
}
.page-template-page-template-landing-1 .wpcp {
  display: none;
}
.wpcp + .project-identity-section {
  margin-top: 2rem;
}
.page .wpcp {
  background: none;
  border-radius: 0;
  font-size: 1.0625rem;
  line-height: 1.65;
  margin-top: 3.75rem;
  padding: 0;
}
.hidden {
  display: none;
}
@media screen and (max-width: 550px) {
  .m\:hidden {
    display: none !important;
  }
}
@media screen and (max-width: 650px) {
  .t\:hidden {
    display: none !important;
  }
}
.block {
  display: block;
}
@media screen and (min-width: 50em) {
  .t\:block {
    display: block;
    visibility: visible;
  }
}
.inline-block {
  display: inline-block;
}
.border-box {
  box-sizing: border-box;
}
.glex {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 0 2rem;
}
@media screen and (min-width: 37.5em) {
  .glex-1\/3,
  .glex-1\/4 {
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 50em) {
  .glex-1\/3,
  .glex-1\/4 {
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 62.5em) {
  .glex-1\/4 {
    -ms-grid-columns: repeat(4, 1fr);
    grid-template-columns: repeat(4, 1fr);
  }
}
.flex {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}
.flex > * {
  box-sizing: inherit;
}
.row-reverse {
  flex-direction: row-reverse;
}
@media screen and (min-width: 50em) {
  .t\:flex {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
  }
  .t\:flex > * {
    box-sizing: inherit;
  }
  .t\:row-reverse {
    flex-direction: row-reverse;
  }
}
.flex-grow {
  flex-grow: 1;
}
.flex-equal-cols {
  flex-basis: 0;
}
@media screen and (min-width: 50em) {
  .flex-equal-cols ~ .flex-equal-cols {
    margin-left: 2rem;
  }
}
.no-flex-wrap {
  flex-wrap: nowrap;
}
@media screen and (min-width: 50em) {
  .t\:no-flex-wrap {
    flex-wrap: nowrap;
  }
}
.space-between {
  justify-content: space-between;
}
@media screen and (min-width: 37.5em) {
  .order-1 {
    order: 1;
  }
  .drawer-order-2 {
    order: 2;
  }
  .order-1 ~ .order-1 ~ .order-1,
  .order-3 {
    order: 3;
  }
  .drawer-order-2 ~ .drawer-order-2 ~ .drawer-order-2,
  .drawer-order-4 {
    order: 4;
  }
  .order-3 ~ .order-3 {
    order: 5;
  }
  .drawer-order-4 ~ .drawer-order-4 {
    order: 6;
  }
  .order-5 {
    order: 7;
  }
  .drawer-order-6 {
    order: 8;
  }
  .order-5 ~ .order-5 ~ .order-5,
  .order-7 {
    order: 9;
  }
  .drawer-order-6 ~ .drawer-order-6 ~ .drawer-order-6,
  .drawer-order-8 {
    order: 10;
  }
  .order-7 ~ .order-7 {
    order: 11;
  }
  .drawer-order-8 ~ .drawer-order-8 {
    order: 12;
  }
  .order-9 {
    order: 13;
  }
  .drawer-order-10 {
    order: 14;
  }
  .order-9 ~ .order-9 ~ .order-9,
  .order-11 {
    order: 15;
  }
  .drawer-order-10 ~ .drawer-order-10 ~ .drawer-order-10,
  .drawer-order-12 {
    order: 16;
  }
}
@media screen and (min-width: 50em) {
  .order-1 {
    order: 1 !important;
  }
  .drawer-order-2 {
    order: 2 !important;
  }
  .order-3 {
    order: 3 !important;
  }
  .drawer-order-4 {
    order: 4 !important;
  }
  .order-5 {
    order: 5 !important;
  }
  .drawer-order-6 {
    order: 6 !important;
  }
  .order-7 {
    order: 7 !important;
  }
  .drawer-order-8 {
    order: 8 !important;
  }
  .order-9 {
    order: 9 !important;
  }
  .drawer-order-10 {
    order: 10 !important;
  }
  .drawer-order-12 {
    order: 11 !important;
  }
}
@media screen and (min-width: 37.5em) {
  .w-1\/3 {
    width: 50%;
  }
  .w-1\/3 .text-2\.5xl {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 50em) {
  .w-1\/3 {
    width: 33.33333%;
  }
  .t\:w-1\/3 {
    width: 33.333333%;
  }
}
@media screen and (min-width: 75em) {
  .d\:w-1\/3 {
    width: 33.33333%;
  }
}
@media screen and (min-width: 75em) {
  .w-1\/3 .text-2\.5xl {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 37.5em) {
  .space-between .w-1\/3 {
    width: 48%;
  }
}
@media screen and (min-width: 50em) {
  .space-between .w-1\/3 {
    width: 31%;
  }
}
.w-1\/4 {
  width: 50%;
}
@media screen and (min-width: 50em) {
  .w-1\/4 {
    width: 25%;
  }
}
.w-186px {
  width: 186px;
}
.max-220 {
  max-width: 220px;
  box-sizing: content-box;
}
@media screen and (min-width: 50em) {
  .max-290 {
    max-width: 290px;
  }
}
.space-between .w-1\/4 {
  width: 48%;
}
@media screen and (min-width: 50em) {
  .space-between .w-1\/4 {
    width: 23%;
  }
}
.h-3 {
  height: .75rem;
}
.h-8 {
  height: 2rem;
}
.w-2 {
  width: .5rem;
}
.w-8 {
  width: 2rem;
}
@media screen and (min-width: 50em) {
  .w-2\/3 {
    width: 66.66667%;
  }
  .t\:w-2\/3 {
    width: 66.66667%;
  }
  .max-290 + .t\:w-2\/3 {
    width: 62.66667%;
  }
}
@media screen and (min-width: 75em) {
  .t\:w-2\/3,
  .d\:w-2\/3 {
    width: 66.66667%;
  }
}
@media screen and (max-width: 50em) {
  .m\:max-width-570 {
    max-width: 570px;
  }
}
@media screen and (min-width: 50em) {
  .t\:w-3\/4 {
    width: 75%;
  }
}
.w-full {
  width: 100%;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.absolute-more {
  color: #ffffff;
  top: 42%;
  left: 30%;
  font-size: 1.5rem;
  font-weight: 400;
}
.centered {
  box-sizing: border-box;
  padding-left: 5%;
  padding-right: 5%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.pin-b {
  bottom: 0;
}
.pin-l {
  left: 0;
}
.pin-t {
  top: 0;
}
.pin-r {
  right: 0;
}
.m\:center-img {
  margin: 0 auto;
}
.text-grey-dark {
  color: #211f22;
}
.text-grey-medium {
  color: #6f7779;
}
.text-grey-light {
  color: #d8d8d8;
}
.text-red,
.hover\:text-red:hover,
.focus\:text-red:focus {
  color: #A83A2A;
}
.site-logo,
.hover-connect a,
.hover-connect a:hover,
.hover-connect:hover + .hover-connect a,
.hover-connected:hover,
.connected-links,
.hover\:no-border {
  border-bottom: none !important;
  -webkite-box-shadow: none !important;
  box-shadow: none !important;
  transition-property: color !important;
}
.hover-connect:hover + .hover-connect a,
.hover-connected .connected-links.hover\:text-red,
.hover\:text-red:hover {
  color: #A83A2A;
}
.hover-connected .connected-links.hover\:underline,
.connected-links.hover\:underline:hover {
  border-bottom: 1px solid #A83A2A !important;
}
.hover-zoom img {
  margin-top: 0;
  transform: translateZ(0);
  transition: all 750ms cubic-bezier(.37,.44,.58,1);
}
.hover-connected .hover-zoom img,
.hover-zoom:hover img {
  border-bottom: none !important;
  transform: scale(1.075);
}
.hover-connected .connected-links.hover\:text-grey,
.hover\:text-grey:hover {
  color: #62696A;
}
.hover\:children-text-red:hover a {
  color: #A83A2A;
}
.text-green {
  color: #889E61;
}
.text-blue {
  color: rgb(56,103,140);
}
.text-white,
.hover\:text-white,
.hover\:children-text-white:hover a {
  color: #ffffff;
}

a.view-all-jp { /* new just published styles per Bart design -HS */
  display: block;
  margin: 0 auto;
  width: 67px;
  color: #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 #ffffff;
  box-shadow: inset 0 -1px 0 #ffffff;
  text-transform: uppercase;
}
.jp-paragraph {
  /*display: inline-block;*/
  max-width: 320px;
  margin: 0 24px 10px;
}
.jp-title {
  
}

.jp-title a{
  font-size: 1.0625rem; /* 17px per Bart design change -HS */
  line-height: 1.375;
  -webkit-box-shadow: inset 0 -1px 0 #ffffff;
  box-shadow: inset 0 -1px 0 #ffffff;
}

a.view-all-jp:hover, .jp-title a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.text-xs {
  font-size: .875rem;
  line-height: 1.25;
}
.text-sm {
  font-size: 1.0625rem;
  line-height: 1.5;
}
.text-sm.leading-expanded {
  line-height: 1.65;
}
.text-normal-sm {
  font-size: 1.1875rem;
  font-weight: 300;
  line-height: 1.5;
}
.text-normal {
  font-size: 1.25rem;
  line-height: 1.6;
}
.text-normal.leading-tight {
  line-height: 1.2;
}
.text-lg {
  /*font-size: 1.5rem;*/
  font-size: 1.0625rem; /* 17px per Bart design change -HS */
  line-height: 1.375;
}
.text-lg a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-lg a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.text-lg.leading-tight {
  line-height: 1.25;
}
.text-xl-s {
  font-size: 1.6875rem;
  line-height: 1;
}
.text-xl-s a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-xl-s a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.text-xl {
  font-size: 1.75rem;
  line-height: 1.3;
}
.text-xl a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-xl a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.text-2xl {
  font-size: 1.875rem;
  line-height: 1.3;
}
.text-2xl a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-2xl a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.text-2\.5xl {
  font-size: 2.25rem;
  line-height: 1;
}
.text-2\.5xl a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-2\.5xl a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.text-3xl {
  font-size: 2.625rem;
  line-height: 1.2;
}
.text-3xl a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-3xl a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.text-4xl {
  font-size: 2.75rem;
  line-height: 1;
}
.text-4xl a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-4xl a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.hover\:children-text-white a:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.text-5xl {
  font-size: 2.9375rem;
  line-height: 1.1;
  margin-top: -0.25rem;
}
.text-5xl a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
.text-5xl a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
@media screen and (min-width: 50em) {
  .text-4xl {
    font-size: 3.125rem;
  }
  .text-5xl {
    font-size: 3.9375rem;
  }
}
.leading-tight {
  line-height: 1.25 !important;
}
.font-light {
  font-weight: 300;
}
.font-normal {
  font-weight: 400;
}
.font-medium {
  font-weight: 600;
}
a.font-medium,
.font-medium a {
  -webkit-box-shadow: inset 0 -2px 0 transparent;
  box-shadow: inset 0 -2px 0 transparent;
}
a.font-medium:hover,
.font-medium a:hover {
  -webkit-box-shadow: inset 0 -2px 0 #A83A2A;
  box-shadow: inset 0 -2px 0 #A83A2A;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
.text-centered {
  text-align: center;
}
.no-shadow {
  text-shadow: none;
}
.bg-red {
  background: #811017;
}
.bg-grey {
  background: #404647;
}
.bg-grey-alt {
  background: #2b322c;
}
.bg-grey-light {
  background: #E9E9E9;
}
.bg-white {
  background: #ffffff;
}
.opacity-0 {
  opacity: 0;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.opacity-100 {
  opacity: 100;
}
*, :after, :before { border: 0 solid #222322; }
.border-grey-dark {
  border-color: #222322;
}
.border-grey-light {
  border-color: #6F7779;
}
.sm-l-blue {
  position: relative;
}
.sm-l-blue::before {
  content: '';
  display: block;
  height: 102%;
  background: #26668d;
  width: 1px;
  position: absolute;
  left: 0rem;
  top: -1%;
}
.sm-l-red {
  position: relative;
}
.sm-l-red::before {
  content: '';
  display: block;
  height: 90%;
  background: #A83A2A;
  width: 2px;
  position: absolute;
  left: 0rem;
  top: 7.5%;
}
.border-2 {
  border-style: solid;
  border-width: 2px;
}
.border-t {
  border-top-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-3 {
  border-bottom-width: 3px;
}
.border-b-6 {
  border-bottom-width: 6px;
}
.border-l-2 {
  border-left-width: 2px;
}
.box-shadow {
  /*box-shadow: 10px 10px 30px rgba(0,0,0,0.3);*/
  box-shadow: 0 4px 44px -4px rgba(0, 0, 0, 0.38); /* updated per Bart design -HS */
  transition: box-shadow 300ms ease-in-out;
}
.hover-zoom:hover .box-shadow {
  /*box-shadow: 10px 10px 30px rgba(0,0,0,0.25);*/
  box-shadow: 0 4px 34px -4px rgba(0, 0, 0, 0.48); /* box shadow change per Bart design -HS */
}
.box-shadow-books {
  box-shadow: 0 4px 44px -4px rgba(0, 0, 0, 0.14); /* box shadow adjusted for white books box per Bart -HS */
}
.box-shadow-books:hover {
  box-shadow: 0 4px 34px -4px rgba(0, 0, 0, 0.24); /* box shadow adjusted for white books box per Bart -HS */
}
.scrim {
  display: block;
  position: relative;
}
.scrim::before {
  /*background: rgba(33,31,34,0.2);*/
  background: rgba(33,31,34,0.4); /* overlay darker per Bart design -HS */
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.scrim + .centered {
  z-index: 3;
}
.stroke-current {
  stroke: currentColor;
}
.carat {
  height: 25px;
  width: 54px;
}
.m-0 {
  margin: 0;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: .25rem;
}
.mt-2 {
  margin-top: .5rem;
}
.mt-3 {
  margin-top: .75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-9 {
  margin-top: 2.25rem;
}
.mt-10 {
  margin-top: 2.5rem;
}
.mt-15 {
  margin-top: 3.75rem;
}
.mt-16 {
  margin-top: 4rem;
}
.mt-18 {
  margin-top: 4.5rem;
}
.mt-24 {
  margin-top: 6rem;
}
.mr-2 {
  margin-right: .5rem;
}
.mr-4 {
  margin-right: 1rem;
}
@media screen and (min-width: 50em) {
  .t\:mr-4 {
    margin-right: 1rem;
  }
  .t\:ml-0 {
    margin-left: 0;
  }
  .t\:ml-4\% {
    margin-left: 4%;
  }
  .t\:mr-4\% {
    margin-right: 4%;
  }
}
.mb-0 {
  margin-bottom: 0;
}
.mb-1\.5 {
  margin-bottom: .375rem;
}
.mb-2 {
  margin-bottom: .5rem;
}
.mb-3 {
  margin-bottom: .75rem;
}
.mb-3\.25 {
  margin-bottom: 0.8125rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-11 {
  margin-bottom: 2.75rem;
}
.mb-15 {
  margin-bottom: 3.75rem;
}
.mb-16 {
  margin-bottom: 4rem;
}
.mb-32 {
  margin-bottom: 8rem;
}
@media screen and (max-width: 50em) {
  .m\:mb-4 {
    margin-bottom: 1rem;
  }
}
.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.mx-a {
  margin-left: auto;
  margin-right: auto;
}
.-m-4px {
  margin-left: -4px;
  margin-right: -4px;
}
.p-0 {
  padding: 0;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.pt-0 {
  padding-top: 0;
}
.pt-1 {
  padding-top: .25rem;
}
.pt-3 {
  padding-top: .75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-8 {
  padding-top: 2rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-21 {
  padding-right: 5.275rem;
}
.pb-1 {
  padding-bottom: .25rem;
}
.pb-2 {
  padding-bottom: .5rem;
}
.pb-3px {
  padding-bottom: 3px;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-5 {
  padding-bottom: 1.25rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pb-16 {
  padding-bottom: 4rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-8 {
  padding-left: 2rem;
}
@media screen and (max-width: 50rem) {
  .t\:pl-8 {
    padding-left: 2rem;
  }
}
@media screen and (max-width: 75rem) {
  .d\:pl-8 {
    padding-left: 2rem;
  }
}
.overflow-hidden {
  overflow: hidden;
}
.z-3 {
  z-index: 3;
}
.columns-2 {
  columns: 2;
}
.column-gap-4 {
  column-gap: 1rem;
}
@media screen and (min-width: 50rem) {
  .t\:columns-2 {
    columns: 2;
  }
  .t\:column-gap-4 {
    column-gap: 1rem;
  }
}
.beginners-guide-links {
  margin: .25rem 0 1.5rem;
  padding: 0;
}
.beginners-guide-links li {
  line-height: 1.2;
}
.beginners-guide-links li:first-of-type {
  margin-top: 0;
}
.cultures-concepts .cc-item {
  overflow: hidden;
  margin-bottom: 4px;
}
.cultures-concepts .cc-item::before {
  position: absolute;
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  background: rgba(34,35,34,.76);
  margin: 0 4px;
  top: 0;
  left: -1px;
  z-index: 2;
  opacity: .49;
}
.cultures-concepts .cc-item:hover {
  cursor: pointer;
}
.cultures-concepts .cc-item:hover::before,
.cultures-concepts .opened.cc-item::before {
  background: rgba(255, 255, 255, 0.76);
  opacity: .94;
}
.cc-item > img {
  transform: scale(1.01);
  margin: 0 6px;
}
.cc-drawers {
  margin-bottom: 4px;
  margin-left: 4px;
}
.cc-drawers a:hover + h4 a {
  color: #A83A2A;
}
.force-aspect-ratio > a,
a.force-aspect-ratio {
  display: inline-block;
  height: 0;
  overflow: hidden;
  padding-bottom: 60%;
  width: 100%;
}
.force-aspect-ratio > a > img,
a.force-aspect-ratio > img {
  margin-top: 0;
  min-width: 100%;
}
.cc-item:hover h3,
.opened h3 {
  color: #211f22;
}
svg {
  transition: transform 750ms cubic-bezier(.37,.44,.58,1);
}
.opened svg {
  transform: rotate(180deg);
}
@media screen and (min-width: 50em) {
  .more-arrow {
    margin-left: 1.25rem;
  }
}
#load-more-cc-objects:focus {
  text-decoration: none;
}
#load-more-cc-objects::after {
  content: '';
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #6F7779;
  left: 0;
  bottom: -7px;
}
.mission-block {
  height: 179px;
  line-height: 1.3;
  /*padding-bottom: 100%;*/ /* Bart design changes -HS */
  position: relative;
  box-sizing: border-box;
}
p.mission-paragraph {
  font-weight: 400;
  font-style: normal;
  line-height: 24px;
  font-size: 15px;
}
a#learn-more-mission {
  color: #ffffff;
  box-shadow: inset 0 -1px 0 #ffffff;
  -webkit-box-shadow: inset 0 -1px 0 #ffffff;
  font-size: 15px;   /*mission text design change per Bart -HS */
  text-transform: uppercase; 
  display: inline-block;
  margin-top: 10px;
}

a#learn-more-mission:hover { /*mission text design change per Bart -HS */
  box-shadow: none;
   -webkit-box-shadow: none;
}
br.spacer {
  margin-bottom: 10px;
}

.home-wall img { margin: 0; }
.home-wall {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
div[class^="wall-pos-"],
div[class*=" wall-pos-"] {
  margin-bottom: 3rem;
  margin-left: auto;
  margin-right: auto;
  width: 96%;
}
div.wall-pos-1 {
  max-width: 270px;
}
div.wall-pos-2 {
  max-width: 278px;
}
div.wall-pos-3 {
  margin-bottom: 2.5rem;
  /*max-width: 438px;*/
  max-width: 410px; /* width and height changes per Bart design changes -HS */
  max-height: 352px;
  display: flex;
  flex-direction: column;
}
img.just-published-img { /* Bart design changes -HS */
  width: 410px;
  /*height: 252px;*/
  height: 352px;
  object-fit: cover;
}
.jp-block {
  top: 40%; /* override the .centered position for just published only -HS */
} 

.text-jp {
  font-size: 43px;
  line-height: 50px;
  margin-bottom: 25px;
}

div.videos-essays { /* Bart design changes -HS */
  background: rgba(0,0,0,0.55);
  width: 410px;
  height: 100px;
  max-width: 100%;
  padding: 18px 0;
  box-sizing: border-box;
  border-top: 2px solid white;
  position: absolute;
  bottom: 0;
  z-index: 3;
}

div.videos-essays:hover { /* Bart design changes -HS */
  background: rgba(0, 0, 0, 0.85);
  }

p.vid-text {/* Bart design changes -HS */
  color: #FFFFFF;
  font-family: "Open Sans";
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
  /*margin-top: 19px;*/
}
div#books-mission {
  display: flex;
  flex-direction: column;
  /*order: 2;*/
  margin-top: 3%;
  /*margin-left: 8%;*/
  margin-right: 10%;
}
div.wall-pos-books {/* Bart design changes -HS */
  /*order: 1;*/
  /*width: 42%;*/
  margin-top: 12%;
  margin-left: 7%;
}
img.books-img {/* Bart design changes -HS */
  width: 513px;
}
div.wall-pos-mission {
  /*max-width: 367px;*/
}
div.wall-pos-4 {
  /*max-width: 530px;*/
  max-width: 340px; /* Bart design changes -HS */
}
img.attachment-home-pos-4 {
  width: 340px;
  height: 510px;
  object-fit: cover; /* temp fix for stretching -HS */
}

div.wall-pos-5 {
  max-width: 312px;
}
div.wall-pos-6 {
  max-width: 294px;
}
div.wall-pos-7 {
  margin-bottom: 2.5rem;
  max-width: 378px;
  position: relative;
  z-index: 2;
}
div.arches-bg { /* Style changes per Bart design -HS */
  max-width: 384px;
  height: 250px;  
}
div.wall-pos-8 {
  margin-bottom: 2.5rem;
  max-width: 428px;
}
div.wall-pos-9 {
  max-width: 318px;
}
div.wall-pos-10 {
  max-width: 370px;
}
div.wall-pos-11 {
  max-width: 422px;
}
div.wall-pos-12 {
  max-width: 225px;
}
div.wall-pos-13 {
  margin-bottom: 2.5rem;
  max-width: 462px;
}
div.wall-pos-14 {
  max-width: 342px;
}
div.wall-pos-15 {
  max-width: 225px;
}
div.wall-pos-16 {
  max-width: 360px;
}
div.wall-pos-17 {
  max-width: 430px;
}
@media screen and (min-width: 37.5em) { /* 600px */
  .home-wall {
    flex-direction: row;
  }
  div[class^="wall-pos-"],
  div[class*=" wall-pos-"] {
    flex-shrink: 1;
    margin-bottom: 0;
  }
  div.wall-pos-1 {
    margin-left: 5.714285714%;
    margin-right: 5.714285714%;
    order: 1;
    width: 41%;
  }
 div.wall-pos-2 {
    margin-top: 27.5%;
    /*margin-right: 5.714285714%;*/
    order: 1;
    width: 41%;
  }
  div.wall-pos-3 {
    /*margin-left: 10%; */
    /*margin-top: 7%;*/
    margin-left: 0%;
    margin-top: 3%;
    order: 1;
  }
  div#books-mission {
    margin-left: 25%;
    margin-top: 6.5%;
    order: 2;
    /*width: 52%;*/
  }
  div.wall-pos-4 {
    /*margin-right: 1%;*/
    /*margin-right: 8.5%;*/ /* Bart design changes -HS */
    margin-top: 10.5%;
    order: 5;
  }
  div.wall-pos-5 {
    margin-right: 0;
    margin-top: 32%;
    margin-left: 7.698412698%;
    width: 39%;
    order: 6;
  }
  div.wall-pos-6 {
    margin-right: 5.714285714%;
    margin-top: 5%;
    width: 46%;
    order: 6;
  }
  div.wall-pos-7 {
    margin-top: 35%;
    order: 6;
    width: 48%;
 }
  div.wall-pos-8 {
    margin-left: 1%;
    margin-right: 5.714285714%;
    margin-top: 7%;
    width: 60%;
    order: 7;
  }
  div.wall-pos-9 {
    margin-left: 1%;
    margin-right: 5.714285714%;
    margin-top: 20%;
    width: 41%;
    order: 6;
  }
  div.wall-pos-10 {
    margin-right: 1%;
    margin-top: 10%;
    order: 6;
    width: 45%;
  }
  div.wall-pos-11 {
    margin-top: 10%;
    margin-right: 5.714285714%;
    order: 8;
    width: 60%;
  }
  div.wall-pos-12 {
    margin-right: 3.5%;
    margin-top: 33%;
    order: 7;
    width: 25%;
  }
  div.wall-pos-13 {
    margin-top: 7.25%;
    order: 8;
    width: 96%;
  }
  div.wall-pos-14 {
    margin-left: 1%;
    margin-right: 5.714285714%;
    margin-top: 10.5%;
    order: 8;
    width: 42%;
  }
  div.wall-pos-15 {
    margin-left: 1%;
    margin-right: 5.714285714%;
    margin-top: -1.1905%;
    order: 7;
    width: 27.5%;
  }
  div.wall-pos-16 {
    margin-top: 28%;
    order: 8;
    width: 45%;
  }
  div.wall-pos-17 {
    margin-left: 1%;
    margin-top: 7%;
    order: 8;
    width: 60%;
  }
}
@media screen and (max-width: 600px) {
  div#books-mission {
    /*margin-left: 1%;*/
    /*margin-top: 6.5%;*/
    margin-left: auto;
    margin-right: auto;
  }

  div.wall-pos-books {
    margin-top: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 980px) and (max-width: 1199px) {  /* Fixing homepage wall positions after adding new elements -HS */
  
  div.wall-pos-2 {
    margin-top: 4.5%;
    /*margin-right: 5.714285714%;*/
    order: 1;
    width: 41%;
  }

  div.wall-pos-3 {
    margin-left: 45%;
    margin-top: 0%;
    order: 1;
  }

  div#books-mission {
    margin-left: 4%;
    width: 100%;
    flex-direction: row;
}

div.wall-pos-books {
    margin-top: 12%;
    margin-left: 5%;
  }
  .courses-txt {
    top: 30%;
  }
}
@media screen and (min-width: 1200px) { /* previously min-width: 61.25em -HS*/
  div.wall-pos-1 {
    margin-left: 5.714285714%;
    margin-right: 5.714285714%;
    order: 1;
    width: 17.222222222%;
  }
  div.wall-pos-2 {
    margin-top: 8.571428571%;
    /*margin-right: 5.714285714%;*/
    order: 1;
    width: 22.063492063%;
  }
  div.wall-pos-3 {
    margin-top: 2.063492063%;
    order: 1;
    width: 34.761904762%;
  }
  div.wall-pos-mission {
    /*margin-left: 8.6508%;
    margin-right: 5.714285714%;
    margin-top: 3.5%;*/
    /*order: 2;*/ /* reorder homepage blocks per Bart design -HS */
    /*width: 29.126984127%;*/
    margin-left: 18%;
    margin-top: 4%;
    width: 500px;
    max-width: 100%;
  }
  div#books-mission {
    margin-top: 3%;
    margin-left: 0;
    margin-right: 10%;
  }
  div.wall-pos-4 {
    /*margin-left: 0;*/
    margin-left: 5%;
    margin-top: 4.54%; /* margin adjustment per Bart design -HS */
    order: 2;
    width: 42.0635%;
  }
  div.wall-pos-5 { /* changed order of all wall positions per Bart design -HS */
    margin-right: 5.714285714%;
    margin-top: 7.53968254%;
    margin-left: 7.698412698%;
    order: 3;
    width: 24.761904762%;
  }
  div.wall-pos-6 {
    margin-right: 5.714285714%;
    /*margin-top: 1.19047619%;*/
    margin-top: 3.19%;
    order: 3;
    width: 23.333333333%;
  }
  div.wall-pos-7 {
    /*margin-top: -2.555555556%;*/
    margin-top: 5.444%;
    order: 3;
    width: 30%;
  }
  div.wall-pos-8 {
    margin-left: 0;
    margin-right: 5.714285714%;
    margin-top: 0;
    order: 4;
    width: 33.9683%;
  }
  div.wall-pos-9 {
    margin-left: 0;
    margin-right: 5.714285714%;
    margin-top: 7.1429%;
    order: 4;
    width: 25.2381%;
  }
  div.wall-pos-10 {
    margin-right: 0;
    margin-top: -4.7619%;
    order: 4;
    width: 29.3651%;
  }
  div.wall-pos-11 {
    margin-top: -11.1111%;
    margin-right: 5.714285714%;
    order: 5;
    width: 33.4921%;
  }
  div.wall-pos-12 {
    margin-right: 5.714285714%;
    margin-top: 0;
    order: 5;
    width: 17.8571%;
  }
  div.wall-pos-13 {
    margin-top: 4.7619%;
    order: 5;
    width: 36.6667%;
  }
  div.wall-pos-14 {
    margin-left: 6.2698%;
    margin-right: 5.714285714%;
    margin-top: 3.1746%;
    order: 6;
    width: 27.1429%;
  }
  div.wall-pos-15 {
    margin-right: 5.714285714%;
    margin-top: -1.1905%;
    order: 6;
    width: 17.8571%;
  }
  div.wall-pos-16 {
    margin-left: 0;
    margin-top: 6%;
    order: 6;
    width: 28.5714%;
  }
  div.wall-pos-17 {
    /*margin-left: -2.381%;*/
    margin-left: 3%; /* new margin per Bart design -HS */
    margin-top: -13.6825%;
    order: 7;
    width: 34.127%;
  }
}
div#mc_embed_signup {
  background: transparent;
}
form#mc-embedded-subscribe-form { /* new styles for footer sign up form -HS */
  margin: 0;
}
#mc_embed_signup input#mce-EMAIL { /* new styles for footer sign up form -HS */
  /*background: transparent;*/
  background: #447b9b;
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  /*border-top: 2px solid #6f7779;
  border-bottom: 4px solid #6f7779;*/
  border-radius: 0;
  font-family: inherit;
  /*font-size: 1.1875rem !important;*/
  font-size: 13px;
  padding: 0 6px;
  /*height: 59px;*/
  height: 35px;
  width: 100%;
  /*opacity: .12;*/
}
#mc_embed_signup input#mce-EMAIL::placeholder { /* new styles for footer sign up form -HS */
  opacity: .70;
  color: #ffffff;
}
div#mc_embed_signup_scroll { 
  position: relative;
}
#mc_embed_signup input#mc-embedded-subscribe {
  /*background: transparent;
  background-color: transparent;
  font-size: 35px;
  color: #211f22;
  border-radius: 0;
  box-shadow: none;
  position: absolute;
  top: 2px;
  right: 10px;
  height: 53px;
  line-height: 53px;
  font-weight: normal;*/
}
input:focus:invalid { /* new styles for footer sign up form -HS */
  color: #ffffff !important;
}

input[type=email] { /* new styles for footer sign up form -HS */
  color: #ffffff;
}
.mc-button { /* new styles for footer sign up form -HS */
  position: absolute;
  right: 0;
  /*bottom: 16px;*/
  /*transform: rotate(270deg);*/
  /*height: 50px;*/
  height: 35px;
  background: #5a8ba7;
  /*padding: 0;*/
  padding: 7px 13px;
  /*width: 20px;*/
  color: #ffffff;
  opacity: .70;
}
#mc-embedded-subscribe:hover { /* new styles for footer sign up form -HS */
  opacity: 1;
  background: #5492b5;
}
.mc-button svg {
  height: 100%;
  width: 100%;
}
.tc-header .brand a {
  margin: 10px 0 34px !important; /* Increased bottom margin for new logo -HS */
}
.tc-header .brand .site-logo img {
  max-width: 100%;
  width: 409px;
  margin-left: auto;
  margin-right: auto;
}
.tc-header {
  border-bottom: none;
}
.round-div {
  border-color: #fff !important;
}

/* temp rules to fix home page order */
.page-id-108 #main-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.page-id-108 #main-wrapper > .container {
  order: 1;
}
.page-id-108 #main-wrapper > .marketing {
  order: 3;
}
.page-id-108 #main-wrapper > .featurette-divider {
  order: 2;
  width: 100%;
}

/* Seeing America Introduction Section -HS */

.intro-tagline {
  font-size: 21px;
}
.intro-p {
  margin-top: 26px; 
  line-height: 31px;
  font-size: 21px;
}

.grey-block-img-wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 39px;
  margin-bottom: 32px;
}

.grey-block {
  background: #E7EBEB;
  width: 61%; /* adjusted to line up gutter with tab gutter below -HS */
  padding: 23px 36px;
  margin-right: 8px;
}

.section-img {
  margin-top: 0;
  background: url('https://smarthistory.org/wp-content/themes/smarthistory-theme/images/seeingamerica-498@2x.png') no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 128px;
}

.red-text {
  color: #A83A2A;
  font-weight: 600;
}

@media screen and (min-width: 980px) and (max-width: 1199px) {
  .grey-block {
    width: 60%; /* adjusted to line up gutter with tab gutter below -HS */
  }
}

@media screen and (min-width: 800px) and (max-width: 979px) {
  .grey-block-img-wrapper {
    flex-direction: row;
  }
  .grey-block {
    width: auto;
    margin-top: 0px;
    margin-right: 8px;
  }
  .section-img {
    margin-top: 0;
    background: url('https://smarthistory.org/wp-content/themes/smarthistory-theme/images/seeingamerica-698@2x.png') no-repeat;
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 150px;
  }
}

@media screen and (max-width: 799px) {
  .grey-block-img-wrapper {
    flex-direction: column-reverse;
  }
  .grey-block {
    width: auto;
    margin-top: 8px;
    margin-right: 0;
  }
  .section-img {
    margin-top: 0;
    background: url('https://smarthistory.org/wp-content/themes/smarthistory-theme/images/seeingamerica-498@2x.png') no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 150px;
  }
}

/* Quick fix for search results line height */
.search-results .tc-post-list-grid article .entry-title {
  line-height: 1.5;
}
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
  position: relative;
}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}
/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.flickity-enabled .flickity-carousel-cell {
  margin-right: 5%;
  width: 75%;
}
@media screen and (max-width: 767px) {
  .carousel-bg-grey {
    background: #e9e9e9;
    border-bottom: 2px solid #404042;
    border-top: 2px solid #404042;
    margin-bottom: 1.5rem;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}
/* end flickity --*/
.page-template-page-template-essay-landing #main-wrapper {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .page-template-page-template-essay-landing .m\:plr-10px {
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* Essay landing customizations */
.page-template-page-template-essay-landing .entry-content *:first-child {
  margin-top: 1px;
}
.sh-tabs {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 1em 0 2em;
  font-weight: 300;
}
/* Tabs Nav */
.sh-tabs nav {
  display: flex;
  justify-content: space-between;

}
.sh-tabs nav div {
  border-bottom: 1px solid rgba(110, 118, 119, 0.5);
  width: 32%;
  flex-grow: 1;
/*  flex-basis: 0;
  flex-grow: 1;
*/}
.sh-tabs nav div {
  padding-right: .5em;
}
.sh-tabs nav div:last-child {
  padding-right: 0;
}
.sh-tabs nav div.tab-current {
  border-bottom: 1px solid #e9e9e9;
  padding-right: 0;
  /*z-index: 100;*/
  z-index: 98; /* changed to prevent tab from overlapping nav submenu -HS */
}
.sh-tabs nav div.tab-current + div {
  padding-left: .5em;
}
.sh-tabs nav a {
  background: #d4d7d7;
  box-shadow: inset 0 5px rgba(110, 118, 119, 0.5);
  box-sizing: border-box;
  color: #4d4449;
  display: flex;
  font-size: 1rem;
  line-height: 1.25;
  padding: .75em .75em .5em;
  height: 100%;
  text-transform: uppercase;
}
@media screen and (min-width: 37.5em) {
  .sh-tabs nav a {
    font-size: 1.25rem;
    padding: 1.25rem;
  }
}
@media screen and (min-width: 60em) {
  .sh-tabs nav a {
    font-size: 1.875rem;
  }
}
.sh-tabs nav div.tab-current a {
  background: #e7ebeb;
  box-shadow: inset 0 5px #6e7677;
  color: #4d4449;
}
.sh-tabs nav a:hover {
  border-bottom-color: transparent;
  box-shadow: inset 0 5px #a83a28;
  color: #a83a28;
}
/* Tab Content */
.sh-tabs-content section {
  background: #e7ebeb;
  padding: 2.5rem 2rem;
  display: none;
  margin: 0 auto;
}
.msnry-sizer {
  padding-left: 2rem;
  padding-right: 2rem;
}
.sh-tabs-content section.tab-content-current {
  display: block;
}
.sh-tabs-mediabox {
  margin-bottom: 2rem;
}
.masonry-layout {
  width: 100%;
}
.sh-gutter-sizer {
  width: 2rem;
}
.sh-tabs-mediabox img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
/** fix grid */
.row {
  margin-right: -20px;
}
@media screen and (max-width: 767px) {
  .row {
    margin-right: 0;
  }
}
/** helper */
.level {
  display: inline-flex;
  align-items: center;
}
@media screen and (min-width: 50em) {
  .t\:level {
    display: flex;
    align-items: center;
  }
}
.btt-arrow {
  color: #A83A2A;
}
/* search page */
.page-id-43710 #main-wrapper {
      padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}
/* menu */
.tc-fade-hover-links .ubermenu-main a:not([class*=round-div]) {
  transition: none;
}
.my-extra-widget {
  display: none;
}
div.asl_w .probox .proinput input::placeholder {
    font-weight: normal;
    font-family: Open Sans;
    color: #808080 !important;
    text-shadow: 0 0 0 rgba(255,255,255,0);
    text-transform: none;
    font-size: 24px;
    line-height: 32px;
}

div.asp_m.asp_m_1 .probox .proinput input.orig:active::placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig:focus::placeholder {
  color: #ffffff !important; /*keep placeholder Search white when active -HS */
}

.tc-header .navbar .btn-toggle-nav {
  display: none;
}
.nav-collapse.collapse {
  height: auto !important;
  top: 0;
}

.nav-collapse, .nav-collapse.collapse {
  box-shadow: none !important;
}

.ubermenu a > span,
.ubermenu a > i > span,
.ubermenu a > em > span {
  font-weight: 400 !important;
} 

.ubermenu .ubermenu-row {
  padding: 54px 95px;
}
.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group,
.ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack{
  padding: 54px 70px 54px 95px;
}
.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
    padding: 54px 95px 54px 80px;
}
.ubermenu .ubermenu-item.image-content-column {
  padding: 54px 0;
}


@media screen and (max-width: 1024px) { /* changed mobile breakpoint from max-width: 700px -HS */
  .ubermenu .ubermenu-row,
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group,
.ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack,
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel,
  .ubermenu .ubermenu-item.image-content-column{
  padding: 0;
  }
}
.ubermenu-main .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image {
  padding: 0;
  position: relative;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  margin-right:25px;
}
.ubermenu-main .image-content-column .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image {
  margin-right: 0;
}
.ubermenu-main .image-content-column .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image:hover {
  transform: translateZ(0);
    transition: all 750ms cubic-bezier(.37,.44,.58,1);
}
.ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-image {
  width: 100%;
  margin-bottom: 20px;
}


.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
  color: #ffffff;
  padding-left: 0;
}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-title {
  text-transform: uppercase;
  position: absolute;
  top: 45%;
  left: 0;
  text-align: center;
  width: calc(100% - 60px);
    padding: 0 30px;
  z-index: 100;
  font-weight: bold !important;
  font-size: 19px;
  line-height: 20px;
  letter-spacing: 0.4px;
text-shadow: 0 2px 4px rgba(0,0,0,0.50);

}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-description {
  position: absolute;
  top: calc(45% + 20px);
  left: 0;
  text-align: center;
  width: calc(100% - 60px);
    padding: 0 30px;
  z-index: 100;
  font-weight: bold !important;
  font-size: 16px;
  line-height: 22px;
text-shadow: 0 2px 4px rgba(0,0,0,0.50);
}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-title:hover,
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-description:hover {
  opacity: 1;
}
.ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-title,
.ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-description{
  position: relative;
  top: auto;
  width: 100%;
  padding: 0;
  text-align: left;
  line-height: 24px;
}
.ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-title {
  text-transform: none;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 4px;
margin-top: 16px;
display: inline-block;
}

.ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-title:hover {
  opacity: 1;
}
.ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-description{
  font-size: 13px;
  opacity: 0.7;
  line-height: 19px;
}
.ubermenu .image-content-column .ubermenu-item-layout-image_left>.ubermenu-target-description:hover {
  opacity: 0.7;
}

.ubermenu .ubermenu-target {
  padding: 16px;
  /*padding-left: 16px !important;*/
}
.ubermenu .ubermenu-item.ubermenu-item-level-0 {
  margin: 0 12px;
}
.ubermenu .ubermenu-target-text {
  font-size: 14px;
  color: #211F22;
  letter-spacing: 0.4px;
  line-height: 17px;
}
.ubermenu-submenu .ubermenu-target-text {
  letter-spacing: 0.2px;
  line-height: 17px; 
  font-weight: 400 !important;
}


.ubermenu-submenu .ubermenu-tabs-group .ubermenu-target-text {
  line-height: 17px;
  font-weight: bold !important;
}

.ubermenu-submenu .ubermenu-tabs-group .ubermenu-target-description.ubermenu-target-text {
  font-weight: 300 !important;
  font-style: italic;
  text-transform: none;
  font-size: 14px;
}
.ubermenu-submenu .ubermenu-item-layout-text_only .ubermenu-target-text {
  letter-spacing: 0;
}
.ubermenu-submenu .ubermenu-target-text:hover {
  opacity: 0.5;
}



/*.ubermenu-submenu .ubermenu-tabs-group .ubermenu-target-text:hover {
  background: url("/wp-content/uploads/2019/08/hover-arrow.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 17px 15px;
  padding-right: 24px;
}
*/
.ubermenu-submenu .ubermenu-tabs-group .ubermenu-tab-content-panel .ubermenu-target-text:hover {
  background: none;
}
.ubermenu-tab .ubermenu-target-text {
  text-transform: uppercase;
}
.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
    color: #fff;
}
.ubermenu .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
  width: 100%;
}
.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group {
  -webkit-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
}
.ubermenu-has-submenu-stack {
  width: calc(100% - 160px);
  padding: 0 80px;
}
.ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 20px;
}

.ubermenu-has-submenu-stack .ubermenu-target {
    padding-left: 0 !important;
}
.ubermenu-submenu-type-stack .ubermenu-target-text {
  text-transform: none;
  font-weight: 400 !important;
}
.ubermenu ul.ubermenu-submenu-id-43689  .ubermenu-submenu-type-stack .ubermenu-target-text {
    text-transform: uppercase !important;
  }
  .ubermenu ul.ubermenu-submenu-id-43689  .ubermenu-submenu-type-stack .ubermenu-target-description.ubermenu-target-text {
    text-transform: none !important;
  }
.ubermenu-submenu-type-stack .ubermenu-target-title.ubermenu-target-text {
  /*text-transform: uppercase;*/
  font-weight: 600 !important;
}
.ubermenu-has-submenu-stack .ubermenu-submenu-type-stack a.ubermenu-item-layout-default {
  border-bottom: none;
  margin-bottom: 0;
}
.ubermenu .no-overview .ubermenu-tab-content-panel .ubermenu-autocolumn, .ubermenu .ubermenu-autocolumn {
  padding-top: 0 !important;
}
.ubermenu .no-overview .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
  margin-top: 0;
}
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack {
    padding-right: 55px;
}

.ubermenu .sub-full-width .ubermenu-item-type-column>.ubermenu-submenu-type-stack {
    padding-right: 20px;
}
.ubermenu .image-content-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack {
    padding-right: 25px;
}
/*.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target {
  color: #211f22;
}*/
/* histories of art */
.ubermenu li.ubermenu-item-43540:hover {
  background: #851013;
}
.ubermenu li.ubermenu-item-43540 .ubermenu-target:hover .ubermenu-target-text,
li.ubermenu-item-43540.ubermenu-active .ubermenu-target-text {
  color: #fff !important;
}
li.ubermenu-item-43540.ubermenu-active {
  background: #851013;
  color: #fff;
}
.ubermenu-main li.ubermenu-item-43540 .ubermenu-submenu.ubermenu-submenu-drop {
    background-color: #851013;
    color: #fff;
}
.ubermenu li.ubermenu-item-43540 .ubermenu-tab-layout-left>.ubermenu-tabs-group {
  border-right: 1px solid #560000;
}
.ubermenu .ubermenu-item.ubermenu-item-43540.ubermenu-current-menu-ancestor > .ubermenu-target {
  font-weight: bold !important; /* Bolds main level nav ancestor when child page is active -HS */
}
@media screen and (max-width: 1024px) { /* changed mobile breakpoint from max-width: 700px -HS */
  .ubermenu li.ubermenu-item-43540 .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
    background-color: #851013;
  }
}
/* guides */
.ubermenu li.ubermenu-item-43652:hover {
  background: #27688F;
}
.ubermenu li.ubermenu-item-43652 .ubermenu-target:hover .ubermenu-target-text,
li.ubermenu-item-43652.ubermenu-active .ubermenu-target-text {
  color: #fff !important;
}
li.ubermenu-item-43652.ubermenu-active,
.ubermenu-main .ubermenu-item-43652.ubermenu-active .ubermenu-target{
  background: #27688F;
  color: #fff;
/*  border-top: 4px solid purple; */
}
.ubermenu-main li.ubermenu-item-43652 .ubermenu-submenu.ubermenu-submenu-drop {
    background-color: #27688F;
    color: #fff;
}

.ubermenu li.ubermenu-item-43652 .ubermenu-tab-layout-left>.ubermenu-tabs-group {
  border-right: 1px solid #0C3960;
}

.ubermenu .ubermenu-item.ubermenu-item-43652.ubermenu-current-menu-item > .ubermenu-target, .ubermenu .ubermenu-item.ubermenu-item-43652.ubermenu-current-menu-ancestor > .ubermenu-target {
  font-weight: bold !important; /* Bolds main level nav ancestor when child page is active -HS */
}

li.ubermenu-item-43652 > a.ubermenu-target > span.ubermenu-target-title { /*featured guide in nav styles -HS */
  font-family: 'Open Sans';
  font-size: 14px;
}

li.ubermenu-item-46796 > a.ubermenu-target > span.ubermenu-target-title: > span.featured-guide { /*featured guide in nav styles -HS */
  font-family: 'Open Sans';
  /*content: "Featured Guide | by ";*/
  font-family: 'Open Sans Semibold';
  font-size: 11px;
  text-transform: uppercase;
  opacity: .7;
  line-height: 17px;  
}

/*about */
.ubermenu li.ubermenu-item-43689:hover {
  background: #B28C35;
}
.ubermenu li.ubermenu-item-43689 .ubermenu-target:hover .ubermenu-target-text,
li.ubermenu-item-43689.ubermenu-active .ubermenu-target-text {
  color: #fff !important;
}
li.ubermenu-item-43689.ubermenu-active {
  background: #B28C35;
  color: #fff;
}
.ubermenu-main li.ubermenu-item-43689 .ubermenu-submenu.ubermenu-submenu-drop {
    background-color: #B28C35;
    color: #fff;
}

.ubermenu .ubermenu-item.ubermenu-item-43689.ubermenu-current-menu-ancestor > .ubermenu-target {
  font-weight: bold !important; /* Bolds main level nav ancestor when child page is active -HS */
}

.ubermenu-main li.ubermenu-item-43689 .ubermenu-column-id-43690 { /* drop shadow and color border style -HS */
  border-right: 1px solid #8D6705;
  /*-webkit-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  -moz-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
  box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);*/
}

@media screen and (max-width: 1024px) { /* changed mobile breakpoint from max-width: 700px -HS */
  .ubermenu li.ubermenu-item-43689 .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
    background-color: #B28C35;
    padding: 0 20px;
    border: none;
  }
}

/*commons */
.ubermenu li.ubermenu-item-43704:hover {
  background: #60575C;
  color: #fff;
}
.ubermenu li.ubermenu-item-43704 .ubermenu-target:hover .ubermenu-target-text,
li.ubermenu-item-43704.ubermenu-active .ubermenu-target-text {
  color: #fff !important;
}
.ubermenu li.ubermenu-item-43704 .ubermenu-target {
  background-image: url("/wp-content/uploads/2019/08/sh-commons-icon.png");
  background-repeat:  no-repeat;
  background-size: 21px 24px;
      background-position: 16px center;
    padding-left: 42px !important;
  /*background-position: 4px center;
padding-left: 29px !important;*/
}
.ubermenu li.ubermenu-item-43704 .ubermenu-target:hover {
  background-image: url("/wp-content/uploads/2019/08/sh-commons-icon-inverted.png");
}
.ubermenu-main li.ubermenu-item-43704 .ubermenu-submenu.ubermenu-submenu-drop {
    background-color: #60575C;
    color: #fff;
}
.ubermenu .ubermenu-item.ubermenu-item-43704.ubermenu-current-menu-ancestor > .ubermenu-target {
  font-weight: bold !important; /* Bolds main level nav ancestor when child page is active -HS */
}

/*support */
.ubermenu .ubermenu-row-id-43706 {
      padding: 54px 95px;
}
.ubermenu li.ubermenu-item-43705:hover {
  background: #60575C;
}
.ubermenu li.ubermenu-item-43705 .ubermenu-target:hover .ubermenu-target-text,
li.ubermenu-item-43705.ubermenu-active .ubermenu-target-text {
  color: #fff !important;
  text-transform: uppercase; /* navigation sidebar titles all capitals and new text styles -HS */
  font-family: "Open Sans"; 
  font-size: 14px;  
  font-weight: bold;  
  letter-spacing: 0.7px;  
  line-height: 17px;
}

.ubermenu li.ubermenu-item-43705 .ubermenu-target:hover .ubermenu-target-description,
li.ubermenu-item-43705.ubermenu-active .ubermenu-target-description { /* new styles for descriptions -HS */
  text-transform: none;
  font-style: italic;
  font-size: 12px;
  font-family: "Open Sans";
  letter-spacing: 0.4px;
  line-height: 17px;
}

li.ubermenu-item-43705.ubermenu-active {
  background: #60575C;
  color: #fff;
}
.ubermenu-main li.ubermenu-item-43705 .ubermenu-submenu.ubermenu-submenu-drop {
    background-color: #60575C;
    color: #fff;
}
.ubermenu .ubermenu-item.ubermenu-item-43705.ubermenu-current-menu-ancestor > .ubermenu-target {
  font-weight: bold !important; /* Bolds main level nav ancestor when child page is active -HS */
}

.ubermenu-main li.ubermenu-item-43705 .ubermenu-column-id-46780 { /* drop shadow and color border style -HS */
  border-left: 1px solid #332C2F;
 /* -webkit-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
-moz-box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);
box-shadow: 5px 0px 20px 0px rgba(0,0,0,0.26);*/
}

@media screen and (max-width: 1024px) { /* changed mobile breakpoint from max-width: 700px -HS */
  .ubermenu li.ubermenu-item-43705 .ubermenu-submenu .ubermenu-column-auto.sub-full-width {
    background-color: #60575C;
  }
}


a.ubermenu-responsive-toggle:hover {
  box-shadow: none;
}
div.asl_w .probox .proinput input::placeholder {
  color: rgb(128, 128, 128) !important;
  font-weight: 400;
}
.ubermenu-submenu .ubermenu-tabs-group .ubermenu-target:hover{
    background: url(/wp-content/uploads/2019/08/hover-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 3px;
    background-size: 17px 15px;
    padding-right: 24px;
}

/* this is the navigation arrow persistence fix, needed to target the ubermenu active tab class -HS */
.ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target {
  background: url(/wp-content/uploads/2019/08/hover-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 3px;
    background-size: 17px 15px;
    padding-right: 24px;
}

.ubermenu-submenu .ubermenu-tabs-group .ubermenu-tab-content-panel .ubermenu-target:hover {
  background: none;
}
.ubermenu-submenu .ubermenu-tabs-group .ubermenu-target:hover .ubermenu-target-text {
  opacity: 0.5;
    background: none !important;
}

.ubermenu .ubermenu-item-layout-image_left > .ubermenu-image:before {
  background: #ca0164;;
  content: '.';
  
}
.ubermenu .ubermenu-item-layout-image_left:hover .ubermenu-image {
  opacity: 0.5;
} 
.ubermenu .ubermenu-row {
  padding: 54px 95px;
}
.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group,
.ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack{
  padding: 54px 70px 54px 95px;
}
.ubermenu .ubermenu-tab-layout-left > .ubermenu-tabs-group, .ubermenu .text-only-column.ubermenu-item-type-column > .ubermenu-submenu-id-46780, 
.ubermenu .ubermenu-tab-layout-left > .ubermenu-tabs-group, .ubermenu .text-only-column.ubermenu-item-type-column > .ubermenu-submenu-id-43698 { /* adjusting padding to pull text inline with nav sidebar -HS */
  padding: 42px 70px 54px 95px;
}
.ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
    padding: 54px 95px 54px 80px;
}
.ubermenu .ubermenu-item.image-content-column {
  padding: 54px 0;
} 
.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
  color: #fff !important;
}

.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
    padding-left: 30px;
}
.ubermenu-submenu-id-43689 .ubermenu-item-layout-image_left>.ubermenu-target-description,
.ubermenu-submenu-id-43689 .ubermenu-item-layout-image_left>.ubermenu-target-title {
  text-shadow: none;
  opacity: 1 !important;
}
.ubermenu-main .ubermenu-submenu-id-43689 .ubermenu-target.ubermenu-target-with-image .ubermenu-target-title.ubermenu-target-text {
  text-transform: none !important; 
  font-weight: bold !important;
}
.ubermenu-main .ubermenu-submenu-id-43689 .ubermenu-target.ubermenu-target-with-image .ubermenu-target-title.ubermenu-target-text:hover {
  opacity: 0.5 !important;
}
.ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
    margin-top: 0 !important;
}
@media screen and (max-width: 1024px) { /* changed mobile breakpoint from max-width: 700px -HS */
  .ubermenu.ubermenu-main {
    background: white;
    height: 100% !important;
    /*max-height: 100% !important; commented out to fix not being able to click on search field in mobile -HS */
    overflow: visible !important;
    padding-top: 20px !important; /* increased to adjust for logo size increase -HS */
  }
  .nav-collapse.collapse {
    overflow: visible;
  }
  .ubermenu-responsive-toggle {
    padding: 16px 12px;
  }
  
  
.ubermenu .ubermenu-item-header>.ubermenu-submenu-type-stack>.ubermenu-autocolumn,
  .ubermenu .ubermenu-autocolumn, .ubermenu .ubermenu-submenu-type-stack{
    padding-bottom: 0 !important;
  }
  .ubermenu .sub-full-width .ubermenu-item-type-column>.ubermenu-submenu-type-stack {
    padding-right: 0;
}
  .my-extra-widget {
      display: block;
    position: absolute;
    top: 23px;
    right: 50px;
      z-index: 1100;
  }
  .my-extra-widget a {
    background: url(/wp-content/uploads/2019/08/magnifier.png);
    background-size: 23px 23px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
    width: 23px;
    height: 23px;
    /*display: block;*/
    display: none;  /* modified to hide extra magnifying glass in mobile screen size -HS */
    overflow: hidden;
}
  .my-extra-widget a:hover {
    box-shadow: none;
  }
  .tc-header .brand .site-logo img { /* increased size of logo in mobile */
    width: 230px;
    margin-left: 15px;
    margin-right: initial;
    margin-top: 5px;
  }
  #ajaxsearchlite2 {
    display: none;
  }
  .fas.fa-times {
    color: white;
  }
  .fas.fa-bars {
    background: url(/wp-content/uploads/2019/08/hamburger.png);
    background-size: 20px 18px;
    background-position: center;
    background-repeat: no-repeat;
    color: transparent;
    width: 22px;
    height: 21px;
  }
  
  
  .ubermenu-responsive-toggle-open .fas.fa-bars {
    background: url(/wp-content/uploads/2019/08/x-button.png);
    background-size: 22px 21px;
    width: 22px;
    height: 21px;
  }
  .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack,
  .ubermenu .image-content-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack{
    padding-right: 0;
  }
  .ubermenu .ubermenu-item.image-content-column {
    padding: 12px;
}
  .navbar-wrapper {
    position: absolute;
  }
  .tc-no-sticky-header .tc-header {
    padding-bottom: 10px;
    display: flex;
    flex-direction: column; /* fix hamburger icon positioning -HS */
    /*border-bottom: 1px solid #808080;*/
  }
  .tc-no-sticky-header .logo-centered .brand {
    /*position: absolute;*/
    position: relative; /*fix for logo overlapping search bar on mobile -HS */
    z-index: 1000;
    width: calc(100% - 100px);
  }
  .ubermenu .ubermenu-item.ubermenu-item-level-0 {
    margin: 0;
    border-bottom: 1px solid #808080;
  }
  .ubermenu-main .ubermenu-submenu .ubermenu-target {
    padding: 16px;
  }
  .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
    margin-bottom: 0;
  }
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group, .ubermenu .text-only-column.ubermenu-item-type-column>.ubermenu-submenu-type-stack,
  .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel{
    padding: 0;
    border: none;
  }
  .ubermenu-main .ubermenu-item-normal > .ubermenu-target, .ubermenu-main .ubermenu-submenu .ubermenu-target,
  .ubermenu-main .ubermenu-submenu.ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target  {
    padding: 13px;
  }
  .ubermenu-submenu-id-43689 .ubermenu-item-layout-image_left {
    padding-right: 0 !important;
    padding-top: 0 !important;
  }
  .image-content-column {
    padding: 0 !important;
  }
  .ubermenu-submenu-id-43689 .ubermenu-image {
    float: left;
    width: 26% !important;
    margin-right: 14px;
    margin-bottom: 0 !important;
  }
  .ubermenu-main ul li ul li ul li ul li .ubermenu-target {
    padding: 8px !important;
  }
  
  .ubermenu-main .ubermenu-item-normal > .ubermenu-target, .ubermenu-main .ubermenu-submenu .ubermenu-target,
  .ubermenu-main .ubermenu-submenu .ubermenu-target{
    padding: 16px !important;
    text-transform:none;
  }

  .ubermenu-main ul li ul li ul li ul {
    padding-top: 0 !important;
  }
  ul.ubermenu-submenu {
    opacity: 1 !important;
  }
  /* histories of art */
  .ubermenu li.ubermenu-item-43540 .ubermenu-target {
    background-image: url(/wp-content/uploads/2019/08/down-burgundy.png);
    background-repeat: no-repeat;
    background-size: 15px 8px;
    background-position: 12px center;
    padding-left: 43px !important;
    border-top: 1px solid #808080 !important;
  }
  .ubermenu li.ubermenu-item-43540 .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
    border-bottom: 1px solid #560000 !important;
  }
  ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel .ubermenu-target-text {
    text-transform: none !important;
  }
  .ubermenu li.ubermenu-item-43540.ubermenu-item-level-0 .ubermenu-target:hover,
  li.ubermenu-item-43540.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
    background-color: #560000;
    background-image: url("/wp-content/uploads/2019/08/up-white.png");
  }
  
  .ubermenu li.ubermenu-item-43540.ubermenu-item-level-0 ul .ubermenu-target:hover,
  li.ubermenu-item-43540.ubermenu-item-level-0.ubermenu-active ul .ubermenu-target  {
    background: #851013;
    border-bottom: 1px solid #560000;
    border-top: none !important;
  }

  .ubermenu-main ul li.ubermenu-item-43540 ul li ul li ul li .ubermenu-target { 
    background: #790B0E !important;
    border-bottom: none !important;
  }
  
  .ubermenu li.ubermenu-item-43540 .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
    border-bottom: 1px solid #560000;
  }
  .ubermenu-item-level-4:last-of-type ul { border-bottom: 1px solid #560000; 
  }
  .ubermenu-item-level-4:last-of-type ul {
    border-bottom: none;
  }
  /* guides */
  .ubermenu li.ubermenu-item-43652 .ubermenu-target {
    background-image: url(/wp-content/uploads/2019/08/down-blue.png);
    background-repeat: no-repeat;
    background-size: 15px 8px;
    background-position: 12px center;
    padding-left: 43px !important;
  }
  .ubermenu li.ubermenu-item-43652 .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel {
    border-bottom: 1px solid #0C3960 !important;
  }
  .ubermenu li.ubermenu-item-43652.ubermenu-item-level-0 .ubermenu-target:hover,
  li.ubermenu-item-43652.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
    background-color: #0C3960;
    background-image: url("/wp-content/uploads/2019/08/up-white.png");
    background-repeat: no-repeat;
    background-size: 15px 8px;
    background-position: 12px center;
    padding-left: 43px !important;
  }
  
  .ubermenu li.ubermenu-item-43652.ubermenu-item-level-0 ul .ubermenu-target:hover,
  li.ubermenu-item-43652.ubermenu-item-level-0.ubermenu-active ul .ubermenu-target  {
    background: #27688F;
    border-bottom: 1px solid #0C3960;
    border-top: none !important;
  }
  .ubermenu li.ubermenu-item-43652 .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
    border-bottom: 1px solid #0C3960;
  }
  .ubermenu-main ul li.ubermenu-item-43652 ul li ul li ul li .ubermenu-target { 
    background: #3c607f !important;
    border-bottom: none !important;
  }
  /* about */
  .ubermenu li.ubermenu-item-43689 .ubermenu-target {
    background-image: url(/wp-content/uploads/2019/08/down-gold.png);
    background-repeat: no-repeat;
    background-size: 15px 8px;
    background-position: 12px center;
    padding-left: 43px !important;
  }
  .ubermenu li.ubermenu-item-43689.ubermenu-item-level-0 .ubermenu-target:hover,
  li.ubermenu-item-43689.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
    background-color: #8D6705;
    background-image: url("/wp-content/uploads/2019/08/up-white.png");
  }
  
  .ubermenu li.ubermenu-item-43689.ubermenu-item-level-0 ul .ubermenu-target:hover,
  li.ubermenu-item-43689.ubermenu-item-level-0.ubermenu-active ul .ubermenu-target  {
    background: #B28C35;
    border-bottom: 1px solid #8D6705;
    border-top: none !important;
  }
  .ubermenu li.ubermenu-item-43689 .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
    border-bottom: 1px solid #8D6705;
    padding-left: 15px !important;
    padding-top: 15px !important;
  }
  
  /* commons */
  .ubermenu li.ubermenu-item-43704 .ubermenu-target {
    padding-left: 43px !important;
    background-position: 9px center;
  }
  /* support */
  .ubermenu .ubermenu-row {
    padding: 16px;
  }

  .ubermenu li.ubermenu-item-43705 .ubermenu-target {
    background-image: url(/wp-content/uploads/2019/08/down-grey.png);
    background-repeat: no-repeat;
    background-size: 15px 8px;
    background-position: 12px center;
    padding-left: 43px !important;
  }
  .ubermenu li.ubermenu-item-43705.ubermenu-item-level-0 .ubermenu-target:hover,
  li.ubermenu-item-43705.ubermenu-item-level-0.ubermenu-active .ubermenu-target   {
    background-color: #332C2F;
    background-image: url("/wp-content/uploads/2019/08/up-white.png");
  }
  .ubermenu-responsive-single-column-subs .ubermenu-item-43705 .ubermenu-submenu .ubermenu-item {
    /*width: 50%;*/ /* modified for mobile screen size -HS */
    width: 100%;
     min-width: 10%;
    float: left;
  }
  li.blurb-padding-mobile > div.ubermenu-custom-content-padded {
    padding: 20px;
  }
  .ubermenu-main .ubermenu-submenu .ubermenu-target.ubermenu-target-with-image {
    margin-right: 8px;
  }
  .ubermenu-responsive-single-column-subs .ubermenu-item-43705 .ubermenu-submenu .ubermenu-item:last-of-type .ubermenu-target.ubermenu-target-with-image {
    margin-right: 0;
    margin-left: 8px;
  }
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-title {
    top: 35%;
    width: calc(100% - 30px);
    padding: 0 15px;
    font-size: 16px;
    line-height: 18px;
   }

.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-description {
    top: calc(45% + 20px);
    width: calc(100% - 30px);
    padding: 0 15px;
    font-size: 12px;
  }
  .ubermenu li:first-of-type .ubermenu-item-layout-image_left>.ubermenu-target-description {
    top: 45%;
  }
  .ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text {
    padding-left: 15px;
  }
  ubermenu li.ubermenu-item-43540 ul li ul li .ubermenu-target,
  ubermenu li.ubermenu-item-42881 ul li ul li .ubermenu-target,
  ubermenu li.ubermenu-item-43689 ul li ul li .ubermenu-target,
  .ubermenu li.ubermenu-item-43705 ul li ul li .ubermenu-target {
    padding-left: 15px !important;
  }
  .ubermenu-submenu-id-43689 .ubermenu-target .ubermenu-target-title.ubermenu-target-text {
    font-weight: 400 !important;
    margin-top: 0 !important;
    font-size: 14px !important;
  }
  .ubermenu-submenu-id-43689 .ubermenu-target .ubermenu-target-description.ubermenu-target-text {
    font-weight: 400 !important;
    margin-top: 0 !important;
    font-size: 12px !important;
  }
}
@media screen and (max-width: 500px) {
  .ubermenu .ubermenu-submenu-id-43689 .image-content-column .ubermenu-item-layout-image_left>.ubermenu-image {
    display: none;
  }
  .ubermenu li.ubermenu-item-43689 .ubermenu-has-submenu-stack a.ubermenu-item-layout-default {
    padding-right: 15px !important;
  }
}

.sub-full-width.ubermenu-item-level-3 a.ubermenu-item-layout-default {
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 20px;
  padding-left: 0 !important;
}
.sub-full-width.ubermenu-item-level-3 li a.ubermenu-item-layout-default {
  border-bottom: none;
  margin-bottom: 0;
}

/*********************************************************************************
************************ Ajax Search PRO           ***************************
**********************************************************************************/

#ajaxsearchpro1_2 .probox .promagnifier div.innericon,
div.asp_m.asp_m_1 .probox .promagnifier div.innericon {
  width: 54px;
  height: 36px !important; /* modified to adjust alignment of magnifying glass -HS */
  float: right;
}

/* Styles to modify search results 'view more results' -HS */
div.asp_r p.showmore a {
  font-size: 16px !important;
  font-weight: 600 !important;
}

div.asp_w.asp_r .resdrg {
  padding-top: 25px;
}

div.asp_w.asp_r .results .item .asp_image {
  float: none;  /*fix search results layout to have image above text -HS */
}

div.asp_m.ajaxsearchpro .probox .promagnifier .innericon {
  background-size: 30px 30px !important;
}

#ajaxsearchprores1_2 p.showmore, div.asp_r.asp_r_1 p.showmore {
  margin: 26px 0 20px !important; /* add more separation space between search results and All Results button -HS */
}

#ajaxsearchprores1_2.vertical .results .item .asp_content, div.asp_r.asp_r_1.vertical .results .item .asp_content {
  margin: 10px !important; /* added spacing between search result items -HS */
}

/* Fix for Search Result page 'See More' and 'Go Back' nav button positions -HS 
NOTE: The Customizr function is written incorrectly, so the applied CSS Classes are semantically wrong*/

.pager .previous > span {
  float: right !important;
}

.pager .next > span {
  float: left !important;
}

/*********************************************************************************
************************ Timeline Express PRO Styles          ***************************
**********************************************************************************/


@media only screen and (min-width: 822px) {
   .cd-timeline-block {
      min-height: 272px;
   }
}