/*
--------------------------------------------------------------------------------
Theme Name: Wilson Financial Team Blog Theme
Theme URI: http://www.wordpress.org/
Description: Exclusive Content Theme for Wilson Financial Team Blog;
Author: AdvisorBranding
Version: 1.0
License: Private
Tags: Responsive, Mobile Friendly
--------------------------------------------------------------------------------
*/
@font-face {
  font-family: 'PrimaryFont';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf')  format('truetype');
}
@font-face {
  font-family: 'PrimaryFontBold';
  src: url('fonts/Open_Sans/OpenSans-Bold.ttf')  format('truetype');
}
@font-face {
  font-family: 'PrimaryFontLight';
  src: url('fonts/Open_Sans/OpenSans-Light.ttf')  format('truetype');
}
@font-face {
  font-family: 'HeadingsFont';
  src: url('fonts/Open_Sans/OpenSans-Regular.ttf')  format('truetype');
}

/*  -------------------------------------------
    BANNERS
-----------------------------------------------*/
.ab-blog-banner { 
    box-sizing:border-box; width:100%; height:500px; margin:0; padding:0;
    position:relative;
    background:url("graphics/blog-banner-default.jpg") center center no-repeat; background-size:cover; 
}
.ab-blog-banner-default { background:url("graphics/blog-banner-default.jpg") center center no-repeat; background-size:cover; }

.ab-banner-box {
    box-sizing:border-box; width:100%; height:500px; margin:0; padding:0;
    background:rgba(0,0,0,0.5);
    display:flex; align-items: center;
}


/*  -------------------------------------------
    RECENT POSTS
-----------------------------------------------*/
.ab-blog-posts-container, .ab-blog-recent-posts-container {
    box-sizing:border-box; padding:0 0 25px 0; margin:0; width:100%;
    display:grid; gap:25px;
}
.ab-blog-post {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    background: #f4f7fb;
    border-bottom:1px #005695 solid;
}
.ab-blog-post:hover {
    background: #e4eaf4;
}
.ab-blog-post .ab-blog-post-banner {
    box-sizing:border-box; padding:10px 15px; margin:0; width:100%; height:125px;
    color: #fff; font-weight:bold; font-size:0.85em;
}
.ab-blog-post-1 .ab-blog-post-banner {
    box-sizing:border-box; padding:20px; margin:0; width:100%; height:400px;
    color: #fff; font-weight:bold; font-size:0.85em;
}
.ab-blog-post .ab-blog-post-text-container {
    box-sizing:border-box; padding:15px; margin:0; width:100%;
}
.ab-blog-post-1 .ab-blog-post-text-container {
    box-sizing:border-box; padding:20px; margin:0; width:100%;
}
.ab-post-category {
    text-transform:uppercase; color: #005695; font-weight:bold; font-size:0.75em;
    padding-bottom:10px;
}
.ab-post-date {
    color: #000; font-weight:bold; font-size:0.75em;
}
.ab-post-title {
    color: #000;
}
.ab-post-title:hover {
    color: #005695;
}
.ab-blog-post .ab-post-excerpt {
    display:none; font-size:0.85em;
}
.ab-blog-post-1 .ab-post-excerpt {
    display:block;
}

@media (min-width: 768px) {
    .ab-blog-posts-container {
        display: grid;
        grid-template-columns: 32% 32% 32%; gap:25px;
        justify-content: space-between; align-items: stretch;
    }
    .ab-blog-recent-posts-container {
        display: grid;
        grid-template-columns: 66% 32%; gap:25px;
        justify-content: space-between; align-items: stretch;
    }
    .ab-blog-post-1 {
        grid-row: 1 / span 2;
    }
}

/*  -------------------------------------------
    BLOG NAVIGATION
-----------------------------------------------*/
.ab-blog-nav {
    box-sizing:border-box; padding:0 0 25px 0; margin:0; width:100%;
    display:grid; grid-template-columns: 100%; gap:10px;
}
.ab-blog-nav-item, .ab-blog-nav-select {
    box-sizing:border-box; padding:0; margin:0; width:100%;
}
.ab-blog-nav-item form, .ab-blog-nav-select form {
    box-sizing:border-box; padding:0 0 5px 0; margin:0; width:100%;
    border-bottom:1px #000 solid;
}
.ab-blog-nav-item form select, .ab-blog-nav-select form select {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    border:0; outline:none; font-weight: bold;
}
.ab-blog-nav-item form select option:first-child { font-weight:bold; }
.ab-blog-nav-select-head { font-weight:bold; }

.ab-blog-nav-search form {
    box-sizing:border-box; padding:0 0 5px 0; margin:0; width:100%;
    border:0; display:grid; grid-template-columns: 80% 20%;
    justify-content: space-between; align-items: center;
    border-bottom:1px #000 solid;
}
.ab-blog-nav-search form input[type='text'] {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    border:0; outline:none;
}
.ab-blog-nav-search form input[type='submit'] {
    box-sizing:border-box; padding:0; margin:0; width:100%;
    border:0; outline:none;
    background:url("graphics/search-form-button.png") center right no-repeat;
    background-size:20px 20px;
    text-indent: -9999px;
}

@media (min-width: 768px) {
    .ab-blog-nav {
        display:grid; 
        grid-template-columns: 32% 32% 32%; gap:25px;
        justify-content: space-between; align-items: center;
    }
}

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



/*  -------------------------------------------
    SINGLE
-----------------------------------------------*/
.ab-blog-post-PN-grid {
    box-sizing:border-box; padding:75px 0; margin:0; width:100%; 
    border-bottom:1px #333 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; color:#005695; font-weight:bold;
}

.ab-blog-post-PN-arrow-left {
    display:inline-block; padding:0 0 0 15px;
    background:url("graphics/ab-blog-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/ab-blog-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;
    }
}

/*  -------------------------------------------
    POST SHARING
-----------------------------------------------*/
.ab-post-sharing {
    box-sizing:border-box; padding:75px 0 0 0; margin:0; width:100%; 
}
.ab-post-sharing-grid-sm {
    box-sizing:border-box; padding:0; margin:0; width:100%; 
    display:flex;  align-items: center;
}
.ab-sm-icon {
    box-sizing:border-box; padding:0; margin:5px; width:30px; height:30px; 
    background:#005695; color:#fff;
    display:grid; justify-content: center; align-items: center;
}
.ab-sm-icon:hover {
    background:#666; color:#fff;
}