/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain: Avada
*/

@import url("./css/main.css");
@import url("./css/fonts/ibm_plex_mono/stylesheet.css");

.video-shortcode iframe {
    max-width: 100%;
}

.z-1000 {
	z-index: 1000 !important;
}
.d-flex {
	display: flex !important;
} 
.align-item-center {
	align-items: center !important;
}
.justify-content-center {
	justify-content: center !important;
}

.width-100 .fusion-fullwidth, 
.width-100 .nonhundred-percent-fullwidth {
	margin-top: -2px !important;
}
.extend-col-img img {
    width: 50vw;
}

.fusion-image-carousel.icon-slider {
    margin-bottom: 0 !important;
}
.icon-slider__overlay.fusion-image-carousel.icon-slider:before {
    background: linear-gradient(90deg, #F6F7F8 0%, rgba(246, 247, 248, 0.00) 10.1%, rgba(246, 247, 248, 0.70) 90.28%, #F6F7F8 100%);
    content: '';
    display: block;
    z-index: 1000;
    width: 100%;
    height: 100%;
    position: absolute;
}

.fusion-image-carousel.icon-slider .fusion-image-wrapper {
    border: unset;
}

.fusion-image-carousel.icon-slider .fusion-image-wrapper img {
    max-height: 60px;
    filter: grayscale(100%) brightness(1.1);
}

@media (max-width: 768px) {
	.fusion-image-carousel.icon-slider .fusion-image-wrapper img {
		max-height: 14px !important;
	}

	.icon-slider ul.fusion-carousel-holder {
		width: 100% !important;
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: space-between !important;
		gap: 13px !important;
	}

	.fusion-image-carousel.icon-slider li.fusion-carousel-item {
		width: auto !important;
		margin-left: 0 !important;
	}
}

body #content .text-quote blockquote p, 
.text-quote blockquote p {
    color: #01071F !important;
    font-style: normal !important;
}

body #content .text-quote blockquote h3 {
    margin-top: 0;
    color: #001C99 !important;
}

body #content .text-quote blockquote {
    border-color: #D4D8DE !important;
    background: none;
	margin-left: 0 !important;
    padding-top: 0;
    padding-bottom: 0;
    color: #01071F;
}

.text-bubble-wrapper .fusion-column-wrapper {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center;
    gap: 16px;
}

.text-bubble {
	/* border: 1px solid; */
	/* border-image-source: linear-gradient(57.37deg, rgba(251, 252, 255, 0.6) 0%, rgba(251, 252, 255, 0) 32.96%);
	background-color: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(20px); */
	/* border-radius: 12px 12px 12px 0; */
	/* border: 1px solid rgba(251, 252, 255, 0.60); */
	/* background: rgba(255, 255, 255, 0.10);
	backdrop-filter: blur(10px);
	border-width: 1px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px; */
}

.text-bubble {
	padding: 20px;
	--angle:0deg;
	--edge-hi:rgba(140,170,255,.55);   /* bright top edge */
    --edge-lo:rgba(140,170,255,.06);   /* fades out toward bottom */
	--bg-1:#050c2e;
    --bg-2:#0a1a5c;
    --card:#0d1440;
    --card-2:#111a52;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
    border:1.5px solid transparent;
    /* border-radius:var(--radius); */
    background:
      linear-gradient(var(--card),var(--card-2)) padding-box,
      conic-gradient(from var(--angle),
        var(--edge-lo),
        var(--edge-hi) 20%,
        var(--edge-lo) 40%,
        var(--edge-lo)) border-box;
}

.text-bubble-wrapper .name, 
.text-bubble-wrapper .title {
	margin-bottom: 0 !important;
}
.text-bubble-wrapper .name{ 
	color: #fff;
}
.text-bubble-wrapper .title{ 
	color: rgba(255,255,255,0.6);
	font-weight: 400;
	text-transform: uppercase;
	font-family: var(--awb-custom_typography_3-font-family);
}

body .fusion-checklist a {
	font-weight: 700;
}

body .fusion-checklist a,
body .fusion-text a {
    color: #002fff;
}

body .fusion-checklist a:active,
body .fusion-checklist a:focus,
body .fusion-checklist a:hover,
body .fusion-text a:active,
body .fusion-text a:focus,
body .fusion-text a:hover {
    color: #01071f;
	text-decoration: underline;
}

#features-table {
	width: 100% !important;
	overflow-x: auto !important;
}
body #register-iframe {
    width: 100% !important;
    min-width: unset !important;
}

.highlight-blue em {
	font-style: normal !important;
	color: #002FFF !important;
}

.dot-title p:before {
    content: '';
    background-color: #002FFF;
    width: 8px;
    height: 8px;
	flex-shrink: 0;
	margin-top: 5px;
}

.dot-title p {
    display: inline-flex;
    gap: 8px;
    align-items: flex-start;
	font-family: "IBM Plex Mono", monospace;
}
.ai-banner .parallax-inner:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(./icons/ai-page-hero.svg) no-repeat right center;
    z-index: 1000;
    position: absolute;
    bottom: 0;
    left: 0;
    background-size: 50%;
}

@media (max-width: 1024px) {
	.ai-banner .parallax-inner:after {
		background-size: 100%;
	}
}
.content-free-tool .fusion-checklist .fusion-li-item-content a {
    font-family: 'IBM Plex Mono';
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
	text-transform: uppercase;
}

.content-free-tool .fusion-checklist .icon-wrapper:before {
    content: '';
    background: url('./icons/Plus.svg') no-repeat center center;
    display: block;
    position: relative;
    width: 16px;
    height: 16px;
}

.content-free-tool ul.fusion-checklist .icon-wrapper i {
    display: none;
}

body #wrapper #main .post-content .content-free-tool h2,
body #wrapper #main .post-content .content-free-tool h3 {
	font-weight: 500 !important;
	font-family: "Manrope" !important;
	color: #000933 !important;
}

body #wrapper #main .post-content .content-free-tool .fusion-text, 
body #wrapper #main .post-content .content-free-tool .fusion-text * {
	font-size: 16px !important;
	line-height: 1.5 !important;
	font-weight: 400 !important;
	color: #636B75 !important;
}
body #wrapper #main .post-content .content-free-tool .fusion-text a {
    color: #002fff !important;
}

body #wrapper #main .post-content .content-free-tool .fusion-text a:active,
body #wrapper #main .post-content .content-free-tool .fusion-text a:focus,
body #wrapper #main .post-content .content-free-tool .fusion-text a:hover {
    color: #01071f !important;
	text-decoration: underline;
}

.fusion-body .fusion-button {
    display: inline-flex;
    align-items: center;
}

.plan-wrapper .fusion-column-wrapper {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
	justify-content: flex-end !important;
    /* align-content: flex-start !important; */
    align-items: flex-start !important;
    /* gap: 16px; */
}

.plan-wrapper .fusion-column-wrapper > div:first-child {
    display: inline-block;
    float: left;
    width: 40px;
    margin-right: 16px;
    align-self: flex-start;
    height: 40px;
}
.plan-wrapper .fusion-column-wrapper > div:not(:first-child) {
    width: calc(100% - 60px);
    align-self: center;
}

.plan-wrapper .fusion-column-wrapper > div:last-child p {
	margin-bottom: 0 !important;
}

body.single-product #main,
body.page-template-100-width-dark-header #main,
#main.width-100 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
body.single-product #main .fusion-row,
body.page-template-100-width-dark-header #main .fusion-row {
	max-width: 100%;
}

body.single-product #main .fusion-fullwidth, 
body.single-product #main .nonhundred-percent-fullwidth,
body.page-template-100-width-dark-header #main .fusion-fullwidth, 
body.page-template-100-width-dark-header #main .nonhundred-percent-fullwidth {
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

body.page-template-100-width-dark-header #main .fusion-fullwidth.free-tool-code {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* HERO SECTION */
body:not(.fusion-builder-live) .section-hero .fusion-builder-row:after {
    content: '' !important;
    display: block !important; 
    width: 100vw;
    height: 50%;
    background: #F6F7F8;
    z-index: 1000;
    position: absolute;
    bottom: -80px;
    opacity: 1 !important;
    left: calc(50% - 50vw);
    /* transform: translateX(50%); */
}

/* 
.float-left {
	float: left !important;
} */

.col-testimonial .fusion-imageframe {
	width: 40px;
    float: left;
    height: 100%;
	margin-right: 16px;
}

.col-testimonial .fusion-title {
    margin: 0 !important;
}

@media (max-width: 500px) {
	.col-testimonial .fusion-column-wrapper {
		padding: 13px 15px !important;
	}

	.col-testimonial .fusion-imageframe {
		width: 20px;
		margin-right: 8px;
	}
	
	.col-testimonial .fusion-title.fusion-sep-none * {
		font-size: 12px !important;
	}
	.col-testimonial .fusion-text * {
		font-size: 8px !important;
	}
}

/* BLOG 
	Moved under single.php
*/

/* MOBILE MENU */

#sky-mob-menu .sky-mob-menu-item {
	color: #a0a0a0;
	font-weight: 200;
	padding: 2px 27px;
	font-size: 0.933em;
}

#sky-mob-menu .sky-mob-menu-item.main {
	color: white;
	font-size: 1.1533em;
	padding: 4px 17px;
}

#sky-mob-menu .sky-mob-menu-item.sml.centered {
	font-size: 0.95em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 10px;
}

#blog-action-bar {
    background: #145da0 !important;
    margin-left: 20px;
    width: 350px !important;
    padding: 15px;
    box-shadow: 0.1px 0.1px 0.1px 0.2px #888888;
	border-radius: 5px; 
    color: white;
}

#blog-action-bar .action-button {
    background: white;
    border-color: #2185d0;
    border-radius: 5px;
    color: #2185d0 !important;
    margin: 5px 0px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    cursor: pointer;
    border-width: 0px;
    font-weight: 100;
}

.sky-mob-value-button {
	margin-left: 12px;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 12px;
	background-color: 	#2185d0;
	border: none;
	color: white;
	padding: 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 5px;
	width: 90%;
}

.sky-mob-login-button {
	margin-left: 12px;
	margin-right: auto;
	margin-top: 12px;
	margin-bottom: 0px;
	background-color: 	#d8d8d8;
	border: none;
	color: white;
	padding: 7px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 5px;
	width: 90%;
}

#sky-mob-menu .header {
    display: flex;
    justify-content: space-between;
}

#sky-mob-menu .close-menu {
	color: white;
	align-items: center;
}

#sky-mob-menu {
	line-height: 1.4285em;
	color: rgba(0, 0, 0, .87);
	box-sizing: inherit;
	font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: 400;
	min-height: 2.85714286em;
	font-size: 1rem;
	position: fixed;
	top: 0;
	backface-visibility: hidden;
	will-change: transform;
	height: 100%!important;
	max-height: 100%;
	border-radius: 0!important;
	margin: 0!important;
	overflow-y: auto!important;
	display: none;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	flex-direction: column;
	border: 0 solid transparent;
	background: #1b1c1d;
	right: auto;
	left: 0;
	visibility: visible;
	width: 260px;
	z-index: 9999999999;
	box-shadow: 0 0 20px rgba(34, 36, 38, .15);
	transform: translate3d(0, 0, 0);
	transition: transform .5s ease, -webkit-transform .5s ease;
}

#sky-mob-menu .fusion-no-lightbox {
	display: inline-flex;
	width: 48%;
}

/* --- FOOTER ---- */
.footer-list a {
    color: inherit !important;
}

#copyright {
	background-color: #131923;
}

#copyright .container {
	width: 85%;
}

#copyright .copyright-text {
	width: 70%;
	display: inline;
	padding: 30px 0px;
	float: left;
	color: white;
	font-size: 14px;
	font-weight: 400;
}

#copyright .translation-selector-label {
	color: white;
	font-size: 14px;
	font-weight: 400;
}

#copyright .transposh-container {
	width: 30%;
	display: inline;
	float: right;
	text-align: end;
	padding: 30px 0px
}

#copyright .transposh-container select {
	height: 30px;
	margin-left: 10px;
	width: 120px;
	color: #555;
	font-size: 12px;
	border: none;
	padding-left: 10px;
}

#tr_credit {
	display: none;
}

.fusion-footer .wpcf7-form label {
    display: flex;
}

.fusion-footer .wpcf7-form label .wpcf7-submit {
	width: 40%;
	padding-left: 5px;
	padding-right: 5px;
	--button-border-radius-bottom-left: 0px;
    --button-border-radius-top-left: 0px;
}

.fusion-footer .wpcf7-form .wpcf7-spinner {
	display: none;
}

.fusion-footer .wpcf7-form .wpcf7-email {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.transposh-container {
    gap: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;

	--form_focus_border_color: #002FFF !important;
}

.transposh-container select {
    background: #000;
    color: #E6ECFD !important;
    font-size: 16px;
    line-height: 1em;
    padding: 5px 12px;
    max-width: 120px;
    max-height: 40px;
    border-color: #C5CEE6 !important;
}

@media all and (max-width: 768px) {
	
	#copyright .transposh-container {
		width: 100%;
		display: block;
		float: none;
		padding: 15px 15px;
		text-align: center;
	}

	#copyright .copyright-text {
		width: 80%;
		display: block;
		padding: 15px 0px;
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

}

@media all and (max-width: 1024px) {
	.fusion-header-v1  {
		display: none;
	}

	.fusion-header-wrapper {
		height: 50px;
	}
		
	.translate-dropdown-shortcode .transposh-container {
		width: 100%;
		justify-content: space-between;
	}

	.translate-dropdown-shortcode {
		width: 100% !important;
	}

}