.elementor-kit-7{--e-global-color-primary:#444444;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#444444;--e-global-color-accent:#CAA878;--e-global-color-2434f53:#00000000;--e-global-color-0502be7:#98CCC2;--e-global-color-1de27a7:#EDEAE1;--e-global-color-d7cb9a5:#333333;--e-global-color-65b485b:#111111;--e-global-color-7f116ad:#A28660;--e-global-color-30fe999:#FFFFFF99;--e-global-typography-primary-font-family:"Bagoss Standard";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Bagoss Standard";--e-global-typography-secondary-font-size:58px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-line-height:1.17em;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.67em;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0.05em;--e-global-typography-c44b97b-font-family:"Bagoss Standard";--e-global-typography-c44b97b-font-size:30px;--e-global-typography-c44b97b-font-weight:400;--e-global-typography-c44b97b-line-height:1.33em;--e-global-typography-c8da572-font-family:"Bagoss Standard";--e-global-typography-c8da572-font-size:26px;--e-global-typography-c8da572-font-weight:400;--e-global-typography-c8da572-line-height:1.38em;--e-global-typography-98b4f53-font-family:"Roboto";--e-global-typography-98b4f53-font-size:16px;--e-global-typography-98b4f53-font-weight:400;--e-global-typography-98b4f53-line-height:1.625em;background-color:var( --e-global-color-1de27a7 );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 );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:21px 30px 21px 30px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-7f116ad );color:var( --e-global-color-secondary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 h2{font-family:var( --e-global-typography-c44b97b-font-family ), Sans-serif;font-size:var( --e-global-typography-c44b97b-font-size );font-weight:var( --e-global-typography-c44b97b-font-weight );line-height:var( --e-global-typography-c44b97b-line-height );}.elementor-kit-7 h3{font-family:var( --e-global-typography-c8da572-font-family ), Sans-serif;font-size:var( --e-global-typography-c8da572-font-size );font-weight:var( --e-global-typography-c8da572-font-weight );line-height:var( --e-global-typography-c8da572-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1440px){.elementor-kit-7{--e-global-typography-c44b97b-font-size:30px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-c44b97b-font-size );line-height:var( --e-global-typography-c44b97b-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-c8da572-font-size );line-height:var( --e-global-typography-c8da572-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:1279px){.elementor-kit-7{--e-global-typography-primary-font-size:60px;--e-global-typography-secondary-font-size:50px;--e-global-typography-c44b97b-font-size:28px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-c44b97b-font-size );line-height:var( --e-global-typography-c44b97b-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-c8da572-font-size );line-height:var( --e-global-typography-c8da572-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );padding:15px 25px 15px 25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1279px;}.e-con{--container-max-width:1279px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:42px;--e-global-typography-secondary-font-size:36px;--e-global-typography-c44b97b-font-size:28px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-7 h2{font-size:var( --e-global-typography-c44b97b-font-size );line-height:var( --e-global-typography-c44b97b-line-height );}.elementor-kit-7 h3{font-size:var( --e-global-typography-c8da572-font-size );line-height:var( --e-global-typography-c8da572-line-height );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*DEFAYLT SETTINGS*/

html {
    scroll-behavior: smooth;
}

html, body{
    overflow-x: hidden;
}

.elementor-kit-7 p:last-child {
    margin-bottom: 0;
}
.elementor-kit-7 .elementor-button-wrapper {
    display: flex;
}
/*Focus Outline Disable*/

*:focus {
    outline: 0 !important;
    box-shadow: none!important;
}

.fit_width{
    width: fit-content;
}

.pad_section{
    padding-left: 16px;
    padding-right: 16px;
}

.elementor-kit-7 .elementor-icon-wrapper{
    display: flex;
}

@media (min-width:1279px){
.elementor-kit-7 .page_hero{
    height: 88vh;
}
}

@media (max-width:1279px) {
    .elementor-kit-7 .page_hero .swiper img, .elementor-kit-7 .page_hero .swiper .swiper-slide-inner {
       height: 590px!important;
       max-height: 590px !important;
    }
    
    
}
@media (max-width:767px) {
    .elementor-kit-7 .page_hero .swiper img, .elementor-kit-7 .page_hero .swiper .swiper-slide-inner {
        height: 360px!important;
            max-height: 360px !important;
    }
    
    
}
/*Accessibility*/
#pojo-a11y-toolbar {
    transition: 0.3s !important;
}
.pojo-a11y-toolbar-left {
       transform: translateX(-150%);
}
.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open {
       transform: translateX(0%);
}

.elementor-kit-7 .pojo-a11y-toolbar-toggle {
    display: none;
}

.elementor-kit-7 .pojo-a11y-toolbar-toggle {
    display: none;
}
.elementor-kit-7 #pojo-a11y-toolbar {
   top: auto !important;
    height: fit-content;
    bottom: 0 !important;
}


/*Button Hover*/
@media screen and (min-width:1280px){
.elementor-kit-7 .btn_hover .elementor-button{
    position: relative;
}


.elementor-kit-7 .btn_hover *{
    transition: 0.5s;
}


.elementor-kit-7 .btn_hover {
    overflow: hidden;
}

.elementor-kit-7 .btn_hover .elementor-button {
    overflow: hidden;
}
.elementor-kit-7 .btn_hover .elementor-button:before{
    content: attr(data-text);
    position: absolute;
    height: auto;
    top: 100px;
    width: 100%;
    left: 0;
   transition: top 0.5s, transform 0.5s, opacity 0.3s; 
}


.elementor-kit-7 .btn_hover .elementor-button:hover .elementor-button-text{
    transform: translateY(-100px);
}

.elementor-kit-7 .btn_hover .elementor-button:hover:before{
    top: 50%;
    transform: translateY(-50%);
}



.elementor-kit-7 .btn_hover.icon .elementor-button:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('/wp-content/uploads/2025/06/white-phone.svg') no-repeat center center;
    background-size: cover;
    left: 30px;
    top: 100px;
     transition: top 0.5s, transform 0.5s, opacity 0.3s; 
}

.elementor-kit-7 .btn_hover.icon .elementor-button:hover:after{
    top: 50%;
    transform: translateY(-50%);
}

.elementor-kit-7 .btn_hover.icon .elementor-button:hover .elementor-button-icon{
    transform: translateY(-100px);
}


.elementor-kit-7 .btn_hover.icon .elementor-button:before{
    content: attr(data-text);
    position: absolute;
    height: auto;
    top: 100px;
    width: 100%;
    left: 18px;
   transition: top 0.5s, transform 0.5s, opacity 0.3s; 
}

.elementor-kit-7 .btn_hover.icon .elementor-button:hover:before{
    top: 50%;
    transform: translateY(-50%);
}
}





/*Styles For Scrollbar*/
/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  width: 8px;
  height:8px;
}
*::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #f1f1f1;
}


*::-webkit-scrollbar-track:active {
  background-color: #CAA878;
}
/* Keep the scrollbar always visible */
*::-webkit-scrollbar-thumb:vertical {
  min-height: 50px;
}
*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #CAA878;
}


*::-webkit-scrollbar-thumb:active {
  background-color: #516166;
}








/* Opening Hours */
.elementor-kit-7 .opening_hours{
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF99;
}
.elementor-kit-7 .opening_hours ul:not(.elementor-icon-list-items) {
    list-style: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.elementor-kit-7 .opening_hours .elementor-icon-list-items  {
    justify-content: space-between;
}
.elementor-kit-7 .opening_hours span.hours_range {
    text-transform: uppercase;
}
.elementor-kit-7 .opening_hours li {
    display: flex;
    justify-content: space-between;
    position: relative;
    color: #FFFFFF99!important;
    align-items: start;

}



/*.elementor-kit-7 .opening_hours li.active:has(.status[attr-status="Closed"]) .contact{*/
/*    display: none;*/
/*}*/

.elementor-kit-7 .opening_hours li:not(.active) .status {
    display: none;
}
.elementor-kit-7 .opening_hours li.active {
    flex-wrap: wrap!important;
    color: var(--e-global-color-secondary)!important;
    border-bottom: 1px solid #FFFFFF4D;
}

.elementor-kit-7 .opening_hours  .contact {
    flex:  0 0 100%;
    margin-top: 15px;
}


.elementor-kit-7 .opening_hours .hours {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 16px;
}

.elementor-kit-7 .opening_hours .status {
    font-size: 12px;
    font-weight: 400;
    color: #04E474;
    width: fit-content;
    margin-left: auto;
    background-color: transparent;
    line-height: 1em;
    padding: 7px 0;
}
.elementor-kit-7 .opening_hours .status:before {
    content: '';
    background-color: #04E474;
    width: 9px;
    height: 9px;
    border-radius: 100px;
    display: inline-block;
    margin-right: 5px;

}

.elementor-kit-7 .hours_and_status {
    display: flex;
    flex-direction: column-reverse;
    justify-content: end;
    gap: 8px;
}

.elementor-kit-7 .opening_hours .status[attr-status="Closed"] {

    color: #FFB6C1;
}

.elementor-kit-7 .opening_hours .status[attr-status="Closed"]:before{
    background-color: #FFB6C1;
} 


.elementor-kit-7 .opening_hours .day {
    text-transform: capitalize;
    height: 1.75em;
     display: flex;
    align-items: center;
}



@media screen and (max-width:767px){
}


.elementor-kit-7 .hours_contact .contact{
    display: none;
}

.elementor-kit-7 .hours_contact li, .elementor-kit-7 .hours_contact .day, .elementor-kit-7 .hours_contact .hours{
    color: #6A7983;
}

.elementor-kit-7 .hours_contact .active .day, .elementor-kit-7 .hours_contact .active .hours_range  {
    color: var(--e-global-color-secondary)!important;
}

.elementor-kit-7 .hours_contact li.active {
    border-bottom: 1px solid #F5F5F5;
    padding-bottom: 8px;
}

/*.elementor-kit-7 .hours_contact .status{*/
/*    line-height: 1em;*/
/*    padding: 7px 9px;*/
/*}*/




/* LINES */



.elementor-kit-7 .border_lines:after{
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid var(--e-global-color-accent);
    position: absolute;
    left: -20px;
    top: 20px;
}
@media (max-width:767px) {
   .elementor-kit-7 .border_lines:after {
       left: -10px;
       top: 10px;
   }
}




/* Gravity Forms */
.elementor-kit-7 .gfield_required.gfield_required_text {
    color: #444444;
}
.elementor-kit-7 .gfield_captcha_container img.gfield_captcha {
    border-radius: 0px !important;
    overflow: hidden !important;
   
}
.elementor-kit-7 .custom_form{
  
    color:#444444!important;

}


.elementor-kit-7 .custom_form .gform_fields{
    grid-row-gap: 24px!important;
    column-gap: 30px!important;
}


.elementor-kit-7 .custom_form :is(input, select, textarea, .nice-select){
   
    font-weight: 400;
    color: #858585 ;
   font-size: var(--e-global-typography-text-font-size);
    padding: 20px!important;
    border: none;
    background-color: #F5F5F5;
    height: 64px;
    display: flex;
   box-shadow: none !important;
    align-items: center;
    justify-content: space-between;
    border-radius: 0px!important;
}

.elementor-kit-7 .custom_form :is(h4, .gfield--type-html, .gform_footer), .elementor-kit-7 .custom_form .gform_heading{
    display: none!important;
}

.elementor-kit-7 .custom_form .gform-grid-row{
    display: flex;
    margin-inline: 0;
    flex-direction: row!important;
    gap: 30px;
}

.elementor-kit-7 .custom_form .gform-grid-col{
    padding: 0!important;
}

.elementor-kit-7 .custom_form :is(.nice-select, .datepicker){
    width: 100%!important;
}
.elementor-kit-7 .custom_form .nice-select .list {
    width: 100%;
}
.elementor-kit-7 .custom_form .nice-select:after{
    border: none;
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/uploads/2025/07/Frame-arr.svg');
    background-size: contain;
    position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

.elementor-kit-7 .custom_form .nice-select.open:after{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.elementor-kit-7 .custom_form .gfield_label{
    
   line-height: 1.5em;
    color: #444444;
    font-size: 18px;
    font-weight: 400!important;
    text-transform: uppercase
}

.elementor-kit-7 .custom_form textarea {
        min-block-size: 175px !important;
}

/*CAPTCHA*/

.elementor-kit-7 .custom_form .gfield_captcha_container{
    display: flex;
    gap: 16px;
}

.elementor-kit-7 .custom_form .gfield_captcha_input_container{
    width: 90px;
    display: flex;
    align-items: center;
    gap: 16px
}

.elementor-kit-7 .custom_form .gfield_captcha_input_container input{
    height: 64px!important;
    width: 64px!important;
}

.elementor-kit-7 .custom_form .gfield_captcha_input_container:before{
    content: '=';
}

.elementor-kit-7 .custom_form .gfield_captcha_container img{
    width: 64px;
    height: 64px;
}

/*button*/

.elementor-kit-7 .custom_form .gfield--type-submit {
    width: 340px!important;
    margin-left: auto;
}
.elementor-kit-7 .custom_form .gfield input[type="submit"]{
   width: 100% !important;
   height: 64px !important;
    margin-left: auto;
    border-radius: 0px !important;
    font-family: 'Roboto' !important;
    text-transform: uppercase!important;
    background-color:var(--e-global-color-primary ) !important;
    font-weight: 700!important;
    
    
    color: #ffffff;
    font-size: 20px !important;
    letter-spacing: 0.15em!important;
}

.elementor-kit-7 .custom_form .gfield input[type="submit"]:hover{
    color: white;
    background-color:#111111!important;

}
 .elementor-kit-7 .gform-theme--framework ::placeholder {
    color: unset;
    opacity: 50%;
}

@media screen and (max-width: 767px){
    .elementor-kit-7 .custom_form textarea {
   min-block-size: 99px !important;
   height:220px;
}
    
    .elementor-kit-7 .custom_form :is(input, select, .nice-select){
    
        height: 50px;
    }
    
    .elementor-kit-7 .custom_form .gfield_captcha_input_container input{
    height: 46px!important;
    width: 46px!important;
}
    
    .elementor-kit-7 .custom_form .gform_fields{
    grid-row-gap: 16px!important;
    column-gap: 16px!important;
}

.elementor-kit-7 .custom_form .gfield--type-submit {
    width: 100% !important;
    
}
.elementor-kit-7 .custom_form .gfield input[type="submit"]{
    height: 46px !important;
    width: 100%!important;
 
    display: flex;
   
    line-height: 1em!important;
}

.elementor-kit-7 .custom_form .gform-grid-row{
    flex-wrap: nowrap!important;
    gap: 8px;
}

.elementor-kit-7 .custom_form .ginput_container--name .gform-grid-col{
    flex: 0 0 calc(50% - 4px);
}

.elementor-kit-7 .custom_form .gfield_captcha_container img{
    width: 46px;
    height: 46px;
}

.elementor-kit-7 .custom_form .gfield_captcha_input_container{
    width: 72px;
    height: 46px;
}


}

.elementor-kit-7 .swiper-button-disabled {
    opacity: 0.1;
    cursor: not-allowed !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bagoss Standard';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://justsmilesdental.ca/wp-content/uploads/2025/06/BagossStandardTRIAL-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Bagoss Standard';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://justsmilesdental.ca/wp-content/uploads/2025/06/BagossStandardTRIAL-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */