@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

@import url(//fonts.googleapis.com/css?family=Raleway:400,100,300,500,600,700,900);
/*@import url(//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,700,500italic,700italic,900,900italic);*/
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
/* Roboto Slab does not have an italic face. We will sub in a lightened Roboto italic as an endrun */
@font-face {
  font-family: 'Roboto Slab';
  font-style: italic;
  font-weight: 100;
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url(http://fonts.gstatic.com/s/roboto/v15/12mE4jfMSBTmg-81EiS-Yb3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url(http://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: italic;
  font-weight: 500;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(http://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: italic;
  font-weight: 700;
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url(http://fonts.gstatic.com/s/roboto/v15/OLffGBTaF0XFOW1gnuHF0brIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Roboto Slab';
  font-style: italic;
  font-weight: 900;
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url(http://fonts.gstatic.com/s/roboto/v15/t6Nd4cfPRhZP44Q5QAjcC7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}

#loadWarning { text-align: center; margin-top: 20% }

/* KNOWN CHROME FONT RENDERING ERROR, REPAINT BODY */
body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

#header{
    margin-bottom:0;
}
h1.title{
    font-family: 'Roboto Slab', Georgia, Times, serif;
    text-align: center;
    text-shadow:none;
    font-size:3.5em;
    line-height:1em;
    max-width:900px;
    margin:0 auto;
    font-weight:900;
    /*text-transform:uppercase;*/
}

#article-wrapper>p:first-of-type{
    font-family: 'Raleway', Helvetica, Arial, Sans-Serif;
    font-weight:bold;
    text-align: center;
    max-width:900px;
    margin:auto;
}
#article-wrapper strong,#article-wrapper b{
    font-weight:bold;
}
#article-wrapper em {
    font-style:italic;
}
[class*='ng_byline']{
    font-family: 'Raleway', Helvetica, Arial, Sans-Serif !important;
    text-align: center;
    max-width:900px;
    display:block;
    margin:auto;
}
.ng_byline_name{
    text-transform:uppercase;
    margin-top:1.5em;
    font-weight:700;
    margin-bottom:-2em;
}
.ng_byline_email{
    color:#888;
    font-size:1em !important;
}

p.published-date{
    font-size:.85em !important;
    margin:auto auto 2em auto !important;
    text-align: center;
    color:#888 !important;
    font-family: 'Roboto Slab',Georgia, Times, serif
}


#article-wrapper>.subhead,#article-wrapper>h3{
    font-family: 'Raleway', Helvetica, Arial, Sans-Serif !important;
    max-width:600px;
    font-weight: 900;
    margin:1.75em auto .75em auto;
    font-size:1.75em;
    line-height:1.1em;
    display:block;
    text-align: center;
    text-transform: uppercase;
}
.dateline{
    display:block;
    max-width:600px;
    margin:auto;
}
h1.title+p+p+p:first-letter{
    font-family: 'Roboto Slab', Georgia, Times, serif;
    font-size:5.5em;
    float:left;
    margin:.25em .125em .125em 0;
    font-weight: 900;
    color:#000;
}
.dateline+p>span{
    display:none;
}
.ng_endnote_contrib{
    font-style: italic;
    max-width:600px;
    margin:1.5em auto;
}
.ng_intro_bold_italic{
    font-family: 'Raleway';
    margin:1.5em auto;
    font-weight:500;
    color:#000;
}
.quote-item>p{
    font-family: 'Roboto Slab', Georgia, Times, serif;
    line-height:1.1em;
    padding-left:15px;
    position:relative;
    color:#000;
}
.quote-item>p:before{
    content:'\201C';
    font-size:1.1em;
	position:absolute;
	top:0em;
	left:-2px;
}
.quote-item>p:after{
    content:'\201D';
}
.quote-item.large>p{
    font-size:.25em;
}
.quote-item>small{
    font-family: 'Roboto Slab', Georgia, Times, serif;
    color:#888;
    text-align:right;
    padding-top:.25em;
    margin-top:.25em;
    font-size:.75em;
    line-height:1.2em;
}
.quote-item.large>small{
    
}
.photo-item>.photo-credit{
    color:#000;
    text-transform: initial !important;
    font-family: 'Raleway', Helvetica, Arial, Sans-Serif !important;

}
.photo-item>figcaption{
    font-family: 'Roboto Slab', Georgia, Times, serif;
    color:#888;
    font-weight: 300;
}
#article-wrapper .comment-item>h3.red{
    color:#0066b3;
    font-family: 'Raleway', Helvetica, Arial, Sans-Serif;
    font-size:1.2em;
}
#article-wrapper .comment-item>p{
    color:#888;
    font-family: 'Roboto Slab', Georgia, Times, serif;
    font-size:1.15em;
    line-height:1.45em;
    font-weight:300;
}
#article-wrapper p{
    font-family: 'Roboto Slab', Georgia, Times, serif;
    font-size:1.1em;
}


.video-item>figcaption{
    font-family: 'Roboto Slab', Georgia, Times, serif;
    color:#888;
    font-size:.8em;
    line-height:1.5em;
    font-weight:300;
}
#article-wrapper .video-item>figcaption>span{
    font-family: 'Raleway', Helvetica, Arial, Sans-Serif;
    color:#0066b3;
    font-weight:900;
    line-height:1em;
    margin-top: .25em;
    margin-bottom:.125em;
    display:block;
}

/*FOOTER*/

/*SIMPLE FOOTER*/

.footer-list {
  font-family: 'Raleway', Helvetica, Arial, Sans-Serif;
  text-transform: uppercase;
  font-weight: 900;
  font-size: .75em;
  text-align: center;
	padding: 30px 0 20px 0;
}

.footer-list .logoB-tiny{
	margin: 0 auto 10px auto;
}

.footer-list a {
	color: #666;
	text-decoration: none;
	padding: 0 10px;
}

.footer-list a:hover {
	color: #000;
	text-decoration: underline;
}
.folio-title {
    font-family: 'Raleway', Helvetica, Arial, Sans-Serif;
}
@media only screen and (max-width : 600px) {
    .footer-list a {
      display: block;
      clear:both;
      float: center;
    }
}
@media only screen and (max-width : 600px) {
    #article-wrapper>p:first-of-type{
        margin:auto 5px;
    }
}

@media only screen and (max-width : 500px) {
    #floating-folio>a.logoB.logo{
        background: transparent url('http://pubsys.miamiherald.com/static/media/projects/libraries/images/h_b.png') no-repeat scroll center !important;
        width: 25px !important;
    	height: 30px !important;
    	background-size: 25px 30px !important;
    }
}
@media only screen and (max-width : 450px) {
    #header>h1{
        font-size:3.25em;
    }
}
@media only screen and (max-width : 900px) {
  /*RESET BLOCK ASSETS*/
    .wide {max-width: 90% !important}
}

@media only screen and (max-width : 700px) {
  /*RESET BLOCK ASSETS*/
	.block-item {margin: 40px auto !important; float: none !important; max-width: 90% !important}
	.block-item iframe{margin: 0 auto; display: block}
	/*REDRAW TYPE*/
	.large {font-size: 20px}
	.xlarge {font-size: 30px}
	.huge {font-size: 40px}

.logoB {
	background: transparent url('http://pubsys.miamiherald.com/static/media/projects/libraries/images/h_b.png') no-repeat scroll center;
	width: 25px;
	height: 30px;
	background-size: 25px 30px;
}

.logoW {
	background: transparent url('http://pubsys.miamiherald.com/static/media/projects/libraries/images/h_w.png') no-repeat scroll center;
	width: 25px;
	height: 30px;
	background-size: 25px 30px;
}

@media only screen and (max-width : 900px) {
    #header>h1{
        margin:auto 5px;
        padding:0;
    }
}