/*
 Theme Name:     CGLR
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Custom Theme
 Author:         Joe Fino
 Author URI:     https://www.unexpectedcreative.com/
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
/* =Theme customization starts here
------------------------------------------------------- */

html, body { text-rendering: optimizeLegibility; }
body {
	font-family: trade-gothic-next, sans-serif;
    font-weight: 400;

}
h1, h2, h3, h4, h5, h6 {
    font-family: TradeGothicLTPro-Bold, sans-serif;
}
.trade-gothic-next h1, .trade-gothic-next h2, .trade-gothic-next h3, .trade-gothic-next h4, .trade-gothic-next h5, .trade-gothic-next h6 {
	font-family: trade-gothic-next, sans-serif;
    font-weight: 400;
}
.state-events h4 {
	font-family: trade-gothic-next, sans-serif;
	padding-bottom: 20px;
	font-weight: normal;
}
.state-events h5 {
	font-family: trade-gothic-next, sans-serif;
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 24px;
}
.all-events h4 {
	font-family: trade-gothic-next, sans-serif;
	padding-bottom: 18px;
	font-weight: normal;
}
.all-events h5 {
	font-family: trade-gothic-next, sans-serif;
	padding-bottom: 22px;
	font-weight: bold;
	font-size: 24px;
}
.state-events ul, .all-events ul {
    margin-top: -1em;
}
.social-header {
	width: auto !important;
	padding: 20px 0 0 0 !important;
	overflow: hidden;
	margin: 0;
	float: right;
}
.social-header a, .social-header img {
	float: right;
	clear: none;
	width: 28px;
	height: auto;
	color: #666;
}
.ig-header, .twitter-header {
	padding: 5px 10px 0 0;
}
.header-hash {
	padding: 1px 0 0 0;
	font-size: 15px !important;
}
#et-info {
	width: 100%;
}
#top-header .et-social-icons {
	float: right;
}
.hero-title {
	z-index: 9 !important;
	position: absolute !important;
	width: 100%;
	text-align: center;
	float: left;
	top: 0 !important;
	height: 100%;
	background: rgba(0,0,0,0);
}
.hero-title .et_pb_code_inner {
	float: left;
	padding: 0;
	position: absolute;
	top: 17vw;
	right: 0px;
    font-family: TradeGothicLTPro-Bold, sans-serif;
    font-weight: 700;
}
.title .year {
	color: #a1a2cc;
}
#year-holder, #year-holder .et_pb_code_inner {
	position: absolute;
	width: 100%;
	height: 100%;
}
.date {
	float: left;
	position: absolute;
	top: -28vw;
	left: 2vw;
	background: rgba(0,0,0,0);
}
.title {
	margin-top: 6.25vw;
}
.title-box {
	padding: 0;
	background: transparent;
	float: none;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	align-content: center;
	display: flex;
}
.title-box p {
	padding: 20px 40px 10px !important;
	margin: 0 auto;
	background: #44439b;
	float: left;
	text-transform: uppercase;
	font-size: 48px;
	color: #fff;
	line-height: 1 !important;
	align-self: center;
	display: flex;
	font-family: TradeGothicLTPro-Bold, sans-serif;
	font-weight: 700;
	font-style: normal;
}
.title p {
	font-size: 5.5vw;
	text-transform: uppercase;
	color: #fff;
	font-family: TradeGothicLTPro-Bold, sans-serif;
	font-weight: 700;
	font-style: normal;
	position: relative;
	z-index: 10;
	background: #44439b;
	float: left;
	padding: 20px 20px 0 20px !important;
	line-height: 1 !important;
	margin: 0 !important;
}
.date p {
	text-transform: uppercase;
	color: #fff;
	font-family: TradeGothicLTPro-Bold, sans-serif;
    font-weight: 700;
    font-size: 4vw;
}
.bctt-click-to-tweet {
	display: block;
	background-color: #fff;
	position: relative;
	border: none !important;
	border-radius: 4px;
	padding: 0;
	margin: 0;
}
a.bctt-ctt-btn {
	border-bottom: none !important;
	margin: 45px 0 0 0;
	padding: 4px 24px 0 0;
	position: relative;
	display: block;
	text-transform: uppercase;
	font-family: trade-gothic-next, sans-serif !important;
	font-size: .7em;
	font-weight: bold;
	color: #999999 !important;
	float: right;
	text-decoration: none !important;
	box-shadow: none !important;
}
.bctt-ctt-btn:hover {
	text-decoration: none;
	color: #666666 !important;
}
.bctt-ctt-text a {
	padding: 15px 0;
	margin: 15px 0;
	position: relative;
	color: #000 !important;
	font-family: trade-gothic-next, sans-serif !important;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-decoration: none !important;
	text-transform: none !important;
	word-wrap: break-word;
	border-bottom: none !important;
	box-shadow: none !important;
}
#video-card {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	min-height: 200px;
}
#video-card .et_pb_code_inner {
	position: absolute;
	width: 100%;
}
.video-text {
	text-align: center;
	width: 100%;
}
.video-text h4 {
	font-size: 36px;
	font-style: italic;
	color: #fff;
}
.page-id-247 p:not(.has-background):last-of-type {
	padding-bottom: 1em !important;
}
.page-id-247 .title-box p:not(.has-background):last-of-type {
	padding-bottom: 10px !important;
}
.dt-menu, .dt-menu p { cursor: pointer; }
.dt-menu ul {
	display: none;
    transition: all .5s ease-out;
    transition-delay: 2s;
    opacity: 0;
}
.dt-menu:hover ul {
	display: block;
    transition: all .5s ease-out;
    transition-delay: 2s;
    opacity: 1;
}
.mobile_menu_bar {
	padding-bottom: 10px;
}

@media only screen and ( min-width: 1920px ) {
}

@media only screen and ( max-width: 1440px ) {
    .title p {
        padding-bottom: 5px !important;
    }
}

@media only screen and ( max-width: 1024px ) {
}

@media only screen and ( max-width: 980px ) {
	.video-text {
		margin-top: calc( 5vh - 25px );
		margin-bottom: calc( 5vh - 25px );
	}
        .social-header a, .social-header img {
	    float: none;
    }
    .social-header {
	    width: 100% !important;
        float: none;
        text-align: center;
    }
}

@media only screen and ( max-width: 768px ) {
    .title p {
        padding:  10px 20px 5px 20px !important;
    }
}
@media only screen and ( max-width: 600px ) {
    .title-box p {
        font-size: 42px !important;
    }
}