body {
    line-height:1.4em;
}

/* Fix for modal background in firefox not covering the whole window */
.reveal-modal-bg {
    position: fixed;
}

.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading p {
    visibility: hidden;
  }
.wf-active h1,
.wf-active h2,
.wf-active h3, 
.wf-active p {
    visibility: visible;
  }

a:hover {
    text-decoration: underline;
}

a.close-reveal-modal:hover {
    text-decoration: none;   
}

a.plain {
    color: inherit;   
}

.social a:hover .fa-facebook-square {
        color: #4e69a2; }
.social a:hover .fa-facebook {
        color: #4e69a2; }
.social a:hover .fa-twitter {
        color: #55acee; }
.social a:hover .fa-pinterest {
        color: #C92228; }

p {
    font-family: "adobe-garamond-pro", times new roman, sans-serif;
    font-size: 1.3em;
    color: #555555;
    line-height: 1.3em;
    font-weight: 200; }

ul {
    list-style-type: square; }
    ul li {
    font-family: "adobe-garamond-pro", times new roman, sans-serif;
    font-size: 1.3em;
    color: #555555;
    line-height: 1.3em;
        font-weight: 200;    }

.callout ul li {
    font-family: "number-sans", helvetica, arial, sans-serif;
    text-align: left;
    font-size: .9em;
    padding-bottom: .8em;
}

h4.inline {
    font-family: nimbus-sans, helvetica, arial, sans-serif;
    font-size: 1.05em;
    text-transform: uppercase;
    padding: .5em 0 .5em 0;
    letter-spacing: .1em;
    font-weight: bold; }

.yellow { color: #D6C13B; }
.grey { color: #666666; }
.black { color: #000000; }
   
.flex-video.widescreenfix {
    padding-bottom: 51.7%; }

.right-off-canvas-menu a:hover {
    text-decoration: none; }

img.glowing {
   opacity: .85; }

img.glowing:hover {
    opacity: 1; }

.print-only {
    display: none;
}

nav {
    border-bottom: 2px solid #cccccc; }
    nav h1 {
        padding: 0 1em 0 1em;
        margin: 1em 0 1em 0;
        font-size: 1.05em !important;
        display: inline;
        font-variant: small-caps;
        font-family: "adobe-garamond-pro", times new roman, sans-serif; }
    nav a {
        color: #ffffff;
        text-decoration: none; }
    nav a:visited {
        color: #ffffff;
    }
    nav a:hover {
        color: #D6C13B;
        text-decoration: none; }
    nav a:hover .fa-facebook-square {      
        color: #758ab6; }
    nav a:hover .fa-facebook {
            color: #758ab6; }
    nav a:hover .fa-twitter {
            color: #55acee; }
    nav a:active {
        color: #ffffff; }

#bignav .actions {
    font-size: .75em;
    text-transform: uppercase; }
    #bignav .actions i {
        padding-right: 1em; 
        font-size: 1.2em; }

#bignav .actions a:hover {
    text-decoration: none;
    color: #D6C13B;
}

#mediumnav .actions i {
       padding-right: 2em;
}

#smallnav nav {
    text-align: center; }
    #smallnav nav h1 {
        padding: 5px 2px 5px 5px; }
    #smallnav nav h2 {
        padding: 5px 2.8rem 5px 5px;   
        border-left: none; }
        /* width of the padding matches width of the menu icon */

#hero {
    width:100%;
    margin: 2em 0 0 0;
    height: 525px;
    background-image: url(http://www.bushcenter.org/sites/default/files/image_miscellaneous/koreas-at-night6.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-color:#000000; }

.lead-caption p {
    margin: 1em 0 0 -8em;
    font-size: .9em;
    font-family: nimbus-sans, verdana, sans-serif;
}

#headline {
    background-color: #ffffff;
    text-transform: uppercase;
    margin-top: -90px;
    padding-bottom: 2em;
    text-align: center; }
    #headline h1 {
        font-family: "alternate-gothic-no-2-d", verdana, sans-serif;
        font-size: 4em;
        padding:.3em 0 0 0;
        line-height: 1.2em;
        font-weight: 600;
        letter-spacing: .075em; }
    #headline h2 {
        color: #444444;
        font-family: "nimbus-sans", verdana, sans-serif;        
        font-size: 1.5em;
        font-weight: 200;
    }
    #headline h2 span.highlight {
        color: #D6C13B;
        font-weight:600; }

#lead p {
    font-size: 1.4em;
    line-height: 1.5em;
}

p .intro {
    font-variant:small-caps;
    color:#333333;
    font-size:1.1em;
}

.section {
    border-bottom: 3px solid #eeeeee;
    padding-bottom: 2em;
    margin-bottom: 2em; }
    .section h2 {
        font-family: "nimbus-sans", verdana, sans-serif;        
        text-align: center;
        color:#666666;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: 2em;
        font-weight: 600;
        padding: 0 0 .5em 0;
    }
    .section .subsection {
        border-top:1px solid #eeeeee;
    }
    .section .subsection h3, .section h3.appendix {
        font-size: 1.3em;
        text-align: center;
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        text-transform: uppercase;
        color: #d6c13b;
        letter-spacing: .1em;
        font-weight: 600;
        padding: 1.5em 0 1em 0;
    }
    .section .subsection h4 {
        font-size: 1.1em;
        text-align: center;
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        text-transform: uppercase;
        color: #666666;
        letter-spacing: .1em;
        font-weight: 600;
        padding: .5em 0 1em 0;        
    }

.callout {
    text-align:center; 
    margin: 2em 0 0 0em; }
    .callout .label {
        font-family: "nimbus-sans", verdana, sans-serif;        
        border-bottom: 1px solid #cccccc;
        margin-bottom: 1em;
    }
    .callout .label h3  {
        font-size: 1em;
        font-family: "nimbus-sans", helvetica, arial, sans-serif;
        text-transform: uppercase;
        color: #000000;
        font-weight: bold; 
        letter-spacing: .1em;
        margin-bottom: 0;
        padding: 0;
        line-height: 1em; }
    .callout .label h4 {
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        font-weight: 300;
        padding: 0;
        text-transform: none;
        font-size: 1em; }

.caption a {
    font-family: nimbus-sans, helvetica, arial;
    font-size: .7em;
    display: block;
    text-transform: uppercase;
}

.sidebar .callout {
    margin-top: 0;   
}

.sidebar .info {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc; }
    .sidebar .info p {
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        font-size: .9em;
        padding: 1em 0 0 0;
    }

.quote-callout {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    margin: 1em 0 2.5em 0;
    padding: 1em; }
    .quote-callout .social i {
        padding: .5em;
        color: #999999;
        font-size: 1.4em;
    }
    .quote-callout blockquote {
        font-family: adobe-garamond-pro, times new roman, serif;
        padding: 0em 0em 1em 0em;
        color:#666666;
        text-align:center;
        text-transform: none;
        font-size: 2em;
        margin: 0;
        font-weight: 200;
        border: none; }
        .quote-callout blockquote cite {
            font-style: normal;
            color: #666666;
            font-size: .65em;
            text-transform: none;
            padding: .5em 0 0 0; }
    .quote-callout img {
        margin: 0 0 1em 0; }
    .quote-callout p {
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        font-size: .95em;
        line-height: 1.3em;
    }
.quote-callout.small-quote {
    margin: 0 auto 1em auto;
    border-bottom: none;
}
.quote-callout.small-quote blockquote {
        font-size: 1.1em;
        padding: 0em 1em .5em 0em;
}
.quote-callout.small-quote blockquote cite {
    font-size: .9em;
    font-variant: normal;
}
.quote-callout.small-quote blockquote cite a {
    color: #164297;   
}

.imagerow img {
    padding: 1.5em 0 3em 0;
}

.inforow {
    margin: 0 0 2em 0; }
    .inforow img {
    padding: .5em 0 .5em 0;
    }

.mini {
    font-family: nimbus-sans, helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: .8em;
    padding-bottom: 1em;
}

.floating-column {
    padding: 0 1em 1em 1em;   
}

.floating-column .caption, .sidebar .caption {
    font-size: .9em;
    font-family: nimbus-sans,helvetica,arial,sans-serif;
    color: #999999;
    padding: .5em 0 .5em 0;
    line-height: 1.1em;
    text-align: right;
}
.reveal-modal .infographic {
    text-align: center; }
    .reveal-modal .social {
        padding: 0 0 .5em 0;
        font-size: .8em; }
        .reveal-modal .social a {
            color: #999999; }
        .reveal-modal .social i {
            padding: 0 .5em .5em; .5em }
    .reveal-modal .infographic h3 {
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        text-transform: uppercase;
        color:#666666;
        text-transform: uppercase;
        letter-spacing: .1em;
        font-size: 1.2em;
        font-weight: 600;
        padding: 1em 0 1em 0;
}

.reveal-modal p {
    font-family: nimbus-sans, helvetica, arial, sans-serif;
    font-size: 1em;
}

.ctas {
    margin-bottom: 2em; }
    .ctas p {
        text-align: center;
        font-size: .9em;
        font-family: nimbus-sans, helvetica, arial, sans-serif;
    }

footer {
    background-color: #D6C13B;
    border-top: 2px solid #cccccc; }
    footer a {
        color: #000000;
        text-decoration: underline;
    }
    footer p {
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        color: #000000;
        font-size: 1em;
    }
    footer ul {
        list-style-type: none;
        text-align: center;
    }
    footer li {
        padding: 1em;
        display: inline-block;
    }
    footer li a {
        font-family: nimbus-sans, helvetica, arial, sans-serif;
        color: #eeeeee;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: .16em;
        text-decoration: none;
    }
    footer li a:hover {
        color: #ffffff;
        text-decoration: underline;
    }
    footer h3 {
        color: #000000;
        font-size: .9em;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: .1em;
    }

#lightGallery-slider .lightGallery-slide img {
    max-height: 75%;
}

#lightGallery-slider .lightGallery-slide p {
    font-family: nimbus-sans, helvetica, arial, sans-serif;
    padding: 1em;
    color: #ffffff;
}

.customHtml {
    height: auto;
    width: 75%;
    text-align: center;
    margin:auto;
}

#lightGallery-slider {
    white-space: normal;
}

#storyjs-timeline {
    z-index: 0;
}

#timeline-embed h3 {
    text-align: center;
    color: #666666;
}

/* Mobile only special declarations */
@media only screen and (max-width: 40.063em) {
#hero {
    height: 300px;
    margin: 0;
    background-image: url(http://www.bushcenter.org/sites/default/files/image_miscellaneous/koreas-at-night-mobile.jpg); }
    
.imagerow img {
    padding: 1em 0 1em 0;
}
    
#headline {
    margin-top: -50px; }
    #headline h1 {
        font-size: 3em; }
    #headline h2 {
        font-size: 1.5em }
}

/* Print specific declarations */
@media print {
    p {
        font-size: 1em;
    }
    #bignav, #mediumnav {
        display: none;
    }
    #smallnav .right-small {
        display: none;
    }
    #hero {
        display: none;
    }
    
    #timeline-embed {
        display: none;   
    }
    
    #headline {
        margin-top: 20px;
    }
    
    .flex-video {
        display: none;
    }
    .print-only {
        display: inline;
    }
    .social {
        display: none;   
    }
}