/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

/* Global Spacings Start */
:root {
	--section-padding-top-global: 2rem;
	--section-padding-right-global: 1rem;
	--section-padding-bottom-global: 2rem;
	--section-padding-left-global: 1rem;
	
	--content-container-width: 100%;
    --image-container-width: 100%;
    --main-container-gap: 2rem;
}
@media(min-width: 1024px) {
	:root {
		--section-padding-top-global: 3rem;
		--section-padding-bottom-global: 3rem;
		
		--content-container-width: 60%;
        --image-container-width: calc( 100% - var(--content-container-width) );
        --main-container-gap: 4rem;
	}
}
body:not(.elementor-page) main#content.site-main {
    padding-block: 14rem 2rem;
}
/* Global Spacings End */

/* Fix Overflow Start */
.overflow-x-clip {
	overflow-x: clip !important;
}
.overflow-y-clip {
	overflow-y: clip !important;
}
.elementor-element.e-parent:has(.elementor-widget.elementor-widget-template) {
    overflow-x: clip;
}
/* Fix Overflow End */

/* Text Overrides Start */
.text-accent {
	color: var( --e-global-color-accent );
}
.text-white {
	color: var( --e-global-color-ac985b2 );
}
.text-black {
	color: var( --e-global-color-7d06424 );
}
.text-balance :is(p, .elementor-heading-title) {
    text-wrap: balance;
}
.elementor-element p {
	& a {
		transition: color 300ms;
	}
	&:last-child {
		margin-bottom: 0;
	}
	& :is(strong, b) {
    	color: var(--e-global-color-d7287ab);
	}
}
a {
    word-break: break-word;
}
/* Text Overrides End */

.elementor-widget-theme-site-logo.elementor-widget-image img {
    border-radius: 0;
}
.swiper-pagination-bullet {
    border-radius: 1000px;
    transition: 300ms;
    &.swiper-pagination-bullet-active {
        width: calc( 3 * var(--swiper-pagination-size) )
    }
}
.uc_material_accordion .uc-heading[role="button"] {
    transition: 300ms;
}

.subtitle.has-icon {
    & .elementor-heading-title {
        /* --icon-size: 1.25rem; */
        display: flex;
        align-items: center;
        &::before {
            content: url("https://marketingplanetagency.com/burnabydentist_new_at/wp-content/uploads/Exclude.svg");
            display: inline-block;
            margin-inline-end: 0.75rem;
            width: var(--icon-size);
            height: var(--icon-size);
        }
    }
}

/* Custom Styled List Start */
.styled-list ul {
    --custom-list-icon-size: 1.5rem;
    list-style-type: none;
	padding-inline-start: calc(0.5 * var(--custom-list-icon-size));
    & li {
        position: relative;
        padding-left: calc( var(--custom-list-icon-size) + 0.5rem );
        line-height: var(--custom-list-icon-size);
        color: var( --e-global-color-d7287ab );
        font-weight: 600;
        &::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0px;
            width: var(--custom-list-icon-size);
            height: var(--custom-list-icon-size);
            background-image: url("https://marketingplanetagency.com/burnabydentist_new_at/wp-content/uploads/approved-signal-svgrepo-com-1.svg");
            background-size: contain;
            background-repeat: no-repeat
        }
    }
}
/* Custom Styled List End */


/* Footer CopyRight Start */
a.mp-copyright-link {
	position: relative;
	
	& .mp-copyright-img {
		background-color: #ffffff;
		padding: 0.5rem 0.75rem;
		border-radius: 0.5rem;
		box-shadow: 0px 0px 24px 0px #8b0dbb;
		max-width: 120px;
		/* top: 1rem; */
		bottom: 1.5rem;
		left: 50%;
		transform: translateX(-50%);
		position: absolute;
		transition: all 200ms ease-in-out;
		opacity: 0;
		visibility: hidden;
	}

	&:hover .mp-copyright-img {
		visibility: visible;
		opacity: 1;
	}
}
/* Footer CopyRight End */

/* GMB Reviews Start */
.ti-widget.ti-goog {
	& .ti-widget-container {
		& .ti-reviews-container {
			& .ti-reviews-container-wrapper {
				& .ti-review-item {
                    --icon-size: 2rem;
                    --icon-padding: 1rem;
					padding-top: calc(var(--icon-size) + var(--icon-padding));
                    &::before {
                        content: '';
                        position: absolute;
                        top: calc(var(--icon-size) / 2);
                        left: calc(50% - var(--icon-size) + var(--icon-padding));
                        /* right: 0; */
                        /* bottom: 0; */
                        width: calc(var(--icon-size) + var(--icon-padding));
                        height: calc(var(--icon-size) + var(--icon-padding));
                        background-color: var(--e-global-color-fad0d6b);
                        z-index: 1;
                        border-radius: 1000px !important;
                        background-image: url("https://marketingplanetagency.com/burnabydentist_new_at/wp-content/uploads/quotation-marks-svgrepo-com.svg");
                        background-position: center;
                        background-repeat: no-repeat;
                        background-size: var(--icon-size);
                    }
					& .ti-inner {
						padding-top: var(--icon-size) !important;
						background-color: var(--e-global-color-48db722) !important;
						border-radius: 1.25rem !important;
					}
				}
			}
		}
	}
}
/* GMB Reviews End */


/* MP FAQ Start */
.mp-faq-wrapper {
    & .mp-faq-item {
        border-bottom: none;
        & .mp-faq-question {
            background-color: var(--e-global-color-48db722);
            color: var(--e-global-color-d7287ab);
            border: none;
            font-family: "Open Sans";
            font-size: 1.25rem;
            padding: 1.75rem 2.5rem;

            &.active,
            &:hover {
                background-color: var( --e-global-color-accent );
                color: #FFF;
                font-weight: 700;
            }
        }

        & .mp-faq-answer {
            margin-top: 0.5rem;
        }
    }
}
/* MP FAQ End */

/* BreadCrumb Start */
nav.rank-math-breadcrumb {
    --icon-size: 1.5rem;
    color: #FFF;
    font-family: "Open Sans";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 300;

    & a {
        color: #fff;
        &:hover {
            color: var( --e-global-color-fad0d6b );
        }
    }

    & :is(.separator, .last) {
        font-weight: 600;
    }

    & p {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-wrap: wrap;
        &::before {
            content: url(https://marketingplanetagency.com/burnabydentist_new_at/wp-content/uploads/Exclude.svg);
            background-image: ;
            width: var(--icon-size);
            height: var(--icon-size);
        }
	}
}
/* BreadCrumb End */

/* Working Hours Footer Start */
.working-hours-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.25rem 0.5rem;
    max-width: 600px;
    & .wh-day {
    text-align: left;
    font-weight: 500;
    }
    & .wh-time {
        text-align: right;
        white-space: nowrap;
        color: var( --e-global-color-fad0d6b );
    }
}
/* Working Hours Footer End */