/**
* Name:     AppleOne 2024 Custom Stylesheet (2024)
* Author:   Jen Dela Paz | iManila
* Version:  1.0.0
**/


/*** Fonts ***/
@font-face {
    font-family: GeneralSans;
    src: url(../fonts/GeneralSans-Regular.ttf),
         url(../fonts/Degular-Semibold.woff),
         url(../fonts/Degular-Semibold.woff2);
}

@font-face {
    font-family: GeneralSans Medium;
    src: url(../fonts/GeneralSans-Medium.eot),
         url(../fonts/GeneralSans-Medium.ttf),
         url(../fonts/GeneralSans-Medium.woff),
         url(../fonts/GeneralSans-Medium.woff2);
}

@font-face {
    font-family: GeneralSans SemiBold;
    src: url(../fonts/GeneralSans-Semibold.eot),
         url(../fonts/GeneralSans-Semibold.ttf),
         url(../fonts/GeneralSans-Semibold.woff),
         url(../fonts/GeneralSans-Semibold.woff2);
}


@font-face {
    font-family: Melodrama;
    src: url(../fonts/Melodrama-Regular.eot),
         url(../fonts/Melodrama-Regular.ttf),
         url(../fonts/Melodrama-Regular.woff),
         url(../fonts/Melodrama-Regular.woff2);
}

@font-face {
    font-family: Melodrama Medium;
    src: url(../fonts/Melodrama-Medium.eot),
         url(../fonts/Melodrama-Medium.ttf),
         url(../fonts/Melodrama-Medium.woff),
         url(../fonts/Melodrama-Medium.woff2);
}

@font-face {
    font-family: Melodrama Bold;
    src: url(../fonts/Melodrama-Bold.eot),
         url(../fonts/Melodrama-Bold.ttf),
         url(../fonts/Melodrama-Bold.woff),
         url(../fonts/Melodrama-Bold.woff2);
}


/*** GENERAL ***/
:root {
	--primary-blue: #143A79;
    --pale-blue: #EDF4FF;
    --dark-blue-gray:#627593;
    --blue-gray:#6A85B1;
    --light-blue:#D7E6FF;
    --white:#ffffff;
}


.uk-nav, .uk-nav ul {
    padding: 0px 10px;
}
.uk-nav>li>a {
    margin-top:10px;
}
.uk-navbar-nav li.uk-parent a::after{
    content: url('https://staging.radiantcaresbwc.com/wp-content/uploads/2024/11/parent-nav-arrow.png');
    position: relative;
    right: -8px;
    bottom: 3px;
}
.uk-navbar-nav li.uk-active.uk-parent a::after, .uk-navbar-nav li.uk-parent:hover a::after{
    content: url('https://staging.radiantcaresbwc.com/wp-content/uploads/2024/11/parent-nav-arrow-white.png');
    position: relative;
    right: -8px;
    bottom: 3px;
}
.uk-navbar-nav li.uk-parent a {
    color:#143A79;
}
.uk-navbar-nav li.uk-parent a:hover,.uk-navbar-nav li.uk-active.uk-parent a{
    color:#fff;
}
.uk-navbar-dropdown-nav>li>a:hover::after, .uk-navbar-dropdown-nav>li.uk-active a::after{
    content: url('https://staging.radiantcaresbwc.com/wp-content/uploads/2024/11/subnav-arrow.png');
    position: absolute;
    right: 50px;
}
.uk-navbar-dropdown-nav>li>a:hover, .uk-navbar-dropdown-nav>li.uk-active {
    background: linear-gradient(90deg, #143A79 0%, #1C52AC 50%, #256BDF 100%);
    border-radius:6px;
}
.uk-offcanvas-bar .uk-nav li a:hover,.uk-offcanvas-bar .uk-nav li.uk-active a{
    text-decoration: underline;
}
.uk-breadcrumb {
    border-radius: 12px;
    background: var(--pale-blue);
    padding: 10px 5px;
    display: inline-block;
}
.uk-breadcrumb>*>* {
    padding: 5px 10px;
}
.uk-breadcrumb>*>a:hover{
    border-radius: 6px;
    background: var(--light-blue);
}


/** Text ***/

.txt-primary-blue{
    color: var(--primary-blue);
}
.txt-pale-blue{
    color: var(--pale-blue);
}
.txt-dark-blue{
    color: var(--dark-blue);
}
.txt-light-blue{
    color: var(--light-blue);
}

.txt-blue-gray{
    color: var(--blue-gray);
}
.txt-white, .uk-text-background{
    color: var(--white) !important;
}


/*** Toolbar ***/

.tm-toolbar .el-content {
    color: #fff;
}
.tm-toolbar a {
    transition: .2s all ease-in-out
}
.tm-toolbar a:hover {
    text-decoration: none
}
.tm-toolbar .el-item {
    margin: 0 30px
}

/*** Header ***/
.uk-navbar-nav  > li.uk-active > a,
.uk-navbar-nav  > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a { background: linear-gradient(to right, #143A79, #1C52AC, #256BDF); }


/*** Background / Borders ***/

.rc-bg-01{
    background: linear-gradient(0deg, #D7E6FF 45.5%, #EDF4FF 100%);
}
.rc-bg-02 {
    background: linear-gradient(180deg, #143A79 0%, #1C52AC 69%, #256BDF 100%);
}
.rc-bg-03 {
    background: linear-gradient(90deg, #143A79 0%, #1C52AC 50%, #256BDF 100%);
}
.rc-border-primary .el-image{
    border: 2px solid var(--primary-blue);
}

.rc-radius-01 .el-image{
    border-radius: 351px 351px 12px 12px;
}
.rc-radius-02 .el-image{
    border-radius: 325px;
}

.rc-radius-03 .el-image{
    border-radius: 375px;
}
.rc-radius-04 .el-image{
    border-radius: 40px;
}

/*** Buttons ***/
.uk-button-large{
    position: relative;
    padding: 10px 25px;
    line-height: 25px;
}
.uk-button-large::after {
    content: "";
    width: 47px;
    height: 47px;
    background: url("https://staging.radiantcaresbwc.com/wp-content/uploads/2024/10/button-arrow.png");
    top:-2px;
    right: -32px;
    position: absolute;
}
.uk-button-large:hover::after {
    content: "";
    width: 47px;
    height: 47px;
    background: url("https://staging.radiantcaresbwc.com/wp-content/uploads/2024/10/button-arrow-hover.png");
    top:-2px;
    right: -32px;
    position: absolute;
    transition: .1s ease-in-out;
}

/*** Icons ***/
.sparkle-item-wrapper{
    z-index: 99;
    position: absolute;
}

.home-banner .sparkle-item-wrapper.sparkle-icon-01 {
    left: 655px;
    top: -655px;
}




/*** Footer ***/
footer .uk-h4, footer .el-item, footer p {
    font-size: 1.125rem;
}
footer .uk-h4, .footer-b .uk-text-primary {
	font-family: 'GeneralSans SemiBold' !important;
}
footer .uk-button-default{
    border:1px solid #143A79 !important;
}
.footer-a{
	border-top: 1px solid #143A79;
    border-bottom: 1px solid #143A79;
}


/*** Newsletter ***/
.tnp-field label {
   display: none !important;
}
.tnp-subscription input[type=email]{
   background-color: var(--pale-blue);
   padding: 0.8rem;
   color:#143A79;
}
.tnp-subscription input#tnp-1::placeholder {
    color: var(--blue-gray);
}
.tnp-subscription input.tnp-submit{
    font-family: 'GeneralSans';
    font-size: 1.125rem;    
    width: 100%;
    padding: 5px 20px;
    border-radius: 6px;
    background-color: var(--white);
    border: 1px solid var(--primary-blue);
    color: var(--primary-blue);
}
.tnp-subscription input.tnp-submit:hover{
    color: var(--white);
    background-color: var(--primary-blue);
}
:focus-visible {
    outline: 1px solid var(--primary-blue);
}

/*** Accordion ***/
.uk-accordion .el-item{
    border-top: 1px dashed var(--blue-gray);
    padding: 30px 25px;
}
.uk-accordion .el-item:hover{
    background: var(--pale-blue);
}
.uk-accordion .el-item:hover .uk-accordion-title::before{
    background-color: var(--light-blue);
}
.uk-accordion .el-content{
    font-size:1.25rem;
}
.uk-accordion>:nth-child(n+2) {
    margin-top: 0px;
}
.uk-accordion>:last-child{
    border-bottom: 1px dashed var(--blue-gray);
}

/*** Slide Nav ***/

.uk-slidenav-container {
    display: inline-grid;
}
a.el-slidenav {
    margin-top: 2px;
}
.uk-slidenav-next::after, .uk-slidenav-previous::after  {
    display: block;
    width: 23px;
    height: 23px;
}
.uk-slidenav-next::after {
    content: "";
    background: #f1050500 url('https://staging.radiantcaresbwc.com/wp-content/uploads/2024/11/arrow-next-blue.png') no-repeat;
}
.uk-slidenav-next:hover::after {
    content: "";
    background: #f1050500 url('https://staging.radiantcaresbwc.com/wp-content/uploads/2024/11/arrow-next-white.png') no-repeat;
}
.uk-slidenav-previous::after {
    content: "";
    background: #f1050500 url('https://staging.radiantcaresbwc.com/wp-content/uploads/2024/11/arrow-prev-blue.png') no-repeat;
}
.uk-slidenav-previous:hover::after {
    content: "";
    background: #f1050500 url('https://staging.radiantcaresbwc.com/wp-content/uploads/2024/11/arrow-prev-white.png') no-repeat;
}
.el-slidenav svg, .el-slidenav polyline{
    display: none;
}
.slidenav-br .uk-slidenav-previous, .slidenav-br .uk-slidenav-next {
    position: relative;
}
.slidenav-br .uk-slidenav-previous {
    left: 0px;
}
.slidenav-br .uk-slidenav-next {
    right: 33px;
}
.slidenav-br .uk-position-bottom-right {
    right: -15px;
}

/*** Home ***/

.home-news .el-item .uk-overlay-default.uk-transition-fade.uk-position-cover {
    border-radius: 351px 351px 12px 12px;
    background: linear-gradient(0deg, rgba(20, 58, 121, 0.70) 0%, rgba(20, 58, 121, 0.70) 100%);
}
.home-news .el-title{
    font-size: 1.5rem;
    font-weight: 500;
}
.home-news .el-title, .home-news.el-content{
    color: #fff;
}
.home-news .el-image{
    border-radius: 351px 351px 12px 12px;
    border: 2px solid #143A79;
}
.home-news .uk-button.uk-button-default {
    top: -320px;
    right: 0px;
    position: absolute;
    z-index: 1;
}
.home-services a.el-slidenav {
    margin-top: 7px;
}
.home-services a.el-slidenav {
    margin-top: 7px;
}
.home-services .uk-position-center-right {
    right: -60px;
}

.home-services .el-title {
    background-color: #fff;
    color: #143a79;
    border: 2px solid #143a79;
    border-radius: 50px;
    vertical-align: middle;
    font-size: 1.125rem;
    line-height: 36px;
    text-align: center;
    padding: 10px 25px;
}

.home-banner .uk-position-bottom-left {
    left: 650px;
    bottom:45px;
}

/*** About Us ***/
.rc-mission-vision .el-title {
    background-color: #fff;
    color: #143a79;
    border: 2px solid #143a79;
    border-radius: 50px;
    vertical-align: middle;
    font-size: 1.5rem;
    line-height: 36px;
    text-align: center;
    padding: 10px 25px;
    width: fit-content;
}
.rc-mission-vision .el-content{
    color: #143a79;
}

.rc-mission-vision .core_numbers{
    font-family: Melodrama Bold;
}

.rc-mission-vision .el-overlay{
    padding-left:50px;
    padding-right:50px;
}

/*** Our Team ***/
.members-list .uk-tile-primary{
    border-radius:40px;
}

.members-list .uk-heading-small{
    font-family: 'Melodrama Medium';
    font-size: 2.25rem
}

.members-list .uk-button-secondary{
    font-size: 1.5rem !important;
    width: 100%;
    pointer-events: none;
}

.members-list .team-name .el-title{
    font-family: 'GeneralSans Medium';
}

/*** The CLinic ***/
.clinic-tour .el-title{
    background-color: #fff;
    color: #143a79;
    border: 2px solid #143a79;
    border-radius: 50px;
    vertical-align: middle;
    font-size: 1.125rem;
    line-height: 36px;
    text-align: center;
    bottom: -240px;
    position: relative;
    padding: 10px 25px;
}

.clinic-tour .el-link{
    pointer-events:none;
    top: -240px;
    position: relative;
}

.clinic-tour .uk-button{
    padding: 10px 25px !important;
}






/*** Services ***/

.services-grid .el-item .uk-overlay{
    padding: 8px 3px 3px 3px;
}
.services-grid .el-content{
    display:none;
}
.services-grid .el-item:hover .el-content{
    display:block;
}
.services-grid .el-item .uk-overlay-default.uk-transition-fade.uk-position-cover {
    border-radius: 351px 351px 12px 12px;
    background: linear-gradient(0deg, rgba(20, 58, 121, 0.70) 0%, rgba(20, 58, 121, 0.70) 100%);
    
}
.services-grid .scroll {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 2px solid #143A79;
}


/*** News and Updates ***/

.single-post .uk-breadcrumb li:nth-child(3){
    display:none !important;
}

.news-updates{
    position: relative;
}
.news-updates .el-item:hover .el-image{
    opacity: 0.8;
}

.news-updates .el-title{
    font-family:'GeneralSans Medium';
}
.news-updates-inner .el-image{
    border-radius: 40px;
    border: 2px solid var(--Primary-Blue, #143A79);
}


.news-updates .el-content{
    position: relative;
    top: -207px;
    opacity: 0;
}
.news-updates .scroll {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius:6px;
	border:2px solid #143A79;
}

.news-updates .el-item:hover .el-content{
    opacity: 1;
}

.related-news .uk-heading-medium{
    font-family: 'Melodrama' !important;
}

.uk-pagination-previous, .uk-pagination-next{
    padding: 9px 0px;
}




/*** Contact Us ***/

.rc-contact-form{
    font-size: 1.25rem;
}
.rc-contact-form .uk-textarea{
    height:100px;
}
.rc-contact-form .uk-button{
    color: var(--primary-blue);
    width: 100%;
    background-color: transparent;
    border-radius: 12px;
    border: 1px solid var(--primary-blue);
    padding:10px 20px;
}
.rc-contact-form .uk-button:hover{
    color: var(--white);
    width: 100%;
    background-color: var(--primary-blue);
}
.rc-contactinfo-grid .uk-button{
    border-radius: 12px;
    pointer-events: none;
    font-size: 1.125rem;
    font-family: 'GeneralSans Semibold';
    width: 100%;
    padding: 0px;
    line-height: 1.5;
}

.rc-contactinfo-grid .uk-panel.uk-tile-primary {
    background: linear-gradient(90deg, #143A79 0%, #1C52AC 50%, #256BDF 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    height:300px;
}

.rc-contactinfo-grid .uk-panel.uk-tile-primary .el-content {
    font-family: 'GeneralSans Semibold';
    font-size:1.125rem;

}

.rc-contactinfo-grid .scroll-top .scroll {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
	border-bottom:2px solid #143A79;
}

.rc-contactinfo-grid .scroll-bottom .scroll {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius:12px;
	border-top:2px solid #143A79;
}


/*** scroll Text **/

.scroll {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    z-index: 1;
    margin: 0;
    padding: 8px 0px 2px;
}
.m-scroll {
    overflow: hidden;
    height: 100%;
    white-space: nowrap;
    animation: scrollText 10s linear infinite;
    margin: 0;
    font-size: 0;
    display: inline-block;
}
.scroll  span {
    color: #143A79;
    font-size: 1.25rem;
    letter-spacing: 0.4px;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    min-width: 100vw;
}

.scroll span img{
    margin: 0px 8px 5px;
}

@keyframes scrollText {
    from {
    transform: translateX(0%);
    }
    to {
    transform: translateX(-50%);
    }
}




/*** Responsive ***/

@media (max-width:1600px){
    .home-news .uk-button.uk-button-default {
        top: -280px;
    }
    .news-updates .el-content{
        top: -230px;
    }
    .home-banner .uk-position-bottom-left {
        left: 600px;
    }
}

@media (max-width:1440px){
    .home-news .uk-button.uk-button-default {
        top: -215px;
    }
    .tm-header .uk-logo img{
        width:170px;
    }
    .tm-toolbar .el-item {
        margin: 0 20px
    }
    .clinic-tour .el-title{
        bottom: -210px;
    }
    .clinic-tour .el-link {
        top: -210px;
    }

    .uk-navbar-nav>li>a {
        font-size:1rem;
    }
    .home-banner .uk-position-bottom-left {
        left: 545px;
    }
    
}

@media (max-width:1440px){
    .home-banner .uk-position-bottom-left {
        left: 500px;
    }
}

@media (max-width:1024px){
    .home-news .uk-button.uk-button-default {
        top: -270px;
    }
    .rc-contactinfo-grid .uk-panel.uk-tile-primary {
        height: 355px;
    }
    .news-updates .el-content{
        top: -283px;
    }
    .clinic-tour .el-title{
        bottom: -150px;
    }
    .clinic-tour .el-link {
        top: -150px;
    }

    .uk-navbar-nav>li>a {
        font-size: 13px;
    }
    .tm-header .uk-logo img {
        width: 130px;
    }
    .uk-navbar-container .uk-container{
        padding-left: 5px;
        padding-right: 5px;
    }
    .uk-navbar-center .uk-navbar-nav>li>a{
        padding: 0 10px;
    }
    .tm-toolbar .el-content {
        font-size: 12px;
    }
    .rc-mission-vision .el-content{
        font-size:1rem;
    }
    .slidenav-br .uk-position-bottom-right {
        right: -45px;
    }
    .home-banner .uk-position-bottom-left {
        left: 348px;
        bottom: 20px;
    }

}

@media (max-width:820px){
    .rc-contactinfo-grid .uk-panel.uk-tile-primary {
        height: auto;
    }
    .news-updates .el-content{
        top: -257px;
    }
    .clinic-tour .el-title{
        bottom: -145px;
    }
    .clinic-tour .el-link {
        top: -145px;
    }
    .home-services .uk-position-center-right {
        right: -50px;
    }
    .uk-navbar-container .uk-container{
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width:414px){
    .home-news .uk-button.uk-button-default {
        top: -185px;
    }
    .members-list .uk-button-secondary {
        font-size: 0.813rem !important;
    }
    .news-updates .el-content{
        top: -233px;
    }
    .rc-radius-03 .el-image {
        border-radius: 15px;
    }
}

@media (max-width:375px){
    .home-news .uk-button.uk-button-default {
        top: -185px;
    }
    .members-list .uk-button-secondary {
        font-size: 0.813rem !important;
    }
    .news-updates .el-content{
        top: -233px;
    }

    .single-post .news-updates .el-content {
        top: -259px;
    }
}