/* -------- 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:#ffffff;
    text-transform:uppercase;
    font-weight:600;
    font-size:0.7em;
}

#wtr-slider {
    border-radius:4rem;
}

.post-template #hero .elementor-post-info__item--type-author {
    color:#2EC0C3;
}

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

/* #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 #000131;
    border-radius:100%;
    width:45px;
    height:45px;
    color:#000131;
    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:#ffffff;
    background-color:#000131;
}

#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;
}

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

.lead-magnet {
    border-radius:1.5rem;
    overflow:hidden;
}

.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 {
    color:#000131;
    margin-top:40px;
    font-weight:600 !important;
}

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

.elementor-widget-author-box .elementor-author-box__bio {
    color:#000131 !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;
}

.comments-heading.elementor-widget-heading {
    margin-bottom:0rem;
}

#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;
    }

    .elementor-author-box__avatar, .elementor-author-box__text {
        display:inline-block;
    }

    .elementor-author-box__avatar {
        margin-bottom:0 !important;
        width:auto;
    }

    .elementor-author-box__text {
        width:100%;
     /* margin-left:2rem;
        max-width:100%;
        top:35%;
        position:absolute; */
    }
    
    .footer-author-box .elementor-author-box__avatar {
        margin-right:0;
    }
    
}