/**
 * Theme Name:      Bae Orthodontics
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     A child theme for Bae Orthodontics by PracticeMarketer
 * Author:          PracticeMarketer
 * Author URI:      https://www.PracticeMarketer.com/
 * Template:         Divi
 * Version:         1.0.0
 * Text Domain:     bae-orthodontics
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */




.faq-panel .et_pb_toggle h5.et_pb_toggle_title {
  padding: 24px;
  transition: 0.3s;
}

.faq-panel .et_pb_toggle h5.et_pb_toggle_title:before {
  right: 20px;
  display: block;
  transition: transform 0.3s ease; 
}

.faq-panel .et_pb_toggle_open h5.et_pb_toggle_title:before {
  right: 20px;
  display: block;
  transform: rotate(135deg);
}

@font-face {
    font-family: 'Luxe Uno';
    src: url('assets/fonts/LuxeUno-Regular.woff2') format('woff2'),
        url('assets/fonts/LuxeUno-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Luxe Uno';
    src: url('assets/fonts/LuxeUno-Light.woff2') format('woff2'),
        url('assets/fonts/LuxeUno-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Luxe Uno';
    src: url('assets/fonts/LuxeUno-SemiBold.woff2') format('woff2'),
        url('assets/fonts/LuxeUno-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Luxe Uno', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0;
}

/* header */
header.et-l--header {
	position: sticky;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.site-header .header-menu {
	flex-grow: 1;
}
.site-header .header-menu .et_pb_menu__logo {
	padding: 8px 0 7px;
}
.site-header .header-menu.et_pb_menu .et-menu>li {
	padding: 0 16px;
}
.site-header .header-menu.et_pb_menu .et-menu>li.mobile-call-link {
	display: none;
}
.site-header .header-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul {
	align-items: center;
}
.site-header .header-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	line-height: 1.5;
	padding-block: 12px; 
}
.site-header .header-menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a:hover {
	color: #7F65AA !important;
	opacity: 1;
}
.site-header .header-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	border: 1px solid #7F65AA;
	border-radius: 3px;
	padding: 12px;
	width: 300px;
}
.site-header .header-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li {
	padding: 0;
	width: 100%;
}
.site-header .header-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>a {
	padding: 6px 10px;
	width: 100%;
	font-weight: normal;
	text-transform: capitalize;
	border-radius: 3px;
    opacity: 1;
}
.site-header .header-menu.et_pb_menu .et-menu .menu-item-has-children>a:after {
	transition: 0.3s;
}
.site-header .header-menu.et_pb_menu .et-menu .menu-item-has-children>a:hover:after {
	 transform: translateY(-50%) rotate(180deg); 
}
.site-header .header-menu.et_pb_menu .et-menu .sub-menu .menu-item-has-children>a:hover:after {
	/*transform: translateY(-50%) rotate(180deg);*/
   transform: translateY(0) rotate(180deg);
}
.site-header .header-menu.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul>li>a:hover {
	background-color: #7F65AA;
	color: #fff !important;
}
.site-header .header-menu li ul.sub-menu ul { 
    position: relative;
    width: 100%;
    box-shadow: none;
    padding: 0;
    border: 0; 
    left: 0;
    display: none;
    top: 0;
}

.site-header .header-menu li ul.sub-menu ul li {
    width: 100%;
    padding: 0;
}

.site-header .header-menu li ul.sub-menu ul li a {
    width: 100%;
    font-size: 13px;
} 
.site-header .header-menu li ul.sub-menu li:hover ul {
    display: block;
}
@media screen and (max-width: 980px) {
	.site-header .header-menu.et_pb_menu .et_pb_menu__wrap {
		justify-content: flex-end;
	}
	
/* 	mobile menu */
	.site-header .header-menu.et_pb_menu .mobile_nav {
		line-height: 1;
	}
	.site-header .header-menu.et_pb_menu .mobile_nav.opened .mobile_menu_bar {
		position: relative;
		width: 34px;
		height: 34px;
		cursor: pointer;
		display: inline-block;
	}
	.site-header .header-menu.et_pb_menu .mobile_nav.opened .mobile_menu_bar::before,
	.site-header .header-menu.et_pb_menu .mobile_nav.opened .mobile_menu_bar::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 20px;
		height: 2px;
		background-color: #402A4F;
		transform-origin: center;
		transition: all 0.3s ease;
	}
	.site-header .header-menu.et_pb_menu .mobile_nav.opened .mobile_menu_bar::before {
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.site-header .header-menu.et_pb_menu .mobile_nav.opened .mobile_menu_bar::after {
		transform: translate(-50%, -50%) rotate(-45deg);
	}
	
	.site-header .header-menu.et_pb_menu .et_mobile_menu>li.mobile-call-link {
		display: block;
		text-align: center;
	}
	.site-header .header-menu.et_pb_menu .et_mobile_menu {
		border-top: 1px solid #402a4f;
		margin-inline: -32px;
		width: calc(100% + 62px);
		height: calc(100vh - 70px) !important;
		padding: 24px 50px;
	}
	.site-header .header-menu .et_mobile_menu>li>a {
		padding: 12px 0;
		border: none;
	}
	.site-header .header-menu .et_mobile_menu>li:not(:first-child) {
		margin-top: 8px;
	}
	.site-header .header-menu .et_mobile_menu>li>.sub-menu {
		background-color: #f7f7f5 !important;
		border-radius: 3px;
		padding: 12px;
	}
	.site-header .header-menu .et_mobile_menu>li>.sub-menu>li {
		padding: 0;
	}
	.site-header .header-menu .et_mobile_menu>li>.sub-menu>li>a {
		padding: 8px 12px;
		border: none;
		font-weight: normal;
		text-transform: capitalize;
	}
	.site-header .header-menu .et_mobile_menu .menu-item-has-children>a {
		background-color: transparent;
	}

	.site-header .header-menu ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
		width: 58px;
		height: 100%;
		padding: 0px !important;
		max-height: 47px;
		border: none;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 999;
		text-align: center;
		font-size: 30px;
	}

	.site-header .header-menu ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
		top: 10px;
		position: relative;
		font-family: "ETModules";
		content: '\33';
		color: #111;
		border-radius: 50%;
		padding: 3px;
	} 
	.site-header .header-menu ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after  {
		content: '\32';
	}
	/*some code to keep everyting positioned properly*/
	.site-header .header-menu ul.et_mobile_menu>li.menu-item-has-children {
		position: relative;
	}

	/*hide the submenu by default*/
	.site-header .header-menu ul.et_mobile_menu .menu-item-has-children .sub-menu  {
		display: none!important;
		visibility: hidden!important;
	}
	/*show the submenu when toggled open*/
	.site-header .header-menu ul.et_mobile_menu .menu-item-has-children.dt-open .sub-menu  {
		display: block !important;
		visibility: visible !important;
	}
}


@media screen and (max-width: 767px) {
	.site-header .header-menu.et_pb_menu .et_mobile_menu {
		margin-inline: -16px;
		width: calc(100% + 32px);
		padding: 24px 16px;
	}
}

/* home contact form  */
#et-boc .area-outer-wrap .da-close-wrap a.da-close {
	width: 56px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
	background-color: #7f65aa;
	border: 1px solid #7f65aa;
	border-radius: 3px;
	box-shadow: none;
	box-sizing: border-box;
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	opacity: 1;
	top: 30px;
	right: 30px;
}
#et-boc .area-outer-wrap .da-close-wrap a.da-close:hover {
	background-color: #d5b991;
	border-color: #402a4f;
	color: #402a4f;
	box-shadow: none;
	transform: none;
}
@media screen and (max-width: 980px) {
	#et-boc .area-outer-wrap .da-close-wrap a.da-close {
		width: 38px;
		height: 38px;
		font-size: 35px;
		top: 25px;
		right: 25px;
	}
}

.custom-form-wrapper .form-row {
	display: flex;
	gap: 12px;
	margin-bottom: 12px;
}
.custom-form-wrapper .form-group {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.custom-form-wrapper .form-group label {
    font-weight: 600;
    color: #402a4f;
    margin-bottom: 4px;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.8px;
    line-height: 1.5;
    display: block;
}
.custom-form-wrapper input[type="text"],
.custom-form-wrapper input[type="tel"],
.custom-form-wrapper input[type="email"],
.custom-form-wrapper input[type="date"],
.custom-form-wrapper textarea {
	color: #402a4f;
	width: 100%;
    padding: 10px 8px;
    border: none;
    border-radius: 3px;
    font-size: 15px;
    background: #f7f7f5;
    height: 43px;
}
.custom-form-wrapper input::placeholder,
.custom-form-wrapper textarea::placeholder {
	color: #402a4f;
	opacity: 0.5;
}
.custom-form-wrapper input:focus,
.custom-form-wrapper textarea:focus {
	outline: 2px solid #402a4f;
}
.custom-form-wrapper .wpcf7-not-valid-tip {
	font-size: 16px;
}
.custom-form-wrapper .checkbox-group label {
	display: inline-flex;
	align-items: center;
	margin-right: 20px;
	gap: 8px;
	font-weight: 600;
	color: #402a4f;
}
.custom-form-wrapper input[type="checkbox"] {
	appearance: none;
	width: 25px;
	height: 25px;
	border: 1px solid #7f65aa;
	border-radius: 3px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.custom-form-wrapper input[type="checkbox"]:checked {
	background-color: #402a4f;
}
.custom-form-wrapper input[type="checkbox"]:checked::before {
	content: "\f00c";
	font-family: "fontAwesome";
	font-size: 10px;
	font-weight: 900;
	color: #fff;
}
.custom-form-wrapper .wpcf7-list-item {
	margin: 0;
}
.custom-form-wrapper textarea {
	min-height: 80px;
	resize: vertical;
}
.custom-form-wrapper .wpcf7-form-control-wrap.recaptcha {
	display: block;
	margin-top: 12px;
}
.custom-form-wrapper .wpcf7-submit {
	background-color: #7f65aa;
	color: #fff;
	border: 1px solid #7f65aa;
	padding: 12px 20px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 1.6px;
	width: 100%;
	outline: none;
	cursor: pointer;
	margin-top: 24px;
	transition: all 0.3s;
}
.custom-form-wrapper .wpcf7-submit:hover {
	background-color: #e4dbf7;
	border-color: #402a4f;
	color: #402a4f;
}
.custom-form-wrapper .wpcf7 form.sent .wpcf7-response-output {
	border-color: #8162aa;
}

@media screen and (max-width: 767px) {
	.custom-form-wrapper .form-row {
		flex-direction: column;
	}
	.custom-form-wrapper .form-group {
		width: 100%;
	}
}
/* home css ends here */

/* single blog page style */
.et_pb_posts.related-posts .et_pb_ajax_pagination_container {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 33.33%));
	gap: 16px;
}
.et_pb_posts.related-posts .et_pb_post {
	background-color: #eceae6;
	border: 1px solid #7f65aa;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: 11px 11px 11px -8px #0000001a;
	padding: 32px;
	margin-bottom: 0;
}
.et_pb_posts.related-posts .et_pb_post .entry-featured-image-url {
	margin: -32px -32px 32px;
}
.et_pb_posts.related-posts .et_pb_post .entry-featured-image-url img {
	aspect-ratio: 2 / 1.4;
	object-fit: cover;
}
.et_pb_posts.related-posts .et_pb_post .entry-title {
	margin-bottom: 12px;
}
.et_pb_posts.related-posts .et_pb_post .post-content-inner {
	margin-bottom: 24px;
}
.et_pb_posts.related-posts .et_pb_post a.more-link:hover{
	color:#7f65aa !important;
}
.et_pb_posts.related-posts .et_pb_post a.more-link::after{
	content:"\f105";
	font-family:"FontAwesome";
	margin-left:10px;
	font-size: 16px;
	transition:all .2s ease-in;
}
.et_pb_posts.related-posts .et_pb_post a.more-link:hover::after{
	padding-left: 4px;
}

@media screen and (max-width: 980px) {
	.et_pb_posts.related-posts 		
	.et_pb_ajax_pagination_container {
		grid-template-columns: repeat(2, minmax(0, 50%));
	}
	.et_pb_posts.related-posts .et_pb_post {
		padding: 28px;
	}
	.et_pb_posts.related-posts .et_pb_post .entry-featured-image-url {
		margin: -28px -28px 28px;
	}
}
@media screen and (max-width: 767px) {
	.et_pb_posts.related-posts 		
	.et_pb_ajax_pagination_container {
		grid-template-columns: repeat(1, auto);
	}
}
/* ***** */

.bae-form-wrapper .row {
    margin-left: -6px;
    margin-right: -6px;
    display: flex;
    flex-wrap: wrap;
}
.bae-form-wrapper .row > * {
    padding-left: 6px;
    padding-right: 6px;
}
.bae-form-wrapper .col-6 {
    width: 50%;
    flex: 0 0 50%;
}
.bae-form-wrapper .col-12 {
    width: 100%;
    flex: 0 0 100%;
}
.bae-form-wrapper label {
    color: #f5f5f7;
    letter-spacing: .05rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: .25rem;
    display: block;
    font-size: 16px;
}
.bae-form-wrapper .wpcf7-form-control {
    background: #f5f5f7;
    border: none !important;
    border-radius: 3px;
    font-size: 16px;
    padding: 12px !important;
    color: #402a4f !important;
    width: 100%;
}
.bae-form-wrapper br {
    display: none;
}
.bae-form-wrapper .bae-form-row {
    margin-bottom: 12px;
}
.bae-form-wrapper p.phi-warning {
    font-size: 14px;
    color: #f5f5f7;
    margin-bottom: 16px;
    letter-spacing: .03rem;
}
.bae-form-wrapper .bae-form-row-code {
    color: #f5f5f7;
    margin-bottom: 20px;
}
.bae-form-wrapper .wpcf7-form-control.wpcf7-recaptcha {
	background: none;
	padding: 0 !important;
}
.bae-form-wrapper .bae-form-submit .wpcf7-form-control {
    padding: 15px 24px !important;
    background-color: #d5b991;
    text-align: center;
    letter-spacing: .1rem;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: color .2s, background-color .2s;
    margin-bottom: 15px;
}
.bae-form-wrapper .bae-form-submit .wpcf7-form-control:hover {
    background-color: #e4dbf7;
    color: #402a4f;
}
.bae-form-wrapper .bae-form-submit .wpcf7-spinner {
    display: none;
}