/* 
Theme Name: datatv25
Theme URI: https://datatv.com/
Description: 25th Anniversary Theme for dataTV
Theme Author: dataTV
Author URL: https://datatv.com
Template: chaplin 
Version: 1.0.0 
Text Domain: datatv25
*/
.main-menu-alt a, .faux-heading { font-family: 'Teko', sans-serif; font-display: swap; }
#site-header {
	margin-bottom: 0!important;
    padding: 2rem 0 !important;
}
.header-inner {
    z-index: 9999!important;
}
.header-inner.is-sticky {
    background: #3f3795!important;
	background-image: url("https://datatv.com/wp-content/uploads/bkg-home-hero.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}
.site-logo img {
    height: 9rem!important;
}
.main-menu-alt a, .header-toggles .toggle {
    color: #fdb927!important;
	font-size: 3rem;
	font-weight: 700;
}
.social-icons a {
    color: #FFF!important;
}
h1, .heading-size-1 {
    margin: 0 0 1.5rem!important;
	font-size: 5.0rem!important;
	line-height: 1!important;
}
h2, .heading-size-2 {
    margin: 0 0 1.5rem!important;
	font-size: 4.0rem!important;
	line-height: 1!important;
}
.hero-h1 { font-size: 90px!important; }
button, .button, .faux-button, .wp-block-button__link, :root .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], :root .woocommerce #respond input#submit, :root .woocommerce a.button, :root .woocommerce button.button, :root .woocommerce input.button {
    font-size: 1.5em!important;
    font-weight: 900!important;
	padding: 18px 24px!important;
	text-transform: uppercase;
}
.btn-cta { font-family: 'Teko', sans-serif; font-display: swap; font-size: 24px; text-transform: uppercase; }
.post-inner { padding-top: 0!important; }
.entry-content, .section-inner.thin { max-width: 100%!important; }
.hero-top { padding-top: 180px; padding-bottom: 96px; }
#site-content { margin-top: -180px; }
.button-center { display: flex; justify-content: center; }
/* Homepage */
.hero-h1 {line-height: .9;text-transform:uppercase;}
.wp-block-oacs-slider { margin: 0; }
.slick-track img { border: 2px solid #FFD478; padding: 14px 18px; }
/* Table of Contents */
.toc {
    background: #3f3795;
    color: #FFF;
	margin: 0 auto;
	max-width: 980px;
    padding: 14px 24px;
}
.toc ul {
    padding: 14px 18px;
}
.toc a { color: #FFF; }
/* Content */
.wp-block-image.imgframe { border: 2px solid #3f3795; margin: 24px auto;  max-width: 980px; padding: 14px; }
.wp-block-image.imgframe figure { margin:0; }
/* Footer */
#site-footer { background: #3f3795; }
.footer-copyright, .color-secondary, .color-secondary-hover:hover, :root .has-secondary-color, .wp-block-latest-comments time, .wp-block-latest-posts time {
    color: #fff!important;
}
@media (min-width: 1220px) {
	.alignfull { margin-bottom: 5rem!important; }
}
@media ( min-width: 700px) {
	h1, .heading-size-1,
	h2, .heading-size-2 { 
		margin: 3rem 0 1.75rem;
	}
	h3, .heading-size-3,
	h4, .heading-size-4, 
	h5, .heading-size-5, 
	h6, .heading-size-6 {
		margin: 2.2rem 0 1.25rem;
	}
	.site-logo img { height: 9rem!important; }	
}
@media (max-width: 1024px) {
	.hero-h1 { font-size: 83px !important; }
}
@media (max-width: 960px) {
	.hero-h1 { font-size: 79px !important; }
}
@media (max-width: 900px) {
	.hero-h1 { font-size: 73px !important; }
}
@media (max-width: 800px) {
	.hero-h1 { font-size: 64px !important; }
}
@media (max-width: 768px) {
	h1, .heading-size-1, h2, .heading-size-2 { font-size: 3.0rem!important; }
    .reverse-mobile {
        flex-direction: column-reverse;
    }
	.hero-h1 { font-size: 60px !important; }
	button, .button, .faux-button, .wp-block-button__link, :root .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"], :root .woocommerce #respond input#submit, :root .woocommerce a.button, :root .woocommerce button.button, :root .woocommerce input.button { font-size: 1.2em !important; }
	.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: calc( 100% )!important; }
}
@media (max-width: 600px) {
	.hero-h1 { font-size: 48px !important; }
}
@media (max-width: 480px) {
	.hero-h1 { font-size: 60px !important; }
}
@media (max-width: 360px) {
	.hero-h1 { font-size: 55px !important; }
}
@media (max-width: 320px) {
	.hero-h1 { font-size: 48px !important; }
}