/*---------------------------------------------------------------------------------

 Theme Name:   DM Hedge Child
 Theme URI:    hedge.dixonmidland.com
 Description:  A child theme for DixonMidland
 Author:       Clayton Design Group
 Author URI:   https://claytondesigngroup.com
 Template:     Divi
 Version:      1.0.59
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Add custom CSS below the line. DO NOT EDIT ABOVE apart from updating the version number.
 Make sure to update the version line above each time this file is updated.

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
html {
	font-size: 62.5%;
}

.dmh-style h1,
.dmh-style h2,
.dmh-style h3,
.dmh-style h4,
.dmh-style h5,
.dmh-style h6 {
  padding-bottom: 0;
}

/* Sets top paragraph margin where para follows a heading */
.dmh-style h1 + p,
.dmh-style h2 + p,
.dmh-style h3 + p,
.dmh-style h4 + p,
.dmh-style h5 + p,
.dmh-style h6 + p {
  margin-top: 1em;
}

/* Sets top heading margin where heading follows a paragraph */
.dmh-style p + h1,
.dmh-style p + h2,
.dmh-style p + h3,
.dmh-style p + h4,
.dmh-style p + h5,
.dmh-style p + h6 {
  margin-top: 0.75em;
}
/* align right line with heading*/
.headline-right h4 {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
}

/*add and adjust the lines*/
.headline-right h4:after {
	content: '';
	border-top: 3px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #ffcd32;
}

/*add spacing between heading and line*/
.headline-right h4:after {
	margin: 0 0 0 20px;
}
/* Turn Arrows in Navigation Menu */
.cdg-menu li > a:after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.cdg-menu li:hover > a:after {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
	transform: rotate(360deg);}

/* Vertical Divider for Row Gray */
.vertical-divider {
    position: relative;
}

.vertical-divider:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #d3d3d3; /* Adjust color as needed */
    transform: translateX(-50%);
}

/* Vertical Divider for Row Yellow */
.vertical-divider-yellow {
    position: relative;
}

.vertical-divider-yellow:before {
    content: "";
    position: absolute;
    top: -2%;
    bottom: -2%;
    left: 50%;
    border-left: 1px solid #ffcd32; /* Adjust color as needed */
    transform: translateX(-50%);
}

/* Four Column Row */
.four-column-row {
    display: flex;
    align-items: stretch;
}

.four-column-row .et_pb_column {
    display: flex;
    flex-direction: column;
    position: relative;
}

.four-column-row .et_pb_column:nth-child(1)::after,
.four-column-row .et_pb_column:nth-child(2)::after,
.four-column-row .et_pb_column:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #ffcd32; /* Adjust color as needed */
}

/* Responsive adjustments */
@media (max-width: 980px) {
    .four-column-row {
        flex-wrap: wrap;
    }
    .four-column-row .et_pb_column {
        width: 50% !important;
        margin-bottom: 30px;
    }
    .four-column-row .et_pb_column:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 479px) {
    .four-column-row .et_pb_column {
        width: 100% !important;
    }
    .four-column-row .et_pb_column::after {
        display: none;
    }
}

/* Four Column Row Gray*/
.four-column-row-gray {
    display: flex;
    align-items: stretch;
}

.four-column-row-gray .et_pb_column {
    display: flex;
    flex-direction: column;
    position: relative;
}

.four-column-row-gray .et_pb_column:nth-child(1)::after,
.four-column-row-gray .et_pb_column:nth-child(2)::after,
.four-column-row-gray .et_pb_column:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 5px;
    width: 1px;
    background-color: #d3d3d3; /* Adjust color as needed */
}

/* Responsive adjustments */
@media (max-width: 980px) {
    .four-column-row-gray {
        flex-wrap: wrap;
    }
    .four-column-row-gray .et_pb_column {
        width: 50% !important;
        margin-bottom: 30px;
    }
    .four-column-row-gray .et_pb_column:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 479px) {
    .four-column-row-gray .et_pb_column {
        width: 100% !important;
    }
    .four-column-row-gray .et_pb_column::after {
        display: none;
    }
}


/* Five Column Row */
.five-column-row {
    display: flex;
    align-items: stretch;
}

.five-column-row .et_pb_column {
    display: flex;
    flex-direction: column;
    position: relative;
}

.five-column-row .et_pb_column:nth-child(1)::after,
.five-column-row .et_pb_column:nth-child(2)::after,
.five-column-row .et_pb_column:nth-child(3)::after,
.five-column-row .et_pb_column:nth-child(4)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #d3d3d3; /* Adjust color as needed */
}

/* Responsive adjustments */
@media (max-width: 980px) {
    .five-column-row {
        flex-wrap: wrap;
    }
    .five-column-row .et_pb_column {
        width: 33.33% !important;
        margin-bottom: 30px;
    }
    .five-column-row .et_pb_column:nth-child(3)::after {
        display: none;
    }
}

@media (max-width: 767px) {
    .five-column-row .et_pb_column {
        width: 50% !important;
    }
    .five-column-row .et_pb_column:nth-child(2)::after {
        display: none;
    }
}

@media (max-width: 479px) {
    .five-column-row .et_pb_column {
        width: 100% !important;
    }
    .five-column-row .et_pb_column::after {
        display: none;
    }
}

/* Equal Height Columns */
.equal-height-columns {
    display: flex;
    flex-wrap: wrap;
}

.equal-height-column {
    display: flex;
    flex-direction: column;
}

.equal-height-column .et_pb_text {
    flex-grow: 1;
}

.equal-height-column .et_pb_button_module_wrapper {
    margin-top: auto;
}

.et_pb_menu__menu > nav > ul > li {
    margin-right: 20px !important;
}

/* Side-by-Side Buttons */
.side-by-side-buttons .et_pb_button_module_wrapper {
    display: inline-block;
    margin-right: 25px;
}

/* Have Table Row Content Align to the Top */
.table-row {
    display: flex;
    align-items: flex-start;
}

.table-row .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}