/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1737639164
Updated: 2025-01-23 13:32:44

*/

body,html{
	overflow-x:hidden !important;
}
p {
    margin-bottom: 0;
}
/* Mobile Side menu css */
.mobile-button{
    display: none;
    background: transparent !important;
    cursor: pointer;
    z-index: 99;
    margin-left: auto;
    outline: none !important;
}
.mobile-button span {
    height: 2px;
    width: 20px;
    background: #f5690b;
    display: block;
    margin-bottom: 4px;
    transition: .3s linear;
}
.mobile-button.button-active span:first-child {
    transform: rotate(50deg);
}
.mobile-button.button-active span:nth-child(2) {
    display: none;
}
.mobile-button.button-active span:nth-child(3) {
    transform: rotate(-50deg);
    margin-top: -6px;
}
.mobile-button span:last-child{
    margin-bottom: 0;
}
.nav-outer {
    position: fixed;
    top: 0;
    left: -80%;
    height: 100vh;
    width: 80%;
    z-index: 999;
    background-color: #283441;
    transition: .3s linear;
    padding: 0 0;
    overflow-x: hidden;
}
.nav-outer.menu-open {
    left: 0;
}

.nav-outer .main-navigation ul{
	 list-style: none;
	 padding: 0;
}
.thank-you h2:after {
    content: '\2713';
    font-size: 100px;
    display: block;
    color: #45c8f1;
    font-weight: 900;
	margin: 30px;
}
/*********************************** Start Of Fixed Header Smooth Animation Css ***********************************/
.header-mobile{position:fixed!important;left:0px!important;right:0px!important;top:0px!important;z-index:111!important;}
@keyframes smoothScroll{
    0%{transform:translateY(-40px);}
    100%{transform:translateY(0px);}
}
.mobile-icon {display: none;}

/*********************************** End Of Fixed Header Smooth Animation Css ***********************************/
/********************************* Start Of Header Css***************************************/
.header-mobile{display:none;}
.home .header {position: fixed;left: 0px!important;right: 0px!important;top: 0px!important;z-index: 111!important;background: #fff !important;}
.logo{margin-bottom:-150px!important;position: relative;z-index: 1;}
.services-dropdown .sub-menu {
    column-count: 2;
}

/********************************* End Of Header Css***************************************/


@media (max-width: 1024px){
  .header-container{padding:10px;}
    .header-mobile{display:block;margin-top:52px;box-shadow:rgba(0, 0, 0, 1) 0px 0px 0px 0px;background: #fff;}
    .header-row{display:flex;align-items:center;justify-content:space-between;}
    .header-logo img{max-width:300px;}
    .header-toggle .mobile-button{border:none;background:var(--e-global-color-primary);margin:0px;padding:0px;border-radius:5px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-left:auto;}
   .header-toggle .mobile-button span {height: 2px;width: 30px;background: #40a8f6;display: block;margin: 4px 0px;}
    .header-toggle .mobile-button.button-active span:nth-child(1){transform:translateY(-4px) translateX(0) rotate(45deg);-webkit-transform:translateY(-4px) translateX(0) rotate(45deg);-moz-transform:translateY(-4px) translateX(0) rotate(45deg);-webkit-transition:all .2s ease-in-out;}
    .header-toggle .mobile-button.button-active span:nth-child(2){opacity:0;-webkit-transition:all .2s ease-in-out;}
    .header-toggle .mobile-button.button-active span:nth-child(3){transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transform:translateY(-5px) translateX(0) rotate(-43deg);-moz-transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transition:all .2s ease-in-out;}
    .header-menu{position:absolute;top:-52px;left:-100%;bottom:0px;width:80%;height:100vh;z-index:999;background:var(--e-global-color-primary);transition:.3s linear;overflow-x:hidden;border-radius:0px;box-shadow:none;padding:0px;}
    .header-menu.menu-open{left:0px;}
    .header-menu ul{padding:0px;margin:0px;}
    .header-menu ul li{display:flex;justify-content:space-between;align-items:stretch;margin:0px;position:static;border-bottom:1px solid #d7d7d7;}
    .header-menu ul li:last-child{border:none;}
    .header-menu ul li a{color:#ffffff;padding:15px;display:block;width:100%;}
    .header-menu ul li a:hover{color:#ffffff;background:none;}
    .header-menu ul li:hover .sub-menu{visibility:hidden;opacity:0;transform:translateY(0px);}
    .header-menu .sub-menu{position:absolute;margin-top:0px;top:0px;bottom:0px;left:auto;right:-100%;width:100%;z-index:11;display:block;background:var(--e-global-color-primary);transform:translateY(0px);transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
    .header-menu ul li .sub-menu.is-active{opacity:1;visibility:visible;right:0%;}
    .header-menu ul li .sub-menu li{display:flex;}
    .header-menu ul li .sub-menu li .sub-menu.is-active{opacity:1;visibility:visible;right:0%;}
    .header-menu ul li .sub-menu li a{color:#ffffff;padding:15px;}
    .header-menu .sub-click{width:50px;background:var(--e-global-color-secondary);display:flex;align-items:center;justify-content:center;}
    .header-menu .sub-click svg{width:15px;fill:#ffffff;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-o-transform:rotate(-90deg);-ms-transform:rotate(-90deg);}
    .header-menu .sub-close svg{fill:#ffffff;}
    .header-menu .sub-menu .sub-click{position:static;transform:translateY(0%);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);-ms-transform:translateY(0%);}
.services-dropdown .sub-menu {
    column-count: 1;
}	
}
/* ---- */

/*for contact us form*/

.cus-row {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    gap: 15px;
}
.cus-row .col-4 {
    width: calc(33.33% - 10px);
}
.cus-row .col-6 {
	width: calc(50% - 10px);
}
.cus-row .col-12 {
    width: 100%;
}
span.wpcf7-spinner {
    display: none;
}
.cus-row .col-6.label-input label {
    font-size: 16px;
    padding: 0 0 10px 10px;
}
.default-form input[type=date], .default-form input[type=email], .default-form input[type=number], .default-form input[type=password], .default-form input[type=search], .default-form input[type=tel], .default-form input[type=text], .default-form input[type=url], .default-form select, .default-form textarea {
    width: 100%;
    border: 1px solid var(--e-global-color-secondary);
    padding: 14px;
    border-radius: 10px;
    color: var(--e-global-color-text);
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    background: #fff;
    outline: none !important;
}
.default-form textarea {
	height: 150px;
}
.footer.default-form textarea {
    height: 75px;
}
.default-form ::placeholder {
    color: #000 !important;
}
.submit-button {
    margin-top: -10px;
}
.submit-button p {
    text-align: center;
}
.cus-row .submit-button input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: var(--e-global-color-secondary);
    font-family: var(
    --e-global-typography-text-font-family), sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 15px 40px 15px 40px;
    min-width: 130px;
}
.cus-row .submit-button input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background-color: var( --e-global-color-primary );
}
.radio-main .wpcf7-list-item {
    margin: 0;
    position: relative;
    width: 50%;
}
.radio-main input {
    position: absolute;
    height: 100%;
    width: 100%;
    visibility: hidden;
}
.radio-main .wpcf7-list-item-label {
    border: 1px solid var( --e-global-color-secondary );
    padding: 18.5px 10px;
    border-radius: 10px;
    color: #0f0f0f;
    font-family: var(--e-global-typography-text-font-family), sans-serif;
    font-size: 16px;
    background: #fff;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    outline: none !important;
}
.radio-main label {
    width: 100%;
}
.radio-main input:checked + .wpcf7-list-item-label {
    background: var( --e-global-color-primary );
    color: #fff;
    border-radius: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #f00;
	text-align: center;
}

.home-menu a {
    background: url(https://www.parklawnsmiles.ca/wp-content/uploads/2025/01/logo.png);
    width: 300px;
    height: 63px;
    background-size: cover;
    font-size: 0 !important;
    margin: auto 27px !important;
    padding: 0 !important;
}
.sm-box{filter: drop-shadow(0 0 10px rgba(0,0,0,0.15));}
.title-bold{
	font-weight:800 !important;
}
.btn-shadow{filter: drop-shadow(0 0 10px rgba(0,0,0,0.38));}
.dental-emergency-section:after{
	content:"";
	background:url(https://www.parklawnsmiles.ca/wp-content/uploads/2025/01/dental-emergency-star.png);
	width:96px;
	height:150px;
	z-index:99;
	position:absolute;
	right:24px;
	bottom:24px;
}
.our-patients-section{
	position:relative;
}
.our-patients-section::before{
	content:"" !important;
	background:url(https://www.parklawnsmiles.ca/wp-content/uploads/2025/01/star-logo.png);
	background-repeat:no-repeat;
	left:30px !important;
	top:0;
}
.our-patients-section::after{
	content:"";
	background:url(https://www.parklawnsmiles.ca/wp-content/uploads/2025/01/star-logo.png);
	width:50px;
	height:78px;
	position:absolute;
	right:30px !important;
	top:0;
	z-index:11;
}
.ser-single-box:hover img,.ser-single-box img{
filter: brightness(0) saturate(100%) invert(31%) sepia(23%) saturate(1195%) hue-rotate(157deg) brightness(91%) contrast(91%);}
.ser-single-box:hover img,.ser-single-box img:hover{
	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(132deg) brightness(105%) contrast(105%);
}
 .ser-single-box:hover .sin-ser-title h3{
	color:#fff !important;
} 
.list-item .elementor-inline-items li{
	flex: 1;
}
.review-row .ti-widget.ti-goog .ti-row {
    flex-direction: column !important;
	display:flex;
    gap: 15px;
}
.review-row .ti-name {
    display: none !important;
}
.review-row .ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn {
    background-color: #265a76;
    padding: 12px 30px;
    border-radius: 27px;
    border-color: #265a76;
    font-size: 14px;
	transition:all .4s ease;
}
.review-row .ti-widget.ti-goog .ti-header-write-btn-container .ti-header-write-btn:hover{
	background-color: #41b4e2;
	border-color: #41b4e2;
}
.review-row .ti-profile-details {
    gap: 5px !important;
}
.review-row .ti-widget.ti-goog .ti-col-4 .ti-reviews-container {
    flex: 0 0 80% !important;
    max-width: 80% !important;
}
.review-row .ti-widget.ti-goog .ti-col-4 .ti-footer {
    flex: 0 0 20% !important;
    max-width: 20% !important;
}
.review-row .ti-widget.ti-goog .ti-review-item>.ti-inner{box-shadow:0 0 15px rgba(190,190,190,0.52);background-color: #ffffff !important;}
.review-row .ti-widget.ti-goog .ti-controls .ti-next:after,.review-row .ti-widget.ti-goog .ti-controls .ti-prev:after,.review-row .ti-widget.ti-goog .ti-controls .ti-next:before,.review-row .ti-widget.ti-goog .ti-controls .ti-prev:before {
    background: #fff !important;
	width: 12px !important;
    height: 2px !important;
}
.review-row .ti-widget.ti-goog .ti-controls .ti-next:before {
    top: 15px !important;
    right: 13px !important;
}
.review-row .ti-widget.ti-goog .ti-controls .ti-next:after {
    top: 23px !important;
    right: 13px !important;
}
.review-row .ti-widget.ti-goog .ti-controls .ti-prev:after{
	top: 15px !important;
    left: 13px !important;
}
.review-row .ti-widget.ti-goog .ti-controls .ti-prev:before {
    top: 23px !important;
    left: 13px !important;
}
.review-row .ti-widget.ti-goog .ti-controls {
    margin-top: -75px !important;
    top: 0 !important;
}
.review-row .ti-widget.ti-goog .ti-controls .ti-prev {
    left: auto !important;
    right: 60px !important;
}
.review-row .ti-widget.ti-goog .ti-controls .ti-next {
    right: 10px !important;
}
.review-row .ti-widget.ti-goog .ti-reviews-container-wrapper {
    padding: 20px 0 20px 0px!important;
    margin: 0 !important;
}

.about-before-after .swiper-wrapper{
	 padding-top: 45px;
	 padding-bottom: 45px;
	 box-sizing: border-box;
/* 	filter: drop-shadow(0 0 25px rgba(133,133,133,0.45)); */
}
.about-before-after .elementor-custom-embed-play i, .elementor-custom-embed-play svg {
    opacity: 1 !important;
}
.about-before-after .elementor-custom-embed-play svg {
    height: 70px !important;
    width: 70px !important;
}
.about-before-after .swiper-slide-next{
	   transform: scale(1.4) !important;
	   z-index: 2;
	   padding:0;
}
.about-before-after .elementor-swiper-button-prev{
	 left: 46% !important;
}
.about-before-after .elementor-swiper-button-next{
	 right: 46% !important;
}

.about-before-after .elementor-swiper-button,.review-row .ti-widget.ti-goog .ti-controls .ti-next,.review-row .ti-widget.ti-goog .ti-controls .ti-prev {
    font-size: 20px;
    background: #265A76;
    height: 40px;
    width: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.about-before-after .swiper .elementor-swiper-button, .about-before-after .swiper~.elementor-swiper-button {
    top: calc(100% + 30px) !important;
    transform: unset !important;
}
.header-icon{
	line-height:1 !important;
}

/* Form design */
.medianv-form .gfield_radio {display: flex! Important;border: 1px solid #a5a5a5;background: #ffffff;overflow: hidden;border-radius: 0px;gap: 0!important;flex-direction: unset!important;}
.medianv-form input, .medianv-form textarea,.medianv-form select, .medianv-form .gfield_radio {border-radius: 10px !important;height: 54px !important;color: #000;border-color: #265a75;line-height: 54px !important;outline: none !important;box-shadow: none !important;font-size: inherit !important;}
.medianv-form .con-page-form-sec input:not([type="checkbox"], [type="submit"]), .medianv-form .con-page-form-sec textarea {color: #000 !important;}
.medianv-form input::placeholder, .medianv-form textarea::placeholder,.medianv-form select::placeholder, .medianv-form .gfield_radio::placeholder {color: #000;}
.medianv-form input:focus, .medianv-form input:textarea {box-shadow: unset !important;}
.medianv-form .gfield_radio {height: 50px !important;}
.medianv-form input[type=radio]:checked~label {background: #0964b0 ;color: #fff !important;border-color: #fff;}
.medianv-form .gchoice {width: 50%;position: relative;overflow: hidden;}
.medianv-form .gfield_radio .gform-field-label {font-size: 1rem!important;max-width: 100%!important;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;display: flex!important;align-items: center;justify-content: center;margin: 0px;z-index: 1;cursor: pointer;}
.medianv-form input[type=radio] {opacity: 0;border: 0 !important;}
.medianv-form input, .medianv-form textarea,.medianv-form select {text-align: left !important;}
.medianv-form input[type=radio]:checked ~ label {background: #42b4df;color: #ffffff;border-color: #000;}
.medianv-form .gfield_radio {height: 37px;}
.medianv-form .gform-datepicker {width: 100% !important;}
.medianv-form .gform_button {background-color: #265a75 !important;margin: auto !important;padding: 0px 40px !important;}
.gform-theme--framework .gform_validation_errors .gform_submission_error {color: red;}
.gform-theme--framework .gfield_validation_message {--gf-local-color: red;}
.medianv-form .gfield_checkbox input {width: 20px !important;height: 20px !important;border-radius: 0!important;}
.medianv-form .gfield_checkbox {display: inline-block !important;column-count: 3;}
.medianv-form .gfield_checkbox .gchoice {width: 100%;margin-bottom: 15px;}
.medianv-form .gform-theme--foundation .gform_fields {row-gap: 15px;}
.medianv-form .gfield_label , .medianv-form .gform-field-label {font-size: 1rem!important}
.medianv-form.contact .gfield_checkbox {column-count: 2;}
@media (min-width:1025px){
body.error404 .page-header.not-found {
    margin-top: 220px !important;
    text-align: center;
}
body.error404 .page-content {
    text-align: center !important;
    margin-bottom: 40px;
}
}

@media (max-width: 1220px) and (min-width: 1025px) {
    .elementor-60 .elementor-element.elementor-element-bc34035 {
        --width: 36% !important;
    }
}
@media (max-width: 1024px) and (min-width: 860px) {
    .elementor-60 .elementor-element.elementor-element-bc34035 {
        --width: 56% !important;
    }
}

@media (max-width:1024px){
	.home-menu {
    display: none !important;
}
body.error404 .page-header.not-found {
    margin-top: 175px !important;
    text-align: center;
}
body.error404 .page-content {
    text-align: center !important;
    margin-bottom: 40px;
}	
.about-before-after .swiper .elementor-swiper-button, .about-before-after .swiper~.elementor-swiper-button {
    top: calc(100% + 15px) !important;
}
	.dental-emergency-section:after{
	right:15px;
	bottom:15px;
}
.our-patients-section::before {
    left: 15px !important;
    top: -15px !important;
	width:50px;
	height:78px !important;
}
.our-patients-section::after {
    right: 15px !important;
    top: -15px !important;
    z-index: 9;
}
	.about-before-after .elementor-swiper-button-prev{
	 left: 44% !important;
}
.about-before-after .elementor-swiper-button-next{
	 right: 44% !important;
}
	.medianv-form .gfield_checkbox {column-count: 2;}
	.medianv-form.contact .gfield_checkbox {column-count: 1;}
}

@media (max-width:868px){
.radio-main .wpcf7-list-item-label {
    padding: 18.5px 5px;
    font-size: 14px;
}
}

@media (max-width:768px){
	 .header-container{padding:10px 15px;}
	.header-mobile {margin-top: 0;}
	.home .header {top: 0px !important;}
	.header-logo img {max-width: 250px;}
	.header-menu {top: 0;}
	body.error404 .page-header.not-found {
    margin-top: 30px !important;
}
	.elementor-16 .elementor-element.elementor-element-33aaf71.banner-content-section{position:static !important;}
.about-before-after .elementor-custom-embed-play svg {height: 40px !important;width: 40px !important;}
.about-before-after .elementor-swiper-button-prev{left: 42% !important;}
.about-before-after .elementor-swiper-button-next{right: 42% !important;}
.dental-emergency-section:after {right: -10px;bottom: -30px;transform: scale(.5);}
.dental-emergency-section:before {background: url(https://www.parklawnsmiles.ca/wp-content/uploads/2025/01/dental-emergency-star.png) !important;
    background-repeat: no-repeat !important;transform: scale(.5);width: 96px !important;height: 150px !important;position: absolute !important;top: -30px !important;left: -10px !important;}
.custom-header {box-shadow: rgba(0, 0, 0, 0.2) 0px 25px 20px -20px;}
.cus-row .col-6 { width: 100%;}
.radio-main .wpcf7-list-item-label,.radio-main .wpcf7-list-item-label {padding: 15px 10px;font-size: 14px;}
.default-form input[type=date], .default-form input[type=email], .default-form input[type=number], .default-form input[type=password], .default-form input[type=search], .default-form input[type=tel], .default-form input[type=text], .default-form input[type=url], .default-form select, .default-form textarea {padding: 12px;}
.header.header-mobile.fixed-header .mobile-icon {display: block;height: 35px;}
.mobile-icon img {height: 35px;}
	.cus-row .col-4 {width: calc(50% - 10px) !important;}
	.medianv-form .gfield_checkbox {column-count: 1;}
}

@media (max-width:767px){
.about-before-after .swiper-slide-next{
	   transform: scale(1) !important;
	   z-index: 2;
	   padding:0;
} 
.about-before-after .swiper-wrapper{
	 padding-top: 0px;
	 padding-bottom: 0px;
}
.our-patients-section::before {
    left: -65px !important;
    top: -15px !important;
    transform: scale(.75);
}
.our-patients-section::after {
    transform: scale(.75);
}
.dr-img img{
    height: 620px !important;
    object-fit: cover;
    object-position: center;
}
.hours-line > div {
    line-height: 1.25 !important;
}
}
@media  (min-width:630px) and (max-width:767px){
	.welcome-img img {height: 480px !important;}
}

@media (max-width:545px){
	body .elementor-60 .elementor-element.elementor-element-597c2a6 {--margin-top: 65px !important;}
	.about-before-after .elementor-swiper-button-prev{left: 36% !important;}
	.header-logo img {max-width: 200px;}
.about-before-after .elementor-swiper-button-next{right: 36% !important;}
.review-row .ti-widget.ti-goog .ti-widget-container {max-width: 100%;display: flex !important;flex-direction: column !important;}
.ti-widget.ti-goog .ti-col-2 .ti-footer, .ti-widget.ti-goog .ti-col-2 .ti-reviews-container {flex: 100% !important;max-width: 100% !important;width:100%;}
.review-row .ti-widget.ti-goog .ti-col-1 .ti-footer {margin-bottom: 0 !important;margin-top: 0px !important;width: 100%;}
.dental-emergency-section:before,.dental-emergency-section:after,.our-patients-section::after,.our-patients-section::before{display:none !important;}
.elementor-16 .elementor-element.elementor-element-24fdad6 {--e-con-grid-template-columns: repeat(1, 1fr) !important;--e-con-grid-template-rows: repeat(5, 1fr) !important;}
.elementor-16 .elementor-element.elementor-element-2c2b158 {grid-column: span 1 !important;}
.dr-img img {height: auto !important;object-fit: cover;object-position: center;}
.cus-row .col-4 {width: 100% !important;}
.pos-change.elementor-element.elementor-element-3bb4b73 img {object-position: 30% !important;}
}