/*
Theme Name: Brickell Magazine (Newspaper 12 Child)
Theme URI: http://tagdiv.com
Description: Custom Child Theme for Newspaper 12+ (PHP 8.3 Ready)
Author: tagDiv & Migration Team
Author URI: http://tagdiv.com
Template: Newspaper
Version: 1.2
*/

/* @import url("../Newspaper/style.css"); - Handled via functions.php enqueue */

/* ==========================================================================
   1. TYPOGRAPHY & BRANDING (SAFE TO MIGRATE)
   ========================================================================== */

/* Import Fonts (Reflecting old header.php usage) */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
/* Note: 'Rufina' font should be set in Newspaper > Theme Panel > Fonts */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #575756;
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    color: #575756 !important;
}

h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
    color: #c5c5c5 !important;
}

/* General Link Hover */
a:hover {
    color: #c5c5c5 !important;
}

/* ==========================================================================
   2. CUSTOM FEATURES & FORMS (ESSENTIAL FOR ISSUES/EBLAST)
   ========================================================================== */

/* Subscribe Form Styling */
.subscribefrm .logo_bk_div,
.subscribefrm .logo_kb_div,
.subscribefrm .agediv,
.subscribefrm .genderdiv {
    padding-left: 0px;
}

.subscribefrm .genderdiv {
    padding-right: 0px;
}

.subscribefrm #gender {
    font-size: 12px;
    line-height: 21px;
}

.subscribefrm input[type="text"],
.subscribefrm input[type="email"],
.subscribefrm select {
    color: #444;
    border: 1px solid #e1e1e1;
    width: 100%;
    max-width: 100%;
    height: 34px;
    padding: 3px 9px;
}

.sububscribe {
    background-color: #575556 !important;
    font-size: 18px !important;
    font-family: Rufina, serif !important;
    border: 1px solid #b1b1b1 !important;
    text-transform: uppercase !important;
    color: #fff;
    padding: 8px 15px;
}

/* Error Messages */
.error {
    margin-bottom: -11px;
    color: #ff7a7a;
    font-size: 11px;
    font-style: italic;
    line-height: 15px;
    padding-left: 5px;
}

textarea.error,
input.error {
    border: 1px solid rgb(255, 122, 122) !important;
}

/* File Upload Button */
label.subsUpload input[type="file"] {
    position: fixed;
    top: -1000px;
}

.subsUpload span {
    background-color: #575556 !important;
    font-size: 18px !important;
    font-family: Rufina, serif !important;
    border: 1px solid #b1b1b1 !important;
    text-transform: uppercase !important;
    padding: 6px 15px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
}

/* ==========================================================================
   3. SOCIAL ICONS (TWITTER X OVERRIDE)
   ========================================================================== */
.sw.sw-twitter {
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(images/twitter-x.png);
    margin-left: 11px !important;
    margin-top: 11px !important;
}

.sw-twitter:before {
    content: "" !important;
}

.td-icon-font.td-icon-twitter {
    background-repeat: no-repeat;
    background-size: 14px;
    background-image: url(images/twitter-x-2.png);
    width: 14px;
    height: 14px;
}

.td-icon-font.td-icon-twitter:before {
    content: "" !important;
}

/* ==========================================================================
   4. HEADER SUBSCRIBE (OPTIONAL LEGACY)
   If you re-create the subscribe form in Header Builder, use these classes.
   ========================================================================== */
#top_subscribe {
    float: left;
    font-family: Rufina, serif;
}

#top_subscribe #btnsubmit {
    font-size: 10px;
    padding: 4px 20px;
    background-color: #575556;
    border: 1px solid #b1b1b1;
    float: left;
    font-family: Rufina, serif;
    margin-top: 1px;
    border-left: 0px;
    color: #fff;
}

#top_subscribe .text {
    float: left;
    margin-bottom: 0px;
    font-family: Rufina, serif;
    margin-right: 8px;
    margin-top: 2px;
}

#top_subscribe #email {
    float: left;
    width: 161px;
    height: 22px;
    border-right: 0px;
    font-family: Rufina, serif;
    margin-top: 1px;
}

.menu_subscribe {
    display: none;
}

.td-affix .menu_subscribe {
    display: inherit;
    margin-right: 80px;
}



/* ==========================================================================
   5. PREVIOUS ISSUES (CUSTOM GRID)
   styles for #previous_issues_row and td-image-box-span
   ========================================================================== */
#previous_issues_row .wpb_column:first-child {
    padding-right: 16px;
}

#previous_issues_row .td-image-box-span {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 12.5%;
    /* 8 items per row */
}

#previous_issues_row .td_block_image_box .td-tiny-image .td-custom-image a {
    height: auto;
    /* Fixes large gap below image */
}

#previous_issues_row .td_block_image_box .td-custom-image a:after,
#previous_issues_row .td_block_image_box .td-custom-image a:before {
    content: none;
}

#previous_issues_row .td-custom-title {
    position: relative;
    top: 0px;
    margin-top: 5px;
    /* Reduced from 15px for tighter spacing */
    pointer-events: all;
    padding: 1px;
}

#previous_issues_row .td_block_image_box .entry-title {
    font-family: Rufina, serif;
    color: #575756 !important;
    font-size: 13px;
}

#previous_issues_row .wpb_raw_html {
    margin-bottom: 0px;
}

#previous_issues_row .see-more {
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Rufina, serif;
    color: #575756;
}

/* Mobile Responsive for Issues */
@media (max-width: 1000px) {
    #previous_issues_row .td-image-box-span {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    #previous_issues_row .td-image-box-span .td-custom-image {
        width: 170px;
        float: left;
    }

    #previous_issues_row .td-image-box-span img {
        width: 140px !important;
        height: auto;
        margin-left: 20px;
        float: left;
    }

    #previous_issues_row .td-image-box-span .td-custom-title {
        width: 130px;
        float: left;
        margin-top: 20px;
    }
}

/* ==========================================================================
   6. LEGACY LAYOUT STYLES (DISABLED BY DEFAULT)
   Uncomment specific blocks below ONLY if you notice layout issues.
   Most of these should be replaced by the Theme Builder settings.
   ========================================================================== */

/* ==========================================================================
   7. ALL ISSUES ARCHIVE (SHORTCODE GRID)
   styles for [all_issues]
   ========================================================================== */
.brickell-issues-archive {
    padding: 20px 0;
}

.issues-year-title {
    font-size: 24px;
    font-family: Rufina, serif;
    color: #575756;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.issues-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    /* Negative margin for gutter */
    margin-bottom: 40px;
}

.issue-card {
    width: 25%;
    /* 4 items per row */
    padding: 0 15px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.issue-thumb img {
    width: 100%;
    height: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease;
}

.issue-thumb img:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.issue-title {
    margin-top: 10px;
    font-size: 16px;
    font-family: Rufina, serif;
    text-align: center;
}

.issue-title a {
    color: #575756;
    text-decoration: none;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .issue-card {
        width: 50%;
        /* 2 items per row */
    }
}

@media (max-width: 480px) {
    .issue-card {
        width: 100%;
        /* 1 item per row */
    }
}

/* ==========================================================================
   8. CATEGORY PAGE TITLES
   ========================================================================== */
.td-category-title a {
    color: #575756 !important;
}

.td-category-title a:hover {
    color: #c5c5c5 !important;
}

.td-category-title {
    text-align: center;
    font-family: Rufina, serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    margin-top: 0px;
}

/* ==========================================================================
   9. BLOCK 77 STYLES (LEGACY PORT)
   ========================================================================== */
.td_module_77 .td-module-thumb img {
    width: 100%;
}

.td_module_77 .entry-title {
    margin-top: 10px;
}

.td_module_77 .entry-title a {
    color: #575756 !important;
    text-transform: uppercase;
    font-size: 31px;
    font-weight: normal;
    line-height: 33px;
}

.td_module_77 .entry-title a:hover,
.td_module_77_1 .entry-title a:hover {
    color: #c5c5c5 !important;
}

.td_module_77_1 .entry-title {
    line-height: 20px;
}

.td_module_77_1 .entry-title a {
    color: #575756 !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
}

.td_module_77_1.td_module_wrap {
    padding-bottom: 0px;
}

.td_block_wrap.td_block_77 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.td_block_77 {
    position: relative;
    padding-top: 0px !important;
}

.td_block_77 .td-block-span6:first-child {
    padding-right: 0px !important;
    margin-bottom: 0px !important;
}

.td_module_77 .td-post-sub-title {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #575756;
    line-height: 19px;
}

.td_module_77_1 .td-post-sub-title {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    margin-top: 0px;
    color: #575756 !important;
}

.td_block_77 .see-more {
    float: right;
    margin-top: -30px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Rufina, serif;
    color: #575756;
}

.td_block_77 .see-more:hover {
    color: #c5c5c5;
}

.td_block_77 .td-block-span12:last-child .td_module_77 {
    padding-bottom: 0px !important;
}

/* ==========================================================================
   10. FOOTER STYLES (LEGACY PORT)
   ========================================================================== */
.footer-first {
    margin-bottom: 20px;
    font-family: Rufina, serif;
    font-size: 15px;
    color: #575756;
}

.footer-first .td-custom-image {
    width: 55%;
    float: left;
}

.footer-first .td-custom-title {
    width: 45%;
    float: left;
    padding: 5px;
}

.footer-first .td-custom-title h4 {
    font-size: 16px;
    padding: 1px !important;
    margin: 30px 0px 36px 0px;
    line-height: 20px;
    font-family: Rufina, serif;
    color: #575756 !important;
    text-transform: uppercase;
    font-weight: bold;
}

.footer-first .td-custom-title h5 {
    font-size: 12px;
    margin: 20px 0px 10px 0px;
    line-height: 15px;
    font-family: 'Open Sans', sans-serif;
    color: #575756;
}

.footer-first .td-custom-title #btnsubmit {
    margin-left: 0px;
    background-color: #575556;
    color: #fff;
    border: none;
    padding: 5px 10px;
    font-family: Rufina, serif;
    text-transform: uppercase;
}

.footer-first img {
    width: 100%;
    height: auto;
}


/* ==========================================================================
   11. FOOTER COLUMN TITLES & SEPARATOR (LEGACY)
   ========================================================================== */
.td-footer-wrapper .td-block-title {
    text-align: center !important;
    border-top: 1px solid #e1e1e1 !important;
    padding-top: 15px !important;
    margin-bottom: 25px !important;
    position: relative !important;
    background: transparent !important;
    border-bottom: none !important;
}

.td-footer-wrapper .td-block-title>span {
    font-family: Rufina, serif !important;
    font-size: 16px !important;
    color: #575756 !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    background: transparent !important;
    padding: 0 !important;
}

.td-footer-wrapper .td-block-title:after {
    content: '' !important;
    position: absolute !important;
    bottom: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: url(images/separator_xlv.png) no-repeat left center !important;
    background-size: contain !important;
    width: 60px !important;
    height: 10px !important;
    border: none !important;
}

.td-footer-wrapper .separator_xlv,
.separator_xlv {
    background: url(images/separator_xlv.png) no-repeat left center;
    width: 100%;
    height: 20px;
    display: block;
}

@media (max-width: 720px) {
    .td-footer-wrapper .separator_xlv {
        width: 100%;
        height: 30px;
        margin-bottom: 10px;
        background-size: contain;
    }
}

/* ==========================================================================
   12. HOME SLIDER (LEGACY)
   ========================================================================== */
.home_slider .flexslider {
    margin-bottom: 0px !important;
}

.home_slider_container {
    margin-bottom: 0px !important;
}

.home_slider_container .widget_text {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.home_slider_container .textwidget {
    margin: 0px !important;
}

.home_slider_container .widget_text p:first-child,

/* ==========================================================================
   12.5. SIDEBAR WIDGET POSTS STYLING
   ========================================================================== */
.td-ss-main-sidebar .td_module_wrap .td-post-category,
.td-ss-main-sidebar .td_module_wrap .td-module-meta-info {
    display: none !important;
}

.td-ss-main-sidebar .td_module_wrap .entry-title {
    text-align: center !important;
    margin-bottom: 10px !important;
    line-height: 24px !important;
}

.td-ss-main-sidebar .td_module_wrap .entry-title a {
    font-family: Rufina, serif !important;
    font-size: 18px !important;
    color: #575756 !important;
    font-weight: normal !important;
}

.td-ss-main-sidebar .td_module_wrap .td-excerpt {
    text-align: center !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
    color: #575756 !important;
    line-height: 21px !important;
}

/* ==========================================================================
   12.6. HOME PAGE GRID ('THE BEST' / 'SOCIAL') STYLING
   ========================================================================== */
.td_module_related_posts .td-post-category,
.home_the_best .td-post-category,
.home_nominates .td-post-category {
    display: none !important;
}

.td_module_related_posts .entry-title,
.home_nominates .entry-title,
.home_the_best .entry-title {
    text-transform: uppercase !important;
}

/* Red Arrow Pseudo-element for large image */
.td_module_related_posts .td-module-thumb a:last-child:before,
.home_nominates .td-module-thumb a:last-child:before,
.home_the_best .td-module-thumb a:last-child:before {
    right: 80% !important;
    border-right: 15px solid transparent !important;
    border-left: 15px solid #fff !important;
    border-bottom-color: #d41f3e !important;
    width: 40% !important;
}

/* White overlapping cutout pseudo-element */
.td_module_related_posts .td-module-thumb a:last-child:after,
.home_nominates .td-module-thumb a:last-child:after,
.home_the_best .td-module-thumb a:last-child:after {
    left: 20% !important;
    border-left: 15px solid transparent !important;
    border-right: 15px solid #fff !important;
    width: 90% !important;
}

.td_module_related_posts .td-module-thumb a:last-child:after,
.td_module_related_posts .td-module-thumb a:last-child:before,
.home_nominates .td-module-thumb a:last-child:after,
.home_nominates .td-module-thumb a:last-child:before,
.home_the_best .td-module-thumb a:last-child:after,
.home_the_best .td-module-thumb a:last-child:before {
    content: "" !important;
    position: absolute !important;
    bottom: 0px !important;
    z-index: 100 !important;
    border-bottom: 12px solid #fff !important;
    -moz-transform: rotate(0.000001deg) !important;
    -webkit-transform: rotate(0.000001deg) !important;
    -o-transform: rotate(0.000001deg) !important;
    -ms-transform: rotate(0.000001deg) !important;
    transform: rotate(0.000001deg) !important;
}

@media (max-width: 767px) {

    .td_module_related_posts .td-module-thumb a:last-child:after,
    .td_module_related_posts .td-module-thumb a:last-child:before,
    .home_nominates .td-module-thumb a:last-child:after,
    .home_nominates .td-module-thumb a:last-child:before,
    .home_the_best .td-module-thumb a:last-child:after,
    .home_the_best .td-module-thumb a:last-child:before {
        bottom: -1px !important;
    }
}

/* ==========================================================================
   12.5 RELATED POSTS LEGACY STYLES (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
.td-related-title {
    width: 100%;
}

.td-related-right {
    display: none !important;
}

.td-related-left {
    color: #575756 !important;
    font-family: Rufina, serif;
    font-size: 18px !important;
    font-weight: bold;
    background: url(//brickellmag.com/wp-content/themes/brickell-v12-child/images/separator_xlfx.png) no-repeat 0px 32px;
    height: 50px;
    width: 100%;
}

.td-related-left:hover {
    color: #575756 !important;
}

.td_block_related_posts {
    margin-bottom: 30px;
}

.td_block_related_posts .td-module-title {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: Rufina, serif;
}

.td_block_related_posts .td-next-prev-wrap {
    margin-top: 15px;
}

.td-next-prev-wrap a {
    display: inline-block;
    margin-right: 7px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    border: 1px solid #dcdcdc;
    text-align: center;
    vertical-align: middle;
    font-size: 7px;
    color: #b7b7b7;
    transition: all 0.2s ease;
}

.td-next-prev-wrap a:hover {
    background-color: #4db2ec;
    border-color: #4db2ec;
    color: #fff;
}

.td-next-prev-wrap .ajax-page-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.td-next-prev-wrap .td-ajax-next-page {
    padding-left: 2px;
}

.td-next-prev-wrap .td-ajax-prev-page {
    padding-right: 1px;
}

/* ==========================================================================
   13. SOCIAL PANEL (LEGACY)
   ========================================================================== */
.nc_tweetContainer {
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
}

.nc_tweetContainer .swp_share {
    display: none;
}

.nc_socialPanelSide:not(.swp_boxed) .nc_tweetContainer:not(.totes):hover {
    width: 45px !important;
    height: 45px !important;
}

.nc_tweetContainer .sw {
    font-size: 30px !important;
    line-height: 20px !important;
    margin-top: 13px !important;
    margin-left: 6px !important;
}

.nc_socialPanelSide .nc_tweetContainer:not(.totes) .swp_count.swp_hide {
    height: 45px !important;
}

.nc_socialPanelSide:not(.swp_boxed) .nc_tweetContainer:not(.totes) .iconFiller {
    margin-left: 0px;
    width: 45px;
    height: 45px;
}

.nc_socialPanel.swp_d_fullColor .linkedIn,
body .nc_socialPanel.swp_o_fullColor:hover .linkedIn,
html body .nc_socialPanel.swp_i_fullColor .linkedIn:hover,
.nc_socialPanel.swp_d_fullColor .swp_stumbleupon,
body .nc_socialPanel.swp_o_fullColor:hover .swp_stumbleupon,
html body .nc_socialPanel.swp_i_fullColor .swp_stumbleupon:hover,
.nc_socialPanel.swp_d_fullColor .swp_fb,
body .nc_socialPanel.swp_o_fullColor:hover .swp_fb,
html body .nc_socialPanel.swp_i_fullColor .swp_fb:hover,
.nc_socialPanel.swp_d_fullColor .googlePlus,
body .nc_socialPanel.swp_o_fullColor:hover .googlePlus,
html body .nc_socialPanel.swp_i_fullColor .googlePlus:hover,
.nc_socialPanel.swp_d_fullColor .twitter,
body .nc_socialPanel.swp_o_fullColor:hover .twitter,
html body .nc_socialPanel.swp_i_fullColor .twitter:hover,
.nc_socialPanel.swp_d_fullColor .nc_pinterest,
body .nc_socialPanel.swp_o_fullColor:hover .nc_pinterest,
html body .nc_socialPanel.swp_i_fullColor .nc_pinterest:hover {
    background: #575756;
    border: 1px solid #575756;
}

@media (min-width: 998px) {
    .nc_socialPanel.swp_d_fullColor.slide {
        left: 15px !important;
    }

    .nc_socialPanel.scale-fullWidth {
        display: none;
    }
}

@media (max-width: 1000px) {
    .nc_socialPanel.scale-fullWidth {
        background: #222222;
        margin: 0px !important;
        position: fixed;
        bottom: 0px;
        z-index: 100;
        left: 0px !important;
    }

    .nc_socialPanel.scale-fullWidth .nc_tweetContainer {
        border: 0px !important;
    }

    .nc_socialPanel.scale-fullWidth .nc_tweetContainer .sw {
        font-size: 30px !important;
        line-height: 20px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .td-sub-footer-container.td-container-wrap .td-container {
        padding-bottom: 50px;
    }

    .nc_socialPanel.swp_d_fullColor .linkedIn,
    body .nc_socialPanel.swp_o_fullColor:hover .linkedIn,
    html body .nc_socialPanel.swp_i_fullColor .linkedIn:hover,
    .nc_socialPanel.swp_d_fullColor .swp_stumbleupon,
    body .nc_socialPanel.swp_o_fullColor:hover .swp_stumbleupon,
    html body .nc_socialPanel.swp_i_fullColor .swp_stumbleupon:hover,
    .nc_socialPanel.swp_d_fullColor .swp_fb,
    body .nc_socialPanel.swp_o_fullColor:hover .swp_fb,
    html body .nc_socialPanel.swp_i_fullColor .swp_fb:hover,
    .nc_socialPanel.swp_d_fullColor .googlePlus,
    body .nc_socialPanel.swp_o_fullColor:hover .googlePlus,
    html body .nc_socialPanel.swp_i_fullColor .googlePlus:hover,
    .nc_socialPanel.swp_d_fullColor .twitter,
    body .nc_socialPanel.swp_o_fullColor:hover .twitter,
    html body .nc_socialPanel.swp_i_fullColor .twitter:hover,
    .nc_socialPanel.swp_d_fullColor .nc_pinterest,
    body .nc_socialPanel.swp_o_fullColor:hover .nc_pinterest,
    html body .nc_socialPanel.swp_i_fullColor .nc_pinterest:hover {
        background: #222222;
        border: 1px solid #222222;
    }
}

/* Fix for unnecessary empty <p> tag generated by wpautop in sidebars */
.td-ss-main-sidebar p:empty,
.widget p:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   14. VIDEO PLAYER OVERLAYS (MIGRATED FROM TD-API-PLUGIN-STYLE.CSS)
   Required for [brickell_audio_video_related] shortcode
   ========================================================================== */
.vplayer {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 16px;
    border-color: transparent transparent transparent #ffffff;
    margin-top: 8px;
    margin-left: 20px;
}

.vplayerc {
    height: 34px;
    width: 54px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 500;
    float: left;
    position: relative;
    margin-left: 15px;
    margin-top: 60px;
    border-radius: 4px;
}

.vplayerxl {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 32px;
    border-color: transparent transparent transparent #ffffff;
    margin-top: 11px;
    margin-left: 28px;

}

.vplayercxl {
    height: 54px;
    width: 80px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 500;
    float: left;
    position: absolute;
    margin-left: 15px;
    margin-top: 260px;
    border-radius: 4px;
}

.vplayercxl:hover,
.vplayerc:hover {
    background: rgba(0, 0, 0, 0.8);
}

/* ==========================================================================
   15. LOGO & HEADER STYLES (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
.td-header-style-7 .td-header-sp-logo {
    margin-right: 1px;
}

.td-affix .td-mobile-logo img {
    width: 120px;
}

/* ==========================================================================
   17. UTILITY CLASSES & SHORTCODE HELPERS (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
.lines-beside-title {
    display: table;
    width: 100%;
}

.lines-beside-title span,
.lines-beside-title a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: .125em 15px;
}

.lines-beside-title::before,
.lines-beside-title::after {
    content: "";
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background: url("images/line-bg.png") repeat-x 0px 16px;
}

.recaptchahide {
    display: none;
}

/* Contact Us Page Helpers */
.contact-us img {
    width: 83%
}

.contact-us .text p,
.contact-us .text a {
    color: #575551 !important;
    font-size: 14px;
    line-height: 8px;
    font-family: Rufina, serif;
}

.contact-us .text .title {
    font-weight: bold;
    font-size: 18px;
}

/* ==========================================================================
   18. PLUGIN OVERRIDES (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
/* Smash Balloon Instagram Feed */
#sbi_load {
    display: none !important;
}

#sbi_images {
    border: 1px solid #CCCCCC !important;
    border-radius: 5px !important;
}

#sbi_images .sbi_photo_wrap {
    border: 1px solid #CCCCCC !important;
}

/* Font Awesome Overrides */
.fa-instagram {
    font-size: 30px;
    margin-top: 6px;
    margin-right: 8px;
}

/* ==========================================================================
   19. LEGACY CATEGORY & TEMPLATE STYLES (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
/* Nominate Category - Hide Author/Meta */
.archive.category.category-nominate .td-post-author-name {
    display: none;
}

.archive.category.category-nominate .td-meta-info-container {
    padding-bottom: 20px
}

.archive.category.category-nominate .td-meta-info-container a {
    font-family: Rufina, serif;
    color: #CACACA !important;
    text-transform: uppercase;
}

.archive.category.category-nominate .td-meta-info-container .td-big-grid-meta .td-post-category,
.archive.category.category-nominate .td-meta-info-container .td-module-meta-info,
.archive.category.category-nominate .td-module-meta-info,
.archive.tag .td-module-meta-info,
.archive.category .td-module-meta-info {
    display: none;
}

/* Category Template 8 */
.cat_template_8 .desc {
    padding-bottom: 20px
}

.cat_template_8 .desc p {
    font-family: "Open Sans", sans-serif;
    line-height: 25px;
    font-size: 14px;
    color: #575756;
    margin-bottom: 5px;
    font-weight: 500;
}

.cat_template_8 .desc img {
    border: 1px #b1b1b1 solid;
    width: 100%;
}

.loop_ct_tp_8 .entry-title.td-module-title {
    margin-top: 3px;
}

.loop_ct_tp_8 .td-post-content {
    margin-top: 0px;
}

.loop_ct_tp_8 .td-post-content .content p {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.loop_ct_tp_8.td-pb-span12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.loop_ct_tp_8 .td-pb-span6 img {
    width: 100%
}

.loop_ct_tp_8 .td-pb-span6.right {
    padding-left: 8px;
    padding-right: 0px;
}

.loop_ct_tp_8 .td-pb-span6.left {
    padding-left: 0px;
    padding-right: 8px;
}

.loop_ct_tp_8 .td-post-content p {
    line-height: 19px;
}

/* Video Show Template */
.video-show .td-post-content .td-a-rec.td-a-rec-id-content_bottom {
    display: none;
}

.video-show .vplayerc {
    position: absolute;
    margin-top: -54px !important;
}

.video-show .td-pb-span4.pl {
    padding-left: 0;
    padding-right: 6px;
}

.video-show .td-pb-span4.pr {
    padding-right: 0;
    padding-left: 6px;
}

.video-show .td-pb-span4 {
    padding-left: 3px;
    padding-right: 3px;
}

/* ==========================================================================
   20. CUSTOM FILE INPUT (MIGRATED FROM INCLUDES/CUSTOM-FILE-INPUT.CSS)
   Required for [brickell_nominate_form]
   ========================================================================== */
.inputfile {
    width: 0.1px !important;
    height: 0.1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -1 !important;
}

.inputfile+label {
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfile-6+label {
    border: 1px solid #e1e1e1;
    width: 100%;
    padding: 0;
    border-right: none;
}

.inputfile-6+label span {
    padding: 3px 0px 3px 9px;
    width: 45%;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    font-size: 12px;
    color: #444;
}

.inputfile-6+label strong {
    padding: 3px 9px;
    height: 100%;
    color: #fff;
    background-color: #575556 !important;
    display: inline-block;
    font-size: 14px !important;
    font-family: Rufina, serif !important;
    text-transform: uppercase !important;
    width: 55%;
    text-align: center;
}

@media screen and (max-width: 50em) {
    .inputfile-6+label strong {
        display: block;
    }
}

/* ==========================================================================
   27. ARCHIVE TITLE OVERRIDES (LINES BESIDE TITLE)
   Applies .lines-beside-title look to default Newspaper 12 archive titles
   ========================================================================== */
.tdb-archive-title,
.tdb-page-title {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}

.tdb-archive-title span,
.tdb-page-title span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: .125em 15px;
    font-family: Rufina, serif;
    font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    color: #222;
}

.tdb-archive-title:before,
.tdb-archive-title:after,
.tdb-page-title:before,
.tdb-page-title:after {
    content: "";
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background: url("images/line-bg.png") repeat-x 0px 16px;
}

/* ==========================================================================
   26. SOCIAL WARFARE STYLES (MIGRATED FROM STYLE.CSS)
   Fixes .nc_socialPanel appearance
   ========================================================================== */
.nc_tweetContainer {
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
}

.nc_tweetContainer .swp_share {
    display: none;
}

.nc_socialPanelSide:not(.swp_boxed) .nc_tweetContainer:not(.totes):hover {
    width: 45px !important;
    height: 45px !important;
}

.nc_tweetContainer .sw {
    font-size: 30px !important;
    line-height: 20px !important;
    margin-top: 13px !important;
    margin-left: 6px !important;
}

.nc_socialPanelSide .nc_tweetContainer:not(.totes) .swp_count.swp_hide {
    height: 45px !important;
}

.nc_socialPanelSide:not(.swp_boxed) .nc_tweetContainer:not(.totes) .iconFiller {
    margin-left: 0px;
    width: 45px;
    height: 45px;
}

.nc_socialPanel.swp_d_fullColor .linkedIn,
body .nc_socialPanel.swp_o_fullColor:hover .linkedIn,
html body .nc_socialPanel.swp_i_fullColor .linkedIn:hover,
.nc_socialPanel.swp_d_fullColor .swp_stumbleupon,
body .nc_socialPanel.swp_o_fullColor:hover .swp_stumbleupon,
html body .nc_socialPanel.swp_i_fullColor .swp_stumbleupon:hover,
.nc_socialPanel.swp_d_fullColor .swp_fb,
body .nc_socialPanel.swp_o_fullColor:hover .swp_fb,
html body .nc_socialPanel.swp_i_fullColor .swp_fb:hover,
.nc_socialPanel.swp_d_fullColor .googlePlus,
body .nc_socialPanel.swp_o_fullColor:hover .googlePlus,
html body .nc_socialPanel.swp_i_fullColor .googlePlus:hover,
.nc_socialPanel.swp_d_fullColor .twitter,
body .nc_socialPanel.swp_o_fullColor:hover .twitter,
html body .nc_socialPanel.swp_i_fullColor .twitter:hover,
.nc_socialPanel.swp_d_fullColor .nc_pinterest,
body .nc_socialPanel.swp_o_fullColor:hover .nc_pinterest,
html body .nc_socialPanel.swp_i_fullColor .nc_pinterest:hover {
    background: #575756;
    border: 1px solid #575756;
}

@media (min-width: 998px) {
    .nc_socialPanel.swp_d_fullColor.slide {
        left: 15px !important;
    }

    .nc_socialPanel.scale-fullWidth {
        display: none;
    }
}

@media (max-width: 1000px) {
    .nc_socialPanel.scale-fullWidth {
        background: #222222;
        margin: 0px !important;
        position: fixed;
        bottom: 0px;
        z-index: 100;
        left: 0px !important;
    }

    .nc_socialPanel.scale-fullWidth .nc_tweetContainer {
        border: 0px !important;
    }

    .nc_socialPanel.scale-fullWidth .nc_tweetContainer .sw {
        font-size: 30px !important;
        line-height: 20px !important;
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .td-sub-footer-container.td-container-wrap .td-container {
        padding-bottom: 50px;
    }

    .nc_socialPanel.swp_d_fullColor .linkedIn,
    body .nc_socialPanel.swp_o_fullColor:hover .linkedIn,
    html body .nc_socialPanel.swp_i_fullColor .linkedIn:hover,
    .nc_socialPanel.swp_d_fullColor .swp_stumbleupon,
    body .nc_socialPanel.swp_o_fullColor:hover .swp_stumbleupon,
    html body .nc_socialPanel.swp_i_fullColor .swp_stumbleupon:hover,
    .nc_socialPanel.swp_d_fullColor .swp_fb,
    body .nc_socialPanel.swp_o_fullColor:hover .swp_fb,
    html body .nc_socialPanel.swp_i_fullColor .swp_fb:hover,
    .nc_socialPanel.swp_d_fullColor .googlePlus,
    body .nc_socialPanel.swp_o_fullColor:hover .googlePlus,
    html body .nc_socialPanel.swp_i_fullColor .googlePlus:hover,
    .nc_socialPanel.swp_d_fullColor .twitter,
    body .nc_socialPanel.swp_o_fullColor:hover .twitter,
    html body .nc_socialPanel.swp_i_fullColor .twitter:hover,
    .nc_socialPanel.swp_d_fullColor .nc_pinterest,
    body .nc_socialPanel.swp_o_fullColor:hover .nc_pinterest,
    html body .nc_socialPanel.swp_i_fullColor .nc_pinterest:hover {
        background: #222222;
        border: 1px solid #222222;
    }
}

/* ==========================================================================
   25. PREVIOUS ISSUES (HOMEPAGE)
   Restores grid layout for [previous_issues] shortcode
   ========================================================================== */
#previous_issues_row .wpb_column:first-child {
    padding-right: 16px;
}

#previous_issues_row .td-image-box-span {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 12.5%;
    /* 8 items per row */
    float: left;
    display: inline-block;
    /* Fallback */
}

#previous_issues_row .td_block_image_box .td-tiny-image .td-custom-image a {
    height: 160px;
    /* Fixed height for covers */
    display: block;
}

#previous_issues_row .td_block_image_box .td-custom-image a:after,
#previous_issues_row .td_block_image_box .td-custom-image a:before {
    content: none;
}

#previous_issues_row .td-custom-title {
    position: relative;
    top: 0px;
    margin-top: 15px;
    pointer-events: all;
    padding: 1px;
}

#previous_issues_row .td_block_image_box .entry-title {
    font-family: Rufina, serif;
    color: #575756 !important;
    font-size: 13px;
    text-align: center;
    line-height: 1.4;
}

#previous_issues_row .wpb_raw_html {
    margin-bottom: 0px;
}

#previous_issues_row .see-more {
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Rufina, serif;
    color: #575756;
    margin-top: 10px;
}

/* Mobile / Tablet Responsive */
@media (max-width: 1000px) {
    #previous_issues_row .td-image-box-span {
        width: 100%;
        float: left;
        margin-top: 20px;
        padding: 0 !important;
    }

    #previous_issues_row .td-image-box-span .td-custom-image {
        width: 170px;
        float: left;
    }

    #previous_issues_row .td-image-box-span img {
        width: 140px !important;
        height: auto;
        margin-left: 20px;
        float: left;
    }

    #previous_issues_row .td-image-box-span .td-custom-title {
        width: 130px;
        float: left;
        margin-top: 20px;
        text-align: left;
    }
}

/* User Requested Sub-Footer Padding */
.td-sub-footer-container.td-container-wrap .td-pb-row {
    padding-top: 18px;
    padding-bottom: 18px;
}

.td-main-menu-logo img {
    max-height: 35px;
}

.td-header-gradient:before {
    background: none;
}




/* ==========================================================================
   16. LEGACY HEADER 7 STYLES (MIGRATED FROM STYLE-OLD.CSS)
   Preserves menu and logo positioning if using Legacy Header
   ========================================================================== */
.td-header-style-7 .td-header-sp-logo,
.td-header-style-7 .td-header-sp-logo a {
    margin-right: 1px;
}

ul.sf-menu>.td-menu-item>a {
    padding: 0 10px !important;
}

.td-header-style-7 .sf-menu>li>a {
    line-height: 30px !important;
}

.menu-top-container .td-icon-font {
    font-size: 17px;
    margin-top: 6px;
}

.td-header-style-7 .sf-menu {
    margin-top: 65px !important;
    float: right;
}

.td-header-style-7 #td-top-search {
    margin-top: 0;
    top: auto;
    bottom: 4px;
}

.td-header-style-7 .sf-menu a.sf-with-ul {
    margin-right: 15px;
}

.td-header-wrap .td-affix .td-main-menu-logo img {
    max-height: 35px;
}

.td-affix .td-mobile-logo img {
    width: 120px;
}

.td-header-wrap .td-affix .td-main-menu-logo img {
    max-height: 35px;
}


/* ==========================================================================
   21. METASLIDER STYLES (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
.home .metaslider .caption-wrap {
    position: relative !important;
    background: #ffffff !important;
    color: #575756 !important;
    opacity: 1 !important;
    font-family: Rufina, serif;
    font-size: 31px;
    text-align: center;
    margin: 0 auto;
    width: 78%;
    line-height: 20px;
    padding-top: 15px;
}

.home .metaslider .caption-wrap subhead {
    font-size: 15px;
    font-family: "Open Sans", sans-serif;
}

.home .flex-control-nav.flex-control-paging {
    position: absolute;
    z-index: 120;
    height: 20px;
    margin-top: 0px;
}

.flex-control-paging li a {
    background: #ffffff !important;
    height: 15px !important;
    width: 15px !important;
}

.flex-control-paging li a.flex-active {
    background: #707070 !important;
}

.home ul.flex-direction-nav {
    display: none
}

.home_slider .flexslider {
    margin-bottom: 0px !important;
}

@media (max-width: 767px) {
    .home .metaslider .caption-wrap {
        font-size: 22px;
        width: 95%;
        line-height: 22px;
    }
}


/* ==========================================================================
   17. UTILITY CLASSES & SHORTCODE HELPERS (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
.lines-beside-title {
    display: table;
    width: 100%;
}

.lines-beside-title span,
.lines-beside-title a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: .125em 15px;
}

.lines-beside-title::before,
.lines-beside-title::after {
    content: "";
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background: url("images/line-bg.png") repeat-x 0px 16px;
}

.recaptchahide {
    display: none;
}

/* Contact Us Page Helpers */
.contact-us img {
    width: 83%
}

.contact-us .text p,
.contact-us .text a {
    color: #575551 !important;
    font-size: 14px;
    line-height: 8px;
    font-family: Rufina, serif;
}

.contact-us .text .title {
    font-weight: bold;
    font-size: 18px;
}

/* ==========================================================================
   18. PLUGIN OVERRIDES (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
/* Smash Balloon Instagram Feed */
#sbi_load {
    display: none !important;
}

#sbi_images {
    border: 1px solid #CCCCCC !important;
    border-radius: 5px !important;
}

#sbi_images .sbi_photo_wrap {
    border: 1px solid #CCCCCC !important;
}

/* Font Awesome Overrides */
.fa-instagram {
    font-size: 30px;
    margin-top: 6px;
    margin-right: 8px;
}

/* ==========================================================================
   19. LEGACY CATEGORY & TEMPLATE STYLES (MIGRATED FROM STYLE-OLD.CSS)
   ========================================================================== */
/* Nominate Category - Hide Author/Meta */
.archive.category.category-nominate .td-post-author-name {
    display: none;
}

.archive.category.category-nominate .td-meta-info-container {
    padding-bottom: 20px
}

.archive.category.category-nominate .td-meta-info-container a {
    font-family: Rufina, serif;
    color: #CACACA !important;
    text-transform: uppercase;
}

.archive.category.category-nominate .td-meta-info-container .td-big-grid-meta .td-post-category,
.archive.category.category-nominate .td-meta-info-container .td-module-meta-info,
.archive.category.category-nominate .td-module-meta-info,
.archive.tag .td-module-meta-info,
.archive.category .td-module-meta-info {
    display: none;
}

/* Category Template 8 */
.cat_template_8 .desc {
    padding-bottom: 20px
}

.cat_template_8 .desc p {
    font-family: "Open Sans", sans-serif;
    line-height: 25px;
    font-size: 14px;
    color: #575756;
    margin-bottom: 5px;
    font-weight: 500;
}

.cat_template_8 .desc img {
    border: 1px #b1b1b1 solid;
    width: 100%;
}

.loop_ct_tp_8 .entry-title.td-module-title {
    margin-top: 3px;
}

.loop_ct_tp_8 .td-post-content {
    margin-top: 0px;
}

.loop_ct_tp_8 .td-post-content .content p {
    line-height: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.loop_ct_tp_8 .td-pb-span12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.loop_ct_tp_8 .td-pb-span6 img {
    width: 100%
}

.loop_ct_tp_8 .td-pb-span6.right {
    padding-left: 8px;
    padding-right: 0px;
}

.loop_ct_tp_8 .td-pb-span6.left {
    padding-left: 0px;
    padding-right: 8px;
}

.loop_ct_tp_8 .td-post-content p {
    line-height: 19px;
}

/* Video Show Template */
.video-show .td-post-content .td-a-rec.td-a-rec-id-content_bottom {
    display: none;
}

.video-show .vplayerc {
    position: absolute;
    margin-top: -54px !important;
}

.video-show .td-pb-span4.pl {
    padding-left: 0;
    padding-right: 6px;
}

.video-show .td-pb-span4.pr {
    padding-right: 0;
    padding-left: 6px;
}

.video-show .td-pb-span4 {
    padding-left: 3px;
    padding-right: 3px;
}

/* ==========================================================================
   20. CUSTOM FILE INPUT (MIGRATED FROM INCLUDES/CUSTOM-FILE-INPUT.CSS)
   Required for [brickell_nominate_form]
   ========================================================================== */
.inputfile {
    width: 0.1px !important;
    height: 0.1px !important;
    opacity: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -1 !important;
}

.inputfile+label {
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

.inputfile:focus+label,
.inputfile.has-focus+label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}

.inputfile+label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}

.inputfile-6+label {
    border: 1px solid #e1e1e1;
    width: 100%;
    padding: 0;
    border-right: none;
}

.inputfile-6+label span {
    padding: 3px 0px 3px 9px;
    width: 45%;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    font-size: 12px;
    color: #444;
}

.inputfile-6+label strong {
    padding: 3px 9px;
    height: 100%;
    color: #fff;
    background-color: #575556 !important;
    display: inline-block;
    font-size: 14px !important;
    font-family: Rufina, serif !important;
    text-transform: uppercase !important;
    width: 55%;
    text-align: center;
}

@media screen and (max-width: 50em) {
    .inputfile-6+label strong {
        display: block;
    }
}

/* ==========================================================================
   22. USER REQUESTED LAYOUT REFINEMENTS
   ========================================================================== */
.td-footer-wrapper {
    padding-top: 54px !important;
}

#sbi_images {
    border: 1px solid #cccccc !important;
    border-radius: 5px !important;
}

.td-footer-wrapper .text {
    font-size: 15px;
    font-family: Rufina, serif;
    font-weight: bold;
    color: #575756;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-left: 10px;
}

.td-footer-wrapper .separator_xlv {
    width: 100%;
    height: 20px;
}

.footer-first .td-custom-title h4 {
    font-size: 16px;
    padding: 1px !important;
    margin: 30px 0px 36px 8px;
    line-height: 20px;
}

.td-footer-wrapper .td-block-title {
    font-family: Rufina, serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #575756;
}

/* ==========================================================================
   23. HOMEPAGE MODULE CLASSES (MIGRATED FOR THEME BUILDER USE)
   Add these classes to your Theme Builder blocks for legacy styling
   ========================================================================== */

/* Slider Missing Styles */
.home .flex-control-nav.flex-control-paging {
    bottom: 75px !important;
}

.home .metaslider .caption,
.home .metaslider .caption div {
    line-height: 14px;
    font-size: 10px;
}

/* Category Items / See More Button */
.td_block_wrap.td_block_77 {
    margin-bottom: 25px;
    margin-top: 25px;
}

.td_block_77 {
    position: relative;
    padding-top: 0px !important;
}

.td_block_77 .td-block-span6:first-child {
    padding-right: 0px !important;
    margin-bottom: 0px !important;
}

.td_module_77 .td-post-sub-title {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    color: #575756;
    line-height: 19px;
}

.td_module_77_1 .td-post-sub-title {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 19px;
    margin-top: 0px;
    color: #575756 !important;
}

.td_block_77 .see-more {
    float: right;
    margin-top: -30px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Rufina, serif;
    color: #575756;
}

.td_block_77 .see-more:hover {
    color: #c5c5c5;
}

.td_block_77 .td-block-span12:last-child .td_module_77 {
    padding-bottom: 0px !important;
}

.td_module_77_1.td_module_wrap {
    padding-bottom: 0px;
}

/* Block 78 / More Category padding & captions */
.td_block_wrap.td_block_78 {
    margin-bottom: 0px;
}

.td_module_78 {
    padding-bottom: 15px;
}

.td_module_78 .td-module-title,
.td_module_78 .td-post-sub-title {
    text-align: center;
}

.td_module_78 .td-module-title a {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #111;
    line-height: 21px;
}

.td_module_78 .td-post-sub-title {
    font-family: "Benton Sans", sans-serif;
    font-size: 14px;
    font-style: normal;
    color: #111;
    line-height: 21px;
}

.td_module_78 .entry-title a:hover {
    color: #c5c5c5 !important;
}

/* Home Page Nominates / The Best arrows */
.home_the_best .td-next-prev-wrap,
.home_nominates .td-next-prev-wrap {
    margin-top: 10px !important;
}

/* Previous Issues Row Fixes */
#previous_issues_row>p {
    text-align: center;
    font-family: Rufina, serif;
    font-size: 16px;
    margin-top: -15px;
    margin-bottom: 30px;
}

#previous_issues_row .td-custom-title {
    padding-top: 20px;
}

/* ==========================================================================
   24. USER REQUESTED LEGACY MODULE STYLES
   Restoring specific module thumbs, meta info, and custom accents
   ========================================================================== */

/* Post Meta Info */
.post .td-module-meta-info {
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    color: #575756;
}

/* Hide specific categories */
.td_module_related_posts .td-post-category,
.home_the_best .td-post-category,
.home_nominates .td-post-category {
    display: none;
}

/* Entry Titles */
.td_module_related_posts .entry-title,
.home_nominates .entry-title,
.home_the_best .entry-title {
    text-transform: uppercase;
}

/* Triangle Overlays (Related Posts, The Best, Nominates) */
.td_module_related_posts .td-module-thumb a:last-child:before,
.home_nominates .td-module-thumb a:last-child:before,
.home_the_best .td-module-thumb a:last-child:before {
    right: 80%;
    border-right: 15px solid transparent;
    border-left: 15px solid #fff;
    width: 40%;
}

.td_module_related_posts .td-module-thumb a:last-child:after,
.home_nominates .td-module-thumb a:last-child:after,
.home_the_best .td-module-thumb a:last-child:after {
    left: 20%;
    border-left: 15px solid transparent;
    border-right: 15px solid #fff;
    width: 90%;
}

.td_module_related_posts .td-module-thumb a:last-child:after,
.td_module_related_posts .td-module-thumb a:last-child:before,
.home_nominates .td-module-thumb a:last-child:after,
.home_nominates .td-module-thumb a:last-child:before,
.home_the_best .td-module-thumb a:last-child:after,
.home_the_best .td-module-thumb a:last-child:before {
    content: "";
    position: absolute;
    bottom: 0px !important;
    z-index: 100;
    border-bottom: 12px solid #fff;
    -moz-transform: rotate(0.000001deg);
    -webkit-transform: rotate(0.000001deg);
    -o-transform: rotate(0.000001deg);
    -ms-transform: rotate(0.000001deg);
    transform: rotate(0.000001deg);
}

@media (max-width: 767px) {

    .td_module_related_posts .td-module-thumb a:last-child:after,
    .td_module_related_posts .td-module-thumb a:last-child:before,
    .home_nominates .td-module-thumb a:last-child:after,
    .home_nominates .td-module-thumb a:last-child:before,
    .home_the_best .td-module-thumb a:last-child:after,
    .home_the_best .td-module-thumb a:last-child:before {
        bottom: -1px !important;
    }
}

/* Module 10 Excerpt on Mobile */
@media (max-width: 767px) {
    .td_module_10 .td-excerpt {
        display: block;
    }
}

/* td-api-plugin-style.css Overlays (Module 77 / 77_1) */
.td_module_77 .td-module-thumb {
    margin-bottom: 12px;
}

.td_module_77 .td-module-thumb a:last-child:before {
    right: 90%;
    border-right: 25px solid transparent;
    border-left: 25px solid #fff;
    width: 40%;
}

.td_module_77 .td-module-thumb a:last-child:after {
    left: 10%;
    border-left: 25px solid transparent;
    border-right: 25px solid #fff;
    width: 90%;
}

.td_module_77 .td-module-thumb a:last-child:after,
.td_module_77 .td-module-thumb a:last-child:before {
    content: '';
    position: absolute;
    bottom: 0px !important;
    z-index: 100;
    border-bottom: 25px solid #fff;
    -moz-transform: rotate(0.000001deg);
    -webkit-transform: rotate(0.000001deg);
    -o-transform: rotate(0.000001deg);
    -ms-transform: rotate(0.000001deg);
    transform: rotate(0.000001deg);
}

.td_module_77_1 .td-module-thumb a:last-child:before {
    bottom: 80%;
    border-bottom: 10px solid transparent;
    border-top: 10px solid #fff;
    height: 20%;
}

.td_module_77_1 .td-module-thumb a:last-child:after {
    top: 20%;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff;
    height: 80%;
}

.td_module_77_1 .td-module-thumb a:last-child:after,
.td_module_77_1 .td-module-thumb a:last-child:before {
    content: '';
    position: absolute;
    right: 0px !important;
    z-index: 100;
    border-right: 10px solid #fff;
    -moz-transform: rotate(0.000001deg);
    -webkit-transform: rotate(0.000001deg);
    -o-transform: rotate(0.000001deg);
    -ms-transform: rotate(0.000001deg);
    transform: rotate(0.000001deg);
}

.td_module_77_1 .item-details {
    margin-left: 170px;
    min-height: 70px;
}

@media (min-width: 768px) and (max-width: 1018px) {
    .td_module_77_1 .item-details {
        margin-left: 95px;
        min-height: 55px;
    }
}

.td_module_77_1 .entry-title {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 4px;
    font-weight: 500;
}

@media (min-width: 768px) and (max-width: 1140px) {
    .td_module_77_1 .entry-title {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 767px) {
    .td_module_77_1 .entry-title {
        font-size: 14px;
    }
}

.archive .td-excerpt {
    display: block;
}

/* ==========================================================================
   25. USER-PROVIDED INSPECTOR FIXES
   ========================================================================== */
.td-header-style-7 .td-affix .sf-menu {
    margin-top: 0 !important;
}

.td_module_77_1 .td-module-thumb {
    position: absolute;
    left: 0;
    top: 0;
}

.td-main-content-wrap.td-main-page-wrap.td-container-wrap {
    padding-top: 0 !important;
}

/* Category Header / Page Title Fixes */
.td-category-header .td-page-title,
.td-page-title {
    text-align: center;
    font-family: Rufina, serif;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    display: table;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.td-category-header .td-page-title span,
.td-page-title span,
.td-category-header .td-page-title a,
.td-page-title a {
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 15px;
    color: #575756 !important;
}

.td-category-header .td-page-title:before,
.td-category-header .td-page-title:after,
.td-page-title:before,
.td-page-title:after {
    content: "";
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background: url("images/line-bg.png") repeat-x 0px 10px;
}

.td-category-header .td-page-title a:hover,
.td-page-title a:hover {
    color: #c5c5c5 !important;
}

/* ==========================================================================
   26. POST CONTENT STYLES & TYPOGRAPHY
   ========================================================================== */

/* Post content paragraphs */
.post .td-post-sub-title,
.td-page-content p,
.td-post-content p {
    line-height: 28px;
    font-size: 15px;
    color: #575756 !important;
    margin-bottom: 5px;
    font-weight: 500;
    font-family: "Open Sans", sans-serif !important;
}

.td-post-title h5 {
    font-family: "Open Sans", sans-serif;
}

/* Base Headings - links inside headings */
h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    color: #575756 !important;
}

h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
    color: #c5c5c5 !important;
}

/* Blockquotes */
.td-post-content blockquote {
    margin: 10px 5% 10px 5% !important;
}

.td-post-content blockquote p {
    line-height: 38px !important;
    color: #4db2ec !important;
}

/* Post Images */
.td-post-content img,
.wpb_text_column img,
.td_block_text_with_title img,
.woocommerce #tab-description img,
.mce-content-body img {
    margin-bottom: 8px;
}

/* ==========================================================================
   27. MEGA MENU FIXES
   ========================================================================== */
#td-header-menu .td-post-category,
.tdb-menu .tdb-mega-menu .td-post-category,
.tdb-menu .tdb-mega-menu .tdb-post-category {
    display: none !important;
}

/* ==========================================================================
   28. GLOBAL CUSTOM TITLE UTILITY (LINES BESIDE TITLE)
   ========================================================================== */
.lines-beside-custom-title {
    text-align: center !important;
    display: table !important;
    width: 100% !important;
    margin-bottom: 20px !important;
}

.lines-beside-custom-title>* {
    display: table-cell !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    padding: 0 15px !important;
    font-family: Rufina, serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #575756 !important;
}

.lines-beside-custom-title:before,
.lines-beside-custom-title:after {
    content: "" !important;
    display: table-cell !important;
    width: 50% !important;
    vertical-align: middle !important;
    background: url("images/line-bg.png") repeat-x 0px center !important;
}

/* ==========================================================================
   29. CATEGORY / TAG PAGE WIDGET TITLE SYNC
   ========================================================================== */
.td-main-sidebar .td-block-title {
    text-align: center !important;
    display: table !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    border: none !important;
}

.td-main-sidebar .td-block-title>span {
    display: table-cell !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    padding: 0 15px !important;
    font-family: Rufina, serif !important;
    font-size: 20px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #575756 !important;
    background: transparent !important;
}

.td-main-sidebar .td-block-title:before,
.td-main-sidebar .td-block-title:after {
    content: "" !important;
    display: table-cell !important;
    width: 50% !important;
    vertical-align: middle !important;
    background: url("images/line-bg.png") repeat-x 0px center !important;
    position: static !important;
    height: auto !important;
    top: auto !important;
    border: none !important;
}

/* ==========================================================================
   30. SIDEBAR TD_BLOCK_4 CUSTOM SUBTITLE OVERRIDE
   ========================================================================== */
.td_block_4 .td-module-title a {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    line-height: 21px !important;
}

.td_block_4 .brickell-custom-subtitle {
    font-family: "Benton Sans", sans-serif !important;
    font-size: 14px !important;
    line-height: 21px !important;
    color: #111 !important;
    font-style: normal !important;
    margin-top: 2px !important;
}

/* ===== Titulares un poco mas chicos - 1-sep-2026 (pedido de Alexis) =====
   Se mantienen en versales; solo baja el cuerpo. Original: 31/33 y 18. */
.td_module_77 .entry-title a {
    font-size: 28px !important;
    line-height: 30px !important;
}
.td_module_77_1 .entry-title a {
    font-size: 16px !important;
    line-height: 19px !important;
}