/*
Theme Name: Heritage TV Child
Theme URI: https://pacerstudios.com
Template: Divi
Author: Pacer Studios
Author URI: http://pacerstudios.com
Description: Child theme for Divi with Heritage TV customizations
Version: 2024
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
*/


*/

/* Imports */
/* font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url(css/sp-portrait.css);
@import url(css/sp-landscape.css);
@import url(css/tablet-portrait.css);
@import url(css/tablet-landscape.css);
@import url(css/tablet-landscape.css);
@import url(css/featherlight.css);
@import url(css/featherlight.gallery.css);

[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'ElegantIcons';
	src:url('fonts/ElegantIcons.eot');
	src:url('fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('fonts/ElegantIcons.woff') format('woff'),
		url('fonts/ElegantIcons.ttf') format('truetype'),
		url('fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'Cachet Std';
    src: url('fonts/CachetStd-Medium.woff2') format('woff2'),
        url('fonts/CachetStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-family: 'Open Sans', sans-serif;
}

html {
	scroll-behavior: smooth
}

body {
	line-height: 1
}

a {
	text-decoration-skip-ink: auto
}

a[href^="tel"] {
	color: inherit;
	text-decoration: none
}

button {
	outline: 0
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none
}

q {
	display: inline;
	font-style: italic
}

q:before {
	content: '"';
	font-style: normal
}

q:after {
	content: '"';
	font-style: normal
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="search"],
input[type="password"] {
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0
}

input[type="search"] {
	-webkit-appearance: textfield
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th,
td {
	padding: 2px
}

big {
	font-size: 120%
}

small,
sup,
sub {
	font-size: 80%
}

sup {
	vertical-align: super
}

sub {
	vertical-align: sub
}

dd {
	margin-left: 20px
}

kbd,
tt {
	font-family: courier;
	font-size: 12px
}

ins {
	text-decoration: underline
}

del,
strike,
s {
	text-decoration: line-through
}

dt {
	font-weight: bold
}

address,
cite,
var {
	font-style: italic
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

.sticky {}

.bypostauthor {}

.wp-caption {}

.wp-caption-text {}

.gallery-caption {}

.alignright {
    float: right;
    margin-left: 2vw;
    margin-bottom: 2vw;
}

.alignright::after {
    clear: both;
}

.alignleft {
    float: left;
    margin-right: 2vw;
    margin-bottom: 2vw;
}

.alignright::after {
    clear: both;
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
}

.aligncenter::after {
    clear: both;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute!important;
	width: 1px;
	word-wrap: normal!important;
	word-break: normal
}

.screen-reader-text:focus {
	background-color: #f7f7f7;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto!important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #007acc;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline
}

.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto
}

.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap
}

/* Globals */

/* Admin Bar Hide Until Launch */
#wpadminbar {
	display: none;
}

/* Workaround for clearing out DIVs that don't behave */
.cleardiv { clear:both; font-size:0px; line-height:0px; height:0; overflow:hidden; }

/* Desktop */
@media screen and (min-width: 1280px) {
    
    #wrapper {
        display: block;
        width: 100%;
        height: 100vh;
        position: relative;
		overflow: hidden;
    }

	#container {
		display: block;
        width: 100%;
        height: 100vh;
        position: relative;
		overflow: none;
	}

	#container_subpages {
		display: block;
        width: 100%;
        height: 100vh;
        position: relative;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	#container_interview {
		display: block;
        width: 100%;
        height: 100vh;
        position: relative;
		overflow: hidden;
	}

    #header {
        display: block;
        width: 100%;
        height: 10vw;
        position: absolute;
		bottom: 0vw;
		left: 0vw;
		z-index: 999999;
    }

    #branding {
        display: none;
        width: 25vw;
        height: 10vw;
        position: absolute;
        left: 7vw;
        top: 0vw;
    }

    #menu {
        display: block;
        width: 100vw;
        height: 10vw;
        position: absolute;
        left: 12vw;
        top: 1vw;
    }

    /* Level One Menu */
    #menu ul {
        z-index:99999;
    }
    
    #menu ul li {
        list-style:none;
        float:left;
        position:relative;	
    }
    
    #menu ul li:hover {
        background:none;
    }
    
    #menu ul li a {
        color:#FFF;
		font-size: 1.5vw;
		font-weight: bold;
		background: #9a5426;
        display:inline-block;
        padding: 1vw 1.5vw;
		margin: 2vw 1vw;
		border-radius: 2vw;
        text-decoration:none;
        text-transform:uppercase;
		box-shadow: 1px 1px 5px #000000;
    }
    
    /* Level Two Menu */
    #menu ul li ul {
        display:none;
        min-width: 15vw;
    }
    
    #menu ul li:hover ul {
        display:none;
        background:#65666a;
        position:absolute;
    }
    
    #menu ul li ul li {
        width:100%;	
    }

    /* Level Three Menu */
    #menu ul li ul li ul {
        position: absolute;
        left: 15vw;
        top: 0vw;
        display: none !important;
    }

    #menu ul li ul li:hover ul {
        display: block !important;
    }

    /* Mobile Toggle */
    .mobile_icon {
        display:none;	
    }

    #search {
        float: right;
    }

    /* Slider */
    .swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
    }
    
    .swipe-wrap {
        overflow: hidden;
        position: relative;
    }
    
    .swipe-wrap > div {
        float: left;
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    #homeindex_slider {
		display: block;
		width: 100%;
		height: 40.36vw;
		position: relative;
	}

    .homepage_slide {
        background-color: #eee !important;
    }

	#homepage_sliderwrap {
		display: block;
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.homeswipe-wrap {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: relative;
	}
	
	.homeswipe-wrap > div {
		float: left;
		width: 100%;
		height: 100vh;
		text-align: center;
		position: relative;
		background-color: #171717;
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
	}

	.homeswipe-wrap > div img {
		width: auto;
		height: 100vh;
		margin: 0 auto;
	}

	.slider_content {
		display: block;
		width: 50.83vw;
		height: auto;
		padding: 1.56vw;
		background-color: rgba(0,0,0,.7);
		position: absolute;
		right: 10vw;
		bottom: 15vw;
	}

	.slider_content h2 {
		font-size: 2.40vw;
		font-weight: 600!important;
    	color: #000 !important;
		margin-bottom: 1vw;
	}

	.slider_content p {
		color: #ffffff;
		line-height: 1.1vw;
		margin-bottom: 1vw;
	}

	.slider_content a {
		display: inline-block;
		padding: .5vw 1vw;
		background: #ccc;
		border: 2px solid #ffffff;
		text-decoration: none;
		font-size: 1vw;
		color: #ffffff;
	}

	#arrow_prevhome {
		width: 3vw;
		height: 4vw;
		background: url(images/slider_arrow.png) top left no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 999;
		top: 19vw;
		left: 0vw;
		cursor: pointer;
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
	}

	#arrow_nexthome {
		width: 3vw;
		height: 4vw;
		background: url(images/slider_arrow.png) top left no-repeat;
		background-size: contain;
		position: absolute;
		z-index: 999;
		top: 19vw;
		right: 0vw;
		cursor: pointer;
	}

    /* Home Page */


    /* Content */
    .post-edit-link {
        display: none !important;
        text-decoration: none;
        background: #ccc;
        color: #FFF;
        padding: .5vw;
        margin-bottom: 1vw;
    }

    #content {
        display: none;
        width: 100%;
        height: auto;
        padding: 7vw;
        position: relative;
    }

	#container_subpages #content {
        display: block !important;
        width: 100%;
        height: auto;
        padding: 2vw 7vw 30vh 7vw;
        position: relative;
    }

    #content h1 {
        font-size: 2.3vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
		text-align: center;
		color: #9a5426;
    }

    #content h2 {
        font-size: 2.0vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
		text-align: center;
		color: #9a5426;
    }

    #content h3 {
        font-size: 1.7vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
		text-align: center;
		color: #9a5426;
    }

    #content h4 {
        font-size: 1.4vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
		text-align: center;
		color: #9a5426;
    }

    #content h5 {
        font-size: 1.1vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
		text-align: center;
		color: #9a5426;
    }

    #content h6 {
        font-size: .8vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
		text-align: center;
		color: #9a5426;
    }

    #content p {
        font-size: 1vw;
		line-height: 1.5vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
    }

    #content ul {
        list-style: disc;
        margin-bottom: 1vw;
    }

    #content ul li {
        margin-left: 1vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
    }

    #content ol {
        list-style: decimal;
        margin-bottom: 1vw;
    }

    #content ol li {
        margin-left: 1vw;
        margin-bottom: 1vw;
		font-family: 'Cachet Std' !important;
    }

    #content strong {
        font-weight: bold;
    }

    #content em {
        font-style: italic;
    }

    #content blockquote {
        display: inline-block;
        padding: 1vw;
        margin-left: 2vw;
        background: #eee;
        font-style: italic;
        font-size: 1.4vw;
        border: 1px solid #65666a;
    }

    /* Subpages */
	#content_video-interview {
		display: block;
		width: 100%;
		height: 100vh;
		overflow: hidden;
	}

	#article_video-interview {
		display: block;
		width: 100%;
		height: 100vh;
		overflow: hidden;
		font-family: 'DM Serif Display', serif;
		background-position: center center !important;
		background-size: auto 100% !important;
		background-repeat: no-repeat !important;
	}

	#video_backbtn {
		display: block;
		width: 14.06vw;
		height: 11.67vw;
		background: url(images/backtohome_page.png) top left no-repeat;
		background-size: 100% auto !important;
		position: absolute;
		bottom: 0vw;
		left: 0vw;
	}

	#videopage_link {
		display: block;
		width: 25.26vw;
		height: 5.10vw;
		position: absolute;
		bottom: 12.6vw;
		right: 9.2vw;
		z-index: 999999;
		text-decoration: none;
	}

	#videolink_list {
		width: 73vw;
		height: auto;
		position: absolute;
		top: 8.4vw;
		left: 5.2vw;
	}

	#videolink_list li {
		display: inline-block;
		width: 20.83vw;
		height: 3.39vw;
		text-align: center;
		margin-bottom: 2.85vw;
		margin-right: 3vw;
		position: relative;
	}

	#videolink_list li a {
		display: block;
		width: 20.83vw;
		height: 3.39vw;
		font-size: 1.1vw;
		line-height: 3.39vw;
		font-family: 'DM Serif Display';
		text-decoration: none;
		color: #FFF;
	}

    /* Footer */
    #footer {
        display: none;
        width: 100%;
        height: 10vw;
        padding: 3.5vw 7vw;
        position: relative;
        background: #ccc;
    }


/* END Desktop */
}