/*
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
*/

/* Set here the basic colors/styling */
:root {
	--white: #fff;
    --black: #000;
    --primary-color: #22415E;
	--secondary-color: #F8F8F8;
	--detail-color: #6e7072;
	--border-color: #fff420;
	--green-color: #26B883;
	--cta-color: #1f9935;
}

/* Styling header -> always start with: #header */
#wrapper .cta-button span:after {
	display: inline-block;
	font-family: 'Font Awesome 5 Free' !important;
	font-size: 20px;
	margin-left: 10px;
	content: '\f30b';
	text-align: center;
	float: right;
	font-weight: 900;
	margin-top: -3px;
	color: var(--white);
	background-color: var(--cta-color);
    padding: 0px 10px;
}

#wrapper .cta-color .menu-text {
        background: #1f9935;
    padding: 10px;
    color: #fff;
    border-radius: 2px;
}

#wrapper .cta-color .menu-text:hover {
    opacity:0.8;
}

#wrapper .fusion-logo img {
	height: 165px !important;
}

#wrapper .fusion-header {
	background-color: var(--secondary-color);
}

.fusion-standard-logo {
	height:165px;
}

/* Styling homepage */
#main .header-container .header-main-title strong {
	color: var(--primary-color);
	text-decoration: none;
}

#main .header-container .header-main-title, #main .header-container .second-title,
#main .header-container .text-banner-usp li {
	text-shadow: rgba(0,0,0,.5) 1px 1px 1px;
}

#main .header-container .second-title {
	border-bottom: 3px solid var(--border-color);
	max-width: fit-content;
}

#main .header-container .text-banner-usp p, #main .header-container .text-banner-usp ul,
#main .header-container .text-banner-usp li {
	color: var(--white);
}

#main .header-container .text-banner-usp ul {
	list-style: none;
	padding: 0;
}

#main .header-container .text-banner-usp li {
	padding: 0;
    width: 100%;
    float: left;
	padding-bottom: 5px;
}

#main .header-container h1 {
	line-height: 1.1;
}

#main .header-container .text-banner-usp li:before {
	display: inline-block;
    margin: -1px 5px 0 0;
    font-family: 'Font Awesome 5 Free' !important;
    font-size: 16px;
    color: var(--border-color);
    content: '\f005';
    text-align: center;
    float: left;
    font-weight: 900;
}

/* Services */
#main .border-title h2 {
	border-bottom: 3px solid var(--green-color);
	max-width: fit-content;
}

#main .title-bold strong {
	color: var(--detail-color);
}

#main .service-item .image-service-item img {
	width: 45px;
	height: 45px;
}

#main .service-item h2 {
	border-bottom: 3px solid var(--primary-color);
    max-width: fit-content;
}

#main .service-item {
	font-size: 14px;
}

#main .service-item:hover {
	background-color: var(--primary-color);
	-webkit-transition: background-color 0.6s ease-out;
 	-moz-transition: background-color 0.6s ease-out;
 	-o-transition: background-color 0.6s ease-out;
 	transition: background-color 0.6s ease-out;
}

/* if hover then this */
#main .service-item:hover h2 {
	border-bottom: 3px solid var(--white);
}

#main .service-item:hover h2, #main .service-item:hover p {
	color: var(--white);
}

#main .image-text-content-container .nested-right {
	margin-left: 5%;
	display: block;
}

#main .image-text-content-container .nested-left {
	margin-left: -4%;
    width: 40% !important;
}

#main .image-text-content-container .nested-left .video-wrapper{
	z-index: 1;
}

#main .fusion-image-carousel {
	margin-bottom: 0;
}

#main .nested-images .fusion-image-carousel {
	filter: grayscale();
}

#main .nested-images .fusion-image-carousel img {
	height: 80px;
}

#main .fusion-carousel-wrapper{
	padding: 20px 0 0 0;
}

#main .fusion-body blockquote, #main .post-content blockquote, #main .review blockquote q {
    background-color: var(--secondary-color);
    margin: 0;
    border-width: 2px;
	border-color: var(--primary-color) !important;
}

#main .company-logo-container .fusion-image-carousel {
	filter: grayscale();
}

#main .company-logo-container .fusion-image-carousel img {
	height: 40px;
}
/* End - homepage */

/* Subpage */
/* Banner */
#main .sub-header-container .header-main-title strong {
	color: var(--border-color);
}

#main .sub-header-container .second-title {
	border-bottom: 3px solid var(--border-color);
	max-width: fit-content;
}

#main .sub-header-container .text-banner-usp p, #main .sub-header-container .text-banner-usp ul,
#main .sub-header-container .text-banner-usp li {
	color: var(--white);
}

#main .sub-header-container .text-banner-usp ul {
	list-style: none;
	padding: 0;
}

#main .sub-header-container .text-banner-usp li {
	padding: 0;
    width: 100%;
    float: left;
	padding-bottom: 5px;
}

#main .sub-header-container h1 {
	line-height: 0.9;
}

#main .sub-header-container .text-banner-usp li:before {
	display: inline-block;
    margin: -1px 5px 0 0;
    font-family: 'Font Awesome 5 Free' !important;
    font-size: 16px;
    color: var(--border-color);
    content: '\f005';
    text-align: center;
    float: left;
    font-weight: 900;
}
/* End - banner */
/* Text icon */
#main .icon-box .icon-single::before {
	float: left !important;
    color: var(--primary-color) !important;
}

/* End - text icon */

/* Text container */
#main .fusion-text a {
	font-weight: bold;
}

#main .fusion-text a:hover {
	text-decoration: underline;
}
/* End - text container */

/* Video container */
#main .title-bold-yellow h2 strong {
	color: var(--border-color);
}

#main .video-container h2, #main .video-container h3, #main .video-container p {
	color: var(--white);
}

#main .click-video-right .video-lightbox {
	text-align: center;
}

#main .click-video-right .video-lightbox img {
	height: 100px;
}

#main .click-video-right .video-lightbox img:hover {
	transform: scale(1.1);
	transition: all .2s ease-in-out;
}

#main .click-svg-button img {
	width: 30px;
}

#main .click-svg-button {
	margin-top: -20%;
	margin-left: 25%;
}
/* End - subpage */



/* Styling footer -> always start with #wrapper .fusion-footer */
#wrapper .fusion-footer, #wrapper .fusion-footer h2, #wrapper .fusion-footer p, #wrapper .fusion-footer li,
#wrapper .fusion-footer ul, #wrapper .fusion-footer a {
	color: var(--white);
}

#wrapper .fusion-footer a:hover {
	text-decoration: underline;
}

#wrapper .fusion-footer .footer-bottom ul {
	list-style: none;
	padding: 0;
}

#wrapper .fusion-footer .footer-bottom li {
	padding-left: 0;
    width: 100%;
    float: left;
}

#wrapper .fusion-footer .footer-bottom li:before {
    display: inline-block;
    margin: -2px 5px 0 0;
    font-family: 'Font Awesome 5 Brands';
    font-size: 22px;
    color: #fff;
    content: '\f232';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#wrapper .fusion-footer .arround-icon-mail li:before {
	display: inline-block;
    margin: -2px 5px 0 0;
    font-family: 'Font Awesome 5 Free' !important;
    font-size: 22px;
    color: #fff;
    content: '\f0e0';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#wrapper .fusion-footer .social li:before {
	display: inline-block;
    margin: -2px 5px 0 0;
    font-family: 'Font Awesome 5 Brands';
    font-size: 22px;
    color: #fff;
    content: '\f39e';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#wrapper .fusion-footer .social li+li:before {
    content: '\f16d';
}

#wrapper .title-bold strong {
	color: var(--detail-color);
}

#wrapper .footer-form .gform_wrapper form {
	display: flex;
}

#wrapper .footer-form .gform_footer {
	width: 36%;
}

#wrapper .footer-form .gform_wrapper .gform_footer {
	margin-top: 31px;
}

#wrapper .footer-form .gform_footer input[type=submit] {
	font-size: 13px;
    padding: 7px 20px;
}

#wrapper .title-bold-yellow strong {
	color: var(--border-color);
}

#wrapper .footer-form .gfield_required {
	display: none;
}

/* Gravity */
.gform_wrapper .button, .gform_wrapper .gform_button {
	background-color: var(--cta-color) !important;
}

#wrapper .gform_wrapper {
	margin: 0;
}


@media screen and (max-width:600px) {
	#main .header-container h1 {
		font-size: 24px !important;
	}

	.fusion-layout-column .fusion-column-wrapper, .fusion-fullwidth  {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.fusion-body .fusion-builder-column-12 {
		margin-top: 40px;
	}

	#wrapper .footer-form .gform_wrapper form {
		display: block !important;
	}

	#wrapper .footer-form .gform_footer {
		width: 100%;
	}
}