/**
Theme Name: WM
Author: Whiteboard Marketing
Author URI: https://www.whiteboard-mktg.com
Description: Child theme for WM Astra.
Version: 1.0.0.parent-saying .owl-carousel .owl-nav button
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wm
Template: astra
*/

/* Spacing */
.m-auto {margin: auto!important;}
.m-0 {margin: 0px!important;}
.p-0 {padding: 0px!important;}

.m-0 {margin: 0px!important;}
.m-10 {margin: 10px!important;}
.m-20 {margin: 20px!important;}
.m-30 {margin: 30px!important;}
.m-2em {margin: 2em!important;}
.m-4em {margin: 4em!important;}

.p-0 {padding: 0px!important;}
.p-10 {padding: 10px!important;}
.p-20 {padding: 20px!important;}
.p-30 {padding: 30px!important;}
.p-2em {padding: 2em!important;}
.p-4em {padding: 4em!important;}

.mt-0 {margin-top: 0px!important;}
.mt-10 {margin-top: 10px!important;}
.mt-20 {margin-top: 20px!important;}
.mt-30 {margin-top: 30px!important;}
.mt-2em {margin-top: 2em!important;}
.mt-4em {margin-top: 4em!important;}

.mb-0 {margin-bottom: 0px!important;}
.mb-10 {margin-bottom: 10px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mb-30 {margin-bottom: 30px!important;}
.mb-2em {margin-bottom: 2em!important;}
.mb-4em {margin-bottom: 4em!important;}

.pt-0 {padding-top: 0px!important;}
.pt-10 {padding-top: 10px!important;}
.pt-20 {padding-top: 20px!important;}
.pt-30 {padding-top: 30px!important;}
.pt-2em {padding-top: 2em!important;}
.pt-4em {padding-top: 4em!important;}

.pb-0 {padding-bottom: 0px!important;}
.pb-10 {padding-bottom: 10px!important;}
.pb-20 {padding-bottom: 20px!important;}
.pb-30 {padding-bottom: 30px!important;}
.pb-2em {padding-bottom: 2em!important;}
.pb-4em {padding-bottom: 4em!important;}

.mw-100 {max-width:100px;}
.mw-200 {max-width:200px;}
.mw-300 {max-width:300px;}
.mw-400 {max-width:400px;}
.mw-500 {max-width:500px;}
.mw-600 {max-width:600px;}
.mw-700 {max-width:700px;}
.mw-800 {max-width:800px;}
/* END spacing */

/* Blog Image Fix */
body.post-template-default.single.single-post article .post-thumb-img-content img {
	height: 500px!important;
    width: 800px;
    object-fit: contain;
}
@media (max-width: 600px) {
	body.post-template-default.single.single-post article .post-thumb-img-content img {
		height: auto!important;
   		width: 100%;
    	object-fit: inherit;
	}	
}
/* END Blog Image Fix */
/* Blog Post styles */
body.post-template-default.single.single-post article {
    padding-top: 2em!important;
    padding-bottom: 2em!important;
}
body.post-template-default.single.single-post .post-thumb-img-content {
    background: white;
    text-align: center;
    padding: 0px;
}
body.post-template-default.single.single-post h1.entry-title {
    font-size: 28px!important;
}
body.post-template-default.single.single-post .ast-single-post-order {
    text-align: center;
}
body.post-template-default.single.single-post div#primary {
    margin-top: 0px;
	padding: 0;
}
body.post-template-default.single.single-post article.post {
    padding: 2em;
}
.blog-list h4.uagb-post__title.uagb-post__text {
    margin-top: 15px;
}
/* END Blog Post styles */


.wp-block-group__inner-container h2, .wp-block-group__inner-container h3, .wp-block-group__inner-container h4, .wp-block-group__inner-container h5, .wp-block-group__inner-container h6 {
    display: block;
    clear: none;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	height: 50px;
}

@media (min-width:921px){
	#ast-mobile-header{display:none;}
}

.entry-content figure.alignright {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 20px;
}

@media (max-width: 800px) {
	.m-hide { display:none !important;}
	.entry-content figure.alignright {
		float: none!important;
		width: 100%;
		margin: 0!important;
		margin-bottom: 20px!important;
	}
}


/*HEADER CSS START*/
.overflow-hidden{
    overflow: hidden;
}

header ul li a{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px !important;
    font-family: 'Montserrat';
    color: #333333;
}
header ul li a:hover{
    
}
header .ast-header-button-1 .ast-custom-button-link .ast-custom-button{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px !important;
    font-family: 'Montserrat';
    color: #fff !important;
    padding: 8px 20px !important;
    display: inline-block;
    border-radius: 35px;
}
.tel-btn a{
    border: 1px solid #333;
    padding: 8px 20px !important;
    display: inline-block;
    border-radius: 35px;
}
/*HEADER CSS END*/
/*Banner start */
 .sunshine-banner-outerwrap{
        text-align: center;
    }
    .sunshine-banner-outerwrap h1{
        font-family: 'Baloo';
        font-weight: 400;
        font-size: 109.84px;
        line-height: 115.34px;
        letter-spacing: 0%;
        margin-bottom: 88px;
        color: #00C4CC;
        transform: rotate(-7deg);
    }
    .sunshine-banner-outerwrap p{
        font-family: 'Quicksand';
        font-weight: 400;
        font-size: 18px;
        line-height: 27px;
        letter-spacing: 0%;
        color: #333333;
        margin-bottom: 24px;
    }
    .btn-outerwrap{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn-outerwrap a{
        font-family: 'Montserrat';
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0%;
        text-align: center;
        display: inline-block;
        padding: 12px 24px;
        color: #333333;
        border: 1px solid #333333;
        border-radius: 35px;
    }
        .btn-outerwrap .red-btn{
        background-color: #EF5741;
        border: 1px solid #EF5741;
        color: #fff;
        margin-right: 16px;
    }
    .btn-outerwrap .red-btn:hover{
        background: #00C4CC;
        border: none;
    }
    .sunshine-banner-images{
        height: 221px;
    }
    .sunshine-banner-images img{
        /* width: 221px;
        height: 221px;
        object-fit: cover;
        border-radius: 50%; */
        position: absolute;
    }
    .sunshine-banner-images img:nth-child(1){
        left: 72px;
        top: 120px;
    }
    .sunshine-banner-images img:nth-child(2){
        top: 50px;
        right: 72px;
    }
    .sunshine-banner-images img:nth-child(3){
        left: -72px;
        top: 415px;
    }
    .sunshine-banner-images img:nth-child(4){
        bottom: 0;
        left: 470px;
    }
    .sunshine-banner-images img:nth-child(5){
        right: 270px;
        bottom: 70px;
    }
    .sunshine-banner-images img:nth-child(6){
        right: -85px;
        bottom: -70px;
    }
    /*banner end */
/*SUNSHINE SMILES CSS START*/
.site-banner{padding:0;   background: #F8F6F1;}
.site-banner.page-id-25016 {
    padding: 75px 0;
    background: #F8F6F1;
}

.brighter-smiles {
    padding: 112px 0 80px;
    background-size: 20% !important;
}
.brighter-smiles h2{
    font-family: 'Baloo';
    font-weight: 400;
    font-size: 72px;
    line-height: 86.4px;
    letter-spacing: 0%;
}

.brighter-smiles p{
    font-family: 'Quicksand';
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0%;
}
.brighter-smiles h3{
    font-family: 'Baloo';
}
.brighter-smiles a .uagb-button__link{
    font-family: 'Montserrat';
}
.brighter-smiles video{
    border-radius: 50px;
}
/* video start */

/* video end */
.visit-col .wp-block-uagb-call-to-action{
    align-items: flex-start;
    flex-direction: column;
}
.visit-col-innerwrap{
    justify-content: center;
}
/*SUNSHINE SMILES CSS END*/
/*DR SARAH CSS START*/
.dr-sarah{
    background-position: 100% 128px !important;
    background-size: 75% !important;
}
.dr-sarah h2{
    font-family: 'Baloo';
    line-height: 120%;
}
/*DR SARAH CSS END*/
/*PARENT SAYING CSS START*/
.parent-saying h2{
    font-family: 'Baloo';
}
.parent-saying p{
    font-family: 'Quicksand';
}
.parent-saying .owl-carousel .parent-slider-innerwrap {
    border: 6px solid #00C4CC;
    background: #fff;
    border-radius: 32px;
    padding: 32px;
}
.parent-saying .owl-carousel .parent-slider-innerwrap img{
    width: auto;
    margin-bottom: 24px;
}
.parent-saying .owl-carousel .parent-slider-innerwrap p{
    font-family: 'Quicksand';
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 24px;
}
.parent-saying .owl-carousel .parent-slider-innerwrap span{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    display: inline-block;
}
.parent-saying .owl-carousel .owl-nav{
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    bottom: 55%;
    left: 0;
}
.parent-saying .owl-carousel .owl-nav button{
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #EF5741;
    line-height: 50px;
    color: #fff;
}
.parent-saying .owl-carousel .owl-dots {
    text-align: center;
    margin-top: 48px;
}
.parent-saying .owl-carousel .owl-dots .owl-dot span{
    width: 8px;
    height: 8px;
    background: #CCCCCC;
    display: inline-block;
    border-radius: 50%;
    margin: 0 4.5px;
}
.parent-saying .owl-carousel .owl-dots .owl-dot.active span{
    background: #EF5741;
}
.child-journey{
    margin-left: 6px;
}
/*PARENT SAYING CSS END*/
/*footer css*/
.widget-title, .widget{
    margin: 0;
}
.icon-container{
    display: flex;
    margin-top: 74px;
}
footer, footer p, footer .site-footer-section a{
    color: #fff !important;
}
footer h6, footer .widget-title h6{
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 21px;
    text-transform: uppercase;
}
footer .footer-bar-navigation nav ul li a{
    text-transform: uppercase;
    font-size: 14px;
}
.ast-builder-grid-row-6-equal .ast-builder-grid-row {
    grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr 1fr;
}
.icon-container svg {
    width: 20px;
    height: 20px;
    margin: 0 12px;
}
.ast-builder-grid-row-6-equal .ast-builder-grid-row {
    grid-template-columns: 1fr 1fr 1.5fr 1fr 1fr 1fr;
}
/*footer css end*/

/* Responsiveness start */
@media screen and (max-width: 2560px) {
    .sunshine-banner-images img:nth-child(1){
        left: 600px;
    }
    .sunshine-banner-images img:nth-child(2){
        right: 580px;
    }
    .sunshine-banner-images img:nth-child(4){
        left: 670px;
    }
    .sunshine-banner-images img:nth-child(5){
        right: 670px;
    }
    .dr-sarah {
        background-position: 725px 130px !important;
        background-size: 100% !important;
    }
    .dr-sarah figure img{
        width: 75%;
    }
}
@media screen and (max-width: 1920px) {
    .brighter-smiles .wp-block-column br{
        display: none !important;
    }
    .sunshine-banner-images img:nth-child(1){
        left: 290px;
    }
    .sunshine-banner-images img:nth-child(2){
        right: 290px;
    }
    .sunshine-banner-images img:nth-child(4){
        left: 670px;
    }
    .sunshine-banner-images img:nth-child(5){
        right: 470px;
    }
    .dr-sarah {
        background-position: 690px 48px !important;
        background-size: 96% !important;
    }
    .dr-sarah-col {
        padding: 0 6% 0 16%;
    }
    .brighter-smiles {
       background-size: 25% !important;
       background-position: -10% -5% !important;
    }
}
@media screen and (max-width: 1800px) {
    .sunshine-banner-images img:nth-child(1) {
        left: 170px;
    }
    .sunshine-banner-images img:nth-child(2) {
        right: 140px;
    }
    .sunshine-banner-images img:nth-child(4) {
        left: 470px;
    }
    .sunshine-banner-images img:nth-child(5) {
        right: 270px;
    }
    .brighter-smiles {
        background-position: -10% 0% !important;
    }
    .dr-sarah {
        background-position: 608px 130px !important;
        background-size: 95% !important;
    }
}
@media screen and (max-width: 1600px) {
    .sunshine-banner-images img:nth-child(1) {
        left: 80px;
    }
    .sunshine-banner-images img:nth-child(2) {
        right: 50px;
    }
    .sunshine-banner-images img:nth-child(4) {
        left: 340px;
    }
    .brighter-smiles .visit-col-innerwrap .wp-block-column .uagb-cta__wrap h3{
        font-size: 20px;
        line-height: 1.3;
        font-family: 'Baloo';
    }
    .dr-sarah {
        background-position: 535px 280px !important;
        background-size: 91% !important;
    }
    .dr-sarah .alignright img{
        width: 75%;
    }
}
@media screen and (max-width: 1440px) {
    .brighter-smiles .wp-block-column br{
        display: block !important;
    }
    .sunshine-banner-outerwrap h1 {
        font-size: 89.84px;
        line-height: 95.34px;
        margin-bottom: 78px;
    }
    .site-content h2{
        font-size: 62px !important;
        line-height: 66.4px !important;
    }
    .dr-sarah {
        background-position: 490px 240px !important;
    }
}
@media screen and (max-width: 1366px) {
    .site-content h2 {
        font-size: 42px !important;
        line-height: 46.4px !important;
    }
    .sunshine-banner-images img:nth-child(1) {
        left: 40px;
        top: 70px;
    }
    .sunshine-banner-images img:nth-child(5) {
        right: 230px;
    }
    .dr-sarah {
        background-position: 450px 250px !important;
    }
    .dr-sarah-col {
        padding: 0 2% 0 3%;
    }
    .dr-sarah .alignright img{
        width: 65%;
    }
    
}
@media screen and (max-width: 1199px) {
    .sunshine-banner-outerwrap br{
        display: none;
    }
    p{
        font-size: 15px !important;
        line-height: 1.3 !important;
    }
    .sunshine-banner-images img{
        width: 151px;
        height: 151px;
    }
    .sunshine-banner-outerwrap{
        width: 60%;
        margin: 0 auto;
    }
    .sunshine-banner-outerwrap h1 {
        font-size: 69.84px;
        line-height: 75.34px;
    }
    .child-journey h2 br{
        display: none;
    }
    .dr-sarah {
        background-position: 385px 220px !important;
        background-size: 95% !important;
    }
}
@media screen and (max-width: 1024px) {
    .ast-builder-grid-row-6-equal .ast-builder-grid-row {
        grid-template-columns: repeat(3, 1fr);
    }
    .dr-sarah {
        background-position: 360px 220px !important;
        background-size: 100% !important;
    }
}
@media screen and (max-width: 991px) {
    .sunshine-banner-images{
        display: none;
    }
    .sunshine-banner-outerwrap h1 {
        font-size: 50px;
        line-height: 65.34px;
        margin-bottom: 60px;
    }
    .brighter-smiles .wp-block-columns .wp-block-column .wp-block-uagb-call-to-action .uagb-cta__wrap{
        text-align: left;
    }
    .brighter-smiles .visit-col-innerwrap .wp-block-column .uagb-cta__wrap h3 br{
        display: none !important;
    }
    .brighter-smiles .wp-block-gallery {
        gap: 12px!important;
        column-count: 2 !important;
    }
    .brighter-smiles .wp-block-gallery .wp-block-image img{
        margin-bottom: 12px!important; 
    }
    .brighter-smiles p,
    .dr-sarah .wp-block-group__inner-container p{
        margin-bottom: 40px !important;
    }
    .site-content h2 {
        font-size: 32px !important;
        line-height: 36.4px !important;
    }
    .dr-sarah {
        background-position: 240px 520px !important;
    }
    .dr-sarah-col .wp-block-uagb-image img {
        width: 40%;
    }
    .child-journey .wp-block-columns{
        padding: 30px!important;
    }
    .sunshine-banner-outerwrap {
        width: 100%;
    }
    .btn-outerwrap a{
        font-size: 14px;
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element {
        text-align: left;
    }
}
@media (max-width: 921px) {
    .ast-header-break-point .site-above-footer-wrap[data-section="section-above-footer-builder"] {
        display: grid;
    }
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-6-equal .ast-builder-grid-row {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element {
        text-align: left;
    }
    .site-footer .footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu{
        justify-content: flex-start;
    }
    .site-footer .footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item {
        align-items: flex-start;
    }
    .site-footer .footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item a{
        padding: 0px !important;
    }
}
@media screen and (max-width: 767px) {
    br{
        display: none!important;
    }
    .sunshine-banner-outerwrap h1 {
        font-size: 40px;
        line-height: 1.2;
    }
    .sunshine-banner {
        padding: 60px 20px;
    }
}
@media screen and (max-width: 640px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-6-equal .ast-builder-grid-row {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    p{
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    .dr-sarah {
        background-position: 140px 460px !important;
    }
    .parent-saying .owl-carousel .owl-nav{
        display: none;
    }
    .uagb-button__link{
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
}
@media screen and (max-width: 480px){
    .btn-outerwrap,
    .dr-sarah .uagb-buttons__wrap,
    .child-journey .wp-block-column .uagb-buttons__wrap{
        flex-direction: column;
    }
    
    .btn-outerwrap a{
        margin: 0 0 9px 0!important;
    }
    .brighter-smiles video {
        border-radius: 22px;
    }
    .brighter-smiles {
        background-size: 45% !important;
        padding: 50px 20px !important;
    }
    .dr-sarah,
    .parent-saying,
    .child-journey{
        padding: 50px 20px !important;
    }
    .brighter-smiles p, .dr-sarah .wp-block-group__inner-container p {
        margin-bottom: 10px !important;
    }
    .brighter-smiles .wp-block-gallery {
        column-count: 1 !important;
    }
    .dr-sarah-col .wp-block-uagb-image img {
        width: 70%;
    }
    .child-journey .wp-block-column h2{
        font-size: 20px !important;
        line-height: 26.4px !important;
    }
}
/* Responsiveness end */
.uagb-faq-content br{display:block !important;}
.card-img:hover {
    transform: scale(1.2) !important;
}
.card-details {
    background: #fff;
    padding: 30px !important;
    border-radius: 20px !important;
    margin-bottom: 40px;
}
.card-img img{cursor:pointer}
@media screen and (min-width: 1200px) {
.card-img:nth-child(1) {
    position: absolute;
    top: -60%;
}
.card-img:nth-child(2) {
    position: absolute;
    top: 38%;
}
.card-img:nth-child(3) {
    position: absolute;
    top: 10%;
}
.card-img:nth-child(4) {
    position: absolute;
    top: -100%;
}	
}


.card-details:not(.active) {display: none;}