/*
Theme Name:     Child Theme
Description:    
Author:         tdAmeritradeAdmin123987
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/**
 * START - GENERAL
**/
.thin-text {
	font-weight:200;
	font-size:.6em;
}
.section-title h2 {
	font-size:3em;
}
/**
 * END - GENERAL
**/

/**
 * START - HEADERS
**/
.et_pb_post_title {
	margin-top:5%!important;
	margin-bottom:10%!important;
}
.page-title h1 {
	font-size:3.5em!important;
}
.page-title h1:after {
	position: absolute;
	content: "";
    width: 100px;
    height: 3px;
    background: #fff;
    left: 0;
    bottom: -7px;
}
@media screen and (max-width:981px) {
	.page-title h1 {
		font-size:3em!important;
	}
}
@media screen and (max-width:600px) {
	.page-title h1 {
		font-size:2.5em!important;
	}
}
/**
 * END - HEADERS
**/

/**
 * START - EVENT CARD
**/
.event-row {
	padding-top:0px!important;
	padding-bottom:5%!important;
}
.dropshadow {
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);
}
.event-sidebar {
	padding:2.5%!important;
}
.sidebar-button {
	text-align: center;
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 1.2em;
	margin-bottom:5.27%!important;
	-webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.sidebar-button p {
	font-weight:900;
}
.sidebar-button:hover {
	font-size:1.3em;
}
.event-card {
	background:#fff;
	padding-bottom:20px;
	margin-right:5%!important;
}
.event-card div.event-card-image {
	margin-bottom:0px!important;
}
.event-card-title {
	background: #0054ab;
    color: #fff;
    text-align: center;
    padding: 5px 0;
	text-transform: uppercase;
	margin-bottom: 20px!important;
}
.event-card-title p {
	font-weight:400;
}
.event-card-subtitle {
    color: #0054ab;
    text-align: center;
	text-transform: uppercase;
	margin-bottom: 0!important;
}
.event-card-subtitle p {
	font-weight:400;
}
.event-card-date {
	font-size:14px;
	color: #393939;
    text-align: center;
	text-transform: uppercase;
	margin-bottom: 3%!important;
}
.event-card-date p {
	font-weight:500;
}
.event-card-ticket-link {
	background:#0054ab;
	color:#fff;
	text-transform:uppercase;
	padding:2px 15px;
	font-size:14px;
}
.event-card-ticket-link:hover {
	background-color: rgba(0, 81, 173, 0.75)!important;
	padding:2px 15px!important;
}
.event-card-ticket-link:after {
	display:none;
}
@media screen and (max-width:980px) {
	.event-row {
		padding-bottom:0!important;
	}
}
/**
 * END - EVENT CARD
**/

/**
 * START - EVENT LEGEND
**/

#tribe-events #legend li{
	text-align: center;
}

#tribe-events #legend li span{
	font-weight: bold;
	font-size: 16px;
}
/**
 * END - EVENT LEGEND
**/

/**
 * START - MOBILE ORDER
**/

@media all and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row .et_pb_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}

	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
	-webkit-order: 1;
		order: 1;
	}

	.second-on-mobile {
	-webkit-order: 2;
		order: 2;
	}

	.third-on-mobile {
	-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
	-webkit-order: 4;
		order: 4;
	}
	/*** add margin to last column ***/
	.custom_row .et_pb_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}
/**
 * END - MOBILE ORDER
**/


/***
START - EVENT Details
 */
.tribe-events-single-event-description{
	font-weight: 300;
}

.tribe-events-single-event-description,
.tribe-events-single-event-description p,
.tribe-events-single-event-description span
{
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	font-size: 16px !important;
	color: #666;

}

.tribe-events-single-event-description a,
.tribe-events-single-event-description p a,
.tribe-events-single-event-description a span{
	color: #0054ab;
	transition: opacity 0.25s;
}

.tribe-events-single-event-description a:hover,
.tribe-events-single-event-description p a:hover,
.tribe-events-single-event-description a:hover span{
	opacity: .8;

}

/***
END - EVENT Details
 */