/* 
==============================================================================
Theme Name: Diggers.News
Theme URI: https://diggers.news/
Author: News Diggers Media
Author URI: https://diggers.news/
Description: News Diggers Custom theme
Template: hello-elementor
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: news, two-columns, right-sidebar
Text Domain: diggers.news
================================================================================= */

/* SITE */ 
body {
    background-color: #999999;
    font-family: "Roboto", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #444444;
}

hr {
    margin: 20px 0 20px 0 !important;
}

.elementor-widget-container h1, h2, h3, h4, h5, h6 {
    clear: both;
    margin-bottom: 1rem;
}

.elementor-widget-theme-post-content li {
    list-style: square;
    text-align: left;
    margin: 0 0 0 -20px;
}

/* LINKS */
a {
    background-color: transparent;
    text-decoration: none;
    color: #ed0e3a; 
}
  a:hover, a:active {
    color: #333366; 
}
  a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none; 
}
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; 
}
  a:not([href]):not([tabindex]):focus {
    outline: 0; 
}

/* ARTICLES */
/* General */
.bottom-list {
    list-style: square;
    text-align: left;
    margin: 0 0 0 -20px;
	font-family: "Roboto",sans-serif;
}

.no-list {
    list-style: none;
    font-family: "Roboto", Sans-serif;
    float: left;
    width: 100%;
}

/* Headlines */
.headlines-more {
    padding: 0;
    height: 390px;
}

.headlines-title {
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    color: #444444;
    margin: 5px 15px 0 15px;
}

.headlines-thumb {
    min-height: 390px;
}

.headlines-thumb-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: 390px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.headlines-excerpt {
    color: rgba(0,0,0,0.8);
    font-size: 17px;
    text-align: justify;
    margin: 0 15px 15px 15px;
    min-height: 238px;
}

.headlines-text-mouseover {
    height: 400px;
    overflow: hidden;
}

.headlines-text-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: 420px;
    position: absolute;
    top: 390px;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.home-headline-shade:before {
    content: '';
    box-shadow: 0 0 150px 5px #000 inset;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 390px;
    z-index: 15;
}

@media (max-width: 1024px) {
    .headlines-more {
        padding: 0 0 15px 0;
        height: 100%;
    }

    .headlines-thumb-mouseover a:hover:before {
        content: "";
        width: 100%;
        height: 302px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
    }    

    .headlines-text-mouseover a:hover:before {
        content: "";
        width: 100%;
        height: 361px;
        position: absolute;
        top: 302px;
        left: 0;
        background: rgba(0,0,0,0.3);
    }

    .headlines-title {
        font-size: 22px;
        margin: 5px 15px 0 15px;
    }

    .headlines-excerpt {
        margin: -10px 10px 0 10px;
        font-size: 14px;
    }

    .headlines-thumb {
        min-height: 302px;
    }

    .home-headline-shade:before {
        box-shadow: 0 0 120px 5px #000 inset;
        width: 100%;
        height: 302px;
    }

    .headlines-text-mouseover {
        height: 320px;
    }
}

@media (max-width: 767px) {
    .headlines-title {
        font-size: 24px;
        margin: 10px 10px 0 10px;
    }

    .headlines-excerpt {
        font-size: 14px;
    }

    .headlines-thumb {
        min-height: 250px;
    }

    .headlines-thumb-mouseover a:hover:before {
        content: "";
        width: 100%;
        height: 250px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
    }    

    .headlines-text-mouseover a:hover:before {
        content: "";
        width: 100%;
        height: 440px;
        position: absolute;
        top: 250px;
        left: 0;
        background: rgba(0,0,0,0.3);
    }

    .home-headline-shade:before {
        box-shadow: 0 0 100px 5px #000 inset;
        width: 100%;
        height: 250px;
    }

    .headlines-text-mouseover {
        height: 100%;
    }
}

/* Sub */
.sub-more {
    padding: 21px 0 0 0;
    margin: 0;
}

.sub-title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    margin: 0 30px 0 10px;
    width: 100%;
}

.sub-mouseover {
    height: auto;
    margin: 0 0 22px 0;
}

.sub-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.sub-thumb {
    height: 100px;
    width: 100px;
    float: left;
}

.sub-thumb-mouseover {
    position: relative;
}

.sub-text-mouseover {
    width: calc(100% - 110px);
    height: auto;
    position: relative;
    float: left;
    padding-right: 5px;
}

@media (max-width: 1024px) {
    .sub-more {
        padding: 10px 0 0 0;
    }

    .sub-thumb {
        height: 80px;
        width: 80px;
    }

    .sub-mouseover {
        min-width: 100%;
        height: auto;
        position: relative;
        padding: 0 10px 0 0;
        margin: 0 0 15px 0;
    }

    .sub-title {
        font-size: 12px;
        margin: 0 0 0 10px;
    }

    .sub-text-mouseover {
        width: calc(100% - 90px);
        height: auto;
    }
}

@media (max-width: 767px) {
    .sub-more {
        padding: 10px 0 0 0;
    }

    .sub-thumb {
        height: 100px;
        width: 100px;
    }

    .sub-title {
        font-size: 15px;
    }

    .sub-text-mouseover {
        width: calc(100% - 110px);
        height: auto;
    }

    .sub-mouseover {
       padding: 0 10px 0 0;
       height: auto;
    }

    .sub-title {
        margin: 0 10px 0 10px;
    }
}

/* Tabs Sub */
.tabs-sub-more {
    padding: 0;
    max-width: 335px;
    float: left;
}

.tabs-sub-title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #444444;
    margin: 0 30px 0 10px;
}

.tabs-sub-mouseover {
    min-width: 364px;
    min-height: 124px;
    padding: 0;
    margin: 0 0 22px 0;
    float: left;
}

.tabs-sub-mouseover a:hover:before {
    content: "";
    width: 100%;
    min-height: 124px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.tabs-sub-thumb {
    height: 100px;
    width: 100px;
}

.tabs-sub-thumb-mouseover {
    position: relative;
    float: left;
}

.tabs-sub-text-mouseover {
    width: calc(100% - 100px);
    height: 100px;
    position: relative;
    float: left;
    padding-right: 5px;
}

@media (max-width: 1024px) {
    .tabs-sub-more {
        padding: 0;
        max-width: 600px;
        width: 100%;
    }

    .tabs-sub-thumb {
        width: 190px;
    }

    .tabs-sub-mouseover {
        min-width: 180px;
        width: 45%;
        height: 214px;
        margin: 0 20px 0 0;
    }

    .tabs-sub-mouseover a:hover:before {
        content: "";
        width: 100%;
        height: 214px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
    }
    
    .tabs-sub-title {
        font-size: 14px;
        margin: 10px 0 0 0;
    }

    .tabs-sub-text-mouseover {
        width: 100%;     
    }
}

@media (max-width: 767px) {
    .tabs-sub-more {
        padding: 10px 0 0 0;
        width: 100%;
    }

    .tabs-sub-thumb {
        width: 100px;
    }

    .tabs-sub-title {
        font-size: 15px;
    }

    .tabs-sub-text-mouseover {
        width: calc(100% - 100px);
        height: 100px;
    }

    .tabs-sub-mouseover {
        padding: 0;
        height: 124px;
        width: 100%;
    }

    .tabs-sub-mouseover a:hover:before {
        content: "";
        width: 100%;
        height: 124px;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.3);
    }

    .tabs-sub-title {
        margin: 0 10px 0 10px;
    }
}

/* Opinion */
.opinion-more {
    padding: 10px 0 20px 0;
    margin: -27px 0 0 0;
    background-color: #FFFDCF;
    height: 390px; /* previously temporarily change to 810px; */  
}

.opinion-mouseover {
    padding: 0 5px 20px 5px;
    height: 100%;
    overflow: hidden;
}

.opinion-more a:hover:before {
    content: "";
    width: 100%;
    height: 390px;
    float: left;
    position: absolute;
    top: -28px;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.opinion-title {
    text-align: left;
    font-size: 18px;
    font-weight: bold;
    color: #444444;
    margin: 25px 15px 0 15px;
}

.opinion-excerpt {
    color: rgba(0,0,0,0.8);
    font-size: 14px;
    text-align: justify;
    margin: 0 15px 15px 15px;
    min-height: 238px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .opinion-title {
        font-size: 16px;
    }

    .opinion-excerpt {
        font-size: 13px;
        margin: -10px 15px 15px 15px;
    }

    .opinion-more {
        max-height: 302px;
        padding: 1px 0 20px 0;
    }

    .opinion-more a:hover:before {
        content: "";
        width: 100%;
        height: 303px;
        position: absolute;
        top: -28px;
        left: 0;
        background: rgba(0,0,0,0.3);
    }

    .opinion-mouseover {
        padding: 0 0 10px 0;
        height: 100%;
        overflow: hidden;
    }
}

@media (max-width: 767px) {
    .opinion-more {
        height: 100%;
        padding: 0;
    }

    .opinion-title {
        margin: 35px 10px 0 10px;
    }

    .opinion-more a:hover:before {
        content: "";
        width: 100%;
        height: 343px;
        position: absolute;
        top: -28px;
        left: 0;
        background: rgba(0,0,0,0.3);
    }
}

/* Home tabs */
.tabs-main-more {
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    max-width: 320px;
}

.tabs-main-title {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #444444;
    margin: 15px 0 0 0;
}

.tabs-main-thumb {
    width: 320px;
    height: 200px;
}

.tabs-main-thumb-mouseover {
    position: relative;
}

.tabs-main-thumb-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.tabs-main-excerpt {
    color: rgba(0,0,0,0.8);
    font-size: 15px;
    text-align: justify;
    margin: 0;
    min-height: 240px;
}

.tabs-main-text-mouseover {
    height: 260px;
    position: relative;
    overflow: hidden;
}

.tabs-main-text-mouseover a:hover:before {
    content: "";
    width: 320px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

@media (max-width: 1024px) {
    .tabs-main-more {
        display: none;
    }
    
    .tabs-main-title {
        font-size: 22px;
        margin: 5px 15px 0 15px;
    }

    .tabs-main-excerpt {
        margin: -10px 10px 0 10px;
        font-size: 14px;
        min-height: 100%;
    }

    .tabs-main-thumb {
        min-height: 200px;
    }

    .tabs-main-text-mouseover {
        height: 210px;
    }
}

@media (max-width: 767px) {
    .tabs-main-more {
        display: block;
        max-width: 100%;
        margin: 0;
    }

    .tabs-main-title {
        font-size: 20px;
        margin: 10px 10px 0 10px;
    }

    .tabs-main-excerpt {
        font-size: 14px;
    }

    .tabs-main-thumb {
        min-height: 250px;
        width: 100%;
    }

    .tabs-main-text-mouseover {
        height: 100%;
    }
}

/* ePaper */
.epaper-more {
    padding: 0;
    margin: -28px 0 0 0;
    padding: 0 10px 0 10px;
    margin: -28px 0 0 0;
    background-color: #ffffff;
    border-left: 1px solid #ed0e3a;
    float: left;
    width: 100%;
}

.epaper-more a:hover:before {
    content: "";
    width: 100%;
    height: 650px;
    position: absolute;
    top: -28px;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.epaper-thumb {
    min-height: 650px;
}

@media (max-width: 1024px) {
    .epaper-thumb {
        min-height: 479px;
        min-width: 306px;
        padding-top: 10px !important;
    }
}

@media (max-width: 767px) {
    .epaper-more {
        width: 100%;
        min-width: unset;
    }
}

/* Mid Left */
.mid-left-main-more {
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    max-width: 330px;
}

.mid-left-main-title {
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #444444;
    margin: 15px 0 0 0;
}

.mid-left-main-thumb {
    max-width: 330px;
    height: 200px;
}

.mid-left-main-thumb-mouseover {
    position: relative;
}

.mid-left-main-thumb-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.mid-left-main-excerpt {
    color: rgba(0,0,0,0.8);
    font-size: 15px;
    text-align: justify;
    margin: 0;
    min-height: 240px;
}

.mid-left-main-text-mouseover {
    height: 260px;
    position: relative;
    overflow: hidden;
}

.mid-left-main-text-mouseover a:hover:before {
    content: "";
    width: 330px;
    height: 280px;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

@media (max-width: 1024px) {
    .mid-left-main-more {
        display: none;
    }
    
    .mid-left-main-title {
        font-size: 20px;
        margin: 5px 0 0 0;
    }

    .mid-left-main-excerpt {
        margin: -10px 0 0 0;
        font-size: 14px;
        min-height: 100%;
    }

    .mid-left-main-thumb {
        max-width: 100%;
        max-height: 100%;
    }

    .mid-left-main-text-mouseover {
        height: 190px;
    }
}

@media (max-width: 767px) {
    .mid-left-main-more {
        display: block;
        max-width: 100%;
        margin: 0;
    }

    .mid-left-main-title {
        font-size: 20px;
        margin: 10px 10px 0 10px;
    }

    .mid-left-main-excerpt {
        font-size: 14px;
        margin: 0 10px 15px 10px;
    }

    .mid-left-main-thumb {
        min-height: 250px;
        width: 100%;
    }

    .mid-left-main-text-mouseover {
        height: 100%;
    }
}

/* Mid Right */
.mid-right-main-more {
    float: left;
    padding: 0;
    margin: 0 20px 0 0;
    max-width: 330px;
}

.mid-right-main-title {
    text-align: left;
    font-size: 17px;
    font-weight: bold;
    color: #eeeeee;
    padding: 5px 5px 10px 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.mid-right-main-thumb {
    width: 400px;
    height: 220px;
    margin: 0 0 20px 0;
}

.mid-right-main-thumb-mouseover {
    position: relative;
}

.mid-right-main-thumb-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.mid-right-main-text-mouseover {
    position: absolute;
    padding: 0;
    margin: 0 0 -15px 0;
    left: 0;
    bottom: 0;
}

.mid-right-main-text-mouseover a:hover:before {
    content: "";
    width: 330px;
    height: 280px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}

@media (max-width: 1024px) {
    .mid-right-main-more {
        display: none;
    }
    
    .mid-right-main-title {
        font-size: 14px;
        margin: 0;
    }

    .mid-right-main-thumb {
        width: 270px;
        height: 170px;
    }
}

@media (max-width: 767px) {
    .mid-right-main-more {
        display: block;
        max-width: 100%;
        margin: 0;
    }

    .mid-right-main-title {
        font-size: 16px;
        margin: 0;
    }

    .mid-right-main-thumb {
        min-height: 250px;
        width: 100%;
    }
}

/* Bottom Main */
.bottom-main-more {
    float: left;
    padding: 0;
    margin: 0;
    max-width: 340px;
}

.bottom-main-title {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #eeeeee;
    padding: 5px 5px 10px 10px;
    background-color: rgba(0, 0, 0, 0.5);
}

.bottom-main-thumb {
    width: 340px;
    height: 230px;
    margin: 0 0 10px 0;
}

.bottom-main-thumb-mouseover {
    position: relative;
}

.bottom-main-thumb-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

.bottom-main-text-mouseover {
    position: absolute;
    padding: 0;
    margin: 0 0 -15px 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

.bottom-main-text-mouseover a:hover:before {
    content: "";
    width: 340px;
    height: 280px;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
}

@media (max-width: 1024px) {
    .bottom-main-title {
        font-size: 13px;
        margin: 0;
    }

    .bottom-main-thumb {
        width: 225px;
        height: 170px;
    }
}

@media (max-width: 767px) {
    .bottom-main-more {
        width: 100%;
    }

    .bottom-main-title {
        font-size: 15px;
        margin: 0;
    }

    .bottom-main-thumb {
        min-height: 250px;
        width: 100%;
    }
}

/* Bottom list */
.bottom-list-title {
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

.bottom-list-mouseover {
    padding: 0 2px 0 0;
    margin-right: 20px;
}

.bottom-list-mouseover1 a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background: rgba(0,0,0,0.3);
}

@media (max-width: 1024px) {
    .bottom-list-title {
        font-size: 13px;
    }
}

/* Cartoons */
.cartoons-more {
    float: left;
    padding: 0;
    margin: 0;
    max-width: 400px;
}

.cartoons-thumb {
    width: 400px;
    height: 320px;
    margin: 0 0 10px 0;
}

.cartoons-thumb-mouseover {
    position: relative;
}

.cartoons-thumb-mouseover a:hover:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
}

@media (max-width: 1024px) {
    .cartoons-thumb {
        width: 270px;
        height: 280px;
    }
}

@media (max-width: 767px) {
    .cartoons-more {
        width: 100%;
    }

    .cartoons-thumb {
        min-height: 280px;
        width: 100%;
    }
}

/* Other */
.other-more {
    padding: 0;
}

/* RIGHT SIDEBAR */
.widgettitle {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #ed0e3a;
    background-color: #ed0e3a;
    color: #ffffff;
    padding: 5px;
    float: left;
}

.widgettitle:after {
    display: block;
    position: absolute;
    width: 98%;
    height: 1px;
    margin-top: 5px;
    content: "";
    background: #ed0e3a;
}

.elementor-element-6bbadae li {
    padding: 10px 0 10px 0;
}

.elementor-widget-sidebar li {
    text-align: left;
    margin: 10px 0 10px 0;
    float: left;
    width: 100%;
    height: auto;
    list-style: none;
}

/* Author byline */
.author-byline {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    color: #888888;
}

@media (max-width: 1024px) {
.author-byline {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 12px;
    }
}

/* Authors */
.wpautbox-author-meta p {
    color: #7a7a7a;
    font-size: 14px;
    text-align: justify;
}

.wpautbox-name a {
    color: #888888;
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px solid #ed0e3a;
    padding-bottom: 10px;
    text-align: justify;
}

@media (max-width: 1024px) and (min-width: 768px) {
.wpautbox-name a {
    font-size: 14px;
    }

.author_avatar {
    display: grid;
    }
}

@media (max-width: 1024px) {
.wpautbox-name a {
    font-size: 16px;
    }

.author_avatar {
    display: grid;
    }
}

.author_wrapper .author_avatar img {
    margin: 0 20px 10px 0;
    float: left;
    border: 1px solid #dddddd;
}

.author_avatar a:hover:before {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    background: rgba(0,0,0,0.3);
}

.author_bio {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #7a7a7a;
}

.author_wrapper {
    width: 100%;
    float: left;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.author_avatar_wrapper {
    float: left;
}

.author_avatar_wrapper .author_small_avatar img {
    border-radius: 70px;
    margin: 0 10px 0 0;
    border: 1px solid #dddddd;
}

.author_small_avatar a:hover:before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    background: rgba(0,0,0,0.3);
}

.author_name a {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 10px 0;
    color: #ed0e3a;
    text-transform: uppercase;
    display: table;
}

.author_name a:hover {
    color: #444444;
}

.team_name a {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    color: #eaeaea;
    font-weight: bold;
    padding: 1px;
}

.team_name a:hover {
    color: #ed0e3a;
    background: #eaeaea;
}

.team_position {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 10px;
    color: #bfbfbf;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.5px;
}

.team_wrapper {
    float: left;
    padding: 5px;
    width: 50%;
}

.team_avatar a:hover:before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    background: rgba(0,0,0,0.5);
}

.team_member_wrapper {
    border-top: 1px solid #ed0e3a;
    padding-top: 20px;
}

.team_member {
    border-bottom: 1px solid #ed0e3a;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    width: 100%;
}

.team_member_avatar {
    float: left;
    margin: 0 20px 0 0;
}

.team_member_avatar img {
    border: 1px solid #dddddd;
}

@media (max-width: 1024px) {    
.team_member_avatar {
    float: none;
    margin-bottom: 10px;
    padding: 0;
    }
}

.team_member_avatar a:hover:before {
    content: "";
    width: 300px;
    height: 350px;
    position: absolute;
    background: rgba(0,0,0,0.5);
}

.team_member_name a {
    font-family: Roboto, sans-serif;
    font-size: 20px;
    color: #ed0e3a;
    font-weight: bold;
    text-transform: uppercase;
}

.team_member_name a:hover {
    color: #444444;
}

.team_member_position {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 17px;
    color: #666666;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}

.team_member_bio {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    color: #7a7a7a;
    display: table;
}

/* Social Media */
.author_social {
    float: none;
    margin: 10px 0 0 0;
}

.author_social .a-tab-container .a-tab-content.a-tab-active {
    display: none;
}

.author_social .a-tabs {
    padding: 0 0 15px 0;
    margin: 0 0 -20px -15px;
}

.author_social .fa {
    padding: 7px;
}

.author_social a {
    margin: 0 10px 0 0;
}

.fa {
    padding: 9px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    font-size: 15px;
}

.fa:hover {
    background: #000000;
    color: #ed0e3a;
}

.fa-facebook {
    background: #3b5998;
    color: white;
}

.fa-twitter {
    background: #55acee;
    color: white;
}

.fa-linkedin {
    background: #007bb5;
    color: white;
}

.fa-youtube {
    background: #bb0000;
    color: white;
}

.fa-instagram {
    background: #125688;
    color: white;
}

.fa-skype {
    background: #00aff0;
    color: white;
}

.fa-rss {
    background: #ff6600;
    color: white;
}

.fa-envelope {
    background: #ed0e3a;
    color: white;
}

@media (min-width: 1025px) {
.elementor-share-btn_whatsapp {
    display: none !important;
    }
}

.sm {
    padding: 6px;
    width: 26px;
    height: 26px;
    font-size: 14px;
    margin-top: -2px;
}

/* Top menu */
.elementor-widget-nav-menu .elementor-nav-menu--main {
    font-weight: 400; 
}

/* Bottom Menu (online 2175cf39) */
@media (max-width: 1024px) {
    #menu-2-7883f7b li {
    float: left;
    }
    #menu-2-53ea68d li {
    float: left;
    }
    #menu-2-2175cf39 li {
    float: left;
    }
}

/* Related posts */
.yarpp-related-widget {
    margin-top: -15px;
}

.related-posts {
    width: 100%;
    padding: 0;
    margin: 0 0 7px 0;
    display: inline-block;
    clear: both;
    text-align: left;
}

.related-posts a {
    text-align: left;
    color: #444444;
}

.related-posts a:hover:before {
    content: "";
    width: 100%;
    height: 100px;
    position: absolute;
    background: rgba(0,0,0,0.3);
}

.related-posts-title {
    font-family: "Roboto", Sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.related-posts-thumbnail {
    margin-right: 10px;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.related-posts-text {
    float: left;
    margin-top: -7px;
}

@media (min-width: 1025px) {
    .related-posts-thumbnail {
        width: 27.2%;
    }
    
    .related-posts-text {
        width: calc(100% - (27.2% + 10px));
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .related-posts-thumbnail {
        width: 36.7%;
    }
    
    .related-posts-text {
        width: calc(100% - (36.7% + 10px));
    }
}

@media (max-width: 767px) {    
    .related-posts-thumbnail {
        width: 33.6%;
    }

    .related-posts-text {
        width: calc(100% - (33.6% + 10px));
    }
}

/* Middle advert mobile */
.middle-advert {
    margin-bottom: -20px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .middle-advert {
        margin-bottom: -18px;
    }
}

@media (max-width: 1024px) {
    .middle-advert {
        margin-bottom: 0;
        background-color: #fff;
    }
}

/* Main menu icons */
.fa-home, .fa-search  {
    padding: 0 0 2px 0; 
}

@media (max-width: 1024px) and (min-width: 768px) {
    .fa-home, .fa-search  {
        padding: 3px 0 4px 0; 
    }
}

/* Pagination */
.ae-pagination-wrapper {
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;
    margin: 0 0 10px 5px;
}

a.page-numbers {
    padding: 3px;
}

/* Popular posts */
.most_popular_wrapper {
    float: left;
/*    min-height: 362px; */
}

.most_popular {
    padding: 0 0 20px 0;
    float: left;
}

.most_popular img {
    float: left;
    margin: 0 10px 0 0;
    background: rgba(0,0,0,0.3);
}
/*
.most_popular_thumb a:before {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    background: rgba(0,0,0,0.1);
    display: block;
}
*/
.most_popular_title a, .most_popular_title {
    text-align: left;
    font-family: Roboto, Sans-serif;
    font-size: 15px;
    line-height: 1.2;
    font-weight: bold;
    color: #444444;
}

.most_popular_title {
    font-weight: normal;
}

.most_popular_views {
    font-size: 13px;
    float: left;
    margin: -10px 0 0 10px;
    color: #880000;
}

.most_popular a:hover:before {
    content: "";
    width: 100%;
    height: 93px;
    position: absolute;
    background: rgba(0,0,0,0.3);
}

@media (max-width: 1024px) and (min-width: 768px) {
    .most_popular img {
        width: 88px;
    }

    .most_popular_thumb a:before {
        content: "";
        width: 88px;
        height: 73px;
        position: absolute;
        /*background: rgba(0,0,0,0.1);*/
    }

    .most_popular_title a, .most_popular_title {
        font-size: 13px;
    }

    .most_popular_views {
    font-size: 12px;
    }
}

@media (max-width: 767px) {
    .most_popular img {
        width: 95px;
    }

    .most_popular_thumb a:before {
        content: "";
        width: 95px;
        height: 79px;
        position: absolute;
        /*background: rgba(0,0,0,0.1);*/
    }

    .most_popular_views {
        font-size: 13px;
    }
}

/* Ninja forms */
.nf-field-container, .label-above {
    margin: 3px !important;
}
/*
.nf-form-content input[type=button] {
    color: white !important;
    background: #ed0e3a !important;
}
*/
.nf-form-fields-required {
    padding-left: 5px;
}

/* Popup search form */
#popup-search {
    box-sizing: border-box;
    color: #333333;
    height: 30px;
    pointer-events: all;
    width: 100%;
    column-rule-color: #333333;
    perspective-origin: 155px 15px;
    transform-origin: 155px 15px;
    caret-color: #333333;
}

#popup-search-inputs {
    display: flex;
    height: 30px;
    min-height: 30px;
    background: rgb(236, 238, 239) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 3px 3px 3px 3px;
    overflow: hidden;
    transition: all 0.2s ease 0s;
}

#popup-search-inputs:after, #popup-search-inputs:before {
    display: block;
}

#popup-search-form-input {
    color: rgb(122, 122, 122);
    display: block;
    height: 30px;
    min-height: auto;
    text-decoration: none solid rgb(122, 122, 122);
    text-size-adjust: 100%;
    width: 280px;
    column-rule-color: rgb(122, 122, 122);
    perspective-origin: 140px 15px;
    transform-origin: 140px 15px;
    caret-color: rgb(122, 122, 122);
    background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% / auto padding-box border-box;
    border-radius: 3px 3px 3px 3px;
    flex: 0 1 100%;
    font: normal normal 400 normal 15px / 15px Roboto, sans-serif;
    transition: all 0.3s ease 0s;
}

#popup-search-form-input:after {
    box-sizing: border-box;
    color: rgb(122, 122, 122);
    min-height: auto;
    min-width: auto;
    pointer-events: all;
    text-decoration: none solid rgb(122, 122, 122);
    column-rule-color: rgb(122, 122, 122);
    caret-color: rgb(122, 122, 122);
    font: normal normal 400 normal 15px / 15px Roboto, sans-serif;
}

#popup-search-form-input:before {
    box-sizing: border-box;
    color: rgb(122, 122, 122);
    min-height: auto;
    min-width: auto;
    pointer-events: all;
    text-decoration: none solid rgb(122, 122, 122);
    column-rule-color: rgb(122, 122, 122);
    caret-color: rgb(122, 122, 122);
    font: normal normal 400 normal 15px / 15px Roboto, sans-serif;
}


/* Subscribe */
.well {
    float: left;
    font-size: 13px;
    margin-top: -7px;
    clear: both;
}

.stc-categories h3 {
    font-size: 16px;
    padding: 7px 0 7px 0;
    margin: 0;
}

button#stc-subscribe-btn, button#stc-unsubscribe-btn {
    margin-top: 15px;
    background-color: #ed0e3a;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;    
    font-weight: bold;
    border: none;
    float: left;
    margin-bottom: 10px;
    clear: both; 
}

input#stc-email {
    margin: 7px 0 7px 0;
    padding: 5px;
    font-size: 13px;
    border: 1px solid #dddddd;
    width: 200px;
}

.checkbox {
    float: left;
    padding-right: 8px;
}

/* Articles */
.article-text {
    color: #555555;
    font-family: "Roboto", Sans-serif;
    font-size: 17px;
    text-align: justify;
    margin: 0 20px 0 20px;
}

.excerpt-text {
    color: #555555;
    font-family: "Roboto", Sans-serif;
    font-size: 17px;
    text-align: justify;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 20px;
}

.article-image, .article-image-epaper {
    float: left;
    width: 480px;
    height: auto;
    margin: 5px 20px 7px 20px;
    border: 1px solid #dddddd;
}

.article-image-epaper {
    width: 450px;
    height: auto;
    margin-left: 0;
}

.article-divider {
    width: 90%;
    text-align: center;
    color: #7a7a7a;
    height: 1px;
}

.premium-content {
    padding: 20px;
    float: left;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .article-text, .excerpt-text {
        font-size: 16px;
    }

    .article-image, .article-image-epaper {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

@media (max-width: 767px) {    
    .article-text, .excerpt-text {
        font-size: 15px;
        margin: 0 10px 0 10px;
    }

    .article-image, .article-image-epaper {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

/* Theme My Login */
ul.tml-links {
    margin: 0 0 30px -40px;
}

ul.tml-links li {
    margin-right: 10px;
    float: left;
}

/* Login Form */
.login-form {
    float: left;
    max-width: 450px;
    width: 100%;
    margin: 20px 200px 50px 20px;
    padding: 20px;
    background-color: #f7f7f7;
    box-shadow: 0 0 10px 5px rgba(0,0,0,.5);
}

@media (max-width: 1024px) and (min-width: 768px) {
    .login-form {
        margin: 30px;
    }
}
    
@media (max-width: 767px) { 
    .login-form {
        margin: 15px;
        width: 330px;
    }
}

/* Trending */
.trending {
    float: left;
    width: 100%;
}

/* Misc */
.justify-text {
    text-align: justify;
}

.center-text {
    text-align: center;
}

.left-text {
    text-align: left;
}

.right-text {
    text-align: right;
}

.padding {
    padding: 20px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.light_title a, .light_title {
    color: #dddddd;
}

.bullet_listings li {
    list-style: square;
    text-align: left;
    padding-bottom: 3px;
}

i.fa.fa-search {
    padding-top: 7px;
}

.elementor-widget-text-editor {
    font-family: Roboto, Sans-serif !important;
    font-size: 17px;
}

@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-widget-text-editor {
        font-size: 16px;
    }
}

@media (max-width: 767px) {    
.elementor-widget-text-editor {
    font-size: 15px;
    }
}

.copyright {
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 13px;
    color: #ffffff;
}

@media (max-width: 1024px) {    
    .copyright {
        text-align: center;
        }
    }

button.mfp-close {
    top: -43px;
    right: 0;
    font-size: 50px;
    background-color: white;
    opacity: 1;
    padding: 0 7px 0 7px;
    border-radius: 0;
}

.mfp-content {
    margin-top: 30px;
}

.contact_author_title {
    font-family: Roboto, Sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #444444;
}

.maroon {
    color: #990000;
}

.footer_text {
    color: #eeeeee;
    font-size: 13px;
}

.footer-more {
    padding: 0;
    margin: 0;
}

.alignright {
    padding-left: 10px;
}

.alignleft {
    padding-right: 10px;
}

figure.wp-caption {
    padding: 10px;
    max-width: 100%;
}

figcaption.wp-caption-text {
    padding: 5px;
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 11px;
    color: #888888;
    background: #fcfcfc;
    text-align: left;
    font-style: normal
}

.advertising {
    float: left;
    padding: 10px 20px 10px 0;
}

@media (max-width: 1024px) { 
    .advertising {
        float: left;
        padding: 10px 0 10px 0;
    }
}

.full-width {
    width: 100%;
}

.home-headlines-continue {
    min-height: 400px;
    border-bottom: 1px solid #dddddd;
}

.home-box-shadow {
    box-shadow: 0 20px 150px -40px #000;
    float: left;
    position: relative;
    width: 100%;
}

.sticky {
    position: sticky;
    top: 5px;
}

.advert-top-banner-responsive {
    display: inline-block; 
    max-width: 855px; 
    width: 100%; 
    height: 90px;
}

.advert-middle-banner-responsive {
    display: inline-block; 
    vertical-align: middle;
    max-width: 680px; 
    max-height: 140px;
    width: 100%;
    margin: -25px 20px 0 20px;
}

@media (max-width: 1024px) { 
    .advert-middle-banner-responsive {
        margin: 0 0 5px 20px;
    }
}

@media (max-width: 767px) { 
    .advert-middle-banner-responsive {
        margin: 0;
    }
}

img.edit_article {
    padding: 0 5px 0 20px;
    width: 45px;
}

.bold {
    font-weight: bold;
}

.menu-right-border li {
    border-right: 2px solid #222;
}

.wpautbox-latest-post li {
    text-align: left;
    list-style: unset;
}

.no-padding {
    padding: 0;
    margin: 0;
}

.restricted {
    font-weight: bold;
    padding: 15px 0 15px 0;
    margin-top: 16px;
    border-top: 1px solid #ddd;
    color: #990000;
}

.download_button, .download_button:link {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    box-shadow: none;
    color: #444444;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.download_button:hover {
    color: #ED0E3A;
    background-color: #e0e0e0;
    border: 1px solid #666666;
}

.elementor-54492 .elementor-element.elementor-element-36cb57c {
	max-width: 855px;
	width: 100%;
}

@media (max-width: 767px) {
    .elementor-54492 .elementor-element.elementor-element-36cb57c {
        margin-bottom: 20px;
    }
}

li#custom_html-5 {
    padding-left: 20px;
}

/* Paid Memberships Pro Plugin */
.pmpro_checkout-h3-msg {
    font-size: 18px !important;
    padding-bottom: 20px;
    display: block;
}

.checkout-instructions {
    padding: 15px;
    margin-top: 10px !important;
    padding-bottom: 10px;
    background-color: #ffffff;
}

div#pmpro_donations {
    text-align: left;
    color: #092e99;
    background: #fafa648f;
    font-size: 120%;
    padding: 15px 10px 10px 20px;
}

.restricted, .pmpro_content_message {
    font-weight: bold;
    color: #990000;
    border-top: 1px solid #dddddd;
    padding-top: 10px;
}

#pmpro_account_loggedin {
    font-size: 18px;
}

label {
    padding-bottom: 10px !important;
}

select#donation_dropdown {
    margin: 10px 0;
}

#logged-in {
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    padding: 1px 10px 1px 12px;
}

@media (max-width: 767px) { 
    #logged-in {
      font-size: 12px;
      padding: 1px 10px 1px 8px;
    }
}
	
.epaper-side {
    float: left;
    margin-bottom: -10px;
    border: 1px solid #cccccc;
    padding: 10px;
    width: 100%;
}

@media (max-width: 1024px) { 
    .epaper-side {
	margin-bottom: 10px; 
    }
}


