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

/* Hide text for required fields so they don't say (REQUIRED) */
.gfield_required_text {
  font-size: 0px;
  margin-left: 4px;
}


/* For required fields, they should have an asterisk instead of text */
.gfield_required_text::after {
  content: "*" !important;
  color: #C8102E;
  font-size: 16px;
  margin-left: -5px;
}

/* Force Gravity Forms submit button to use brand color */
body .gform_wrapper .gform_footer input[type="submit"].gform_button {
  background-color: #BC101E !important;
  border: none;
  color: #fff !important;
  font-weight: bold;
  padding: 12px 30px;
  border-radius: 4px;
  cursor: pointer;
}

body .gform_wrapper .gform_footer input[type="submit"].gform_button:hover {
  background-color: #931026 !important;
}

#gform_submit_button_1 {
  background-color: #BC101E !important;
 height: 48px !important;


}

#gform_submit_button_1:hover {
  background-color: #931026 !important;
  height: 48px !important;

}

.gform_wrapper input::placeholder {
  color: #cecece; 
  opacity: 1;  
}

.gfield_label{
    font-size: 16px !important;
}

.gform_footer {
    width: 100% !important;

}

body .gform_wrapper .gform_footer input[type=submit] {
    font-size: 20px !important;
}

.detailsForm {
  font-size: 14px !important;
}

/* Update outline color of selected field */
body .gform_body input:focus {
	outline: 2px solid #BC101E !important;
	outline-offset: -2px !important;
}



.wp-image-293 {
  width: 100% !important;

}

.wp-image-291 {
  width: 100% !important;

}
.wp-image-309 {
  width: 100% !important;

}



/* Targets the comparison boxes on the Resources page*/
.comparisonRed {
  background-color: #C8102E;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Targets the comparison boxes on the Resources page*/
.comparisonGrey {
  background-color: #f3f4f6;
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Targets the timeline boxes on the Resources page*/
.timelineBlue {
    background-color: #eff6ff;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    border-color: #3b82f6;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;

}

.timelineRed {
    background-color: #fef2f2;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    border-color: #ef4444;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;

}

.timelineOrange {
    background-color: #FFF7ED;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    border-color: #f97316;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;

}

.timelineGreen {
    background-color: #f0fdf4;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    border-color: #22c55e;
    border-width: 1px;
    border-style: solid;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;

}

.resourcesContentBoxes .content-wrapper-background {
  padding-top: 15px !important;
  padding-bottom: 0px !important;
  padding-left: 0px !important;
    padding-right: 0px !important;
}

.resourcesContentBoxes .content-container {
  margin-bottom: 5px !important;
}

.forcedDimensions {
  width: 200px !important;
  height: 80px !important;
}

/* Targeting mobile menu to make "Getting Started" menu item a button with Cherry Red background and White text */
.collapse-enabled #menu-item-23 {
    background: #C8102E !important;
    font-weight: bold !important;
}

.collapse-enabled #menu-item-23 .menu-text {
    font-weight: bold !important;
    color: #FFFFFF !important;
}

.collapse-enabled #menu-item-23.current-menu-item .awb-menu__main-a {
      background: #C8102E !important;
}

.collapse-enabled #menu-item-23.current-menu-item .menu-text {
      color: #1F1F1F!important;
}