/*** begin generic post styles ***/
.post-region {
    max-width: 960px;
    padding: 4rem 5vw;
}

.post-excerpt-info {
	box-sizing: border-box;
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.post-excerpt {
    color: var(--color-primary-gold);
    font-style: italic;
}

.post-title a {
	color: var( --color-primary-gray);
    text-decoration: none;
}

.post-title a:hover {
    text-decoration: underline;
}

.post-link {
	box-sizing: border-box;
	display: inline-block;
	margin: 1rem 0 0 0;
}

.post-link a {
	color: var(--color-primary-gold);
    background-color: transparent;
    display: inline-block;
    font-size: var(--font-body);
    font-style: italic;
    line-height: 1;
    text-decoration: none;
    z-index: var( --z-index-main );
    position: relative;
    -webkit-transition: color ease 0.25s;
    transition: color ease 0.25s;
}

.post-link a:hover {
    text-decoration: underline;
}

.share-label {
    font-size: var(--font-body-small);
}

/*** end generic post styles ***/

.all-posts {
    margin-top: 3rem;
}

#categories {
    border-bottom: solid 2px var(--color-primary-gold);
    font-size: 0;
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

#categories h5 {
    margin: 0 1rem 0 0;
}

#categories h5,
#categories form {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    vertical-align: middle;
    width: auto;
}

#categories select {
    margin: 0 1rem 0 0;
}

#categories input {
	color: var(--color-primary-gold);
    background-color: transparent;
    display: inline-block;
    font-size: var(--font-body);
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    z-index: var( --z-index-main );
    position: relative;
    overflow: hidden;
    -webkit-transition: color ease 0.25s;
    transition: color ease 0.25s;
    padding: 0.5em;
    text-align: center;
    border: 2px solid var(--color-primary-gold);
}

#categories input:hover {
    background-color: var(--color-primary-gold);
    color: var(--color-primary-white);
}

.archive .post-meta {
    font-size: 0;
    margin-bottom: 2rem;
}

.archive .post-meta .post-date,
.archive .post-meta .post-category-title,
.archive .post-meta .post-author {
    border-left: solid 1px var(--color-primary-gold);
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body-small);
    margin-left: 1rem;
    padding-left: 1rem;
    vertical-align: middle;
    width: auto;
}

.archive .post-meta .post-category-title {
    border: none;
    margin: 0;
    padding: 0;
}

.archive .post-excerpt-info {
    border-bottom: solid 1px var(--color-primary-gold);
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

.archive .post-excerpt-info:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.archive .cat-link {
    border-bottom: solid 1px var(--color-primary-gray);
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

.archive .cat-link:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.home-news-feed {
    font-size: 0;
    padding: 4rem 5vw 8rem 5vw;
}

.home-news-feed .post-excerpt-info {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    padding: 0 5rem;
    vertical-align: top;
    width: 33.333%;
}

/**** begin post detail page styles ****/

.single-post .post-type-post {
    font-size: 0;
}

.post-type-post .left-column {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    vertical-align: top;
    padding-right: 3rem;
    width: 25%;
}

.post-type-post .post-content {
    box-sizing: border-box;
    display: inline-block;
    font-size: var(--font-body);
    vertical-align: top;
    width: 75%;
}

.post-type-post .post-meta {
    border-bottom: solid 2px var(--color-primary-light-gray);
    font-size: var(--font-body-small);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.post-type-post .related-posts-column {
    border-bottom: solid 2px var(--color-primary-light-gray);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.post-type-post .related-posts-column ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.post-type-post .related-posts-column ul li {
    margin-bottom: 0.5rem;
}

.post-type-post .related-posts-column ul li a {
    color: var(--primary-color-gray);
    font-size: var(--font-body-small);
    font-style: italic;
    text-decoration: none;
}

.post-type-post .related-posts-column ul li a:hover {
    text-decoration: underline;
}

.post-type-post .post-disclaimer {
    border-top: solid 1px var(--color-primary-gold);
    font-style: italic;
    margin-top: 3rem;
    padding-top: 3rem;
}

/**** end post detail page styles ****/

/* Tablets - General */

@media (min-width: 768px) and (max-width: 1024px) {

    .home-news-feed .post-excerpt-info {
        padding:  0 2.5rem;
    }
}

/* Smartphones - General */

@media (max-width: 767px) {
    
    .home-news-feed {
        padding: 4rem 5vw;
    }

    .home-news-feed .post-excerpt-info {
        display: block;
        padding: 0;
        margin-bottom: 3rem;
        width: 100%;
    }
    
    .home-news-feed .post-excerpt-info:last-child {
        margin-bottom: 0;
    }
    
    .post-region {
        display: flex;
        flex-wrap: wrap;
        padding: 2rem 5vw;
    }
    
    .post-type-post .left-column {
        display: block;
        order: 2;
        width: 100%;
    }
    
    .post-type-post .post-content {
        display: block;
        order: 1;
        width: 100%;
    }
}