/*
--------------------------------------------------------------------------------
Theme Name: Zacks Investment Management in the Media Theme
Theme URI: http://www.wordpress.org/
Description: Cistom Theme for Zacks Investment Management;
Author: AdvisorBranding
Version: 1.0
License: Private
Tags: Responsive, Mobile Friendly, Media Coverage Blog
--------------------------------------------------------------------------------
*/


/*  -------------------------------------------
    ZACKS COMPONENTS
-----------------------------------------------*/
.zacks-sec-lightgrey { box-sizing:border-box; padding:0; margin:0; background:#f6f6f7; outline:none; }

.zacks-btn-orange {
    display:inline-block; box-sizing:border-box; margin:0; padding:10px 50px;
    background:transparent; text-align: center;
    font-family: 'PrimaryFontBold', sans-serif;
    background:#dd8a03; color:#fff;
    border:2px #dd8a03 solid;
    font-size:1.15em;
}
.zacks-btn-orange:hover {
    background:transparent; color:#fff;
    border:2px #fff solid;
}

/*  -------------------------------------------
    HEADER
-----------------------------------------------*/
.zack-header {
    box-sizing:border-box; width:100%; margin:0; padding:0;
}
.zack-header-home-logo {
    box-sizing:border-box; width:179px; height:65px; margin:0; padding:0;
    background:url("graphics/logo.png") top right no-repeat; background-size:cover;
    text-indent: -9999px;
}
.zack-header-home-text {
    box-sizing:border-box; width:100%; margin:0; padding:100px 0;
}

.zack-header-home {
    box-sizing:border-box; width:100%; margin:0; padding:50px 0;
    background:url("graphics/home-cover.jpg") center center no-repeat; background-size:cover;
}
.zack-header-home .zack-header-logo-box {
    box-sizing:border-box; width:100%; height:65px; margin:0; padding:0;
    display:flex; justify-content: flex-end;
}
.zack-header-home .zack-header-container {
    box-sizing:border-box; width:100%; margin:0; padding:0;
}
.zack-header-home .zack-header-home-text {
    padding:100px 0;
}

.zack-header-site {
    box-sizing:border-box; width:100%; margin:0; padding:20px 0;
    background:url("graphics/home-cover.jpg") center center no-repeat; background-size:cover;
}
.zack-header-site .zack-header-container {
    box-sizing:border-box; width:100%; margin:0; padding:0;
}
.zack-header-site .zack-header-home-text {
    padding:0; font-size:90%;
}

@media (min-width: 768px) {
    .zack-header-site .zack-header-container {
        display:grid; grid-template-columns: 200px 1fr; align-items: center; justify-content: start;
    }
    .zack-header-site .zack-header-home-text {
        font-size:70%;
    }
}

@media (min-width: 1024px) {
    .zack-header-site .zack-header-home-text {
        font-size:90%;
    }
}

@media (min-width: 1280px) {
    .zack-header-site .zack-header-container {
        display:grid; grid-template-columns: 230px 1fr; align-items: center; justify-content: start;
    }
    .zack-header-site .zack-header-home-text {
        font-size:75%;
    }
}

/*  -------------------------------------------
    FOOTER
-----------------------------------------------*/
#footer-legal {
    box-sizing:border-box; width:100%; margin:0; padding:50px 0 0 0;
}
#footer-legal p { margin-top:0; color:#fff; font-size:0.725em; line-height:150%; text-align: justify; }
#footer-legal ol { box-sizing:border-box; width:100%; margin:0; padding:0 0 0 12px; }

.zack-footer-logo {
    box-sizing:border-box; width:179px; height:65px; margin:50px 0 0 0; padding:0;
    background:url("graphics/logo.png") top right no-repeat; background-size:cover;
    text-indent: -9999px;
}

@media (min-width: 768px) {
    .zack-footer-logo {
        box-sizing:border-box; width:179px; height:65px; margin:0; padding:0;
    }
}

/*  -------------------------------------------
    FOOTER: SECTION A
-----------------------------------------------*/
.zacks-footer-sec-A {
    box-sizing:border-box; width:100%; margin:0; padding:75px 0;
    background:url("graphics/zacks-footer-sec-A.jpg") center center no-repeat; background-size:cover;
}

/*  -------------------------------------------
    FOOTER: SECTION B
-----------------------------------------------*/
.zacks-footer-sec-B {
    box-sizing:border-box; width:100%; margin:0; padding:75px 0;
    background:url("graphics/zacks-footer-sec-B.jpg") center center no-repeat; background-size:cover;
}
.zacks-footer-sec-grid {
    box-sizing:border-box; width:100%; margin:0; padding:0;
}
@media (min-width: 768px) {
    .zacks-footer-sec-grid {
        display:grid; grid-template-columns: auto auto; align-items: center; justify-content: space-between;
    }
}

/*  -------------------------------------------
    FEATURED SLIDER
-----------------------------------------------*/
.zacks-sec-slider { box-sizing:border-box; padding:30px 0px; margin:0; background:#333a43; outline:none; }

.zacks-featured-slider-container {
    box-sizing:border-box; width:100%; margin:0; padding:20px 0 0 0;
    display:grid; grid-template-columns: 5% 90% 5%; align-items: center; justify-content: space-between;
}
.zacks-featured-slider-left {
    box-sizing:border-box; width:100%; height:15px; margin:0; padding:0; cursor: pointer;
    background:url("graphics/orange-arrow-left.png") center left no-repeat; background-size:14px 15px;
}
.zacks-featured-slider-right {
    box-sizing:border-box; width:100%; height:15px; margin:0; padding:0; cursor: pointer;
    background:url("graphics/orange-arrow-right.png") center right no-repeat; background-size:14px 15px;
}
.zacks-featured-slider {
    box-sizing:border-box; width:100%; margin:0; padding:0;
}
.zacks-featured-slider-img-container {
    box-sizing:border-box; margin:0; padding:20px;
}
.zacks-featured-slider-img {
    display:block; box-sizing:border-box; height:25px; width:auto; margin:0; padding:0; border:0;
}

/*  -------------------------------------------
    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; }

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


/*  -------------------------------------------
    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:#000; font-size:80%; font-weight:bold; }
.ab-banner-sharing-grid-sm .ab-sm-grid-item a:hover { color:#dd8a03; }


/*  -------------------------------------------
    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:#f6f6f6; border-radius:50%;
}
.nav-links .page-numbers:hover {
    background:#ebebed; color:#232c36;
}
.nav-links .current {
    background:#ebebed; color:#232c36;
}

/*  -------------------------------------------
    POST ITEM
-----------------------------------------------*/
.zacks-media-post-grid {
    box-sizing:border-box; padding:0; margin:0; width:100%; 
}
.zacks-media-post-grid-item {
    box-sizing:border-box; padding:25px 15px; margin:20px 0; width:100%; outline:none;
    border-left:5px #154733 solid; background:#fff;
    display:grid; grid-template-columns: 100%;
}
.zacks-media-post-grid-item:hover {
    border-left:5px #dd8a03 solid;
}
.zacks-media-post-txt {
    box-sizing:border-box; padding:0; margin:0; width:100%;
}
.zacks-media-post-txt-date {
     box-sizing:border-box; padding:0; margin:0; width:100%;
     font-weight: bold; color: #dd8a03;
}
.zacks-media-post-txt-head {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    font-weight: bold; color: #232c36;
}

.zacks-media-post-txt-link {
    display:inline-block; box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;
    font-family:'PrimaryFontBold', sans-serif; color:#232c36; font-weight: bold;
}
.zacks-media-post-grid-item:hover .zacks-media-post-txt-link {
    color: #dd8a03; 
}
.zacks-media-post-txt-link .ab-link-01-arrow {
        display:inline-block; box-sizing:border-box; margin:0; padding:0;
        width:15px; height:21px;
        background:url("graphics/orange-arrow-right.png") 1px 10px no-repeat;
        background-size:10px 11px;
}

@media (min-width: 768px) {
    .zacks-media-post-grid-item {
        display:grid; grid-template-columns: 80% 20%; align-items: center; justify-content: space-between;
    }
    .zacks-media-post-txt-link {
        text-align: right;
    }
}

/*  -------------------------------------------
    FEATURED/LATEST POST ITEM
-----------------------------------------------*/
.zacks-LP-item {
    box-sizing:border-box; padding:25px 15px; margin:0 0 25px 0; width:100%; outline:none;
    background:#fff;
    display:grid; grid-template-columns: 100%;
}
.zacks-LP-txt {
    box-sizing:border-box; padding:0; margin:0; width:100%;
}
.zacks-LP-txt-date {
     box-sizing:border-box; padding:0; margin:0; width:100%;
     font-weight: bold; color: #dd8a03;
}
.zacks-LP-txt-head {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    font-weight: bold; color: #232c36;
}

.zacks-LP-txt-link {
    display:inline-block; box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;
    font-family:'PrimaryFontBold', sans-serif; color:#232c36; font-weight: bold;
}
.zacks-LP-item:hover .zacks-LP-txt-link {
    color: #dd8a03; 
}
.zacks-LP-txt-link .ab-link-01-arrow {
        display:inline-block; box-sizing:border-box; margin:0; padding:0;
        width:15px; height:21px;
        background:url("graphics/orange-arrow-right.png") 1px 10px no-repeat;
        background-size:10px 11px;
}

.zacks-LP-featured-item {
    box-sizing:border-box; padding:100px 10px 0px 10px; margin:0; width:100%;
    border-bottom:10px #154733 solid;
    background:url("graphics/zacks-LP-grid-item-1.jpg") center center no-repeat; background-size:cover;
}
.zacks-LP-featured-item .zacks-LP-item { padding:25px 15px; margin:0; }

.zacks-LP-grid {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    display:grid; grid-template-columns: 100%; gap: 25px;
}
.zacks-LP-grid-item {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    background:#fff; 
}
.zacks-LP-grid-item-2 {
    box-sizing:border-box; padding:0; margin:0; width:100%; height:100px;
    background:url("graphics/zacks-LP-grid-item-2.jpg") center center no-repeat; background-size:cover;
}
.zacks-LP-grid-item-3 {
    box-sizing:border-box; padding:0; margin:0; width:100%; height:100px;
    background:url("graphics/zacks-LP-grid-item-3.jpg") center center no-repeat; background-size:cover;
}
.zacks-LP-grid-item-4 {
    box-sizing:border-box; padding:0; margin:0; width:100%; height:100px;
    background:url("graphics/zacks-LP-grid-item-4.jpg") center center no-repeat; background-size:cover;
}

@media (min-width: 768px) {
    .zacks-LP-grid {
        box-sizing:border-box; padding:0; margin:0; width:100%;
        display:grid; grid-template-columns: 32% 32% 32%; justify-content: space-between; align-items: stretch;
    }
}

@media (min-width: 1024px) {
    .zacks-LP-featured-item { padding:150px 50px 0px 50px; }
}

@media (min-width: 1360px) {
    .zacks-LP-featured-item { padding:200px 75px 0px 75px; }
}

/*  -------------------------------------------
    SINGLE
-----------------------------------------------*/
.ab-blog-post-PN-grid {
    box-sizing:border-box; padding:25px 0; margin:0; width:100%; 
    border-top:1px #ccc solid;
    border-bottom:1px #ccc 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;
    }
}