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

/******************* GENERAL *******************/

.cf-highlight {
	color: var(--awb-color6) !important;
}

.fusion-button-text, input[type="submit"] {
	font-weight: 700 !important;
}

.grecaptcha-badge {
    visibility: hidden;
}

/******************* HEADER *******************/ 

.menu-item:hover > a {
	background-color: var(--awb-color3) !important;
}

.menu-item .menu-text {
	transition: color 0.2s !important;
}

.menu-item:hover .menu-text {
	color: var(--awb-color6) !important;
}

@media(max-width: 1024px) {
	#cf-header-logo {
		max-width: 150px !important;
	}
}

/******************* TITLE BAR *******************/

.fusion-breadcrumb-link {
	font-weight: 700 !important;
}

/******************* HOME *******************/ 

#cf-home-hero .fusion-video {
	line-height: 1 !important;
}

#cf-home-clients .fusion-carousel-nav button {
	border-radius: 50% !important;
	background-color: transparent !important;
	transition: background-color 0.2s;
}

#cf-home-clients .fusion-carousel-nav button:hover {
	background-color: var(--awb-color6) !important;
}

#cf-home-clients .fusion-nav-prev:before, #cf-home-clients .fusion-nav-next:before {
	font-size: calc(var(--slider_arrow_size) * 2) !important;
}

#cf-home-contact i {
	color: var(--awb-color1) !important;
	background-color: var(--awb-color4) !important;
	padding: 10px;
	border-radius: 50%;
}

@media(max-width: 520px) {
	#cf-home-contact .fusion-text {
		font-size: 4.615vw !important;
	}
}

/******************* CONTACT FORM *******************/ 

.wpcf7 p {
	margin-bottom: 0 !important;
}

.wpcf7 br {
	display: none !important;
}

.wpcf7-form-control-wrap {
	display: block !important;
	margin-bottom: 20px;
}

.wpcf7-form-control-wrap > * {
	background-color: var(--awb-color5) !important;
	outline: 2px solid var(--awb-color5) !important;
	border-width: 0 !important;
	transition: outline-color 0.2s;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	line-height: 1.5em !important;
	height: auto !important;
}

.wpcf7-form-control-wrap textarea {
	height: 150px !important;
}

.wpcf7-form-control-wrap > *:focus {
	outline-color: var(--awb-color8) !important;
}

.wpcf7 input[type="submit"] {
	position: relative !important;
	left: 50%;
	transform: translateX(-50%);
}

/******************* SERVICES *******************/ 

.cf-service .fusion-column-wrapper .fusion-title {
	margin-bottom: 20px !important;
}

.cf-service h3 {
	transition: color 0.3s !important;
}

.cf-service-icon > .fusion-column-wrapper {
	transition: outline 0.3s !important;
}

.cf-service:hover h3 {
	color: var(--awb-color6) !important;
}

.cf-service-icon > .fusion-column-wrapper {
	outline-offset: 4px;
}

.cf-service:hover .cf-service-icon > .fusion-column-wrapper {
	outline: 3px solid var(--awb-color6) !important;
}

/******************* PORTFOLIO *******************/ 

.cf-portfolio {
	display: flex;
	flex-wrap: wrap;
}

.cf-portfolio-item {
	width: 25%;
	height: calc(25vw * (2/3));
	background-size: cover !important;
	background-position: center center !important;
	position: relative;
}

.cf-portfolio-item-title {
	position: absolute;
	bottom: 0;
	font-size: 22px !important;
	margin-left: 30px;
	margin-bottom: 30px;
}

.cf-portfolio-item-rollover {
	width: 100%;
	height: calc(25vw * (2/3));
	position: absolute;
	top: 0;
	transition: background-color 0.2s;
	justify-content: center;
	align-items: center;
	display: flex;
}

.cf-portfolio-item-rollover i {
	font-size: 40px;
	color: white !important;
	opacity: 0;
	transition: opacity 0.2s;
}

.cf-portfolio-item:hover .cf-portfolio-item-rollover {
	background-color: rgba(0, 0, 0, 0.7) !important;
}

.cf-portfolio-item:hover .cf-portfolio-item-rollover i {
	opacity: 1;
}

@media(max-width: 1024px) {
	.cf-portfolio-item {
		width: 50%;
		height: calc(50vw * (2/3));
	}
	
	.cf-portfolio-item-rollover {
		height: calc(50vw * (2/3));
	}
}

@media(max-width: 640px) {
	.cf-portfolio-item {
		width: 100%;
		height: calc(100vw * (2/3));
	}
	
	.cf-portfolio-item-rollover {
		height: calc(100vw * (2/3));
	}
}

.single-avada_portfolio #main {
	padding-top: 80px !important;
	padding-bottom: 30px !important;
}

.single-avada_portfolio iframe {
	height: 500px !important;
	width: 100% !important;
}

/******************* FOOTER *******************/

.fusion-tb-footer p {
	margin: 0 !important;
}

#cf-footer-socmed {
	text-align: right;
	font-size: 18px;
	line-height: 0 !important;
}

#cf-footer-socmed a {
	width: 30px;
	height: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	transition: background-color 0.2s;
}

#cf-footer-socmed a:hover {
	background-color: var(--awb-color6) !important;
}

#cf-footer-socmed i {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

@media(max-width: 1024px) {
	#cf-footer-socmed {
		text-align: center;
	}
}

/******************* 404 *******************/

.error404 #main {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.fusion-error-page-search {
	display: none !important;
}