/*
 Theme Name: Flex Auto Divi Child
 Theme URI: https://FlexAutoCareStudio.com/
 Description: Divi Child Theme for use on FlexAutoCareStudio.com
 Author: FlexAutoCareStudio
 Author URI: https://FlexAutoCareStudio.com/
 Template: Divi
 Version: 1.0.3
*/

/* =Theme customization starts here
------------------------------------------------------- */


/* BREADCRUMBS */

#breadcrumbs{
	font-size: 12px;
	padding-left: 20px;
}

/* end BREADCRUMBS */

/* HOMEPAGE */
.et_pb_slider .et_pb_slide_title,
.et_pb_slider .et_pb_slide_content, .et_pb_title_container h1{
	text-shadow: 0px 0px 8px rgba(0,0,0,0.6);
	color: #ffffff !important;
}

.et_pb_section.overlay::before {
  content: "";
  position: absolute;
  inset: 0; /* top:0; right:0; bottom:0; left:0; */
  background: rgba(0, 0, 0, 0.5); /* adjust opacity here */
  z-index: 0;
}
.et_pb_menu .et_pb_menu__wrap {
  
  -webkit-box-pack: end;
  -ms-flex-pack: end;
	justify-content: flex-end;
}
#main-header {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}



/* Hide default overlay icon */
.et_pb_portfolio_item .et_overlay:before {
  display: none !important;
}

/* Add custom logo image instead */
.et_pb_portfolio_item .et_overlay:after {
  content: "";
  background-image: url("http://flexautocarestudio.com/wp-content/uploads/2026/02/logo-lion.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  width: 60px;   /* adjust */
  height: 60px;  /* adjust */

  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%,-50%);
	border-radius: 50%;
	-webkit-transition: all .4s;
  transition: all .4s;
;
}

.et_pb_portfolio_item:hover .et_overlay:after {
	  top: 25%;
  transform: translate(-50%, -50%) scale(1.1);
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image .meta{
	opacity: 1;
  z-index: 3;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image .et_pb_module_header, .et_pb_fullwidth_portfolio .et_pb_portfolio_image h3 {
  margin-top: 0px;
  text-shadow: 0px 0px 15px rgb(0, 0, 0);
  
	padding: 20px 0px;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .et_pb_module_header, .et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3 {
	/*  font-size: 36px; */
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image h3::after {
  opacity: 0.6;
  content: "";
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover h3::after{
	opacity: 0;
}


/* Center Fullwidth Portfolio (grid) tiles without changing Divi sizing */
@media (min-width: 981px) {
  .et_pb_fullwidth_portfolio.et_pb_fullwidth_portfolio_grid .et_pb_portfolio_items {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* Keep Divi's widths/max-widths; just stop floats from fighting centering */
  .et_pb_fullwidth_portfolio.et_pb_fullwidth_portfolio_grid .et_pb_portfolio_item.et_pb_grid_item {
    float: none !important;
    clear: none !important;
  }

  /* Divi sometimes adds this class to manage rows — disable its clearing */
  .et_pb_fullwidth_portfolio.et_pb_fullwidth_portfolio_grid .et_pb_portfolio_item.first_in_row {
    clear: none !important;
  }
}



.et_pb_fullwidth_portfolio .et_pb_portfolio_title, .et_pb_fullwidth_portfolio h2.et_pb_portfolio_title {
	margin: 50px 0;
}

.et_pb_map_container h3{
	color: #fdbc03;
	font-size:26px;
}
.et_pb_map_container .kHIBvd{
	font-size:18px;
}
.et_pb_map_container .gm-style .gm-style-iw-tc::after,
.et_pb_map_container .gm-style .gm-style-iw-c {
	background: #000 !important;
}
button.gm-ui-hover-effect{
	background:#fff !important;
	width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  top: 5px !important;
  position: absolute !important;
  right: 5px !important;
}
button.gm-ui-hover-effect span{
	margin: 5px !important;
}

.et_pb_section{
	background-color:#000;
}

@media (min-width: 981px) {

  .et_pb_portfolio_grid .et_pb_portfolio_item {
		clear: none !important;
    width: 33.3333% !important;
    max-width: 33.3333% !important;
    box-sizing: border-box !important;
    padding-left: 10px;                     /* gutter */
    padding-right: 10px;                    /* gutter */
    margin-right: 0 !important;
	}
	.et_pb_portfolio_grid .et_pb_portfolio_items {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }
	/* Divi sometimes uses these to clear floats; neutralize */
  .et_pb_portfolio_grid .et_pb_portfolio_item.first_in_row,
  .et_pb_portfolio_grid .et_pb_portfolio_item.last_in_row {
    clear: none !important;
  }
}

/* end HOMEPAGE */

/* SERVICES */

.service-tags a{
	display: block;
  font-size: 2em;
  font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
	line-height: 1.5em;
}

/* end SERVICES */