/*
Theme Name: Smarthistory New Theme
Version: 2.0
Description: A new custom theme

/*********************************************************************************
**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;
}


/*********************************************************************************
**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
****
**********************************************************************************/

/*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: block;
}

/** adds border around search on 404 page **/
input#s {
  border: 1px solid #bebebe;
}

/*********************************************************************************
**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;
}







/**
 * Custom page templates
 */
body {
  letter-spacing: 0 !important;
}

a:focus {
  text-decoration: none;
}
.page-template-page-template-landing-1 .wpcp {
  display: none;
}
.wpcp + .project-identity-section {
  margin-top: 2rem;
}

.project-identity-section > div.bg-grey-alt {
  display: flex;
  flex-direction: row;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .project-identity-section > div.bg-grey-alt {
    flex-direction: column;
  }
}

.project-identity-section > div > p {
  color: #fff;
  max-width: 85%;
}

.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) {
  .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);
}
@media screen and (max-width: 480px) {
  .hover-connected .hover-zoom img,
  .hover-zoom:hover img {
    transform: none;
  }
}

.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: 72px;
  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 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.063rem; /* 17px */
  font-weight: 400;
  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: 26px;
}
.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-center {
  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;
  }
}




/* Masonry Styles -HS */
.grid-item { 
  width: 20%; 
  float: left;
}
.grid-item-med {width: 40%;}
.grid-item-lg { width: 55%; }

/* Quick fix for search results line height */
.search-results .tc-post-list-grid article .entry-title {
  line-height: 1.5;
}


.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) { // 600px
  .sh-tabs nav a {
    font-size: 1.25rem;
    padding: 1.25rem;
  }
}
@media screen and (max-width: 660px) {
  .sh-tabs nav div {
    width: 38%;
  }
}

@media screen and (min-width: 60em) { // 960px
  .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) { // 800px
  .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;
}

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


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

/*   Tools and Topics Tab Styles Override  -HS */

p.tools-intro-paragraph {
  width: 75%;
  color: #222322;
  font-family: "Open Sans";
  font-size: 1.063rem;
  font-weight: 400;
  letter-spacing: -0.28px;
  line-height: 23px;
  text-align: justify;
  margin-top: 20px;
  margin-bottom: 20px;
}

.tt-tabs nav {
  display: flex;
  justify-content: normal;
  box-sizing: border-box;
}

.tt-tabs nav div {
  border-bottom: 0; 
  width: auto; 
  height: 100%;
  flex-grow: 0;
  /*width: 305px;*/
}

.tt-tabs nav div {
  padding-right: 0;
}

nav.tools-nav, nav.events-nav {
  border-top: 1px solid #BEBEBE;
  border-bottom: 1px solid #bebebe;
  width: 100%;
  height: 44px;
  margin-bottom: 20px;
  position: relative;
}

.tt-tabs nav a {
  color: #A83A2A;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-right: 20px;
  padding: 10px 20px;
  background: transparent;
  box-shadow: none;
  align-items: center;
  justify-content: center;
}

.tt-tabs nav a:hover {
  box-shadow: none;
  -webkit-box-shadow: none;
  text-decoration: none;
  background-color: #E9E9E9;
}

.tt-tabs nav div.tab-current a, .tt-tabs nav li.tab-current a {
  color: #484848;
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 600;
  background: #E9E9E9;
  box-shadow: none;
  border-top: 2px solid #bebebe;
  border-bottom: 2px solid #bebebe;
  padding: 0px 20px;
}

.tt-tabs nav li.tab-current a {
  border-bottom: 3px solid #bebebe;
}

.tt-tabs nav div.tab-current {
  border-bottom: none;
  padding-right: 0;
  z-index: 0;
}
.tt-tabs nav div.tab-current + div {
  padding-left: 0;
}

.tt-tabs-content section.tab-content-current {
  display: block;
}

.tt-tabs-content section {
  background: transparent;
  padding: 0;
  display: none;
  margin: 0 auto;
}

.tt-grid {
  grid-gap: 0 16px;
}

a#tabs-mobile-menu-toggle {
  display: none;
}

@media screen and (max-width: 768px) {
  nav.tools-nav {
    flex-direction: column;
    z-index: 1;
    background: #e9e9e9;
  }

  .tt-tabs nav div {
    width: 100%;
  }

  .tt-tabs nav div:nth-child(4) {
    box-shadow: 0 4px 4px -4px rgba(0,0,0,0.5);
  }

  .tt-tabs nav div.tab-current {
    width: 100%;
    order: -1;
    height: 42px;
    display: flex;
    margin-bottom: 4px;
  }

  .tt-tabs nav div.tab-current a {
    padding: 20px 10px;
  }

  button.collapsed > svg.key-q-carat-mobile {
    transform: none;
  }

  .tt-carat-mobile, .key-q-carat-mobile {
    height: 20px;
    width: 20px;
    top: 12px;
    stroke: #484848;
    right: 17px;
    position: absolute;
    cursor: pointer;
  }

  .tt-tabs nav a {
    justify-content: normal;
    background: #e9e9e9;
    margin-right: 0;
    padding: 20px 10px;
  }

  .tt-tabs nav.events-nav a {
    background: transparent;
  }

  .tt-tabs nav.events-nav a:hover {
    background: #e9e9e9;
  }

  .tools-nav > div.slider, .tools-nav > div.slider-top, .tools-nav > div.slider-middle {
    display: none;
  }

  p.tools-intro-paragraph {
    width: 100%;
    text-align: left;
  }

  a#tabs-mobile-menu-toggle {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
  }

  .tt-tabs nav div.tab-current a {
    border-top: 0;
    border-bottom: 0;
  }

  /*nav.tools-nav-mobile {
    display: flex;
  }*/
}


/*  Commons Load More Styles */

a.lm-commons-text {
  color: #A83A2A;
  font-family: "Open Sans";
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 19px;
  text-align: center;
}

a.lm-commons-text:hover {
  cursor: pointer;
}


/*  Global Text Style Changes per Glenn -HS */
.txt-14 {
  font-size: 0.875rem; /* 14px */
}

.txt-17 {
  font-size: 1.063rem; /* 17px */
}

.txt-20 {
  font-size: 1.25rem; /* 20px */
}

.lmtext, #load-more-line {
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.4px;
  line-height: 19px;
  margin: 2.5rem auto 4.5rem;
}

a#load-more-cc-objects {
  padding-right: 1.875rem; /* 30px */
  padding-left: 1.875rem;
}

.container-fluid-mod {
  padding-left: 0;
  padding-right: 0;
  margin-left: -25px;
  margin-right: -25px;
}

@media screen and (max-width: 768px) {

  .container-fluid-mod {
    margin-left: 0px;
    margin-right: 0px;
  }
}