@charset "UTF-8";
/*burnt orange*/
/*darker burnt orange*/
/*bright orange*/
/*gravy*/
/*blue*/
/*lighter shade of grey provided*/
/*white*/
/*grey/black*/
/*dark grey/black*/
html, body {
  margin: 0;
  padding: 0;
  /*width: 100%;*/
  /*overflow-x: hidden;*/
}

html {
  overflow-x: hidden;
  /*-webkit-overflow-scrolling: touch;*/
}

body {
  position: relative;
  /*overflow-y: scroll;*/
  /*-webkit-overflow-scrolling: touch;*/
  overflow-x: hidden;
  background: #ffffff;
}

#skip-link {
  position: absolute;
}
#skip-link .element-invisible {
  /*position: absolute;
  clip: rect(1px,1px,1px,1px);
  overflow: hidden;
  height: 1px;*/
  background: #bf5700;
  border-radius: 5px;
  border: 1px solid #ffffff;
  /*box-shadow: 1px 1px 0.125em #282828;*/
  color: #fff;
  font-size: 0.8em;
  outline: 0;
  padding: 1em;
  text-decoration: none;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
}
#skip-link .element-invisible.element-focusable {
  /*&:active {
  	position: fixed !important;
   left: 1rem;
   top: 1rem;
   z-index: 9999;
   background: #bf5700;
   border-radius: 5px;
   box-shadow: 1px 1px 0.125rem #282828;
   color: #fff;
   font-weight: 500;
   font-size: .8em;
   outline: 0;
   padding: 0.5rem 1rem;
   text-decoration: none;
  }*/
}
#skip-link .element-invisible.element-focusable:focus {
  transform: translateY(0%);
  z-index: 9999;
  /*position: static !important;
  clip: auto;
  overflow: visible;
  height: auto;*/
}

#container {
  overflow: hidden;
}

html > body {
  font-size: 17px;
  height: 100%;
  min-height: 100%;
  font-family: "BentonSans-Regular", arial, helvetica, sans-serif;
  color: #333f48;
  margin: 0 auto;
}

.noscroll {
  position: fixed;
  overflow: hidden;
}

#wrapper {
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}
#wrapper .item-page li, #wrapper .landing .landing li, #wrapper .interior .interior li {
  margin: 0.5em 0;
}

p {
  /*font-weight: 300;*/
  line-height: 1.5em;
  margin-bottom: 1em;
  max-width: 1000px;
}

a {
  color: #bf5700;
}

a:visited {
  color: #aa4400;
}

a:hover {
  color: #aa4400;
}

a:active {
  color: #aa4400;
}

a[href^="mailto:"] {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.space-below {
  padding-bottom: 15px !important;
}

.space-above {
  padding-top: 15px !important;
}

#wds-tweets a {
  color: #005f86 !important;
}

strong {
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  font-weight: inherit;
}

legend, .hiddenlabel, .icons, .article-info-term {
  display: none;
}

i.fas {
  color: #bf5700;
  padding: 0 0 0 0.25em;
  font-size: 0.8em;
  vertical-align: super;
}

.fade {
  opacity: 0.5;
}

.custom-playpause, .-playpause {
  position: absolute !important;
  right: 3%;
  z-index: 2;
  bottom: 5%;
  top: unset !important;
  left: unset !important;
}
@media screen and (max-width: 650px) {
  .custom-playpause, .-playpause {
    display: none;
  }
}
.custom-playpause p, .-playpause p {
  margin: 0;
  padding: 11px 2px 11px 15px;
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.35);
}
.custom-playpause p button#playpause, .-playpause p button#playpause {
  /*display: block;
  background: rgb(255,255,255, .35);
  color: $color-white;
     border: unset;
     padding: 1em;
     border-radius: 5px;
     text-transform: uppercase;
     font-family: $font-sans-cond;
     font-size: .7em;
     letter-spacing: 1px;
     cursor: pointer;*/
  border: 0;
  background: rgba(255, 255, 255, 0);
  box-sizing: border-box;
  width: 0;
  height: 20px;
  border-color: transparent transparent transparent #ffffff;
  transition: 100ms all ease;
  cursor: pointer;
  border-style: double;
  border-width: 0px 0 0px 15px;
}
.custom-playpause p button#playpause.paused, .-playpause p button#playpause.paused {
  border-style: solid;
  border-width: 10px 0 10px 15px;
}
.custom-playpause p button#playpause span, .-playpause p button#playpause span {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
}

#position-2 .moduletable-breadcrumbs {
  background-color: #ffffff;
  display: inline-block;
  margin-left: 5%;
}
#position-2 .moduletable-breadcrumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
#position-2 .moduletable-breadcrumbs ul li {
  float: left;
  padding: 0 0.25em;
}

.moduletable-numbers .custom-numbers, .moduletable-numbers .custom, .moduletable.-numbers .custom-numbers, .moduletable.-numbers .custom {
  margin: 2em 0 0;
  /*border-bottom: $border-grey;*/
  display: inline-block;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .moduletable-numbers .custom-numbers, .moduletable-numbers .custom, .moduletable.-numbers .custom-numbers, .moduletable.-numbers .custom {
    margin-top: 50px;
  }
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers, .moduletable-numbers .custom, .moduletable.-numbers .custom-numbers, .moduletable.-numbers .custom {
    margin: 0 5%;
    border-bottom: none;
    width: 100%;
    position: relative;
  }
}
.moduletable-numbers .custom-numbers .callout, .moduletable-numbers .custom .callout, .moduletable.-numbers .custom-numbers .callout, .moduletable.-numbers .custom .callout {
  max-width: 25%;
  /*max-width: 19%;*/
  float: left;
  padding-right: 6%;
  margin: 0 6% 5% 0;
  border-right: 2px solid #E8E9E9;
  /*@media screen and (max-width: 1438px) {
  	margin-right: 4%;
  	padding-right: 4%;
  }*/
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout, .moduletable-numbers .custom .callout, .moduletable.-numbers .custom-numbers .callout, .moduletable.-numbers .custom .callout {
    max-width: unset;
    width: 90%;
    border-right: none;
    border-bottom: 2px solid #E8E9E9;
    /*clear: both;*/
    /*float: none;*/
    margin: 0 0 1em 0;
    padding: 0 0 1em 0;
  }
}
@media screen and (max-width: 650px) {
  .moduletable-numbers .custom-numbers .callout, .moduletable-numbers .custom .callout, .moduletable.-numbers .custom-numbers .callout, .moduletable.-numbers .custom .callout {
    width: 75%;
    margin-left: 7%;
  }
}
.moduletable-numbers .custom-numbers .callout .number, .moduletable-numbers .custom .callout .number, .moduletable.-numbers .custom-numbers .callout .number, .moduletable.-numbers .custom .callout .number {
  font-weight: 600;
  color: #bf5700;
  font-size: 5em;
  font-family: "Barlow Condensed", sans-serif;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .moduletable-numbers .custom-numbers .callout .number, .moduletable-numbers .custom .callout .number, .moduletable.-numbers .custom-numbers .callout .number, .moduletable.-numbers .custom .callout .number {
    font-size: 3.5em;
  }
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout .number, .moduletable-numbers .custom .callout .number, .moduletable.-numbers .custom-numbers .callout .number, .moduletable.-numbers .custom .callout .number {
    float: left;
    margin: 0 50px 0 0;
  }
}
.moduletable-numbers .custom-numbers .callout .number + p, .moduletable-numbers .custom .callout .number + p, .moduletable.-numbers .custom-numbers .callout .number + p, .moduletable.-numbers .custom .callout .number + p {
  font-size: 15px;
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout .number + p, .moduletable-numbers .custom .callout .number + p, .moduletable.-numbers .custom-numbers .callout .number + p, .moduletable.-numbers .custom .callout .number + p {
    padding-top: 1em;
    float: right;
    width: 65%;
  }
}
@media screen and (max-width: 650px) {
  .moduletable-numbers .custom-numbers .callout .number + p, .moduletable-numbers .custom .callout .number + p, .moduletable.-numbers .custom-numbers .callout .number + p, .moduletable.-numbers .custom .callout .number + p {
    width: 95%;
    float: left;
    padding-top: 0;
  }
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout:first-of-type, .moduletable-numbers .custom .callout:first-of-type, .moduletable.-numbers .custom-numbers .callout:first-of-type, .moduletable.-numbers .custom .callout:first-of-type {
    margin: 0 0 1em 0;
    padding: 1em 0;
  }
}
@media screen and (max-width: 650px) {
  .moduletable-numbers .custom-numbers .callout:first-of-type, .moduletable-numbers .custom .callout:first-of-type, .moduletable.-numbers .custom-numbers .callout:first-of-type, .moduletable.-numbers .custom .callout:first-of-type {
    margin-left: 7%;
    width: 75%;
  }
}
.moduletable-numbers .custom-numbers .callout:last-of-type, .moduletable-numbers .custom .callout:last-of-type, .moduletable.-numbers .custom-numbers .callout:last-of-type, .moduletable.-numbers .custom .callout:last-of-type {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}
@media screen and (max-width: 650px) {
  .moduletable-numbers .custom-numbers .callout:last-of-type, .moduletable-numbers .custom .callout:last-of-type, .moduletable.-numbers .custom-numbers .callout:last-of-type, .moduletable.-numbers .custom .callout:last-of-type {
    border-bottom: none;
  }
}
.moduletable-numbers .custom-numbers .callout.single, .moduletable-numbers .custom .callout.single, .moduletable.-numbers .custom-numbers .callout.single, .moduletable.-numbers .custom .callout.single {
  max-width: 100%;
  width: 100%;
  border-top: 2px solid #E8E9E9;
  /*padding-top: 5%;*/
  text-align: center;
}
@media screen and (max-width: 650px) {
  .moduletable-numbers .custom-numbers .callout.single, .moduletable-numbers .custom .callout.single, .moduletable.-numbers .custom-numbers .callout.single, .moduletable.-numbers .custom .callout.single {
    margin: 0;
  }
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout.single .number, .moduletable-numbers .custom .callout.single .number, .moduletable.-numbers .custom-numbers .callout.single .number, .moduletable.-numbers .custom .callout.single .number {
    float: none;
    margin: 0;
  }
}
.moduletable-numbers .custom-numbers .callout.single h5, .moduletable-numbers .custom .callout.single h5, .moduletable.-numbers .custom-numbers .callout.single h5, .moduletable.-numbers .custom .callout.single h5 {
  margin: 0;
}
.moduletable-numbers .custom-numbers .callout.double, .moduletable-numbers .custom .callout.double, .moduletable.-numbers .custom-numbers .callout.double, .moduletable.-numbers .custom .callout.double {
  max-width: 43%;
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout.double, .moduletable-numbers .custom .callout.double, .moduletable.-numbers .custom-numbers .callout.double, .moduletable.-numbers .custom .callout.double {
    max-width: unset;
    width: 90%;
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout.double .number, .moduletable-numbers .custom .callout.double .number, .moduletable.-numbers .custom-numbers .callout.double .number, .moduletable.-numbers .custom .callout.double .number {
    float: none;
  }
}
.moduletable-numbers .custom-numbers .callout.triple:nth-of-type(1), .moduletable-numbers .custom .callout.triple:nth-of-type(1), .moduletable.-numbers .custom-numbers .callout.triple:nth-of-type(1), .moduletable.-numbers .custom .callout.triple:nth-of-type(1) {
  border: none;
  padding-right: 0;
  /*.number {
      margin-top: -.15em;
  }*/
}
.moduletable-numbers .custom-numbers .callout.triple:nth-of-type(2), .moduletable-numbers .custom .callout.triple:nth-of-type(2), .moduletable.-numbers .custom-numbers .callout.triple:nth-of-type(2), .moduletable.-numbers .custom .callout.triple:nth-of-type(2) {
  border-left: 2px solid #E8E9E9;
  padding-left: 6%;
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout.triple:nth-of-type(2), .moduletable-numbers .custom .callout.triple:nth-of-type(2), .moduletable.-numbers .custom-numbers .callout.triple:nth-of-type(2), .moduletable.-numbers .custom .callout.triple:nth-of-type(2) {
    border-left: none;
    border-top: 2px solid #E8E9E9;
    padding-left: 0;
  }
}
.moduletable-numbers .custom-numbers .callout.triple:nth-of-type(3), .moduletable-numbers .custom .callout.triple:nth-of-type(3), .moduletable.-numbers .custom-numbers .callout.triple:nth-of-type(3), .moduletable.-numbers .custom .callout.triple:nth-of-type(3) {
  border: none;
  padding-right: 0;
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout.triple:nth-of-type(3), .moduletable-numbers .custom .callout.triple:nth-of-type(3), .moduletable.-numbers .custom-numbers .callout.triple:nth-of-type(3), .moduletable.-numbers .custom .callout.triple:nth-of-type(3) {
    border-bottom: 2px solid #E8E9E9;
  }
}
@media screen and (max-width: 650px) {
  .moduletable-numbers .custom-numbers .callout.triple:nth-of-type(3), .moduletable-numbers .custom .callout.triple:nth-of-type(3), .moduletable.-numbers .custom-numbers .callout.triple:nth-of-type(3), .moduletable.-numbers .custom .callout.triple:nth-of-type(3) {
    border-bottom: none;
  }
}
@media screen and (max-width: 800px) {
  .moduletable-numbers .custom-numbers .callout.triple .number, .moduletable-numbers .custom .callout.triple .number, .moduletable.-numbers .custom-numbers .callout.triple .number, .moduletable.-numbers .custom .callout.triple .number {
    float: unset;
  }
}
.moduletable-numbers .custom-numbers .callout.triple .number span, .moduletable-numbers .custom .callout.triple .number span, .moduletable.-numbers .custom-numbers .callout.triple .number span, .moduletable.-numbers .custom .callout.triple .number span {
  font-size: 0.5em;
  vertical-align: super;
}

.moduletable-numbers:after, .moduletable.-numbers:after {
  content: "";
  display: block;
  margin: 0 auto;
  /*width: 80%;*/
  border-bottom: 2px solid #E8E9E9;
}
@media screen and (max-width: 800px) {
  .moduletable-numbers:after, .moduletable.-numbers:after {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  .moduletable-numbers:after, .moduletable.-numbers:after {
    width: 100%;
    display: block;
  }
}

table {
  text-align: left;
  margin: 1em 0;
  border-collapse: collapse;
  width: 100% !important;
  table-layout: auto;
}
@media screen and (max-width: 650px) {
  table {
    display: block;
  }
}
table caption {
  text-align: left !important;
  padding-bottom: 1em;
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
}
table caption a {
  color: #bf5700;
  text-decoration: none;
}
table thead {
  border-top: 2px solid #E8E9E9;
}
@media screen and (max-width: 800px) {
  table thead {
    display: none;
  }
}
table thead td {
  padding: 0.75em 0;
}
table tbody {
  border-top: 2px solid #E8E9E9;
  border-bottom: 2px solid #E8E9E9;
}
@media screen and (max-width: 650px) {
  table tbody {
    border-top: none;
  }
}
table tbody tr {
  border-top: 2px solid #E8E9E9;
  /*border-bottom: $border-grey;*/
  /*&:first-of-type {
  	@media screen and (max-width: $width-small) {
  		display: none;
  	}
  }*/
}
@media screen and (max-width: 650px) {
  table tbody tr {
    display: block;
    padding: 0.5em 0;
  }
}
table tbody tr th {
  /*font-weight: 600;*/
  font-size: 0.8em;
  /*line-height: 1em;*/
  color: #333f48;
  font-family: "BentonSansCond-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 3em;
}
table tbody tr td {
  padding: 1.25em 0.25em;
  border-top: 2px solid #E8E9E9;
  width: 25%;
  /*white-space: nowrap;*/
  /*min-width: 150px;*/
  vertical-align: top;
}
@media screen and (max-width: 800px) {
  table tbody tr td {
    clear: left;
    width: 100%;
    display: inline-block;
    border: none;
    padding: 0.5em 0;
  }
}
@media screen and (max-width: 800px) {
  table tbody tr td::empty {
    display: none;
  }
}
table tbody tr td:first-child {
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  /*width: 25%;*/
  /*@media screen and (max-width: $width-small) {
  	width: 100%;
  }*/
}
table tbody tr.grey-row {
  background-color: #E8E9E9;
}
table tbody tr.grey-row td {
  padding-left: 0.5em;
}

table.plain thead {
  border-top: none;
}
table.plain tbody {
  border-top: none;
  border-bottom: none;
}
table.plain tbody tr {
  border-top: none;
}
@media screen and (max-width: 650px) {
  table.plain tbody tr {
    display: block;
    padding: 0.5em 0;
  }
}
table.plain tbody tr th {
  /*font-weight: 600;*/
  font-size: 0.8em;
  /*line-height: 1em;*/
  color: #333f48;
  font-family: "BentonSansCond-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 3em;
}
table.plain tbody tr td {
  padding: 1.25em 0.25em;
  border-top: none;
  width: unset;
  vertical-align: top;
}
@media screen and (max-width: 800px) {
  table.plain tbody tr td {
    clear: left;
    width: 100%;
    display: inline-block;
    border: none;
    padding: 0.5em 0;
  }
}
@media screen and (max-width: 800px) {
  table.plain tbody tr td::empty {
    display: none;
  }
}
table.plain tbody tr td:first-child {
  font-family: inherit;
}
table.plain tbody tr.grey-row {
  background-color: #E8E9E9;
}
table.plain tbody tr.grey-row td {
  padding-left: 0.5em;
}

#left {
  /*margin: 4em 40px 5% 10%;*/
  margin: 66px 40px 5% 10%;
  width: 18%;
  float: left;
}
@media screen and (max-width: 1480px) {
  #left {
    margin-right: 3%;
    margin-left: 5%;
  }
}
@media screen and (max-width: 1120px) {
  #left {
    margin-left: 4%;
  }
}
@media screen and (min-width: 1001px) {
  #left {
    max-width: 280px;
  }
}
@media screen and (max-width: 1000px) {
  #left {
    float: none;
    /*width: unset;*/
    margin: 0;
    padding: 1% 5%;
    border-top: 2px solid #E8E9E9;
    border-bottom: 2px solid #E8E9E9;
    position: absolute;
    top: 89px;
    z-index: 5;
    width: 90%;
    background: #ffffff;
    cursor: pointer;
    pointer-events: auto;
  }
}
@media screen and (max-width: 650px) {
  #left {
    top: 200px;
  }
}
#left .moduletable-left h3.left-mobile a, #left .moduletable.sidenav h3.left-mobile a, #left .-left h3.left-mobile a {
  color: #333f48 !important;
}
#left .moduletable-left h3.left-mobile a:hover, #left .moduletable-left h3.left-mobile a:active, #left .moduletable.sidenav h3.left-mobile a:hover, #left .moduletable.sidenav h3.left-mobile a:active, #left .-left h3.left-mobile a:hover, #left .-left h3.left-mobile a:active {
  color: #bf5700 !important;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left h3.left-mobile a:hover, #left .moduletable-left h3.left-mobile a:active, #left .moduletable.sidenav h3.left-mobile a:hover, #left .moduletable.sidenav h3.left-mobile a:active, #left .-left h3.left-mobile a:hover, #left .-left h3.left-mobile a:active {
    color: #333f48 !important;
  }
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left h3.left-mobile, #left .moduletable.sidenav h3.left-mobile, #left .-left h3.left-mobile {
    display: none;
  }
}
#left .moduletable-left h3.left-mobile.active a, #left .moduletable.sidenav h3.left-mobile.active a, #left .-left h3.left-mobile.active a {
  color: #bf5700 !important;
}
#left .moduletable-left h3.left-desktop, #left .moduletable.sidenav h3.left-desktop, #left .-left h3.left-desktop {
  display: none;
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left h3.left-desktop, #left .moduletable.sidenav h3.left-desktop, #left .-left h3.left-desktop {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left h3::after, #left .moduletable.sidenav h3::after, #left .-left h3::after {
    content: "▾";
    float: right;
    cursor: pointer;
  }
}
#left .moduletable-left ul, #left .moduletable.sidenav ul, #left .-left ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  display: block;
  font-size: 0.9em;
  color: #4d5155;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  /*li.item-127, li.item-128, li.item-167, li.item-168, li.item-169, li.item-170, li.item-378, li.item-343, li.item-290, li.item-411 {
  	display: none;

  	@media screen and (max-width: $width-laptop) {
  		display: block;
  	}
  }*/
}
@media screen and (min-width: 1001px) {
  #left .moduletable-left ul, #left .moduletable.sidenav ul, #left .-left ul {
    margin-top: 1.5em;
  }
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left ul, #left .moduletable.sidenav ul, #left .-left ul {
    display: none;
  }
}
#left .moduletable-left ul li, #left .moduletable.sidenav ul li, #left .-left ul li {
  margin-top: 0.5em;
}
#left .moduletable-left ul li a, #left .moduletable.sidenav ul li a, #left .-left ul li a {
  text-decoration: none;
  color: #333f48;
}
#left .moduletable-left ul li a:hover, #left .moduletable-left ul li a:active, #left .moduletable.sidenav ul li a:hover, #left .moduletable.sidenav ul li a:active, #left .-left ul li a:hover, #left .-left ul li a:active {
  color: #bf5700;
  /*border-left: 3px solid $color-orange;
  padding-left: 10px;*/
}
#left .moduletable-left ul li ul, #left .moduletable.sidenav ul li ul, #left .-left ul li ul {
  display: none;
}
#left .moduletable-left ul li ul.active, #left .moduletable.sidenav ul li ul.active, #left .-left ul li ul.active {
  display: block;
  margin: 0 0 2.5em 0;
  padding-bottom: 2.5em;
  padding-left: 1em;
  border-bottom: 2px solid #E8E9E9;
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left ul li ul.active, #left .moduletable.sidenav ul li ul.active, #left .-left ul li ul.active {
    padding: 0;
    border: none;
    margin: 0 0 1em 1em;
  }
}
#left .moduletable-left ul li:last-of-type ul, #left .moduletable.sidenav ul li:last-of-type ul, #left .-left ul li:last-of-type ul {
  border-bottom: none !important;
}
#left .moduletable-left ul li.current > a, #left .moduletable.sidenav ul li.current > a, #left .-left ul li.current > a {
  color: #bf5700;
}
#left .moduletable-left ul li.current ul, #left .moduletable.sidenav ul li.current ul, #left .-left ul li.current ul {
  display: block;
  margin: 0 0 2.5em 0;
  padding-bottom: 2.5em;
  padding-left: 1em;
  border-bottom: 2px solid #E8E9E9;
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left ul li.current ul, #left .moduletable.sidenav ul li.current ul, #left .-left ul li.current ul {
    margin: 0 0 1em 1em;
    padding: 0;
    border: none;
  }
}
@media screen and (max-width: 1000px) {
  #left .moduletable-left ul > li:first-of-type, #left .moduletable.sidenav ul > li:first-of-type, #left .-left ul > li:first-of-type {
    margin-top: 0;
  }
}
@media screen and (min-width: 1001px) {
  #left .moduletable-left ul.menu, #left .moduletable.sidenav ul.menu, #left .-left ul.menu {
    display: block !important;
  }
}
#left .moduletable-left button, #left .moduletable.sidenav button, #left .-left button {
  display: none;
}

.item-page.no-nav.interior, .finder {
  width: 80% !important;
  margin: 0 10% 4em 10% !important;
}
.item-page.no-nav.interior p, .finder p {
  max-width: unset;
}

#content.eoe .wep.calendar iframe, #content.eoe .eoe.calendar iframe, #content.wep .wep.calendar iframe, #content.wep .eoe.calendar iframe {
  width: 100%;
}
#content.eoe #left .nav > li:last-child, #content.wep #left .nav > li:last-child {
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
  margin-top: 2em;
}
#content.eoe #left .nav > li:last-child a, #content.wep #left .nav > li:last-child a {
  color: #bf5700;
  text-decoration: none;
}
#content.eoe #left .nav > li:last-child a, #content.wep #left .nav > li:last-child a {
  color: #333f48;
}
#content.eoe #left .nav > li:last-child a:hover, #content.eoe #left .nav > li:last-child a:active, #content.wep #left .nav > li:last-child a:hover, #content.wep #left .nav > li:last-child a:active {
  color: #bf5700;
}
#content.eoe #left .nav > li:last-child:before, #content.wep #left .nav > li:last-child:before {
  content: "◂";
  color: #797A7C;
  font-size: 1.25em;
  position: relative;
  top: 1px;
  padding-right: 5px;
}
@media screen and (max-width: 1000px) {
  #content.eoe #left .nav > li:last-child:before, #content.wep #left .nav > li:last-child:before {
    content: "";
    padding-right: 0;
  }
}
@media screen and (max-width: 1000px) {
  #content.eoe #left .nav > li:last-child, #content.wep #left .nav > li:last-child {
    text-transform: unset;
    font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
    margin-top: 0.5em;
    letter-spacing: 0;
  }
}

#content.interior.native-header .native-header + #left + #right {
  margin-top: 10.9em;
}

#content.interior.no-nav .text-header h1 {
  margin-left: calc(10% + 286px) !important;
  max-width: 50% !important;
}
#content.interior.no-nav .item-page.no-nav.interior, #content.interior.no-nav .events.no-nav.interior, #content.interior.no-nav .tag-category.no-nav.interior {
  /*margin: 0em 40px 5% 10%;*/
  /*margin-left: calc(287px + 10%) !important;
  width: 53% !important;*/
  width: 60% !important;
  margin: 0 20% 4em 20% !important;
  /*.IMAGE-full-column {
  	img {
  		width: 100%;
  	}	
  }*/
}
@media screen and (max-width: 1000px) {
  #content.interior.no-nav .item-page.no-nav.interior, #content.interior.no-nav .events.no-nav.interior, #content.interior.no-nav .tag-category.no-nav.interior {
    width: 100% !important;
    margin: 0 0 4em 0 !important;
    border-top: 2px solid #E8E9E9;
  }
}
#content.interior.no-nav .item-page.no-nav.interior div[itemprop=articleBody], #content.interior.no-nav .events.no-nav.interior div[itemprop=articleBody], #content.interior.no-nav .tag-category.no-nav.interior div[itemprop=articleBody] {
  /*padding-top: 1.5em;
  border-top: $border-grey;
  margin-top: 1.25em;*/
}
@media screen and (max-width: 1000px) {
  #content.interior.no-nav .item-page.no-nav.interior div[itemprop=articleBody], #content.interior.no-nav .events.no-nav.interior div[itemprop=articleBody], #content.interior.no-nav .tag-category.no-nav.interior div[itemprop=articleBody] {
    margin: 0 5%;
    /*border-top: none !important;*/
  }
}
#content.interior.no-nav .item-page.no-nav.interior h1, #content.interior.no-nav .events.no-nav.interior h1, #content.interior.no-nav .tag-category.no-nav.interior h1 {
  margin-top: 0;
  margin-left: 0 !important;
}
#content.interior.no-nav .item-page.no-nav.interior h2, #content.interior.no-nav .events.no-nav.interior h2, #content.interior.no-nav .tag-category.no-nav.interior h2 {
  padding-top: 1em !important;
  margin-top: 1.5em !important;
}
@media screen and (max-width: 1000px) {
  #content.interior.no-nav .item-page.no-nav.interior h2, #content.interior.no-nav .events.no-nav.interior h2, #content.interior.no-nav .tag-category.no-nav.interior h2 {
    margin: 0 5% !important;
    border-top: none !important;
  }
}
#content.interior.no-nav .item-page.interior.no-nav.table div[itemprop=articleBody] {
  padding-top: 0;
  border-top: none;
  margin-top: 0;
}
#content.interior.no-nav .item-page.no-nav.interior.right {
  width: 50% !important;
  margin: 0 3% 4em 20% !important;
}
@media screen and (max-width: 1000px) {
  #content.interior.no-nav .item-page.no-nav.interior.right {
    width: 100% !important;
    margin: 0 0 4em 0 !important;
    border-top: 2px solid #E8E9E9;
  }
}
#content.interior.no-nav .no-nav.interior.right + #right {
  margin-top: 2.45em !important;
}
@media screen and (max-width: 1000px) {
  #content.interior.no-nav .no-nav.interior.right + #right {
    margin-top: 0 !important;
  }
}

#content.interior.no-right .interior.no-right {
  width: 53% !important;
}
@media screen and (max-width: 1000px) {
  #content.interior.no-right .interior.no-right {
    width: 80% !important;
    margin: 0 10%;
  }
}
@media screen and (max-width: 650px) {
  #content.interior.no-right .interior.no-right {
    width: 86% !important;
  }
}
#content.interior.no-right .history h5 {
  margin: 0;
}
#content.interior.no-right .history h5:first-of-type {
  margin-top: 1em;
}
#content.interior.no-right .history ul {
  list-style-type: none;
  border-left: 10px solid #f8971f;
  padding: 1em;
  margin: 0.5em 0;
  /*li:before {
  	content:'';
  	border-left: 10px solid $color-bright-orange;
  	margin: 0 10px 0 -40px;
  }*/
}

#content.interior.no-left .interior.no-left {
  width: 55% !important;
  margin-left: 10%;
}
@media screen and (max-width: 1000px) {
  #content.interior.no-left .interior.no-left {
    width: 80% !important;
    margin: 0 10%;
  }
}
@media screen and (max-width: 650px) {
  #content.interior.no-left .interior.no-left {
    width: 86% !important;
  }
}
#content.interior.no-left .interior.no-left h2 {
  margin-top: 0.3em !important;
}

#content.landing.no-right .landing.no-right {
  width: 53%;
}
@media screen and (max-width: 1480px) {
  #content.landing.no-right .landing.no-right {
    margin-left: 0;
  }
}
@media screen and (max-width: 1000px) {
  #content.landing.no-right .landing.no-right {
    width: 80%;
    margin: 0 10% 4em 10%;
  }
}

#content.landing .landing {
  width: 39%;
  margin-right: 40px;
}
@media screen and (max-width: 1480px) {
  #content.landing .landing {
    width: 45%;
    margin: 0 0 4em 0;
  }
}
@media screen and (max-width: 1000px) {
  #content.landing .landing {
    width: 80%;
    margin: 2em 10% 4em 10%;
  }
}
#content.landing .landing + #left + #right {
  border: none;
  margin-top: 2.25em;
}
#content.landing .landing + #right {
  margin: 3.7em 5% 3em 3% !important;
}

#content .finder h1 {
  font-size: 2.25em !important;
  line-height: 2.5em !important;
  font-weight: 600 !important;
}
#content .finder #search-form fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
#content .finder #search-form fieldset label {
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
}
#content .finder #search-form fieldset label a {
  color: #bf5700;
  text-decoration: none;
}
#content .finder #search-form fieldset input {
  font-size: 1em;
  padding: 0.15em 0;
}
#content .finder #search-form fieldset button {
  border: none;
  vertical-align: bottom;
  color: #ffffff;
  background: #bf5700;
  padding: 0.5em 1em;
  font-size: 0.75em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  /*border-style: none;*/
}
@media screen and (max-width: 500px) {
  #content .finder #search-form fieldset button {
    padding: 1em;
  }
}
#content .finder #search-results ul.search-results {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#content .finder #search-results ul.search-results li {
  border-bottom: 2px solid #E8E9E9;
  padding-bottom: 2em;
}
#content .finder #search-results ul.search-results li:last-of-type {
  border: none;
}
#content .finder .search-pages-counter {
  display: none;
}

@media screen and (max-width: 800px) {
  #content.table-images table tbody {
    border: none;
  }
}
@media screen and (max-width: 800px) {
  #content.table-images table tbody tr {
    border-top: none;
  }
}
#content.table-images table tbody tr td:nth-of-type(even) {
  padding-left: 20px;
}
@media screen and (max-width: 800px) {
  #content.table-images table tbody tr td:nth-of-type(even) {
    padding-left: 0;
  }
}
#content.table-images table tbody tr td:nth-of-type(even) p:first-of-type {
  margin-top: 0;
}

#overlay {
  display: none;
}

#overlay.show {
  display: block;
  opacity: 0.6;
  position: absolute;
  top: 91px;
  left: 0;
  background-color: #797A7C;
  width: 100%;
  z-index: 900;
}

.IMAGE-full-column {
  max-width: 1000px;
}
.IMAGE-full-column img {
  width: 100%;
}

.IMAGE-two-side-by-side-left {
  float: left;
  max-width: 49%;
  margin-right: 2% !important;
}
@media screen and (max-width: 800px) {
  .IMAGE-two-side-by-side-left {
    max-width: unset;
    width: 100%;
  }
}

.IMAGE-two-side-by-side-right {
  float: left;
  max-width: 49%;
  width: 49%;
}
@media screen and (max-width: 800px) {
  .IMAGE-two-side-by-side-right {
    max-width: unset;
    width: 100%;
  }
}

.IMAGE-two-side-by-side-right p {
  clear: both;
}

.IMAGE-horizontal-float-left {
  clear: both;
}
@media screen and (max-width: 650px) {
  .IMAGE-horizontal-float-left {
    text-align: center;
  }
}
.IMAGE-horizontal-float-left img, .IMAGE-horizontal-float-left video {
  margin: 0 !important;
  padding: 0.25em 45px 30px 0;
  /*padding: 0.25em 2em 1.5em 0;*/
  float: left;
  width: auto;
  max-width: 49%;
}
@media screen and (max-width: 650px) {
  .IMAGE-horizontal-float-left img, .IMAGE-horizontal-float-left video {
    margin: 0 auto !important;
    padding: 1.5em 0;
    display: block;
    float: none;
  }
}
.IMAGE-horizontal-float-left a {
  display: inline-block;
  margin-top: 1em;
}
@media screen and (max-width: 700px) {
  .IMAGE-horizontal-float-left a {
    width: 80%;
  }
}
.IMAGE-horizontal-float-left strong {
  display: inline-block;
  margin-top: 0.25em;
  /*display: inline;
    	margin-top: -0.5em;
    	position: absolute;
    	width: 48%;*/
}
@media screen and (max-width: 650px) {
  .IMAGE-horizontal-float-left strong {
    position: relative;
  }
}
.IMAGE-horizontal-float-left strong + br + a {
  margin-top: 0;
}

/*.IMAGE-horizontal-float-left-small {

}*/
.IMAGE-horizontal-float-right img, .IMAGE-horizontal-float-right video {
  margin: 0 !important;
  padding: 0.5em 0 30px 45px;
  /*padding: 0.5em 0 1.5em 2em;*/
  float: right;
  width: auto;
  max-width: 49%;
}
@media screen and (max-width: 650px) {
  .IMAGE-horizontal-float-right img, .IMAGE-horizontal-float-right video {
    float: none;
    max-width: 100%;
    padding: 0;
  }
}

/*.IMAGE-horizontal-float-right-small {

}*/
.IMAGE-vertical-float-left img {
  margin: 0 !important;
  padding: 0.25em 45px 30px 0;
  /*padding: 0.25em 2em 1.5em 0;*/
  float: left;
  width: auto;
  max-width: 49%;
}
@media screen and (max-width: 500px) {
  .IMAGE-vertical-float-left img {
    float: none;
    max-width: 100%;
    padding-right: 0;
  }
}

.IMAGE-vertical-float-left-small img {
  margin: 0 !important;
  padding: 0.25em 45px 30px 0;
  /*padding: 0.25em 2em 1.5em 0;*/
  float: left;
  width: auto;
  max-width: 30%;
}
@media screen and (max-width: 500px) {
  .IMAGE-vertical-float-left-small img {
    float: none;
    max-width: 100%;
    padding-right: 0;
  }
}

.IMAGE-vertical-float-right img {
  margin: 0 !important;
  padding: 0.25em 0 30px 45px;
  /*padding: 0.25em 0 1.5em 2em;*/
  float: right;
  width: auto;
  max-width: 49%;
}
@media screen and (max-width: 500px) {
  .IMAGE-vertical-float-right img {
    float: none;
    max-width: 100%;
    padding-left: 0;
  }
}

.IMAGE-vertical-float-right-small img {
  margin: 0 !important;
  padding: 0.25em 0 30px 45px;
  /*padding: 0.25em 0 1.5em 2em;*/
  float: right;
  width: auto;
  max-width: 30%;
}
@media screen and (max-width: 500px) {
  .IMAGE-vertical-float-right-small img {
    float: none;
    max-width: 100%;
    padding-left: 0;
  }
}

.IMAGE-grid {
  float: left;
  width: 48%;
  margin: 1em 0 0.5em 0;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 650px) {
  .IMAGE-grid {
    float: none;
    width: 100%;
  }
}
.IMAGE-grid a {
  text-decoration: none;
}
.IMAGE-grid p {
  margin: 0;
  position: relative;
}
.IMAGE-grid p img {
  margin: 0 !important;
  width: 100%;
}

.IMAGE-text-grid {
  float: left;
  /*width: 30%;*/
  width: 48%;
  margin: 1em 0 0.5em 0;
  text-align: center;
  position: relative;
  /*&:before {
  	content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(191, 87, 0, 0.6);
      -moz-transition: background .3s linear;
      -webkit-transition: background .3s linear;
      -o-transition: background .3s linear;
      transition: background .3s linear;
  }*/
}
@media screen and (max-width: 650px) {
  .IMAGE-text-grid {
    float: none;
    width: 100%;
  }
}
.IMAGE-text-grid a {
  text-decoration: none;
}
.IMAGE-text-grid p {
  margin: 0;
  position: relative;
}
.IMAGE-text-grid p img {
  margin: 0 !important;
  width: 100%;
}
.IMAGE-text-grid p:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: rgba(191, 87, 0, 0.6);*/
  background: rgba(51, 63, 72, 0.4);
  -moz-transition: background 0.3s linear;
  -webkit-transition: background 0.3s linear;
  -o-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.IMAGE-text-grid .large-H6 {
  /*margin: -7em auto 0 auto !important;*/
  color: #ffffff !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 90%;
  left: 0;
  padding: 0 5%;
}
.IMAGE-text-grid .apply-now {
  margin: -12em auto 0 auto !important;
  position: relative;
}
.IMAGE-text-grid .apply-now a {
  font-size: 1.25em;
}
@media screen and (max-width: 1280px) {
  .IMAGE-text-grid .apply-now a {
    font-size: 1em;
  }
}
@media screen and (max-width: 1600px) {
  .IMAGE-text-grid .apply-now {
    margin-top: -10em !important;
  }
}
@media screen and (max-width: 1280px) {
  .IMAGE-text-grid .apply-now {
    margin-top: -9em !important;
  }
}
@media screen and (max-width: 1100px) {
  .IMAGE-text-grid .apply-now {
    margin-top: -8em !important;
  }
}
@media screen and (min-width: 2000px) {
  .IMAGE-text-grid .apply-now {
    margin-top: -15em !important;
  }
}
.IMAGE-text-grid .apply-now:hover a, .IMAGE-text-grid .apply-now:active a {
  color: #ffffff !important;
}

.IMAGE-text-grid:nth-of-type(2n+1), .IMAGE-grid:nth-of-type(2n+1) {
  padding-right: 2%;
}
@media screen and (max-width: 650px) {
  .IMAGE-text-grid:nth-of-type(2n+1), .IMAGE-grid:nth-of-type(2n+1) {
    padding-right: 0;
  }
}

.IMAGE-text-grid:nth-of-type(2n+2), .IMAGE-grid:nth-of-type(2n+2) {
  padding: 0 1%;
}
@media screen and (max-width: 650px) {
  .IMAGE-text-grid:nth-of-type(2n+2), .IMAGE-grid:nth-of-type(2n+2) {
    padding: 0;
  }
}

.IMAGE-text-grid:nth-of-type(2n+3), .IMAGE-grid:nth-of-type(2n+3) {
  clear: left;
}

.IMAGE-grid {
  float: left;
  width: 48%;
  margin: 1em 0 0.5em 0;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 650px) {
  .IMAGE-grid {
    float: none;
    width: 100%;
  }
}

/*.IMAGE-text-grid:nth-of-type(3n+1) {
	padding-right: 2%;
}

.IMAGE-text-grid:nth-of-type(3n+2) {
	padding: 0 1%;
}

.IMAGE-text-grid:nth-of-type(3n+3) {
	padding-left: 2%;
}

.IMAGE-text-grid:nth-of-type(3n+4) {
	clear: left;
}*/
.caption {
  /*font-weight: 600;*/
  font-size: 0.8em;
  /*line-height: 1em;*/
  color: #333f48;
  font-family: "BentonSansCond-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

div.caption-div {
  width: 12%;
  position: absolute;
  left: 10%;
  margin-top: 1em;
}
@media screen and (max-width: 1000px) {
  div.caption-div {
    display: none;
    /*position: unset;
    width: 100%;
    margin-top: -2em;*/
  }
}
div.caption-div .caption-title {
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
}
div.caption-div .caption-title a {
  color: #bf5700;
  text-decoration: none;
}
div.caption-div .caption-text {
  font-family: "GTSectra-Italic", serif;
  font-size: 0.9em;
  letter-spacing: 0.01em;
}

div.caption-div:after {
  content: "";
  display: block;
  width: 30%;
  border-bottom: 2px solid #bf5700;
  /*@media screen and (max-width: $width-laptop) {
  	display: none;
  }*/
}

.callout-grey {
  background-color: #E8E9E9;
  color: #333f48;
  padding: 50px;
  margin-top: 2em;
}
.callout-grey h1, .callout-grey h2, .callout-grey h3, .callout-grey h4, .callout-grey h5 {
  margin-top: 0;
}
.callout-grey a {
  color: #aa4400;
}

.callout-orange-indent {
  border-left: 3px solid #bf5700;
  padding-left: 20px;
}

.list-border {
  padding-top: 2em;
  clear: both;
}
.list-border ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-border ul li {
  padding: 1em 0;
  margin: 0;
  border-top: 2px solid #E8E9E9;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
}
.list-border ul li a {
  text-decoration: none;
}
.list-border ul li a:hover {
  text-decoration: underline;
}

.image-text-header {
  max-width: 1000px;
  padding-bottom: 1em;
  margin-bottom: 2em;
  border-bottom: 2px solid #E8E9E9;
}
.image-text-header img {
  width: 100%;
}

.blockquote {
  font-family: "GTSectra", "Georgia", serif;
  font-size: 1.55em;
  color: #bf5700;
  padding-bottom: 1.75em;
  border-bottom: 2px solid #E8E9E9;
  margin-bottom: 1.75em;
  line-height: 1.25em;
}
.blockquote:before {
  content: "“";
}
.blockquote:after {
  content: "”";
}

.blockquote-attribute p:nth-of-type(1) {
  font-family: "GTSectra", "Georgia", serif;
  font-size: 1.55em;
  color: #bf5700;
  line-height: 1.25em;
}
.blockquote-attribute p:nth-of-type(1):before {
  content: "“";
}
.blockquote-attribute p:nth-of-type(1):after {
  content: "”";
}
.blockquote-attribute p:nth-of-type(2) {
  border-bottom: 2px solid #E8E9E9;
  margin: -1em 0 2em 0;
  padding-bottom: 2em;
  color: #bf5700;
  font-size: 1em;
  font-family: "GTSectra", "Georgia", serif;
  text-align: right;
}

.large-H6 {
  font-size: 20px !important;
  /*color: $color-subhead !important;*/
  padding: 1em 0 0;
}

/*expand collapse*/
.expand {
  display: none;
}

.switch a {
  text-decoration: none;
}
.switch a:before {
  content: "▶︎";
  color: #bf5700;
  margin-right: 0.5em;
}
.switch a.active:before {
  content: " ▼";
}

/*end expand collapse*/
.pagination, .search-pagination {
  margin-bottom: 4em;
  margin-top: 4em;
  padding-top: 3em;
  border-top: 2px solid #E8E9E9;
}
.pagination .counter, .search-pagination .counter {
  display: none;
}
.pagination .pagination-start, .pagination .pagination-prev, .pagination .pagination-next, .pagination .pagination-end, .search-pagination .pagination-start, .search-pagination .pagination-prev, .search-pagination .pagination-next, .search-pagination .pagination-end {
  text-transform: uppercase;
  color: #bf5700;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}
.pagination ul, .search-pagination ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border-top: none;
}
.pagination ul li, .search-pagination ul li {
  float: left;
  /*margin: 0 1em;*/
  margin: 0 2.5%;
}
.pagination ul li a, .search-pagination ul li a {
  text-decoration: none;
}
.pagination ul li:first-of-type, .search-pagination ul li:first-of-type {
  margin-left: 0;
}
.pagination ul li:last-of-type, .search-pagination ul li:last-of-type {
  margin-right: 0;
}

.keep-reading a:hover, .keep-reading a:active {
  cursor: pointer;
}
.keep-reading a::after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}

.custom-showmore {
  text-align: center;
  margin: 0 5%;
  width: 100%;
}
.custom-showmore p {
  margin: 2em auto 3em auto;
}
.custom-showmore p a {
  padding: 1em 15em;
}

[class*=button-] {
  /*margin: 2em 1em 3em 0;*/
  margin: 1em 1em 1.5em 0;
  display: inline-flex;
  position: relative;
  z-index: 1;
  /*display: inline-block;*/
}
@media screen and (max-width: 500px) {
  [class*=button-] {
    margin-bottom: 1em;
  }
}
[class*=button-] a {
  z-index: 999;
}

.button-sm-orange a, .button-sm-orange input {
  color: #ffffff;
  background: #bf5700;
  padding: 1em 1em;
  font-size: 0.75em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  /*border-style: none;*/
}
@media screen and (max-width: 500px) {
  .button-sm-orange a, .button-sm-orange input {
    padding: 1em;
  }
}

.button-sm-orange-inv a, .button-sm-orange-inv input {
  color: #bf5700;
  background: #ffffff;
  border: 1px solid #E8E9E9;
  padding: 1em 1em;
  font-size: 0.75em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  /*border-style: none;*/
}
@media screen and (max-width: 500px) {
  .button-sm-orange-inv a, .button-sm-orange-inv input {
    padding: 1em;
  }
}

.button-med-orange a, .button-med-orange input {
  color: #ffffff;
  background: #bf5700;
  padding: 1em 2em;
  font-size: 0.9em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  /*border-style: none;*/
}
@media screen and (max-width: 500px) {
  .button-med-orange a, .button-med-orange input {
    padding: 1em;
  }
}

.button-med-orange-inv a, .button-med-orange-inv input {
  color: #bf5700;
  background: #ffffff;
  border: 1px solid #E8E9E9;
  padding: 1em 2em;
  font-size: 0.9em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  /*border-style: none;*/
}
@media screen and (max-width: 500px) {
  .button-med-orange-inv a, .button-med-orange-inv input {
    padding: 1em;
  }
}

.button-lg-orange a, .button-lg-orange input {
  color: #ffffff;
  background: #bf5700;
  padding: 1.25em 3em;
  font-size: 0.9em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  /*border-style: none;*/
}
@media screen and (max-width: 500px) {
  .button-lg-orange a, .button-lg-orange input {
    padding: 1em;
  }
}

.button-lg-orange-inv a, .button-lg-orange-inv input {
  color: #bf5700;
  background: #ffffff;
  border: 1px solid #E8E9E9;
  padding: 1.25em 3em;
  font-size: 0.9em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  /*border-style: none;*/
}
@media screen and (max-width: 500px) {
  .button-lg-orange-inv a, .button-lg-orange-inv input {
    padding: 1em;
  }
}

.button-cta-orange {
  color: #ffffff;
  background: #bf5700;
  border-radius: 5px;
  min-height: 98px;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  padding-top: 1em;
}
.button-cta-orange p:first-of-type {
  float: left;
  padding-left: 2em;
  width: 40%;
}
.button-cta-orange p[class*=button-] {
  float: right;
  padding: 0 2em;
}

.button-cta-orange-inv a {
  color: #bf5700;
  background: #ffffff;
  border: 1px solid #E8E9E9;
  border-radius: 5px;
}

.button-cta-icon {
  color: #ffffff;
  background: #bf5700;
  border-radius: 5px;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  padding: 1em 2em 1em 1.5em;
  max-width: 60%;
  position: relative;
}
.button-cta-icon p:last-of-type {
  margin-left: 100px;
}
.button-cta-icon img {
  width: 80px;
  height: 80px;
  margin: 0;
  top: 20%;
  transform: translateY(0%);
  position: absolute;
}

[class*=button-] a:hover, [class*=button-] a:active {
  background-color: #aa4400;
}

[class*=inv] a:hover, [class*=inv] a:active {
  background-color: #bf5700;
  color: #ffffff;
}

/** {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
}*/
@font-face {
  font-family: BentonSans-Black;
  src: url("/templates/battery-2020/BentonSans/BentonSans-Black.otf") format("truetype");
}
@font-face {
  font-family: BentonSans-Bold;
  src: url("/templates/battery-2020/BentonSans/BentonSans-Bold.otf") format("truetype");
}
@font-face {
  font-family: BentonSans-Regular;
  src: url("/templates/battery-2020/BentonSans/BentonSans-Regular.otf") format("truetype");
}
@font-face {
  font-family: BentonSansCond-Bold;
  src: url("/templates/battery-2020/BentonSansCondensed/BentonSansCond-Bold.otf") format("truetype");
}
@font-face {
  font-family: GTSectra;
  src: url("/templates/battery-2020/GT-Sectra/GT-Sectra-Book.otf") format("truetype");
}
@font-face {
  font-family: GTSectra-Italic;
  src: url("/templates/battery-2020/GT-Sectra/GT-Sectra-Book-Italic.otf") format("truetype");
}
h1 {
  font-weight: 900;
  font-size: 4em;
  /*line-height: 4em;*/
  color: #333f48;
  font-family: "BentonSans-Black", arial, helvetica, sans-serif;
  /*margin-bottom: 1em;*/
  font-size: 5em !important;
}
@media screen and (max-width: 500px) {
  h1 {
    font-size: 2.75em !important;
    margin-top: 0;
  }
}

h2 {
  font-weight: 700;
  font-size: 3.5em;
  /*line-height: 3.5em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  /*margin-bottom: 1em;*/
  /*@media screen and (max-width: $width-small) {
  	letter-spacing: .01em;
  }*/
}
@media screen and (max-width: 650px) {
  h2 {
    font-size: 2.5em;
    margin: 0.5em 0;
  }
}

h3 {
  font-weight: 600;
  font-size: 2.25em;
  /*line-height: 2.5em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
}

h4 {
  font-weight: 600;
  font-size: 1.5em;
  margin-bottom: 0.75em;
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
}
@media screen and (max-width: 650px) {
  h4 {
    font-size: 1em;
  }
}

h5 {
  font-weight: unset;
  font-size: 1em;
  /*line-height: 1em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
}

h6 {
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
}
h6 a {
  color: #bf5700;
  text-decoration: none;
}

div.tooltip, .blog-featured {
  display: none !important;
}

@media screen and (max-width: 650px) {
  table tbody tr:first-child {
    display: block;
  }
}
table tbody tr td:first-child {
  font-family: "BentonSans-Regular", arial, helvetica, sans-serif !important;
}
@media screen and (max-width: 650px) {
  table tbody tr p {
    margin: 0;
  }
}

.plusminus::before {
  content: "±";
  font-family: "Arial";
}

figure {
  margin: 1em 0 0 0;
}

figcaption {
  font-size: 0.9em;
  font-style: italic;
}

figure.IMAGE-horizontal-float-left {
  padding: 0 2.2em 1.5em 0;
  max-width: 49%;
  float: left;
  margin-top: 1em;
}
@media screen and (max-width: 650px) {
  figure.IMAGE-horizontal-float-left {
    padding-right: 0;
    max-width: unset;
    float: none;
  }
}
figure.IMAGE-horizontal-float-left img {
  max-width: 100%;
}

figure.IMAGE-vertical-float-left {
  padding: 0 1.5em 1.5em 0;
  max-width: 49%;
  float: left;
}
@media screen and (max-width: 650px) {
  figure.IMAGE-vertical-float-left {
    padding-right: 0;
    max-width: unset;
    float: none;
  }
}
figure.IMAGE-vertical-float-left img {
  max-width: 100%;
}

figure.IMAGE-horizontal-float-right {
  padding: 0 0 1.5em 2.2em;
  max-width: 49%;
  float: right;
  margin-top: 1em;
}
@media screen and (max-width: 650px) {
  figure.IMAGE-horizontal-float-right {
    padding-left: 0;
    max-width: unset;
    float: none;
  }
}
figure.IMAGE-horizontal-float-right img {
  max-width: 100%;
}

figure.IMAGE-vertical-float-right {
  padding: 0 0 1.5em 2.2em;
  max-width: 49%;
  float: right;
}
@media screen and (max-width: 650px) {
  figure.IMAGE-vertical-float-right {
    padding-left: 0;
    max-width: unset;
    float: none;
  }
}
figure.IMAGE-vertical-float-right img {
  max-width: 100%;
}

figure.IMAGE-vertical-float-left-small, figure.IMAGE-horizontal-float-left-small {
  padding: 0 2.2em 1.5em 0;
  max-width: 30%;
  float: left;
  margin: 0;
}
@media screen and (max-width: 650px) {
  figure.IMAGE-vertical-float-left-small, figure.IMAGE-horizontal-float-left-small {
    padding-right: 0;
    max-width: unset;
    float: none;
  }
}
figure.IMAGE-vertical-float-left-small img, figure.IMAGE-horizontal-float-left-small img {
  max-width: 100%;
}

figure.IMAGE-vertical-float-right-small, figure.IMAGE-horizontal-float-right-small {
  padding: 0 0 1.5em 2.2em;
  max-width: 30%;
  float: right;
  margin: 0;
}
@media screen and (max-width: 650px) {
  figure.IMAGE-vertical-float-right-small, figure.IMAGE-horizontal-float-right-small {
    padding-left: 0;
    max-width: unset;
    float: none;
  }
}
figure.IMAGE-vertical-float-right-small img, figure.IMAGE-horizontal-float-right-small img {
  max-width: 100%;
}

figure.IMAGE-full-column {
  padding: 0 0 1.5em 0;
  float: left;
}

@media screen and (max-width: 1000px) {
  #header {
    background-color: #333f48;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
  }
}
#header .-batterylogo {
  margin: 2em 0 2em 8%;
  text-align: left;
  width: 550px;
  cursor: pointer;
  float: left;
}
@media screen and (max-width: 1015px) {
  #header .-batterylogo {
    width: 525px;
  }
}
@media screen and (max-width: 800px) {
  #header .-batterylogo {
    width: 450px;
  }
}
@media screen and (max-width: 650px) {
  #header .-batterylogo {
    width: 375px;
  }
}
@media screen and (max-width: 450px) {
  #header .-batterylogo {
    width: 325px;
  }
}
@media screen and (max-width: 380px) {
  #header .-batterylogo {
    width: 295px;
  }
}
#header .form-search {
  width: 300px;
  margin: 4em 8% 0 0;
  float: right;
}
@media screen and (max-width: 1000px) {
  #header .form-search {
    display: none;
  }
}
#header .form-search .input-group {
  float: right;
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 20px;
  width: 100%;
}
#header .form-search .input-group #mod-finder-searchword97 {
  border: 0;
  outline: 0;
  width: 92%;
  height: 40px;
  padding: 0px 0 0px 15px;
  font-size: 14px;
  background-color: #ffffff;
}
#header .form-search .input-group button {
  position: absolute;
  top: 10px;
  right: 15px;
  height: 20px;
  width: 20px;
  border: none;
  font-size: 0.8em;
  letter-spacing: 0.05em;
  cursor: pointer;
  background: url("/templates/battery-2020/images/search-3-white.svg") no-repeat center/contain;
}
#header .form-search .input-group label {
  position: fixed;
  right: -9999px;
}

#mainnav {
  background-color: #333f48;
}
#mainnav ul.mod-menu {
  list-style-type: none;
  margin: 3em 0 0 0;
  padding: 0;
  text-align: center;
  clear: both;
  border-bottom: 2px solid #E8E9E9;
  background-color: #ffffff;
}
@media screen and (max-width: 1000px) {
  #mainnav ul.mod-menu {
    display: none;
  }
}
#mainnav ul.mod-menu li {
  text-transform: uppercase;
  margin: 0 1em;
  position: relative;
  display: inline-block;
  padding: 1em 1%;
  font-size: 0.9em;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  line-height: 1.5em;
}
@media screen and (max-width: 1615px) {
  #mainnav ul.mod-menu li {
    margin: 0;
  }
}
@media screen and (max-width: 1195px) {
  #mainnav ul.mod-menu li {
    font-size: 0.8em;
  }
}
#mainnav ul.mod-menu li a {
  text-decoration: none;
  color: #333f48;
  padding: 1em;
}
#mainnav ul.mod-menu li ul.mod-menu__sub {
  display: none;
}
#mainnav ul.mod-menu li ul.mod-menu__sub li.item-142, #mainnav ul.mod-menu li ul.mod-menu__sub li.item-143, #mainnav ul.mod-menu li ul.mod-menu__sub li.item-144 {
  display: none;
}
@media screen and (max-width: 1000px) {
  #mainnav ul.mod-menu li ul.mod-menu__sub li.item-142, #mainnav ul.mod-menu li ul.mod-menu__sub li.item-143, #mainnav ul.mod-menu li ul.mod-menu__sub li.item-144 {
    display: block;
  }
}
#mainnav ul.mod-menu li.item-101 {
  display: none;
}
@media screen and (max-width: 1000px) {
  #mainnav ul.mod-menu li.item-101 {
    display: block;
  }
}
#mainnav ul.mod-menu li.active a {
  color: #bf5700;
}
#mainnav .-mobilenav {
  display: none;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav {
    display: inline-block;
    padding: 0.25em 0.75em;
    background-color: #bf5700;
    position: absolute;
    cursor: pointer;
    top: 50px;
    right: 75px;
    left: unset;
    z-index: 999;
  }
}
@media screen and (max-width: 650px) {
  #mainnav .-mobilenav {
    right: 50px;
  }
}
@media screen and (max-width: 500px) {
  #mainnav .-mobilenav {
    width: 22px;
    top: 55px;
  }
}
#mainnav .-mobilenav span {
  font-size: 2em;
  color: #ffffff;
  font-family: "BentonSans-Regular", arial, helvetica, sans-serif;
}
#mainnav .-mobilenav h3 {
  font-size: 2em;
  color: #ffffff;
  font-family: "BentonSans-Regular", arial, helvetica, sans-serif;
  margin: 0 0 0.6em 0;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav h3 {
    margin: 0;
  }
}
@media screen and (max-width: 500px) {
  #mainnav .-mobilenav h3 {
    font-size: 1.5em;
  }
}
#mainnav .-mobilenav .-mobile {
  display: none;
  position: absolute;
  right: 0;
  text-align: left;
  width: 50%;
  border-bottom: 2px solid #E8E9E9;
  list-style-type: none;
  margin: 4.54em 0 0 0;
  z-index: 999;
  padding: 0;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav .-mobile {
    width: 400px;
    margin-top: 5.65em;
    background: #bf5700;
    border-bottom: none;
    font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
    right: -75px;
  }
}
@media screen and (max-width: 800px) {
  #mainnav .-mobilenav .-mobile {
    margin-top: 4.8em;
  }
}
@media screen and (max-width: 650px) {
  #mainnav .-mobilenav .-mobile {
    margin-top: 4em;
  }
}
@media screen and (max-width: 500px) {
  #mainnav .-mobilenav .-mobile {
    margin-top: 4.4em;
  }
}
@media screen and (max-width: 420px) {
  #mainnav .-mobilenav .-mobile {
    margin-top: 3.8em;
  }
}
@media screen and (max-width: 380px) {
  #mainnav .-mobilenav .-mobile {
    margin-top: 3.5em;
  }
}
#mainnav .-mobilenav .-mobile li {
  border-top: 2px solid #E8E9E9;
  padding: 1.25em 2em;
  margin: 0;
  display: block;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav .-mobile li {
    border-bottom: 2px solid #E8E9E9;
    border-top: none;
  }
}
@media screen and (max-width: 650px) {
  #mainnav .-mobilenav .-mobile li {
    /*width: 72%;
    min-height: unset;*/
  }
}
#mainnav .-mobilenav .-mobile li a {
  color: #797A7C;
  text-decoration: none;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav .-mobile li a {
    color: #ffffff;
  }
}
#mainnav .-mobilenav .-mobile li ul.mod-menu__sub {
  margin: 1em 0 -0.25em -1em;
  list-style-type: none;
  padding: 0;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav .-mobile li ul.mod-menu__sub {
    margin-bottom: 1em;
  }
}
#mainnav .-mobilenav .-mobile li ul.mod-menu__sub li {
  border: none;
  padding-left: 2.75em;
  font-size: 0.9em;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav .-mobile li ul.mod-menu__sub li {
    padding: 0.5em 0 0.5em 1.1em;
    width: 100%;
    float: none;
    margin: 0;
    font-family: "BentonSans-Regular", arial, helvetica, sans-serif;
  }
}
@media screen and (max-width: 650px) {
  #mainnav .-mobilenav .-mobile li ul.mod-menu__sub li {
    font-size: 0.8em;
  }
}
#mainnav .-mobilenav .-mobile li ul.mod-menu__sub li a {
  text-transform: none;
}
#mainnav .-mobilenav .-mobile li:nth-of-type(1) {
  border-bottom: none;
}
#mainnav .-mobilenav .-mobile li:nth-of-type(2) {
  border-top: 2px solid #E8E9E9;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav .-mobile li a {
    text-transform: uppercase;
  }
}
#mainnav .-mobilenav .-mobile li.active a {
  color: #ffffff;
}
#mainnav .-mobilenav .-mobile li.searchmobile {
  width: 90%;
  float: none;
  min-height: unset;
  /*    			border-bottom: 2px solid #ffffff;*/
}
@media screen and (max-width: 650px) {
  #mainnav .-mobilenav .-mobile li.searchmobile {
    width: 72%;
  }
}
#mainnav .-mobilenav .-mobile li.searchmobile label {
  display: none;
}
#mainnav .-mobilenav .-mobile li.searchmobile input {
  border-radius: 40px;
  height: 40px;
  padding-left: 10px;
  background-color: #bf5700;
  color: #ffffff;
  font-size: 0.85em;
  width: 90%;
}
#mainnav .-mobilenav .-mobile li.searchmobile input::placeholder {
  color: #ffffff;
  opacity: 1;
  padding-left: 10px;
}
#mainnav .-mobilenav .-mobile li.searchmobile input.searchbox-submit {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 15px;
  right: 10px;
  text-indent: -9999px;
  cursor: pointer;
  background: url("/templates/battery-2020/images/search-4-orange-ko-2.svg") no-repeat center/contain;
}
#mainnav .-mobilenav .-mobile li.shortcutmobile {
  border-bottom: none;
  padding: 0 1.25em 0 1.75em;
  font-size: 1.15em;
}
#mainnav .-mobilenav .-mobile li.shortcutmobile ul {
  display: block;
  font-size: 1.1em;
  text-align: left;
  margin: 0;
}
@media screen and (max-width: 650px) {
  #mainnav .-mobilenav .-mobile li.shortcutmobile ul {
    float: none;
  }
}
#mainnav .-mobilenav .-mobile li.shortcutmobile ul li {
  width: 97%;
  float: none;
  margin: 0 0 0 -2em;
}
#mainnav .-mobilenav .-mobile li.shortcutmobile ul li a {
  padding: 0;
}
#mainnav .-mobilenav .-mobile li.shortcutmobile ul li ul {
  margin-left: 0.75em;
}
#mainnav .-mobilenav .-mobile li.shortcutmobile ul li.active a {
  border-bottom: none;
  color: #ffffff !important;
}
#mainnav .-mobilenav .-mobile li.parent.active {
  background: #bf5700;
  padding-bottom: 1em;
}
@media screen and (max-width: 1000px) {
  #mainnav .-mobilenav .-mobile li.parent.active {
    padding-bottom: 0.5em;
  }
}
#mainnav .-mobilenav .-mobile li.parent.active a {
  color: #ffffff;
}
#mainnav .-mobilenav .-mobile .finder-search {
  display: contents;
  margin-top: -0.5em;
  margin-bottom: 0.7em;
}
#mainnav .-mobilenav .-mobile .finder-search label {
  display: block;
  float: left;
  margin: 0.5em 1em 0 0;
}
#mainnav .-mobilenav .-mobile .finder-search input {
  border: 2px solid #E8E9E9;
  border-bottom-right-radius: 40px;
  border-top-right-radius: 40px;
}
@media screen and (max-width: 800px) {
  #mainnav .-mobilenav .-mobile .finder-search input {
    width: 100% !important;
  }
}
#mainnav .-mobilenav .-mobile .finder-search button {
  display: none;
}

#wrapper #content .blog-featured_home {
  display: none;
}
#wrapper #content .finder #search-form {
  clear: both;
}
@keyframes zoominout {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
#wrapper #content #position-1 .-herovideo {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-bottom: 46.75%;*/
  height: 0;
  overflow: hidden;
  width: 100%;
  /*@media screen and (max-width: $width-desktop) {
     	padding-bottom: 40%;
     }*/
}
@media screen and (max-width: 815px) {
  #wrapper #content #position-1 .-herovideo {
    padding-bottom: 50%;
    background: url("/images/banners/batteries-home-image-tablet.jpg") no-repeat center;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-1 .-herovideo {
    padding-bottom: 90%;
    background: url("/images/banners/batteries-home-image.jpg") no-repeat center;
  }
}
#wrapper #content #position-1 .-herovideo .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background: linear-gradient(to top right, #333f48, #bf5700);
  opacity: 0.6;
}
#wrapper #content #position-1 .-herovideo video {
  position: absolute;
  min-height: 100%;
  min-width: 100%;
  z-index: 1;
  transition: 2s opacity;
  height: 100%;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-1 .-herovideo video {
    display: none;
  }
}
#wrapper #content #position-1 .-herovideo .hero-text {
  position: absolute;
  top: 25%;
  left: 8%;
  color: #ffffff;
  z-index: 3;
  width: 90%;
  /* @media screen and (max-width: 1400px) {
       top: 8%;    
   }

   @media screen and (max-width: 1300px) {
       top: 6%;    
   }*/
}
@media screen and (max-width: 815px) {
  #wrapper #content #position-1 .-herovideo .hero-text {
    top: 15%;
  }
}
@media screen and (max-width: 380px) {
  #wrapper #content #position-1 .-herovideo .hero-text {
    top: 8%;
  }
}
#wrapper #content #position-1 .-herovideo .hero-text h1 {
  /*position: absolute;
     top: 25%;
     left: 10%;*/
  color: #ffffff;
  /*z-index: 3;*/
  font-size: 4em !important;
  /*line-height: 1.25em;
  margin: 0;*/
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
  line-height: 1em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 2200px) {
  #wrapper #content #position-1 .-herovideo .hero-text h1 {
    font-size: 7em !important;
  }
}
@media screen and (min-width: 1600px) {
  #wrapper #content #position-1 .-herovideo .hero-text h1 {
    font-size: 5em !important;
  }
}
@media screen and (max-width: 1180px) {
  #wrapper #content #position-1 .-herovideo .hero-text h1 {
    font-size: 3em !important;
  }
}
@media screen and (max-width: 930px) {
  #wrapper #content #position-1 .-herovideo .hero-text h1 {
    font-size: 2.5em !important;
  }
}
@media screen and (max-width: 770px) {
  #wrapper #content #position-1 .-herovideo .hero-text h1 {
    font-size: 2em !important;
  }
}
@media screen and (max-width: 380px) {
  #wrapper #content #position-1 .-herovideo .hero-text h1 {
    font-size: 1.5em !important;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #position-1 .-herovideo .hero-text .button-lg-orange a {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 820px) {
  #wrapper #content #position-1 .-herovideo .hero-text .button-lg-orange a {
    font-size: 0.7em;
  }
}
@media screen and (max-width: 500px) {
  #wrapper #content #position-1 .-herovideo .hero-text .button-lg-orange a {
    padding: 1em 1em;
  }
}
#wrapper #content #position-1 .-hero {
  position: relative;
  overflow: hidden;
}
#wrapper #content #position-1 .-hero .home-hero {
  position: relative;
  /*padding-bottom: 37.5%;*/
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%;
  /*h1 {
      text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
                     line-height: 1em;
                     margin-bottom: 0;
      text-align: center;

      @media screen and (max-width: 1200px) {
      	font-size: 4em !important;
      }
      @media screen and (max-width: $width-laptop) {
      	font-size: 3em !important;
      }
      @media screen and (max-width: $width-medium) {
      	font-size: 2.5em !important;
      }
  }*/
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-1 .-hero .home-hero {
    padding-bottom: 55%;
  }
}
#wrapper #content #position-1 .-hero .home-hero .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(to top right, #333f48, #bf5700);
  opacity: 0.4;
}
#wrapper #content #position-1 .-hero .home-hero img {
  width: 100%;
  height: auto;
  /*animation: zoominout 25s infinite;*/
}
#wrapper #content #position-1 .-hero .home-hero .hero-text {
  position: absolute;
  top: 25%;
  left: 10%;
  /*max-width: 550px;*/
  color: #ffffff;
  z-index: 3;
  width: 90%;
  /*@media screen and (min-width: 2200px) {
  	top: 18%;
  }*/
  /*@media screen and (min-width: 1601px) {
  	top: 18%;
  }*/
  /*@media screen and (max-width: 1600px) {
  	top: 7%;
  }*/
  /*@media screen and (max-width: 1480px) {
  	left: 5%;
  	top: 12%;
  }*/
  /*@media screen and (max-width: 1200px) {
  	top: 8%;
  }*/
  /*@media screen and (max-width: $width-medium) {
  	top: 10%;
  }

  @media screen and (max-width: 675px) {
  	top: 6%;
  }

  @media screen and (max-width: $width-small) {
  	top: 9%;
  }

  @media screen and (max-width: $width-xsmall) {
  	top: 15%;
  }*/
}
#wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
  color: #ffffff;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
  max-width: 65%;
  line-height: 1em;
  margin-bottom: 0;
  font-size: 4.5em !important;
  /*@media screen and (max-width: 1150px) {
  	font-size: 2.5em !important;
  }*/
}
#wrapper #content #position-1 .-hero .home-hero .hero-text h1 span {
  font-size: 0.4em;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  text-transform: uppercase;
  line-height: 1.75em;
}
@media screen and (min-width: 1860px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    font-size: 5.5em !important;
  }
}
@media screen and (min-width: 2200px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    font-size: 6.5em !important;
  }
}
@media screen and (max-width: 1320px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    font-size: 3.5em !important;
  }
}
@media screen and (max-width: 950px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    font-size: 2.75em !important;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    font-size: 2em !important;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    max-width: 80%;
  }
}
@media screen and (max-width: 500px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    max-width: 85%;
    font-size: 1.75em !important;
  }
}
@media screen and (max-width: 375px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    font-size: 1.5em !important;
  }
}
@media screen and (max-width: 330px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text h1 {
    font-size: 1em !important;
  }
}
#wrapper #content #position-1 .-hero .home-hero .hero-text p {
  max-width: 55%;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1700px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text p {
    font-size: 1.5em;
    max-width: 45%;
  }
}
@media screen and (max-width: 1150px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text p {
    max-width: 50%;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text p {
    max-width: 80%;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text p {
    font-size: 0.9em;
  }
}
#wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange, #wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange-inv {
  /*margin-top: 0;*/
}
#wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange a, #wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange-inv a {
  /*@media screen and (max-width: $width-xsmall) {
  	padding: .75em;
  }*/
}
@media screen and (max-width: 1000px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange a, #wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange-inv a {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 700px) {
  #wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange a, #wrapper #content #position-1 .-hero .home-hero .hero-text .button-lg-orange-inv a {
    font-size: 0.5em;
  }
}
#wrapper #content #position-1 .moduletable-landing {
  display: block;
  margin: 3em auto;
  text-align: center;
}
#wrapper #content #position-1 .moduletable-landing .landing-hero {
  position: relative;
  display: inline-block;
}
#wrapper #content #position-1 .moduletable-landing .landing-hero .overlay {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(to top right, #333f48, #bf5700);
  opacity: 0.6;
}
#wrapper #content #position-1 .moduletable-landing .landing-hero img {
  max-width: 1000px;
  width: 100%;
}
#wrapper #content #position-1 .moduletable-landing .landing-hero h3 {
  position: absolute;
  top: 37%;
  z-index: 3;
  text-shadow: 2px 2px rgba(0, 0, 0, 0.4);
  color: #ffffff;
  left: 0;
  right: 0;
}
#wrapper #content #position-1 .-backtotop #back-to-top {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 9999;
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  background: #bf5700;
  color: #ffffff;
  cursor: pointer;
  border: 0;
  border-radius: 2px;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
}
#wrapper #content #position-1 .-backtotop #back-to-top.show {
  opacity: 1;
}
#wrapper #content #position-2 {
  margin: 4em 8% 2em 8%;
  display: inline-block;
  clear: both;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #position-2 {
    margin-top: 2em;
  }
}
#wrapper #content #position-2 .-flex {
  padding: 0;
  width: 30.65%;
  float: left;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-2 .-flex {
    width: 100%;
    float: none;
  }
}
#wrapper #content #position-2 .-flex .flex-image {
  margin-bottom: 1em;
}
#wrapper #content #position-2 .-flex .flex-image img {
  max-width: 100%;
  height: auto;
}
#wrapper #content #position-2 .-flex h6:after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
#wrapper #content #position-2 .-flex.one {
  margin: 1em 2% 0 0;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-2 .-flex.one {
    margin: 1em 0 2em;
  }
}
#wrapper #content #position-2 .-flex.two {
  margin: 1em 2% 0 2%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-2 .-flex.two {
    margin: 1em 0 2em;
  }
}
#wrapper #content #position-2 .-flex.three {
  margin: 1em 0 0 2%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-2 .-flex.three {
    margin: 1em 0 0;
  }
}
#wrapper #content #position-2 #wds-container {
  border: none;
  font-size: 16px;
  font-family: "GTSectra", "Georgia", serif;
  margin-top: 2em;
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-2 #wds-container {
    font-size: 18px;
    margin-top: 0;
  }
}
#wrapper #content #position-2 #wds-container:before {
  content: url("/templates/battery-2020/images/Twitter-logo-orange.svg");
  width: 40px;
  display: block;
  margin-bottom: 1em;
}
#wrapper #content #position-2 #wds-container .wds-tweet-container {
  padding: 0;
  line-height: 1.5em;
}
#wrapper #content #position-2 .-twitterfollow {
  margin-top: 1em;
  clear: both;
  padding-top: 1em;
  border-top: 2px solid #E8E9E9;
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-2 .-twitterfollow {
    border: none;
  }
}
#wrapper #content #position-2 .-twitterfollow h6 {
  display: inline-block;
}
#wrapper #content #position-2 .-twitterfollow h6:after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-3 {
    display: inline-block;
    width: 100%;
  }
}
#wrapper #content #position-3 .custom {
  max-height: 400px;
  background: #bf5700;
  display: inline-block;
  margin: 4em 8%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-3 .custom {
    max-height: unset;
    display: block;
    margin: 2em 8%;
  }
}
#wrapper #content #position-3 .custom .callout-box {
  float: left;
  width: 35%;
  padding: 2em 5%;
  /*@media screen and (max-width: 670px) {
  	padding: 0 5%;
  }*/
}
@media screen and (max-width: 815px) {
  #wrapper #content #position-3 .custom .callout-box {
    padding: 1em 5%;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-3 .custom .callout-box {
    float: none;
    width: 84%;
    padding: 2em 8% 3em;
  }
}
#wrapper #content #position-3 .custom .callout-box h4 {
  color: #ffffff !important;
}
@media screen and (max-width: 1200px) {
  #wrapper #content #position-3 .custom .callout-box h4 {
    margin-top: 0;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #position-3 .custom .callout-box h4 {
    font-size: 1.25em;
  }
}
@media screen and (max-width: 950px) {
  #wrapper #content #position-3 .custom .callout-box p {
    font-size: 15px;
  }
}
#wrapper #content #position-3 .custom .callout-box p, #wrapper #content #position-3 .custom .callout-box h6 a, #wrapper #content #position-3 .custom .callout-box h6 a:after {
  color: #ffffff !important;
}
#wrapper #content #position-3 .custom .callout-image {
  float: left;
  /*width: 55%;*/
  width: calc(55% - 10px);
  border-left: 10px solid #f8971f;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-3 .custom .callout-image {
    float: none;
    width: 100%;
    border-left: none;
  }
}
#wrapper #content #position-3 .custom .callout-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-3 .moduletable-researchcontrols {
    display: none;
  }
}
#wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols {
  position: absolute;
  left: calc(80% + 50px);
  margin: 5em 0 0;
  z-index: 2;
}
@media screen and (max-width: 820px) {
  #wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols {
    left: calc(75% + 50px);
  }
}
@media screen and (max-width: 740px) {
  #wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols {
    left: calc(73% + 50px);
  }
}
#wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls {
  float: right;
  margin: 1em 9% 1em 0;
  width: 100%;
}
@media screen and (max-width: 1280px) {
  #wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls {
    margin-right: 6%;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls {
    margin-right: 10%;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls {
    display: none;
  }
}
@media screen and (min-width: 1600px) {
  #wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls {
    position: absolute;
    top: 21px;
    width: calc(100% + 1189px);
    margin: 0;
    z-index: 0;
  }
}
#wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls #back, #wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls #forward {
  background-color: rgba(191, 87, 0, 0.9);
  border-radius: 30px;
  padding: 0.75em;
}
#wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls #back::after {
  content: "◄";
  color: #ffffff;
  font-size: 0.7em;
  position: relative;
  top: -2px;
  padding: 0 0.5em 0 0.35em;
}
#wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls #forward::after {
  content: "▶︎";
  color: #ffffff;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  padding: 0 0.5em 0 0.75em;
}
#wrapper #content #position-3 .moduletable-researchcontrols .-researchcontrols #controls span:hover {
  cursor: pointer;
}
#wrapper #content #position-3 .moduletable-horizontalscroll {
  background: #E8E9E9;
  margin: 2em 0 4em 0;
  display: inline-block;
  width: 84%;
  padding: 2em 8% 4em 8%;
  overflow-x: hidden;
  /*h4 {
  	margin-left: 8%;
  }*/
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-3 .moduletable-horizontalscroll {
    margin-bottom: 1em;
  }
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container {
  /*overflow: hidden;*/
  width: 3000px;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul {
  list-style-type: none;
  /*margin: 0 0 0 8%;*/
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
  /*width: 1600px;*/
  min-width: 4010px;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li {
  float: left;
  margin: 3em 2em 0 0;
  max-width: 300px;
  position: relative;
}
@media screen and (max-width: 1190px) {
  #wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li {
    max-width: 290px;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li {
    max-width: 280px;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li {
    max-width: 270px;
  }
}
@media screen and (max-width: 768px) {
  #wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li {
    max-width: 260px;
  }
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li p.mod-articles-category-readmore {
  text-transform: uppercase;
  color: #bf5700;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li p.mod-articles-category-readmore:after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li a {
  font-weight: unset;
  font-size: 1em;
  /*line-height: 1em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  text-decoration: none;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li a:hover {
  text-decoration: underline;
  color: #bf5700;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li img {
  width: 100%;
  margin-bottom: 2em;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li .mod-articles-category-readmore a {
  text-transform: uppercase;
  color: #bf5700;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}
#wrapper #content #position-3 .moduletable-horizontalscroll .scroll-container ul li:last-of-type {
  margin-right: 0;
}
#wrapper #content #position-4 {
  /*display: inline-block;*/
  margin: 0 8%;
  /*.moduletable-introtext {
  	display: inline-grid;
      float: left;
      width: 16%;
      margin: 1.1em 8% 0 8%;
  }*/
}
#wrapper #content #position-4 .moduletable.-news ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#wrapper #content #position-4 .moduletable.-news ul li {
  margin: 0 0 3em 0;
  max-width: 1000px;
}
#wrapper #content #position-4 .moduletable.-news ul li .feed-item-date {
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
  margin-bottom: 0.5em;
}
#wrapper #content #position-4 .moduletable.-news ul li .feed-item-date a {
  color: #bf5700;
  text-decoration: none;
}
#wrapper #content #position-4 .moduletable.-news ul li .feed-link {
  font-weight: 600;
  font-size: 1.5em;
  margin-bottom: 0.75em;
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
}
#wrapper #content #position-4 .moduletable.-news ul li .feed-link a {
  text-decoration: none;
  color: #333f48;
}
#wrapper #content #position-4 .moduletable.-news ul li .feed-link a:hover, #wrapper #content #position-4 .moduletable.-news ul li .feed-link a:focus {
  color: #bf5700;
  text-decoration: underline;
}
#wrapper #content #position-4 .moduletable.-news ul li .readmore::after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-4 .moduletable-newshero {
    border-top: 2px solid #E8E9E9;
    /*width: 84%;*/
    margin: 2em 0;
    /*padding: 0 8%;*/
    float: none;
  }
}
#wrapper #content #position-4 .moduletable-newshero .newsflash-newshero figure {
  clear: both;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-4 .moduletable-newshero .newsflash-newshero figure {
    margin: 2.5em 0 0 0;
  }
}
#wrapper #content #position-4 .moduletable-newshero .newsflash-newshero figure img {
  max-width: 400px;
  width: 30%;
  float: right;
  margin: 0.1em 0 4em 3em;
  /*clear: both;*/
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-4 .moduletable-newshero .newsflash-newshero figure img {
    max-width: unset;
    width: 100%;
    float: unset;
    margin: 0;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-4 .moduletable-newshero .newsflash-newshero figure:first-of-type {
    margin-top: 0;
  }
}
#wrapper #content #position-4 .moduletable-newshero .newsflash-newshero .newsflash-title-newshero a {
  text-decoration: none;
  color: #333f48;
}
#wrapper #content #position-4 .moduletable-newshero .newsflash-newshero .newsflash-title-newshero a:hover {
  color: #bf5700;
  text-decoration: underline;
}
#wrapper #content #position-4 .moduletable-newshero .newsflash-newshero .readmore {
  text-transform: uppercase;
  color: #bf5700;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
  display: inline-block;
}
#wrapper #content #position-4 .moduletable-newshero .newsflash-newshero .readmore:after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
#wrapper #content #position-4 .moduletable-numbers {
  /*&:after {
  	border-bottom: none;

                  @media screen and (max-width: $width-small) {
                      border-bottom: $border-grey;
                  }
  }*/
}
#wrapper #content #position-4 .moduletable-numbers:after {
  border-bottom: 2px solid #E8E9E9;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-4 .moduletable-numbers:after {
    border: none;
  }
}
#wrapper #content #position-4 .moduletable-numbers .-numbers {
  width: 100%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-4 .moduletable-numbers .-numbers {
    margin: 0;
  }
}
#wrapper #content #position-4 .moduletable-numbers .-numbers .callout {
  width: 25%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-4 .moduletable-numbers .-numbers .callout {
    width: 100%;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #position-4 .moduletable-numbers .-numbers .callout {
    margin: 0;
  }
}
#wrapper #content #position-4 .moduletable-numbers .-numbers .callout:nth-of-type(1) {
  border-right: none;
  padding-right: 0;
}
#wrapper #content #position-4 .moduletable-numbers .-numbers .callout:nth-of-type(2) {
  border-left: 2px solid #e8e8e9;
  padding-left: 6%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-4 .moduletable-numbers .-numbers .callout:nth-of-type(2) {
    border-left: none;
    padding-left: 0;
  }
}
#wrapper #content #position-4 .moduletable-numbers .-numbers .callout:nth-of-type(3) {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
@media screen and (max-width: 500px) {
  #wrapper #content #position-4 .moduletable-numbers .-numbers .number {
    float: none;
  }
}
#wrapper #content #position-5 {
  display: inline-block;
  border-top: 2px solid #E8E9E9;
  margin-top: 3em;
  padding-top: 2em;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-5 {
    border: none;
    padding-top: 0;
  }
}
#wrapper #content #position-5 .moduletable-introtext {
  display: inline-grid;
  float: left;
  width: 16%;
  margin: 1.1em 8% 0 8%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-5 .moduletable-introtext {
    width: 84%;
    display: inline-block;
    float: unset;
    margin: 0 8% -2em 8%;
  }
}
#wrapper #content #position-5 .moduletable-events {
  display: inline-grid;
  float: left;
  width: 60%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-5 .moduletable-events {
    width: 100%;
    display: inline-block;
    float: unset;
  }
}
#wrapper #content #position-5 .moduletable-events ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#wrapper #content #position-5 .moduletable-events ul li {
  width: 46%;
  float: left;
  margin: 3em 2% 0 2%;
}
#wrapper #content #position-5 .moduletable-events ul li a {
  font-weight: 600;
  font-size: 1.5em;
  margin-bottom: 0.75em;
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  text-decoration: none;
}
#wrapper #content #position-5 .moduletable-events ul li a:hover {
  text-decoration: underline;
  color: #bf5700;
}
#wrapper #content #position-5 .moduletable-events ul li img {
  width: 100%;
  margin-bottom: 2em;
}
#wrapper #content #position-5 .moduletable-events ul li .mod-articles-category-readmore a {
  text-transform: uppercase;
  color: #bf5700;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}
#wrapper #content #position-5 .moduletable-events .-events {
  margin-top: 1.5em;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-5 .moduletable-events .-events {
    margin-top: 0;
  }
}
#wrapper #content #position-5 .moduletable-events .-events div {
  width: 46%;
  float: left;
  margin: 1.75em 4% 1.75em 0;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-5 .moduletable-events .-events div {
    width: 84%;
    margin: 1em 8% 0 8%;
    float: unset;
  }
}
#wrapper #content #position-5 .moduletable-events .-events div p {
  width: 100%;
  margin: 0;
}
#wrapper #content #position-5 .moduletable-events .-events div p a img {
  width: 100%;
}
@media screen and (max-width: 800px) {
  #wrapper #content #position-5 .moduletable-events .-events div p a img {
    margin-top: 2em;
  }
}
#wrapper #content #position-5 .moduletable-events .-events div h4 a {
  color: #333f48;
  text-decoration: none;
}
#wrapper #content #position-5 .moduletable-events .-events div h4 a:hover {
  text-decoration: underline;
  color: #bf5700;
}
#wrapper #content #position-5 .moduletable-events .-events div h6 a::after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
#wrapper #content #left {
  clear: both;
  margin-top: 0;
  margin-bottom: 25%;
  max-width: 17%;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #left {
    top: 156px;
    padding: 2% 8% !important;
    width: 84%;
    max-width: unset;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #left {
    padding: 3% 8% !important;
    top: 131px;
  }
}
#wrapper #content #left .moduletable.-left h3 {
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
}
#wrapper #content #left .moduletable.-left h3 a {
  color: #bf5700;
  text-decoration: none;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #left .moduletable.-left ul {
    margin-top: 1em;
  }
}
#wrapper #content #left .moduletable.-left ul li.item-170, #wrapper #content #left .moduletable.-left ul li.item-127 {
  display: block;
}
#wrapper #content #left .moduletable.-left ul li.item-142, #wrapper #content #left .moduletable.-left ul li.item-143, #wrapper #content #left .moduletable.-left ul li.item-144 {
  display: none;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #left .moduletable.-left ul li.item-142, #wrapper #content #left .moduletable.-left ul li.item-143, #wrapper #content #left .moduletable.-left ul li.item-144 {
    display: block;
  }
}
#wrapper #content #left .moduletable.-left ul li ul {
  display: block;
  margin: 0 0 2.5em 0;
  padding-bottom: 2.5em;
  padding-left: 1em;
  border-bottom: 2px solid #E8E9E9;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page .IMAGE-horizontal-float-left img {
    max-width: 100%;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page .IMAGE-horizontal-float-right img {
    max-width: 100%;
    margin: 0 auto !important;
    padding: 1.5em 0;
    display: block;
    float: none;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content .item-page .IMAGE-two-side-by-side-left {
    max-width: 100%;
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content .item-page .IMAGE-two-side-by-side-right {
    max-width: 100%;
  }
}
#wrapper #content .item-page .callout-gray {
  background-color: #E8E9E9;
  color: #333f48;
  padding: 50px;
}
#wrapper #content .item-page .callout-gray h1, #wrapper #content .item-page .callout-gray h2, #wrapper #content .item-page .callout-gray h3, #wrapper #content .item-page .callout-gray h4, #wrapper #content .item-page .callout-gray h5 {
  margin-top: 0;
}
#wrapper #content .item-page .callout-gray a {
  color: #aa4400;
}
#wrapper #content .item-page .callout.single {
  max-width: 100%;
  border-top: 2px solid #E8E9E9;
  padding-top: 5%;
}
#wrapper #content .item-page .callout.single .number {
  float: left;
  padding-right: 20px;
}
@media screen and (max-width: 800px) {
  #wrapper #content .item-page .callout.single .number {
    float: none;
  }
}
#wrapper #content .item-page .callout.double {
  max-width: 43%;
  width: 100%;
}
@media screen and (max-width: 800px) {
  #wrapper #content .item-page .callout.double {
    max-width: unset;
    width: 90%;
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content .item-page .callout.double .number {
    float: none;
  }
}
#wrapper #content .item-page .callout.triple {
  border: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page .callout.triple {
    width: 100%;
  }
}
#wrapper #content .item-page .callout.triple .number {
  font-size: 4.25em;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page .callout.triple .number {
    float: none;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content .item-page .callout.triple h5 {
    margin-bottom: 1em;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page .callout.triple h5 {
    margin-top: 0;
  }
}
#wrapper #content .item-page .callout.triple:nth-of-type(2) {
  border-right: 2px solid #e8e9e9;
  border-left: 2px solid #e8e9e9;
  margin: 0 6% 5% 6%;
  padding: 0 5%;
}
@media screen and (max-width: 800px) {
  #wrapper #content .item-page .callout.triple:nth-of-type(2) {
    border-right: none;
    border-left: none;
    border-top: 2px solid #e8e9e9;
    border-bottom: 2px solid #e8e9e9;
    margin: 2% 0%;
    padding: 2% 0% 5%;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page .callout.triple:nth-of-type(2) {
    padding: 2% 0% 9%;
  }
}
#wrapper #content .item-page .callout.triple:nth-of-type(1) .number {
  margin-top: 0;
}
#wrapper #content .item-page .readmore {
  text-transform: uppercase;
  color: #bf5700;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}
#wrapper #content .item-page .readmore a {
  text-decoration: none;
}
#wrapper #content .item-page .readmore:after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page thead {
    display: none;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page table#futurestudents tr:first-of-type {
    display: block;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page table#futurestudents {
    display: table;
  }
}
#wrapper #content .item-page .leadinfo {
  margin: 2em 5% 2em 0;
  float: left;
  width: 45%;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page .leadinfo {
    width: 98%;
    margin-bottom: 0;
  }
}
#wrapper #content .item-page .leadinfo .leadphoto {
  /*max-width: 400px;

  @media screen and (max-width: $width-small) {
  	max-width: unset;
  }*/
}
#wrapper #content .item-page .leadinfo .leadphoto img {
  width: 100%;
}
#wrapper #content .item-page .leadinfo .leaddata h4 {
  margin-bottom: 0;
}
#wrapper #content .item-page .leadinfo .leaddata p:first-of-type {
  margin: 0;
}
#wrapper #content .item-page .leadinfo:nth-of-type(3), #wrapper #content .item-page .leadinfo:nth-of-type(2n+3) {
  clear: both;
}
#wrapper #content .item-page .leadinfo.chair {
  float: none;
  width: 100%;
}
#wrapper #content .item-page .leadinfo.chair .leaddata {
  float: left;
  margin-right: 2em;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page.no-nav {
    border: none;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page.no-nav h2 {
    margin: 0 !important;
    padding: 0 !important;
  }
}
#wrapper #content .item-page.interior, #wrapper #content .category-list.interior.no-right {
  display: inline-block;
  float: left;
  width: 47%;
  margin: 0 30px 4em 2%;
}
@media screen and (min-width: 2000px) {
  #wrapper #content .item-page.interior, #wrapper #content .category-list.interior.no-right {
    margin-left: 3%;
    width: 40%;
  }
}
@media screen and (min-width: 1480px) {
  #wrapper #content .item-page.interior, #wrapper #content .category-list.interior.no-right {
    width: 38%;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page.interior, #wrapper #content .category-list.interior.no-right {
    margin: 40px 8%;
    width: 84%;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page.interior, #wrapper #content .category-list.interior.no-right {
    width: 85%;
    margin: 2em 6% 4em 6%;
  }
}
@media screen and (max-width: 500px) {
  #wrapper #content .item-page.interior, #wrapper #content .category-list.interior.no-right {
    margin-top: 1em;
  }
}
#wrapper #content .item-page.interior h2, #wrapper #content .category-list.interior.no-right h2 {
  font-weight: 600;
  font-size: 2.25em;
  /*line-height: 2.5em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  margin-top: -0.7em !important;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page.interior h2, #wrapper #content .category-list.interior.no-right h2 {
    font-size: 2em;
  }
}
#wrapper #content .item-page.interior .page-header h2, #wrapper #content .item-page.interior .page-header h1, #wrapper #content .category-list.interior.no-right .page-header h2, #wrapper #content .category-list.interior.no-right .page-header h1 {
  font-weight: 600;
  font-size: 2.25em;
  /*line-height: 2.5em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  margin-top: -0.65em;
  font-size: 2.25em !important;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page.interior .page-header h2, #wrapper #content .item-page.interior .page-header h1, #wrapper #content .category-list.interior.no-right .page-header h2, #wrapper #content .category-list.interior.no-right .page-header h1 {
    margin: 0 5% !important;
  }
}
#wrapper #content .item-page.interior .content-category.interior.no-right, #wrapper #content .category-list.interior.no-right .content-category.interior.no-right {
  width: 100% !important;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page.interior .content-category.interior.no-right, #wrapper #content .category-list.interior.no-right .content-category.interior.no-right {
    margin: 0;
  }
}
#wrapper #content .item-page.interior .content-category.interior.no-right tbody, #wrapper #content .item-page.interior .content-category.interior.no-right tr, #wrapper #content .item-page.interior .content-category.interior.no-right td, #wrapper #content .category-list.interior.no-right .content-category.interior.no-right tbody, #wrapper #content .category-list.interior.no-right .content-category.interior.no-right tr, #wrapper #content .category-list.interior.no-right .content-category.interior.no-right td {
  border: none;
}
#wrapper #content .item-page.newsletter h4 {
  clear: both;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page.newsletter .IMAGE-vertical-float-left img {
    float: none;
    max-width: 84%;
  }
}
#wrapper #content .blog.interior.no-nav {
  width: 60% !important;
  margin: 0 20% 4em 20% !important;
}
#wrapper #content .blog.interior {
  display: inline-block;
  float: left;
  width: 47%;
  margin: 0 30px 4em 2%;
}
@media screen and (min-width: 2000px) {
  #wrapper #content .blog.interior {
    margin-left: 3%;
    width: 40%;
  }
}
@media screen and (min-width: 1480px) {
  #wrapper #content .blog.interior {
    width: 38%;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content .blog.interior {
    margin: 40px 8%;
    width: 84%;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .blog.interior {
    width: 85%;
    margin: 2em 6% 4em 6%;
  }
}
#wrapper #content .blog.interior .page-header h1 {
  font-weight: 600;
  font-size: 2.25em;
  /*line-height: 2.5em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  font-size: 2.25em !important;
}
#wrapper #content .blog.interior .items-row .item-image {
  display: none;
}
#wrapper #content .item-page.resources h2 {
  margin-top: 0 !important;
}
#wrapper #content .item-page.staff table td:nth-of-type(1) {
  width: 20%;
}
#wrapper #content .item-page.staff table td:nth-of-type(2) {
  width: 40%;
}
#wrapper #content #right {
  float: right;
  /*width: 287px;*/
  width: 17%;
  margin: 3em 10% 0 0;
  border-top: 2px solid #E8E9E9;
  padding-top: 1em;
}
@media screen and (max-width: 1480px) {
  #wrapper #content #right {
    margin-right: 5%;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #right {
    margin: 3em 8%;
    width: unset;
    float: none;
    clear: both;
  }
}
#wrapper #content #right div {
  border-bottom: 2px solid #E8E9E9;
  margin-bottom: 1em;
}
#wrapper #content #right div p {
  font-size: 15px;
}
#wrapper #content #right div h3, #wrapper #content #right div h6 {
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
  color: #bf5700;
}
#wrapper #content #right div h3 a, #wrapper #content #right div h6 a {
  color: #bf5700;
  text-decoration: none;
}
#wrapper #content #right div ul {
  list-style-type: none;
  padding: 0;
  margin-top: 1.5em;
  font-size: 0.9em;
}
#wrapper #content #right div ul li {
  border-bottom: 2px solid #E8E9E9;
  padding: 1em 0;
  width: 90%;
}
#wrapper #content #right div ul li a {
  text-decoration: none;
  color: #797A7C;
}
#wrapper #content #right div ul li a:hover {
  color: #bf5700;
  text-decoration: underline;
}
#wrapper #content #right div ul li:last-of-type {
  border-bottom: none;
}
#wrapper #content #right div:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
#wrapper #content #right .-right img {
  width: 100%;
}
#wrapper #content .blog-allnews, #wrapper #content .blog-inthenews {
  display: inline-block;
  max-width: 59%;
  float: left;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .blog-allnews, #wrapper #content .blog-inthenews {
    max-width: unset;
    float: none;
    margin: 0 8%;
  }
}
#wrapper #content .blog-allnews .page-header h1, #wrapper #content .blog-inthenews .page-header h1 {
  margin-top: -0.65em;
  font-weight: 600;
  font-size: 2.25em;
  /*line-height: 2.5em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  font-size: 2.25em !important;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .blog-allnews .page-header h1, #wrapper #content .blog-inthenews .page-header h1 {
    margin-top: 0;
  }
}
#wrapper #content .blog-allnews .page-header h4, #wrapper #content .blog-inthenews .page-header h4 {
  margin-top: 0;
}
#wrapper #content .blog-allnews .page-header h4 a, #wrapper #content .blog-inthenews .page-header h4 a {
  color: #4d5155;
  text-decoration: none;
}
#wrapper #content .blog-allnews .page-header h4 a:hover, #wrapper #content .blog-inthenews .page-header h4 a:hover {
  text-decoration: underline;
  color: #bf5700;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-], #wrapper #content .blog-inthenews .items-leading [class*=leading-] {
  border-top: 2px solid #E8E9E9;
  padding-top: 3em;
}
@media screen and (max-width: 800px) {
  #wrapper #content .blog-allnews .items-leading [class*=leading-], #wrapper #content .blog-inthenews .items-leading [class*=leading-] {
    padding-top: 1em;
  }
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] dd, #wrapper #content .blog-inthenews .items-leading [class*=leading-] dd {
  margin-left: 0;
  /*font-weight: 600;*/
  font-size: 0.8em;
  /*line-height: 1em;*/
  color: #333f48;
  font-family: "BentonSansCond-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #333f48;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] dl, #wrapper #content .blog-inthenews .items-leading [class*=leading-] dl {
  margin-bottom: 0.5em;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .item-image img, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .item-image img {
  float: right;
  margin: -1.5em 0 2em 3em;
  max-width: 100%;
  width: 300px;
  clear: both;
}
@media screen and (max-width: 800px) {
  #wrapper #content .blog-allnews .items-leading [class*=leading-] .item-image img, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .item-image img {
    width: 100%;
    float: none;
    margin: 1em 0 2em 0;
    max-width: unset;
  }
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .newsblock, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .newsblock {
  margin-bottom: 3.5em;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .newsblock h4, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .newsblock h4 {
  margin: 0;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .newsblock a, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .newsblock a {
  text-decoration: none !important;
  color: #333f48;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .newsblock a:hover, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .newsblock a:hover {
  color: #bf5700;
  cursor: pointer;
  text-decoration: underline !important;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .newsblock .readmore, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .newsblock .readmore {
  text-transform: uppercase;
  color: #bf5700;
  text-decoration: none;
  font-size: 14px;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  cursor: pointer;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .newsblock .readmore a, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .newsblock .readmore a {
  color: #bf5700;
}
#wrapper #content .blog-allnews .items-leading [class*=leading-] .newsblock .readmore:after, #wrapper #content .blog-inthenews .items-leading [class*=leading-] .newsblock .readmore:after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
}
#wrapper #content .item-page-allnews {
  margin: 0 10% 3em 30%;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page-allnews {
    margin: 1em 8% 3em 8%;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page-allnews {
    margin-top: 0;
  }
}
#wrapper #content .item-page-allnews .back-news {
  margin: 3em 0 4em 0;
}
#wrapper #content .item-page-allnews .back-news a {
  margin-left: -6em;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page-allnews .back-news {
    margin: 5em 0 2em 0;
  }
}
#wrapper #content .item-page-allnews .back-news .readmore::before {
  content: "◂";
  color: #797A7C;
  font-size: 1.25em;
  position: relative;
  top: 1px;
}
#wrapper #content .item-page-allnews .page-header {
  display: none;
}
#wrapper #content .item-page-allnews h2 {
  line-height: 1.2em;
  max-width: 1000px;
  padding: 0 0 0.25em 0;
  margin-top: 0;
}
@media screen and (max-width: 500px) {
  #wrapper #content .item-page-allnews h2 {
    font-size: 2em;
  }
}
#wrapper #content .item-page-allnews p.published {
  margin-left: 0;
  /*font-weight: 600;*/
  font-size: 0.8em;
  /*line-height: 1em;*/
  color: #333f48;
  font-family: "BentonSansCond-Bold", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #333f48;
  border-top: 2px solid #E8E9E9;
  border-bottom: 2px solid #E8E9E9;
  padding: 3em 0 !important;
  max-width: 1000px;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page-allnews p.published {
    padding: 2em 0 1em;
  }
}
#wrapper #content .item-page-allnews .moduletable-share {
  float: right;
  margin-top: -4.25em;
}
@media screen and (max-width: 1000px) {
  #wrapper #content .item-page-allnews .moduletable-share {
    float: none;
    border-bottom: 2px solid #E8E9E9;
    /*padding-top: 2em;*/
    margin-top: 2em;
  }
}
#wrapper #content .item-page-allnews .moduletable-share .cw-social-mod-bookmark {
  padding-top: 0;
  margin-top: -10px;
  /*span {
  	@include h6-style;
  	font-size: 1em;
  	padding-right: 3em;
  	border-right: $border-grey;

  	@media screen and (max-width: 1279px) {
  		padding-right: 1em;
  	}

  	@media screen and (max-width: $width-xsmall) {
  		display: none;
  	}
  }

  span:last-of-type {
  	border-right: none;
  	padding-right: 0;
  }*/
}
#wrapper #content .item-page-allnews .moduletable-share .cw-social-mod-bookmark li {
  padding: 1px 8px 0 3em !important;
  /*@media screen and (max-width: $width-xsmall) {
  	border-right: $border-grey;
  	padding: 0 1em !important;
  }*/
}
@media screen and (max-width: 1279px) {
  #wrapper #content .item-page-allnews .moduletable-share .cw-social-mod-bookmark li {
    padding-left: 1em !important;
  }
}
#wrapper #content .item-page-allnews .moduletable-share .cw-social-mod-bookmark li a {
  background-color: #bf5700 !important;
  padding-right: 2em;
}
@media screen and (max-width: 500px) {
  #wrapper #content .item-page-allnews .moduletable-share .cw-social-mod-bookmark li:last-of-type {
    border: none;
  }
}
#wrapper #content .item-page-allnews .moduletable-share .cw-social-mod-bookmark li:last-of-type a {
  padding-right: 0;
}
#wrapper #content .item-page-allnews p:first-of-type {
  padding-top: 0.25em;
}
#wrapper #content .item-page-allnews img {
  margin: 1em 0;
  width: 100%;
}
@media screen and (max-width: 650px) {
  #wrapper #content .item-page-allnews img {
    margin: 1em 0;
  }
}
#wrapper #content .item-page-allnews .left-float img {
  margin: 0;
  padding: 0.25em 2em 1.5em 0;
  float: left;
  width: auto;
  max-width: 100%;
}
#wrapper #content .item-page-allnews .right-float img {
  margin: 0;
  padding: 0.25em 0 1.5em 2em;
  float: right;
  width: auto;
  max-width: 100%;
}
#wrapper #content #jevents {
  float: left;
  width: 60%;
  /*.ev_date, .ev_detail {
  		margin: 0 10%;
  	}*/
}
@media screen and (max-width: 1000px) {
  #wrapper #content #jevents {
    float: none;
    width: 84%;
    margin: 0 8%;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #jevents #jevents_header {
    display: inline-block;
    margin-top: 1em;
  }
}
#wrapper #content #jevents #jevents_header h1 {
  font-weight: 600;
  font-size: 2.25em;
  /*line-height: 2.5em;*/
  color: #333f48;
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  font-size: 2.25em !important;
  margin-top: -0.65em;
}
#wrapper #content #jevents #jevents_body {
  width: 100% !important;
}
#wrapper #content #jevents #jevents_body h4 {
  margin-top: 0;
}
#wrapper #content #jevents #jevents_body #cal_title, #wrapper #content #jevents #jevents_body .jev_catselect {
  display: none;
}
#wrapper #content #jevents #jevents_body .ev_table {
  border: none;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_td_right {
  border: none;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div {
  border-top: 2px solid #E8E9E9;
  padding-top: 1em;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_left {
  background-color: #ffffff;
  border: none;
  width: unset !important;
  padding: 0;
  margin: 1em 0 !important;
  display: block;
  font-weight: unset;
  font-size: 15px;
  /*line-height: 1em;*/
  color: #333f48;
  text-transform: uppercase;
  font-family: "BentonSansCond-Bold", sans-serif;
  letter-spacing: 1px;
  margin: 0;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_left a {
  color: #bf5700;
  text-decoration: none;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right {
  border: none;
  padding: 0;
  width: unset;
  display: block;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right ul.ev_ul {
  margin: 0;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right ul.ev_ul li.ev_td_li {
  border: none;
  margin: 0;
  padding: 0 0 1.5em 0;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right ul.ev_ul li.ev_td_li h4 {
  margin: 0;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right ul.ev_ul li.ev_td_li h4 a.ev_link_row:link, #wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right ul.ev_ul li.ev_td_li h4 a.ev_link_row:visited {
  font-weight: normal;
  font-size: 1em;
  color: #333f48;
}
#wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right ul.ev_ul li.ev_td_li h4 a.ev_link_row:link:hover, #wrapper #content #jevents #jevents_body .ev_table .ev_container div .ev_td_right ul.ev_ul li.ev_td_li h4 a.ev_link_row:visited:hover {
  color: #bf5700;
  text-decoration: underline;
}
#wrapper #content #jevents #jevents_body .description img {
  padding: 5px 2em 1em 0;
}
#wrapper #content #jevents .contentpaneopen .contentheading h3 {
  margin-bottom: 0.25em;
}
#wrapper #content #facdir {
  display: inline-block;
  float: left;
  margin-top: -0.7em;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #facdir {
    margin: 0 5% 1em;
    clear: both;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #facdir {
    margin-top: -1em;
  }
}
#wrapper #content #facdesc {
  clear: both;
  display: inline-block;
  margin-top: -1em;
  width: 65%;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #facdesc {
    margin: -1em 5% 2em 5%;
    width: unset;
  }
}
#wrapper #content .-covid {
  padding: 0 2em 1em 2em;
  margin-bottom: 2em;
  display: inline-block;
  width: 90%;
  /*background-image: url('/images/banners/covid-banner.jpg'); */
  background-color: #bf5700;
  /*background-repeat: no-repeat; 
  background-size: cover; 
  background-position: center; */
  height: 100%;
  /*@media screen and (max-width: 1280px) {
  	width: 90%;
  }*/
  /*p {
  	a {
  		color: $color-white;
  	}
  }*/
}
@media screen and (max-width: 1000px) {
  #wrapper #content .-covid {
    width: 92%;
    margin: 0 5% 2em 5%;
  }
}
@media screen and (max-width: 500px) {
  #wrapper #content .-covid {
    width: 83%;
  }
}
#wrapper #content .-covid h4 {
  float: unset;
  clear: unset;
  color: #ffffff;
}
#wrapper #content .-covid h4 a {
  color: #ffffff;
}
#wrapper #content #equipfilters {
  width: 70%;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #equipfilters {
    width: 90%;
  }
}
#wrapper #content #equipfilters .-catsort, #wrapper #content #equipfilters .-facdirsearch, #wrapper #content #equipfilters .-alpha {
  width: 30.25%;
  float: left;
  margin: 0 3% 4% 0;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #equipfilters .-catsort, #wrapper #content #equipfilters .-facdirsearch, #wrapper #content #equipfilters .-alpha {
    width: 100%;
    margin: 0 5% 4% 5%;
  }
}
#wrapper #content #equipfilters .-catsort select, #wrapper #content #equipfilters .-facdirsearch select, #wrapper #content #equipfilters .-alpha select {
  border: none;
  border-style: unset;
  border-radius: 5px;
  background-color: #E8E9E9;
  height: 2em;
  font-size: 1em;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #equipfilters .-alpha {
    float: none;
  }
}
#wrapper #content #equipfilters .-alpha #alphaindex select {
  display: inline-block;
  border: none;
  border-style: unset;
  border-radius: 5px;
  background-color: #E8E9E9;
  height: 2em;
  font-size: 1em;
  width: 100%;
}
@media screen and (max-width: 650px) {
  #wrapper #content #equipfilters .-alpha #alphaindex select {
    height: 2.175em;
  }
}
#wrapper #content #facfilters {
  width: 70%;
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #facfilters {
    width: 90%;
  }
}
#wrapper #content #facfilters .-catsort, #wrapper #content #facfilters .-facdirsearch, #wrapper #content #facfilters .-alpha {
  width: 30.25%;
  float: left;
  margin: 0 3% 4% 0;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #facfilters .-catsort, #wrapper #content #facfilters .-facdirsearch, #wrapper #content #facfilters .-alpha {
    width: 100%;
    margin: 0 5% 4% 5%;
  }
}
#wrapper #content #facfilters .-catsort select, #wrapper #content #facfilters .-facdirsearch select, #wrapper #content #facfilters .-alpha select {
  border: none;
  border-style: unset;
  border-radius: 5px;
  background-color: #E8E9E9;
  height: 2em;
  font-size: 1em;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #facfilters .-alpha {
    float: none;
  }
}
#wrapper #content #facfilters .-alpha #alphaindex select {
  display: inline-block;
  border: none;
  border-style: unset;
  border-radius: 5px;
  background-color: #E8E9E9;
  height: 2em;
  font-size: 1em;
  width: 100%;
}
@media screen and (max-width: 650px) {
  #wrapper #content #facfilters .-alpha #alphaindex select {
    height: 2.175em;
  }
}
#wrapper #content #faccontent {
  display: inline-block;
  width: 70%;
  /*margin-right: 5%;*/
  /* @media screen and (max-width: $width-desktop) {
   	width: 69%;
   }*/
  /*@media screen and (max-width: 1280px) {
  	width: 70%;
  }*/
  /*			.-catsort, .-facdirsearch, .-alpha {
  				width: 30.25%;
  				float: left;
      			margin: 0 3% 4% 0;

      			@media screen and (max-width: $width-laptop) {
      				width: 100%;
      			}

  				select {
  					border: none;
  					border-style: unset;
  					border-radius: 5px;
  					background-color: $color-grey;
  					height: 2em;
  					font-size: 1em;
  					width: 100%;
  				}
  			}

  			.-alpha {

  				@media screen and (max-width: $width-laptop) {
  					float: none;
  				}

  				#alphaindex {

  					select {
  						display: inline-block;
  						border: none;
  						border-style: unset;
  						border-radius: 5px;
  						background-color: $color-grey;
  						height: 2em;
  						font-size: 1em;
  						width: 100%;

  						@media screen and (max-width: $width-small) {
  							height: 2.175em;
  						}
  					}
  				}	
  			}*/
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontent {
    margin: 0 5%;
    width: 90%;
  }
}
@media screen and (max-width: 800px) {
  #wrapper #content #faccontent h3 {
    font-size: 1.5em;
  }
}
#wrapper #content #faccontent #category-name {
  clear: both;
}
#wrapper #content #faccontent .facentry {
  width: 30.25%;
  float: left;
  margin: 0 3% 4% 0;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontent .facentry {
    width: 48%;
    margin: 0 3% 4% 0;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #faccontent .facentry {
    width: 100%;
    margin: 0 10% 3em 0;
    text-align: left;
    min-height: unset;
  }
}
#wrapper #content #faccontent .facentry .facphoto {
  max-width: 400px;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontent .facentry .facphoto {
    max-width: unset;
  }
}
#wrapper #content #faccontent .facentry .facphoto div {
  width: 100% !important;
  /*height: 100% !important;*/
}
#wrapper #content #faccontent .facentry .facphoto img {
  width: 100%;
}
#wrapper #content #faccontent .facentry .facdata {
  /*.contact a:hover {
  	font-family: $font-sans-bold;
  	color: $color-orange;
  }*/
}
#wrapper #content #faccontent .facentry .facdata h4 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 650px) {
  #wrapper #content #faccontent .facentry .facdata h4 {
    font-size: 1.25em;
  }
}
#wrapper #content #faccontent .facentry .facdata .facpos {
  font-family: "BentonSans-Bold", "Open Sans", arial, helvetica, sans-serif;
  margin-bottom: 0;
}
#wrapper #content #faccontent .facentry .facdata .endowtitle {
  font-style: italic;
}
#wrapper #content #faccontent .facentry .facdata .depttitle {
  margin: 0;
  clear: both;
}
#wrapper #content #faccontent .facentry .facdata .contact a {
  /*text-decoration: none;*/
  color: #bf5700;
}
#wrapper #content #faccontent .facentry .facdata h6 a:after {
  content: "▶︎";
  color: #797A7C;
  font-size: 0.6em;
  position: relative;
  top: -2px;
  left: 12px;
  /*content: '\25B6';
  color: $color-subhead;
  font-size: .6em;
  position: relative;
  top: -2px;	
  padding-left: 2em;*/
}
#wrapper #content #faccontent div.facentry.all-list:nth-child(3n), #wrapper #content #faccontent div.facentry.dept:nth-child(3n+1) {
  margin-right: 0;
  /*@media screen and (max-width: $width-laptop) {
  	margin-right: 0;
  }*/
}
@media screen and (max-width: 1280px) {
  #wrapper #content #faccontent div.facentry.all-list:nth-child(3n), #wrapper #content #faccontent div.facentry.dept:nth-child(3n+1) {
    margin-right: 3%;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontent div.facentry.all-list:nth-child(even), #wrapper #content #faccontent div.facentry.dept:nth-child(2n+1) {
    margin-right: 0;
  }
}
#wrapper #content #faccontent div.facentry.all-list:nth-child(3n+4), #wrapper #content #faccontent div.facentry.dept:nth-child(3n+5) {
  /*@media screen and (min-width: 1281px) {
  	clear: left;
  }*/
  clear: left;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontent div.facentry.all-list:nth-child(3n+4), #wrapper #content #faccontent div.facentry.dept:nth-child(3n+5) {
    clear: unset;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontent div.facentry.all-list:nth-child(2n+3), #wrapper #content #faccontent div.facentry.dept:nth-child(2n+4) {
    clear: left;
  }
}
#wrapper #content #faccontainer {
  display: inline-block;
  margin: 0 0 0 10%;
}
@media screen and (max-width: 1480px) {
  #wrapper #content #faccontainer {
    margin: 0 0 0 5%;
  }
}
@media screen and (min-width: 1852px) {
  #wrapper #content #faccontainer {
    display: block;
    clear: both;
    margin-top: 3em;
  }
}
#wrapper #content #faccontainer #facbio {
  /*margin: 0 10%;*/
  display: inline-block;
}
@media screen and (max-width: 325px) {
  #wrapper #content #faccontainer #facbio {
    width: 85%;
  }
}
#wrapper #content #faccontainer #facbio .facphoto {
  float: left;
  margin-top: 3em;
}
#wrapper #content #faccontainer #facbio .facphoto img {
  max-width: 400px;
  margin: 0 2em 2em 0;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontainer #facbio .facphoto img {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #faccontainer #facbio .facphoto img {
    width: 95%;
  }
}
#wrapper #content #faccontainer #facbio .equipphoto {
  float: left;
  margin-top: 3em;
  /*width: 100%;*/
}
#wrapper #content #faccontainer #facbio .equipphoto img {
  width: 400px;
  margin: 0 2em 2em 0;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontainer #facbio .equipphoto img {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 650px) {
  #wrapper #content #faccontainer #facbio .equipphoto img {
    width: 95%;
  }
}
#wrapper #content #faccontainer #facbio .facinfo {
  display: inline-block;
}
@media screen and (max-width: 1700px) {
  #wrapper #content #faccontainer #facbio .facinfo {
    width: 54%;
  }
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontainer #facbio .facinfo {
    width: 95%;
  }
}
@media screen and (min-width: 1701px) {
  #wrapper #content #faccontainer #facbio .facinfo {
    display: block;
  }
}
#wrapper #content #faccontainer #facbio .facinfo .facdata h3 {
  margin-bottom: 0.5em;
}
@media screen and (max-width: 1000px) {
  #wrapper #content #faccontainer #facbio .facinfo .facdata h3 {
    margin-top: 0;
  }
}
#wrapper #content #faccontainer #facbio .facinfo .facdata h4 {
  margin-top: 1.65em;
}
#wrapper #content #faccontainer #facbio .facinfo .facdata h5 {
  margin: 0;
}
#wrapper #content #faccontainer #facbio .facinfo .facdata .endowedtitle {
  font-style: italic;
  margin-top: 0;
}
#wrapper #content #faccontainer #facbio .facinfo .facarticle {
  /*clear: both;*/
  overflow: hidden;
}
#wrapper #content #faccontainer #facbio .facinfo .facarticle h5, #wrapper #content #faccontainer #facbio .facinfo .facarticle .test {
  margin: 0;
}
#wrapper #content #faccontainer #facbio .facinfo .facarticle .sitestitle {
  margin-top: 1.5em;
}
#wrapper #content #faccontainer #facbio > h6::before {
  content: "◂";
  color: #797A7C;
  font-size: 1.25em;
  position: relative;
  top: 1px;
  padding-right: 0.5em;
}
#wrapper #content .-facdirsearch fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 650px) {
  #wrapper #content .-facdirsearch fieldset {
    margin-bottom: 0;
  }
}
#wrapper #content .-facdirsearch fieldset input.inputbox {
  border: none;
  border-style: unset;
  border-radius: 5px;
  background-color: #E8E9E9;
  width: 100%;
  height: 2em;
  font-size: 1em;
  float: left;
  /*@media screen and (max-width: $width-small) {
      width: 95%;
  }*/
}
#wrapper #content .-facdirsearch fieldset .searchbutton {
  height: 18px;
  width: 18px;
  float: right;
  margin-top: -2.25em;
  margin-right: 1em;
  /*@media screen and (max-width: $width-small) {
      margin-right: 2em;
  }*/
}

@media screen and (max-width: 500px) {
  #content.page.interior #position-2 {
    margin-top: 2em;
  }
}

#overlay.show {
  top: 199px;
}
@media screen and (max-width: 800px) {
  #overlay.show {
    top: 185px;
  }
}
@media screen and (max-width: 650px) {
  #overlay.show {
    top: 171px;
  }
}

#footer {
  /*background-color: $color-body;*/
  background-color: #333f48;
  padding: 5%;
  color: #ffffff;
  margin-top: 3em;
  display: inline-block;
  width: 90%;
}
@media screen and (min-width: 1800px) {
  #footer {
    padding: 5% 10%;
    width: 80%;
  }
}
#footer .-utlogo {
  float: left;
  padding-bottom: 0.25em;
}
@media screen and (max-width: 1000px) {
  #footer .-utlogo {
    float: none;
    text-align: center;
  }
}
@media screen and (min-width: 1800px) {
  #footer .-utlogo {
    width: 25%;
  }
}
#footer .-utlogo img {
  width: 250px;
}
@media screen and (max-width: 500px) {
  #footer .-utlogo img {
    width: 200px;
  }
}
@media screen and (min-width: 1900px) {
  #footer .-utlogo img {
    width: 350px;
  }
}
#footer .-cselogo {
  float: left;
  padding-bottom: 0.25em;
}
@media screen and (max-width: 1000px) {
  #footer .-cselogo {
    float: none;
    text-align: center;
  }
}
@media screen and (min-width: 1800px) {
  #footer .-cselogo {
    width: 25%;
  }
}
#footer .-cselogo img {
  width: 350px;
}
@media screen and (max-width: 500px) {
  #footer .-cselogo img {
    width: 300px;
  }
}
@media screen and (min-width: 1900px) {
  #footer .-cselogo img {
    width: 450px;
  }
}
#footer .-cnslogo {
  float: right;
}
#footer .-cnslogo img {
  width: 320px;
}
#footer .-privacy {
  clear: both;
  float: left;
  font-size: 14px;
  border-top: 1px solid #797A7C;
}
@media screen and (max-width: 1000px) {
  #footer .-privacy {
    float: none;
    text-align: center;
    display: table;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1900px) {
  #footer .-privacy {
    font-size: 1em;
  }
}
#footer .-privacy a {
  color: #ffffff;
  text-decoration: none;
}
#footer .-privacy a:hover {
  text-decoration: underline;
}
#footer .moduletable-links {
  float: right;
  /*text-align: right;*/
  display: inline-grid;
  font-size: 0.8em;
  margin: -4% 0 0 0;
}
@media screen and (max-width: 1000px) {
  #footer .moduletable-links {
    text-align: center;
    display: contents;
  }
}
#footer .moduletable-links h6 {
  color: #ffffff;
  margin-bottom: 1em;
}
#footer .moduletable-links .-links ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  list-style-position: inside;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
@media screen and (max-width: 1150px) {
  #footer .moduletable-links .-links ul {
    columns: unset;
    -webkit-columns: unset;
    -moz-columns: unset;
  }
}
#footer .moduletable-links .-links ul li {
  margin: 0.5em 0;
}
#footer .moduletable-links .-links ul li a {
  color: #ffffff;
  text-decoration: none;
}
#footer .moduletable-links .-links ul li a:hover {
  text-decoration: underline;
}
#footer .moduletable-links .-links ul li:first-of-type {
  margin-top: 0;
}
#footer .-social {
  font-size: 0.8em;
  display: inline-block;
  vertical-align: top;
  /*width: 24%;*/
}
@media screen and (max-width: 1100px) {
  #footer .-social {
    text-align: center;
    display: inline-block;
    padding-top: 2em;
    margin-top: 2em;
    width: 100%;
    border-top: 1px solid #797A7C;
  }
}
#footer .-social h6 {
  color: #ffffff;
}
@media screen and (min-width: 1900px) {
  #footer .-social h6 {
    font-size: 1.25em;
  }
}
#footer .-social ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 1100px) {
  #footer .-social ul {
    display: inline-block;
  }
}
#footer .-social ul li {
  float: left;
  padding: 0 1em 0 0;
  margin: 2em 0;
}
@media screen and (max-width: 1250px) {
  #footer .-social ul li {
    padding: 0 10px 0 0;
  }
}
@media screen and (max-width: 1000px) {
  #footer .-social ul li {
    padding: 0 1.5em 0 0;
  }
}
@media screen and (max-width: 800px) {
  #footer .-social ul li {
    padding: 0 3em;
    margin: 2em 0;
    font-size: 0.6em;
  }
}
@media screen and (max-width: 650px) {
  #footer .-social ul li {
    padding: 0 2em;
  }
}
@media screen and (max-width: 500px) {
  #footer .-social ul li {
    padding: 0 1em;
  }
}
#footer .-social ul li a {
  color: #ffffff;
  text-decoration: none;
}
#footer .-social ul li a img {
  width: 32px;
}
#footer .-social ul li:last-of-type {
  padding-right: 0;
}
#footer .-social ul li#twitter a:hover img {
  content: url("/templates/battery-2020/images/Twitter-logo-orange.svg");
}
@media screen and (max-width: 650px) {
  #footer .-social ul li#twitter a:hover img {
    content: "";
  }
}
#footer .-social ul li#instagram a:hover img {
  content: url("/templates/battery-2020/images/Instagram-logo-orange.svg");
}
@media screen and (max-width: 650px) {
  #footer .-social ul li#instagram a:hover img {
    content: "";
  }
}
#footer .-social ul li#youtube a:hover img {
  content: url("/templates/battery-2020/images/YouTube-logo-orange.svg");
}
@media screen and (max-width: 650px) {
  #footer .-social ul li#youtube a:hover img {
    content: "";
  }
}
#footer .-social ul li#facebook a:hover img {
  content: url("/templates/battery-2020/images/Facebook-logo-orange.svg");
}
@media screen and (max-width: 650px) {
  #footer .-social ul li#facebook a:hover img {
    content: "";
  }
}
#footer .-social ul li#linkedin a:hover img {
  content: url("/templates/battery-2020/images/LinkedIn-logo-orange.svg");
}
@media screen and (max-width: 650px) {
  #footer .-social ul li#linkedin a:hover img {
    content: "";
  }
}
#footer .-social ul li#flickr a:hover img {
  content: url("/templates/battery-2020/images/Flickr-logo-orange.svg");
}
@media screen and (max-width: 650px) {
  #footer .-social ul li#flickr a:hover img {
    content: "";
  }
}

/*# sourceMappingURL=main.css.map */