/* 
 Theme Name:   Stones Corner Dental
 Theme URI:    https://www.stonescornerdental.com.au/
 Description:  This is child theme.
 Author:       Stones Corner Dental
 Author URI:   https://www.stonescornerdental.com.au/
 Template:     generatepress
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
--------------------------------------------*/

@font-face {
    font-family: 'poppinsregular';
    src: url('../../../wp-content/uploads/2024/09/poppins.regular-webfont.woff2') format('woff2'),
         url('../../../wp-content/uploads/2024/09/poppins.regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../../../wp-content/uploads/2024/09/poppins.medium-webfont.woff2') format('woff2'),
         url('../../../wp-content/uploads/2024/09/poppins.medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'georgiaregular';
    src: url('../../../wp-content/uploads/2024/09/georgia-webfont.woff2') format('woff2'),
         url('../../../wp-content/uploads/2024/09/georgia-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'georgiabold';
    src: url('../../../wp-content/uploads/2024/09/georgiab-webfont.woff2') format('woff2'),
         url('../../../wp-content/uploads/2024/09/georgiab-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'intermedium';
    src: url('../../../wp-content/uploads/2024/09/inter-medium-webfont.woff2') format('woff2'),
         url('../../../wp-content/uploads/2024/09/inter-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'interregular';
    src: url('../../../wp-content/uploads/2024/09/inter-regular-webfont.woff2') format('woff2'),
         url('../../../wp-content/uploads/2024/09/inter-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/**
 * Assign Font Family
 */ 

body { font-family: 'interregular'; }

.intermedium, .foo-soc h3.elementor-icon-box-title, .my-faq .e-n-accordion-item span.e-n-accordion-item-title-header { font-family: 'intermedium'; } 

.georgiabold { font-family: 'georgiabold'; } .georgiaregular, .foo-soc p.elementor-icon-box-description, .team-one h3.elementor-image-box-title { font-family: 'georgiaregular'; }

.poppinsregular, .team-one p.elementor-image-box-description, .issue-main p { font-family: 'poppinsregular'; } .poppinsmedium { font-family: 'poppinsmedium'; }

.iam-h1 h1 { font-family: 'georgiabold'; font-size:85px; line-height:85px; }

.small-h1 .iam-h1 h1 { font-size: 77px; }

.iam-h2 h2 { font-family: 'georgiabold'; font-size:70px; line-height:70px; }

/**
 * Responsive Begins
 */ 


/* iPhone */

@media only screen and (max-width: 767px) {
	
.iam-h1 h1 { font-size:45px !important; line-height:45px !important; text-align:center; }

.iam-h2 h2 { font-size:38px !important; line-height:40px !important; }
	
.landing-page a.fa-phndf04 { right: 0px; top: -30px !important; transform: unset !important; position: absolute; display: flex; justify-content: center; align-items: center; } .landing-page a.fa-phndf04:before { content: 'Call Us Today'; line-height: 1; font-size: 14px; padding-right: 12px; }
	
.plus-button-container { right: 20px !important; } .plus-button-container .plus-button img { width: 54px !important; }

.info-box { width: 300px !important; right: 35px !important; padding: 10px !important; } .info-box p { font-size: 12px !important; }
	
.hero-right.e-flex.e-con.e-child:after { top: -1px; left: 0; width: 100% !important; height: 30% !important; background: linear-gradient(180deg, #CAE9FF 0%, rgba(202, 233, 255, 0) 100%) !important; } .hero-right .elementor-widget-image img { border-radius: 0px 0px 50px  50px !important; height: 400px; object-fit: cover; }
	
.gri-btn a.elementor-button, .pri-btn a.elementor-button { padding: 14px 23px !important; font-size: 14px !important; }
	
.exp-top.e-flex.e-con:before { content: ''; background: linear-gradient(90deg, #CAE9FF 0%, #F4FBFF 100%); width: 200px; height: 220px; position: absolute; right: 0; border-top-left-radius: 999px; border-bottom-right-radius: 888px; border-bottom-left-radius: 999px; left: auto; opacity: .35; top: 50px; }
	
.if-sticky.e-flex.e-con.e-child { position: static !important; } .page .sg-dots .swiper-pagination { transform: translateX(-50%); }
	
.add-lright.e-flex.e-con.e-child:before, .add-lright.e-flex.e-con.e-child:after { width: 50px !important; } .foo-wrap.e-flex.e-con.e-child { overflow: hidden; } .owl-reviews .owl-dots { justify-content: center; align-items: center; margin-left: auto; margin-right: auto; } .owl-reviews { text-align: center; } .owl-reviews .owl-item { text-align: left; }
	
.mobile-footer:not(.for-landing) { display: block !important; } .if-off { background-image: none !important;!i;!; background: #CAE9FF; }
	
}

/* iPad */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
.hero-right.e-flex.e-con.e-child:after { top: 0; left: 0; width: 100% !important; height: 30% !important; background: linear-gradient(180deg, #CAE9FF 0%, rgba(202, 233, 255, 0) 100%) !important; } .hero-right .elementor-widget-image img { border-radius: 0px 0px 50px  50px !important; height: 640px; object-fit: cover; width: 100%; }
	
.add-gradi.e-flex.e-con.e-child { width: 100% !important; } .pat-off { background-image: none !important; background-color: #CAE9FF; } .pat-off > .e-con-inner > .e-con-full.e-flex.e-con.e-child { padding-top: 150px !important; padding-bottom: 150px !important; }
	
.if-sticky.e-flex.e-con.e-child { top: 180px !important; }
	
}


/* iPad Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
}

/* iPad Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
}

/**
 * Till iPad
 */ 

@media only screen and (max-width:1024px) {
	
.foo-wrap.e-flex.e-con.e-child .foo-img.e-flex.e-con:after, .right-bg.e-flex.e-con.e-child:before { display:none !important; }
	
}

@media (min-width: 769px) {
	
	.if-grid .owl-stage-outer { overflow: visible !important; }

	.if-grid .owl-stage { width: auto !important; transform: unset !important; overflow: visible; justify-content: center; }

	.if-grid .owl-dots { display: none; } .if-grid .owl-item { width: 100% !important; }
	
	.why-choose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }

	}

/**
 * Header
 */ 

.admin-bar .landing-hero > .e-con-inner {
    padding-top: 75px;
}

.page.landing-page .landing-header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
	transition: all ease .3s;
}

.darkHeader.page.landing-page .landing-header {
    top: 20px;
}

.page.landing-page .landing-header .head-grid {
    border-radius: 50px;
    transition: all ease .3s;
}

.darkHeader.page.landing-page .landing-header .head-grid {
    background: #CAE9FF;
    border-radius: 50px;
	box-shadow: 0px 0px 60px 0px rgba(52, 144, 167, 0.1);
}

/**
 * Primary Button
 */ 

.pri-btn a.elementor-button { background: #ffffff; color: #1B1A1A; border-radius: 50px; font-family: 'intermedium'; font-size: 18px; padding: 21px 24px; }

.pri-btn a.elementor-button svg { font-size:24px; } .gri-btn.less-it a.elementor-button { font-size: 18px; padding: 21px 24px; }

/**
 * Footer CTA
 */ 

.foo-wrap.e-flex.e-con.e-child { box-shadow: 0px 7px 0px 0px #3490A7; } .foo-wrap.e-flex.e-con.e-child .foo-img.e-flex.e-con:after { content: ''; background: linear-gradient(140.03deg, #BEE9E8 5.38%, rgba(155, 255, 253, 0.36) 84.95%); position: absolute; width: 350px; height: 350px; border-radius: 50%; filter: blur(170px); -webkit-filter: blur(170px); left: 80%; bottom: -210px; }

/**
 * FAQ
 */ 

.my-faq .e-n-accordion-item { border-bottom: 1px solid rgba(33, 37, 41, 0.2); }

/**
 * Hero
 */ 

.my-hero.e-flex.e-con.e-child { overflow: hidden; } .hero-right.e-flex.e-con.e-child:after { content: ''; background: linear-gradient(90deg, #CAE9FF 0%, rgba(202, 233, 255, 0) 100%); width: 50%; height: 100%; position: absolute; } .gri-btn a.elementor-button { font-family: poppinsmedium; font-size: 20px; border-radius: 50px; padding: 23px 40px; color: #212529; background: radial-gradient(97.17% 97.17% at 97.17% 7.41%, #BEE9E8 0%, #62B6CB 100%); } .plus-button-container { position: absolute; display: inline-block; bottom: 50px; right: 50px; } .plus-button { font-size: 0; padding: 0; cursor: pointer; background-color: transparent !important; } .info-box { opacity: 0; transform: translateY(20px); transition: opacity 0.3s ease, transform 0.3s ease; position: absolute; background-color: rgba(255, 255, 255, 0.35); padding: 20px; border-radius: 45px; width: 320px; z-index: 1; bottom: 55px; right: 75px; border: 1px solid #ffffff; backdrop-filter: blur(45px); } .plus-button-container .info-box.show { opacity: 1; transform: translateY(0); } .info-box p { margin: 10px 0; font-size: 14px; line-height: 1.5; font-family: 'georgiaregular'; } .inn-box { display: grid; grid-template-columns: 210px 1fr; } .info-box p strong { font-size: 16px; font-family: 'poppinsmedium'; color: rgba(33, 37, 41, 0.5); font-weight: normal; } .info-box p a { color: #212529; } .box-btn a { display: inline-flex; align-items: center; background: #FFFFFF; border-radius: 50px; color: #212529; font-family: 'intermedium'; font-size: 10px; gap: 10px; padding: 5px 13px; } .box-btn a svg { width: 11px; height: 9px; } .box-btn { padding-top: 15px; }

/**
 * What to Expect
 */ 

.if-left-contain.e-flex.e-con.e-child { padding-left: calc((100% - 1380px) / 2); } .elementor-editor-active .if-sticky.e-flex.e-con.e-child { position: static; opacity:1 !important; } .if-sticky.e-flex.e-con.e-child { position: sticky; top: 150px; z-index: 9; background: #f4fbff; } .if-sticky.section.e-flex.e-con.e-child { transition: opacity ease .3s; opacity: .3; } .if-sticky.section.active.e-flex.e-con.e-child { opacity: 1; }

/**
 * Dental Issues
 */ 

.page .di-issue .e-n-tab-title { flex: 1; }

/**
 * Before After
 */ 

.right-bg.e-flex.e-con.e-child:before { content: ''; background: url(../../../wp-content/uploads/2024/09/expect-vector.png); position: absolute; width: 100vw; background-size: contain; background-repeat: no-repeat; background-position: left center; } .my-baf.e-flex.e-con-boxed { overflow: hidden; } .page .sg-dots .swiper-pagination { display: inline-flex; justify-content: center; border: 1px solid rgba(15, 15, 15, 0.1); width: auto; align-items: center; left: 50%; border-radius: 50px; padding: 15px; } .page .sg-dots .elementor-image-carousel-wrapper { padding-bottom: 70px !important; } .my-baf p:last-child { margin-bottom:0; } .foo-wrap.my-mid.e-flex.e-con.e-child .foo-img.e-flex.e-con:after { display: none; } .pg-guide a.elementor-button { pointer-events: none; } .add-gradi.e-flex.e-con.e-child { background: linear-gradient(270.01deg, rgba(244, 251, 255, 0) -7.13%, #F4FBFF 9.47%, #F4FBFF 79.64%, rgba(244, 251, 255, 0) 99.46%); } .add-lright.e-flex.e-con.e-child:before { background: linear-gradient(270deg, rgba(244, 251, 255, 0) 0%, #F4FBFF 80.5%); width: 130px; height: 100%; position: absolute; left: 0; top: 0; content: ''; } .add-lright.e-flex.e-con.e-child:after { width: 130px; height: 100%; position: absolute; right: 0; top: 0; content: ''; background: linear-gradient(270.01deg, rgba(255, 255, 255, 0) -7.13%, #F4FBFF 49.74%); rotate: -180deg; } .add-lright.e-flex.e-con.e-child { animation: marqueebg 30s infinite linear; }

@keyframes marqueebg {
  0% {
    background-position: 0;
  }

  100% {
    background-position: -1190px;
  }
}

/**
 * Dental Issues
 */

div#anchors {
    display: flex;
    overflow-x: scroll;
    gap: 20px;
	padding-left: 15px;
}

div#anchors a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    width: 160px;
    background: #FFFFFF;
    padding: 15px;
    border-radius: 20px;
    color: #212529;
    font-size: 12px;
    font-family: 'poppinsregular';
    line-height: 12px;
    border: 1px solid rgba(33, 37, 41, 0.2);
	transition: background ease .3s;
}

div#anchors a.active {
    background: #66B9CD;
}

.issue-main {
    padding: 60px 15px 0px;
    text-align: center;
}

.issue-main h2 {
    font-family: 'georgiaregular';
    font-size: 28px;
    margin: 25px 0px 15px;
}

.owl-dots {
    display: inline-flex;
    border: 1px solid rgba(15, 15, 15, 0.1);
    border-radius: 50px;
    margin-top: 40px !important;
    padding: 10px 12px;
}

.page .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background: rgba(13, 13, 13, .25);
}

.page .owl-theme .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    background: #62B6CB;
}

.page .di-issue .e-n-tab-icon svg {
    fill: none !important;
}

.page .di-issue.ven-con .e-n-tab-icon svg {
    fill: #000000 !important;
}

/**
 * Client Reviews
 */ 

.owl-reviews h2 {
    font-size: 24px;
    font-family: 'georgiaregular';
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 8px;
    line-height: 24px;
}

.owl-reviews .owl-item {
    background: #FFFFFF;
    border-radius: 40px;
    padding: 30px;
    transition: all ease .3s;
    box-shadow: unset;
}

.owl-reviews img {
    width: auto !important;
}

.review-col p {
    margin-bottom: 0;
    font-family: 'poppinsregular';
    line-height: 22px;
    margin-top: 20px;
}

.owl-reviews .owl-item:hover {
    box-shadow: 0 10px 30px 5px rgb(0 165 206 / 5%);
}

.landing-page a.fa-phndf04 svg {
    width: 34px;
    height: 34px;
}

/**
 * Request Appointment
 */ 

.mobile-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    z-index: 9;
    transition: all ease .3s;
    transform: translateY(100%);
    background: radial-gradient(97.17% 97.17% at 97.17% 7.41%, #BEE9E8 0%, #62B6CB 100%);
}

.darkHeader .mobile-footer {
    transform: translateY(0);
}

.mobile-footer a {
    color: #ffffff;
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
	text-transform:uppercase;
}

.mobile-footer a img {
    width: 31px;
}

.mobile-footer svg {
    height: 20px;
    width: 20px;
    position: relative;
    top:4px;
}

.mobile-footer { display:none; }

.mobile-footer a span {
    animation: blink-animation 1.3s infinite;
}


@keyframes blink-animation {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}