/**
Theme Name: SonicWP
Author: SonicWP
Author URI: https://www.sonicwp.com/
Description: Child theme for SonicWP
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sonicwp
Template: astra
*/
html, body {min-width:300px;}

li.hide{display:none !important}
h2, h3, h4 {margin-bottom:15px}
ul li, ol li {margin-bottom:8px;}

.footer-menu {}
.footer-menu .menu-item {}
.footer-menu .menu li.footer-large > a,
.footer-menu .menu li.footer-large > .fl-has-submenu-container > a {
	font-size: 110%; font-weight: bold; margin: 20px auto 0px auto;
}


.icon-rocket-up { color: #e75421; vertical-align: text-top;}



/*Accessibility Toolbar*/

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    height: 50px;
    width: 50px;
}


/*Solutions Pages*/
.top-features-icons {font-size: 70px; text-align: center;}





/* Feature Listing Sections*/
.three-rows .fl-rich-text p {font-size:90%}

.feature_listing_section-title .fl-heading {}
.feature_listing_section-all {}
.btn_show_full_listing{}




.feature_cards_all .fl-html, .feature_cards_key .fl-html {
	display: flex;
	flex-wrap: wrap;
}
.feature_card { display: block;  padding: 0; width: 33.33%;}
.feature_card-content {	background:#fff; margin:15px auto; padding: 25px; width: 100%; min-height:90%; border-right:1px solid #ddd}
.feature_cards_all .feature_card:nth-child(3n+0) .feature_card-content {border-right:0px none;}
.feature_card-title {margin-bottom:5px;}
.feature_card-text {font-size:85%}
.feature_card-text p {margin-bottom:15px; font-size:110%}
.feature_card-text p:last-child {margin-bottom:0px;}


.feature_cards_key .feature_card  {margin:25px auto; flex:1 1 400px}
.feature_cards_key .feature_card-content {border:0px none; background:transparent; color:#d5d5d5; padding: 20px 15%;}
.feature_cards_key .feature_card:nth-child(even) .feature_card-content {border-left: 1px solid #555; }

.feature_cards_key .feature_card-title  {color:#ffffff; font-size:125%; margin-bottom:15px}



.feature_listing_section h2.fl-heading .fl-heading-text {}
ul.features_list {list-style-type: none;}
ul.features_list li {margin-bottom:10px;}
ul.features_list li:before {	
	content:"\2714\0020";
	color: #e75421;
    margin-right: 5px;
    font-size: 115%;
}


.features_list_boxes {display:flex; flex-wrap:wrap; font-size:90%;}
.features_list_boxes h3 {font-size:21px; font-weight:normal; margin:10px auto}
.features_list_boxes .top-features-icons {font-size:40px;}
.features_list_boxes-item {
	flex: 1 1 22.5%; text-align:center; padding:15px; margin:15px 2.5% 15px 0; min-width:200px;
}
.features_list_boxes-item:last-child {margin-right:0px;}
.features_list_boxes-item:hover {box-shadow:0px 2px 10px 0 rgba(0,0,0,0.1);}






/* FAQS */
.faqs-cards  { display: flex; flex-wrap: wrap; }
.faqs-cards .faq_item { padding: 25px; margin-bottom:25px; flex:1 0 45%}
.faqs-cards .faq_item:nth-child(even) {border-left: 1px solid #ddd; }
.faqs-cards .faq_item:hover { 
	background:#fff; box-shadow:0px 2px 10px 0 rgba(0,0,0,0.1); 
	border-color:transparent; transform: scale(1.02);
}

h4.faq_item-title  {margin-bottom:5px; line-height:125%}
.faq_item-text {font-size:85%}
.faq_item-text p:last-child {margin-bottom:0px;}



.faqs-list .faq_item {padding:0px;}
.faqs-list .faq_item-title {border-bottom:1px solid #ddd; padding: 15px 20px; margin: 0; font-weight:400;}
.faqs-list .faq_item-title:hover {color:#db4815; cursor:pointer;}
.faqs-list .faq_item:nth-last-of-type(1) .faq_item-title {border-bottom:none;}
.faqs-list .faq_item-text {display:none;}
.faqs-list .faq_item.active  { 
	background:#fff; box-shadow:0px 2px 10px 0 rgba(0,0,0,0.1); 
	border-color:transparent; transform: scale(1.02);
	padding: 15px 25px 25px 25px;
    margin: 25px auto;
}
.faqs-list .faq_item.active .faq_item-title {
	padding-left:0px; padding-bottom:10px; color:#db4815; border-color:transparent; }
.faqs-list .faq_item.active .faq_item-text {display:block;}




/* FORMS */
#form_callback .uk-select:not([multiple]):not([size]) option {
    color: #444;
}



/* ALL PLANS */
.plans {display: flex;	flex-wrap: wrap;}
h4.plan-title {font-size:180%;}
.plans .plan {
	width: 30.33%;
    margin: 25px 1.5%;
    padding: 25px 20px;
    border: 2px solid #eee;
	border-radius:4px;
	flex: 1 1 305px;
}
.plans .plan:hover, .plans .plan.is-selected {background:#fff;
	box-shadow:0px 2px 10px 0 rgba(0,0,0,0.1);
    transform: translateY(-10px);
}

.plans ul {list-style-type: none; margin:10px 0 0 0; font-size:16px; padding-left:0px;}
.plans ul li {margin-bottom:10px;}
.plans ul li:before {	
	content:"\2714\0020";
	color: #e75421;
    margin-right: 5px;
    font-size: 115%;
}
.plans .plan-price {margin:-20px auto 25px auto;}
.plans .plan-price-amount{font-size:150%; font-weight:bold} 
.plans .plan-price-term {font-size:80%;}

.plans .plan > ul > li:last-child {font-weight:bold;}
.plans .plan ul ul {margin-left:25px; font-weight:normal;color:#e75421}

.plan .btn_signup, .plans-table .btn_signup {width:auto; display:none; margin:60px auto 0px auto; text-align:center}
.plan .btn_signup a, .plans-table .btn_signup a {
	border:2px solid #e75421; background:#ffffff; color:#e75421;
    border-radius: 4px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    padding: 12px 24px;
    text-decoration: none;
    text-shadow: none;
}
.plan .btn_signup a i, .plans-table .btn_signup a i {margin-left:8px; font-size: 1.3em; height: auto; vertical-align: middle; width: auto;}
.plan .btn_signup a:hover,
.plan .btn_signup a:active, 
.plan .btn_signup a:focus, 
.plans-table .btn_signup a:hover,
.plans-table .btn_signup a:active,
.plans-table .btn_signup a:focus {background:#e75421; color:#fff}


/*CARDS PLANS*/
	.plans-card .plan:hover .btn_signup {display:block}





/* CAROUSEL PLANS*/
	.plans-carousel:not(.flickity-enabled) {height:530px;  margin-top:50px; overflow:hidden} /*to reduce reflow before JS loads*/
	.plans-carousel.flickity-enabled { display:block; padding-top: 50px; margin-top: 25px; height:auto }
	.plans-carousel.flickity-enabled .plan {width:20%;	min-width:325px; min-height:436px; margin-bottom:0px}
	.plans-carousel .plan.is-selected { border-color:#1d2458; transform: translateY(-25px);}
	.plans-carousel .flickity-button, 
	.plans .flickity-button:active,
	.plans-carousel .flickity-button:focus {background:transparent; color:#1d2458; height:60px; width:60px; top:0px; }
	.plans-carousel .flickity-prev-next-button.next {right:calc(50% - 100px);}
	.plans-carousel .flickity-prev-next-button.previous {left:calc(50% - 100px);}
	.plans-carousel .flickity-button:hover {opacity:1; color:#e75421; box-shadow:none}
	.plans-carousel .plan.is-selected .btn_signup {display:block}

	.btn_planinfo {display:none;}
	.plans-carousel .plan.is-selected .btn_planinfo {
		display:block; 
		text-align:center; font-size: 80%;
		margin-top: 15px;
	}
	.plans-carousel .plan.is-selected .btn_planinfo a {padding:15px;color:#e75421}
	.plans-carousel .plan.is-selected .btn_planinfo a:hover {color:#1d2458}

	@media all and (max-width: 500px) {
		.plans-carousel.flickity-enabled .plan {width:85%;	min-width:auto; min-height:auto; margin:25px -15px; opacity:0.6}
		.plans-carousel.flickity-enabled .plan.is-selected {z-index:1; opacity:1}
		.plans-carousel.flickity-enabled .plan.is-selected + .plan { opacity:0.4}

	}




/* PLANS / FEATURE TABLE */

	.plans-table {border:0px none; table-layout:fixed; font-size:17px;}
	.plans-table th:last-child, .plans-table td:last-child {border-right:0px none;}
	.uk-table.plans-table th, .uk-table.plans-table tr:last-child span {color:#1d2458; text-transform:none; font-weight:700}
	.uk-table.plans-table tr:last-child span {font-size:110%; display:inline-block; margin-bottom:10px;}
	.plans-table td.uk-text-center {font-size:85%;}


	/*.plans-table-container {overflow-y:scroll; overflow-x:auto; max-width:100%; height: 200vh;}
	.plans-table th {position:sticky; top:0px; background:#fff; box-shadow:0 10px 15px -15px rgba(0,0,0,1)}*/
	.plans-table-container {overflow-y:scroll}
	.plans-table td, .plans-table th {width:115px;}
	.plans-table td:first-child,
	.plans-table th:first-child  {
		width:250px;
		position: sticky;
		left: 0;
		background: #f5f5f5;
	}
	.plans-table th:nth-of-type(1), 
	.plans-table tr.buy-now-row td:first-child  {background:#fff;border-right:0 none;}

	.plans-table tr:hover td {background-color:#f5f5f5}
	.plans-table .ua-icon {font-size:125%;}
	.plans-table .ua-icon-check {font-size:150%;}

	.plans-table .buy-now-row td {border-bottom:0px none;}
	.plans-table .btn_signup {display:block; margin-top:0}
	.plans-table .btn_signup a {font-size:15px; padding:6px 12px}

	.plans-table .uk-badge {
		font-size: 13px;
		padding: 8px 6px;
		line-height: 10px;
		margin-top: -6px;
		margin-left: 3px;
		color: #fff;
		background: #32d296;
	}	
	
	.uk-tooltip.plans-tooltip {
		font-size: 14px;
		min-width: 240px;
		max-width: 100%;
		padding: 15px;
		width: 20%;
		background: #f5f5f5;
		color: #555;
		font-family: sans-serif;
		box-shadow:0 14px 25px rgba(0,0,0,0.16);
	}

	.has-tooltip > span {border-bottom:1px dashed #aaa}

	/* Table section headers */
	#feature-sec_title td, #feature-perf_title td, #feature-back_title td, #feature-dev_title td,
	#features-key_quotas td, #features-key_services td, #features-key_features td {
		border-right:0 none; background:#f5f5f5;
	}





/* PLANS PAGE */
ul.features_list.two-columns {
    column-count: 2;
    column-gap: 40px;
    display: block;
    width: 90vw;
    padding-left: 0px;
    margin-left: 10px;
}





.u-text-mark-black, .feature_listing_section-title .fl-heading span {
    position: relative;
    z-index: 1;
}

.u-text-mark-black:after, .feature_listing_section-title .fl-heading span:after {
    content: "";
    position: absolute;
    display: block!important;
    width: 100%;
    height: .3em;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='236' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.8 8.3l16.8-.6L35 7.1l15-.7c2.2-.1 4.5-.3 6.8-.3l10-.2h5.5l10.3.2 15.4.6L129.5 8l15.5.8 15.4.7c9.7.4 19.4.7 29 1.3l8 .5 8.9.7 7.7.7 3.2.3 3.7.5 5.2.6 6.6 1.2.6.1a2.3 2.3 0 002.3-1.6c.2-.6.1-1.3-.2-1.9-.2-.4-.8-1-1.3-1.1l-4.2-.8-4.2-.7A403.3 403.3 0 00212 7.7a2.4 2.4 0 001-2.4c-.2-.6-.6-1.2-1-1.5l-1.1-.5a33 33 0 00-2.6-.4l-2-.3-3.8-.2L195 2l-15.5-.5-15.4-.3L156 1h-24.4L115.8.8C106.1.7 96.2.6 86.4.7H71.8c-5.2 0-10.4 0-15.6.2L45.9 1l-5.9.1-9.4.4-6.2.3c-7.4.5-14.7 1-22 1.7-.5.1-.8.3-1.1.6-.5.4-.8 1-.8 1.6 0 1.3 1 2.5 2.3 2.5' fill='%23ffd000' fill-rule='evenodd'/%3E%3C/svg%3E");
	/*original yellow fill: %23ffd000*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    left: 0;
    bottom: -.1em;
    z-index: 9999999;
}



@media all and (min-width: 1500px) {
	ul.features_list.two-columns {width: 60vw;}
}


@media all and (max-width: 1400px) {
	.plans-table-container {overflow-y:scroll; overflow-x:auto; max-width:100%; height: 200vh;}
	.plans-table th {position:sticky; top:0px; background:#fff; box-shadow:0 10px 15px -15px rgba(0,0,0,1);}

}


@media all and (max-width: 991px) {
	.feature_card {width: 50%;}
	.feature_cards_all .feature_card .feature_card-content {border-right:0px none;}
	.feature_cards_all .feature_card:nth-child(odd) .feature_card-content {border-right:1px solid #ddd;}
	
	.features_list_boxes-item:last-child {margin-right:2.5%;}
}


@media all and (max-width: 767px) {
 
	.feature_listing_section-all {display:none;}


	.feature_card  {width: 100%; padding-bottom:0px}
	.feature_card-content { border-right:0px none;}

	.feature_cards_key .feature_card  {width:100%; margin:25px auto 0 auto}
	.feature_cards_key .feature_card-content {padding:25px;}
	.feature_cards_key .feature_card:nth-child(even) .feature_card-content {border-left:0px none;}

	.feature_cards_all .feature_card-content, .feature_cards_all .feature_card:nth-child(odd) .feature_card-content  {margin:0px; border-right:0px none; border-bottom:1px solid #ddd; }
	

	ul.features_list {margin:0px;}
	ul.features_list.two-columns {width: 100%; column-count:1}

	.plan-table td {padding: 10px }
	.plans-table td:first-child, .plans-table th:first-child {width:150px; font-size:15px;}

	
}

@media all and (max-width: 544px) {
	header.site-header .site-logo-img .custom-logo-link img {max-width:120px;}
}