/* Columns */

.column_text { padding: 10px 10px 20px 10px;}
.first .column_text { padding-left: 0; padding-right: 20px;}
.last .column_text { padding-right: 0; padding-left: 20px;}
.count_2 .first .column_text { padding-right: 15px;}
.count_2 .last .column_text { padding-left: 15px;}

.count_4 .column_text { padding: 10px 13px 30px 13px;}
.count_4 .first .column_text { padding-right: 12px;}
.count_4 .last .column_text { padding-left: 12px;}

/* Buttons */

.text .shortcode-button { 
	display: inline-block; 
	position: relative; 
	padding: 15px 30px; 
	font-size: 20px; 
	text-decoration: none !important;
	line-height: 1em; 
	text-align: center; 
	white-space: normal; 
	font-weight: 600 !important;
	border-top-right-radius: 20px;
	border-bottom-left-radius: 20px;
	transition: .3s;
	cursor: pointer;
}
.text .shortcode-button.primary { background: #8717FB; border: 2px solid #8717FB; color: #fff;}
.text .shortcode-button.primary:hover { background: #310450; border-color: #310450;}

.text .shortcode-button.secondary { background: none; border: 2px solid #8717FB; color: #8717FB;}
.text .shortcode-button.secondary:hover { color: #310450; border-color: #310450;}

/* Alerts */

.shortcode-alert { display: block; position: relative; padding: 45px; margin: 5px 0 1.5em 0; margin-left: -45px; width: calc(100% + 90px); border-bottom-right-radius: 20px;}
.shortcode-alert a { text-decoration: underline;}
.shortcode-alert.left { text-align: left;}
.shortcode-alert.right { text-align: right;}
.shortcode-alert.center { text-align: center;}

.shortcode-alert.primary { background: #310450; color: #fff !important;}
.shortcode-alert.secondary { background: #F7F7F9;}

.shortcode-alert.primary h1,
.shortcode-alert.primary h2,
.shortcode-alert.primary h3,
.shortcode-alert.primary h4,
.shortcode-alert.primary h5,
.shortcode-alert.primary h6 { color: #fff !important;}

.shortcode-alert.primary h4:after,
.shortcode-alert.primary h3:after { content: ''; display: block; width: 77px; height: 5px; background: #8717FB; border-radius: 10px; margin-top: 20px; margin-bottom: 20px;}

@media (max-width: 767px) {
	.shortcode-alert { padding: 25px; margin-left: 0; width: 100%;}
}

/* Lists */

.shortcode-list { display: block; position: relative; margin: 10px 0;}
.shortcode-list:before { display: none !important;}
.shortcode-list ul,
.shortcode-list ol { display: block;}
.shortcode-list li { list-style: none !important; margin-left: 5px !important; position: relative; padding-left: 10px !important;}
.shortcode-list li i.fa { font-style: normal !important;}

.shortcode-list.default li i {}
.shortcode-list.light-grey li i { color: #ccc;}
.shortcode-list.dark-grey li i { color: #666;}

/* Video */

.shortcode-video { margin-bottom: 1.5em; display: block; position: relative; background: #000;}
.shortcode-video * { transition:.5s;}
.shortcode-video img { width: 100%; height: auto;}
.shortcode-video i { position: absolute; width: 40px; height: 40px; color: #fff; left: 50%; top: 50%; margin: -20px 0 0 -20px; z-index: 9; font-size: 40px; line-height: 1em; text-align: center; font-style: normal !important;}
.shortcode-video:hover img { opacity: 0.5;}

/* Toggle & Accordion */

.shortcode-toggle,
.shortcode-accordion { display: block; position: relative; border: 1px solid #D7DAF3; margin: 10px 0;}
.shortcode-toggle-title *,
.shortcode-accordion-titlen * { transition:.5s;}
.shortcode-toggle-title,
.shortcode-accordion-title { cursor: pointer; display: block; position: relative; padding: 10px; font-size: 1em; font-weight: 700; background: #F3F4FC; color: #8717FB;}
.shortcode-toggle-title i,
.shortcode-accordion-title i { font-style: normal !important; margin-right: 10px;}
.shortcode-toggle.active .shortcode-toggle-title,
.shortcode-accordion.active .shortcode-accordion-title { /*background: rgba(153, 153, 153, 0.1);*/}

.shortcode-toggle-content,
.shortcode-accordion-content { display: none; padding: 20px; border-top: 1px solid rgba(153, 153, 153, 0.3);}

/* Google Map */

.shortcode-map { margin: 0; border: none; max-width: 100% !important;}

/* Popups */

.shortcode-popup .text { min-width: 500px; max-width: 800px; position: relative;}

/* Divider */

.shortcode-divider { display: block; position: relative; clear: both; height: 0px; margin: 1.5em 0; border-top: 1px solid #D7DAF3; width: calc(100% - 30px);}
.shortcode-divider.thick { border-top: 3px solid rgba(153, 153, 153, 0.3);}
.shortcode-divider span { display: block; position: absolute; right: -30px; top: 50%; margin-top: -5px; line-height: 1em; color: #8717FB; font-size: 10px; text-decoration: none; cursor: pointer;}

/* Text Styles */

.small_text { display: inline-block; font-size: 0.8em; line-height: 1.3em;}
.big_text { display: inline-block; font-size: 1.2em; line-height: 1.3em;}

/* Responsive */

@media (min-width: 768px) and (max-width: 999px) {
}
@media (max-width: 767px) {
	.column_text { padding: 0 0 20px 0 !important;}
}
