/*
Theme Name: Mailgun Pricing
Description: Mailgun Pricing
Author: Richard Diepenbrock
Template: mailgun
Version: 1.0.3
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

*/

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.no-gutters [class^="col-"],
.no-gutters [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}

p { line-height:inherit; }

.pricing_welcome h1 {
	color: #4b6cb7;
	font-family: Exo;
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
	margin: 20px 0;
	text-align: center;
	text-transform: capitalize;
}
.customers h2, .pricing_faqs h2 {
	color: #4b6cb7;
	font-family: Exo;
	font-size: 36px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
	margin: 0 0 40px;
	text-align: center;
	text-transform: capitalize;
}
.pricing_welcome p, .pricing_faqs p {
	color: #626262;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.6;
}
.pricing_welcome a, .pricing_faqs a {
	color: #4b6cb7;
	font-weight: 500;
	text-decoration: none;
}
.pricing_welcome a:hover, .pricing_welcome a:focus, .pricing_faqs a:hover, .pricing_faqs a:focus { color:#000; }
.pricing_faqs h4 a {
	font-family: Exo;
	font-size:21px;
	font-weight: 200;
	line-height:1.4;
	color:#000;
}
.pricing_faqs h4 a:hover, .pricing_faqs h4 a:focus { color:#4b6cb7; }
.extras h2 {
	color: #fff;
	font-family: Exo;
	font-weight: 600;
	padding: 0;
	margin: 0;
}

.planBg {
	background: #182848;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.plan { padding:20px 20px 70px 20px; }
.plan a.btn {
	text-decoration: none;
	margin-top: 0 !important;
}
.plan .planName {
	font-size:18px;
	font-weight: 600;
}
.plan .estimate { font-weight: 500; }
.plan .monthlyEstimate {
	font-size: 16px;
	font-weight: 600;
}
.plan .planCTA { width:40%; }
.plan .toggleLinks {
	width: 60%;
	display: table;
	height: 28px;
}
.plan .planCTA, .plan .toggleLinks { float:left; }
.plan .toggleLinks div {
	display: table-cell;
	height: 12px;
	text-align: center;
	vertical-align: middle;
}
.plan .toggleLinks a {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: underline;
}
.plan .toggleLinks a:hover {
	color: #fff;
	text-display: underline;
}
.plan .planName, .plan .estimate,
.plan .breakdown p, .plan .breakdown ul,
.plan .breakdown li, .plan .toggleLinks {
	margin: 0;
	line-height: inherit;
}
.plan, .plan a, .plan p { color:#fff; }
.plan, .plan a, .plan p,
.plan .estimate { font-size:15px; }

.extras, .extras .sub, .extras .lead { color:#fff; }
.extras.bg { background:#182848; }
.extras .sub {
	font-size:17px;
	margin-bottom: 20px;
}

#region-pricing { border-top:1px solid #ccc; }

#faqs {
	background: #f8f8f8;
	color: #182848;
}
#faqs .panel-group .panel-heading + .panel-collapse .panel-body { border:none; }
#faqs .panel {
	background: none;
	border-bottom: 1px solid #ccc;
}
#faqs .panel-title > a:before {
	float:right;
	font-family: FontAwesome;
	content: "\f068";
	padding-right: 5px;
}
#faqs .panel-title > a.collapsed:before {
	float: right;
	content: "\f067";
}

#pricingTable h3 {
	color: #4b6cb7;
	font-family: Exo;
	font-size: 30px;
	text-transform: capitalize;
	margin-top: 6px;
}
#pricingTable h3[data-base-price] { text-transform:none; }
#pricingTable h3.features-plus {
	font-size: 21px;
	text-transform: none;
	font-weight: 400;
}
#pricingTable h3.features-plus strong {
	color: #000;
	font-weight: 400;
}
#pricingTable .features-list p { text-align:left; }
#pricingTable .panel {
	background: #ececec;
	border: 1px solid #ccc;
	border-radius: 0;
}
#pricingTable .panel:first-of-type { border-top-left-radius:4px; }
#pricingTable .panel:last-of-type { border-top-right-radius:4px; }
#pricingTable div + .panel-body { padding-top:7px; }
#pricingTable .recommended {
	width: 100%;
	background: #182848;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 4px;
	margin-top:-31px;
	margin-left: 0;
	display: none;
}
#pricingTable a.btn.disabled {
	background: #aeaeae;
	color:#fff;
	text-transform: uppercase;
	font-weight: 600;
}
#pricingTable .fa { color:#999; }
#pricingTable li.list-group-item.panel-break {
	background: #fdfdfd;
	border: 1px solid #999;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	text-transform: uppercase;
	margin: 0 -1px;
}
#pricingTable .list-group-item.panel-break.footer {
	text-transform:none;
	text-align: center;
	padding: 10px 0;
}
#pricingTable .cta span { color:#000; }

#pricingTable .selected { background:#fff }
#pricingTable .selected .fa, .customers a { color:#4b6cb7; }
#pricingTable .selected a.btn,
#region-pricing a.btn,
.active .btn, .plan a.btn,
.btn:hover {
	background: #eb294e !important;
	color: #fff !important;
}

/***********************
*
*	Override tooltip styles
*
************************/
.label-center, .features .panel-body p,
a[data-toggle="tooltip"], a.tooltips > i.fa { cursor:pointer; }
.tooltip-inner {
	max-width: 325px !important;
	width: 325px;
	font-size: 14px;
	font-weight: 300;
	text-align: left;
	padding: 15px;
}
.tooltip-inner table tr { border-bottom:1px solid #999; }

@media (min-width: 768px) and (orientation: portrait) {
	#pricingTable .recommended {
		font-size: 12px;
		font-weight: 600;
		letter-spacing: normal;
		margin-top: -28px;
	}
}

@media (min-width: 576px) {
	.is-table-row {
		display: table;
	}
	.is-table-row [class*="col-"] {
		float: none;
		display: table-cell;
		vertical-align: top;
	}
	.is-table-row .email-slider [class*="col-"],
	.is-table-row .validations-slider [class*="col-"] { float:left; }
	.panel.concept, .panel.production,
	.panel.scale, .panel.enterprise {
		border-top:none !important;
		border-bottom: none !important;
	}
	.panel.cta { border-top:1px solid #ccc !important; }
	.panel.footer { border-bottom:1px solid #ccc !important; }
}