/*
 Theme Name:     Divi Child Theme 2023
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         The Websites Team
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* Theme customization starts here
------------------------------------------------------- */

/*---------------------CSS FOR LP's and BLP's---------------------*/
/*uncomment to use*/

/*#et-top-navigation{
display: none;
}

#logo{
display: none;
}*/


/*---------------------CSS FOR ALL BUILDS---------------------*/


/*Make phone number color visible on Safari*/
a[href^=tel] {
  text-decoration: none;
  color: inherit;
}

/*Used to flip the order of a section on mobile view*/
@media only screen and ( max-width: 980px ) {
	.flip { display: -webkit-flex; -webkit-flex-direction: column-reverse; display: flex; flex-direction: column-reverse !important;}
	.flip .et_pb_column:first-child() { margin-top: 30px; margin-bottom: 0px; }
}


/*Make logo size 80%*/
#logo { max-width: 80% !important; max-height: 80% !important; }



/*Styling the confirmation message, change the color to darker color if on a light background*/
div.gform_confirmation_message {
    text-align: center !important;
    color: inherit!important;/*CHANGE TO YOUR DESIRED COLOR*/
    font-size: 16px !important;
}
.gfield_label{
	color:inherit; /*CHANGE TO YOUR DESIRED COLOR*/
}
.gform_required_legend{
	color:inherit;/*CHANGE TO YOUR DESIRED COLOR*/
}

/*Vertically align icons to the text on secondary menu*/
.et-pb-icon {
padding-top: 4px !important;
}

/* Fix alignment issues with gravity forms checkbox and radio button */
.gform_wrapper.gravity-theme .gfield input[type="checkbox"],
.gform_wrapper.gravity-theme .gfield input[type="radio"] { width: auto; }

/*Used to add padding on cart icon so it's not touching the phone number and email. For websites with WooCommerce integration*/
.et-cart-info{padding-right:15px !important;}

/*---------------------OPTIONAL CSS---------------------*/
/*uncomment to use*/


/*--NAVIGATION MENU--*/
/* Hamburger menu color, change color from black to desired color */
/*@media only screen and (max-width: 980px){
#et-top-navigation span.mobile_menu_bar:before, #et-top-navigation span.mobile_menu_bar:after {
    color: #000 !important;
	}}*/


/*Fix last navigation dropdown on navigation bar from cutting off*/
/*.nav li ul {
    right: 0px;
    left: auto;
}*/

/*Used to show the hamburger bar early so the navigation doesn't run into the logo.  Change the max-width value to the value right before the navigation runs into the logo*/
/*@media(max-width:1030px){
	nav#top-menu-nav{
		display:none;
	}
}

@media(max-width:1030px){
	#et_mobile_nav_menu{
		float:right;
		display:block;
	}
}*/

/*Add drop shadow to navigation on main header*/
/*--------Header Drop Shadow-----*/
 /*#main-header {
 -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24);
 }*/

/*Add drop shadow to navigation on fixed header*/
/*--------FIXED Header Drop Shadow-----*/
 /*#main-header.et-fixed-header {
 -webkit-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24)!important;
 -moz-box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24)!important;
 box-shadow: 0px 9px 20px 2px rgba(0,0,0,0.24)!important;
 }*/



/*--GRAVITY FORMS--*/

/* change gravity form placeholder text color to white, change from white to color desired*/
/*::-webkit-input-placeholder { color:#FFF; }
:-moz-placeholder { opacity: 1; color:#FFF; } 
::-moz-placeholder { opacity: 1; color:#FFF; } 
:-ms-input-placeholder { color:#FFF; } 
input:-moz-placeholder { color:#FFF; }*/

/*Align Gravity form button to the right*/
/*.dcgd_submit_button {
  float:right;
}*/


/*--OTHER--*/

/*Used to hide the title of the images on the gallery module of Divi*/
/*.mfp-title{
display: none !important;
}*/


/* Fill in hover effect for button similar to Divi Plus (e.g construction) 
   Don't use the button icon and border. Adjust the padding to increase/decrease the size of the button
*/
/*body .et_pb_button { padding: 10px 16px !important; border-width: 0px !important; }
body .et_pb_button:hover { box-shadow: inset -10.5em 0 0 0 #000; -webkit-box-shadow: inset -10.5em 0 0 0 #000; }*/





@media (min-width:980px) {
	.directorist-search-form-top.directorist-flex.directorist-align-center.directorist-search-form-inline {
		padding: 10px;
	}

	.directorist-search-form-action {
		margin: 0px !important;
	}
	.tooltip-1::after {
		font-size: 18px;
		line-height: 20px;
	}
	.pledge-badge span.tooltip-text.pledged-tooltip {
		text-align: left;
	}
}



@media (max-width:980px) {
	.write-a-review-header sup {
		top: -10px;
	}
	.write-a-review-header sup img {
		width: 20px;
	}
}


.directorist-listing-single.directorist-listing-card.directorist-listing-has-thumb.directorist-single-line {
    box-shadow: 0px 0px 15px #666666;
}

.directorist-read-more-btn {
	display: inline-block;
	padding: 10px 15px;
	margin-top: 10px;
	background-color: #f45422;
	color: #fff !important;
	text-decoration: none;
	border-radius: 5px;
	transition: background-color 0.3s ease;
}

.directorist-read-more-btn:hover {
	background-color: #f45422;
}

.directorist-content-active .directorist-listing-single.directorist-featured {
	border: none !important;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Tooltip text */
.tooltip .tooltip-text {
  visibility: hidden;
  width: auto;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position the tooltip above the image */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
	max-width: 250px;
    text-wrap: nowrap;
}

span.tooltip-text.pledged-tooltip {
    max-width: 400px;
    text-wrap: auto;
    min-width: 350px;
}

@media(max-width:981px) {
	.tooltip .tooltip-text {
		font-size: 12px;
		line-height: 12px;
		text-wrap:wrap;
	}
}

/* Tooltip arrow */
.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

/* Show the tooltip text when hovering over the tooltip container */
.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/*LISTING PAGE CUSTOM CSS*/
/* Container Layout */


.single-at_biz_dir .directorist-claimed--badge {
    font-size: 32px !important;
}

.single-at_biz_dir .directorist-claimed .directorist-claimed--badge .directorist-icon-mask:after {
    width: 14px;
    height: 14px;
    background-color: #fff;
}

.single-at_biz_dir .directorist-claimed .directorist-claimed--badge span {
    width: 20px;
    height: 20px;
}
	
img.repairlisting-maintenance-img {
    box-shadow: 0px 0px 8px #ccc;
}

.repairlisting-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 20px 0;
  align-items: flex-start; /* Ensures content aligns at the top */
}

/* Main Content */
.repairlisting-main-content {
  flex: 2;
  /*
  padding: 15px;
  background: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 8px;
  */
}

.repairlisting-title {
  font-size: 2em;
  color: #333;
  margin-bottom: 15px;
}

.repairlisting-details {
  line-height: 1.6;
}

/* Sidebar */
.repairlisting-sidebar {
  flex: 1; /* Let the sidebar take up only the space it needs */
  /*
  padding: 15px;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  */
}

span.repairlisting-reviews-form #gform_wrapper_22 {
    background: #fff;
    padding: 20px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
}

.repairlisting-badge {
  text-align: center;
}

.repairlisting-section h2 {
  font-size: 1.25em;
  margin-bottom: 10px;
}
.repairlisting-download-btn {
    display: block;
    margin: 10px 0;
    padding: 10px 15px;
    background: #ff8e00;
    color: #ffffff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
}

.repairlisting-download-btn:hover {
  background: #e27e00;
}

.repairlisting-maintenance-img {
  width: 100%;
  margin-top: 10px;
  border-radius: 8px;
}


/* Responsive Layout */
@media (max-width: 1024px) {
  .repairlisting-container {
    flex-wrap: wrap;
  }

  .repairlisting-main-content, 
  .repairlisting-sidebar {
    flex: 1 1 100%;
  }

  .repairlisting-sidebar {
    margin-top: 20px;
  }
}

@media (max-width: 768px) {
  .repairlisting-title {
    font-size: 1.5em;
  }

  .repairlisting-section h2 {
    font-size: 1em;
  }

  .repairlisting-download-btn {
    padding: 8px 12px;
    font-size: 0.9em;
  }

  .repairlisting-maintenance-img {
    margin-top: 15px;
  }
}

@media (max-width: 480px) {
  .repairlisting-title {
    font-size: 1.25em;
    text-align: center;
  }

  .repairlisting-download-btn {
    display: block;
    width: 100%;
    text-align: center;
  }

  .repairlisting-maintenance-img {
    width: 100%;
  }
}


p.gform_required_legend {
    display: none !important;
}

@media (max-width:981px) {
	.repairlisting-main-content {
		padding: 5px;
	}
	/*
	.directorist-single-info__label {
		padding: 10px 10px 10px 0px;
		background: #f3f3f3;
	}
	.listing-contact-block .directorist-card__body {
		padding: 10px;
	}
	.directorist-single-info__value {
		padding-left: 10px;
	}
	*/
}

@media (max-width:767px) {
	.listing-location-block .directorist-card__body {
		padding: 0px !important;
	}

	.listing-location-block .atbd_content_module.directorist-business-hour-module {
		margin-bottom: 0px !important;
	}

}

.repairlisting-content-block {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 10px;
}

.repairlisting-content-block.right-rail-contact .directorist-card {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: none !important;
}

.repairlisting-content-block.right-rail-contact .directorist-card__header {
    display: none !important;
}

.repairlisting-content-block.right-rail-contact .directorist-card__body {
    padding: 0px !important;
}

@media (min-width:980px) {
	.repairlisting-content-block.right-rail-contact span.directorist-single-info__label--text {
		display: none !important;
	}
}

.repairlisting-content-block.right-rail-contact .directorist-single-info__label {
    min-width: 20px !important;
}



#gform_next_button_22_32{
	font-size: 16px;
    background-color: #ff8e00;
    border-width: 0px !important;
    border-color: #ff8e00;
    border-radius: 0px;
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
	color:#ffffff;
	padding: 15px 20px;
}
#input_22_10 {
  margin-top: 0px;
  border: none;
  float: left;
}

#input_22_10 > label {
  color: #90A0A3;
	float:right;
}

#input_22_10 > label:before {
  margin: 5px;
  font-size: 2em;
  font-family: FontAwesome;
  content: "\f005";
  display: inline-block;
}

#input_22_10 > input {
  display: none;
}

#input_22_10 > input:checked ~ label,
#input_22_10:not(:checked) > label:hover,
#input_22_10:not(:checked) > label:hover ~ label {
  color: #F79426;
}

#input_22_10 > input:checked + label:hover,
#input_22_10 > input:checked ~ label:hover,
#input_22_10 > label:hover ~ input:checked ~ label,
#input_22_10 > input:checked ~ label:hover ~ label {
  color: #FECE31;
}









#ginput_22_10 .gchoice input[type="radio"] {
    display: none; /* Hide radio buttons */
}

#ginput_22_10 .gchoice label {
    font-size: 30px; /* Size of the stars */
    color: #ccc; /* Default unselected star color */
    cursor: pointer;
}

#ginput_22_10 .gchoice label:before {
    content: "\2605"; /* Unicode star character */
    font-size: 30px;
}

#ginput_22_10 .gchoice label.highlighted {
    color: #f39c12; /* Highlighted star color */
}




.custom-rating-review-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
	margin-right:20px;
}

.directorist-info-item-rating {
    /*display: flex;*/
    align-items: center;
    gap: 2px; 
}

.custom-rating-review-wrapper .directorist-icon-mask:after {
    width: 15px; 
    height: 15px;
	margin-top: -2px !important;
}

a.write-review-btn {
    margin: 20px 0px;
    display: block;
    background: #ff8e00;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px 20px;
}

.listing-review-topscreen {
    display: flex
;
}

.custom-review-count {
    text-align: center;
}

.rating-score {
    font-size: 32px;
    font-weight: 800;
}

.listing-location-block .directorist-card__header {
    display: none;
}

.listing-location-block {
    border: none;
}

.listing-location-block .directorist-card__body {
    padding: 0;
    /* margin-bottom: 0px !important; */
}

.directorist-open-hours ul {
    display: block !important;
}

.atbd_content_module.directorist-business-hour-module {
    border-radius: 5px;
}




.gq_r_fixed_buttons .et_pb_column {
	padding-bottom:30px;
}
.gq_r_fixed_buttons .et_pb_button_module_wrapper {
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;
}

div.directorist-rating-stars {
    display: flex;
}

.directorist-listing-single__info--top .tooltip img {
    width: 40px !important;
    margin-right: 5px !important;
}

.repair-shop-bottom-disclaimer {
    font-size: 12px;
}