/*

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

*/

/* DM stylesheet */



/* social icons header */

#customHeader .fusion-social-links {

	flex: 1;

	max-width: 330px;

    margin: 0 20px;

}

#customHeader .fusion-social-networks-wrapper {

	display: flex;

	flex-flow: row wrap;

	justify-content: space-between;

}





/* Main menu style */

#menu-phone-or-text span.menu-text {

	line-height: 1rem;

}

.fusion-sticky-transition .menu-containter-right .fusion-column-wrapper .fusion-megamenu-icon, .fusion-sticky-transition #menu-phone-or-text span.menu-text    {

	color: #03738C !important;

}

.menu-containter-right .fusion-menu-element-wrapper {

	width: unset;

}

.menu-containter-right .fusion-column-wrapper {

	flex-wrap: nowrap !important;

}

/* Select only button container */

.menu-containter-right .fusion-column-wrapper > div {

	display: flex;

	justify-content: center;

	flex-flow: column;

}

/* Select only "Call or Text" */

.menu-containter-right .callOrtext {

	display: inherit;

}

.callOrtext .fusion-menu-element-list .sub-menu > li:first-child {



}



/* Jumbotron header */
/* .jumbotron .fusion-column-wrapper div:not(.jumbotron-column-btns):not(.fusion-text) {

	margin-bottom: -24px;

} */



/* Content management */

.justify-content .fusion-column-wrapper .fusion-builder-row {

	justify-content: flex-end;

}



/* links with arrow tailing */

.arrowlink {

	font-weight: bold;

	transition: all 0.5s ease-in;

}

.arrowlink img {

	max-width: 13px;

	vertical-align: middle;

    padding-bottom: 2px;

    margin-left: 10px;

	animation: arrow 0.8s ease infinite;

	animation-play-state: paused;

}

.arrowlink:hover img {

	animation-play-state: running;

}

@keyframes arrow {

	0% {margin-left: 10px; margin-right: 0;}

	50% {margin-left: 5px; margin-right: 5px;}

	100% {margin-left: 10px; margin-right: 0;}

}



/* Doctors section, custom code */

.theDocs {

	margin: 0 auto;

}

.singleDoc {

	display: flex;

	max-width: 890px;

	margin-left: 13vw;

}

.singleDoc:nth-child(even) {

	flex-direction: row-reverse;

	margin-left: 0;

	margin-right: 13vw;

	margin-top: 100px;

}

.singleDoc:nth-child(even) .docDesc {

	text-align: right;

}

.singleDoc:nth-child(even) .portrait-wrapper {

	margin-right: 0px;

	margin-left: 50px;

}

.portrait-wrapper {

	border-radius: 100%;

	overflow: hidden;

	flex: 1 0 280px;

    margin-right: 50px;

}

.portrait-wrapper .fusion-modal-text-link {

	display: inline-block;

	position: relative;

}

.portrait-wrapper .fusion-modal-text-link::before {

    content: '';

    background: url('https://youngquistkennedyortho.com/wp-content/uploads/2021/01/play-button-svgrepo-com.svg') no-repeat center;

    background-size: 30px;

    position: absolute;

    opacity: 0;

    transition: all 0.3s ease-in-out;

    width: 100%;

    height: 100%;

    left: 0;

    color: #ffffff !important;

    transform: scale(2);

    z-index: 2;

}

.portrait-wrapper .fusion-modal-text-link::after {

	content: "";

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 20px;

	height: 20px;

	opacity: 0;

	transition: all 0.3s ease;

	background-color: rgba(3,115,140,0.8);

	border-radius: 100%;

}

.portrait-wrapper:hover .fusion-modal-text-link::after, .portrait-wrapper:hover .fusion-modal-text-link::before {

	opacity: 1;

}

.portrait-wrapper:hover .fusion-modal-text-link::after {

	transform: scale(20);

}

.portrait-wrapper:hover .fusion-modal-text-link::before {

	transform: scale(1);

}



.docDesc {

	display: flex;

	flex-flow: column wrap;

	justify-content: center;

}



/* FAQ search */

.fusion-live-search .fusion-search-results {

	background-color: rgba(255,255,255,0.7) !important;

	backdrop-filter: blur(10px);

}

.fusion-search-results-wrapper .fusion-search-result .fusion-search-content {

	color: #03738C;

}

.fusion-search-results-wrapper .fusion-search-result {

	border: none !important;

}

.fusion-live-search .fusion-search-results {

	border-radius: 0 !important;

	border: none !important;

}



/* Tabs for about us page */

.fusion-tabs .nav-tabs li .fusion-tab-heading {

	font-size: 1rem;

}

.fusion-tabs.classic .nav-tabs > li.active .tab-link {

	border-color: #03738C;

}

.fusion-tabs.classic .nav-tabs > li.active .tab-link:hover, .fusion-tabs.classic .nav-tabs > li.active .tab-link:focus {

	border-color: #83B8D2;

}



/* Treatments Section */



/* lift up content */

.raised-content {

	transform: translateY(-50%);

}

.raised-content-low {

	transform: translateY(-50%);

}

.keep-height {

	min-height: 430px;

}

/* 3 buttons fix corners on hover */

.treatment-titlebox span.hover-type-liftup::before {

	border-radius: 20px;

}



/* Form style */



/* Form style */

.formcraft-css .fc-form .form-element .field-cover input[type="text"], .formcraft-css .fc-form .form-element .field-cover input[type="password"], .formcraft-css .fc-form .form-element .field-cover input[type="email"], .formcraft-css .fc-form .form-element .field-cover input[type="radio"], .formcraft-css .fc-form .form-element .field-cover input[type="checkbox"], .formcraft-css .fc-form .form-element .field-cover input[type="tel"], .formcraft-css .fc-form .form-element .field-cover select, .formcraft-css .fc-form .form-element .field-cover textarea {

    background-color: rgba(255,255,255,0.2) !important;

    backdrop-filter: blur(10px) !important;

    padding: 15px 15px !important;

    font-weight: bold;

    font-size: 1rem;

	color: #FFFFFF !important;

}

.formcraft-css .fc-form .form-element .field-cover input[type="text"]::placeholder, .formcraft-css .fc-form .form-element .field-cover input[type="password"]::placeholder, .formcraft-css .fc-form .form-element .field-cover input[type="email"]::placeholder, .formcraft-css .fc-form .form-element .field-cover input[type="tel"]::placeholder, .formcraft-css .fc-form .form-element .field-cover select::placeholder, .formcraft-css .fc-form .form-element .field-cover textarea::placeholder {

	color: white;

	opacity: 0.8;

}



html .formcraft-css .fc-form .form-element .error {

	color: white;

	background: red;

	top: -18px;

	line-height: 14px;

	padding: 2px;

}



html .formcraft-css .fc-form .form-element .submit-cover .submit-button {

	font-family: 'Source Sans Pro';

	padding: 15px;

    font-size: 1rem;

    font-weight: bold;

    text-transform: capitalize;

	background-color: #F2E396 !important;

	color: #8B8259 !important;

}

html .formcraft-css .fc-form .form-element .field-cover.customText-cover p {

	color: #ffffff !important;

}

/* Contact page funnel */

.booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="text"], .booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="password"], .booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="email"], .booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="radio"], .booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="checkbox"], .booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="tel"], .booking-contact .formcraft-css .fc-form .form-element .field-cover select, .booking-contact .formcraft-css .fc-form .form-element .field-cover textarea {

    background-color: rgba(162, 161, 151, 0.3) !important;

    backdrop-filter: blur(10px) !important;

    padding: 15px 15px !important;

    font-weight: bold;

    font-size: 1rem;

	color: #A2A197 !important;

}

.booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="text"]::placeholder,.booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="password"]::placeholder,.booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="email"]::placeholder,.booking-contact .formcraft-css .fc-form .form-element .field-cover input[type="tel"]::placeholder,.booking-contact .formcraft-css .fc-form .form-element .field-cover select::placeholder,.booking-contact .formcraft-css .fc-form .form-element .field-cover textarea::placeholder {

	color: #A2A197;

	opacity: 0.8;

}

html .booking-contact .formcraft-css .fc-form .form-element .field-cover.customText-cover p {

	color: #a2a197 !important;

}



html .booking-contact .formcraft-css .fc-form .form-element .error {

	color: white;

	background: red;

	top: -18px;

	line-height: 14px;

	padding: 2px;

}



html .booking-contact .formcraft-css .fc-form .form-element .submit-cover .submit-button {

	font-size: 14px;

	font-family: 'Source Sans Pro';

	font-weight: 400;

	text-transform: uppercase;

	padding: 15px;

    font-size: 1rem;

    font-weight: bold;

    text-transform: capitalize;

	background-color: #F2E396 !important;

	color: #8B8259 !important;

}

.booking-contact .main-label, .booking-contact .sub-label, html .booking-contact .checkbox-cover label span {

	color: #a2a197;

}

html .formcraft-css input[type="radio"]::before {

	left: 12px;

	top: 14px;

	height: 7px;

	width: 14px;

}

/* G reviews */
.egpr-review-section {
	padding: 0;
}

/* Testimonials shortcode */

.testimonial {

	padding: 45px;

	background-color: #03738C;

	border-radius: 20px;

	cursor: pointer;

	transition: background 0.5s ease-in-out;

	margin-bottom: 30px;

}

.testimonial-inner {

	display: flex;

	flex-flow: row wrap;

	align-content: center;

	justify-content: center;

}

.testimonial-inner .img-wrap {

	flex: 2;

	margin-right: 40px;

	display: flex;

	flex-flow: column;

	justify-content: center;

}



.testimonial-titles {

	flex: 9;

	color: #fff;

}

.testimonial .testimonial-titles h4 {

	color: #fff;

	margin-bottom: 0;

	font-size: 1rem;

	font-weight: bold;

	line-height: 1.5rem;

}



.post-content .testimonial p {

	margin-bottom: 0;

}

.testimonial:hover {

	background-color: #016379;

}



/* Testimonials popup */

.contentPop {

	transition: opacity 0.8s ease;

	opacity: 0;

}

.contentPop i {

	cursor: pointer;

}

.contentPop::before {

	content: 'Click outside to close';

	position: absolute;

	left: 0;

	top: -40px;

	z-index: 200;

	color: white;

}

.contentPop p {

	font-size: 17px;

}

.popupShow {

	visibility: visible !important;

	position: fixed;

	padding: 20px;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	width: 30%;

	z-index: 99999;

	background: white;

	border-radius: 5px;

	border: solid #222 1px;

	text-align: left;

	opacity: 1;

}

.popupbg {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 99998;

	background: rgba(0,0,0,0.5);

}





/* Footer maps */

.footer-map .fusion-column-wrapper {

	max-width: 780px;

	margin: 0 auto !important;

}



/* book buttons */

.contactbuttons {

	

}



/* Mobile only buttons in bottom of screen*/

#mobile-bottom-nav {

	position: fixed;

	bottom: 0;

	top: initial !important;

	width: 100%;

}

.mobile-bottom-inner > .fusion-column-wrapper > div {

	flex: 1;

	display: flex;

}

.mobile-item {

	display: flex;

    flex-flow: column;

    align-items: center;

    justify-content: center;

}

.mobile-item i {

    margin: 4.5px 0 5px;

    font-size: 1.5rem;

}



/* playpause overlay for videos */

.video {

    width: 100%;

	border-radius: 3px;

}

.videowrapper{

    display:table;

    width:auto;

    position:relative;

}

.playpause {

	background-color: rgba(255,255,255,0.4);

    background-repeat: no-repeat;

    width: 10vh;

    height: 10vh;

    border-radius: 100%;

    position: absolute;

    backdrop-filter: blur(10px);

    left: 50%;

    top: 50%;

    bottom: 0%;

    background-size: contain;

    background-position: center;

    transform: translate(-50%, -50%);

    cursor: pointer;

	display: flex;

    flex-flow: column;

    align-items: center;

    justify-content: center;

}

.playpause i {

	color: #fff;

}



/* Main Menu custom style */

.flyout-submenu-expanded #menu-main.fusion-menu > li > ul.awb-menu__sub-ul {

	left: auto !important;

	width: 400px !important;

	justify-content: flex-start !important;

	box-shadow: rgba(0,0,0,0.6) 0px 0px 60px 0px;

	padding-top: 10vh !important;

	padding-left: 2.5rem;

	background-color: #016379 !important;

}



 .flyout-submenu-expanded #menu-main.fusion-menu > li > ul.awb-menu__sub-ul > li a {

	display: none;

	transition: padding 0.2s ease;

	padding: 0;

    font-size: 1.3rem !important;

    font-weight: 100;

}



.flyout-submenu-expanded #menu-main.fusion-menu > li > ul.awb-menu__sub-ul > li a:hover {

	padding-left: 10px

}



.fusion-menu-element-wrapper.submenu-mode-flyout:not(.collapse-enabled).submenu-flyout-direction-fade #menu-main.fusion-custom-menu > li > .fusion-megamenu-wrapper, .fusion-menu-element-wrapper.submenu-mode-flyout:not(.collapse-enabled).submenu-flyout-direction-fade #menu-main.fusion-custom-menu > li > .sub-menu {

	right: -30px;

	transition-delay: 0.6s;

}



.fusion-menu-element-wrapper.submenu-mode-flyout:not(.collapse-enabled).submenu-flyout-direction-fade #menu-main.fusion-custom-menu > li.expanded > .fusion-megamenu-wrapper, .fusion-menu-element-wrapper.submenu-mode-flyout:not(.collapse-enabled).submenu-flyout-direction-fade #menu-main.fusion-custom-menu > li.expanded > .sub-menu {

	right: 0;

	transition-delay: 0s;



}

#menu-main ul.awb-menu__sub-ul li {

	margin-bottom: 10px;

}

/* button in flyout menu */



#menu-main ul.awb-menu__sub-ul li:nth-last-child(2) {

	padding-bottom: 50px;

}

#menu-main ul.awb-menu__sub-ul li:last-child {
	/*margin-top: 50px;*/
	margin-top: 0;
	margin-bottom: 0;
}

#menu-main ul.awb-menu__sub-ul li{
    background-color: transparent;
}

#menu-main ul.awb-menu__sub-ul li:last-child a {
    background-color: transparent;
	padding: 0;

}

#menu-main ul.awb-menu__sub-ul li:last-child a span {
	font-size: 14px;
    font-weight: 700;
    background-color: #83b8d2;
    padding: 13px 29px;
    line-height: 17px;
	transition: background 0.2s ease;
	width: 100%;
	color: #ffffff;
}

#menu-main ul.awb-menu__sub-ul li:last-child a span:hover {

	background-color: #73a3ba;

}



.flyout-submenu-expanded #menu-main.fusion-menu > li > ul.awb-menu__sub-ul > li:last-child a:hover {

	padding-left: 0;

}



/* Subpage tabs wrapper */

.menu-bubble .fusion-column-wrapper {

	width: auto !important;

	margin: 0 auto !important;

}

/* Subpage tabs */

.menu-bubble .bubblemenu-btn {

	background-color: transparent !important;

}

.menu-bubble .fusion-column-wrapper > div {

	border-right: 1px solid #FFFFFF;

}

.menu-bubble .fusion-column-wrapper > div:last-child {

	border-right: none;

}

.menu-bubble .bubblemenu-btn:hover {

	padding: 8px 29px 18px 29px;

}

/* Treatments sections */

.treatment-img {

	overflow: visible !important;

}

.treatment-img .fusion-column-wrapper {

	overflow: inherit !important;

	min-height: 33vw !important;

}

.round-btn {

	width: 20vh;

	height:20vh;

	position: absolute;

    bottom: 0;

    right: 0;

}

.round-btn a.arrowlink {

	width: 100%;

	height: 100%;

	border-radius: 100%;

	background-color: rgba(3,115,140,0.6);

	backdrop-filter: blur(30px);

	display: inline-flex;

	justify-content: center;

	flex-flow: column;

	text-align: center;

	transition: all 0.2s ease;

}

.round-btn a.arrowlink:hover {

	background-color: rgba(107,121,140,0.6);

}



.round-btn a.arrowlink p {

	margin: 0 !important;

}

.treatment:nth-child(odd) .round-btn {

	right: 5vw;

}

/* scrollbar fix for modals */

.modal-noscrollbar .modal-dialog {


		overflow-x: clip;

		overflow-y: scroll;

}

@media only screen and (max-height: 1080px) {

	/* scrollbar fix for modals */

	.modal-noscrollbar .modal-dialog {

		overflow-y: scroll;

	}

}



@media only screen and (max-width: 750px) {

	/* Video fix */

	.videowrapper {

		display: inherit;

	}

	/* Smilesnap btn */

	body div#smilesnap-wide-button, body div#smilesnap-floating-button {

		bottom: 50px !important;

	}

	/* front page video section */

	#jumbotron {

		min-height: 100vh !important;

	}

	/* Mobile menu */

	.fusion-menu-element-wrapper.submenu-mode-flyout:not(.collapse-enabled) .fusion-custom-menu > li > .sub-menu {

		width: 60vw !important;

	}

	.fusion-body .fusion-menu-element-wrapper[data-count="1"]:not(.collapse-enabled) .fusion-menu-element-list ul:not(.fusion-megamenu) a {

		font-size: 1rem !important;

	}

	

	/* treatment image height adjust */

	.treatment-img .fusion-column-wrapper {

		min-height: 80vw !important;

	}

	

	/* round button and image position fix */

	.treatment:nth-child(odd) .round-btn {

		right: 0;

	}

	.treatment:nth-child(odd) .treatment-img {

		order: 1;

	}

}

@media only screen and (max-width: 470px) {

	/* title over video */

	.main-title h1 {

		font-size: 3rem;

	}

	.main-text-cta p {

		font-size: 1.2rem;

	}

	

	#customHeader .logowrapper {

		flex: 1 0 0% !important;

	}

	#customHeader .menu-containter-right {

		flex: 2 1 0% !important;

		width: unset !important;

	}

	

	/* The Doc's */

	.singleDoc {

		margin-left: 0;

		flex-wrap: wrap;

	}

	.portrait-wrapper, .singleDoc:nth-child(even) .portrait-wrapper {

		margin-right: 0;

		margin-left: 0;

		margin-bottom: 30px;

	}

	.singleDoc:nth-child(even) {

		flex-direction: row;

		margin-right: 0;

		margin-top: 50px;

	}

	.singleDoc:nth-child(even) .docDesc {

		text-align: left;

	}

	

	/* treatments */

	.raised-content-low {

		transform: translateY(-20%);

	}

	.transform-to-color h2, .transform-to-color p {

		color: #A2A197 !important;

	}

	

	/* misc. */

	.raise-on-mobile {

		margin-top: -40vh !important;

	}

	.ratings .fusion-column-wrapper {

		border-radius: 0 !important;

	}

}