@font-face {
  font-family: "NoeDisplayRegular";
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/Noe Display Regular.eot");
  src: url('../fonts/Noe Display Regular.eot#iefix') format('embedded-opentype'),
	     url('../fonts/Noe Display Regular.woff') format('woff');

}

@media print {
    a[href]:after {
        content: none;
    }
  
    .most-popular, .most-popular * {
        display: none !important;
    }
    
    .latest-news, .latest-news * {
        display: none !important;
    }
}

.o-wrapper {
    padding-top:2em;
}


body {
  font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
  line-height: 1.2;
}


a, a:hover {
  /*color: #000;*/
  color: #5387A6;
}

p {
  /*font-size: 16px;*/
}

h1, h2, h3 {
  font-weight: 400;by
  font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
  line-height: 120%;
}

h4, h5 {
  font-weight: 400;
  font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
  line-height: 120%;
}

h1 a:hover {
  text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
  color: #000;
}

h2.large-head {
    font-size: 40px;
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

hr {
  margin: 26px 0 0 0;
  width: 100%;
   border-top: 0px;
}

hr.sm {
  margin-left: auto;
  margin-right: auto;
  width: 35%;
}

ol {
  padding: 0;
  counter-reset: item;
}

ol li {
  list-style: none;
  font-size: 18px;
}

ol li h4 {
  margin-bottom: 5px;
  margin-top: 0;
}

ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #b4111a;
  float: left;
  padding: 0 5px 0 0;
  font-weight: 600;
  font-size: 24px;
}

/*
blockquote.twitter-tweet {
overflow-x: hidden;
overflow-y: hidden;
cursor: pointer;
background-color: rgb(255, 255, 255);
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: rgb(225, 232, 237);
border-right-color: rgb(225, 232, 237);
border-bottom-color: rgb(225, 232, 237);
border-left-color: rgb(225, 232, 237);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
max-width: 520px;
}
*/

blockquote {
    padding: 0 20px;
}

blockquote p {
    font-family: "proxima-nova",Arial,Helvetica,Verdana,sans-serif;
    font-size: 16.5px;
}


.btn-link {
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 600;
}

.carousel .slides .slideItem {
  overflow: unset !important;
}

.form-control {
    font-family: "proxima-nova",Arial,Helvetica,Verdana,sans-serif;
}

.year-sort {
    float: right;
}  

.slideItem img {
    box-shadow: 0 3px 8px -2px #888888;
}

.slideItem span {
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
}

.red-link {
  color: #b4111a;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.carousel div {
  text-align: center;
}

.carousel span {
  color: #b4111a;
  text-transform: uppercase;
  font-size: 12px;
}

#nav {
  display: table;
  margin: 32px auto 20px;
}

#menu {
  padding: 0;
}

#dropMenu, #searchContainer {
  padding: 20px 0;
  position: absolute;
  z-index: 999;
  background-color: white;
  width: 100%;
  box-shadow: 0 2px 2px #ccc;
  text-align: center;
  display: none;
  margin-top: -20px;
}

.menu li {
  list-style: none;
  margin-right: 29px;
  font-weight: bold;
  display: inline;
}
 
ul.menu {
  padding-bottom:20px;
}

#menu a {
  font-size: 15.75px;
  letter-spacing: 1px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 600;
  color: #000;
}

#menu li.active a {
  color: #b4111a;
}

#dropMenu a {
  color: #b4111a;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 600;
  letter-spacing:1px;
}

#searchContainer a {
	font-family: "chaparral-pro",sans-serif;
	font-size: 16px;
	color: #000;
	font-weight: 400;
	text-transform: none;
}
#searchContainer > div {
	width: 400px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#mobile-searchbox > div {
  margin: 35px 30px;
  position: relative
}
#searchContainer label, #mobile-searchbox label {
  position: absolute;
  top: -999em;
  left: -999em;
}
#search, #mobile-search-input {
  color: #b4111a;
  padding-right: 30px;
}
#searchContainer button, #mobile-searchbox button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  line-height: 1;
}

.menu li:last-child {
  margin-right: 0;
}

#menu .more .glyphicon {
  font-size: 14px;
  margin-left: 5px;
}

#top-title a {
  color: #000;
  font-size: 66px;
  font-weight: normal;
  font-style: normal;
  font-family: 'NoeDisplayRegular';
}

#header {
    padding-left: 0;
    padding-right: 0;
}

#top-title a:hover {
  text-decoration: none;
}

#home-highlight {
  margin-bottom: 50px;
}

#home-highlight img, #article-image img {
  width: 100%;
}

#home-highlight .caption {
    left: 5%;
    /* right: 9%; */
    position: absolute;
    float: left;
    bottom: 6%;
    text-align: left;
    width: 50%;
    /* display: none; */
}

/* march 2021 cover
#home-highlight .caption {
  left: 6%;
  right:15px;
  position: absolute;
  float: left;
  bottom: 5%;
  text-align: left;
}*/

.caption h2 {
    margin-bottom:0px;
}



#home-highlight .caption h2 a {
    font-size: 42px;
    font-weight: 600;
    line-height: 100%;
    font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
    margin: 30px 0 5px 0;
    letter-spacing: -.5px;
    color:#FFF;
    /*  width:300px;*/
}

#home-highlight .caption p.subhead a {
    font-size: 18px;
    font-weight:400;
    line-height:1;
    /* width:500px;*/
    padding-top: 0px;

}

   #home-highlight .caption p.subhead a {
       color:#FFF;
   }

.teasers .category {
    display: block;
    padding: 10px 0 0;
}

.teasers {
  font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}

.teasers span {
  color: #b4111a;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.teasers img {
  margin-bottom: 15px;
}

.teasers h4 {
  margin: 1px 0 3px 0;
  font-weight: normal;
  line-height: 1.1;
}

.teasers h4 a {
  font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: 24px;
  color: #000;
}

.teasers.trio-row {
  margin-top: 60px;
}

.teasers h4 {
    margin: 1px 0 3px 0;
    font-weight: normal;
    line-height: 1.1;
}

.teaser-row > div:nth-child(1),
.trio-row > div:nth-child(1) {
  padding: 0 40px 0 15px;
}

.teaser-row > div:nth-child(2) > div,
.trio-row > div:nth-child(3) > div {
  padding: 0 34px;
  margin: 0 -7px;
}

.teaser-row > div:nth-child(3),
.trio-row > div:nth-child(5) {
  padding: 0 15px 0 40px;
}

.teaser-row > div:nth-child(2),
.trio-row > div:nth-child(3) {
  padding: 0;
}

#article-issues .trio-row > div > div {
   border: none;
}

.teaser-row  hr:last-child {
  display: none;
}

.teaser-row > div:nth-child(1) h4 {
  font-weight: bold;
}

.trio-row > div:nth-child(2) {
  border-width: 0;
}

.teaser-image {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-top: 66.7%;
  height: 0;
  overflow: hidden;
}

.teaser-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  min-width: 100%;
}

.section-title {
  text-align: center;
  padding: 60px 0 40px 0;
    
}

.section-title.articles {
	padding:0;
}

.section-title.articles h2.xl {
	margin: 30px auto -20px auto;
}

.section-title h2 {
  width: 270px;
  color:  #b4111a;
  font-size: 14px;
  font-weight: 600;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 auto;
}

.section-title.show-more, .section-title.show-more a {
  background-color: white;
  text-transform: uppercase;
  color: #b4111a;
  width: auto;
  padding-top: 40px
}

.section-title h2.xl {
  width: 336px;
  margin: 60px auto -60px auto;
}

.section-title h2.lg {
  width: 270px;
}

.section-title h2.md {
  width: 270px;
}

.latest-news {
  padding-left: 28px;
  font-size: 18px;
}

.latest-news h4 {
    margin: 0 0 3px 0;
    font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.1;
}

.latest-news h4 a {
  font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
  font-size: 32px;
  color: #000;
}

.latest-news > div:last-child {
  border-bottom-width: 0;
}

.latest-news img {
  width: 100%;
}

.most-popular {
  padding-right: 60px;
}

.most-popular h4 {
  line-height: 1.2;
}

.most-popular h4 a {
  font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  font-size: 24px;
}

.feature-top-right {
  margin-bottom: 30px;
}

#landing-main  img , #feature img, #issue-highlight img {
  width: 100%;
}

#landing-main h3, #feature h4, #issue-highlight h3 {
    margin: 1px 0 3px 0;
    font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
}

#issue-highlight h3 a {
  color: #000;
}

#landing-main span, #feature span, #issue-highlight span, .contact-row span {
  color: #b4111a;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
}

#landing-main span.glyphicon, #feature span.glyphicon, #issue-highlight span.glyphicon, .contact-row span.glyphicon {
  font-family: 'Glyphicons Halflings';
}

#feature .sm-left, #feature .sm-right {
  margin-top: 10px;
  font-size: 30px;
  color: #b4111a;
  cursor: pointer;
}

#feature .left, #feature .right {
  font-size: 60px;
  position: relative;
  top: 150px;
  color: #b4111a;
  cursor: pointer;
}

/***********ARTICLE CSS*****************/

div.lead-image-caption p {
    display: inline;
}

div.lead-image-caption {
    font-family: "proxima-nova",Arial,Helvetica,Verdana,sans-serif;
    font-size: 13px;
    line-height: 1.35;
    margin-top: 5px;
}

.article, .tall {
   font-size: 20px;
    font-family: 'chaparral-pro', Georgia, "Times New Roman", Times, serif;
}

.article strong {
    font-weight: 600;  
}


.article p, .tall p {
  line-height: 150%;
margin-bottom: 15px;
}

.article h1 {
  margin: 5px 0;
  font-size: 40px;
  font-weight: 600;
  color: #000;
  line-height: 110%;
}

.article .category a {
    color: #b4111a;
}


.category h1, h2.text-center {
    color: #000;
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 90%;
    margin: 5px 0;
    padding-bottom: 20px;
    text-align: center;
}

.category h1 {
    padding-top: 30px;
}

.article h2 {
  margin: 5px 0;
  font-size: 22px;
}

.article h3 {
    font-size: 23px;
    font-weight: 600;
}

.article h4 {
    font-weight: 600;
    font-size: 20px;
}

.article h5 {
    font-weight: 700;
    font-size: 18px;
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
}

.article h6 {
    font-weight: 700;
    font-size: 15px;
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}


.article ul li {
    padding-bottom: 10px;
    line-height: 160%;
}

.article img {
  width: 100%;
  height:100%;
}

.article .category {
  margin-top: 40px;
  color: #b4111a;
  font-size: 16px;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.article .author, p.about {
  margin: 10px 0 25px 0;
  font-size: 14px;
  font-weight: 400;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
}

.article .author span:nth-child(1) {
  margin: 0 10px 0 0;
}

.article .author span:nth-child(2) {
  color: #b4111a;
  margin: 0 0 0 10px;
}

.article .share {
  margin-bottom: 20px;
}

.article .share a {
  margin: 0 10px;
  color: #ADADA0;
}

.article .share a:nth-child(1) {
  margin-left: 0;
}

.latest-news-aside {
  float: left;
  width: 210px;
  position: relative;
  margin: 60px 70px 60px -100px;
}

.latest-news-aside a {
  font-size: 16px;
  font-weight: 600;
  color: #000;
}

.latest-news-aside h4 {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #b4111a;
  margin-bottom: 15px;
  font-size: 14px;
}

.latest-news-aside img {
  max-width: 100%;
  margin: 10px 0;
}

.latest-news-aside ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.latest-news-aside ul li {
  padding: 10px 0;
  line-height: 140%;
}

.drop {
    font-size: 10px;
    letter-spacing: 2px;
    padding-bottom: 24px;
    text-align: center;
    padding-top:10px;
}

.sidebar {
  width: 210px;
  font-size: 14px;
  line-height: 140%;
}

.sub-article {
    background-color: #eeeeee;
    margin: 0 0 40px;
    padding: 3%;
}

.sub-article h3 {
    font-size:30px;
    font-weight:700;
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
}

.subhead-article h4 {
    font-size:21px;
    font-weight:400;
    margin-top:0;
    margin-bottom:20px;
}    

.postnote, .subhead-article p {
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    margin-bottom:13px;
}

.sidebar p, .subhead-image p {
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    margin: 4px 0 10px;
}

.sub-image-right {
    float: right;
    margin-left: 4%;
    width:33%;
    }

.sub-image-left {
    float: left;
    margin-right: 4%;
    width:33%;
    }


.sub-article img {
  width: 100%;
    height:100%;
    }

.sidebar-full img {
    padding-top: 0;
}

.sidebar-image-right {
    width: 40%;
    float: right;
    padding: 0 0 5px 15px;
}

.sidebar-full {
    margin: 40px -80px 30px;
    width: auto;
}

.sidebar-full, .sidebar-sm, .sidebar-md, .sidebar-lg {
      padding-bottom: 25px;
}

.byline {
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    letter-spacing: 0.05em;
    font-size: 10px;
    color:grey;
}

.sidebar-full .byline, .lead-image-caption .byline {
    white-space: nowrap;
}

.sidebar-right {
  float: right;
  margin: 0 -80px 30px 60px;
}

.sidebar-left {
  float: left;
  margin: 0 60px 30px -80px;
}

.sidebar-sm {
  width: 20%;
}

.sidebar-md {
  width: 33%;
}

.sidebar-lg {
  width: 53%;
}

.sidebar-full {
  width: auto;
  margin: 0 -80px;
}

.sidebar-full img {
    padding-top: 30px;
}

/*
.sidebar.sidebar-full.sidebar-lg p {
    padding-bottom: 25px;
}
*/

.sidebar img {
  max-width: 100%;
  height: auto;
}

.sidebar h4 {
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    margin: 0 0 10px 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sidebar h4 a {
    color: #5387A6;
    text-decoration:none;
}

.sidebar h4 a:hover {
    color: #5387A6;
    text-decoration:underline;
}

.sidebar-right ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .sidebar-right ul li {
	 padding: 8px 0;
	 line-height: 120%;
}

.sidebar-left ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
}
 .sidebar-left ul li {
	 padding: 10px 0;
	 line-height: 140%;
}

.sidebar-right ol li:before {
  padding: 2px 3px 0 0;
  font-weight: 400;
}

.sidebar-left ol li:before {
  padding: 2px 0 0 3px;
  font-weight: 400;
}

.sidebar li {
  font-size: 14px;
  line-height: 140%;
}

.sidebar li img {
    padding-bottom: 2px;

}

.sidebar li a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  padding-bottom: 10px;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
}

.sidebar-right h5, .sidebar-left h5 {
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  margin-bottom: 0;  
  font-size: 16px;
}

.sidebar-right ol li::before {
  margin-left: -30px;
}

.sidebar-left ol li::before {
  margin-right: -30px;
}

/****CATEGORY LANDING PAGE**********/

#landing-main p {
  font-size: 18px;
}

#landing-main .left h3, #issue-highlight h3 {
  font-size: 36px;
  line-height: 1.1;
}

#landing-main .left p, #issue-highlight p {
  line-height: 120%;
  font-size: 18px;
  margin-bottom: 4px;
}

#landing-main .left {
    padding-bottom: 40px;
}

#landing-main .copy {
  padding-top: 20px;
}


.landing-popular {
  font-size: 18px;
}

.landing-popular p {
    margin-bottom: 4px;
    line-height:1.4;
}

.landing-popular h3 {
  font-size: 32px;
  font-weight: 600;
  margin: 0 0 3px 0;
  line-height:1.1;
}

.landing-popular img {
  width: 100%;
}

.landing-popular h3 span {
  color: #b4111a;
  font-size: 34px;
}

.landing-popular .date {
    color: #b4111a;
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
}


#landing-main .author a, .landing-popular .author a {
  color: #333;
  color: #333;
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    font-size: 14px;
}

#landing-top-stories {
  font-size: 18px;
}

#landing-top-stories h4.tag-name {
    font-family: proxima-nova;
    font-size: 21px;
    font-weight: 600;
}

#landing-top-stories h4 {
    font-size: 24px;
    margin: 1px 0 3px 0;
    font-weight: 400;
    line-height: 1.1;
}

#landing-top-stories img {
  width: 100%;
}

#landing-top-stories span.teaser-image {
    margin-bottom: 10px;
}

#landing-top-stories span {
  color: #b4111a;
  text-transform: uppercase;
  font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  display: block;
}

.article.category #landing-top-stories h3 {
    font-size: 32px;
    
    margin: 0;
/*    line-height:1.1; */
}

.article.category #landing-top-stories img {
    padding-bottom: 10px;
}

.article.category #landing-top-stories p {
    margin-bottom: 10px;
    line-height:1.4;
}

.article.category #landing-top-stories .author {
    margin-top: 0;
}

.article.category #landing-top-stories .row {
    padding-bottom: 30px;
}

.contact-row .col-xs-6.col-sm-3 {
  width: 20%;
}

.contact-row span {
    display: block;
    padding-top: 20px;
}

.contact-row h5 {
    font-family: "proxima-nova",Arial,Helvetica,Verdana,sans-serif;
    font-size: 16px;
    margin: 0;
}

.contact-row p {
    font-family: proxima-nova;
    font-size: 14px;
    margin: 0;
    padding: 0;
}
#select-print {
  color: #b4111a;
  font-size: 12px;
}

#footer {
  margin-top: 50px;
  padding: 20px 0;
  background-color: #eeeeee;
}

#footer div {
    text-align: left;
}

#select-print p {
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

#select-print {
    color: #b4111a;
    font-size: 12px;
    max-width: 100%;
    padding-top: 50px;
}

.share div {
    clear: left;
    width: 400px;
}

#footer .brand {
   background: rgba(0, 0, 0, 0) url("https://www.reed.edu/global_assets/images/logo/nameplate/419px.000000.100.png") no-repeat scroll center center / 260px auto;
    display: inline-block;
    height: 0;
    overflow: hidden;
    padding: 40px 50px 0 0;
    width: 280px;
}

#footer span {
  text-transform: uppercase;
  letter-spacing: 1px;
}

#footer .bar {
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    font-weight: 600;
    padding: 0;
    margin: 0 0 10px;
    color: black;
    font-size: 13px;
}

#footer .bar a, #footer .bar a:hover {
  color: white;
}

#footer a {
  color: #000;
  font-size: 14px
}

#footer .share a {
  font-size: 20px;
  margin: 0 0 0 10px;
}

#footer .footer-item {
    color: #000;
    display: block;
    font-family: "proxima-nova",Arial,Helvetica,Verdana,sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 15px 0 5px 24px;
    text-transform: uppercase;
}

/************MOBILE HIDING MENU CSS*****************/
.c-menu {
  display: none;
}

.c-menu--push-right.is-active {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.c-menu--push-left.is-active {
  top: 0;
  right: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.o-wrapper.has-push-left,
.o-wrapper.has-push-right {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0px);
  box-shadow: none;
}

@media (max-width: 640px) {
  #top-title a {
    font-size: 40px;
  }
}

@media (max-width: 420px) {
  #top-title a {
    font-size: 30px;
  }
}


/*bootstrap md*/
@media (min-width: 992px) and (max-width: 1200px) {
  .menu li {
    margin-right: 17px;
  }

  #menu a {
    font-size: 16px;
  }

  #dropMenu a, #searchContainer a {
    font-size: 12px;
    letter-spacing: 1px;
  }
  
/* mid size index headline placement */

  #home-highlight .caption {
   width: 60%;
  }


}
/*bootstrap sm*/
@media (max-width: 992px) {

 /*@media (min-width: 768px) and (max-width: 992px) {*/

#contentContainer, footer {
  overflow-x: hidden;
}

  .pull-right-md {
    float: none !important;
  }

  .sm-footer-right {
    position: relative;
    top: -50px;
  }

  #footer .bar {
    margin-top: 5px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    font-size: 16px;
  }

  ol li {
    font-size: 14px;
  }

  .menu li {
    margin-right: 11px;
  }

  #menu a {
    font-size: 12px;
  }
  
  #menu .more .glyphicon {
    font-size: 12px;
  }

  #dropMenu a, #searchContainer a {
    font-size: 10px;
  }

  #home-highlight .caption {
        /* left: 8%; */
        bottom: 8%;
        width: 60%;
        line-height: .5em;
    } 
  
 /* index headline June 2018 mobile */ 

 
   #home-highlight .caption {
/*top:10px;
left:40px;
    width: 400px;*/
  }
  
    #home-highlight .caption p.subhead {
      width:100%;
   }


   #home-highlight .caption p.subhead a {
       font-size:13px;
       /* color:#FFF; */
   }
  

  #home-highlight .caption h2 a {
    font-size: 28px;
    margin:3px 0 0 0;
    line-height: 20px;
  }

 .most-popular p.subhead {
        font-size: 18px;
    }
    
  .section-title {
    padding: 40px 0;
  }

  .teaser-row > div:nth-child(1),
	.trio-row > div:nth-child(1) {
    padding: 0 34px 0 15px;
  }

  .teaser-row > div:nth-child(2) > div,
	.trio-row > div:nth-child(3) > div {
    padding: 0 28.5px;
    margin: 0 -5px;
    border-right: none;
    border-left: none;
  }

  .teaser-row > div:nth-child(3),
	.trio-row > div:nth-child(5) {
    padding: 0 15px 0 34px;
  }

  .latest-news h4 {
    font-size: 20px;
  }

  .latest-news {
    padding-left: 24px;
  }

  .most-popular {
    padding-right: 30px;
  }

  .latest-news-aside {
    width: 150px;
    margin: 20px 60px 20px -80px;
  }

  .latest-news-aside a {
    font-size: 12px;
  }

  .latest-news-aside h4 {
    margin-bottom: 10px;
  }

  .latest-news-aside img {
    margin: 5px 0;
  }

  .latest-news-aside ul li {
    padding: 5px 0;
  }

  .sidebar-right {
    margin: 20px -50px 20px 60px;
    width: 150px;
    font-size: 16px;
  }
  
  .sidebar-left {
    margin: 20px 60px 20px -50px;
    width: 150px;
    font-size: 16px;
  }

  .sidebar-right h4, .sidebar-left h4 {
    font-size: 11px;
    margin: 0 0 20px;
  }
  
  .sidebar-right.sidebar-lg, .sidebar-left.sidebar-lg {
  width: 53%;
}

  .sidebar-right li, .sidebar-left li {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .sidebar-right a, .sidebar-left a {
    font-size: 16px;
  }

  .sidebar-right ol li::before {
    margin-left: -30px;
  }
  
  .sidebar-left ol li::before {
    margin-right: -30px;
  }

  .landing-popular h3 {
    font-size: 24px;
  }

  .landing-popular h3 span {
    color: #b4111a;
    font-size: 20px;
  }

  #landing-top-stories .date {
    display: block;
    font-size: 14px;
}
  
  .latest-news h4 a {
    font-size: 24px;
}

  .latest-news h4 {
    line-height: 1;
}
  
.sidebar-full .byline, .lead-image-caption .byline {
    white-space: normal;
}

/*bootstrap xs*/
@media( max-width: 767px ) {
  #menu, #dropMenu, #searchContainer {
    display: none !important;
  }

  #home-highlight .caption {
    display:block;
  }
  
    #home-highlight .caption p.subhead {
      /* width:95%;*/
   }

#nav {
  margin: 20px auto 0px;
}


  .sidebar-md, .sidebar-sm {
    width: 30%;
  }
  
    .sidebar-right.sidebar-md, .sidebar-right.sidebar-sm {
      margin:0 0 0 20px;
  }

      .sidebar-left.sidebar-md, .sidebar-left.sidebar-sm {
      margin:0 20px 0 0;
  }
    .sidebar-right.sidebar-lg, .sidebar-left.sidebar-lg {
  width: 100%;
}

    .sidebar-lg {
    width:100%;
    margin: 0;
  }
  
/*  .sidebar-lg p, .sidebar-md p, .sidebar-sm p {
    padding-bottom: 25px;
}*/

  #mobile-nav, #mobile-search {
    font-size: 24px;
    margin-top: 5px;
  }
  
.o-wrapper {
    padding-top:5px;
}
  #header {
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
  #home-highlight {
    margin-bottom: 20px;
  }

  #home-highlight .caption {
    position: static;
    width: auto;
    text-align:left;
  }

  #home-highlight .caption h2 a {
    font-size: 24px;
    font-weight:400;
    margin: 10px 0 5px 0;
    color:#000;
  }

#home-highlight .caption p.subhead a {
    font-size: 18px;
    color: #333;
}

#home-highlight .caption a {
    color:#FFF;
}

   
.category h1, h2.text-center {
    font-size: 24px;
}

.category h1 {
    padding-top: 0;
}

  .section-title {
    padding: 40px 0;
    margin: 40px -15px 0;
    border-top: solid 1px #ddd;
  }

  .section-title.show-more {
    border-top: none;
  }


  hr.sm {
    width: 20%;
  }

  .teaser-row > div:nth-child(1),
	.trio-row > div:nth-child(1) {
    padding: 0 15px;
  }

  .teaser-row > div:nth-child(2) > div,
	.trio-row > div:nth-child(3) > div {
    border-width: 0;
    padding: 0 15px;
    margin: 0;
  }

  .teaser-row > div:nth-child(3),
	.trio-row > div:nth-child(5) {
    padding: 0 15px;
  }

  .teaser-row > div:nth-child(2) {
    padding-bottom: 20px;
  }

  .trio-row > div:nth-child(2) {
    padding-bottom: 0;
  }

  .teasers img {
    float: right;
    width: 100%;
    margin: 0 0 5px 5px;
  }

  .teasers h3 {
    font-size: 18px;
  }

  .teaser-row  hr:last-child {
    display: block;
  }

  .latest-news {
    padding-bottom: 30px;
    padding: 0 15px;
  }

  .latest-news h4 {
    font-size: 18px;
  }
  
  .sidebar-full {
    margin: 0;
  }

.visible-xs-block p {
    font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    margin: 4px 0 10px;
}

.visible-xs-block img {
    height: auto;
    max-width: 100%;
}

  .trio-row > div:nth-child(1) {
    border-top: solid #ddd 1px;
    padding-top: 30px;
  }

  .latest-news h4 {
    font-size: 20px;
  }

  #landing-main .row .row img {
    margin-bottom: 10px;
  }
  
  #landing-main .left h3 {
    font-size: 24px;
}

#landing-main .date {
    display: block;
    padding-top: 10px;
}

  .landing-popular > div > div:nth-child(1)
	,.landing-popular .author {
    display: none;
  }

  .landing-popular hr {
    width: 35%;
    margin: 15px 0;
  }
  
    div.sub-image-right {
    width: 100%;
}
 
    div.sub-image-left {
    width: 100%;
}
  

  #mobile-carousel .col-xs-6 {
    padding: 5px;
  }

  #mobile-carousel img {
    width: 100%;
  }

  #mobile-carousel .show-more {
    padding: 0;
    margin: 0;
  }

  .o-wrapper {
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
  }

  .c-menu {
    position: fixed;
    z-index: 200;
    display: block;
	  /*background-color: #67b5d1;*/
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
  }

  .c-menu__items {
    list-style: none;
    margin: 0;
    padding: 0;
  }

	/**
	 * Left and right menus
	 *
	 * Slide and push menus coming in from the left and right inherit a lot of
	 * common styles. We'll start each of them off by doing up the common styles
	 * for each version, followed by individual styles.
	 *
	 * The various versions are governed by modifier classes.
	 */
	/**
	 * Common modifiers for left/right menus.
	 */
	 .c-menu--push-left,
	.c-menu--push-right {
	  width: 100%;
	  height: 100%;
	  overflow-y: auto;
	}

	.c-menu--push-right .c-menu__item {
	  display: block;
	  text-align: right;
	  /*border-top: solid 1px #b5dbe9;*/
	  border-bottom: solid 1px #333;
	  margin-left: 50px;
	}
	.c-menu--push-left .c-menu__item:last-child,
	.c-menu--push-right .c-menu__item:last-child {
	  border-bottom: none;
	}
	.c-menu ul {
		margin: 3px 0 0;
		padding: 0;
	}
	.c-menu--push-left a {
		font-size: 16px;
	}
	.c-menu--push-left .c-menu__item {
		display: block;
		padding: 0 20px 5px;
	}
	.c-menu--push-left hr {
		width: 270px;
		margin: 35px 0 20px 0;
	}

	.c-menu--push-right a {
     display: block;
        padding: 12px 24px;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        color: #000;
        font-family: "proxima-nova", Arial, Helvetica, Verdana, sans-serif;
    }

	#mobile-more {
		display: none;
	}
	.more-mobile .glyphicon-triangle-top {
		color: #b4111a;
	}
	#mobile-more a {
		color: #b4111a;
		font-size: 12px;
	}
	
	
	.c-menu--push-left .c-menu__close,
	.c-menu--push-right .c-menu__close {
	  display: block;
	  padding: 12px 24px;
	  width: 100%;
	}


	/**
	 * Slide/Push Menu Right.
	 */
	.c-menu--push-right {
	  top: 0;
	  right: 0;
	  -webkit-transform: translateX(100%);
		  -ms-transform: translateX(100%);
			  transform: translateX(100%);
	}

	.c-menu--push-left {
	  top: 0;
	  left: 0;
	  -webkit-transform: translateX(-100%);
		  -ms-transform: translateX(-100%);
			  transform: translateX(-100%);
	}
	.c-menu--push-left.is-active,
	.c-menu--push-right.is-active {
	  -webkit-transform: translateX(0);
		  -ms-transform: translateX(0);
			  transform: translateX(0);
	}


	/**
	 * Wrapper states.
	 *
	 * Various wrapper states occur depending on if a menu is pushing into view, in
	 * which case, the wrapper has to be pushed by the respective distance.
	 */
	.o-wrapper.has-push-right {
	  -webkit-transform: translateX(-100%);
		  -ms-transform: translateX(-100%);
			  transform: translateX(-100%);
		box-shadow: 1px 0 8px #aaa;
	}
	.o-wrapper.has-push-left {
	  -webkit-transform: translateX(100%);
		  -ms-transform: translateX(100%);
			  transform: translateX(100%);
		box-shadow: -1px 0 8px #aaa;
	}

	/**
	 * Body states.
	 *
	 * When a menu is active, we want to hide the overflows on the body to prevent
	 * awkward document scrolling.
	 */
	body.has-active-menu {
	  overflow: hidden;
	}

	/**
	 * Close button resets.
	 */
	.c-menu__close {
	  /*
	  color: #fff;
	  background-color: #3184a1;*/
	  background-color: #fff;
	  font-size: 14px;
	  border: none;
	  box-shadow: none;
	  border-radius: none;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
	  cursor: pointer;
	}

	.c-menu__close:focus {
	  outline: none;
	}
}


@media (min-width: 320px) and ( max-width: 768px ) {
  .o-wrapper.has-push-right {
    -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
            transform: translateX(-300px);
  }
  .o-wrapper.has-push-left {
    -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
            transform: translateX(300px);
  }
  
  .c-menu--push-right {
    -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
            transform: translateX(300px);
  }
  
  .c-menu--push-left {
    -webkit-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
            transform: translateX(-300px);
  }
  
  .c-menu--push-left,
  .c-menu--push-right {
    width: 300px;
  }
	
	.teasers.trio-row {
		margin-top:26px;
	}
}

@media ( max-width: 1290px ) {
	#footer .bar {
		padding: 2px 0px;
		width: auto;
		margin: 0 auto 10px;
	}
	
}

@media (min-width: 1286px) and ( max-width: 1320px ) {
	#footer .bar {
		font-size: 10px;
	}
}

@media (min-width: 992px) and ( max-width: 1025px ) {
	#footer .bar {
		font-size: 10px;
	}
}

/* RESPONSIVE YOUTUBE WRAPPER */

.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
margin:20px auto 65px auto;
}
 .iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}