/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* MOBILE FORMAT PRICING TABLE */
.mobile-pricing {
	display: none;
	touch-action: manipulation;
}

.mobile-pricing__column {
	border: 1px solid #dcdcdc;
	flex: 0 0 100%;
	transform: translateX(0%);
	transition: all 250ms;
}

.mobile-pricing__column h3 {
    background: #153258;
    color: #ffffff !important;
    font-size: 18pt !important;
    font-weight: 400 !important;
    letter-spacing: 0px;
    line-height: 1.11 !important;
    margin: 0;
    padding: 15px;
    text-align: center;
}

.mobile-pricing__column .mobile-pricing__column-price {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0 12.5%;
}

.mobile-pricing__column .mobile-pricing__column-price h4,
.mobile-pricing__column .mobile-pricing__column-price small {
	color: #153258;
	font-style: italic;
	margin: 0;
	text-align: center;
}

.mobile-pricing__column .mobile-pricing__column-price p {
    font-size: 34px;
}

.mobile-pricing__column .mobile-pricing__column-price:after {
	background-color: #4f545b;
	content: '';
	height: 1px;
	margin: 20px 12.5%;
	width: 75%;
}

.mobile-pricing__column-stats {
	font-size: 18px;
	text-align: center;
}

.mobile-pricing__column-features {
	align-items: center;
	display: flex;
	flex-direction: column;
	margin: 0 12.5%;
	max-width: 75%;
	text-align: center;
}

.mobile-pricing__column-features .toggle {
	cursor: pointer;
}

.mobile-pricing__column-features .feature-list {
	display: none;
}

.mobile-pricing__column-features .feature-list.expanded {
	display: contents;
}

.mobile-pricing__column-features .feature-list ul {
	list-style-type: none;
	margin: 20px 0 0;
	padding: 0;
	text-align: left;
}

.mobile-pricing__column-features .feature-list ul li {

}

.mobile-pricing__column-features .feature-list ul li:before {
	color: #e31a51;
	content: '✓';
	margin-right: 10px;
}

.mobile-pricing__column-features .feature-list h5 {
	margin-bottom: 0;
}

.mobile-pricing__column-actions {
	margin: 20px;
	text-align: center;
}

.mobileBullets {
    display: none;
    justify-content: center;
    padding: 15px 0;
}

.mobileBullets .bullet {
    height: 10px;
    width: 10px;
    border: 1px solid #153258;
    border-radius: 50%;
    margin: 0 4px;
}

.mobileBullets .bullet.selected {
    background-color: #153258;
}

@media (max-width: 799px) {
	.desktop-only {
		display: none;
	}

	.mobile-pricing {
		display: flex;
		overflow: hidden;
	}

	.mobileBullets {
		display: flex;
	}
}