 @font-face {
	 font-family: "NoeDisplayRegular";
	 font-weight: normal;
	 font-style: normal;
	 src: url("/reed-magazine/assets/fonts/Noe Display Regular.eot");
	 src: url('/reed-magazine/assets/fonts/Noe Display Regular.eot#iefix') format('embedded-opentype'), url('/reed-magazine/assets/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;
	 color: #2b2b2b;
}
 a, a:hover {
	/*color: #000;
	*/
	 color: #4B7A95;
}
 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;
}

.article h2.jumbo-head, .article h3.jumbo-head, .article h4.jumbo-head, .article h5.jumbo-head, .article h6.jumbo-head {
	 font-weight: 400;
	 font-size: 36px;
}
 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: 7%; */
    /* top: 3%; */
    position: absolute;
    float: left;
    top: 5%;
    text-align: left;
    width: 38%;
    left: 57%;
}
/* 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 {
 margin-top: 5px;
 }

 #home-highlight .caption h2 a {
	 font-size: 32px;
	 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: #000;
	 width:300px;
}
 #home-highlight .caption p.subhead a {
	 font-size: 18.5px;
	 font-weight:400;
	 line-height: 1.2;
	 /* width:500px; */
	 padding-top: 0px;
	 /* width: 50%; */
}
 #home-highlight .caption p.subhead a {
	 color: #000;
}
 .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: 0.05em;
}
 .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.1em;
	 font-size: 10px;
	 color: #6a6a6a;
}
 .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:not(.bss-slides 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: #4B7A95;
	 text-decoration:none;
}
 .sidebar h4 a:hover {
	 color: #4B7A95;
	 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 {
top:3%;
		 width: 40%; 
    font-size: 18px; 
 }
}
/*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: 4%;
			/* line-height: 1.2em; */
			/* width: 45%; */
			/* top: 1%; */
		}
		/* index headline June 2018 mobile */
		 #home-highlight .caption {
			top:4px;
		}
		 #home-highlight .caption p.subhead {
			 width: 100%;
		}
		 #home-highlight .caption p.subhead a {
			 font-size: 14px;
			 /* color:#FFF;
			 */
		}
		 #home-highlight .caption h2 a {
			 font-size: 20px;
			 margin:3px 0 0 0;
			 line-height: 18px;
		}
		 .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 h2 {
				 display:block;
			}
			
					 #home-highlight .caption {
				 display:block;
			} 
			 #home-highlight .caption p.subhead {
			}
			 #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 992px) and ( max-width: 1200px ) {			
						#home-highlight .caption p.subhead a {
    font-size: 20px;
			}
			
		}
		 @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%;
		}
		