/* 
Theme Name: FA 4.0
Theme URI: https://github.com/elementor/hello-theme/
Description: FA 4.0 is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://fadv.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


body {
	font-family: 'Roboto', Arial, sans-serif;
}

/* Ensure *all* headings inherit Elementor Kit styles */
h1,h2,h3,h4,h5,h6 {
	color: var( --e-global-color-primary );
  font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}

/* Remove bottom margin on last <p> in each element */
p:last-child {
  margin-bottom: 0;
}

/* Improve contrast for Text in CTAs with light shadow */
.elementor-button span {
    text-shadow: 0px 1px 4px rgb(0 0 0 / 20%);
}


/* Align Icon List icons to the top versus center of the line especially for long titles */
.elementor-widget .elementor-icon-list-item{
    align-items: start !important;
}

.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon {
    margin-top: 6px;
}

/* Links in Icon List item are dispaly flex so don't need margin so reset */
.elementor-widget.elementor-widget-icon-list a .elementor-icon-list-icon {
    margin-top: 0;
}



.fa-tab-img {
	width: 30%;
}

.fa-tab-content {
	width: 70%;
}


/* Horizontal Tab Styles */

.elementor-tabs-view-horizontal .elementor-tabs-content-wrapper {
    border-radius: 10px;
}

.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
	border-radius: 7px 7px 0 0 !important;
}


/* Vertical Tab Styles */


.elementor-tabs-view-vertical .elementor-tabs {
	  padding: 30px;
    background: #fff;
    border-radius: 10px;
}

.elementor-tabs-view-vertical .elementor-tabs-wrapper {
    padding: 20px 20px 20px 0;
    background: #fff;
    border-radius: 10px 0 0 10px;
    border-right: 2px solid #42B1E4;
}


.elementor-tabs-view-vertical .elementor-tab-title.elementor-active, 
.elementor-tabs-view-vertical .elementor-tab-title.elementor-active a {
	background: #F1F4FA !important;

}

.elementor-tabs-view-vertical .elementor-tab-desktop-title {
	transition: .3s ease all;
	margin: 3px 0;
	border-radius: 3px;
}

.elementor-tabs-view-vertical .elementor-tab-desktop-title:hover {
	background: #F1F4FA;
}

/*
.elementor-tabs-view-vertical .elementor-tab-content {
    padding: 20px 40px !important;
}
*/



.fa-icon-carousel {
	text-align: center;
	max-width: 100%;
	margin: auto;
	overflow: hidden;
}

.fa-icon-carousel .swiper-button-next {
	right: -30px;
}

.fa-icon-carousel .swiper-button-prev {
	left: -30px;
}

.fa-service-block {
	padding: 10px 15px;
	font-size: 14px;
	color: #575757;
	text-align: center;
	vertical-align: top;
	width: 20%;
  display: inline-block;
}

.fa-service-block .icon-wrap {
	display: block;
	max-width: 90%;
	background: #fff;
	margin: auto;
	border-radius: 50%;
	/*padding: 40px;*/
	padding: 20%;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	border: 4px solid #fff;
	transition: .3s ease all;
}

.fa-service-block .icon-wrap img {
	width: 100%;
	border-radius: 0;
}

.fa-service-block h5 {
	margin: 20px 0 0;
}


.fa-icon-carousel  a:hover .icon-wrap {
	border-color: #0071CE;
}

.fa-icon-carousel  a:hover h5 {
	color: #0071CE;
}

.fa-icon-carousel .swiper-wrapper {
	margin-bottom: 20px;
}

.fa-icon-carousel .swiper-pagination {
	bottom: -40px;
}

.fa-icon-carousel .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	background: #555;
}

.fa-icon-carousel .swiper-button-next, 
.fa-icon-carousel .swiper-button-prev {
	color: #F18A00;
	background: none;
}



/* FA Icon Menus */

/* Looks and works great! Just leaving a copy here as I refactor to make a ICON and Non-ICON version
.fa-icon-menu {
	list-style: none;
	padding: 0;
	font-size: 1.4em;
}

.fa-icon-menu li a {
	padding: 6px 10px;
	display: flex;
	align-items: center;
	color: #222;
	transition: .3s ease all;
	font-size: 1em;
	margin: 0 0 3px 0;
	border-radius: 3px;
}

.fa-icon-menu li a:hover {
	background-color: var( --e-global-color-efd6b62 );
	color: #0071CE;
}

.fa-icon-menu .menu-icon {
	width: 32px;
	padding: 6px;
	text-align: center;
	display: flex;
	background: #fff;
	margin: 0 8px 0 0;
	border-radius: 20px;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
}

.fa-icon-menu .menu-icon img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 0;
}
*/



.fa-nav-menu {
	list-style: none;
	padding: 0;
	font-size: 1.4em;
}

.fa-nav-menu li a {
	padding: 6px 10px;
	display: flex;
	align-items: center;
	color: #222;
	transition: .3s ease all;
	font-size: 1em;
	margin: 0 0 3px 0;
	border-radius: 3px;
	line-height: 1.3em;
}

.fa-nav-menu li a:hover {
	background-color: var( --e-global-color-efd6b62 );
	color: #0071CE;
}

.fa-nav-menu .menu-icon {
	width: 32px;
	padding: 6px;
	text-align: center;
	display: flex;
	background: #fff;
	margin: 0 8px 0 0;
	border-radius: 20px;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
}

.fa-nav-menu .menu-icon img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 0;
}



.fa-color-stripe-wrap {
	width: 100%;
}

.fa-color-stripe {
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 4px;
}

.fa-color-stripe.orange {
	background: #F18A00;
}

.fa-color-stripe.blue {
	background: #0071CE;
}

.fa-color-stripe.navy {
	background: #002F87;
}


.gated-content.gated-webinar {
	display: none;
}