/*
Theme Name:     hope17-child
Template:       hope17
*/

/* Place all your CSS modifications below */

.site-header {
    box-shadow: -3px -2px 16px 0px #333333;
    padding-bottom: .5em;
    background: #ffffff;
}

.start-slideshow:hover {
    background: #9f3b7b;
}

.page_links_nav {
    background: #890037;
    text-align: center;
    font: bold small-caps 35px/80px sans-serif;
    border-radius: 6px;
    color: white;
}

.page_links_nav:hover {
    background: #9f3b7b;
}

body {
    color: black;
    background: #ffffff;
}

#page {
    max-width: none;
    margin: 0;
}

#content, .masthead-wrap {
    max-width: 1150px;
    padding: 0 30px;
    background: inherit;
    margin: 10px auto;
}

#primary {
    width: 730px;
    padding-right: 0;
}

#secondary {
    width: 300px;
    text-align: center;
    margin-left: 2em;
    overflow: hidden;
}

#exit-widget {
    background: white;
    width: 100%;
    height: 100%;
    padding: 20px 20px 12px 20px;
}

.side-ad {
    width: 300px;
    margin: 0 auto;
}

.widget, .entry-content, .entry-header {
    padding: 0;
}

.entry-content h1 {
    margin-bottom: 10px;
}

.site-branding {
    width: 250px;
}

.header-ad {
    float: right;
}

.header-ad-wrap {
    width: 728px;
    margin: 0 auto;
}

.wp-caption .wp-caption-text {
    padding: 0;
    background: none;
    font-style: italic;
    font-size: 12px;
}

.hentry, #secondary aside {
    border: none;
    background: inherit;
}

.hentry {
    margin-bottom: 0;
}

.entry-header {
    padding: 0!important;
    border: none!important;
}

header.entry-header .entry-title {
    font-weight: 500;
    margin-top: .5em;
    margin-bottom: 0;
    font-size: 3em;
    line-height: 1.2em;
}

p {
    font-size: 18px;
}

.ad-header {
    font-size: .8em;
    letter-spacing: .3em;
    text-align: center;
}

.in-article-atf {
    min-width: 300px;
    float: left;
    margin-bottom: 20px;
    margin-right: 20px;
    text-align: center;
    min-height: 270px;
}

.in-article-atf-wrap {
    display: inline-block;
}

.recent-list-article {
    display: inline-block;
    margin-bottom: 20px;
    padding: 10px 25px 25px 25px;
    box-shadow: 2px 2px 16px #888888;
    border-radius: 3px;
    width: 100%;
}

.below-article {
    text-align: center;
    margin-bottom: 25px;
}

.gall-recent-list {
	list-style-type: none;
	margin-left: 0!important;
}

.recent-list-thumb {
    float: left;
    margin: 0 10px 15px 0;
    width: 100%;
    max-height: 375px;
}

.gall-recent-title {
    font-size: 35px;
    margin-top: 7px;
    font-weight: 700;
    margin-bottom: 20px;
}

.gall-recent-text {
    margin-bottom: 15px;
    line-height: 28px;
    font-size: 16px;
    float: left;
}

.gall-recent-unit {
    text-align: left;
    margin: 0 auto;
}

.gall-recent-wrap {
    text-align: center;
}

.gall-recent-btn {
    float: right;
    padding: 0 20px;
}

#page_links {
    height: 80px;
    margin-top: 20px;
    margin-bottom: 35px;
}

figure {
    position: relative;
}

.gall-continue {
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../../../images/continue.png);
    background-repeat: no-repeat;
    width: 45%;
    background-size: contain;
    height: 30%;
}

.start-slideshow {
    float: left;
    width: 100%;
}

.page_links_prev {
    width: 35%;
    float: left;

}

.page_links_next {
    width: 55%;
    float: right;
}

.social-share-wrap {
    width: 100%;
    border: 1px #ccc solid;
    height: 50px;
    border-radius: 6px;
    font: small-caps 30px/50px sans-serif;
    margin-top: 15px;
    background: #eff1fa;
    overflow: hidden;
    display: -webkit-flex;
    display: flex;
}

.social-box {
    width: 50%;
    float: left;
    text-align: center;
    z-index: 1000;
}

.social-fb-like-box {
    line-height: 35px;
}

.social-fb-share-box {
    background: #3b5998;
    height: 100%;
    color: white;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

.social-fb-share-box:hover {
    background: #2c3864;
    color: white;
}

.fb-f {
    vertical-align: top;
}

.fb-f img {
    height: 45%;
}

.fb-share-text {
    margin-left: 14px;
    display: -ms-inline-grid;
}

.fb-like, .fb-like span {
    width: 80px!important;
    margin-right: 0!important;
}

h1, h2 {
    clear: none;
}

h2 {
    margin-bottom: 10px;
}

.next-article {
    float: left;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 20px;
}

.flex-viewport {
    border-radius: 20px;
    overflow: hidden;
}

.below-article-300 {
    margin: 25px 0;
    text-align: center;
}

.below-article-300-wrap {
    display: inline-block;
}

.end-slate-fb-text {
    text-align: center;
    font-size: 2em;
    line-height: 1em;
}

.sub-footer, .sub-footer a {
    height: 28px;
    background: black;
    width: 100%;
    color: white;
}

.footer-trademark {
    margin: 0 25px;
    float: left;
}

.footer-menu {
    margin: 0 25px;
    float: right;
}

.footer-menu li {
    display: inline-block;
    margin: 0 10px;
}

.vc_grid-item-mini {
    border-radius: 20px;
    overflow: hidden;
}

.hp-mason-title {
    background: white;
}

.mobile-320 {
    text-align: center;
    margin-bottom: 15px;
}

@media (max-width: 1180px) {
    body {
        margin: 0 auto;
    }
}

@media (max-width: 1065px) {
    .site-branding {
        width: 100%;
        text-align: center;
    }

    .header-ad {
        float: left;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 1140px) {
    #content {
        padding: 0;
    }

    #primary {
        width: 100%;
    }

    #main {
        max-width: 750px;
        padding: 0 10px;
        margin: 0 auto;
    }

    #secondary {
        float: left;
        width: 100%;
        margin: 0 auto;
    }
}

@media (max-width: 650px) {
    .in-article-atf {
        width: 100%;
        min-height: 50px;
    }

    .entry-header {
        font-size: .8em;
    }

    header.entry-header .entry-title {
        margin-top: 0;
    }

    .gall-recent-title {
        font-size: 24px;
    }

    .page_links_nav {
        font-size: 2em;
    }

    .site-header {
        height: 50px;
    }

    .site-branding {
        padding: 0;
    }

    .site-branding img {
        width: 150px;
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 24px;
        line-height: 2rem;
    }

    .sub-footer {
        height: 50px;
        text-align: center;
        font-size: 12px;
    }

    .footer-trademark, .footer-menu {
        width: 100%;
        margin: 0;
    }

    .footer-menu {
        float: left;
    }

    .footer-menu li {
        margin: 0 5px;
    }
}

.entry-meta {
	display:none;
}