div.byline a { position:relative; display:inline-block; padding:0px 10px 0px 21px; }
div.byline a::before { content:""; display:block; width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; left:0px; background-image:url("/images/2017/byline.png"); background-size:auto 16px; background-repeat:no-repeat; }
div.byline a.eml::before { background-position:-0px center; }
div.byline a.twt::before { background-position:-16px center; }
div.byline span.name { padding-right:20px; }

article.article div.side { margin-right:-25px; }
article.article div.article-body > * { padding-bottom:50px; }
header.article-head h2 { font-family:"opensans"; font-weight:300; color:#727b84; }

@media all and (max-width:767px){
  article.article { padding:0px 25px; }
  div.bigbox { position:relative; left:50%; margin-left:-150px; }
}
@media all and (min-width:768px){
  article.article div.components div.bigbox { float:left; margin:1rem 2rem 1rem 0px; }
}
@media all and (min-width:768px) and (max-width:1023px){
  article.article { padding:0px 50px; }
}
@media all and (max-width:1023px){
  article.article div.side { margin-left:-25px; }
}
@media all and (min-width:1024px){
  article.article div.side { margin-right:-25px; margin-left:25px; }
}
@media all and (min-width:1024px) and (max-width:1279px){
  article.article { padding:0px 25px; }
}
@media all and (min-width:1280px){
  article.article { padding:0px 50px; }
}









div.carouselnav > * { cursor:pointer; display:inline-block; width:42px; height:36px; }
div.carouselnav > *::before { content:""; display:block; width:16px; height:16px; position:absolute; top:50%; margin-top:-8px; left:50%; margin-left:-8px; background-image:url("/images/2017/carousel-arrows.png"); background-size:auto 16px; background-repeat:no-repeat; }
div.carouselnav .btnnext::before { background-position:-20px center; }
div.carouselnav .btnprev::before { background-position:0px center; }


#photospush { margin-top:15px; }
#photospush .owl-item.active .pushblock { }
.pushblock a { text-decoration:none; }
.pushblock img { margin-bottom:15px; }
@media all and (min-width:640px){
  #photospush .owl-stage { margin-left:-25px; }
  #photospush .pushblock { padding-left:25px; }
}




a.btn { text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-weight:700; font-family:"opensanscond"; -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; }
a.btn:not(.more) { display:inline-block; }
a.btn.more { display:block; }
a.btn:not(.follow) { line-height:40px; font-size:1.1rem; }
a.btn.primary { border-width:2px; border-style:solid; }
a.btn.primary.off { background-color:#fff; color:#26A; border-color:#26A; }
a.btn.primary.off:hover { background-color:#26A; color:#fff; }
a.btn.primary.on { background-color:#26A; color:#fff; border-color:#26A; }
a.btn.primary.on:hover { background-color:#69C; color:#fff; border-color:#69C; }
.bggray025 { background-color:#f8f8f9; }
.bggray5 { background-color:#f3f4f5; }
.bggray10 { background-color:#e7e9ea; }
.bggray20 { background-color:#d0d3d6; }
a.bggray20:hover { background-color:#b8bdc1; }
.txtgray70 { color:#5a656f; }

.margleft10 { margin-left:10px; }
.margright10 { margin-right:10px; }




aside.media blockquote { margin:0px 25px; padding-top:0px; padding-bottom:0px; }
aside.media blockquote div { font-weight:600; font-size:1.5rem; line-height:1.85rem; }
aside.media blockquote cite { display:block; color:#899198; font-weight:400; font-size:1rem; font-style:normal; margin-top:15px; }
aside.media.left blockquote, aside.media.right blockquote { border-style:solid; border-color:#142332; }
aside.media.left blockquote { padding-left:25px; border-width:0px 0px 0px 5px; }
aside.media.right blockquote { padding-right:25px; border-width:0px 5px 0px 0px; }

aside.media.center { margin-right:auto; margin-left:auto; }
aside.media.left { float:left; margin-right:25px; }
aside.media.right { float:right; margin-left:25px; }
aside.media.xl { width:100%; margin-right:0px !important; margin-left:0px !important; float:none !important; }
aside.media.xl blockquote { margin-top:50px !important; margin-bottom:50px !important; }
aside.media.l { width:70%; }
aside.media.m { width:55%; }
aside.media.s { width:40%; }
aside.media.xs { width:25%; }

@media all and (max-width:1279px){
  aside.media.l { width:100%; margin-right:0px !important; margin-left:0px !important; float:none !important; }
  aside.media.l blockquote { margin-top:50px !important; margin-bottom:50px !important; }
  aside.media.m { width:70%; }
  aside.media.s { width:55%; }
  aside.media.xs { width:40%; }
}
@media all and (max-width:1023px){
  aside.media.m { width:100%; margin-right:0px !important; margin-left:0px !important; float:none !important; }
  aside.media.m blockquote { margin-top:50px !important; margin-bottom:50px !important; }
  aside.media.s { width:70%; }
  aside.media.xs { width:55%; }
}
@media all and (max-width:767px){
  aside.media.s { width:100%; margin-right:0px !important; margin-left:0px !important; float:none !important; }
  aside.media.s blockquote { margin-top:50px !important; margin-bottom:50px !important; }
  aside.media.xs { width:70%; }
}
@media all and (max-width:480px){
  aside.media.xs { width:100%; margin-right:0px !important; margin-left:0px !important; float:none !important; }
  aside.media.xs blockquote { margin-top:50px !important; margin-bottom:50px !important; }
}


/*** CONTENT ***/
.timestamp::before { content:""; }
input[ID^="caption_"]:checked ~ .byline label::after, #leadphotochk:checked ~ #leadphoto label::after { content:" -"; }
input[ID^="caption_"]:not(:checked) ~ .byline label::after, #leadphotochk:not(:checked) ~ #leadphoto label::after { content:" +"; }
/*** DISPLAY ***/
input.toggle:checked ~ *.toggle { display:block; }
input.toggle:not(:checked) ~ *.toggle, #leadphotochk:not(:checked) ~ #leadphoto figcaption, .check { display:none; }
/*** FONT SIZE ***/
.timestamp { font-size:0.9rem; }
figcaption, figure .byline { font-size:0.85rem; }
/*** FONT STYLE ***/
figure .byline, input[ID^="caption_"] ~ .byline label::after { font-style:oblique; }
/*** FONT WEIGHT ***/
.meta .byline { font-weight:800; }
/*** LINE HEIGHT ***/
figure .byline { line-height:2.25rem; }
figcaption { line-height:1.25rem; }
/*** MARGIN ***/
#leadphoto { margin-bottom:25px; }
div.components > *:not(article):not(p) { margin-top:2rem; margin-bottom:2rem; }
/*** PADDING ***/
figcaption { padding:25px; }


@media all and (max-width:767px){
  .meta { line-height:1.15rem; margin-top:15px; margin-bottom:-25px; padding-bottom:25px; }
  .meta .byline { font-size:0.9rem; }
}
@media all and (min-width:768px){
  .meta { line-height:1.15rem; }
  .meta .byline { font-size:1rem; }
}