/*
==============================
Page: Blog
Section: Category Nav
==============================
*/

.categorynav-wrapper {
    width: 100%;
    padding-top: var(--xs);
    padding-bottom: var(--xs);
}
.categorynav-links-mobile {
    display: none;
    background-color: var(--lightGrey);
	position: fixed;
	top: 25px;
	right: 0;
	left: 0;
    padding-left: 17px;
    padding-right: 17px;
	height: 97vh;
	z-index: 1031;
	overflow-y: scroll;
}
.close-categorynav {
	position: absolute;
	right: 17px;
	top: 17px;
	z-index: 1031;
}
.close-categorynav span {
  font-size:2.2rem;
  line-height:1em;
  color: var(--black);
}
.categorynav-links-mobile .categorynav-link {
    font-size: 1.25rem;
    border-bottom: 1px solid #C9C9C9;
    padding: 1.5rem;
    font-family: Antarctican Headline;
    width: 100%;
    text-transform: uppercase;
}
.categorynav-links-mobile .categorynav-link:last-child {
    border-bottom: 0;
}
.categorynav-label {
    font-weight: 700;
    font-size: 0.875rem;
    padding-top: var(--xxs);
    padding-bottom: var(--xxs);
}

@media (min-width: 768px) {
    .categorynav-links {
        padding-top: var(--xs);
        padding-bottom: var(--xxs);
    }
    .categorynav-links a {
        border: 1px solid #C9C9C9;
        padding: var(--xxs) var(--xs);
        font-size: 1rem;
        display: inline-block;
        font-family: Antarctican Headline;
        text-transform: uppercase;
        color: var(--navbarGrey);
        margin-bottom: var(--xxs);
    }
    .categorynav-links a:hover {
        background-color: var(--turquoise);
        border-color: var(--turquoise);
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }
    
}

@media (min-width: 992px) {
    .categorynav-label {
        min-width: 10rem;
    }
    .categorynav-wrapper {
        width: auto;
    }
    .categorynav-links a {
        margin-left: var(--xs);
    }
}

@media (min-width: 1200px) {
    .categorynav-label {
        min-width: 13rem;
    }
}

/*
==============================
Page: Blog
Section: Post Data
==============================
*/

.post-data {
    padding-top: var(--sm);
    padding-bottom: var(--xs);
}
.post-data span,
.post-data a {
    font-size: 0.875rem;
}
.post-data-author {
    font-weight: 700;
}

/*
==============================
Page: Blog
Section: Main Article
==============================
*/


#mainArticle {
    padding-top: var(--sm);
    padding-bottom: var(--sm);
}
#mainArticle .bg-image-regular {
    min-height: 14rem;
}
#mainArticle h1 {
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: var(--xs);
    font-size: 2rem;
}
#mainArticle h1 a {
    line-height: 1rem;
}

@media (min-width: 768px) {
    #mainArticle .bg-image-regular {
        min-height: 29rem;
    }    
    #mainArticle {
        padding-top: var(--lg);
        padding-bottom: var(--lg);
    }
}

@media (min-width: 992px) {
    #mainArticle .bg-image-regular {
        min-height: 20rem;
    }
    #mainArticle h1 {
        font-size: 3rem;
        line-height: 2.5rem;
    }
    #mainArticle {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }    
}

@media (min-width: 1750px) {
    #mainArticle .bg-image-regular {
        min-height: 22rem;
    }
}


@media (min-width: 2000px) {
    #mainArticle .bg-image-regular {
        min-height: 24rem;
    }
}

/*
==============================
Page: Blog
Section: Featured Articles
==============================
*/


#featuredArticles {
    padding-bottom: var(--sm);
}
#featuredArticles .bg-image-regular {
    min-height: 14rem;
}
#featuredArticles h2 {
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: var(--xxs);
    line-height: 1.5rem;
}
#featuredArticles h2 a {
    line-height: 1.25rem;
    font-size: 1.5rem;
}
#featuredArticles .post-data {
    padding-top: var(--xxs);
    padding-bottom: var(--xxs);
}
#featuredArticles .col-lg-4 {
    margin-bottom: var(--lg);
}
#featuredArticles .col-lg-4:last-child {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    #featuredArticles .col-lg-4:last-child {
        display: none;
    }  
    #featuredArticles h2 a {
        line-height: 1.5rem;
        font-size: 1.75rem;
    } 
    #featuredArticles {
        padding-bottom: var(--lg);
    }
}

@media (min-width: 992px) {
    #featuredArticles .col-lg-4:last-child {
        display: block;
    }   
    #featuredArticles {
        padding-bottom: 3.5rem;
    }
}

/*
==============================
Page: Blog
Section: Regular Articles
==============================
*/

#allArticles {
    padding-top: var(--sm);
}
#allArticles .bg-image-regular {
    min-height: 14rem;
}
#allArticles h3,
#allArticles h2 {
    text-transform: uppercase;
}
#allArticles h2 {
    font-size: 1.75rem;
    line-height: 1.5rem;
    padding-bottom: var(--sm);
    margin-bottom: 0;
}
#allArticles .post-data {
    padding-top: var(--xs);
    padding-bottom: var(--xs);
}
#allArticles .col-lg-4 {
    margin-bottom: var(--lg);
}

@media (min-width: 768px) {
    #allArticles {
        padding-top: 2.5rem;
    }
}

@media (min-width: 992px) {
    #allArticles {
        padding-top: 3.5rem;
    }
    #allArticles h2 {
        font-size: 2rem;
        line-height: 1.75rem;
    }
}

/*
==============================
Page: Blog
Section: Tags Cloud
==============================
*/

#blogTags {
    padding-top: var(--md);
    padding-bottom: var(--md);
}
#blogTags h2 {
    font-size: 1.75rem;
    text-transform: uppercase;
    line-height: 1.5rem;
    font-family: Antarctican Headline;
    margin-bottom: 0;
    padding-bottom: var(--md);
}
#blogTags a {
    border: 1px solid #C9C9C9;
    padding: var(--xxs) var(--xs);
    font-size: 0.875rem;
    display: inline-block;
    margin-bottom: var(--xs);
}
#blogTags a:hover {
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    color: var(--turquoise);
    border-color: var(--turquoise);
}

/*
==============================
Page: Blog
Section: Taxonomy Content
==============================
*/

.taxonomy-content {
    padding-top: var(--md);
    padding-bottom: var(--md);
}
.taxonomy-content h1 {
    text-transform: uppercase;
    font-size: 2rem;
    margin-bottom: 0;
    padding-bottom: var(--md);
}
.taxonomy-content .bg-image-regular {
    min-height: 14rem;
}
.taxonomy-content h2 a {
    text-transform: uppercase;
    font-size: 1.75rem;
    line-height: 1.5rem;
    padding-bottom: var(--sm);
    margin-bottom: 0;
}
.taxonomy-content .col-lg-4 {
    margin-bottom: var(--lg);
}
.taxonomy-content .col-lg-4:last-child {
    margin-bottom: 0;
}


/*
==============================
Page: Single Post
Section: Header
==============================
*/

#singleArticle .entry-header h1 {
    font-size: 3.5rem;
    line-height: 3.125rem;
    margin-top: var(--lg);
    margin-bottom: var(--md);
    text-transform: uppercase;
}
#singleArticle .post-data {
    padding-bottom: 0;
}
#singleArticle .entry-taxonomies {
    padding-bottom: var(--xs);
}
#singleArticle .entry-taxonomies a {
    border: 1px solid #C9C9C9;
    padding: var(--xxs) var(--xs);
    font-size: 0.875rem;
    display: inline-block;
    margin-bottom: var(--xs);
}

/*
==============================
Page: Single Post
Section: Content
==============================
*/

#singleArticle .entry-featured-img .bg-image-regular {
    min-height: 14rem;
}
#singleArticle .entry-content {
    padding-top: var(--md);
    padding-bottom: var(--md);
}
#singleArticle .entry-content h3 {
    font-size: 1.75rem;
    line-height: 1.75rem;
    text-transform: uppercase;
    margin-bottom: var(--xs);
}
#singleArticle .entry-content a {
    color: var(--turquoise);
    font-weight: bold;
    text-decoration: underline;
}
#singleArticle figure {
    margin-bottom: var(--sm);
}
#singleArticle .entry-content ul {
    margin-left: 20px;
    margin-bottom: 1rem;
}
#singleArticle .entry-content ul li {
    list-style: none;
    font-size: 1em;
    margin-bottom: .5em;
}
#singleArticle .entry-content ul li::before {
    content: "-";
    color: #4A4A4A;
    padding: 0px 10px 0 0;
    display: inline-block;
    margin-left: -1em;
    margin-top: -7px;
    vertical-align: middle;
}

@media (min-width: 992px) {
    #singleArticle .entry-featured-img .bg-image-regular {
        min-height: 38rem;
    }
}

/*
==============================
Page: Single Post
Section: Related Articles
==============================
*/


#relatedArticles {
    padding-top: var(--md);
    padding-bottom: var(--md);
}
#relatedArticles h2 {
    font-size: 1.75rem;
    text-transform: uppercase;
    line-height: 1.5rem;
    font-family: Antarctican Headline;
    margin-bottom: 0;
    padding-bottom: var(--md);
}
#relatedArticles .bg-image-regular {
    min-height: 14rem;
}
#relatedArticles h3 a {
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1.75rem;
}


.pagination {
    justify-content: center;
    padding-top: var(--md);
    padding-bottom: var(--md);
}
.pagination ul li {
    list-style: none;
    margin-right: 0.5rem;
}
.pagination ul li:last-child {
    margin-right: 0;
}
.pagination ul li a {
    font-family: Antarctican Headline;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    width: 3rem;
    height: 3rem;
    background-color: var(--lightGrey);
}
.pagination ul li.active a {
    background-color: var(--turquoise);
}
.pagination ul li a:hover {
    background-color: var(--turquoise);
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

@media (min-width: 768px) {
    .pagination {
        padding-top: var(--lg);
        padding-bottom: var(--lg);
    }
}

@media (min-width: 992px) {
    .pagination {
        padding-top: var(--xl);
        padding-bottom: var(--xl);
    }
}