/* 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;}

/* Icons */

.shortcode-icon { margin: 15px;}
.shortcode-icon.block { display: block; margin: 15px auto; text-align: center;}
.shortcode-icon.inline { display: inline-block; margin: 0; margin-right: 15px; margin-top: 5px;}
.shortcode-icon.size_16 { font-size: 16px; }
.shortcode-icon.size_18 { font-size: 18px; }
.shortcode-icon.size_24 { font-size: 24px; }
.shortcode-icon.size_30 { font-size: 30px; }
.shortcode-icon.size_36 { font-size: 36px; }
.shortcode-icon.size_48 { font-size: 48px; }
.shortcode-icon.size_60 { font-size: 60px; }
.shortcode-icon.size_72 { font-size: 72px; }

.shortcode-icon.default {}
.shortcode-icon.light-grey { color: #f2f2f2;}
.shortcode-icon.dark-grey { color: #333;}
.shortcode-icon.white { color: #fff;}
.shortcode-icon.black { color: #000;}
.shortcode-icon.custom { color: #2D7296;}

/* Buttons */

.text .shortcode-button { 
	display: inline-block; 
	position: relative; 
	padding: 15px 40px; 
	font-size: 14px !important; 
	text-transform: none;
	text-decoration: none !important;
	line-height: 1em; 
	text-align: center; 
	overflow: hidden;
	white-space: normal; 
	font-weight: 600 !important;
	border-radius: 25px;
	transition: .3s;
	cursor: pointer;
	box-shadow: none;
}
.text .shortcode-button.block { display: block;}
.text .shortcode-button i { display: inline-block; font-style: normal !important;}
.text .shortcode-button i.left { margin-right: 10px;}
.text .shortcode-button i.right { margin-left: 10px;}

.text a.shortcode-button {}
.text .shortcode-button.default { background: #2D7296; color: #fff !important;}
.text .shortcode-button.light-grey 	{ background: #f2f2f2; color: #2D7296 !important;}
.text .shortcode-button.dark-grey 	{ background: #333; color: #fff !important;}
.text .shortcode-button.white 		{ background: #fff; color: #2D7296 !important;}
.text .shortcode-button.black 		{ background: #000; color: #fff !important;}
.text .shortcode-button.custom 		{ background: none; border:1px solid #2D7296; color: #2D7296 !important;}

.text .shortcode-button:hover { text-decoration: none !important;}

.text .shortcode-button.default:hover 		{ background: #2D7296; color: #fff !important;}
.text .shortcode-button.light-grey:hover 	{ background: #e5e5e5; color: #2D7296 !important;}
.text .shortcode-button.dark-grey:hover		{ background: #222; color: #fff !important;}
.text .shortcode-button.white:hover 		{ color: #2D7296 !important;}
.text .shortcode-button.black:hover 		{ background: #000; color: #fff !important;}
.text .shortcode-button.custom:hover 		{ background: #2D7296; color: #fff !important;}

/* Alerts */

.shortcode-alert { display: block; position: relative; padding: 40px; margin: 5px 0 20px 0;}
.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.solid {}
.shortcode-alert.solid.default { background: #fff; color: #000;}
.shortcode-alert.solid.white { color: #000; background: #fff; box-shadow: -9px 15px 45px rgba(0,0,0,0.15);}
.shortcode-alert.solid.light-grey { color: #000; background: #f2f2f2;}
.shortcode-alert.solid.dark-grey { background: #333; color: #fff;}
.shortcode-alert.solid.black { background: #000; color: #fff;}
.shortcode-alert.solid.custom { background: #2D7296; color: #fff;}

.shortcode-alert.line { border: 3px solid #999;}
.shortcode-alert.line.white { border-color: #fff;}
.shortcode-alert.line.light-grey { border-color: #f2f2f2;}
.shortcode-alert.line.dark-grey { border-color: #333;}
.shortcode-alert.line.black { border-color: #000;}
.shortcode-alert.line.custom { border-color: #2D7296;}

.shortcode-alert .shortcode-icon { margin-top: 5px;}

/* Color */

.shortcode-color { display: inline;}
.shortcode-color.block { display: block; position: relative; margin-bottom: 1.625em;}
.shortcode-color.light-grey { color: #f2f2f2;}
.shortcode-color.dark-grey { color: #333;}
.shortcode-color.white { color: #fff;}
.shortcode-color.black { color: #000;}
.shortcode-color.custom { color: #2D7296;}

/* Quote */

.shortcode-quote { display: block; position: relative; margin: 5px 0 20px 0; text-align: center;}
.shortcode-quote i { font-size: 20px; display: block; margin: 15px auto; font-style: normal;}
.shortcode-quote em { font-size: 1em; line-height: 1.4em; font-family: 'DM Serif Display', serif; font-style: normal !important;}
.shortcode-quote span { display: block; position: relative; font-size: .9em; margin-top: 10px;}

.shortcode-quote.left { text-align: left;}
.shortcode-quote.left i { width: 30px; margin: 0; position: absolute; left: 0; top: 5px;}
.shortcode-quote.left em { margin-left: 30px; position: relative; display: block;}
.shortcode-quote.left span { margin-left: 30px;}

.shortcode-quote.inline { text-align: left;}
.shortcode-quote.inline i { display: inline-block; font-size: 24px; margin: -4px 12px 0 0; float: left; position: relative;}
.shortcode-quote.small.inline i { font-size: 16px; margin: 0 10px 0 0;}
.shortcode-quote.large.inline i { font-size: 30px; margin: -3px 15px 0 0;}

.shortcode-quote.small em { font-size: 14px;}
.shortcode-quote.large em { font-size: 20px;}

/* 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: 25px !important; position: relative; padding-left: 0px !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;}
.shortcode-list.white li i { color: #fff;}
.shortcode-list.black li i { color: #000;}
.shortcode-list.custom li i { color: #2D7296;}

/* 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: #3946C4;}
.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 #e5e5e5; width: calc(100% - 30px);}
.shortcode-divider.thick { border-top: 3px solid #e5e5e5;}
.shortcode-divider span { display: block; position: absolute; right: -30px; top: 50%; margin-top: -5px; line-height: 1em; color: #2D7296; 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) {
	.shortcode-button { padding: 12px 10px;}
}
@media (max-width: 767px) {
	.column_text { padding: 0 0 20px 0 !important;}
	.shortcode-popup { min-width: 250px;}
}