.fb-share-button.fb_iframe_widget span:first-child{vertical-align: inherit !important;border-radius: 9999px;overflow: hidden;}
.reading p{margin-bottom: 15px;}
.reading a{color:#17222B;}
.reading figure.media div:nth-child(1) {width:100%;}
.reading figure.media div div:nth-child(1) {position: relative;height: 0;padding-bottom: 56.25%;}
.reading figure.media div div iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.share-line-button{background: #06c755;height: 20px;width: 73px;text-align: center;border-radius: 9999px;}
.read-img-cover{position:relative;}
.read-img-cover .read-img-logo{position:absolute;top:10px;right:10px;}
.share-copy-text{
    height: 20px;
    width: 85px;
    display: block;
    float: left;
    text-align: center;
    background-color: #929293;
    border-radius: 9999px;
    padding: 0px;
    position: relative;
}
.btn-copy-text {
    height: 20px;
    font-size: 12px;
    color: #fff;
    background: transparent;
    line-height: 20px;
    width: 85px;
    font-weight: 400;
    position: absolute;
    left: 0px;
    padding: 0;
    /* top: -6px; */
}

/* Gallery */

.g-container {
    display: inline-block;
    margin: 0;
    padding: 0;
    margin-top: 1.4em;
    width: 100%;
}

.g-box {
    list-style-type: none;
    float: left;
    /* opacity: 0;
    transform: translate3d(0, 40px, 0);
    transition: opacity 0.2s, transform 0.35s; */
}

/* .g-box.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: opacity 0.4s, transform 0.35s;
} */

.g-box .img-inner {
    padding: 10px;
    position: relative;
}

.g-box a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}
/* 
.box img {
    width: calc(100% + 50px);
    max-width: calc(100% + 50px);
    transition: opacity 0.35s, transform 0.35s;
    transform: translate3d(-40px, 0, 0);
}

.box a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.4s;
} */

.three-cols .g-box {
    width: 100%;
}

.four-cols .g-box {
    width: 23.1%;
}

.four-cols .g-box:nth-child(4n+0) {
    margin-right: 0;
}

.four-cols .g-box:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
}

@media (min-width: 390px) {
    .three-cols .g-box {
        width: 50%;
    }
}


@media (min-width: 576px) {
    /* .intro h1 {
        font-size: 4.3em;
    }

    .intro {
        max-height: 70vh;
        min-height: 640px;
        padding-top: 0px;
    }

    .intro h1,
    .tagline {
        text-align: left;
    }

    .tagline {
        font-size: 100%;
    } */

    .three-cols .g-box {
        width: 33.3%;
    }

    .three-cols .g-box:nth-child(3n+0) {
        margin-right: 0;
    }

    .three-cols .g-box:nth-child(3n+1) {
        margin-left: 0;
    }

    /* .mcbutton {
        width: auto;
    } */
}

/* 
@media (min-width: 992px) {
    .box:hover img {
        transform: translate3d(0, 0, 0);
        transition: opacity 0.35s, transform 0.35s;
    }

    .box:hover a::before {
        opacity: 0.3;
        transition: opacity 0.5s;
    }
} */