/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* TYPOGRAPHY */
h2 {
	font-weight:400 !important;
}
h2 strong {
	font-weight:500 !important;
}

/* MENU */

.elementor-nav-menu--main .sub-menu .current-menu-ancestor > .has-submenu{
    background: #354858 !important;
    color:#fff !important;
}
.elementor-nav-menu--main .sub-menu .current-page-ancestor{
    background: #354858;	
	color:#fff !important;
}

._header_search_Form {
	position: absolute !important;
	top: 15px;
	width: auto !important;
	right: 0;
}

._overlay_img_hero {
	position: absolute !important;
	bottom: -46px;
	z-index: 9;
	left: -45px;
}

._hero_img_slider {
	max-width: 450px;
	margin: 0 auto;
}


/*

._hero_img_slider .elementor-swiper-button {
	position: absolute !important;
	top: auto !important;
	bottom: 10px !important;
	z-index: 99;
}

._hero_img_slider .elementor-swiper-button-prev {
	left: 42% !important;
}

._hero_img_slider .elementor-swiper-button-next {
	right: 42% !important;
}

*/

._home_client_gal_slider .sp-image {
	margin: 0 auto;
}

._home_client_gal_slider .sp-slides-container {
	/* background: url(https://yaletownsmiles.ca/wp-content/uploads/2021/04/client_bg.png); */
	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;

}

._home_client_gal_slider .sp-buttons {
	display: none !important;
}

._home_client_gal_slider .sp-next-thumbnail-arrow::after,
._home_client_gal_slider .sp-next-thumbnail-arrow::before,
._home_client_gal_slider .sp-previous-thumbnail-arrow::after,
._home_client_gal_slider .sp-previous-thumbnail-arrow::before {
	width: 2px !important;
}

#slider-pro-3-5649 {
	max-width: 620px !important;
}

.sp-thumbnails-container {
	margin-top: 20px;
}

._home_service_ovrlay_content {
	position: absolute !important;
	max-width: 350px;
	bottom: 100px;
	right: 60px;
}

._footer_call .elementor-container {
	position: absolute !important;
	bottom: -60px;
	width: 100% !important;
	left: 0;
	right: 0;
	z-index: 9;
	padding: 15px;
	background: #fff;
	box-shadow: 0px 0px 20px #9b9b9b;
}

._main_header {
	z-index: 9;
}
.home ._main_header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9;
}
._main_header._active {
	position: fixed !important;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	border-bottom: 1px solid #a9b5ba;
}

._main_header._active ._top_bar {
	height: 0;
	overflow: hidden;
	padding: 0 !important;
	border: 0 !important;
}

._footer_call {
	display: none !important;
}


._service_col_heading h5 {
	position: absolute;
	bottom: 0;
	z-index: 99;
	width: 100%;
	padding: 25px 10px;
	background-color: transparent;
	background-image: linear-gradient(180deg, #FFFFFF00 0%, #000000 100%);
}

._service_process_col .elementor-widget-wrap.elementor-element-populated {
	max-width: 600px;
	margin: 0 auto;
}

._services_faq .elementor-tab-title.elementor-active {
	background: #4ab6db !important;
	background-image: linear-gradient(90deg, #4ab6db 0%, #8cd1e9 100%) !important;
}


._make_exp_item .elementor-image-box-wrapper {
	min-height: 180px;
	margin-bottom: 0 !important;
}

._make_exp_item {
	margin-bottom: 10px !important;
}


._contact_pg .elementor-widget-form {
	margin: 0 auto;
}

._contact_pg_desc {
	margin: 0 auto;
}

._contact_pg .elementor-button {
	margin: 0 auto;
}

._blog_single_header {
	background: url(https://yaletownsmiles.ca/wp-content/uploads/2021/07/hero-bg-slate.jpg);
	text-align: center;
	padding: 100px 15px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover !important;
}

._blog_single_header h1 {
	font-size: 45px;
	font-family: Dm serif Display !important;
	color: #fff !important;
	font-weight: 200;
	max-width: 1170px;
	margin: 0 auto !important;
	display: table !important;
}

.single-post .site-main {
	padding: 70px 15px;
	max-width: 1200px !important;
}

.single-post .site-main * {
	font-family: DM Sans !important;
}
.single-post .site-main h1,
.single-post .site-main h3,
.single-post .site-main h2,
.single-post .site-main h4,
.single-post .site-main h5,
.single-post .site-main h6{
	font-family: Dm serif Display !important;	
}
.single-post .site-main a {
	color: #B99B6F !important;
}

.single-post .site-main p {
	margin-bottom: 15px;
	font-size: 16px;
	line-height: 30px;
}

.single-post .site-main li {
	margin-bottom: 15px;
	font-size: 16px;
}

._sub_entry-title {
	font-size: 38px;
	margin-top: 30px;
}
.page-id-3969 ._sub_entry-title {
	display: none;
}
.page-id-3969  ._blog_single_header {
	display: none;
}

._title_bar_content .elementor-widget-wrap {
	max-width: 550px;
	margin-left: 85px;
}

._have_question_img {
	position: absolute;
	left: -40px;
	z-index: 9;
}

._have_question .elementor-container {
    background: linear-gradient(99.8deg, #A68B4F 5.5%, #B79E67 88.48%);
	padding: 40px 40px 40px 0px;
	border-radius: 25px;
	position:relative;
}
.page ._sub_entry-title {
	display: none;
}
.page ._blog_single_header {
	display: none;
}


._3_boxes_home {
	position: absolute !important;
	top: -108px;
	z-index: 8;
}

._hero_slider {
	/*width: 110% !important;
	right: 7.5%;*/
}
body {
	overflow-x:hidden;
}

._hero_slider .owl-item {
	padding: 5px !important;
}

._hero_slider .owl-item img {
	border: 5px solid #fff;
	border-radius: 30px;
	box-shadow: 0px 0px 15px 0px rgba(53, 67, 87, 0.6);
}

._hero_slider .owl-item.active.center {
	
}
._hero_slider .owl-stage-outer {
	padding: 15px 0;
} 

._hero_slider .owl-nav.disabled,
._hero_slider .owl-nav {
	display: block !important;
	width: 100%;
	position: absolute;
	bottom: 45%;
	z-index: 9;
	margin-top: 0 !important;
}

._hero_slider .owl-next {
	float: right;
	background: #364252 !important;
	margin: 0 !important;
	color: #fff !important;
	width: 50px !important;
	line-height: 50px !important;
	padding: 0 !important;
}

._hero_slider .owl-next span {
	font-size: 30px !important;
	
}

._hero_slider .owl-prev {
	float: left;
	background: #364252 !important;
	margin: 0 !important;
	color: #fff !important;
	width: 50px !important;
	line-height: 50px !important;
	padding: 0 !important;
}

._hero_slider .owl-prev span {
	font-size: 30px !important;
	
}

._hero_heading h2 span {
	position: relative;
}


/* ._hero_heading h2 span::after {
	content: " ";
	width: 100%;
	display: table;
	position: absolute;
	background-image: url(https://yaletownsmiles.ca/wp-content/uploads/2022/03/underline.png);
	height: 7px;
	background-position: top center;
	background-size: cover;
	left: 0;
	bottom: 10px;
} */

._btn_header a::after {
	display: none !important;
}
._btn_header a {
	background: #364252 !important;
	color: #fff !important;
	border-radius: 40px !important;
	padding: 10px 34px !important;
	border: 0 !important;
}

._home_process_box .elementor-image-box-content {
	width: 100% !important;
	max-width: 100% !important;
	display: table !important;
}

._home_process_box .elementor-image-box-img {
	position: absolute !important;
	top: 10px;
	left: 5px;
	width: auto !important;
}

._home_process_box .elementor-image-box-title {
	padding-left: 80px;
	border-bottom: 2px solid #eef5fe;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0;
	padding-right: 10px;
}
._home_process_box .elementor-image-box-description {
	padding: 20px 15px 25px 15px;
}

._btn_process_get_started .elementor-button {
	min-height: 250px;
	line-height: 250px;
	padding-top: 0;
	padding-bottom: 0;
}

._home_process_box .elementor-widget-container {
	min-height: 250px;
}

._btn_process_get_started .elementor-button-icon i {
	background: #bed4ed;
	border-radius: 40px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-left: 10px;
}

._btn_process_get_started .elementor-button-text {
	flex-grow: 0;
}

._makeover_list .elementor-icon-list-icon{
	position: absolute !important;
	top: 2px;
}
._makeover_list .elementor-icon-list-text {
	padding-left: 50px !important;
}
._btn_icon_arrow .elementor-button-icon .fas {
	background: #bad1ef;
	width: 40px;
	line-height: 40px;
	border-radius: 60px;
	margin-left: 10px;
}

._home_popular_service_list .elementor-icon-list-item a {
	background: #111e2f;
	padding: 5px 30px;
	margin-bottom: 15px;
	border-radius: 35px;
}

body {
	overflow-x: hidden;
}
._title_bar {
	position: relative;
	overflow: hidden;
}

._title_bar_img {
	position: absolute !important;
	right: 0;
	width: 50% !important;
	top: 0;
}

._title_bar .elementor-container {
	position: static !important;
}
._our_mission_col .elementor-widget-wrap {
	max-width: 550px;
	padding: 10px;
}
.page-id-3683 ._our_popular_services{
	display:none !important;
}

@media screen and (max-width: 1024px){
	._home_service_ovrlay_content {
	    bottom: 50px;
	    right: 25px;
	}
	.elementor-nav-menu--dropdown {
	    margin-top: 25px !important;
	}
	._header_search_Form .elementor-search-form__toggle i {
	    font-size: 28px !important;
	    background-color: #ae965a !important;
	    border-radius: 0 !important;
	    color: #fff !important;
	}
	._3_boxes_home {
	position: static !important;
	top: 0;
	z-index: 0;
	}
	._our_mission_col .elementor-widget-wrap {
	max-width: 100% !important;
	}
}

@media screen and (max-width: 767px){
	._header_search_Form {
	    top: 19px;
	}
	._home_service_ovrlay_content {
		right: 5%;
		max-width: 100% !important;
		bottom: 15px;
		background: rgba(255, 255, 255, 0.8);
		left: 5%;
		width: 90% !important;
		padding: 15px;
	}
	._home_service_ovrlay_content h4 {
		font-size: 20px !important;
		line-height: 20px !important;
		margin-bottom: 10px !important;
		font-weight: 400 !important;
	}
	._home_service_ovrlay_content .elementor-cta__description {
	    font-size: 13px !important;
	}
	._home_service_ovrlay_content .elementor-cta__button {
		font-size: 10px !important;
		padding: 10px 20px !important;
	}
	.single-post .site-main h2 {
	    font-size: 1.2rem;
	}
	._sub_entry-title {
	    font-size: 30px !important;
	}

	._Service_faqs_v2 h4 {
	font-size: 20px !important;
	}
	._Service_extra_v2 h2 {
	font-size: 30px !important;
	}
	._Service_appointment_v3 h2 {
	font-size: 30px !important;
	}
	._Service_process_v3 h4 {
	font-size: 22px !important;
	}
	._Service_process_v3 .elementor-widget-text-editor {
	font-size: 16px !important;
	line-height: 28px !important;
	}
	._Service_process_v3 .elementor-inner-section {
	margin-bottom: 30px !important;
	}
	._Service_process_v3 h2 {
	font-size: 30px !important;
	}
	._Service_about_v2 h2 {
	font-size: 30px !important;
	} 	
	._title_bar h1 {
	text-align: center;
	line-height: 35px !important;
	font-size: 24px !important;
	}
	._title_bar .elementor-button {
	padding: 10px 36px !important;
	font-size: 12px !important;
	margin: 0 auto;
	display: table !important;
	}
	._Service_cta_v2 h3 {
	font-size: 26px !important;
	text-align: center;
	}
	._Service_cta_v2 p {
	text-align: center;
	}

	._hero_slider .owl-item img {
	border: 2px solid #fff;
	border-radius: 15px;
	}
	._hero_slider .owl-item {
	padding: 5px !important;
	}

	._footer_right_col_bg{
		background-color:#323C48 ;
	}
}

@media screen and (max-width:480px) {
	._title_bar_content .elementor-widget-wrap {
		max-width: 100%;
		margin: 20px;
	}
	
	._have_question_img {
	    display:none;
    }
    ._have_question .elementor-container {
	    padding: 20px;
    }
	.elementor-container a {
		overflow-wrap: break-word;
        word-wrap: break-word;
	}
}