/*
Theme Name: WP Bootstrap Starter Child
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Template: wp-bootstrap-starter
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description: The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tags: blog,custom-menu,featured-images,threaded-comments,translation-ready,right-sidebar,custom-background,e-commerce,theme-options,sticky-post,full-width-template
Version: 3.3.2.1581094521
Updated: 2020-02-07 17:55:21

*/
@import "columns.css";
@import "article.css";

#menu-social .menu-item-type-custom {
    padding: 0;
}

#menu-social {
    position: absolute;
    right: 50px;
}

#menu-social .menu-item-type-custom img {
    height: 15px;
}

.sm-hamburger.sm-position-right .sm-hamburger-inner,
.sm-hamburger.sm-position-right .sm-hamburger-inner:before,
.sm-hamburger.sm-position-right .sm-hamburger-inner:after {
    border-radius: 0 !important;
}

#search-navbar {
    position: absolute;
    height: 20px;
    right: 0;
}

#main-nav .menu-item-type-custom a {
    padding: 6px 10px;
}

#main-nav .menu-item-type-custom a:first-child {
    padding-left: 20px;
}

.fl-row-content-wrap {
    padding: 0;
}

.fl-module-content {
    margin: 0;
}

.color-one {
    color: hsl(0, 0%, 93%);
}

.color-one-bg {
    background-color: hsl(0, 0%, 93%);
}

.color-two {
    color: #00abd5;
}

.color-two-bg {
    background-color: #00abd5;
}

.color-three {
    color: #626262;
}

.color-four {
    color: #222831;
}

.color-four-bg {
    background-color: #222831;
}

.color-five {
    color: #eeeeee;
}

.term-one {
    text-transform: uppercase;
    font-size: 0.79em;
}

.img-fluid-height {
    width: auto;
    max-height: 100%;
    object-fit: contain;
}

body {
    font-family: "EB Garamond", serif;
    font-weight: normal;
    font-size: 20px;
    color: #222831;
}

.entry-content iframe {
    max-width: 100%;
    max-height: 410px;
}

.relative {
    position: relative;
}

.center-block {
    display: block;
    margin: 0 auto;
}

/*module: commons articles*/

.commons-articles .term-one {
    text-transform: uppercase;
    font-size: 0.79em;
}

.commons-articles .term-one a,
.commons-articles .term-one a:hover {
    color: #00ADB5;
}

.commons-articles {
    position: relative;
    padding: 30px;
}

.commons-articles .thumbnail-one {
    margin-top: 16px;
    height: auto;
    height: 314px;
    background-position: center;
    background-size: cover;
}

.commons-articles .title-one {
    font-family: "manropebold", serif;
    font-weight: bold;
    font-size: 0.92em;
    margin-top: 23px;
    outline-color: #222831 !important
}

.commons-articles .authors-one {
    font-style: italic;
    font-weight: normal;
    font-size: 0.69em;
}

.commons-articles .authors-one > span {
    margin-right: 5px;
}

.commons-articles .excerpt-one {
    font-weight: medium;
    font-size: 0.69em;
}

.commons-articles .excerpt-one, .title-one, .authors-one {
    color: #222831;
}

.commons-articles .author {
    text-decoration: underline !important;

}

.commons-articles .date-one {
    font-size: 0.69em;
    opacity: 0.5;
}

.commons-articles .post-col {
    height: 80%;
}

/* 4 ARTICLES*/

.four-articles {
    position: relative;
}

.four-articles .submit-btn {
    text-align: center;
    font-weight: medium;
    font-size: 16px;
    opacity: 1;
    width: 240px;
    height: 57px;
    border: none;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.four-articles .submit-btn:hover {
    background-color: #00ADB5;

}

.four-articles .four-articles-title {
    font-size: 38px;
    font-weight: normal;
}

.four-articles .thumbnail-one {
    height: 184px;
    position: relative;
}

.four-articles .thumbnail-one:hover .thumbnail-one-over {
    border: 4px solid white;
    transition: border 300ms;
}

.four-articles .thumbnail-one-over {
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0px solid white;
    transition: border 300ms;
}

.two-articles .thumbnail-one {
    position: relative;
}

.two-articles .thumbnail-one:hover .thumbnail-one-over {
    border: 4px solid hsl(0, 0%, 93%);
    transition: border 300ms;
}

.two-articles .thumbnail-one-over {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0px solid hsl(0, 0%, 93%);
    transition: border 300ms;
}

/*home with sidebar*/
.home-sidebar {
    position: relative;
    padding: 0;
    margin-top: -40px;
}

.home-sidebar .submit-btn {
    text-align: center;
    font-weight: medium;
    font-size: 16px;
    background-color: #222831;
    opacity: 1;
    width: 240px;
    height: 57px;
    border: none;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.home-sidebar .submit-btn:hover {
    background-color: #00ADB5;

}

.home-sidebar .article-head {
    height: 100%;
    max-width: 160px;
}

.home-sidebar .thumbnail-one {
    margin-top: 0 !important;
    height: 100%;
}

.home-sidebar .article-head .col .row {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.home-sidebar .col-3-articles .controls {
    font-family: "manropebold", serif;
    font-weight: bold;
    font-size: 2em;
    line-height: 20px;
    cursor: pointer;
    color: white;
    margin-bottom: 25px;
    margin-top: 13px;
    padding-left: 26px;
}

.col-3-articles {
    padding-top: 0;
    padding-bottom: 12px;
    margin-top: 22px;
    height: 100%;
}

.home-sidebar .col-3-articles .slick-disabled {
    opacity: 0.4;
}

.home-sidebar .col-3-articles .slick-slide {
    transition: opacity 1s;
}

.home-sidebar .col-3-articles .controls .prev-article, .home-sidebar .col-3-articles .controls .next-article {
    width: 30px;
    display: inline-block;
}

.home-sidebar .col-3-articles .controls .prev-article {
    transform: rotate(90deg);
}

.home-sidebar .col-3-articles .controls .next-article {
    transform: rotate(90deg);
}

.home-sidebar .row-article {
    height: 140.8px !important;
    display: flex !important;
    margin-bottom: 15px;
}

.home-sidebar .row-article .title-one {
    font-size: 0.72rem;
    color: white;
    margin: 0 !important;
    padding: 0;
    min-height: 64px;
}

.home-sidebar .col-article {
    height: 128px;
    padding-top: 20px;
}

.home-sidebar .col-article-right {
    margin-left: -30px;
    margin-top: -5px;
}

.home-sidebar .row-article .date-one, .row-article .authors-one {
    color: #eeeeee !important;
    min-height: 30px;
}

.home-sidebar .col-3-articles, .col-side-menu {
    background: rgba(34, 40, 49, 0.8);
}

.home-sidebar .container {
    max-width: 1450px;
    position: relative;
}

.home-sidebar .background-img {
    width: 100%;
    height: 100%;
}

.home-sidebar .background-img-one {
    width: 100%;
}

.home-sidebar .header-overflow {
    width: 100%;
    height: 57px;
}

.home-sidebar .dropdown-divider {
    opacity: 0.45;
    max-width: 310px;
}

.dropdown-divider {
    height: 0 !important;
    margin: .5rem 0;
    margin-left: 15px;
    overflow: hidden;
    border-top: 1px solid #e9ecef !important
}

.home-sidebar .col-3-articles .col-article-left {
    margin-left: -15px;
    margin-bottom: 10px;
}

.wrapper {
    width: 100%;
    max-width: 1450px;
    margin: auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}

.wrapper .stretchy-wrapper {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    margin: auto;
    max-width: 1450px;
}

.home-sidebar .background-img-one {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    font-size: 24px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    max-height: 602px;
}

.home-sidebar .background-img-one::after {
    background: rgba(34, 40, 49, 0.45);
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.main-side-home-article {
    position: absolute;
    margin-left: 5vw;
    max-width: 70%;
    bottom: -1px;
}

.main-side-home-article .excerpt-one {
    color: #eeeeee;
    margin-left: 25px;
    font-size: 1rem;
    padding-top: 15px;
    max-width: 450px;
    display: none;
}

.main-side-home-article .authors-one {
    /*padding-left: 20px;*/
    margin-top: 8px;

}

.main-side-home-article .authors-one a {
    color: #eeeeee;
    font-size: 0.9rem;
    text-decoration: underline !important;
}

.main-side-home-article .title-one {
    font-size: 36px;
    /*min-height: 90px;*/
    background-color: #fff;
    padding: 0 20px;
    padding-top: 5px;
    margin-bottom: 0;
}

.main-side-home-article .exclusive-btn {
    background-color: #FF2E63;
    text-transform: uppercase;
    color: white;
    width: 100%;
    height: 43px;
    border: none;
    font-size: calc(0.7rem + 0.4vw);
    letter-spacing: 3.75px;
    padding-left: 13px;
}

.main-side-home-article .col-exclusive {
    margin-left: 25px;
}

.main-side-home-article .col-authors {
    margin-left: 25px;
}

.menu-btn {
    position: absolute;
    bottom: 0;
    right: 0;
}

.sm-navmenu-menu_laterale .sm-title-wrap {
    font-family: "EB Garamond", serif !important;
    font-size: 25px;
}

.sm-loading-overlay {
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
    .main-side-home-article .title-one {
        font-size: 18px;
        background-color: rgba(255, 255, 255, 1) !important;
    }

    .main-side-home-article .excerpt-one {
        font-size: 0.9rem;
    }

    .col-3-articles .dropdown-divider {
        max-width: 224px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding-right: 0.8rem !important;
    }
}

.fl-module-authors .next-authors {
    right: 75px !important;
}

.archive .back-arrow {
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .main-side-home-article {
        position: relative;
    }
    .main-side-home-article .title-one {
        height: fit-content;
        margin-bottom: 10px;
        padding-bottom: 25px;
    }
}

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

    .entry-meta .authors-one a .author-name::before {
        white-space: pre;
        content: " ";
    }

    .entry-meta .authors-one a .author-name::after {
        white-space: pre;
        content: " ";
    }

    .main-side-home-article .exclusive-btn {
        width: 170px !important;
        font-size: unset;
        margin-bottom: 2px !important;
    }

    .home-sidebar .col-main-side-home {
        padding-left: 0;
    }

    .main-side-home-article {
        margin-top: 25vh;
        margin-left: 0;
        margin-top: calc(var(--vh, 1vh) * 25) !important;
        max-width: 100%;
    }

    .main-side-home-article .col-exclusive {
        margin-bottom: -26px;
        margin-top: -1vh;
    }

    .main-side-home-article .author {
        text-decoration: underline !important;
    }

    .main-side-home-article .title-one {
        font-size: 18px;
        background-color: rgba(255, 255, 255, 0.8);
    }

    .main-side-home-article .excerpt-one {
        font-size: 0.7rem;
    }

    .four-articles-title {
        font-size: 33px !important;
    }

    .col-four-articles {
        margin-bottom: 30px;
    }

    .fl-module-slider .excerpt {
        padding: 20px 5px !important;
        padding-right: 0 !important;
        font-family: "EB Garamond", serif;
        font-weight: normal;
        font-size: 0.79em;
    }

    .fl-module-slider .thumbnail {
        height: 258px !important;
        position: relative;
        background-position: center;
        background-size: cover;
    }

    .fl-module-slider .slick-slide {
        width: 240px !important;
    }

    .fl-module-slider .slider-head .col-sm-4 {
        padding-top: 7px;
        margin-bottom: 42px;
    }

    .fl-module-slider .title {
        padding: 10px 0px 10px 10px;
        font-family: "manropebold", serif;
        font-weight: bold;
        font-size: 0.79em;
        line-height: 20px;
        height: auto;
        min-height: 50px !important;
    }

    .fl-module-slider .icon-mobile {
        background-image: url(img/icn_video.svg);
        background-repeat: no-repeat;
        background-size: 35px;
        background-position: center;
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: auto;
    }

    .fl-module-slider .icon-link {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
    }

    /*    .single-post .entry-back{
            margin-top: -135px;
            background: white;
            width: 93%;
            float: left;
            margin-left: -59px !important;
            padding-right: 0 !important;
        }*/
    .single-post .entry-content {
        margin-top: 30px !important;
    }

    .single-post .entry-content > iframe, .single-post .entry-content > ul, .single-post figure, .single-post twitter-widget {
        max-width: 100%;
        margin: 0 auto !important;
        padding: 15px;
    }

    .single-post twitter-widget {
        padding-left: 0px !important;
    }

    .single-post figure img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 316px) and (max-width: 324px) {
    .main-side-home-article {
        margin-top: 23vh !important;
        margin-top: calc(var(--vh, 1vh) * 23) !important;
    }
}

@media only screen and (min-width: 324px) and (max-width: 333px) {
    .main-side-home-article {
        margin-top: 25vh !important;
        margin-top: calc(var(--vh, 1vh) * 25) !important;
    }
}

@media only screen and (min-width: 333px) and (max-width: 341px) {
    .main-side-home-article {
        margin-top: 27vh !important;
        margin-top: calc(var(--vh, 1vh) * 27) !important;
    }
}

@media only screen and (min-width: 341px) and (max-width: 349px) {
    .main-side-home-article {
        margin-top: 27vh !important;
        margin-top: calc(var(--vh, 1vh) * 27) !important;
    }
}

@media only screen and (min-width: 349px) and (max-width: 357px) {
    .main-side-home-article {
        margin-top: 28vh !important;
        margin-top: calc(var(--vh, 1vh) * 28) !important;
    }
}

@media only screen and (min-width: 357px) and (max-width: 365px) {
    .main-side-home-article {
        margin-top: 29vh !important;
        margin-top: calc(var(--vh, 1vh) * 29) !important;
    }
}

@media only screen and (min-width: 365px) and (max-width: 373px) {
    .main-side-home-article {
        margin-top: 31vh !important;
        margin-top: calc(var(--vh, 1vh) * 31) !important;
    }
}

@media only screen and (min-width: 373px) and (max-width: 381px) and (min-height: 720px) {
    .main-side-home-article {
        margin-top: 32vh !important;
        margin-top: calc(var(--vh, 1vh) * 30) !important;
    }
}

@media only screen and (min-width: 373px) and (max-width: 381px) and (min-height: 660px) {
    .main-side-home-article {
        margin-top: 32vh !important;
        margin-top: calc(var(--vh, 1vh) * 28) !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 381px) and (min-height: 720px) {
    .main-side-home-article {
        margin-top: 26vh !important;
        margin-top: calc(var(--vh, 1vh) * 26) !important;
    }
}

@media only screen and (min-width: 381px) and (max-width: 389px) {
    .main-side-home-article {
        margin-top: 33vh !important;
        margin-top: calc(var(--vh, 1vh) * 33) !important;
    }
}

@media only screen and (min-width: 389px) and (max-width: 397px) {
    .main-side-home-article {
        margin-top: 36vh !important;
        margin-top: calc(var(--vh, 1vh) * 36) !important;
    }
}

@media only screen and (min-width: 397px) and (max-width: 405px) {
    .main-side-home-article {
        margin-top: 37vh !important;
        margin-top: calc(var(--vh, 1vh) * 37) !important;
    }
}

@media only screen and (min-width: 405px) and (max-width: 413px) {
    .main-side-home-article {
        margin-top: 38vh !important;
        margin-top: calc(var(--vh, 1vh) * 38) !important;
    }
}

@media only screen and (min-width: 405px) and (max-width: 413px) and (min-height: 660px) {
    .main-side-home-article {
        margin-top: 32vh !important;
        margin-top: calc(var(--vh, 1vh) * 30) !important;
    }
}

@media only screen and (min-width: 413px) and (max-width: 421px) and (min-height: 720px) {
    .main-side-home-article {
        margin-top: 40vh !important;
        margin-top: calc(var(--vh, 1vh) * 40) !important;
    }
}

@media only screen and (min-width: 413px) and (max-width: 421px) and (min-height: 660px) {
    .main-side-home-article {
        margin-top: 32vh !important;
        margin-top: calc(var(--vh, 1vh) * 32) !important;
    }
}

@media only screen and (min-width: 421px) and (max-width: 429px) {
    .main-side-home-article {
        margin-top: 41vh !important;
        margin-top: calc(var(--vh, 1vh) * 41) !important;
    }
}

@media only screen and (min-width: 429px) and (max-width: 437px) {
    .main-side-home-article {
        margin-top: 43vh !important;
        margin-top: calc(var(--vh, 1vh) * 43) !important;
    }
}

@media only screen and (min-width: 437px) and (max-width: 445px) {
    .main-side-home-article {
        margin-top: 43vh !important;
        margin-top: calc(var(--vh, 1vh) * 43) !important;
    }
}

@media only screen and (min-width: 445px) and (max-width: 453px) {
    .main-side-home-article {
        margin-top: 44vh !important;
        margin-top: calc(var(--vh, 1vh) * 44) !important;
    }
}

@media only screen and (min-width: 453px) and (max-width: 461px) {
    .main-side-home-article {
        margin-top: 45vh !important;
        margin-top: calc(var(--vh, 1vh) * 45) !important;
    }
}

@media only screen and (min-width: 461px) and (max-width: 469px) {
    .main-side-home-article {
        margin-top: 46vh !important;
        margin-top: calc(var(--vh, 1vh) * 46) !important;
    }
}

@media only screen and (min-width: 469px) and (max-width: 477px) {
    .main-side-home-article {
        margin-top: 47vh !important;
        margin-top: calc(var(--vh, 1vh) * 47) !important;
    }
}

@media only screen and (min-width: 477px) and (max-width: 485px) {
    .main-side-home-article {
        margin-top: 49vh !important;
        margin-top: calc(var(--vh, 1vh) * 49) !important;
    }
}

@media only screen and (min-width: 485px) and (max-width: 493px) {
    .main-side-home-article {
        margin-top: 50vh !important;
        margin-top: calc(var(--vh, 1vh) * 50) !important;
    }
}

@media only screen and (min-width: 493px) and (max-width: 501px) {
    .main-side-home-article {
        margin-top: 51vh !important;
        margin-top: calc(var(--vh, 1vh) * 51) !important;
    }
}

@media only screen and (min-width: 501px) and (max-width: 509px) {
    .main-side-home-article {
        margin-top: 52vh !important;
        margin-top: calc(var(--vh, 1vh) * 52) !important;
    }
}

@media only screen and (min-width: 509px) and (max-width: 517px) {
    .main-side-home-article {
        margin-top: 54vh !important;
        margin-top: calc(var(--vh, 1vh) * 54) !important;
    }
}

@media only screen and (min-width: 517px) and (max-width: 523px) {
    .main-side-home-article {
        margin-top: 55vh !important;
        margin-top: calc(var(--vh, 1vh) * 55) !important;
    }
}

@media only screen and (min-width: 523px) and (max-width: 531px) {
    .main-side-home-article {
        margin-top: 56vh !important;
        margin-top: calc(var(--vh, 1vh) * 56) !important;
    }
}

@media only screen and (min-width: 531px) and (max-width: 539px) {
    .main-side-home-article {
        margin-top: 57vh !important;
        margin-top: calc(var(--vh, 1vh) * 57) !important;
    }
}

@media only screen and (min-width: 539px) and (max-width: 547px) {
    .main-side-home-article {
        margin-top: 58vh !important;
        margin-top: calc(var(--vh, 1vh) * 58) !important;
    }
}

@media only screen and (min-width: 547px) and (max-width: 551px) {
    .main-side-home-article {
        margin-top: 59vh !important;
        margin-top: calc(var(--vh, 1vh) * 59) !important;
    }
}

@media only screen and (min-width: 551px) and (max-width: 559px) {
    .main-side-home-article {
        margin-top: 60vh !important;
        margin-top: calc(var(--vh, 1vh) * 60) !important;
    }
}

@media only screen and (min-width: 559px) and (max-width: 567px) {
    .main-side-home-article {
        margin-top: 62vh !important;
        margin-top: calc(var(--vh, 1vh) * 62) !important;
    }
}

@media only screen and (min-width: 567px) and (max-width: 575px) {
    .main-side-home-article {
        margin-top: 63vh !important;
        margin-top: calc(var(--vh, 1vh) * 63) !important;
    }
}

@media only screen and (min-width: 575px) and (max-width: 583px) {
    .main-side-home-article {
        margin-top: 64vh !important;
        margin-top: calc(var(--vh, 1vh) * 64) !important;
    }
}

@media only screen and (min-width: 583px) and (max-width: 591px) {
    .main-side-home-article {
        margin-top: 66vh !important;
        margin-top: calc(var(--vh, 1vh) * 66) !important;
    }
}

@media only screen and (min-width: 591px) and (max-width: 599px) {
    .main-side-home-article {
        margin-top: 67vh !important;
        margin-top: calc(var(--vh, 1vh) * 67) !important;
    }
}

@media only screen and (min-width: 599px) and (max-width: 607px) {
    .main-side-home-article {
        margin-top: 67vh !important;
        margin-top: calc(var(--vh, 1vh) * 67) !important;
    }
}

@media only screen and (min-width: 607px) and (max-width: 615px) {
    .main-side-home-article {
        margin-top: 68vh !important;
        margin-top: calc(var(--vh, 1vh) * 68) !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .main-side-home-article {
        margin-top: 18vh !important;
        margin-top: calc(var(--vh, 1vh) * 18) !important;
    }

    .main-side-home-article .authors-one {
        padding-left: 20px;
    }

    .col-3-articles .article-head {
        /* max-width: 108px; */
        padding-left: 11px;
    }

    .ad-module-container .desktop .rectangle .store-div {
        top: -30px !important;
        left: 32px !important;
        height: auto !important;
        width: 239px !important;
        padding-bottom: 30px !important;
    }

    .ad-module-container .desktop .rectangle .store-div .title {
        font-size: 28px !important;
        line-height: 35px !important;
        margin-top: 35px !important;
        margin-bottom: 27px !important;
        margin-left: 25px !important;
    }

    .ad-module-container .desktop .rectangle .store-div .excerpt {
        color: white;
        margin-left: 25px !important;
        padding-right: 0 !important;
        font-size: 12px !important;
    }

    .ad-module-container .desktop .rectangle .store-div .store-btn-row {
        margin-top: 36px !important;
        padding-left: 22px !important;
        color: white;
        font-family: "manrope", sans-serif;
    }

}

.row-excerpt-article-one {
    margin-top: -28px;
    background-color: #222831;
    padding-top: 13px;
}

.row-excerpt-article-one .excerpt-one {
    color: #EEEEEE !important;
}

.row-excerpt-article-one .date-one {
    color: #EEEEEE !important;
}

.row-excerpt-article-one .authors-one .author {
    color: #eeeeee !important;
    opacity: 0.4;
}

.row-article-mobile {
    padding-left: 15px;
    padding-right: 15px;
}

.row-article-mobile .title-one {
    color: #FFFFFF;
}

.row-article-mobile .excerpt-one {
    color: #EEEEEE;
}

.row-article-mobile .date-one {
    color: #FFFFFF;
    opacity: 0.4;
}

.row-article-mobile .authors-one .author {
    color: #eeeeee !important;
    opacity: 0.4;
}

.col-3-articles-mobile .article-1 {
    background-color: rgba(34, 40, 49, 0.9);
}

.col-3-articles-mobile .article-2 {
    background-color: rgba(34, 40, 49, 0.8);
}

.col-3-articles-mobile .article-3 {
    background-color: rgba(34, 40, 49, 0.7);
}

.four-articles-btn {
    position: absolute;
    top: -15px;
    right: -14px;
    width: 75px;
    height: 75px;
}

.four-articles-btn form {
    height: 100%;
}

.four-articles-btn .submit-btn {
    margin: 0 !important;
    text-align: center;
    opacity: 1;
    width: 100%;
    height: 100%;
    border: none;
    margin-bottom: 30px;
    text-transform: uppercase;
    background-color: #eeeeee;
    color: black;
    font-weight: bold;
    font-size: 2.3rem;
    padding-right: 12px;
    padding-top: 10px;
}

.four-articles-btn .submit-btn:hover {

}

/* navs */

.nav-mobile {
    width: 100vw;
}

#main-nav-mobile {
    overflow-x: auto;
    background-color: rgba(34, 40, 49, 0.8);
}

#main-nav-mobile .menu-item {
    padding-left: 0;
    margin-left: 8px;
    background-color: #222831;
    border-radius: 50px;
    min-height: 37px;
    white-space: nowrap;
}

#main-nav-mobile .navbar-nav {
    padding-top: 18px;
    padding-bottom: 10px;
    padding-left: 20px;
    transition: padding 0.2s ease-out;
}

.navbar-mobile-expanded {
    padding-top: 23px !important;
    transition: padding 0.2s ease-out;
}

#main-nav-mobile .nav-link {
    font-size: 12px;
    padding-top: 9px;
}

#masthead {
    height: 57px;
    background: rgba(34, 40, 49, 0.85);
    padding-top: 5px;
    z-index: 2;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.navbar-light .navbar-nav .nav-link {
    letter-spacing: 3px;
    color: #EEEEEE !important;
    text-transform: uppercase;
    font-size: 12.2px;
    padding-right: 1.3rem;
    padding-left: 1.3rem;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover .sm-title-wrap {
    color: #00abd5 !important;
}

.navbar-brand {
    margin-right: 40px;
}

.navbar-brand img {
    height: 30px;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#colophon {
    background: #222831;
    /*margin-top: 40px;*/
}

.navbar-homepage {
    height: 80.8px !important;
    padding-top: 17px !important;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-homepage .navbar-brand img {
    height: 39px !important;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.navbar-homepage .navbar-brand {
    margin-right: 40px !important;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.sm-hamburger--3dy {
    position: fixed !important;
    top: unset !important;
    bottom: 32px;
    right: 0 !important;
    width: 50px;
    height: 50px;
    border-radius: 50px !important;
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 2px 5px #00000033 !important;
}

@media screen and (max-width: 768px) {
    .sm-hamburger--3dy {
        bottom: 9px;
        width: 65px;
        height: 65px;
    }

    #masthead {
        background: rgba(34, 40, 49, 1);
    }

    #masthead .container {
        padding-left: 0;
    }

    #masthead .navbar-brand {
        margin-left: 30px;
        -ms-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: margin 0.7s ease-out;
    }

    .menu-item-173841 {
        visibility: hidden;
    }

    .menu-item-173844, .menu-item-173845 {
        display: none;
    }

    .home-sidebar {
        margin-top: 39px;
    }

    body.single-post .content-area .container {
        margin-top: 60px;
        padding: 0 30px;
    }
}

.sm-hamburger--3dy:hover {
    opacity: 1 !important;
}

.sm-hamburger--3dy:hover:not(.is-active) .sm-hamburger-inner, .sm-hamburger--3dy:hover:not(.is-active) .sm-hamburger-inner::after, .sm-hamburger--3dy:hover:not(.is-active) .sm-hamburger-inner::before {
    background-color: #00abd5 !important;
}

.sm-hamburger-inner:hover {
}

.is-active {
    background-color: #FF2E63 !important;
}

.is-active .sm-hamburger-inner::before, .is-active .sm-hamburger-inner::after {
    background-color: white !important;
    width: 26px !important;
}

.sm-hamburger--3dy:hover {
    /* width: 60px;
    height: 60px; */
}

.sm-hamburger-box {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 16px !important;
}

.is-active .sm-hamburger-box {
    transform: translate(-4.7px, -1px) !important;
}

.sm-hamburger--3dy .sm-hamburger-inner, .sm-hamburger--3dy .sm-hamburger-inner::before, .sm-hamburger--3dy .sm-hamburger-inner::after {
    height: 4px !important;
    width: 16px;
}

.sm-title {
    display: none;
}

.sm-footer-text {
    display: none;
}

.sm-main-level {
    background-color: rgb(34, 40, 49) !important;
}

#masthead .sm-title-wrap:not(:hover) {
    color: #eeeeee !important;
}

.sm-menu-181 .sm-title-wrap {
    text-align: left !important;
    color: #3D495A !important;
    padding: 8px 0 8px 0 !important;
}

.sm-menu-181 .menu-item a {
    text-decoration: none;
}

html:not(.sm-always-visible) .sm-wrapper.sm-menu-open .sm-pusher:after {
    background: black !important;
    opacity: 0.5 !important;
}

.sm-menu .sm-nav-list {
    padding-inline-start: 40px;
}

.sm-menu-181 .menu-item .sm-title-wrap::after, .menu-item .sm-title-wrap::before {
    content: unset !important;
}

.sm-menu-181 .menu-item:hover .sm-title-wrap {
    color: #00abd5 !important;
}

.lateral-buttons-desk {
    position: fixed;
    top: 80.8px;
    right: 0;
    width: 100px;
    z-index: 3;
}

.lateral-buttons-desk .btn-1:hover,
.lateral-buttons-desk .btn-2:hover,
.lateral-buttons-desk .btn-3:hover,
.lateral-buttons-desk .btn-4:hover,
.lateral-buttons-desk .btn-5:hover {
    /* transition: margin 700ms;
    padding-left: 100px;
    margin-left: 10px; */
}

.lateral-buttons-desk .btn-5::after {
    content: "Blog";
    position: absolute;
    bottom: 7px;
    right: 30px;
    text-align: right;
    color: white;
    font-size: 0.6em;
    font-family: "manropebold", serif;
}

.lateral-buttons-desk .row {
    width: 100px;
    padding-left: 10px;
    -ms-transition: 0.15s padding ease-out;
    -moz-transition: 0.15s padding ease-out;
    -webkit-transition: 0.15s padding ease-out;
    -o-transition: 0.15s padding ease-out;
    transition: 0.15s padding ease-out;
}

.lateral-buttons-desk .row:hover {
    padding-left: 0;
    -ms-transition: 0.15s padding ease-out;
    -moz-transition: 0.15s padding ease-out;
    -webkit-transition: 0.15s padding ease-out;
    -o-transition: 0.15s padding ease-out;
    transition: 0.15s padding ease-out;

}

/*
.lateral-buttons-desk .row{
    background-color: #00ADB5;
    width: 80px;
    min-height: 80px;
    position: relative;
    margin: 0;
    margin-left: -15px;
}

.lateral-buttons-desk .btn-1:hover .row{
    width: 100px;
    min-height: 80px;
    position: relative;
    margin: 0;
    margin-left: -15px;
} */

.lateral-buttons-desk .col {
    min-height: 80px;
    max-width: 100px;
    padding: 0;
    margin-left: 10px;
}

.lateral-buttons-desk .col .img-fluid {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 19px;
    margin: auto;
    width: 45px;
    height: 41px;
    padding: 7px;
}

.lateral-buttons-desk .btn-1 {
    background-color: #00ADB5;
    transition: margin 700ms;

}

.lateral-buttons-desk .btn-2 {
    background-color: #00858B;
    transition: margin 700ms;

}

.lateral-buttons-desk .btn-3 {
    background-color: #005D62;
    transition: margin 700ms;

}

.lateral-buttons-desk .btn-4 {
    background-color: #003E41;
    transition: margin 700ms;

}

.lateral-buttons-desk .btn-5 {
    background-color: #002b2b;
    transition: margin 700ms;

}

.bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 60px !important;
    z-index: 3;
    background-color: #00ADB5;
}

.bottom-bar .container, .bottom-bar .row, .bottom-bar .col {
    height: 100%;
}

.bottom-bar .container {
    margin-right: 0;
}

.bottom-bar .row {
    max-width: 90%;
}

.bottom-bar .col .img-fluid {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 45px;
    height: 41px;
    padding: 7px;
}

li.current-menu-item > a .sm-title-wrap {
    background-color: transparent !important;
}

/* Searchform */
#searchform {
    position: fixed;
    top: 0;
    bottom: 30px;
    left: 0px;
    right: 0px;
    z-index: 100000000;
    height: 100%;
    background: rgba(34, 40, 49, 0.98);
    display: none;
    color: #fff;
}

#search-navbar {
    cursor: pointer;
}

#searchexit {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}

.overflow-hidden {
    overflow: hidden;
}

#searchform .search-form {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 700px;
    width: 100%;
    height: 200px;
}

@media screen and (max-width: 768px) {
    #searchform .search-form {
        max-width: 400px;
    }

    #searchform .text-input {
        font-size: 47px !important;
    }

    #searchexit {
        right: 2vw !important;
    }

    #searchform .search-form .search-field {
        font-size: 25px !important;
    }
}

#searchform .search-form .search-field {
    background: transparent;
    border: none;
    border-bottom: 1.3px solid;
    font-size: 27px;
    font-style: italic;
    padding-left: 0;
    border-radius: 0;
}

#searchform .search-form .search-field:focus {
    box-shadow: unset;
}

#searchform .text-input {
    font-size: 30px;
    margin-bottom: 30px;
}

#searchform .col-input-field {
    position: relative;
}

#searchform #searchform-icon {

}

.search-submit {
    background: url("http://stage-giornalismo.alkemylab.it/wp-content/themes/wp-bootstrap-starter-child/img/icn_search_green.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 14px;
    right: 26px;
    height: 30px;
}

.search-submit:focus {
    box-shadow: unset;
}

#searchexit .left-div, #searchexit .right-div {
    width: 100%;
    height: auto;
    height: 3px;
    background-color: white;
}

#searchexit {
    width: 40px;
    height: 40px;
    right: 13.2vw;
    top: 1vh;
}

#searchexit .exit-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 20px;
    transform: translate(0px, 5px);
}

#searchexit .left-div {
    transform: rotate(45deg) translate(2px, 2px);
}

#searchexit .right-div {
    transform: rotate(-45deg);
}

.sm-filter-brightness {
    filter: unset !important;
}

.fl-module-slider .bottom-row {
    max-height: 100px;
    height: auto;
    transition: max-height 0.3s ease-out;
}

.fl-module-slider .bottom-row .see-video {
    font-family: "manropebold", serif;
    display: block;
    height: 0;
    font-size: 0.89em;
    padding: 0 30px 20px 30px;
    line-height: 20px;
    transform: scaleY(0);
    margin-bottom: -35px;
    transition: all 0.3s ease-out;
}

.fl-module-slider .bottom-row .see-video a {
    color: #00ADB5;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.fl-module-slider .slick-active .thumbnail:hover .bottom-row {
    background-color: rgba(34, 40, 49, 0.8);
    max-height: 160px;
    transition: max-height 0.2s ease-out, background-color 1s ease-out !important;
}

.fl-module-slider .slick-active .thumbnail:hover .bottom-row > .see-video {
    display: block;
    height: auto;
    margin-bottom: 0px;
    transform: scaleY(1);
    transition: all 0.1s ease-out, transform 0.01s ease-out;

}

.fl-module-slider .icon {
    height: 100% !important;
}

@media screen and (max-width: 768px) {
    .fl-module-slider .slick-active .bottom-row {
        height: auto;
    }

    .fl-module-slider .slick-active .thumbnail:hover .bottom-row {
        background-color: rgba(34, 40, 49, 0.4) !important;
        transition: unset !important;
        height: auto !important;
    }

    .fl-module-slider .slick-active .thumbnail:hover .bottom-row > .see-video {
        display: none !important;
    }
}

.social-footer {
    margin-bottom: 30px;
}

/* Special content */

.special-content .bottom-row {
    max-height: 100px;
    height: auto;
    transition: max-height 0.3s ease-out;
}

.special-content .bottom-row .see-video {
    font-family: "manropebold", serif;
    display: block;
    height: 0;
    font-size: 0.89em;
    padding: 0 30px 20px 30px;
    line-height: 20px;
    transform: scaleY(0);
    margin-bottom: -35px;
    transition: all 0.3s ease-out;
}

.special-content .bottom-row .see-video a {
    color: #00ADB5;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.3s ease-out;
}

.special-content .thumbnail:hover .bottom-row {
    background-color: rgba(34, 40, 49, 0.8);
    max-height: 160px;
    transition: max-height 0.2s ease-out, background-color 1s ease-out !important;
}

.special-content .thumbnail:hover .bottom-row > .see-video {
    display: block;
    height: auto;
    margin-bottom: 0px;
    transform: scaleY(1);
    transition: all 0.1s ease-out, transform 0.01s ease-out;

}

.special-content .icon {
    height: 100% !important;
}

.special-content .thumbnail .bottom-row .title {
    padding: 20px 10px;
}

.special-content .thumbnail .bottom-row .title > a {
    color: #eeeeee !important;
}

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

    .special-content .page-header h1 {
        color: #fff;
        text-align: left;
        font-size: 1.75em;
        margin-left: -22px;
        margin-top: -3px;
    }

    .special-content .row-special-content {
        margin-top: 40px !important;
    }

    .special-content .row-title {
        margin-top: -58px;
        margin-left: 66px;
    }

    .special-content .bottom-row {
        height: auto;
    }

    .special-content .thumbnail:hover .bottom-row {
        background-color: rgba(34, 40, 49, 0.4) !important;
        transition: unset !important;
        height: auto !important;
    }

    .special-content .thumbnail:hover .bottom-row > .see-video {
        display: none !important;
    }

    .special-content .col-thumbnail {
        padding: 0 40px;
    }
}

.special-content .row-special-content {
    margin-top: 80px;
}

/* Authors module */
.authors-module {
    opacity: 0.9;
    padding-bottom: 0;
    padding-top: 50px;
    background-color: rgba(34, 40, 49, 1) !important;
}

.authors-module .submit-btn {
    background-color: rgba(48, 57, 70, 1) !important;
    padding-left: 15px;
    padding-right: 15px;
}

/* Ad ad module */
.ad-module-container {
    position: relative;
}

.ad-module-container .desktop {
    margin-top: 60px;
}

.ad-module-container .desktop .rectangle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 84%;
    height: 80%;
    border: 30px solid rgba(57, 173, 182, 0.57);
}

.ad-module-container .desktop .rectangle .store-div {
    background-color: #FF2E63;
    position: absolute;
    top: -30px;
    left: 50px;
    height: 96vh;
    width: 500px;
}

.ad-module-container .desktop .rectangle .store-div .title {
    color: white;
    font-size: 60px;
    text-align: left;
    line-height: 59px;
    padding-right: 30px;
    font-family: "manrope", sans-serif;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 25px;
}

.ad-module-container .desktop .rectangle .store-div .excerpt {
    color: white;
    margin-left: 25px;
    padding-right: 140px;
}

.ad-module-container .desktop .rectangle .store-div .store-btn-row .store-btn {
    height: 58px;
    width: 180px;
    background-color: #222831;
    border-radius: 14px;
}

.ad-module-container .desktop .rectangle .store-div .store-btn-row {
    margin-top: 36px;
    padding-left: 9px;
    color: white;
    font-family: "manrope", sans-serif;
}

.ad-module-container .desktop .rectangle .store-div .store-btn-row .google {
    margin-left: -20px;
}

.ad-module-container .desktop .rectangle .store-div .store-btn-row .text1 {
    margin-top: 8px;
    opacity: 0.7;
    font-size: 9px;
}

.ad-module-container .desktop .rectangle .store-div .store-btn-row .text2 {
    font-weight: bold;
    font-size: 18px;
}

/* .ad-module-container .desktop .rectangle .store-div .store-btn-row .apple .apple-icon{
    width: 25px;
    height: 25px;
    margin-top: 16px;
    margin-left: 12px;
    background: white;
    border-radius: 50px;
} */

/* .ad-module-container .desktop .rectangle .store-div .store-btn-row .google .google-icon{
    margin: 0 auto;
    width: 0;
    height: 0;
    background: transparent;
    border: 12px solid #A89D1A;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    margin-left: 30px;
    margin-top: 16px;
    transform: matrix(1.9, 0, 0, 1, 0, 0);
} */

.ad-module-container .mobile .rectangle {
    margin: auto;
    width: 100%;
    height: 100%;
    border: 13px solid rgba(57, 173, 182, 0.57);
}

.ad-module-container .mobile .main-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ad-module-container .mobile .store-div {
    background-color: #FF2E63;
    margin: 0;
    margin-top: -13px !important;
    height: auto;
    width: 100%;
    padding-bottom: 15px;
}

.ad-module-container .mobile .store-div .title {
    color: white;
    font-size: 34px;
    text-align: left;
    line-height: 37px;
    font-family: "manrope", sans-serif;
    margin-top: 50px;
    margin-bottom: 34px;
}

.ad-module-container .mobile .store-div .excerpt {
    color: white;
    font-size: 15px;
}

.ad-module-container .mobile .store-div .store-btn-row .store-btn {
    height: 58px;
    width: 180px;
    background-color: #222831;
    border-radius: 14px;
}

.ad-module-container .mobile .store-div .store-btn-row {
    margin-top: 36px;
    color: white;
    font-family: "manrope", sans-serif;
}

.ad-module-container .mobile .store-div .store-btn-row .text1 {
    margin-top: 8px;
    opacity: 0.7;
    font-size: 9px;
}

.ad-module-container .mobile .store-div .store-btn-row .text2 {
    font-weight: bold;
    font-size: 18px;
}

/* html{
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
} */

.slider-mobile-form {
    position: absolute;
    right: -15px;
    top: -15px;
}

.slider-mobile-form .submit-btn {
    border-radius: 0;
    width: 82px;
    height: 85px;
    background-color: #00ADB5 !important;
    font-size: 40px;
    font-weight: bold;
    padding-top: 15px;
    padding-right: 20px;
}

/* Author */

.archive.author {
    font-family: "EB Garamond", serif;
    font-weight: normal;
}

.archive.author .thumbnail-one {
    height: 184px;
    position: relative;
    margin-top: 16px;
    background-position: center;
    background-size: cover;
}

.archive.author .thumbnail-one:hover .thumbnail-one-over {
    border: 4px solid white;
    transition: border 300ms;
}

.archive.author .thumbnail-one-over {
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 0px solid white;
    transition: border 300ms;
}

.archive.author .term-one {
    text-transform: uppercase;
    font-size: 0.79em;
    padding: unset;
    padding-left: 15px;
    padding-right: 15px;
}

.archive.author .term-one a,
.archive.author .term-one a:hover {
    color: #00ADB5;
}

.archive.author .date-one {
    font-size: 0.69em;
    opacity: 0.5;
}

.archive.author .article-head {
    min-height: 47px;
}

.archive.author .main-container {
    margin-top: 10px;
}

.archive.author .author-articles-title {
    font-size: 38px;
    font-weight: normal;
}

.archive.author .col-author-articles {
    margin-bottom: 30px;
}

.archive.author .avatar {
    background-size: cover;
    background-position: center;
    height: 200px;
    width: 200px;
    border-radius: 100px;
    margin: 20px auto;
}

.archive.author .page-title {
    font-size: 3.7rem;
    margin-top: -25px;
}

.archive.author .author-description-title {
    font-family: "manropebold", serif;
    max-width: 500px;
    width: 100%;
    margin: auto;
    font-size: 2.5rem;
    margin-bottom: 40px;
}

.archive.author .author-description {
    max-width: 500px;
    width: 100%;
    margin: auto;
    font-size: 1rem;
    margin-bottom: 40px;
}

.archive.author .social-col {
    background: #3D495A 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 36px;
    padding-left: 20px;
    padding-right: 19px;
    padding-bottom: 1px;
    margin-bottom: 30px;
    margin-left: -27px;
    max-width: 80px;
    margin-right: auto;
    -ms-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.4s ease-out;
}

.archive.author .social-col:hover {
    max-width: 245px;
    padding-right: 18px;
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.2s ease-out;
}

.archive.author .social-col .text-social {
    font-size: 0.6rem;
    color: #eeeeee;
    max-width: 0;
    width: auto;
    max-height: 100px;
    height: auto;
    padding: 0;
    transform: scaleX(0) scaleY(0);
    line-height: 32px;
    -ms-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.archive.author .social-col .text-social > a {
    color: #eeeeee !important;
    text-decoration: none !important;
}

.archive.author .social-col .text-social > span {
    color: #eeeeee !important;
    opacity: 0.25;
}

.archive.author .social-col:hover .text-social {
    max-width: 100px;
    padding: 0 15px;
    margin-top: 4px;
    /*margin-bottom: auto;*/
    margin-left: -20px;
    transform: scaleX(1) scaleY(1);
    -ms-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.archive.author .social-col:hover .secondary-col {
    margin-left: -15px;
}

.archive.author .secondary-col {
    margin-left: -11px;
}

.archive.author .container-social .row-social {
    width: auto;
    margin: auto;
}

.archive.author .container-social .col-icon {
    padding: 0;
}

.archive.author .container-social .col-icon img {
    height: 9.7px;
    margin: 10px;
}

.archive.author .text-info {

    text-align: left;
    color: #222831 !important;
    font-style: italic;
    font-size: 0.8rem !important;
    margin-bottom: auto;
    margin-top: 7px;
    padding-left: 16px;
    opacity: 0.8;
    max-width: 100px;
    margin-left: auto;
}

.archive.author .social-img-disabled {
    opacity: 0.25;
    cursor: none;
}

@media screen and (max-width: 768px) {
    .single-post footer.entry-footer {
        padding: 0 30px;
    }

    .archive.author .page-title {
        font-size: 2.2rem;
        margin-top: -8px;
    }

    .archive.author .social-col:hover .text-social {
        font-size: 0.6rem;
        color: #eeeeee;
        max-width: 0;
        width: auto;
        max-height: 100px;
        height: auto;
        padding: 0;
        margin-left: 0 !important;
        transform: scaleX(0) scaleY(0);
        -ms-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -webkit-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

    .archive.author .author-description-title {
        font-size: 2.2rem;
        margin-bottom: 27px;
    }

    .archive.author .main-container {
        padding: 0 30px !important;
    }

    .archive.author .author-articles-title {
        font-size: 28px;
    }

    .archive.author .author-description {
        font-size: 1.2rem;
        padding: 0px 30px;
        margin-bottom: 40px;
    }

    .archive.author .social-col {
        padding-left: 20px;
        padding-right: 19px;
        padding-bottom: 10px;
        margin-bottom: 30px;
        margin-left: -27px;
        max-width: 120px;
        margin-right: auto;
        padding-top: 10px;
    }

    .archive.author .social-col:hover {
        padding-right: 19px;
        max-width: 120px;
    }

    .archive.author .container-social .col-icon img {
        height: 14.7px;
    }

    .archive.author .text-info {
        font-size: 1.1rem !important;
        margin-top: 12px;
        padding-left: 3px;
    }

    .entry-meta .authors-one a {
        margin: 8px 0 !important;
    }

    .single-post .fl-module-rich-text, .single-post .entry-content > p {
        padding: 0 30px;
        /*        padding-left: 13%;
                padding-right: 0;*/
    }
}

/* Article */

.single-post .social-mobile-div img {
    transform: rotate(90deg);
}

.single-post .social-mobile-div {
    padding-left: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.single-post .social-mobile-div .text {
    color: #00ADB5;
    font-style: italic;
    font-size: 23px;
}

.single-post .social-mobile-div .social-icon {
    margin-left: -5px;
}