/*
--------------------------------------------------------------------------------
Theme Name: Exclusive Content Theme
Theme URI: http://www.wordpress.org/
Description: Exclusive Content Theme for Zacks Tailored Models Website;
Author: AdvisorBranding
Version: 1.0
License: Private
Tags: Responsive, Mobile Friendly, Exclusive Content (Required User Registration)
--------------------------------------------------------------------------------
*/

#wp-custom-post h3 {
  font-family: "PrimaryFont", sans-serif;
  color: #dd8a03;
  margin-bottom:0px;
  font-weight: normal;
  line-height: 125%;
  font-size: 1.35em; }

#wp-custom-post h4 {
  font-family: "PrimaryFont", sans-serif;
  color: #dd8a03;
  margin-bottom:0px;
  font-weight: normal;
  line-height: 125%;
  font-size: 1.35em; }

#wp-custom-post h5 {
  font-family: "PrimaryFontBold", sans-serif;
  color: #dd8a03;
  margin-bottom:0px;
  font-weight: normal;
  font-size: 1.25em; }


#wp-custom-post .wp-custom-no-top-margin-P {
    margin-top:0px;
}

#wp-custom-post .wp-custom-large-P {
    font-size:1.15em;
}

#wp-custom-post .wp-custom-button-A {
  display: inline-block;
  padding: 7px 25px;
  background: #787b83;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#wp-custom-post .wp-custom-button-A:hover {
  background: #de890a;
  color: #fff;
}

#wp-custom-post .wp-custom-button-B {
  display: inline-block;
  padding: 7px 25px;
  background: #de890a;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
#wp-custom-post .wp-custom-button-B:hover {
  background: #232c36;
  color: #fff;
}

#wp-custom-post .alignleft   { float: left;  margin: 0 1.5em 1em 0; }
#wp-custom-post .alignright  { float: right; margin: 0 0 1em 1.5em; }
#wp-custom-post .aligncenter { display: block; margin: 0 auto 1em; }
#wp-custom-post .alignnone   { margin: 0 0 1em; }

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


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


/*  -------------------------------------------
    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: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; }
    .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-container {
        box-sizing:border-box; padding:0; margin:0; width:100%;
        position:relative; top:-150px; left:0; right:0;
    }
    .latest-insights-slider-nav-container {
        box-sizing:border-box; padding:0; margin:0; width:100%;
        position:relative; top:-150px; left:0; right:0;
    }
    .ab-blog-latest-post-text { 
        padding:35px; height:250px; 
        display:grid; grid-template-columns: 100%;
    }
    .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; margin:0; width:100%; 
    }
    .ab-blog-latest-post-excerpt { display:block; }
}

@media (min-width: 1024px) {
    .ab-blog-latest-post-text { 
        padding:35px; height:200px; 
        display:grid; grid-template-columns: 100%;
    }
}

@media (min-width: 1280px) {
    .ab-blog-latest-post-text { 
        padding:35px; height:250px; 
        display:grid; grid-template-columns: 100%;
    }
    .ab-blog-latest-post-text-B { 
        box-sizing:border-box; padding:0 25px; margin:0; width:100%; 
    }
}

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