/*
Theme Name: HAB Div Child Theme
Author: Elite Innovations / Bear Star
Description: Hampden Auto Body Child Theme
Version: 1.2
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Editor stickiness */
.mce-top-part.mce-container.mce-first {
position: sticky !important;
top: 0 !important;
z-index: 10 !important;
background: #fff !important;
}

/* Header Menu */

#main-header #logo {
    max-height: 100px !important; /* Change to your desired height limit */
    width: auto !important;
}

.callbutton {
  background-color: #e7133d;
  border: none;
  border-radius: 0 0 10px 10px;
  color: white;
  font-weight: bold;
  cursor: pointer;
  margin: 0px !important;
}

.callbutton a {

  color: white !important;
  padding: 6px 0 !important;

}

/* Body */

h3 {
  
}
.et_pb_blurb .et_pb_main_blurb_image {
    margin-bottom: 0px !important;
}

p:not(.has-background):last-of-type {
  padding-bottom: 1em;
}

/* Content Types Overides*/

body.single-certification h2,
body.single-certification h2 a,
body.single-certification h3,
body.single-certification h3 a,
body.single-certification h4,
body.single-certification h4 a {
    text-transform: none !important;
}

/* Ordered lists in the Divi 5 post content */
.et_pb_post_content_0_tb_body ol {
    margin-left: 0 !important;
    padding-left: 35px !important;
    list-style-position: outside !important;
}

/* Ordered-list text and wrapped lines */
.et_pb_post_content_0_tb_body ol li {
    padding-left: 8px !important;
    margin-bottom: 12px !important;
}

/* FAQ page - ordered list indentation */
body.page-id-728 ol {
    margin-left: 0 !important;
    padding-left: 35px !important;
    list-style-position: outside !important;
}

body.page-id-728 ol li {
    margin-left: 0 !important;
    padding-left: 0 !important;
	margin-bottom: 12px !important
}

/* Steering Wheel Bullets Red */

.hab-cert-bullets-red ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.hab-cert-bullets-red ul li {
/* body.single-certification ul li */
    list-style: none !important;
    background-image: url('/wp-content/uploads/red-steering-wheel-48x48-hab.png') !important;
    background-repeat: no-repeat !important;
    background-position: left 4px !important;
    background-size: 44px 44px !important;
	min-height: 48px !important;
    padding-left: 56px !important;
	margin-bottom: 20px !important;
}

.hab-cert-bullets-red ul li:first-child {
    margin-top: 8px !important;
}
.hab-cert-bullets-red ul li:last-child {
    margin-bottom: 35px !important;
}

/* Steering Wheel Bullets White */

.hab-cert-bullets-white ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.hab-cert-bullets-white ul li {
/* body.single-certification ul li */
    list-style: none !important;
    background-image: url('/wp-content/uploads/white-steering-wheel-48x48-hab.png') !important;
    background-repeat: no-repeat !important;
    background-position: left 4px !important;
    background-size: 44px 44px !important;
	min-height: 48px !important;
    padding-left: 56px !important;
	margin-bottom: 20px !important;
}

.hab-cert-bullets-white ul li:first-child {
    margin-top: 8px !important;
}
.hab-cert-bullets-white ul li:last-child {
    margin-bottom: 35px !important;
}

/* Three column list */
        .three-column-list {
            column-count: 3;
            column-gap: 30px; 
            max-width: 1400px;
            margin: 10px auto;
            padding: 0;
            /* Hide the default black dots */
            list-style: none !important; 
        }

        .three-column-list li {
            break-inside: avoid;
            margin-bottom: 8px;
			
			/* Force-remove default dots and markers */
             list-style-type: none !important;
             list-style: none !important;
            
            /* 1. Add padding to make room for your image bullet */
            padding-left: 28px; 
            
            /* 2. Link your PNG file here */
            background-image: url('/wp-content/uploads/red-check.png'); 
            
            /* 3. Stop the image from repeating down the text row */
            background-repeat: no-repeat; 
            
            /* 4. Position the image on the left, perfectly centered vertically */
            background-position: left center; 
            
            /* 5. Force the PNG to stay at a clean bullet size (e.g., 16px wide/tall) */
            background-size: 16px 16px; 
        }

        /* Responsive design */
        @media (max-width: 768px) { .three-column-list { column-count: 1; } }
        @media (max-width: 480px) { .three-column-list { column-count: 1; } }

/* Two column List */
        .two-column-list {
            column-count: 2;
            column-gap: 30px; 
            max-width: 1400px;
            margin: 10px auto;
            padding: 0;
            /* Hide the default black dots */
            list-style: none !important; 
        }

        .two-column-list li {
            break-inside: avoid;
            margin-bottom: 8px;
			
			/* Force-remove default dots and markers */
             list-style-type: none !important;
             list-style: none !important;
            
            /* 1. Add padding to make room for your image bullet */
            padding-left: 28px; 
            
            /* 2. Link your PNG file here */
            background-image: url('/wp-content/uploads/red-check.png'); 
            
            /* 3. Stop the image from repeating down the text row */
            background-repeat: no-repeat; 
            
            /* 4. Position the image on the left, perfectly centered vertically */
            background-position: left center; 
            
            /* 5. Force the PNG to stay at a clean bullet size (e.g., 16px wide/tall) */
            background-size: 16px 16px; 
        }

        /* Responsive design */
        @media (max-width: 768px) { .two-column-list { column-count: 2; } }
        @media (max-width: 480px) { .two-column-list { column-count: 1; } }
		
/* One column List */
        .one-column-list {
            column-count: 1; 
            max-width: 1400px;
            margin: 10px auto;
            padding: 0;
            /* Hide the default black dots */
            list-style: none !important; 
        }

        .one-column-list li {
            break-inside: avoid;
            margin-bottom: 8px;
			
			/* Force-remove default dots and markers */
             list-style-type: none !important;
             list-style: none !important;
            
            /* 1. Add padding to make room for your image bullet */
            padding-left: 28px; 
            
            /* 2. Link your PNG file here */
            background-image: url('/wp-content/uploads/red-check.png'); 
            
            /* 3. Stop the image from repeating down the text row */
            background-repeat: no-repeat; 
            
            /* 4. Position the image on the left, perfectly centered vertically */
            background-position: left top; 
            
            /* 5. Force the PNG to stay at a clean bullet size (e.g., 16px wide/tall) */
            background-size: 16px 16px; 
        }

        /* Responsive design */
        @media (max-width: 768px) { .one-column-list { column-count: 1; } }
        @media (max-width: 480px) { .one-column-list { column-count: 1; } }

/* Add spacing below Recent Posts heading */
h2.wp-block-heading {
    margin-bottom: 15px !important;
}

/* Recent Posts list */
ul.wp-block-latest-posts__list li {
    position: relative !important;
    padding-left: 45px !important;
    min-height: 36px !important;
    margin-bottom: 15px !important;
    list-style: none !important;
}

/* Steering wheel */
ul.wp-block-latest-posts__list li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 36px !important;
    height: 36px !important;
    background-image: url("/wp-content/uploads/red-steering-wheel-48x48-hab.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-size: 36px 36px !important;
}

/* Breakpoints */


/* Misc */

.et_pb_menu .et-menu > li > a,
.et_pb_menu .et-menu > li,
.et_pb_menu .et_pb_menu__menu {
    transition-property: color, background-color, opacity, transform !important;
}

@media screen and (max-width: 980px) {
  body .et-l--post > .et_builder_inner_content .et_pb_section.family-overlay {
    background-color: rgba(0,0,0,60%) !important;
  }
}

/* Ninja Forms Submit Button */
.nf-form-cont .nf-field-container input[type="button"],
.nf-form-cont .nf-field-container input[type="submit"],
.nf-form-cont .nf-field-container button {
    background-color: #e7133d !important;
    border: 2px solid #e7133d !important;
    border-radius: 20px !important;
    color: #ffffff !important;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    padding: 14px 30px !important;
    text-transform: uppercase;
    transition: all 0.2s ease;
}

/* Hover */
.nf-form-cont .nf-field-container input[type="button"]:hover,
.nf-form-cont .nf-field-container input[type="submit"]:hover,
.nf-form-cont .nf-field-container button:hover {
    background-color: #ffffff !important;
    border-color: #e7133d !important;
    color: #e7133d !important;
}

/* DIVI 5 SEARCH */
header input[type="search"],
.et-l--header input[type="search"],
.et_pb_menu input[type="search"],
.et_pb_search input[type="search"],
input.search-field {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

header input[type="search"]::placeholder,
.et-l--header input[type="search"]::placeholder,
.et_pb_menu input[type="search"]::placeholder,
.et_pb_search input[type="search"]::placeholder,
input.search-field::placeholder {
    color: #ffffff !important;
    opacity: 1 !important;
}

.et-l--footer a {
    white-space: nowrap !important;
}