/*
 Theme Name:     Divi Child Theme 2025 - Speed
 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.1
*/
 
@import url("../Divi/style.css");
 
/* Theme customization starts here
------------------------------------------------------- */

/*---------------------LANDING PAGE CPT---------------------*/
.single-landing_page #main-content {
  background:
    radial-gradient(circle at top right, rgba(0, 153, 102, 0.12), transparent 28rem),
    linear-gradient(180deg, #f7faf8 0%, #ffffff 100%);
}

.aba-landing-page-shell {
  padding: 72px 0;
}

.aba-landing-page {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
}

.aba-landing-page__hero {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: 40px;
  align-items: center;
  padding: 56px;
  border-radius: 32px;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(17, 24, 39, 0.08);
}

.aba-landing-page__eyebrow {
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0d7a5f;
}

.aba-landing-page__title {
  margin-bottom: 18px;
  font-size: clamp(2.4rem, 4vw, 4.4rem);
  line-height: 1.05;
  color: #0f172a;
}

.aba-landing-page__intro {
  color: #334155;
  font-size: 18px;
  line-height: 1.7;
}

.aba-landing-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 30px;
}

.aba-landing-page__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 22px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 700;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.aba-landing-page__button:hover {
  transform: translateY(-1px);
}

.aba-landing-page__button--primary {
  background: #0d7a5f;
  color: #ffffff !important;
  box-shadow: 0 12px 30px rgba(13, 122, 95, 0.22);
}

.aba-landing-page__button--secondary {
  border-color: #cbd5e1;
  color: #0f172a !important;
  background: #ffffff;
}

.aba-landing-page__hero-media img,
.aba-landing-page__image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
}

.aba-landing-page__content {
  margin-top: 32px;
  padding: 56px;
  border-radius: 32px;
  background: #ffffff;
  box-shadow: 0 24px 80px rgba(17, 24, 39, 0.06);
}

.aba-landing-page__content > :last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 980px) {
  .aba-landing-page-shell {
    padding: 32px 0;
  }

  .aba-landing-page {
    width: min(100% - 24px, 1120px);
  }

  .aba-landing-page__hero,
  .aba-landing-page__content {
    padding: 28px;
  }

  .aba-landing-page__hero {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}
 
/*---------------------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; }*/