/*
Theme Name: Mailgun Pricing Slider
Description: Mailgun Pricing Slider
Author: Richard Diepenbrock
Template: mailgun
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: mailgun-pricing-slider
*/

.pricing_slider .section-border {
	border: 1px solid #cfcfcf;
	border-radius: 6px;
	width: 100%;
}
.pricing_slider img {
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
}
.pricing_slider .slider-label {
	display: table;
	color: #182848;
	/*font-size: 16px;*/
	font-weight: 500;
	text-align: left;
	margin: 0;
	padding: 0;
}
.pricing_slider .slider-label .label-center {
	display: table-cell;
	height: 75px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.pricing_slider .email-slider .fa {
	color: #cfcfcf;
	text-align: center;
	padding: 0;
	margin: 0 0 0 5px;
}
.pricing_slider .sliders {
	border-right: 1px solid #cfcfcf;
	border-radius: 0;
	padding: 20px 0;
}
.pricing_slider .emailPlusValidations { text-align:left; }
.pricing_slider .email-slider,
.pricing_slider .validations-slider {
	padding: 0 25px;
	margin: 0;
}
.pricing_slider .validations-slider .fa { color:#4b6cb7; }

/***********************
*
*	sliders2 CSS
*
************************/
.pricing_slider .sliders2 .sliders {
	border:none;
	border-radius: 0;
}
.pricing_slider .section-border.sliders2 {
	float: left;
	border: none;
	box-shadow: 1px 1px 21px rgba(237,237,237,1);
	border-radius: 10px;
}
.planBg.sliders2 {
	background: none;
	border-radius: 0;
	margin: 0;
	padding-bottom: 20px
}
.planBg.sliders2 .plan {
	float: left;
	width: 100%;
	background: #f8f8f8;
	border-radius: 5px;
	margin: 0;
	padding: 0 0 20px;
}
.planBg.sliders2 h3 { color:#4b6cb7; }
.planBg.sliders2 .details { color:#626262; }
.planBg.sliders2 .details .planName {
	display: block !important;
	color: #626262;
	font-weight: 400 !important;
}
.planBg.sliders2 .details br {
	display: none;
	visibility: hidden;
}
.planBg.sliders2 .estimate { margin-top:-15px; }
.planBg.sliders2 .monthlyEstimate {
	font-size:24px;
	text-align:center;
	padding-top: 0;
	margin-top: 0;
}
.planBg.sliders2 .planCTA {
	float: none;
	margin:0 auto;
}

@media screen and (max-width:667px) {
	.planBg.sliders2 .estimate { margin-top:15px; }
}

/***********************
*
*	Override ionRangeSlider styles
*
************************/
.irs-line {
	background: linear-gradient(to right, #4b6cb7 0%, #182848 100%);
}
.irs-bar {
	border-top: 1px solid #4b6cb7;
	border-bottom: 1px solid #4b6cb7;
	background: #4b6cb7;
	background: linear-gradient(to right, rgba(75, 108, 183,1) 0%,rgba(24, 40, 72,1) 100%);
}
	.irs-bar-edge {
		border: 1px solid #4b6cb7;
		background: #4b6cb7 !important;
	}
.irs-slider {
	width: 27px; height: 27px;
	border: none;
	background: url('../img/ion-rangeSlider/slider-dot.png') no-repeat center center;
	box-shadow: none;
	cursor: pointer;
}
.irs-slider.state_hover, .irs-slider:hover {
	background: url('../img/ion-rangeSlider/slider-dot.png') no-repeat center center;
}
.irs-single {
	color: #000;
	font-size: 22px;
	background: none !important;
	line-height: 5px;
}

.sliders2 .irs-line {
	background: #fcfcfc;
}
.sliders2 .irs-bar {
	border-top: 1px solid #343458;
	border-bottom: 1px solid #343458;
	background: #343458;
}
.sliders2 .irs-bar-edge {
	border: 1px solid #343458;
	background: #343458 !important;
}
.sliders2 .irs-slider, .sliders2 .irs-slider.state_hover, .irs-slider:hover {
	background: #fff;
	border: 2px solid rgba(53,53,88,1);
}
.sliders2 .irs-single {
	color: #343458;
	font-size: 18px;
	font-weight: 500;
	background: none !important;
	line-height: 15px;
}

.sliders3 .irs-line {
	background: #f3f3f4;
	border: none;
	height: 15px;
}
.sliders3 .irs-bar {
	border-top: 1px solid #c02428;
	border-bottom: 1px solid #c02428;
	background: #c02428;
	height: 15px;
}
.sliders3 .irs-bar-edge {
	border: 1px solid #c02428;
	background: #c02428 !important;
	height: 15px;
}
.sliders3 .irs-slider { top:27px; }
.sliders3 .irs-slider, .sliders3 .irs-slider.state_hover, .irs-slider:hover {
	background: #fff;
	border: 1px solid rgba(210,210,210,1);
}
.sliders3 .irs-slider::after {
	content: '';
	background: #d2d2d2;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	margin-top: 5px;
}
.sliders3 .irs-single {
	color: #192745;
	font-size: 18px;
	font-weight: 500;
	background: none !important;
	line-height: 15px;
}