@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('public_html/wp-content/themes/tv-main-tvn-child/fonts/Gotham-Bold.otf') format('opentype'); */
	src: url('fonts/Gotham-Bold.otf') format('opentype');
	font-weight: bold;
}
@font-face{
	font-family: 'Gotham';
	/* src: url('public_html/wp-content/themes/tv-main-tvn-child/fonts/Gotham-Bold.otf') format('opentype'); */
	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(--primary);
	color: white;
	font-family: 'Gotham Bold';
	font-weight: 700;
	transition: all 0.2s;
}
.button:hover{
	background-color: var(--secondary);
	color: white;
}
.button.btn-white{
	background-color: white;
	color: var(--dark);
}
.button.btn-white:hover{
	background-color: var(--primary);
}
.button.btn-ghost{
	background-color: transparent;
	border: 2px solid var(--primary);
}
.button.btn-ghost:hover{
	background-color: var(--primary);
}

/* 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 a:hover{
	color: var(--primary);
}
header .main-header .container .menu nav ul li:hover{
	background-color: var(--menulight);
}
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 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(--secondary);
}
header .main-header .container .menu nav ul li ul.dropdown ul.dropdown{
	background-color: var(--menulight)
}
header .main-header .container .menu nav ul li ul.dropdown ul.dropdown li a{
	font-family: 'Gotham';
}
header .main-header .container .menu nav ul li ul.dropdown ul.dropdown li a:hover{
	color: var(--secondary);
}
#masthead .container aside .masthead-dd.active-btn .masthead-button{
	background-color: var(--primary);
}
header .main-header .container .menu nav ul li.parent.article-parent ul.dropdown li:last-child::after{
	background-color: var(--menulight);
}

/* Featured Section */
.featured{
	background-image: url('../tv-main/images/tvn-darkbg.png');
}

/* 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 section a h2{
	transition: color 0.2s;
}
#front #hero .hero-section .container section a h2:hover{
	color: var(--secondary);
}
#front #hero .hero-section .container aside:after{
	background-color: var(--secondary);
}
#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(--secondary);
}
#front #peer-reviewed{
	background-image: url('../tv-main/images/tvn-lightbg.png');
}
#front #peer-reviewed .container h2{
	color: var(--dark);
}
#front #continuing-education .container .special-post{
	/* background-color: var(--secondary); */
}

/* 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(--secondary);
}
#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: #cedfef;
}
#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{
	border-color: var(--light);
} */
#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);
}

/* Resource List Page */
#page.article-list-page .flex-container section h2{
	border-color: var(--light);
	color: var(--dark);
}
#page.article-list-page .flex-container section a{
	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';
}