@import url('acf-styles.css');
/* ONLY USE THIS FILE FOR CHANGING THEME COLORS OR FONTS. ALL OTHER LAYOUT STYLING SHOULD BE DONE IN THE TV-MAIN THEME */
/* ========================================================
	Color Variables:
	--primary
	--secondary
	--tertiary
	--fourth
	--fifth
	--light
	--medium
	--dark
	--menudark
	--menulight
========================================================= */

/* Import Necessary Fonts */
@import url('https://use.typekit.net/agh2msd.css');

@font-face {
    font-family: 'Gotham Bold';
    src: url('fonts/Gotham-Bold.otf') format('opentype');
    font-weight: bold;
}
@font-face {
    font-family: 'Gotham';
    src: url('fonts/Gotham-Book.otf') format('opentype');
    font-weight: 400;
}

/* Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Gotham Bold';
}
body {
    font-family: adobe-garamond-pro, serif;
}
a {
    color: var(--primary);
}
a:hover {
    color: var(--dark);
}
a:after {
    background-color: var(--primary);
}
#page a:hover {
    color: var(--dark);
}

/* General Site-Wide Styles */
.button {
    background-color: var(--secondary);
    color: var(--dark);
    font-family: 'Gotham Bold';
    font-weight: 700;
    transition: all 0.2s;
}
.button:hover {
    background-color: var(--primary);
    color: white;
}
.button.btn-white {
    background-color: white;
    color: var(--dark);
}
.button.btn-white:hover {
    background-color: var(--secondary);
}
.button.btn-ghost {
    background-color: transparent;
    border: 2px solid var(--primary);
}
.button.btn-ghost:hover {
    background-color: var(--primary);
    color: white;
}

/* Mobile Menu */
.mobile-container .mobile aside,
.mobile-container .mobile section {
    background-color: white;
}
.mobile-container .mobile section p {
    font-family: 'Gotham Bold';
}
.mobile-container #mobile-hidden-menu li a {
    color: var(--dark);
    font-family: 'Gotham';
}
.mobile-container #mobile-hidden-menu .parent ul.dropdown .dd-back {
    font-family: 'Gotham';
}
.mobile-container #mobile-hidden-menu .parent ul.dropdown {
    background-color: var(--menulight);
}

/* Masthead */
a.masthead-button {
    font-family: 'Gotham';
}
a.masthead-button i.fas {
    color: var(--primary);
}
#masthead .container aside .news .news-list li a {
    font-family: 'Gotham';
}

/* Header */
header .main-header .container .menu nav ul li {
    transition: background-color 0.2s;
}
header .main-header .container .menu nav ul li:hover {
    background-color: var(--menulight);
}
header .main-header .container .menu nav ul li a:hover {
    color: var(--primary);
}
header .main-header .container .menu nav ul li a {
    font-family: 'Gotham';
    font-weight: 400;
    transition: color 0.2s;
}
header .main-header .container .menu nav ul li.button a {
    color: #3c3c3c;
    font-weight: 700;
}

header .main-header .container .menu nav ul li.button a:hover {
    color: #fff;
}

header .main-header .container .menu nav ul li ul.dropdown {
    background-color: var(--menudark);
}
header .main-header .container .menu nav ul li ul.dropdown li a {
    color: var(--dark);
    font-family: 'Gotham Bold';
}
header .main-header .container .menu nav ul li ul.dropdown li a:hover {
    color: var(--primary);
}
header .main-header .container .menu nav ul li ul.dropdown ul.dropdown {
    background-color: var(--menulight);
}
#masthead .container aside .masthead-dd.active-btn .masthead-button {
    background-color: var(--primary);
}

/* Featured Section */
.featured {
    background-image: url('../tv-main/images/TVN-teal-pattern.jpg');
}

/* Front Page */
#front #hero .hero-section .container aside {
    color: white;
}
#front #hero .hero-section .container section h2,
#front #hero .hero-section .container aside h3,
#front #hero .hero-section .container aside h4 {
    color: white;
}
#front #hero .hero-section .container aside:after {
    background-color: var(--primary);
}
#front #hero .hero-section .container aside .feat-list a {
    font-family: 'Gotham Bold';
    transition: color 0.2s;
}
#front #hero .hero-section .container aside .feat-list a:hover {
    color: var(--fifth);
}
#front #continuing-education {
    background-image: url('../tv-main/images/tvn-lightbg.png');
}
#front #continuing-education .container section h2 {
    color: var(--dark);
}
#front #continuing-education .container .special-post section {
    border-color: var(--primary);
}
#front #continuing-education .container .special-post section h3 {
    color: var(--primary);
}
#front #stay-current {
    background-color: var(--primary);
}
#front #peer-reviewed {
    background-image: url('../tv-main/images/tvn-lightbg.png');
}
#front #peer-reviewed .container h2 {
    color: var(--dark);
}

/* Archive */
#archive .container .flex-container section .soundbyte-cat-card p {
    font-family: 'Gotham Bold';
}
#archive .container .flex-container section .soundbyte-single-card p {
    font-family: 'Gotham Bold';
}

/* Horizontal Post */
.post-horizontal .post-content h3,
.post .post-content h3 {
    color: var(--primary);
}
.post-horizontal .post-content h2,
.post .post-content h2 {
    color: var(--dark);
}
/* Interior Pages */
article#single {
    background-image: url('../tv-main/images/tvn-lightbg.png');
}
#page #about-the-author .container,
#single #about-the-author .container {
    border-left: 5px solid var(--primary);
}
#page #about-the-author .container,
#single #about-the-author .container h2 {
    color: var(--dark);
}
/* #single #article-content .container .flex-container.sticky-sidebar section .article-authors.acc-dropdown{
	background-color: var(--menulight);
} */
#single #article-content .container .flex-container.sticky-sidebar section .quiz-block {
    background-color: var(--primary);
}
#single
    #article-content
    .container
    .flex-container.sticky-sidebar
    aside
    .editors-picks
    a.article-pick:hover
    .article-pick-content
    h3 {
    color: var(--primary);
}
/* #single #article-content .container .flex-container.sticky-sidebar section .quiz-block a{
	color: var(--fifth);
}
#single #article-content .container .flex-container.sticky-sidebar section .quiz-block a:hover{
	color: var(--tertiary);
} */

/* Single Pages */
#page #single-tags .container .article-tags h3,
#single #single-tags .container .article-tags h3 {
    background-color: var(--fifth);
    color: #fff;
}
#page #single-tags .container .article-tags h3,
#single #single-tags .container .article-topics h3 {
    color: var(--primary);
}
#page #single-tags .container .article-tags h3,
#single #date-title p {
    font-family: 'Gotham';
}
#page
    #article-content
    .container
    .flex-container
    section
    .article-content
    p:first-child:first-letter,
#single
    #article-content
    .container
    .flex-container
    section
    .article-content
    p:first-child:first-letter {
    color: var(--primary);
}
#single
    #article-content
    .container
    .flex-container.sticky-sidebar
    .side-socials
    ul.socials-container
    li
    a {
    background-color: var(--light);
    color: var(--dark);
    transition: all 0.2s;
}
#single
    #article-content
    .container
    .flex-container.sticky-sidebar
    .side-socials
    ul.socials-container
    li
    a:hover {
    background-color: var(--menulight);
    color: var(--one);
}

#single
    #article-content
    .container
    .flex-container.sticky-sidebar
    aside
    .editors-picks
    a.article-pick
    .article-pick-content
    h4 {
    color: var(--primary);
}
#single .reference-dropdown .dd-trigger h3 i.far {
    color: var(--dark);
}
#single .reference-dropdown .dd-trigger.trigger-active h3 i.far {
    color: var(--primary);
}
blockquote {
    border-color: var(--primary) !important;
    font-family: 'Gotham Bold';
}
blockquote p {
    color: var(--primary) !important;
}
#single #date-title .subtitle {
    font-family: 'Gotham';
    margin: 30px 0 15px;
}

/* Resources Page */
#page #resources .container .flex-container section .resource-block aside .resource-image::before {
    background-color: var(--secondary);
    transition: all 0.2s;
}
#page
    #resources
    .container
    .flex-container
    section
    .resource-block
    aside
    .resource-image:hover::before {
    background-color: var(--primary);
}
#page #resources .container .flex-container section .resource-block section h2 {
    color: var(--dark);
}

#page .content-block .current-issue-articles .article .link-with-image .right > h3 {
    color: var(--primary);
}

#page .content-block .current-issue-articles .article .link-with-image .right > h3:first-of-type {
    font-size: 14px;
    margin-bottom: 10px;
}

#page.article-list-page .flex-container section a {
    color: var(--dark);
}

#page.article-list-page .flex-container section a:hover {
    color: #fff;
}

/* Resource List Page */
#page.article-list-page .flex-container section h2 {
    border-color: var(--light);
    color: var(--dark);
}

/* Advertising Page */
#page.advertising-page .sales-block section i.fas {
    color: var(--primary);
}
#page.advertising-page .advertising-sales h2 {
    border-color: var(--light);
}
#page.advertising-page .media-kit .small-block:after {
    background-color: var(--dark);
}
#page.advertising-page .media-kit .small-block a span {
    font-family: 'Gotham Bold';
}
#page.advertising-page .media-kit .small-block a span::after {
    background-color: var(--primary);
}

/* Past Issues Page */
#page.past-issues .container .flex-container section a .issue-placeholder {
    background-color: var(--primary);
}
#page.past-issues .container .flex-container section a p::after {
    background-color: var(--primary);
}
.sticky-sidebar aside .sidebar-subscribe a p {
    color: var(--dark);
    font-family: 'Gotham Bold';
    transition: color 0.2s;
}
.sticky-sidebar aside .sidebar-subscribe a:hover p {
    color: var(--primary);
}
.sticky-sidebar aside .sidebar-subscribe a p span {
    color: var(--primary);
}

/* Past Issue Single */
.featured .container .past-issue-header aside p {
    color: white;
    font-family: 'Gotham';
}
.featured .container .past-issue-header aside a.button {
    color: var(--medium);
}

/* Pagination */
.pagination a {
    background-color: transparent;
    border-color: var(--primary);
    color: var(--primary);
    font-family: 'Gotham';
}
.pagination a:hover {
    background-color: var(--secondary);
    border-color: var(--secondary);
}
.pagination span {
    background-color: transparent;
    border-color: var(--primary);
    color: var(--primary);
    font-family: 'Gotham';
}
.pagination .current {
    background-color: var(--primary);
    border-color: var(--primary);
    font-family: 'Gotham';
}

/* Soundbytes */
.soundbyte-card:hover p {
    color: var(--secondary);
}
.soundbyte-card p {
    color: var(--primary);
    font-family: 'Gotham';
}

/* Blockquote */
.su-quote-style-default {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
    font-family: 'Gotham Bold';
}

/* Footer */
footer {
    background-color: white;
}
footer .container aside ul.footer-socials li a {
    background-color: var(--medium);
    color: white;
}
footer .container section a.button {
    color: var(--dark);
}
footer .copyright {
    font-family: 'Gotham';
}