/*-------------------------------------------------------
Theme Name: fadisonenergy Child Theme
Theme URI: https://fadisonenergy.com/
Description: A child theme template for Divi
Author: Divi Cake
Author URI: https://fadisonenergy.com/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/


/*==============================
=            Navbar            =
==============================*/

#top-header #et-info {
  float: right;
  display: inline-flex !important;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	#top-header #et-info {
		flex-wrap: wrap;
		justify-content: center;
	}
}
#top-header #et-info span::before {
  color: rgba(0, 0, 0, 0.2) !important;
  width: 17px;
  height: 17px;
  display: inline-block;
  margin-right: 8px;
}
#top-header #et-info #et-info-phone {
  order: 2;
  margin-left: 30px;
}
#top-header #et-info span {
  /*font-size: 16px;*/
}
@media screen and (max-width: 767px) {
	#top-header #et-info span {
	  font-size: 12px;
	}
}


#top-menu > li > a {
  /*padding: 59px 24px !important;*/
  padding: 45px 15px !important;
  border-bottom: solid 7px transparent;
}
#top-menu > li.fe-btn-contact > a {
  padding: 15px 24px 15px !important;
  border-radius: 26px;
  background-color: rgb(206, 0, 0);
  /*font-size: 14px !important;*/
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: rgb(255, 255, 255) !important;
  text-transform: uppercase;
  border-bottom: solid 0px transparent;
}
.et-fixed-header #top-menu > li > a{
	padding: 25px 15px !important;
}
.et-fixed-header #top-menu > li.fe-btn-contact > a {
  padding: 15px 24px 15px !important;
}
#top-menu > li.current_page_item > a {
  border-bottom-color: rgb(206, 0, 0);
  background-color: rgba(206, 0, 0, 0.05);
}

@media screen and (min-width: 768px) {
	#et-top-navigation {
	  padding-top: 0px !important;
	}
}

@media screen and (max-width: 767px) {
	#logo {
		max-height: 88%;
	}
}

/*=====  End of Navbar  ======*/

/*============================
=            Home            =
============================*/
.fe-home-banner .header-content-container {
  position: relative;
}
.fe-home-banner .header-content-container::before {
  content: '';
  /*width: 559px;
  height: 559px;*/
  width: 489px;
  height: 499px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 288 288'%3E%3ClinearGradient id='PSgrad_0' x1='70.711%25' x2='0%25' y1='70.711%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='rgb(115,2,2)' stop-opacity='1' /%3E%3Cstop offset='100%25' stop-color='red' stop-opacity='1' /%3E%3C/linearGradient%3E%3Cpath fill='url(%23PSgrad_0)'%3E%3Canimate repeatCount='indefinite' attributeName='d' dur='25s' values='M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45 c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2 c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7 c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z; M51,171.3c-6.1-17.7-15.3-17.2-20.7-32c-8-21.9,0.7-54.6,20.7-67.1c19.5-12.3,32.8,5.5,67.7-3.4C145.2,62,145,49.9,173,43.4 c12-2.8,41.4-9.6,60.2,6.6c19,16.4,16.7,47.5,16,57.7c-1.7,22.8-10.3,25.5-9.4,46.4c1,22.5,11.2,25.8,9.1,42.6 c-2.2,17.6-16.3,37.5-33.5,40.8c-22,4.1-29.4-22.4-54.9-22.6c-31-0.2-40.8,39-68.3,35.7c-17.3-2-32.2-19.8-37.3-34.8 C48.9,198.6,57.8,191,51,171.3z; M37.5,186c-12.1-10.5-11.8-32.3-7.2-46.7c4.8-15,13.1-17.8,30.1-36.7C91,68.8,83.5,56.7,103.4,45 c22.2-13.1,51.1-9.5,69.6-1.6c18.1,7.8,15.7,15.3,43.3,33.2c28.8,18.8,37.2,14.3,46.7,27.9c15.6,22.3,6.4,53.3,4.4,60.2 c-3.3,11.2-7.1,23.9-18.5,32c-16.3,11.5-29.5,0.7-48.6,11c-16.2,8.7-12.6,19.7-28.2,33.2c-22.7,19.7-63.8,25.7-79.9,9.7 c-15.2-15.1,0.3-41.7-16.6-54.9C63,186,49.7,196.7,37.5,186z	'/%3E%3C/path%3E%3C/svg%3E");
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  transform: skew(12deg, -12deg) scaleX(1.8) scaleY(-0.9) translateY(12rem) translateX(1rem);
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
	.fe-home-banner {
    overflow: hidden;
    background-size: cover !important;
    /* background-position: 92% 50% !important; */
    -webkit-animation: slidein 100s;
    animation: slidein 100s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
	}
	.fe-home-banner .header-content-container {
    transform: translateY(-160px);
	}
	.fe-home-banner .header-content-container::before {
		width: 100%;
		transform: skew(12deg, -12deg) scaleX(1.5) scaleY(-1.2) translateY(12rem) translateX(0rem);
	}
}
.fe-home-banner .header-content-container .header-content {
  position: relative;
  max-width: 664px;
}

@-webkit-keyframes slidein {
from {background-position: bottom right; background-size:1920px; }
to {background-position: -100px 0px;background-size:1920px;}
}

@keyframes slidein {
from {background-position: bottom right;background-size:1920px; }
to {background-position: -600px 0px;background-size:1920px;}

}




.fe-offering-section .fe-blur-card {
  backdrop-filter: blur(12px);
}
.fe-offering-section .fe-blur-card .et_pb_main_blurb_image {
  /*width: 114px;
  height: 114px;*/
  width: 95px;
  height: 95px;
  padding: 20px !important;
  margin: 0 auto 38px;
  box-shadow: 0px 6px 2px 0 rgba(0, 0, 0, 0.17);
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 114px;
}

.fe-request-callback .et_parallax_gradient {
  backdrop-filter: blur(20px);
  transform: scale(1.5);
}
/*=====  End of Home  ======*/

/*==============================
=            Footer            =
==============================*/

.fe-dowload-app-box .et_pb_promo_description {
  display: flex;
  align-items: center;
  padding-bottom: 0px;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
	.fe-dowload-app-box .et_pb_promo_description {
		flex-wrap: wrap;
		text-align: center;
	}
	.fe-dowload-app-box .et_pb_promo_description .et_pb_module_header {
		padding-bottom: 30px;
	}
}
.fe-dowload-app-box .et_pb_promo_description > div img {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
	.fe-dowload-app-box .et_pb_promo_description > div img {
	  margin-left: 0px;
	}
}

/*=====  End of Footer  ======*/
