/*
Theme Name: Divi Child
Theme URI: https://www.elegantthemes.com/gallery/divi/
Description: Divi Child Theme
Author: SAS Server Team
Author URI: https://www.elegantthemes.com
Template: Divi
Version: 3.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
.responsive_img img{
	object-fit:cover;
}
.object_fit_content img {
	object-fit: contain;
}
.page-id-332847 header.et-l.et-l--header, 
.page-id-332847 footer.et-l.et-l--footer,
.page-id-332898 header.et-l.et-l--header, 
.page-id-332898 footer.et-l.et-l--footer,
.page-id-332907 header.et-l.et-l--header, 
.page-id-332907 footer.et-l.et-l--footer{
	display: none;
}

.right_list ul {
	list-style: none;
	padding: 0
}

.right_list ul li:before {
	content: "5";
	font-family: 'ETmodules';
	position: absolute;
	left: 0;
	top: 0px;
	color: #ff2d80;
	font-size: 22px;
	line-height: 1.7em
}

.right_list ul li {
	position: relative;
	line-height: 1.7em;
	padding-left: 35px
}
.responsive_image img {
	object-fit:cover !important;
}
.ppc_kinder_slider img.skip-lazy {
	height: 135px;
	width: 100%;
	object-fit:cover !important;
}
.table_component thead{
	border-radius: 10px 10px 0 0;
	border: 1px solid #f00;
}
.table_component tr h3 {
	font-size: 22px;
	padding: 6px;
}
.table_component thead tr:first-child {
	border-bottom: 1px solid #f00;
	border-radius: 10px 10px 0 0 !important;
	background: #fadadd;
	text-align: center;
}
.table_component td {
	background-color: #fff;
	color: #000;
	border: 1px solid #f00;
}
.table_component tbody tr:first-child td{
	border-top:1px solid #f00;
}
.table_component {
	overflow: scroll;
}

/*--------------------------------------------------------------------------------------------------------------*/

.dance-card{
	min-height:300px;
}
/* Header */
.dance-header{
	display:flex;
	align-items:flex-start;
	gap:15px;
	margin-bottom:15px;
}

.dance-icon img{
	width:45px;
	display:block;
}

.yellow_list h3 {
	color: #f7b824 !important;
}
.orange_head h3 {
	color: #f97513 !important;
}
.blue_head h3 {
	color: #0a87d7 !important;
}
.green_head h3 {
	color: #66b459 !important;
}
.purple_head h3 {
	color: #9349e1 !important;
}
.dance-title h3{
	margin: 0;
	font-size: 22px !important;
	color: #ed60a3;
	font-weight: 800;
	text-transform: uppercase;
	padding: 0;
	line-height:1.0em !important;
}
.dance-title span{
	display: block;
	font-size: 18px;
	color: #000;
	font-weight: 600;
}

/* Content */
.dance-content h4{
	margin: 0 0 5px;
	font-size: 16px !important;
	font-weight: 800;
	text-transform: uppercase;
	color: #000;
}
.dance-content ul{
	margin:0;
	padding:0;
	list-style:none;
}
.dance-content li{
	position:relative;
	padding-left:18px;
	margin-bottom:8px;
	font-size:18px;
	line-height:1.4;
}
.dance-content li:before{
	content:"›";
	position:absolute;
	left:0;
	font-weight:700;
}
/* Child Image */
.dance-image{
	position:absolute;
	right:0;
	bottom:0;
	z-index: -1;
}
.dance-image img{
	display:block;
}

/* =========================
TABLET (768px - 980px)
========================= */
@media only screen and (min-width:768px) and (max-width:980px){

	.dance-card{
		min-height:220px;
	}

	.dance-header{
		gap:10px;
		margin-bottom:10px;
	}

	.dance-icon img{
		width:35px;
	}

	.dance-title h3{
		font-size:16px !important;
		line-height:1.1em !important;
	}

	.dance-title span{
		font-size:14px;
	}

	.dance-content h4{
		font-size:13px !important;
		margin-bottom:5px;
	}

	.dance-content li{
		font-size:14px;
		line-height:1.3;
		margin-bottom:4px;
		padding-left:15px;
	}
}


/* =========================
MOBILE (767px and below)
========================= */
@media only screen and (max-width:767px){

	.dance-card{
		min-height:auto;
		padding-bottom:20px;
	}

	.dance-header{
		gap:10px;
		margin-bottom:10px;
	}

	.dance-icon img{
		width:40px;
	}

	.dance-title h3{
		font-size:20px !important;
		line-height:1.1em !important;
	}

	.dance-title span{
		font-size:15px;
	}

	.dance-content h4{
		font-size:15px !important;
		margin-bottom:8px;
	}

	.dance-content li{
		font-size:16px;
		line-height:1.4;
		margin-bottom:5px;
	}

	.dance-image {
		position: absolute;
		margin-top: 0;
		right: 0;
		width: 110px;
		bottom: -10px;
		height: 110px;
		top: auto;
		display: flex;
	}

	.dance-image img {
		object-fit: scale-down;
		height: 100%;
		width: 100%;
	}
}


/* =========================
SMALL MOBILE (480px and below)
========================= */
@media only screen and (max-width:480px){

	.dance-title h3{
		font-size:18px !important;
	}

	.dance-title span{
		font-size:14px;
	}

	.dance-content h4{
		font-size:14px !important;
	}

	.dance-content li{
		font-size:14px;
	}

	.dance-icon img{
		width:35px;
	}
}