/* -------- POST STYLES -------- */

.post-template.single .site-inner {
    padding:0;
}

.post-template #hero.blog-header h2 {
    max-width:initial;
}

.post-template .blog-comments h2 {
    margin-bottom:0;
}

.post-template #hero .wtr-time-wrap {
    display: block;
    margin: auto;
    width: auto;
    text-align: center;
    color: #f3f3f3;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.7em;
}

.post-template #hero .elementor-post-info__item--type-author {
   
}

.post-template #hero .elementor-post-info__item--type-author .elementor-post-info__item-prefix {
    color:#f3f3f3;
}

#hero.blog-header {
    height:calc(100vh - 50px)
}

#hero.blog-header .elementor-container .elementor-column {
    max-width: 100%;
}

#hero.blog-header .elementor-container .elementor-column {
    max-width: 100%;
}

#hero.blog-header h1, #hero.blog-header h2 {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

#blog-header-top-buttons .elementor-container {
    width:90%;
    max-width:1920px;
}

#blog-header-top-buttons {
    box-shadow:0 24px 20px rgba(0,0,0,0.1);
    padding-bottom:2px;
    z-index:99;
}

#blog-header-top-buttons .top-buttons-left p:first-child {
    margin-bottom:0;
}

#blog-header-top-buttons .top-buttons-left a::after, #case-study-top-buttons .top-buttons-left a::before, #blog-header-top-buttons .top-buttons-left a:hover::before,  #blog-header-top-buttons .top-buttons-left a:active::before,  #blog-header-top-buttons .top-buttons-left a:focus::before {
    content:none;
}

#blog-header-top-buttons .top-buttons-left a {
    display: inline-block;
    border: 1px solid #4d4d54;
    border-radius: 100%;
    width: 45px;
    height: 45px;
    color:#4d4d54;
    position:relative;
    top:-13px;
    margin-left:5px;
}

#blog-header-top-buttons .top-buttons-left a:hover, #case-study-top-buttons .top-buttons-left a:active, #case-study-top-buttons .top-buttons-left a:focus {
    color: #f3f3f3;
    background-color: #4d4d54;
}

#blog-header-top-buttons .top-buttons-left i.fab {
    font-size: 22px;
}

#blog-header-top-buttons .top-buttons-left .fa-twitter {
    left:12px;
    top:11px;
}

#blog-header-top-buttons .top-buttons-left .fa-facebook-f {
    left:14.5px;
    top:11px;
}

#blog-header-top-buttons .top-buttons-left .fa-linkedin {
    left:13px;
    top:9px;
}

.lead-magnet h5 {
    margin-bottom:10px;
}

.lead-magnet .elementor-widget-button {
    margin-bottom:8px;
}

.lead-magnet a.elementor-button {
    box-shadow: 0 4px 20px rgba(0,0,0,.2) !important;
}

.lead-magnet a.elementor-button:hover, .lead-magnet a.elementor-button:active, .lead-magnet a.elementor-button:focus {
    box-shadow: 0 30px 60px rgba(0,0,0,.2) !important;
}

.lead-magnet-note .elementor-text-editor p {
    font-size:0.8em;
    color:#757575;
}

.elementor-blockquote i.fab {
    font-size: 18px;
}

.elementor-widget-author-box {
    margin-bottom: 0 !important;
}

.elementor-author-box--layout-image-above .elementor-author-box__avatar {
    margin:auto;
}

.elementor-widget-post-info i {
    top: 2px;
    position: relative;
}

.elementor-widget-post-info .elementor-icon-list-item {
    font-weight: 400;
}

.blog-content h2 {
    max-width:100%;
}

.post-template.single h4 {
    margin-top:0;
}

.post-template.single h6 {
    margin-top:30px;
}

.elementor-widget-author-box .elementor-author-box__bio {
    color: #464646 !important;
    font-size: 16px;
    line-height: 1.5em;
}

.blog-social-follow .elementor-widget-text-editor {
    margin-bottom:0;
}

.blog-social-follow h5 {
    font-size:24px !important;
    margin-bottom:5px;
}

.blog-social-follow .elementor-social-icon {
    line-height:0;
}

.blog-social-follow .elementor-social-icon i.fab {
    font-size: 23px;
}

#respond h3 {
    max-width: 100%;
    font-size: 35px !important;
}

.comment-respond {
    background: none;
}

#respond textarea {
    background: #dadada;
    border-radius: 4px;
}

p.logged-in-as a {
    font-size:0.8em;
    line-height:1.2em;
}

p.logged-in-as a::before, p.logged-in-as a::after {
    height:2px;
}

#respond #submit:hover, #respond #submit:active, #respond #submit:focus {
    box-shadow: 0 30px 60px rgba(0,0,0,0.2);
}

/*-----------------------------------------
TABLETS PORTRAIT 895px (iPad) and all widths below this
-----------------------------------------*/

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

    /* ------ POST STYLES ------ */
    .archive .site-inner {
    padding: 0 5%;
    }

    /* ------- TOP SHARE BUTTONS ------- */
    
    #blog-header-top-buttons .top-buttons-right p a span {
        top:0.15em !important;
    }

}

/*-----------------------------------------
MOBILES 767 (iPad) and all widths below this
-----------------------------------------*/
@media only screen and (max-width: 767px) {
    
    #hero.blog-header {
        height: calc(100vh - 10px);
        min-height:650px !important;
    }
    
    .post-template #hero.blog-header .wtr-time-wrap {
        margin-top:30px;
    }
    
    .post-template #hero.blog-header .elementor-post-info span {
        line-height:1.7em;
    }
    
    /* ------- TOP SHARE BUTTONS ------- */
    
    #blog-header-top-buttons .top-buttons-left {
        margin-top:10px;
    }
    
    #blog-header-top-buttons .top-buttons-right {
        margin-bottom:10px;
    }
    
    #blog-header-top-buttons .top-buttons-left p:first-child {
        margin-bottom:15px;
        text-align:center;
    }
    
    #blog-header-top-buttons .top-buttons-left span:first-child {
        display:block;
    }
    
    #blog-header-top-buttons .top-buttons-left a {
        position:initial;
    }
    
    #blog-header-top-buttons .top-buttons-left span:nth-child(2) a {
        margin-left:0;
    }
    
    #blog-header-top-buttons .top-buttons-left .fa-twitter {
        left:0;
        top:13px;
    }

    #blog-header-top-buttons .top-buttons-left .fa-facebook-f {
        left:0;
        top:13px;
    }

    #blog-header-top-buttons .top-buttons-left .fa-linkedin {
        left:1px;
        top:11px;
    }
    
    #blog-header-top-buttons .top-buttons-right p {
        text-align:center !important;
    }
    
    /* ------- FOOTER AUTHOR BOX -------- */
    
    .footer-author-box .elementor-author-box {
        display:initial;
    }
    
    .footer-author-box .elementor-author-box__avatar {
        margin-right:0;
        margin-bottom:30px;
    }
    
}