/*

Theme Name: JPN

Theme URI: https://wordpress.org/themes/twentyeleven/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.

Version: 2.5

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentyeleven

*/



/* =Reset default browser CSS. Based on work by Eric Meyer.

-------------------------------------------------------------- */
/*

THIS FILE IS OVERWRITTEN EVERY TIME YOU UPDATE THE PLUGIN.
USE THE CUSTOM CSS OPTION IN THE SUBSCRIPTION SETTING PANEL FOR YOUR
CUSTOM CSS RULES.

*/

antialiased;
letter-spacing: -.5px;
font-size: 3em;
margin-top: 0px;
margin-bottom: 0px;
}

hr {
    margin-top: 0px;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #000;
    width: 282px;
}

.contain_archive {
    width: 100%;
}

.row_nm_videos {
    overflow: scroll;
    width: 100%;
}

.row__inner {
    -webkit-transition: 450ms transform;
    transition: 450ms transform;
    font-size: 0;
    white-space: nowrap;
    margin: 70.3125px 0;
    padding-bottom: 10px;
}

.tile {
    position: relative;
    display: inline-block;
    width: 250px;
    height: 140.625px;
    margin-right: 10px;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: 450ms all;
    transition: 450ms all;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.tile__img {
    width: 250px;
    height: 140.625px;
    -o-object-fit: cover;
    object-fit: cover;
}

.tile__details {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    font-size: 10px;
    opacity: 0;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
    -webkit-transition: 450ms opacity;
    transition: 450ms opacity;
}

    .tile__details:after,
    .tile__details:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        display: #000;
    }

    .tile__details:after {
        margin-top: -25px;
        margin-left: -25px;
        width: 50px;
        height: 50px;
        border: 1px solid #ecf0f1;
        line-height: 50px;
        text-align: center;
        border-radius: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 1;
    }

    .tile__details:before {
        content: '▶';
        left: 0;
        color: #fff;
        width: 100%;
        font-size: 30px;
        margin-left: 4px;
        margin-top: -18px;
        text-align: center;
        z-index: 2;
        top: 52%;
    }

.tile:hover .tile__details {
    opacity: 1;
}

.tile__title {
    position: absolute;
    bottom: 0;
    padding: 10px;
}

.row__inner:hover {
    -webkit-transform: translate3d(-120px, 0, 0);
    transform: translate3d(-120px, 0, 0);
}

    .row__inner:hover .tile {
        opacity: 0.7;
    }

        .row__inner:hover .tile:hover {
            -webkit-transform: scale(2);
            transform: scale(2);
            opacity: 1;
        }

.tile:hover ~ .tile {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0);
}

.tile_desc {
    position: absolute;
    bottom: 10px;
    color: #fff;
    font-size: .610em;
    font-family: "Crimson Text";
    margin-left: 10px;
    font-weight: 100;
}

    .tile_desc:after {
        display: block;
        width: 20px;
        height: 0;
        font-weight: 100;
        border-bottom: 0.160em solid;
        content: "";
        color: #fff;
    }


.tnp-subscription {
    /*font-size: 13px;*/
    display: block;
    margin: 15px auto;
    max-width: 500px;
    width: 100%;
}

    /* Generic field wrapper */
    .tnp-subscription div.tnp-field {
        margin-bottom: 10px;
        border: 0;
        padding: 0;
    }

    .tnp-subscription label {
        display: block;
        color: inherit;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding: 5px;
        margin: 0;
    }

    .tnp-subscription input[type=text],
    .tnp-subscription input[type=email],
    .tnp-subscription input[type=submit],
    .tnp-subscription select {
        width: 100%;
        height: 51px;
        padding: 10px;
        display: block;
        border: 1px;
        border-color: #ddd;
        background-color: #f4f4f4;
        background-image: none;
        text-shadow: none;
        color: #444;
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        line-height: normal;
        box-sizing: border-box;
    }

    .tnp-subscription input[type=checkbox],
    .tnp-widget input[type=radio] {
        max-width: 20px;
        display: inline-block;
    }

    /* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
    .tnp-subscription select option {
        margin-right: 10px;
    }

    .tnp-subscription input.tnp-submit {
        background-color: #444;
        color: #fff;
        width: auto;
        height: auto;
        margin: 0;
    }

@media all and (max-width: 480px) {
    .tnp-subscription input[type=submit] {
        width: 100%;
    }
}


/* Profile form */

.tnp-profile form .tnp-field {
    margin-bottom: 10px;
    border: 0;
    padding: 0;
}

    .tnp-profile form .tnp-field label {
        display: block;
        color: #333;
    }

    .tnp-profile form .tnp-field input[type=text],
    .tnp-profile form .tnp-field input[type=email],
    .tnp-profile form .tnp-field input[type=submit],
    .tnp-profile form .tnp-field textarea,
    .tnp-profile form .tnp-field select {
        padding: 10px;
        display: block;
        border: 1px;
        border-color: #ddd;
        background-color: #f4f4f4;
        background-image: none;
        text-shadow: none;
        color: #444;
        font-size: 14px;
        margin: 0;
        line-height: normal;
        box-sizing: border-box;
        border-radius: 0;
        height: auto;
        float: none;
    }

.tnp-profile form input[type=checkbox], .tnp-profile input[type=radio] {
    max-width: 20px;
    display: inline-block;
}

.tnp-profile form .tnp-list-label {
    margin-left: 15px;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-profile form select option {
    margin-right: 10px;
}

.tnp-profile form .tnp-field input[type=submit] {
    background-color: #444;
    color: #fff;
    width: auto;
    height: auto;
    margin: 0;
}

@media all and (max-width: 480px) {
    .tnp-profile input[type=submit] {
        width: 100%;
        margin: 0;
    }
}



.tnp-widget {
    width: 100%;
    display: block;
    box-sizing: border-box;
}

    .tnp-widget .tnp-field {
        margin-bottom: 10px;
        border: 0;
        padding: 0;
    }

    .tnp-widget label {
        display: block;
        color: inherit;
        font-size: 14px;
    }

    .tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
        width: 100%;
        padding: 10px;
        display: block;
        border: 1px solid #ddd;
        border-color: #ddd;
        background-color: #f4f4f4;
        background-image: none;
        text-shadow: none;
        color: #444;
        font-size: 14px;
        line-height: normal;
        box-sizing: border-box;
        height: auto;
    }

    .tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
        width: auto;
        display: inline-block;
    }

    /* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
    .tnp-widget select option {
        margin-right: 10px;
    }

    .tnp-widget input.tnp-submit {
        background-color: #444;
        background-image: none;
        text-shadow: none;
        color: #fff;
        margin: 0;
    }

.tnp-field input[type="submit"] {
    position: inherit;
}

.tnp-field label {
}

/* Newsletter Widget Minimal */

.tnp-widget-minimal {
    width: 100%;
}

    .tnp-widget-minimal form {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .tnp-widget-minimal input.tnp-email {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        display: inline-block;
        border: 1px solid #ddd;
        background-color: #f4f4f4;
        color: #444;
        font-size: 14px;
    }

    .tnp-widget-minimal input.tnp-submit {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        display: inline-block;
        border: 1px;
        border-color: #ddd;
        background-color: #444;
        background-image: none;
        text-shadow: none;
        color: #fff;
        font-size: 14px;
        line-height: normal;
        border-radius: 0px;
        height: auto;
        margin: 0;
    }

/* The minimal form */

.tnp-subscription-minimal {
    width: 100%;
    box-sizing: border-box;
}

    .tnp-subscription-minimal form {
        margin: 0;
        padding: 0;
        border: 0;
    }

    .tnp-subscription-minimal input.tnp-email {
        width: 70%;
        max-width: 300px;
        box-sizing: border-box;
        padding: 10px;
        display: inline-block;
        border: 1px solid #ddd;
        background-color: #f4f4f4;
        color: #444;
        font-size: 14px;
        line-height: 20px;
        border-radius: 0px;
    }

    .tnp-subscription-minimal .tnp-privacy-field {
        margin-top: 10px;
    }

    .tnp-subscription-minimal input.tnp-submit {
        width: 29%;
        box-sizing: border-box;
        display: inline-block;
        padding: 10px;
        border: 1px;
        border-color: #ddd;
        background-color: #444;
        background-image: none;
        text-shadow: none;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
        border-radius: 0px;
        margin: 0;
    }

/* Comments Extension */
.tnp-comments {
    clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .tnp-comments label {
        display: block;
    }

    .tnp-comments input[type=checkbox] {
        display: inline-block;
        width: auto !important;
    }


/* Locked Content Extension */
.tnp-lock {
    clear: both;
    display: block;
    box-sizing: border-box;
    box-shadow: none;
    margin: 20px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.tnp-nl-checkout {
    margin-bottom: 1em;
}
.twt {
    height: 360px;
    Overflow: scroll;
}

div#media-popup {
}

a.a2a_dd {
    display: none;
}

.hero {
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
    text-transform: capitalize !important;
    top: 94% !important;
    left: 22% !important;
}

.type-speeches {
    float: left;
    width: 50% !important;
}



.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    width: 100%;
    
}