@charset "utf-8";
/*
 Theme Name: The Dance Complex 2024
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme created by Cleveland Design
 Author: Elegant Themes
 Author URI: clevelanddesign.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* general styles */

a {
	transition: all .2s ease-in;
}

/* page top */

.page-top:after {
	content: "";
	display: block;
	width: 100%;
	height: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	overflow: hidden;
}

@media screen and (max-width: 980px) {
	.page-top:after {
		height: 200px;
	}
}

@media screen and (max-width: 768px) {
	.page-top:after {
		height: 100px;
	}
}

/* hide page title */

.page-title h1 {
	font-size: 1px;
	line-height: 1px;
	color: #ffffff;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
}

/* breadcrumbs */

.lwp-breadcrumbs a:hover {
	color: #d80000 !important;
}

.lwp-breadcrumbs a {
	text-decoration: none !important;
}

.lwp-breadcrumbs .current {
	font-weight: 300;
}

/* remove navigation bounce on page load */

.et_header_style_left .logo_container {
    position: absolute; 
    width: 100%; 
    height: 100%;
    float: left;
    padding-top: 20px;
}

.et_header_style_left .logo_container a {
    max-width: 120px;
    display: inline-block;
}

.et_fixed_nav #et-top-navigation {
    padding-left: 40px !important;
}

/* navigation */

ul#menu-main-navigation li {
	padding: 0;
	margin: 0 20px;
}

ul#menu-main-navigation li a {
	padding: 20px 0 15px 0;
	border-bottom: 5px solid #161616;
}

ul#menu-main-navigation li a:hover,
ul#menu-main-navigation li.current-menu-item a {
	border-bottom: 5px solid #f9d023;
}

.utility-nav p a {
	text-decoration: underline;
	color: #ffffff;
}

.utility-nav p a:hover {
	color: #F9D027;
}

.et-menu .menu-item-has-children>a:first-child:after {
    top: 20px;
    right: -20px;
}

ul.sub-menu {
	padding: 0 !important;
}

.nav li ul {
	width: 300px;
}

.et-menu li li a {
	width: 100%;
	display: block;
	padding: 10px;
	border-bottom: 0 !important;
}

.et-menu li li {
	display: block;
}

ul#menu-main-navigation li.current-page-ancestor>a {
	color: #f9d023 !important;
	border-bottom: 5px solid #f9d023 !important;
}

ul#menu-main-navigation li.current-menu-item ul.sub-menu a,
ul#menu-main-navigation li.current-menu-item.current-page-ancestor ul.sub-menu a {
	color: #ffffff !important;
}

ul#menu-main-navigation li.current-menu-item ul.sub-menu a:hover {
	color: #f9d023 !important;
}

.nav ul li a:hover {
	opacity: 1 !important;
}

ul.sub-menu {
	border-top: 0 !important;
}

.et-menu li li a {
	padding: 15px 0 !important;
}

/* fix style of aMaSSiT link */

#menu-main-navigation .menu-item-203 a {
	text-transform: none;
}

/* mobile menu */

/* change Divi hamburger menu to X */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
/* rotate the Divi Menu icon on click */
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}

/* hide home and blog link on desktop menu */

@media screen and (min-width: 980px) {
	#menu-main-navigation .menu-item-226,
	#menu-main-navigation .menu-item-32548 {
		display: none;
	}
}

/* homepage */

@media screen and (max-width: 980px) {
	.box-links .et_pb_column {
   	 margin: 0 !important;
	}
}

.et_pb_section_video_bg {
	opacity: .8;
}

/* footer */

footer .et_pb_text p a {
	color: #ffffff;
	text-decoration: underline;
}

footer .et_pb_text p a:hover {
	color: #f9d023;
	text-decoration: underline;
}

/* text button fix */

a.text-link:after {
	font-size: 1em !important;
	line-height: 1.6em !important;
}

/* hide white background when scrolling back up to page top */

div#page-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-color: #161616;
}

@media screen and (min-width: 981px) and (max-width: 1140px) {
	ul#menu-main-navigation li {
		margin: 0 11px !important;
	}
}

/* blog styles*/

span.terms {
    display: block;
    margin-top: 5px;
}

span.terms a,
.post-category a {
    display: inline-block;
    color: #ffffff;
    padding: 8px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background-color: #000000;
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
	text-decoration: none !important;
}

span.terms a:hover,
.post-category a:hover {
	background-color: #d80000;
}

.et_pb_sidebar_0_tb_body.et_pb_widget_area li.cat-item a {
    display: inline-block;
    color: #ffffff;
    padding: 8px;
    -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
    background-color: #000000;
    font-size: 12px;
    line-height: 1em;
    text-transform: uppercase;
	text-decoration: none !important;
	color: #ffffff !important;
	transition: all .2s ease-in;
}

.et_pb_sidebar_0_tb_body.et_pb_widget_area li.cat-item a:hover {
	background-color: #d80000;
	transition: all .2s ease-in;
}

.et_pb_text p a {
    text-decoration: underline;
}

.et_pb_text p a:hover {
	color: #5602CE;
}

.utility-nav.et_pb_text p a:hover {
	color: #f9d023;
}

/* fixing blog post width */
/*set the width of the rows inside the Post Content module*/
.single-post.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
	padding-top: 0;
}

.wp-block-latest-posts li {
    line-height: 1.4em;
    margin-bottom: 15px !important;
}

div#block-8 {
    margin-bottom: 10px;
}

.wp-block-categories-list li.cat-item {
	display: inline-block;
}

a.pagination-link {
    border-color: #000000 !important;
    border-radius: 0 !important;
}

.dpdfg_filtergrid_0 .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:hover {
    background-color: #e2e2e2;
}

.dpdfg_filtergrid_0 .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link,
.dpdfg_filtergrid_0 .dp-dfg-pagination ul.pagination li a {
	text-decoration: none !important;
}

figure.dp-dfg-image.entry-thumb {
    margin: 0;
}

/* constant contact signup form */

div.ctct-form-embed div.ctct-form-defaults {
	padding: 0 !important;
	border-radius: 0 !important;
}

h2.ctct-form-header {
    font-family: "Poppins" !important;
    font-size: 20px !important;
    line-height: 1.2em !important;
    margin-bottom: 0 !important;
}

button.ctct-form-button {
    display: inline-block !important;
    width: auto !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    border-radius: 30px !important;
	font-weight: 700 !important;
    font-family: "Poppins" !important;
	font-size: 16px !important;
	padding: 10px 16px !important;
	background-color: #d80000 !important;
}


button.ctct-form-button:hover {
	background-color: #5602CE !important;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text,
div.ctct-form-embed form.ctct-form-custom label.ctct-form-label,
div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text {
	font-family: "Poppins" !important;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text {
	font-size: 10px !important;
}

#form-branding {
	display: block !important;
	text-align: left !important;
}

div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer a img.ctct-form-footer-img,
div.ctct-form-embed div.ctct-form-defaults p.ctct-form-footer a {
	text-align: left !important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	color: #262626 !important;
}

div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
	box-shadow: none !important;
	border: none !important;
}

div.ctct-form-embed form.ctct-form-custom .ctct-form-required:before {
	color: #d80000 !important;
}


@media screen and (max-width: 980px) {
	button.ctct-form-button {
		width: 100% !important;
	}
	div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text,
	h2.ctct-form-header {
		text-align: center !important;
	}
}

/* events calendar */

.home .tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border,
.home header.tribe-events-header.tribe-events-header--has-event-search,
.home .tribe-events-c-subscribe-dropdown__container {
	display: none !important;
}

a.small-button, 
a.small-button.smallblue,
a.small-button.smallred {
    border-radius: 60px !important;
    border: 0px solid white !important;
	box-shadow: none !important;
    text-shadow: none !important;
    background: #d80000 !important;
    color: #ffffff !important;
    margin-bottom: 20px;
}

a.small-button:hover,
a.small-button.smallblue:hover,
a.small-button.smallred:hover{
	color: #ffffff !important;
	background: #5602CE !important;
}

hr {
    margin-top: 50px;
    margin-bottom: 50px;
    border-left: none;
    border-right: none;
    border-top: 1px solid #000000;
    border-bottom: none;
}

.single-tribe_events .main-content h2 {
    line-height: 1.4em !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    font-size: 20px !important;
}

.single-tribe_events .main-content a {
	text-decoration: underline;
}

.single-tribe_events .main-content a:hover {
	color: #5602CE;
}

@media screen and (max-width: 980px) {
	a.small-button, 
	a.small-button.smallblue {
    	width: 100% !important;
		text-align: center !important;
	}
}