/*
 Theme Name:     Divi-Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Hide image titles on hover */
/* Hide video section initially */

@font-face {
  font-family: 'ETmodules';
  src: url('/wp-content/themes/Divi/core/admin/fonts/modules.woff') format('woff');
  font-display: swap;
}

@media (max-width: 980px) {
   header .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap
 {
        justify-content: flex-end !important;
    }
}

img {
pointer-events:none;
}

.et_pb_equal_columns >.et_pb_column {margin-top:auto;margin-bottom:auto;} /* DIVI vertical align center column */ 
img.vrt-cnt {    vertical-align: middle;     margin: 0px 15px;}
.blue-tick-bullets li {    list-style-image: url(http://xperrymeantz.com/dsc-new/wp-content/uploads/2021/02/Tick_Icon_Blue-44.png);    font-size: 20px;    font-weight: 600;
    color: #000;    }

/* Increase width of drop-down menus */
@media screen and (min-width: 981px) {.sub-menu {	min-width: 300px;}
#top-menu li li a {    width: 350px;	/* Extra - Reduce padding on list items */	padding: 4px 12px;	}}
.nav li ul {width: 280px !important;}
.nav li li ul {left: 280px !important;}
.et-menu li li a { width: 250px !important; }
.nav ul li a {    background-color: rgba(0,0,0,.03);  margin-bottom:5px; border-radius:15px;}
.nav ul li a:hover {    background-color: rgba(0,0,0,.03);     }
/* drop menu */


@media screen and ( max-width: 980px ) {
	.reverse { display: flex; flex-direction: column-reverse;} /* to reverse columns on mobile*/ 
	 span.break-here {    display: block;}
	 span.no-display-980{    display: none;}

	/*To disappear white space below the banner in small screens*/
	div#main-content {
    padding-top: 68px !important;
}

}  

@media screen and ( max-width: 380px ) {
	 span.break-here-380 {    display: block;}
	 span.no-display-380{    display: none;}

}  

/* avoid header body overlap */
@media screen and (orientation: landscape) and (min-width: 480px) and ( max-width: 980px ) {
	div#main-content {    padding-top: 50px;	} .page.et_pb_pagebuilder_layout #main-content {    background-color: #f4ede5;} 
	.parent-pageid-25659 div#main-content  {    padding-top: 0px !important;	} 
	

	
	/**** winter 2021 promo bar settings *****/
	.ftr-border-mbl {display: none;}
	.top-brd-mbl {display: none;}
	.dsm_text_rotator_0_tb_body.dsm_text_rotator, .dsm_text_rotator_1_tb_body.dsm_text_rotator { padding-top: 105px !important; }
	/**** winter 2021 promo bar settings *****/
	
} 
@media screen and ( max-width: 767px ) {.single-post div#main-content {    padding-top: 0px;	} } /* only for single post */

@media screen and ( max-width: 767px ) {div#main-content {    padding-top: 100px;	} .page.et_pb_pagebuilder_layout #main-content {    background-color: #f4ede5;} } /* avoid header body overlap */
@media screen and ( max-width: 380px ) {div#main-content {    padding-top: 100px; 	} .page.et_pb_pagebuilder_layout #main-content {    background-color: #f4ede5;} } /* avoid header body overlap */

@media screen and ( max-width: 767px ) {.parent-pageid-25659 #main-content {    padding-top: 0px;	} } /* no padding on top on landing pages */
@media screen and ( max-width: 380px ) {.parent-pageid-25659 #main-content {    padding-top: 0px;	} } /* no padding on top on landing pages */

header .et_builder_inner_content {
    z-index: 99999 !important;
}

.et_pb_toggle .et_pb_toggle_title:before {    right: -4px;    content: '\4c' !important;}

sub.offer-sub {    font-size: 20px;    color: #fff;    top: -11px !important;}


/**** This hides the sub menu items on mobile ****/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}
/**** This styles the icon and moves it to the right ****/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}
/**** Here you can swap out the actual icons ****/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #000;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

.ti-inner {    border: 1px solid #bababa;}

.bullets225 li::before {    font-family: 'ETmodules';    content: "\52";    font-size: 120%;    color: #ffffff;    float: none;    margin-left: -1em;    margin-right: 0.5em;    background: #f26a54;    border-radius: 50%;}


@media only screen and (max-width: 812px) {
	.et_pb_text_2 h3 {
    font-weight: 700;
    font-size: 35px;
    color: #ffffff!important;
    line-height: 1.4em;
    text-align: center;
}
}
.ipt-uif-custom-material-custom .ipt-eform-material-button-container.ipt_fsqm_form_button_container--flat.eform-material-rounded-pb .ui-button {
  border-radius: 2em;
  color: white;
  background-color:      #f26a54!important;
}
#plus.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    /* color: #666; */
}

/****** css text highlight ******/
.realistic-marker-highlight{
  position:relative;
}
.realistic-marker-highlight:before{
	content: "";
    background-color: #b4dfe2;
    width: 100%;
    height: 1em;
    position: absolute;
    z-index: -1;
    filter: url(#marker-shape);
    left: -0.15em;
    top: 0.0em;
    padding: 0 0.25em;
}

.border-highlight{
  border:2px dashed #fff;  
  padding:0.03em 0.25em;
}

.border-highlight-orange{
  border:2px dashed #F26A54;  
  padding:0.03em 0.25em;
}
/****** css text highlight ******/

/* ---------------------------------*/ 


/********** fixed, transparent menu header CSS START ***************/

/*set the defautl background color of the header section*/
.pa-header {
	background: transparent;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
}


/*set the background color of the fixed header when scrolling*/
.pa-fixed-header {
	background-color: #ffffff !important;
	-webkit-transition: background-color 1s ease-out;
	-moz-transition: background-color 1s ease-out;
	-o-transition: background-color 1s ease-out;
	transition: background-color 1s ease-out;
	box-shadow: 0px 2px 50px 0px rgb(0 0 0 / 15%);
}

/*set the transition for the spacing shrinking action*/
.pa-header .et_pb_row {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header .et_pb_row {
	padding: 0px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the transition for the logo shrinking action*/
.pa-header .et_pb_menu__logo img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the logo size when the header shrinks*/
.pa-fixed-header .et_pb_menu__logo img {
	 max-width: 89%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	content: url(https://drsavitachaudhry.ca/staging/wp-content/uploads/2026/02/dentist-savita-2026-invisalign-1.jpg);
}

 @media screen and (max-width: 767px) {
  .pa-fixed-header .et_pb_menu__logo img {
	  max-width: 97%;
 }
.pa-fixed-header .et_pb_menu__logo-wrap{
	max-width: 20vw !important;
}
} 


/*set the transition for the font size shrinking action*/
.pa-header .et_pb_menu ul li a {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the menu font size when the header shrinks*/
.pa-fixed-header .et_pb_menu ul li a {
	font-size: 18px!important;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	
}

/*********** fixed, transparent menu header CSS END ************/


a#callnowbutton { margin-bottom: 0 !important;} /* call now buttom styling */

/* custom call icon for desktop view */ 
.call-now-desktop {position: fixed; right: 60px; top: 100px;}



/********* landscape mobile options **********/

/**** winter 2021 promo bar settings *****/
@media only screen and (max-width: 768px) {

p.dsm-rotate-text-main.et_pb_module_header { margin-top: 90px;}

}

@media only screen and (max-width: 480px) {
.et_pb_section_4_tb_body {
    position: fixed;
    width: 100%;
    bottom: 50px !important;
}
 .et_pb_menu__logo {
        margin-right: 0px !important; 
    }
p.dsm-rotate-text-main.et_pb_module_header { margin-top: 0px;}

}


/********* landscape mobile options **********/


/* blog table design */

.single-post table {
    width: 100%;
}

.single-post table, th, td {
    border: 1px solid #b7b7b7;
    padding: 10px;
}

.single-post tr:nth-child(even){background-color: #f2f2f2;}


/* blog quote text styling */

.blog-window55 blockquote p {
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

.blog-window55 blockquote {
	border: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto 60px auto;
}

.blog-window55 blockquote p:before {
    color: #F26A54;
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    content: "\f10d";
    vertical-align: middle;
    font-weight: bold;
    padding: 15px;
    position: relative;
    top: -15px;
}

.blog-window55 blockquote p:after {
    color: #F26A54;
    font-family: "Font Awesome 5 Free";
    font-size: 40px;
    content: "\f10e";
    vertical-align: middle;
    font-weight: bold;
    padding: 15px;
    position: relative;
    bottom: -15px;
}

h3.blg-h3 {
    text-transform: capitalize;
}

h2.text66 {
    text-align: center;
}

h2.text66 span {
    color: #EF6953;
}


/* *************** */


/* blog ordered list styling */

.blog-window55 li::marker {
    color: #f26a54;
}

.blog-window55 ol {
    margin-left: 60px;
}

.blog-window55 ol li {
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    padding-top: 15px;
}


/********************/

/* tooth bonding procdure boxes */

.et_pb_module.et_pb_blurb.et_pb_blurb.et_pb_text_align_left.et_pb_blurb_position_top.et_pb_bg_layout_light {
    height: 100%;
    min-height: 250px;
}

/* Smile Makeover Journey */

#cstm-section .et_pb_button_module_wrapper.et_pb_button_1_wrapper.et_pb_button_alignment_center.et_pb_module {
    padding: 132px 0px !important;
}
#cstm-section .et_pb_column.et_pb_column_1_3.et_pb_column_10.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    margin-top: 37px !Important;
}
#cstm-section .et_pb_module.et_pb_blurb.et_pb_blurb.et_pb_text_align_left.et_pb_blurb_position_top.et_pb_bg_layout_light {
    height: 100%;
    min-height: 330px;
}


/* Embarking On Your Smile Transformation  */

.cstm-embarking .et_pb_column.et_pb_column_1_3.et_pb_column_21.et_pb_css_mix_blend_mode_passthrough.et-last-child {
    margin-top: 37px;
    padding: 140px 0px;
}
.cstm-embarking .et_pb_module.et_pb_blurb.et_pb_blurb.et_pb_text_align_left.et_pb_blurb_position_top.et_pb_bg_layout_light {
    height: 100%;
    min-height: 330px !important;
}

/* for single blog image template  */

.single span.et_pb_image_wrap.has-box-shadow-overlay {
    height: 100%;
    max-height: 560px !important;
}


#booking-appointment-popup .popup-content{
	padding:0px !important;
	max-height:95vh !important;
}