/*
--------------------------------------------------------------------------------
Theme Name: Theme For Zacks ETFs
Theme URI: https://zacksetfs.com/resources/
Description: Custom WordPress Theme for Zacks Investment Management;
Author: AdvisorBranding
Version: 1.0
License: Private
Tags: Responsive, Mobile Friendly, Blog
--------------------------------------------------------------------------------
*/


/*  -------------------------------------------
    BANNERS
-----------------------------------------------*/
.blog-banner-01 { background:url("graphics/blog-banner-01.jpg") center center no-repeat; background-size:cover; }
.blog-banner-default { background:url("graphics/blog-banner-default.jpg") center center no-repeat; background-size:cover; }
.blog-cat-01-banner { background:url("graphics/blog-cat-01-banner.jpg") center center no-repeat; background-size:cover; }
.blog-cat-02-banner { background:url("graphics/blog-cat-02-banner.jpg") center center no-repeat; background-size:cover; }
.blog-cat-03-banner { background:url("graphics/blog-cat-03-banner.jpg") center center no-repeat; background-size:cover; }
.blog-cat-04-banner { background:url("graphics/blog-cat-04-banner.jpg") center center no-repeat; background-size:cover; }


.ab-sec-blog-parallax-01 { min-height: 300px; background: transparent; }
.ab-sec-blog-parallax-02 { min-height: 250px; background: transparent; }

.ab-sec-normal {
    background:#333a43; color:#fff;
}
.ab-sec-zacks-dark {
    background:#232c36; color:#fff;
}

.ab-sec-normal p, .ab-sec-normal h5, .ab-sec-normal h6, .ab-sec-normal ul, .ab-sec-normal ul li,  .ab-sec-normal a { color:#fff; }
.ab-sec-normal h1, .ab-sec-normal h2, .ab-sec-normal h3, .ab-sec-normal h4 { color:#dd8a03; }
.ab-sec-parallax h2, .ab-sec-zacks-dark h2 { color:#dd8a03; }
.ab-sec-normal a:hover { color:#dd8a03; }

.ab-blog-txt-orange { color:#dd8a03; }

.ab-blog-link-btn-container {
    display:block; box-sizing:border-box; margin:50px 0 0 0; padding:0;
    display:grid; grid-template-columns:300px; justify-content: center;
}
.ab-blog-link-btn-container .ab-blog-link-btn {
    display:block; box-sizing:border-box; margin:0; padding:10px 25px;
    text-align: center; color:#dd8a03; 
    font-family: 'PrimaryFontBold', sans-serif; font-size:1.15em;
    background:transparent; border:2px #dd8a03 solid;
    
}
.ab-blog-link-btn-container .ab-blog-link-btn:hover {
    background:#dd8a03; color:#fff;
}

.ab-blog-link-btn2-container {
    display:block; box-sizing:border-box; margin:0; padding:0;
    display:grid; grid-template-columns:200px;
}
.ab-blog-link-btn2-container .ab-blog-link-btn2 {
    display:block; box-sizing:border-box; margin:0; padding:10px 25px;
    text-align: center; color:#dd8a03; 
    font-family: 'PrimaryFontBold', sans-serif; font-size:1.15em;
    background:transparent; border:2px #dd8a03 solid;
    
}
.ab-blog-link-btn2-container .ab-blog-link-btn2:hover {
    background:#dd8a03; color:#fff;
}

.ab-blog-link-btn-container .ab-blog-link-btn-IB { display:inline-block; }
.ab-blog-link-btn-container .ab-blog-link-btn-200 { max-width:200px; }
.ab-blog-link-btn-container .ab-blog-link-btn-300 { max-width:300px; }
.ab-blog-link-btn-container .ab-blog-link-btn-400 { max-width:400px; }

.ab-in-the-media {
    box-sizing:border-box; margin:0 0 20px 0; padding:10px 0;
}

.ab-in-the-media .ab-in-the-media-text div.ab-txt-color-A {
    font-size:0.765em;
}
.ab-in-the-media .ab-in-the-media-link {
    font-size:0.765em;
}

@media (min-width: 768px) {
    .ab-in-the-media {
        display:grid; grid-template-columns: auto auto; gap:50px; justify-content: space-between; align-items: center;
    }
}
/*  -------------------------------------------
    ZACKS BLOG CLASSES
-----------------------------------------------*/
.ab-sec-normal .has-zacks-black-color { color:#000; }
.ab-sec-normal .has-zacks-white-color { color:#fff; }
.ab-sec-normal .has-zacks-orange-color { color:#dd8a03; }
.ab-sec-normal .has-zacks-dark-gray-color { color:#232c36; }

.ab-sec-normal .has-zacks-black-background-color { background-color:#000; }
.ab-sec-normal .has-zacks-white-color { background-color:#fff; }
.ab-sec-normal .has-zacks-orange-background-color { background-color:#dd8a03; }
.ab-sec-normal .has-zacks-dark-gray-background-color { background-color:#232c36; }

.ab-sec-normal .zacks-no-bottom-margin { margin-bottom:0; }
.ab-sec-normal .zacks-no-top-margin { margin-top:0; }

/*  -------------------------------------------
    BANNERS: SINGLE
-----------------------------------------------*/
.ab-banner-single {
    box-sizing:border-box; width:100%; height:500px; margin:0; padding:0;
    position:relative;
}
.ab-banner-single .ab-banner-shadow {
    box-sizing:border-box; width:100%; height:50%; margin:0; padding:0;
    position:absolute; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.5); color:#fff;
    display:grid; align-items:center;
}

.ab-banner-single .ab-banner-box { box-sizing:border-box; width:100%; margin:0; padding:0; text-align:center; }
.ab-banner-single .ab-banner-shadow-txt { color:#dd8a03; text-shadow: 1px 1px 3px #000; font-size:1.0em; font-weight:bold; }
.ab-banner-single h2 { margin:0; color:#fff; text-shadow: 1px 1px 3px #000; }

.ab-banner-single .ab-banner-sharing {
    box-sizing:border-box; width:100%; height:15%; margin:0; padding:0;
    position:absolute; left:0; right:0; bottom:0;
    color:#fff;
    display:grid;align-items:flex-end;
}
.ab-banner-single .ab-banner-sharing-grid {
    box-sizing:border-box; width:100%; margin:0; padding:0;
    display:grid; grid-template-columns: auto auto; justify-content: space-between;
}

.ab-btn-orange-share {
    box-sizing:border-box; width:125px; margin:0; padding:10px; align-items:center;
    background:#dd8a03;
    font-family: 'PrimaryFont', sans-serif; color:#fff; 
    font-size:1.15em;
    border:1px #dd8a03 solid;
    display:grid; align-items: center; justify-content: center;

}
.ab-btn-orange-share:hover {
    background:#1d252c; color:#fff; border:1px #1d252c solid;
}

@media (min-width: 768px) {
    .ab-banner-single {
        height:300px;
    }
    .ab-banner-single .ab-banner-shadow {
        width:100%; height:100%;
        position:absolute; top:0; left:0; right:0; bottom:0;
    }
    .ab-banner-single .ab-banner-shadow-txt { font-size:1.15em; }
}
@media (min-width: 1024px) {
    .ab-banner-single {
        height:350px;
    }
    .ab-banner-single .ab-banner-shadow-txt { font-size:1.25em; }
}

@media (min-width: 1280px) {
    .ab-banner-single {
        height:415px;
    }
}

/*  -------------------------------------------
    SECTION: DISCLOSURE DOCUMENTS
-----------------------------------------------*/
.ab-banner-sharing-grid-sm {
    box-sizing:border-box; width:100%; margin:0; padding:0 0 10px 0;
    display:grid; grid-template-columns: auto auto auto auto auto; 
    grid-gap:15px; justify-content:start; align-items:end;
}
.ab-banner-sharing-grid-sm .ab-sm-grid-item {
        box-sizing:border-box; width:100%; margin:0; padding:0;
        font-family:'PrimaryFontBold', sans-serif;
}
.ab-banner-sharing-grid-sm .ab-sm-grid-item a { color:#fff; font-size:80%; font-weight:bold; }
.ab-banner-sharing-grid-sm .ab-sm-grid-item a:hover { color:#dd8a03; }



/*  -------------------------------------------
    HOME PAGE CATEGORY BUTTONS
-----------------------------------------------*/
.ab-blog-cat-btn-container {
    box-sizing:border-box; padding:0; margin:0; width:100%;
}

.ab-blog-cat-btn {
    display:block; box-sizing:border-box; padding:15px 10px; margin:5px 0; width:100%;
    background:#dd8a03; color:#fff; text-align: center; font-size:1.15em;
}
.ab-blog-cat-btn:hover {
    background:#232c36; color:#fff;
}

@media (min-width: 768px) {
    .ab-blog-cat-btn-container {
        display:grid; grid-template-columns: 23% 23% 23% 23%; justify-content: space-between;
    }
}

/*  -------------------------------------------
    FACTSHEET POSTS
-----------------------------------------------*/
.ab-factsheet-post-container {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    display:grid; gap:10px;
}
.ab-factsheet-post-bg {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    background:url("graphics/blog-banner-default.jpg") top center no-repeat;
    background-size:cover;
}
.ab-factsheet-post {
    display:block; box-sizing:border-box; padding:25px; margin:0; width:100%; height:100%;
    background:rgba(35,44,54,0.75);
}
.ab-factsheet-post:hover {
    background:rgba(0,0,0,0.75);
}
.ab-factsheet-post-cat { color:#dd8a03; }
.ab-factsheet-post-title { color:#fff; }
.ab-factsheet-post-grid {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    display:grid; grid-template-columns:auto auto; gap:15px; justify-content:space-between; align-items: center;
}

@media (min-width: 768px) {
    .ab-factsheet-post-container {
        display:grid; grid-template-columns: 48% 48%; gap:25px; justify-content: space-between;
    }
}


@media (min-width: 1024px) {
    .ab-factsheet-post-container {
        display:grid; grid-template-columns: 32% 32% 32%; gap:25px; justify-content: space-between;
    }
}


/*  -------------------------------------------
    NEWLETTER POSTS
-----------------------------------------------*/
.ab-NL-post-container {
    box-sizing:border-box; padding:0; margin:50px auto 0 auto;width:100%;
    display:grid; gap:10px;
}

.ab-NL-post-container a { display:block; box-sizing:border-box; color:#fff; }
.ab-NL-post-container a:hover { display:block; box-sizing:border-box; color:#dd8a03; }

.ab-NL-post-container img { display:block; box-sizing:border-box; padding:0; margin:0 auto; border:1px #787b83 solid; width:75%; height:auto;  }

.ab-NL-post-bg {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    background:#232c36;
}
.ab-NL-post {
    display:block; box-sizing:border-box; padding:0; margin:0; width:100%; height:100%;
}
.ab-NL-post-cat { 
    display:block; box-sizing:border-box; padding:20px; margin:0; width:100%;
    background:#646871; color:#fff; text-align: center;
}
.ab-NL-post .ab-NL-post-title { color:#fff; text-align:center; }
.ab-NL-post:hover .ab-NL-post-title { color:#dd8a03; }
.ab-NL-post-arrow { font-size:0.85em; text-align:center; }
.ab-NL-post-grid {
    box-sizing:border-box; padding:35px 30px; margin:0; width:100%;
    display:grid; grid-template-columns:auto; gap:5px; justify-content:center; align-items: center;
}

@media (min-width: 768px) {
    .ab-NL-post-container {
        display:grid; grid-template-columns: 40% 40%; gap:50px; justify-content: space-between;
    }
    .ab-NL-post-container img { display:block; box-sizing:border-box; padding:0; margin:0; border:1px #787b83 solid; width:100%; height:auto;  }

}

@media (min-width: 1024px) {
    .ab-NL-post-container {
        display:grid; grid-template-columns: 18.5% 18.5% 18.5%18.5%; gap:25px; justify-content: space-between;
    }
}



/*  -------------------------------------------
    OVERVIEWS SECTION
-----------------------------------------------*/

.ab-OV-video-grid {
    box-sizing:border-box; padding:0; margin:0; width:100%;
}
.ab-OV-video-img {
    box-sizing:border-box; padding:0 0 20px 0; margin:0; width:100%;
}
.ab-OV-video-img a img { display:block; width:100%; height:auto; outline:none; border:0; padding:0; margin:0; }
.ab-OV-video-txt {
    box-sizing:border-box; padding:0; margin:0; width:100%;
}

@media (min-width: 1024px) {
    .ab-OV-video-grid {
        display:grid; grid-template-columns: 60% 37.5%; justify-content: space-between;
    }
}

.ab-OV-items-grid {
    box-sizing:border-box; padding:0; margin:50px auto 0 auto; width:100%;
    display:grid; grid-template-columns: 100%; gap:25px; justify-content: center;
}
.ab-OV-item {
    display:block; box-sizing:border-box; padding:0; margin:0 auto; width:75%;
    color:#fff;
}
.ab-OV-item-img {
    display:block; box-sizing:border-box; padding:0; margin:0; width:100%; height:auto;
}
.ab-OV-item-txt {
    display:block; box-sizing:border-box; padding:5px 0 0 0; margin:0; width:100%;
    text-align: center; font-size:0.825em;
}

@media (min-width: 768px) {
    .ab-OV-items-grid {
        width:75%;
        display:grid; grid-template-columns: 40% 40%; gap:50px; justify-content: space-between;
    }
    .ab-OV-item { margin:0; width:100%; }
}
@media (min-width: 1024px) {
    .ab-OV-items-grid {
        width:100%;
        display:grid; grid-template-columns: 18.5% 18.5% 18.5% 18.5%; justify-content: space-between;
    }
}






/*  -------------------------------------------
    LATEST INSIGHTS
-----------------------------------------------*/
.ab-blog-latest-insights-container {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    position:relative;
}

.ab-blog-latest-post-banner {
    box-sizing:border-box; padding:0; margin:0; width:100%; height:400px;
}
.ab-blog-latest-post-text-container {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    position:relative; top:-100px; left:0; right:0;
}
.ab-blog-latest-post-text {
    box-sizing:border-box; padding:20px 25px; margin:0; width:100%; height:200px;
    background:#fff; overflow: hidden;
}
    .ab-blog-latest-post-cat { color:#dd8a03; text-transform:uppercase; }
    .ab-blog-latest-post-date { color:#787b83; font-size:0.875em; padding:0 0 10px 0; }
    .ab-blog-latest-post-title { margin:0; }
    .ab-blog-latest-post-excerpt { display:none; }
    .ab-blog-latest-post-excerpt p { margin:0; }
    .ab-blog-latest-post-text .ab-link-01 { color:#232c36; }
    .ab-blog-latest-post-text .ab-link-01:hover { color:#dd8a03; }

.latest-insights-slider-nav-container {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    position:relative; top:-100px; left:0; right:0;
}

.latest-insights-slider-nav-bg {
    box-sizing:border-box; padding:20px 0; margin:0; width:100%;
    background:#232c36;
}
.latest-insights-slider-nav {
    box-sizing:border-box; padding:0; margin:0 auto; width:250px; list-style:none;
    
}
.latest-insights-slider-nav li {
    box-sizing:border-box; padding:0; margin:0; width:100%; 
    font-size:1.25em; color:#fff; cursor: pointer;
}
.latest-insights-slider-nav li.slick-current {
    color:#dd8a03;
}

@media (min-width: 768px) {
    .ab-blog-latest-post-text { 
        padding:25px 50px; height:200px; 
        display:grid; grid-template-columns: 30% 70%;
    }
    .ab-blog-latest-post-text-A { 
        box-sizing:border-box; padding:0 25px 0 0; margin:0; width:100%; 
        border-right:1px #f0f0f0 solid;
    }
    .ab-blog-latest-post-text-B { 
        box-sizing:border-box; padding:0 0 0 50px; margin:0; width:100%; 
    }
    .ab-blog-latest-post-excerpt { display:block; }
}

/*  -------------------------------------------
    POPULAR INSIGHTS
-----------------------------------------------*/
.ab-blog-popular-grid {
    box-sizing:border-box; padding:0; margin:0 0 35px 0; width:100%; 
    background:#ebebed;
}
.ab-blog-popular-grid-item {
    box-sizing:border-box; padding:0; margin:0; width:100%; 
}
.ab-blog-popular-img {
    box-sizing:border-box; padding:0; margin:0; width:100%; height:200px;
}
.ab-blog-popular-grid-item-txt { padding:20px; }
.ab-blog-popular-post-cat { color:#dd8a03; text-transform:uppercase; }
.ab-blog-popular-post-date { color:#787b83; font-size:0.875em; padding:0 0 10px 0; }
.ab-blog-popular-post-title { margin:0; }
.ab-blog-popular-grid-item-txt .ab-link-01 { color:#232c36; }
.ab-blog-popular-grid-item-txt .ab-link-01:hover { color:#dd8a03; }

@media (min-width: 768px) {
    .ab-blog-popular-grid {
        display:grid; grid-template-columns: 200px auto;
    }
    .ab-blog-popular-grid-item-txt { padding:25px 50px; display:grid;align-items:center; }
    .ab-blog-popular-img { width:200px; height:200px; }
}

/*  -------------------------------------------
    NAV LINKS
-----------------------------------------------*/
.nav-links {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    text-align: center;
}
.nav-links .page-numbers {
    display:inline-block; box-sizing:border-box; width:30px; height:30px; 
    padding:6px 0 0 0; margin:0; text-align: center; font-size:0.875em;
    font-weight:bold; background:#787b83; border-radius:50%;
}
.nav-links .page-numbers:hover {
    background:#ebebed; color:#232c36;
}
.nav-links .current {
    background:#ebebed; color:#232c36;
}

/*  -------------------------------------------
    SPL: STANDRD POST LIST
-----------------------------------------------*/
.ab-blog-SPL-grid-item {
    box-sizing:border-box; padding:0; margin:0; width:100%; 
}

.ab-blog-SPL-grid {
    box-sizing:border-box; padding:0; margin:0 0 35px 0; width:100%; 
    background:#ebebed;
}
.ab-blog-SPL-grid-item {
    box-sizing:border-box; padding:0; margin:0; width:100%; 
}
.ab-blog-SPL-img {
    box-sizing:border-box; padding:0; margin:0; width:100%; height:200px;
}
.ab-blog-SPL-grid-item-txt { padding:20px; }
.ab-blog-SPL-post-cat { color:#dd8a03; text-transform:uppercase; }
.ab-blog-SPL-post-date { color:#787b83; font-size:0.875em; padding:0 0 10px 0; }
.ab-blog-SPL-post-title { margin:0; }
.ab-blog-SPL-grid-item-txt .ab-link-01 { color:#232c36; }
.ab-blog-SPL-grid-item-txt .ab-link-01:hover { color:#dd8a03; }

@media (min-width: 768px) {
    .ab-blog-SPL-grid {
        display:grid; grid-template-columns: 200px auto;
    }
    .ab-blog-SPL-grid-item-txt { padding:25px 50px; display:grid;align-items:center; }
    .ab-blog-SPL-img { width:200px; height:200px; }
}

/*  -------------------------------------------
    SINGLE
-----------------------------------------------*/
.ab-blog-post-PN-grid {
    box-sizing:border-box; padding:25px 0; margin:0; width:100%; 
    border-top:1px #666 solid;
    border-bottom:1px #666 solid;
}

.ab-blog-post-PN-grid-item {
    box-sizing:border-box; padding:0; margin:0; width:100%; line-height:150%; 
}

.ab-blog-post-PN-arrow {
    font-family: 'PrimaryFontBold', sans-serif; font-size:0.825em; color:#999; font-weight:bold;
}

.ab-blog-post-PN-arrow-left {
    display:inline-block; padding:0 0 0 15px;
    background:url("graphics/orange-arrow-left.png") center left no-repeat;
    background-size:10px 11px;
}

.ab-blog-post-PN-arrow-right {
    display:inline-block; padding:0 15px 0 0;
    background:url("graphics/orange-arrow-right.png") center right no-repeat;
    background-size:10px 11px;
}

.ab-blog-post-PN-grid-left { text-align:left; padding:0 0 20px 0; }
.ab-blog-post-PN-grid-right { text-align:right; }

@media (min-width: 768px) {
    .ab-blog-post-PN-grid {
        display:grid; grid-template-columns:35% 35%; justify-content: space-between;
    }
    .ab-blog-post-PN-grid-left { padding:0; }
}
@media (min-width: 1024px) {
    .ab-blog-post-PN-grid {
        display:grid; grid-template-columns:30% 30%; justify-content: space-between;
    }
}
@media (min-width: 1280px) {
    .ab-blog-post-PN-grid {
        display:grid; grid-template-columns:25% 25%; justify-content: space-between;
    }
}