/*
Theme Name: Columbia Dental Arts - Divi Child
Template: Divi
Author: Dusty Sun LLC
Version: 1.0
Updated: 2025-09-19
*/
#header_wrapper {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
#header_wrapper #header_wrapper_right {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
#header_wrapper #header_call,
#header_wrapper #header_menu {
	flex: 1 1 100%;
}
#header_wrapper #header_menu .et_pb_menu__wrap {
	justify-content: flex-end;
}


@media (min-width: 768px) and (max-width: 980px) {
	#header_wrapper {
		padding: 2% 0;
	}
	#header_wrapper #header_wrapper_left {
		width: 22%;
		margin-right: 2%;
        margin-bottom: 0;
        display: flex;
        align-items: flex-end;
	}
	#header_wrapper #header_wrapper_right {
		width: 76%;
		margin-right: 0;
		margin-bottom: 0;
	}
	#header_wrapper .et_mobile_nav_menu {
		float: right;
		display: none;
	}
	#header_wrapper .et_pb_menu .et_pb_menu__menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		align-items: stretch;
	}
	#header_wrapper #header_call p {
		font-size: 17px;
	}
	#header_wrapper #header_menu.et_pb_menu_0_tb_header.et_pb_menu {
		margin-top: 0 !important;
	}
	#header_wrapper #header_menu.et_pb_menu_0_tb_header.et_pb_menu ul li a {
		font-size: 16px;
	}
}
@media (max-width: 767px) {
	#header_wrapper {
		padding: 2% 0;
	}
	#header_wrapper #header_wrapper_left {
		width: 58% !important;
		margin-right: 2%;
        margin-bottom: 0;
        display: flex;
        align-items:center;
	}
	#header_wrapper #header_wrapper_right {
		width: 40% !important;
		margin-right: 0;
		margin-bottom: 0;
		position: static !important;
	}
	#header_wrapper #header_menu {
		margin-top: 0 !important;
		order: 3;
		flex: 0 0 60px !important;
		position: static !important;
	}
	#header_wrapper #header_menu .et_pb_menu_inner_container {
		position: static !important;
	}
	#header_wrapper #header_menu ul#mobile_menu1 {
		position: absolute;
		width: 100%;
   		left: 0;
	}
	#header_wrapper #header_call {
		margin-right: 10px;
		order: 1;
		flex: 1 1 100% !important;
	}
	#header_wrapper #header_call,
	#header_wrapper #header_call p {
		font-size: 16px;
	}

	#header_wrapper #header_social {
		order: 2;
	}
}
@media (max-width: 580px) {
	#header_wrapper #header_call .call-today {
		display: none;
	}
}



/* Contact Form 7 */


/* Loader */

.wpcf7 form .ajax-loader {
    background: url('data:image/svg+xml;utf8,<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" width="16px" height="16px" viewBox="0 0 128 128" xml:space="preserve"><rect x="0" y="0" width="100%" height="100%" fill="%23FFFFFF" fill-opacity="0" /><g><circle cx="16" cy="64" r="16" fill="%23EBEBEB" fill-opacity="1"/><circle cx="16" cy="64" r="16" fill="%23DDDDDD" fill-opacity="0.67" transform="rotate(45,64,64)"/><circle cx="16" cy="64" r="16" fill="%23999999" fill-opacity="0.42" transform="rotate(90,64,64)"/><circle cx="16" cy="64" r="16" fill="%23cccccc" fill-opacity="0.2" transform="rotate(135,64,64)"/><circle cx="16" cy="64" r="16" fill="%23e1e1e1" fill-opacity="0.12" transform="rotate(180,64,64)"/><circle cx="16" cy="64" r="16" fill="%23e1e1e1" fill-opacity="0.12" transform="rotate(225,64,64)"/><circle cx="16" cy="64" r="16" fill="%23e1e1e1" fill-opacity="0.12" transform="rotate(270,64,64)"/><circle cx="16" cy="64" r="16" fill="%23e1e1e1" fill-opacity="0.12" transform="rotate(315,64,64)"/><animateTransform attributeName="transform" type="rotate" values="0 64 64;315 64 64;270 64 64;225 64 64;180 64 64;135 64 64;90 64 64;45 64 64" calcMode="discrete" dur="720ms" repeatCount="indefinite"></animateTransform></g></svg>');
}


/* Submit button */

.wpcf7-submit {
    color: #ffffff !important;
    border-width: 1px !important;
    border-color: #114084;
    border-radius: 5px;
    letter-spacing: 1px;
    font-size: 19px;
    font-family: 'Merriweather Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    background-color: #114084;
	padding-top: 20px !important;
    padding-right: 40px !important;
    padding-bottom: 20px !important;
    padding-left: 40px !important;
}

.wpcf7-submit:hover {
    border-color: #82b7dc !important;
    background-image: initial;
    background-color: #82b7dc;
}


/* input box styling */

.wpcf7-form .wpcf7-date,
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-textarea,
.wpcf7-form .wpcf7-captchar {
    font-family: inherit;
    border: 2px solid #eee !important;
    width: 100%;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 16px;
    color: #2b2b2b !important;
    padding: 16px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

.wpcf7-form .wpcf7-date {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
}

.wpcf7-form .wpcf7-date:focus,
.wpcf7-form .wpcf7-text:focus,
.wpcf7-form .wpcf7-textarea:focus,
.wpcf7-form .wpcf7-captchar:focus {
    border: 2px solid #bfbfbf !important;
}

/* Not valid tips */

.wpcf7-form span.wpcf7-not-valid-tip {
    padding: 0 16px;
    white-space: nowrap;
    background-color: #ce0000;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
}

div.wpcf7-response-output {
    margin-top: 15px;
}

.contact-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.contact-flex .contact-half {
    flex: 1 1 48%;
    padding: 0 8px 1em;
}