/* CSS resets */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
/* * { outline: 0px solid #222; } */
/* Fonts */
/* Libre Baskerville */
@font-face {
    font-family: 'libre_baskervillebold';
    src: url('../_fonts/libre-baskerville/librebaskerville-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_baskervilleitalic';
    src: url('../_fonts/libre-baskerville/librebaskerville-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('../_fonts/libre-baskerville/librebaskerville-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Open Sans */
@font-face {
    font-family: 'open_sansitalic';
    src: url('../_fonts/open-sans/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('../_fonts/open-sans/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../_fonts/open-sans/opensans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('../_fonts/open-sans/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../_fonts/open-sans/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Droid Serif */
@font-face {
    font-family: 'droid_serifregular';
    src: url('../_fonts/droid-serif/droidserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_serifbold_italic';
    src: url('../_fonts/droid-serif/droidserif-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'droid_serifitalic';
    src: url('../_fonts/droid-serif/droidserif-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'droid_serifbold';
    src: url('../_fonts/droid-serif/droidserif-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Main Styles */

body {background: #fff; font-family: "droid_serifregular", Times, serif;}
header {background: white; padding: 15px; border-top:5px solid #222; margin: -40px auto;}

.drop-cap {font-size:3.4em; float:left; padding:14px 3px 5px 0;}

.am-header {background-color:#222; color:#fff; display:block;}
.am-header p {text-align: right; font-family: "open_sanslight", "arial", sans-serif; padding:5px 10px; font-size:0.8em; margin-right:20px;}
.am-header img {width:45px; height:auto; float:left; margin-left:30px;}

article {font-family: "droid_serifregular", "times new roman", serif;}
.column-one-00 {margin: auto auto 0 auto; padding:0; z-index:100;}
.column-one-01 {background: white; padding: 30px 15px;}

p a {color:#136697; text-decoration:none; font-family: "droid_serifbold"}
p a:hover {color:#77b4d8; text-decoration:underline;}
p a:active {color:#77b4d8; text-decoration:underline;}

.column-two-00 {margin: auto auto 0 auto; padding:0;}
.column-two-01 {background: white; padding: 30px 30px 90px;}
/* Header Image */

.prime-media-right {padding:15px 0;}
.prime-media-left {padding:15px 0;}
.prime-media-right img {max-width:100%;}
.prime-media-left img {max-width:100%;}
.prime-media-center {max-width:100%; margin: 30px 0; padding:15px 0;}
.media-caption {font-family: "open_sanslight", "arial", sans-serif; padding:10px 0 0; font-size:0.9em;}
.media-caption strong {font-family: "open_sansbold","arial", "sans-serif";}

    article {margin-top:0;}
.articleimage {width:100%; overflow:hidden; max-height:95vh; z-index:-100; position:relative;}
.articleimage.noheader {height: 20px; min-height:20px; margin:20px 0;}
.articleimage img {width: 100%;}
/* .articleimage {width: 100%; height: 40vw; /* keeps article image at 4:3 aspect ratio max-height: 95vh; do not grow the image taller than the viewport background-color: #d3d3d3;background-size: cover; background-position: center; background-repeat: no-repeat; border-top: 5px solid #222; border-bottom: 10px solid #222; min-height:300px;}*/

h1 {font-family: "open_sansregular", "arial", sans-serif; font-size: 2.1em; font-weight: 400; line-height: 1.3em; margin-bottom: 20px;}
iframe {width:100%; border:none; height: 150px;}
h2 {font-size: 1.8em;font-weight: 500; line-height: 1.3em; margin-top: 40px; margin-bottom: 20px; border-bottom:1px solid #ffd200; padding-bottom:15px;}
h2:first-child {margin-top: 0;}
h3 {font-family: "droid_serifbold", "times new roman", serif; font-size:1.2em; line-height:1.5em; margin: 20px 0 10px;}

#abstract {font-family: Georgia, serif; font-size: 18px; line-height: 1.3; color: #9a9a9a;}

p, ul, ol{ line-height: 1.9em; hyphens: auto;}
p+p { margin-top: 16px; } /* add space between two paragraphs */
.byline {color:#999; font-family: "droid_serifregular", "times new roman", serif; font-size:0.8em; font-style:italic;}
.subtitle {font-family: "open_sanslight", "arial", "sans-serif"; font-size:1.2em; line-height:1.3em; margin:0 0 10px;}
.block-title {font-family: "open_sansbold","arial", "sans-serif"; font-size:1.4em; line-height:1.3em; margin:0 0 10px;}
.block-text {font-family: "open_sanslight", "arial", "sans-serif"; font-size:1.3em; line-height:1.3em;}

ul {margin:15px 0 15px 30px; list-style-type: disc;}
figcaption {font-family: "open_sanslight", "arial", sans-serif; font-size:0.85em; color:#232323;}
.intro-text {font-size:0.9em; color:#444;}
.pullquote {margin:15px 0; line-height:1.4em; font-family: "droid_serifitalic", "times new roman", "serif"; font-size:1.4em; color:#cd5113; font-weight:700;}
.featured-text {font-family: "open_sanslight", "arial", sans-serif; font-size:1.5em; color:#222; margin:10px auto; line-height:1.5em;}
.featured-byline {font-family: "open_sanslight", "arial", sans-serif; font-size:1.2em; color:#737373; width:80%;}

footer {background-color:#222; color:#fff; padding:10px;}
footer p {text-align: right; font-family: "open_sanslight", "arial", sans-serif; background-color:#222; padding:5px;}
.separator {background-color:#fff; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; text-align:center;}

/*
	Media Queries
*/

/* Regular smart phones, including iPhone 6+ with 414px viewport */
@media screen and (min-width: 321px) {

}

/* Regular Tablets from 480 to 625px */
@media screen and (min-width: 481px) {
  h1 {font-size:2.5em;}
  .articleimage {}
  .articleimage img {width:100%;}
  .prime-media-right {margin: 30px 0;}
  .prime-media-left {margin: 30px 0;}
}

/* Portrait Tablets 626 - 800px */
@media screen and (min-width: 626px) {
article {margin-top: -60px;}
.am-header img {margin:5px 0 0 30px;}
.articleimage {width:100%; height:40vw; max-height:95vh; z-index:-100; position:relative; min-height: 300px;}
.articleimage img {width: 100%; position:absolute; overflow:hidden; min-width: 450px;}
header {max-width:560px; padding:30px;}
.column-one-00 {max-width:560px;}
.am-header{padding:5px;}
.am-header p {text-align: right; font-family: "open_sanslight", "arial", sans-serif; font-size:1em;}
.column-one-01 {border-left:1px solid #222; border-right:1px solid #222; padding: 15px 30px 30px; background: white; }
header {border-left:1px solid #222; border-right:1px solid #222;}
.prime-media-right {float:right; margin:10px -75px 10px 20px; width:300px; background-color:#fff; border:1px solid #c0c0c0; padding: 15px 0;}
img > .pullquote {margin:30px 30px 0;}
.prime-media-left {float:left; margin:30px 30px 30px -75px; width:300px; background-color:#fff; border:1px solid #c0c0c0; padding: 15px 0;}
.prime-media-center {width:120%; margin:30px 0;  background-color:#fff; border:1px solid #222; padding:30px 0;}
.with-bkg {padding:30px !important}
.border-left {border-left:1px solid #c0c0c0;}
.border-right {border-right:1px solid #c0c0c0;}
.pullquote {margin:30px;}
.with-bkg .pullquote {margin:30px 0 0;}
}

/* Landscape Tablets*/
@media screen and (min-width: 801px) {
header {max-width:720px;}  
article {margin-top: -92px;}
.column-one-00 {max-width:720px;}
	/* fix content width */
.prime-media-right {float:right; margin:15px -50px 15px 20px; width:350px; background-color:#fff;  padding: 30px 0;}
.prime-media-left {float:left; margin:15px 20px 15px -50px; width:350px; background-color:#fff; padding: 30px 0;}
     
}

/* Landscape Tablets*/
@media screen and (min-width: 1200px) {
header {max-width:960px;}  
article {margin-top: -92px;}
.column-one-00 {max-width:960px;}
}

/* Large, wide screens like Desktops */
@media screen and (min-width: 1280px) {

}