/*
Theme Name:     GIJN
Theme URI:      http://largoproject.org
Description:    A child theme for the Global Investigative Journalism Network based on the Largo parent theme.
Author:         The INN Nerds
Author URI:     http://nerds.inn.org
Template:       largo
Version:        1.6
*/

.global-nav ul li {
    float: left;
    margin: 9px 10px 0 0;
}

/* Singe Post Container */

body.normal.single-post .entry-content {
    border-bottom: 1px solid #e8e8e8;
}

.article-bottom .widget.largo-follow {
    margin-bottom: 1em;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}

.article-bottom .widget .post-social {
    margin: 0 auto;
    padding-bottom: 1em;
}

.largo-follow .republish {
    background-color: #555;
}

#floating-social-buttons .republish {
    color: #ddd;
    background-color: #fff;
}

.byline > * {
    display: inline-block;   
}

.byline .author {
    padding-right: 0.5em;
}

/* Single Post Feature Image */

body.normal.single-post .hero, body.normal.page .hero {
    margin-left: 0;
    padding: 0 17.021276594%;
    background-color: #fff;
}

body.normal.single-post .hero p.wp-caption-text, body.normal.single-post .hero p.wp-media-credit {
    margin: 0;
}

/* Article Review Form */

#article-review-form {
    background: #f6f6f6;
    border: 1px solid #eee;
    margin: 0 auto 24px;
    padding: 1em;
}

#article-review-form label {
    display: inline-block;
    padding: 1em 1.5em 1em 0.5em;
    position: relative;
}

#article-review-form input[type="text"]:focus,
#article-review-form textarea:focus {
    text-indent: 0;
    z-index: 1;
}

#article-review-form .article-review-form-name .required,
#article-review-form .article-review-form-email .required {
    color: #bd3500;
    font-size: 22px;
    font-weight: bold;
    left: 75%;
    position: absolute;
    top: 45px;
    z-index: 1;
}

#article-review-form p {
    margin: 10px 0;
}

#article-review-form .form-submit {
    float: right;
    margin: -20px 0 10px;
}

#article-review-form input[type=text], #article-review-form input[type=email] {
    display: inline-block;
    height: 24px;
    width: 45.5%;
}

#article-review-form textarea {
    resize: vertical;
    width: 96.5%;
}

#article-review-form input[type="text"],
#article-review-form input[type="email"],
#article-review-form textarea {
    background: #fff;
    border: 4px solid #eee;
    -webkit-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
    -moz-box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
    box-shadow: inset 0 1px 3px rgba(204, 204, 204, 0.95);
    position: relative;
    padding: 10px;
}

#article-review-form button {
    background: #222;
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    color: #eee;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 22px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}

#article-review-form button:hover {
    background: #555;
}

#article-review-form button:active {
    background: #1982d1;
    color: #bfddf3;
}

/* Fluid Video Embeds */

.fve-video-wrapper {
    padding-bottom: 56.25%!important;
}

/* Responsive Gallery Thumbnails */

.rggclGridCol_2 .rggclGridImgCntr {
    width: 530px; /* width of container */
    height: 300px; /* height of container */
    overflow: hidden;
    border: none;
    background: black;
}

.rggclGridCol_3 .rggclGridImgCntr {
    width: 300px; /* width of container */
    height: 174px; /* height of container */
    overflow: hidden;
    border: none;
    background: black;
}

.rggclGridImgCntr img {
    margin: 0px 0px 0px -150px;
    object-fit: contain;
    opacity: 0.7;
}

/* Guide Post Header */
body.normal.single-post article.post > header.span12 {
    clear: both;
    margin: 24px 0;
    position: relative;
}

.category-guides .post-social {
    margin-bottom: 1em;
}

.category-guides .guide-top-links {
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    overflow: auto;
}

.category-guides .guide-bottom-links {
    border-top: 1px solid #e8e8e8;
}

.category-guides .book-contents-page a, .category-guides .book-navigation a {
    text-decoration: none;
    font-size: .9em;
}

.category-guides .translation-links a {
    font-weight: 700;
    color: #B83D48;
    font-size: .9em;
}

@media screen and (max-width: 767px) {

    body.normal.single-post .hero, body.normal.page .hero {
        margin-left: 0;
        padding: 0;
        background-color: #fff;
    }

    #article-review-form label {
        display: inline-block;
        padding: 0 1.5em 0 0.5em;
        position: relative;
    }

    #article-review-form input[type=text], #article-review-form input[type=email] {
        display: inline-block;
        height: 24px;
        width: 96.5%;
    }
}