/*
	Theme Name: Superset Blog
	Theme URI: https://blog.supersetapp.com/
	Author: Mike Milkovic
	Template: twentytwentyone
	Version: 1.0.0
	Text Domain: supersetblog
*/

/** variables */



/* **/

/** typography */

h5 {
	text-transform: uppercase;
}

h1,
h1.entry-title {
	font-family: "DM Sans", Arial, sans-serif;
	letter-spacing: var(--heading--letter-spacing-h1);
}

input {
	letter-spacing: var(--global--letter-spacing);
}

a {
	text-decoration: none;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	text-decoration: none;
}

body.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: transparent;
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
	outline: none !important;
}

article p,
article li,
wp-block-latest-posts__post-excerpt {
	color: var(--global--color-secondary);
}



.space10{height: 10px !important;}
.space20{height: 20px !important;}
.space30{height: 30px !important;}
.space40{height: 40px !important;}
.space50{height: 50px !important;}
.space60{height: 60px !important;}
.space70{height: 70px !important;}
.space80{height: 80px !important;}
.space90{height: 90px !important;}
.space100{height: 100px !important;}

/* **/

/** header */
#masthead{}

.site-header {
	position: sticky;
	top: 0;
	width: 100% !important;
	max-width: 100% !important;
	padding: 0px 20px !important;
	min-height: 60px;
	align-items: center;
	background: #fff;
	z-index: 5; /* deal with blockquotes */
	border-bottom: 1px solid #E5E7EB;
	margin:0 0 0 0 !important;
}

.admin-bar .site-header {
	top: var(--global--admin-bar--height);
}

@media only screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed !important;
	}
}

#main{
	padding: 0 !important;
}


/* positioning of */

.site-header .primary-navigation {
	top: 0;
}

.admin-bar.primary-navigation-open .site-header .primary-navigation {
	top: var(--global--admin-bar--height);
}


/* logo */

.site-header .site-branding {
	margin: 0;
}

.site-header .site-title {
	margin: 0;
}


.site-header h1.site-title,
.site-header .site-title a,
.site-header .site-title a:hover,
.site-header .site-title a:active,
.site-header .site-title a:focus {
	display: block;
	color: transparent !important;
	background-color: transparent !important;
	background-image: url("/wp-content/uploads/2021/01/powered-lockup@2x.png") !important;
	background-attachment: scroll !important;
	background-repeat: no-repeat !important;
	background-position: 0 0 !important;
	background-size: 149px 15px !important;
	line-height: 15px;
	height: 15px;
	width: 146px;
	overflow: hidden;
}

/* byline */

.site-header .site-description {
	display: none;
}



@media only screen and (min-width: 768px) {
	.primary-menu-container>ul>.menu-item {
	  flex: 0 1 auto;
	  width: auto !important;
	}
	
}

/* menu link button */

@media only screen and (min-width: 768px) {
  .primary-menu-container>ul>.menu-item:last-child>a {
		display: block !important;
		flex: 0 0 !important;
		color: #fff !important;
		background: #000 !important;
		line-height: 40px !important;
		padding: 0 15px !important;
		border-radius: 20px !important;
		transition: background-color .1s ease-in-out,color .1s ease-in-out !important;
	}

	.primary-menu-container>ul>.menu-item:last-child>a:hover,
	.primary-menu-container>ul>.menu-item:last-child>a:focus {
		background-color: #137AC9 !important;
		color: #fff !important;
	}
}

/* mobile button */

.menu-button-container {
	padding: 0;
	height: 60px;
	align-items: center;
	margin-right: 20px;
}

.menu-button-container #primary-mobile-menu {
	padding: 0;
	font-size: 14px;
	color: transparent;
}
.menu-button-container #primary-mobile-menu svg {
	color: #000;
}

/* **/

/** homepage */

body.home #content{
	padding:100px 0;
}

#post-66 .entry-header {
	display: none;
}

.recent-post-hero li > div {
	margin-bottom: 0 !important;
}

.recent-post-hero li > a {
	display: none;
}

.recent-posts-list {
	text-align: center;
}

.recent-posts-list .wp-block-latest-posts li:first-child {
	display: none;
}

.wp-block-latest-posts li > a {
	color: var(--global--color-primary);
	margin-top: 0;
	margin-bottom: 0;
}

@media only screen and (max-width: 1079px) {
	.wp-block-jetpack-layout-grid {
		max-width: 828px;
	}
}

.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column * {
	hyphens: none !important;
}

/* **/

/** list posts page /all */

.post-thumbnail .wp-post-image {
	margin-top: calc(.5 * var(--global--spacing-vertical));
}

.hfeed .site-main > article > .entry-content {
	text-align: center;
}

.site-main > article > .entry-footer {
	text-align: center;
	margin-top: 0;
}

/* **/

/** blog posts */

article header.entry-header {
	text-align: center;
}

.singular .entry-title {
	max-width: var(--header-max-width);
	margin-left: auto;
	margin-right: auto;
}

article .post-thumbnail .wp-post-image {
	max-width: var(--header-max-width) !important;
}

.entry-header > p {
	font-size: var(--global--font-size-md);
	max-width: var(--header-max-width) !important;
	margin-left: auto;
	margin-right: auto;
}

.single .site-main > article > .entry-footer {
	margin-top: 0;
	border-top: 0;
	padding-top: 10px;
}

/* blog paragraph content */
@media only screen and (min-width: 768px) {
	.site-main > article > *,
	.site-main > .not-found > *,
	.entry-content > *,
	[class*=inner-container] > *,
	.wp-block-template-part > * {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

article .entry-content>h2,
article .entry-content>h3,
article .entry-content>h4 {
  margin-top: calc(0.666 * var(--global--spacing-vertical) * 4 / 3); /* 0.666 * 40px */
  margin-bottom: calc(0.666 * var(--global--spacing-vertical) * -1 / 3); /* 0.666 * -10px */
}

@media only screen and (min-width: 768px) {
  article .entry-content>h2,
  article .entry-content>h3,
  article .entry-content>h4 {
    margin-top: calc(var(--global--spacing-vertical) * 4 / 3); /* 40px */
    margin-bottom: calc(var(--global--spacing-vertical) * -1 / 3); /* -10px */
  }
}

article .entry-content>hr {
  margin-top: calc(var(--global--spacing-vertical) * 4 / 3); /* 40px */
  margin-bottom: calc(var(--global--spacing-vertical) * 4 / 3); /* 40px */
}

/* nav links in footer */

.post-navigation a .meta-nav {
	position: relative;
	color: var(--global--color-primary);
	font-size: var(--global-font-size-md);
	margin-bottom: 10px;
}

.post-navigation a .post-title {
	color: var(--global--color-secondary);
	font-weight: normal;
	font-size: var(--global-font-size-md);
	margin-top: 0;
}

.post-navigation a:hover,
.post-navigation a:focus {
	text-decoration: none !important;
}

.post-navigation a:hover .meta-nav,
.post-navigation a:focus .meta-nav {
	color: var(--wp--style--color--link);
}

.post-navigation a:hover .post-title ,
.post-navigation a:focus .post-title {
	color: var(--global-color-secondary);
}


@media only screen and (min-width: 592px) {
	.post-navigation .nav-next {
		margin-left: 10px;
	}
	.post-navigation .nav-previous {
		margin-right: 10px;
	}
	
	.post-navigation a .meta-nav svg {
		position: absolute;
		right: -30px;
	}

	.post-navigation a .meta-nav svg {
		position: absolute;
		right: -30px;
	}
		.post-navigation .nav-previous a .meta-nav svg {
		right: auto;
		left: -30px;
	}
}

@media only screen and (min-width: 822px) {
	.post-navigation a .meta-nav svg {
		position: static;
		margin-top: -3px;
	}
}

/* hide comments */
#comments {
	display: none;
}


/* **/

/** misc borders */

.single .site-main>article>.entry-footer,
.site-footer>.site-info {
	border-top-width: 1px;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .site textarea {
	border-width: 1px;
}

.site .button, input[type="submit"], input[type="reset"], .wp-block-search__button, .wp-block-button .wp-block-button__link {
	border-width: 1px;
}

/* **/

/** mailchimp form */

.mc4wp-form {
	max-width: 580px;
	padding: 40px 20px;
	border: 1px solid var(--global--color-border);
	text-align: center;
	border-radius: 5px;
}

.mc4wp-form > * {
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
}

.mc4wp-form p img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 9px;
}

.mc4wp-form .newsletter-signup-title {
	font-size: var(--global--font-size-xl);
	line-height: var(--global--line-height-xl);
	letter-spacing: var(--heading--letter-spacing-h3);
	margin-bottom: 20px;
}

.mc4wp-form .newsletter-signup-email {
	display: flex;
	border: 1px solid var(--global--color-border);
	padding: 0 10px;
	max-width: 335px;
	margin: 0 auto;
	
	--input-height: 60px;
	
	border-radius: calc(.5 * var(--input-height));
	overflow: hidden;
}

.mc4wp-form .newsletter-signup-email input[type="email"] {
	flex: 1 1 auto;
	border: 0;
	height: var(--input-height);
	line-height: var(--input-height);
	padding: 0 20px;
}

.mc4wp-form .newsletter-signup-email input[type="email"]:focus,
.mc4wp-form .newsletter-signup-email button[type="submit"]:focus {
	outline: 0;
}

.mc4wp-form .newsletter-signup-email button[type="submit"] {
	border: 0;
	height: var(--input-height);
	line-height: var(--input-height);
	padding: 0 20px;
	background: transparent;
	color: #000;
}


.mc4wp-form p button[type="submit"] {
	line-height: var(--global--line-height-body);
	padding: var(--form--spacing-unit) 15px;
	font-size: var(--global--font-size-sm);
	max-width: 540px;
}

.mc4wp-response > *:first-child {
	margin-top: 20px;
}





/* menu links */

.primary-menu-container>ul>.menu-item {
	padding: 0;
	margin: 0;
}

.primary-menu-container>ul>.menu-item>a {
	font-family: 'Inter' !important;
	font-style: normal !important;
	color: #6B7280 !important;
	font-size: 14px !important;
	line-height: 150% !important;
	font-weight: 500 !important;
	white-space: nowrap;
	padding: 0;
	margin-left: 10px;
	text-decoration: none;
}

.primary-menu-container>ul>.menu-item>a:hover {
	color: #111928 !important;
}



.site-logo .custom-logo{
	max-width: 146px !important;
	height: 15px !important;	
}
.simple-banner-text a:hover{
	text-decoration: none !important;
}

footer{
	display: none !important;
}
#footer{
	background: #000;
	max-width: 100% !important;
	color: white !important;
	padding:0 20px !important;
	text-align: center;
}
#footer .footer-content{
	display: flex;
	align-items: center;
	justify-content: center;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #666666;
	padding: 100px 0 60px 0;
}
#footer .footer-content>div:first-child{
	text-align: right;
}
#footer .footer-content>div:nth-child(3){
	text-align: left;
}
#footer .footer-content>div:first-child,
#footer .footer-content>div:nth-child(3){
	flex: 1 1 0;
}
#footer .footer-content img{
	display: inline-block;
	width: 100px;
	margin: 15px;
}
#footer .footer-links{
	padding: 20px 0;
}
#footer .footer-links a{
	display: inline-block;
	margin:0 10px;
	padding:0 10px;
	font-size: 14px;
	line-height: 150%;
	font-weight: 400;
	color: #666666;
	text-decoration: none;
}
#footer .footer-links a:hover{
	color: #FFFFFF;
}


.page-content .white-button{
	color: #4B5563;
	align-items: center;
	padding: 0 24px ;
	gap: 16px;
	width: 294px;
	height: 56px;
	background: white;
	border-radius: 100px;
	text-decoration: none;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 56px;
	margin:15px auto;
	border:none;
	transition: background-color .1s ease-in-out,color .1s ease-in-out;
}
.page-content .white-button:hover{
	color: white;
	background: #137AC9;
	border:none;
}
.page-content .blue-button{
	color: white;
	align-items: center;
	padding: 0 24px ;
	gap: 16px;
	width: 294px;
	background: #137AC9;
	border-radius: 100px;
	text-decoration: none;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
	line-height: 56px;
	margin:15px auto; 
	border:none;
	transition: background-color .1s ease-in-out,color .1s ease-in-out;
}
.page-content .blue-button:hover{
	color: white;
	background: black;
	border:none;
}
.page-content h1,
.page-content h2{
	font-family: 'DM Sans', sans-serif !important;
}
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content p,
.page-content p a,
.page-content li{
	font-family: 'Inter', sans-serif !important;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6{
	margin-bottom: 12px;
}
.page-content a{
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	text-decoration-line: underline;
	color: #111928;
}
.page-content a:hover{
	color: #111928;
	text-decoration-line: none;
}

.page-content h1{
	font-family: 'DM Sans', sans-serif !important;
	font-size: 64px !important;
	font-weight: 500 !important;
	line-height: 82px !important;
	letter-spacing: -0.5px !important;
	color: #111928 !important;
}
.page-content h2{
	font-family: 'DM Sans', sans-serif !important;
	font-size: 48px !important;
	font-weight: 500 !important;
	line-height: 64px !important;
	letter-spacing: -0.5px !important;
	color: #111928 !important;
}

.page-content p{
	font-family: 'Inter';
	font-size: 20px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 30px !important;
	color: #4B5563 !important;
	margin-bottom: 15px;
}

.page-content .cta-box p{
	font-family: 'Inter';
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 150% !important;
	color: #4B5563 !important;
	margin-bottom: 15px;
}



.page-content h3{
	font-size: 24px !important;
}
.page-content h4{
	font-size: 20px !important;
}
.page-content h5{
	font-size: 18px !important;
}

.featured-listing-holder{
	display: flex;
}
.featured-listing-holder .featured-listing-box{
	margin: 2%;
}
.featured-listing-holder .featured-listing-box>.holder{
	max-width: 335px !important;
}
.featured-listing-holder .image-box img{
	display: block;
	width: 100%;
	max-height: 335px;
}
.featured-listing-holder .icon-box{
	font-weight: 500;
	font-size: 48px;
	line-height: 62px;
	text-align: center;
	margin:10px;
}
.featured-listing-holder .content-box{
	text-align: center;
}
.featured-listing-holder .content-box h6{
	font-weight: 500 !important;
	font-size: 18px !important;
	color: #000000 !important;
	margin-bottom: 10px !important;
	letter-spacing: 0 !important;
}
.featured-listing-holder .content-box p{
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #4B5563 !important;
}


.testimonial-block-box .testimonial-nametag{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 15px !important;
}
.testimonial-block-box .testimonial-nametag .img img{
	display: inline-block !important;
	height: 40px;
	width: 40px;
}
.testimonial-block-box .testimonial-nametag .name-box{
	padding:0 15px;
}
.testimonial-block-box .testimonial-nametag .name-box .name{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500 !important;
	font-size: 14px !important;
	line-height: 150% !important;
	color: #E5E7EB !important;
	display: block !important;
}
.testimonial-block-box .testimonial-nametag .name-box .job{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 500 !important;
	font-size: 12px !important;
	line-height: 150% !important;
	color: #9CA3AF !important;
	display: block !important;
}






.evencol{
	padding: 0 60px !important;
}
.evencol p{
	font-size: 16px !important;
	margin-bottom: 30px;
	line-height: 160% !important;
}

.cta-box{
	padding:65px 25px;
	border: 1px solid #E5E7EB;
	border-radius: 8px;
}

.page-content .table{
	
}
.page-content .table th,
.page-content .table td{
	border:none;
}
.page-content .table th{
	font-family: 'Inter' !important;
	font-style: normal !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	line-height: 150% !important;
	color: #000000 !important;
	vertical-align: top !important;
}
.page-content .table td{
	font-family: 'Inter' !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 150% !important;
	color: #374151 !important;
	padding:40px 10px 0 10px;
}
.page-content .table th:first-child{
	text-align: left;
}
.page-content .table td:nth-child(2),
.page-content .table td:nth-child(3){
	text-align: center;
}
.page-content .table td .check:before{
	content: '';
	display: inline-block;
	background: url('http://blog.supersetapp.com/wp-content/uploads/2023/03/check.png')no-repeat center center;
	background-size: contain !important;
	height: 13px;
	width: 18px;
}
.page-content .table td .x:before{
	content: '';
	display: inline-block;
	background: url('http://blog.supersetapp.com/wp-content/uploads/2023/03/x.png')no-repeat center center;
	background-size: contain !important;
	height: 14px;
	width: 14px;
}


.modal-header .btn-close{
	position: absolute;right:15px;top:15px;
	background: rgba(255,255,255,.6);
	color: black;
	border-radius: 50% !important;
	padding:5px !important;
}
.modal-header .x{
	display: inline-block;
	margin: 0 !important;
	height: 12px;
	width: 12px;
}
.modal-header .x:before{
	content: '';
	display: inline-block;
	position: absolute;
	top:50%;left:50%;
	transform: translate(-50%,-50%);
	background: url('http://blog.supersetapp.com/wp-content/uploads/2023/03/x.png')no-repeat center center !important;
	background-size: contain !important;
	height: 12px;
	width: 12px;
}


.modal-dialog{
	max-width: 335px !important;
}
.modal-body{
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}
.modal-content{
	border:none !important;
	border-radius: 8px 8px 8px 8px !important;
}

.badge.green{
	padding: 2px 10px;
	width: 297px;
	height: 25px;
	background: #DEF7EC;
	border-radius: 6px;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #03543F;
}
.popup-small-text{
	padding: 20px 0 30px 0 !important;
}
.popup-small-text p{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #6B7280;
}
.popup-small-text p a{
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	text-align: center;
	color: #1C64F2;
}
.popup-small-text p a:hover{
	text-decoration: underline;
}

.gform_wrapper{
	margin-top: 0 !important;
}

.gform_body{
}
.gform_body .gfield{
	padding:0 !important;
	margin:30px 0 !important;
}
.gform_body .gfield_label,
.gform_body .name_first label,
.gform_body .name_last label{
	font-weight: 700 !important;
	font-size: 14px !important;
	line-height: 21px !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	color: #000000 !important;
	text-align: left !important;
	margin: 0 !important;
}

.gfield_required_asterisk{
	float: left !important;
	color: #FF0000 !important;
	width: auto !important;
	padding-right: 4px !important;
	margin:0 !important;
}
.gform_body .ginput_container{
	margin: 0 !important;
}
.gform_body input{
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 150% !important;
	color: #4B5563 !important;
	margin: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	border-bottom: 1px solid #000000 !important;
}

.gform_footer{
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
}

.gform_footer .gform_button{
	font-family: 'Inter' !important;
	color: white !important;
	align-items: center !important;
	padding: 0 24px !important;
	gap: 16px !important;
	width: 294px !important;
	height: 56px !important;
	background: #137AC9 !important;
	border-radius: 100px !important;
	text-decoration: none !important;
	display: inline-block !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	line-height: 56px !important;
	margin:0 auto !important;
	border:none !important;
	transition: background-color .1s ease-in-out,color .1s ease-in-out !important;
}

.gform_footer .gform_button:hover{
	color: white !important;
	background: black !important;
	border:none !important;
}

.gform_confirmation_message{
	padding:20px 30px !important;
}
.gform_confirmation_message h4{
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: #000000 !important;
	margin-bottom: 15px !important;
}
.gform_confirmation_message p{
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 150% !important;
	text-align: center !important;
	color: #4B5563 !important;
}




/* Dropdown edits 04/24 */

#masthead{
	display: flex 0 1;
	justify-content: space-between;
	padding-right: 10px !important;
	min-height: 59px;
}
#masthead .site-branding{
	flex: auto;
}
#masthead .site-branding .site-logo {
    margin: 0;
    transform: translateY(-1px);
}
#masthead .navbar-expand{
}

#masthead #main_menu .sub-menu-toggle{
	display: none;
}


#main_menu>li>.mega-menu{
	display: none;
}
#main_menu{
	position: relative;
}

#main_menu li a{
	font-family: 'Inter' !important;
    font-style: normal !important;
    color: #6B7280 !important;
    font-size: 14px !important;
    line-height: 150% !important;
    font-weight: 500 !important;
    white-space: nowrap;
    padding: 12px 15px;
    margin-left: 10px;
    text-decoration: none;
    display: inline-block;
}
#main_menu>li>a:before{}
#main_menu>li>a:hover,
#main_menu>li>a:focus,
#main_menu>li.current-menu-item>a,
#main_menu>li.current-menu-parent>a,
#main_menu>li.current-menu-ancestor>a,
#main_menu>li.current-menu-item:hover>a,
#main_menu>li.current-menu-parent:hover>a,
#main_menu>li.current-menu-ancestor:hover>a,
#main_menu>li>.mega-menu>.sub-menu>li.current-menu-item>a{
	color: #111928 !important;
}

#main_menu>li.menu-item:last-child>a {
    display: block !important;
    flex: 0 0 !important;
    color: #fff !important;
    background: #000 !important;
    line-height: 40px !important;
    padding: 0 15px !important;
    border-radius: 20px !important;
    transition: background-color .1s ease-in-out, color .1s ease-in-out !important;
    transform: translateY(2px);
}
#main_menu>li.menu-item:last-child>a:hover, 
#main_menu>li.menu-item:last-child>a:focus {
    background-color: #137AC9 !important;
    color: #fff !important;
}


#main_menu>li.menu-item-has-children>a{
	padding-right: 30px !important;
}
#main_menu>li.menu-item-has-children>a:after{
	content: "";
	background: url(assets/images/menu_expand.png)center center no-repeat;
	background-size: cover;
	height: 22px;
	width: 20px;
	margin-left: 2px;
	display: inline-block;
	position: absolute;
}
#main_menu>li.menu-item-has-children:hover>a:after{
	content: "";
	background: url(assets/images/menu_collapse.png)center center no-repeat;
	background-size: cover;
	height: 22px;
	width: 20px;
	margin-left: 2px;
	display: inline-block;
	position: absolute;
}



#main_menu>li:hover >.mega-menu{
	display: block;
	position: absolute;
	text-align: left;
	z-index: 1000;
}
#main_menu>li>.mega-menu{
	width: 304px;
	border-radius: 8px;
	border: 1px solid #F3F4F6;
	background: white;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px -1px rgba(0, 0, 0, 0.10);
}
#main_menu>li>.mega-menu>.sub-menu{
	list-style-type: none;
	padding:0;
}
#main_menu>li>.mega-menu>.sub-menu>li{}
#main_menu>li>.mega-menu>.sub-menu>li>a{
	text-transform: none !important;
	font-size: 14px !important;
	padding:3px 12px;
	display: block;
	transition: .3s ease all;
	margin:0;
}

#main_menu>li>.mega-menu>.sub-menu>li>a>.styled-menu-item{
	display: flex;
    align-items: center;
}
#main_menu>li>.mega-menu>.sub-menu>li>a>.styled-menu-item>div:last-child{
	padding: 5px 5px 5px 10px;
}
#main_menu>li>.mega-menu>.sub-menu>li>a>.styled-menu-item img{
	height: 40px;
    width: 40px;
    display: inline-block;
}

#main_menu>li>.mega-menu>.sub-menu>li>a>.styled-menu-item .styled-title{
	display: block;
	font-family: 'Inter';
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 21px !important;
    text-align: left;
    color: #111928 !important;
}
#main_menu>li>.mega-menu>.sub-menu>li>a>.styled-menu-item .styled-desc{
	font-family: 'Inter';
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    text-align: left;
    display: block;
    color: #4B5563 !important;	
}
#main_menu>li>.mega-menu>.sub-menu>li>a.styled:hover{
	background: #EBF5FF;
}
#main_menu>li>.mega-menu>.sub-menu>li:first-child>a.styled:hover{
	border-top-right-radius:7px !important;
	border-top-left-radius:7px !important;
}
#main_menu>li>.mega-menu>.sub-menu>li:last-child>a.styled:hover{
	border-bottom-right-radius:7px !important;
	border-bottom-left-radius:7px !important;
}

.sc-bdVaJa{
	display: flex !important;
	align-items: center !important;
}
/* mobile open button */
.fFcqRa {
    box-sizing: border-box;
    margin: 0;
    width: 60px;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff !important;
    background-color: #137AC9;
    margin-right: -20px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    border: 0;
    border-radius: 4px;
    text-align: center;
    line-height: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    background: transparent !important;
    border: 0;
    outline: 0;
    line-height: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.fFcqRa .bar1, .fFcqRa .bar2, .fFcqRa .bar3 {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin: 2px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

/* mobile close buttons */
.bSgQLc {
    box-sizing: border-box;
    margin: 0;
    width: 60px;
    height: 60px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    background-color: #137AC9;
    margin-right: -20px;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    font-size: inherit;
    font-weight: bold;
    border: 0;
    border-radius: 4px;
    text-align: center;
    line-height: inherit;
    -webkit-text-decoration: none;
    text-decoration: none;
    background: transparent;
    border: 0;
    outline: 0;
    line-height: 0;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.bSgQLc .bar1 {
    -webkit-transform: translate(0, 6px) rotate(135deg);
    -ms-transform: translate(0, 6px) rotate(135deg);
    transform: translate(0, 6px) rotate(135deg);
}
.bSgQLc .bar2 {
    -webkit-transform: rotate(-225deg) scaleX(0.5);
    -ms-transform: rotate(-225deg) scaleX(0.5);
    transform: rotate(-225deg) scaleX(0.5);
    opacity: 0;
}
.bSgQLc .bar3 {
    -webkit-transform: translate(0, -6px) rotate(45deg);
    -ms-transform: translate(0, -6px) rotate(45deg);
    transform: translate(0, -6px) rotate(45deg);
}
.bSgQLc .bar1, .bSgQLc .bar2, .bSgQLc .bar3 {
    display: block;
    width: 16px;
    height: 2px;
    background-color: #fff;
    margin: 2px 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}


#mobileNav{
	display: none;
	background: #000;
	color: white;
	position: absolute;
	z-index: 1000;
	top:60px;
	bottom:0;
	left:0;
	right:0;
}
#mobileNav #mobile_nav{
    box-sizing: border-box;
    margin: 0;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #000;
}
#mobileNav #mobile_nav>li{
    box-sizing: border-box;
    margin: 0;
    margin-bottom: 20px;
}
#mobileNav #mobile_nav>li>a{
    display: block;
    line-height: 27px;
    -webkit-text-decoration: none;
    text-decoration: none;
    font-size: 18px;
    -webkit-letter-spacing: 0;
    -moz-letter-spacing: 0;
    -ms-letter-spacing: 0;
    letter-spacing: 0;
    font-weight: 500;
    box-sizing: border-box;
    margin: 0;
    color: #fff;
}
/*--------------------------------------------------------------
	Media Queries Override CSS
-------------------------------------------------------------- */

/* Small devices min 576px */
@media (min-width: 576px){

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px){

}

/* Small + med devices  */
@media (min-width: 576px) and (max-width:767.98px){

}

/* Extra Small And Small devices */
@media (max-width: 767.98px){
	.skip-link{display: none !important;}
	
	.site-header {
		padding: 0px 20px !important;
		margin:0 0 0 0 !important;
		align-items: center !important;
	}
	.site-header:before{
		display: none !important;
	}
	.site-branding{
		justify-self: flex-start !important;
	}
	#site-navigation{
	}
	#site-navigation .menu-button-container{
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.menu-button-container{
		display:flex !important;
		position:relative !important;

	}
	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    position: fixed;
    transform: translateY(0) translateX(100%);
}
	.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {
    transform: translateX(0) translateY(0);
}
	.primary-navigation > .primary-menu-container {
    height: 100vh;
    z-index: 499;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid transparent;
		opacity: 1;
		    right: 0;
    bottom: 0;
    left: 0;
    padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px);
    padding-left: var(--global--spacing-unit);
    padding-right: var(--global--spacing-unit);
    padding-bottom: var(--global--spacing-horizontal);
    background-color: var(--global--color-background);
}
	.admin-bar .primary-navigation > .primary-menu-container {
    height: calc(100vh - var(--global--admin-bar--height));
}
	.primary-navigation > div > .menu-wrapper {
    padding-bottom: 100px;
}
	
	.primary-navigation .primary-menu-container > ul > .menu-item {
    display: block;
    width: 100%;
}
	
	.primary-navigation-open #primary-mobile-menu{
		margin-right:20px;
	}
	
	
	.primary-navigation-open>#simple-banner,
	.primary-navigation-open #mobileNavHolder{
		display: none !important;
	}
	body.modal-open #simple-banner{
		z-index: -1 !important;
	}
	
	.modal-dialog.modal-dialog-centered{
		margin: .5rem auto !important;
	}
	
	.primary-menu-container>ul>.menu-item>a {
		font-family: 'Inter' !important;
		font-style: normal !important;
		color: #6B7280 !important;
		font-size: 14px !important;
		line-height: 40px !important;
		font-weight: 500 !important;
		white-space: nowrap;
		padding: 0;
		margin-left: 10px;
		text-decoration: none;
	}
	
	
	.ginput_complex>span{
		display: block !important;
		margin-bottom:30px !important;
	}
	
	#masthead{
		padding-right: 20px !important;
	}
	#mobileNavHolder{
		display: inline-block;
	}
	.mobile-nav-button {
		display: inline-block !important;
		color: #fff ;
		background: #000;
		padding: 0 16px !important;
		border-radius: 20px !important;
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 500 !important;
		font-size: 13px !important;
		line-height: 40px !important;
		text-decoration: none !important;
		height: 40px !important;
	    -webkit-letter-spacing: 0.25px;
	    -moz-letter-spacing: 0.25px;
	    -ms-letter-spacing: 0.25px;
	    letter-spacing: 0.25px;
	}
	.mobile-nav-button.mobile-open{
		background: #fff !important;
		color: #000 !important;
	}
	
	


	.nav-mobile-button:hover,
	.nav-mobile-button:focus {
		background-color: #137AC9 !important;
		color: #fff !important;
	}
	
	
	#footer .footer-content{
		display: block;
		padding: 80px 0 60px 0;
	}
	#footer .footer-content>div:first-child{
		text-align: center;
	}
	#footer .footer-content>div:nth-child(3){
		text-align: center;
	}
	
	
	.page-content h1{
		font-size: 48px !important;
		font-weight: 500 !important;
		line-height: 62px !important;
		letter-spacing: -0.5px !important;
		color: #111928 !important;
	}
	.page-content p{
		font-size: 20px !important;
		font-style: normal !important;
		font-weight: 400 !important;
		line-height: 150% !important;
		color: #4B5563 !important;
	}
	
	.testimonial-block-box .testimonial p{
		font-weight: 400 !important;
		font-size: 36px !important;
		line-height: 48px !important;
		text-align: center !important;
		color: #FFFFFF !important;
		margin:0 2% !important;
	}
	
	.evencol{
		padding: 0 20px !important;
		text-align: center !important;
	}
	
	.page-content .table th{
		font-size: 16px;
	}
	.page-content .table td{
		font-size: 14px;
	}
	
	.content-row .imgcont{
		padding: 20px 25px;	
	}
	
	
	.featured-listing-holder{
		display: block;
	}
	.featured-listing-holder .featured-listing-box{
		margin: 0 auto 100px auto;
	}
	.featured-listing-holder .featured-listing-box .holder{
		margin: auto;
	}
	
	.content-row>.container>.row>.twocolblock{
		width: 100% !important;
		margin: auto !important;
		text-align: center !important;
	}
	.content-row .twocolblock .image-row-imgcol{
		width: 100% !important;
		display: block !important;
		margin: auto !important;
	}
	.content-row .twocolblock .image-row-imgcol img{
		display: block !important;
		width: 335px !important;
		height: 335px !important;
		max-width: 100% !important;
		margin:15px auto !important;
	}
	.content-row .twocolblock .imgcont{
		padding:30px 15px !important;
		max-width: 380px !important;
		text-align: center !important;
		margin: auto !important;
	}
	.content-row .twocolblock .imgcont h4{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 500 !important;
		font-size: 24px !important;
		line-height: 36px !important;
		color: #374151 !important;
	}
	.content-row .twocolblock .imgcont .image-row-content p{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 24px !important;
		color: #4B5563 !important;
	}
	.content-row .twocolblock .imgcont .image-row-content h4 p a{
		font-weight: 500 !important;
		font-size: 16px !important;
		line-height: 24px !important;
		text-decoration-line: underline !important;
		color: #111928 !important;
	}
	
	
	.full.faq>.container>.row,
	.full.faq>.container>.row>div{
		width: 100% !important;
		max-width: 980px !important;
		margin:auto !important;
	}
	.even.faq>.container>.row{
		width: 100% !important;
		max-width: 980px !important;
		margin:auto !important;
	}
	.evencol{
		padding: 0 15px !important;
	}
	.faq .evencol p{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 150% !important;
		color: #999999 !important;
	}
	.faq .evencol strong{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 150% !important;
		color: #FFFFFF !important;
		padding-bottom: 5px !important;
		display: block !important;
	}
	
	.compare-title{
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 500;
		font-size: 48px;
		line-height: 62px;
		text-align: center;
		letter-spacing: -0.5px;
		color: #000000;
		padding-bottom: 35px !important;
		
	}
	
	
	
}

@media (min-width: 768px){
	
	#primary-menu-list{
		align-items: center !important;
	}
	
	.content-row>.container>.row>.twocolblock{
		max-width: 780px !important;
		width: 100% !important;
		margin: auto !important;
	}
	.content-row>.container>.row>.twocolblock>div{
		display: flex !important;
	}
	.content-row .twocolblock .image-row-imgcol{
		flex: 0 0 380px !important;
	}
	.content-row .twocolblock .image-row-imgcol img{
		display: block !important;
		width: 380px !important;
		max-height: 380px;
	}
	.content-row .twocolblock .imgleft .imgcont{
		flex: 1;
		padding:20px 0 20px 60px;
	}
	.content-row .twocolblock .imgright .imgcont{
		flex: 1;
		padding:20px 60px 20px 0;
	}
	.content-row .twocolblock .imgcont h4{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 500 !important;
		font-size: 24px !important;
		line-height: 36px !important;
		color: #374151 !important;
	}
	.content-row .twocolblock .imgcont .image-row-content p{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 24px !important;
		color: #4B5563 !important;
	}
	.content-row .twocolblock .imgcont .image-row-content h4 p a{
		font-weight: 500 !important;
		font-size: 16px !important;
		line-height: 150% !important;
		text-decoration-line: underline !important;
		color: #111928 !important;
	}
	
	.testimonial-block-box{
		max-width: 780px !important;
		width: 100% !important;
		margin: auto !important;
	}
	.testimonial-block-box .testimonial p{
		font-family: 'DM Sans' !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 48px !important;
		line-height: 64px !important;
		text-align: center !important;
		color: #FFFFFF !important;
	}
	
	
	
	.compare-title{
		font-family: 'DM Sans';
		font-style: normal;
		font-weight: 500;
		font-size: 64px;
		line-height: 82px;
		text-align: center;
		letter-spacing: -0.5px;
		color: #111928;
		padding-bottom: 75px !important;
	}
	
	.full.faq>.container>.row,
	.full.faq>.container>.row>div{
		width: 100% !important;
		max-width: 980px !important;
		margin:auto !important;
	}
	.even.faq>.container>.row{
		width: 100% !important;
		max-width: 980px !important;
		margin:auto !important;
	}
	.evencol{
		padding: 0 15px !important;
	}
	.faq .evencol p{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 150% !important;
		color: #999999 !important;
	}
	.faq .evencol strong{
		font-family: 'Inter' !important;
		font-style: normal !important;
		font-weight: 400 !important;
		font-size: 16px !important;
		line-height: 150% !important;
		color: #FFFFFF !important;
		padding-bottom: 5px !important;
		display: block !important;
	}

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px){
	.container{
		max-width: 100% !important;
	}
}
	
@media (max-width:991.98px){

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px){

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px){

}

@media (max-width: 1199.98px){
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px){

}

@media (max-width: 1399.98px){
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1400px){
	
}

/* Base styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Layout styles */
.template-page {
    font-family: 'Inter', sans-serif !important;
}

.template-container {
    max-width: 896px;
    margin: 0 auto;
    padding: 48px 16px;
}

/* Header and content styles with updated typography */
.template-header {
    text-align: center;
    margin-bottom: 48px;
}

.template-header h1 {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 64px !important;
    font-weight: 500 !important;
    line-height: 82px !important;
    letter-spacing: -0.5px !important;
    color: #111928 !important;
    margin-bottom: 16px;
}

.template-subtitle {
    font-family: 'Inter';
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #4B5563 !important;
    max-width: 42rem;
    margin: 0 auto 24px;
}

/* Badge styles */
.template-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.template-badge {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    padding: 4px 10px;
    border-radius: 9999px;
    border: 1px solid transparent;
    transition: background-color 0.2s;
}

.template-badge-green {
    background: #F0FDF4;
    color: #15803D;
}

.template-badge-green:hover {
    background: #DCFCE7;
}

.template-badge-blue {
    background: #EFF6FF;
    color: #137AC9;
}

.template-badge-blue:hover {
    background: #137AC9;
    color: #FFFFFF;
}

.template-badge-purple {
    background: #FAF5FF;
    color: #7E22CE;
}

.template-badge-purple:hover {
    background: #F3E8FF;
}

.template-divider {
    color: #6B7280;
    font-size: 14px;
    font-family: 'Inter';
    line-height: 150%;
}

/* Grid layout */
.template-grid {
    display: grid;
    gap: 16px;
}

.template-grid-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 12px;
    transition: background-color 0.3s;
}

.template-grid-item:hover {
    background: #F9FAFB;
}

/* Icon styles */
.template-icon-wrapper {
    padding: 12px;
    border-radius: 12px;
    transition: background-color 0.3s;
}

.template-icon-wrapper i {
    width: 20px;
    height: 20px;
}

/* Background colors */
.template-yellow { background: #FEF9C3; }
.template-red { background: #FEF2F2; }
.template-blue { background: #EFF6FF; }
.template-gray { background: #F3F4F6; }
.template-orange { background: #FFF7ED; }

/* Content typography */
.template-content h3 {
    font-family: 'Inter' !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    color: #000000 !important;
    margin-bottom: 4px;
}

.template-content p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #4B5563 !important;
}

/* See all button */
.template-see-all {
    text-align: right;
    margin-top: 24px;
}

.template-see-all button {
    background: none;
    border: none;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #6B7280;
    cursor: pointer;
    transition: color 0.2s;
}

.template-see-all button:hover {
    color: #111928;
}

/* Responsive styles */
@media (max-width: 767.98px) {
    .template-header h1 {
        font-size: 48px !important;
        font-weight: 500 !important;
        line-height: 62px !important;
        letter-spacing: -0.5px !important;
    }

    .template-subtitle {
        font-size: 16px !important;
        line-height: 150% !important;
    }

    .template-container {
        padding: 24px 16px;
    }

    .template-grid-item {
        padding: 12px;
    }
}