/*
Theme Name: Courses For Care 2025
Template: blankslate
Author: Creative Marketing Services
Author URI: https://www.cmsadvertising.co.uk/
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2024.2.1724075885
Updated: 2024-08-19 13:58:05

*/

@import url("css/fonts.css");
@import url("css/nav.css");
@import url("css/footer.css");

/* Custom Core CSS */
html{
    overflow-x: hidden;
}
body{
    font-family: "Baloo 2", sans-serif;
    font-optical-sizing: auto;
    color: #282827;
    font-weight: 300;
    overflow-x: hidden;
    /* overflow-wrap:break-word; */
}
.e-con{
    padding:0 !important;
}
.container{
    max-width: 1500px;
}
.padding-h{
    padding-left: calc(15px + 3%);
    padding-right: calc(15px + 3%);
}
.padding-v{
    padding-top: calc(10px + 2%);
    padding-bottom: calc(10px + 2%);
}
.padding-l{
    padding-left: calc(15px + 3%);
}
.padding-r{
    padding-right: calc(15px + 3%);
}
.padding-t{
    padding-top: calc(10px + 2%);
}
.padding-b{
    padding-bottom: calc(10px + 2%);
}
.background-img{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
hr{
    width: 100%;
    max-width: 150px;
    margin:0 0 25px !important;
    opacity: 1;
    border-top: 1px solid #282827;
}
.text-align-center hr{
    margin:0 auto 25px !important;
}
.white-hr{
    border-top: 1px solid #fff;
}
.pink-hr{
    border-top: 1px solid #e4a9c9;
}
/* Text */
.uppercase{
    text-transform: uppercase;
}
.title-col{
    margin-bottom: 15px;
}
.text-align-center{
    text-align: center;
}
.text-align-right{
    text-align: right;
}
.light-text{
    font-weight: 100;
}
.reg-text{
    font-weight: 200;
}
.med-text{
    font-weight: 400;
}
.semi-bld-text{
    font-weight: 600;
}
.bld-text, b, strong{
    font-weight: 600;
}
h1{
    font-family: "Baloo 2", sans-serif;
    font-size: 4em;
    font-weight: 700;
    margin-bottom: 15px;
}
h2{
    font-family: "Baloo 2", sans-serif;
    font-size: 3.5em;
    margin-bottom: 15px;
    font-weight: 700;
}
h3{
    font-family: "Baloo 2", sans-serif;
    font-size: 2em;
    margin-bottom: 15px;
    font-weight: 700;
}
h4{
    font-family: "Baloo 2", sans-serif;
    font-size: 1.5em;
    margin-bottom: 15px;
    font-weight: 700;
}
p, ul{
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 15px;
}
ul{
    padding-left:1.75rem;
}
ul.list{
    list-style: disc;
}
ul ul{
    font-size: 1em;
}
ul li{
    margin-bottom: 10px;
}
a{
    transition: .3s ease;
    text-decoration: none !important;
    overflow-wrap:anywhere;
    color: #282827;
}
.white-text a{
    color: #fff;
}
.pink-text a{
    color: #e4a9c9;
}
a:hover{
    color: #e4a9c9;
}
@media (max-width:995px) {
    h1{
        font-size: 2.5em;
        margin-bottom: 15px;
    }
    h2{
        font-size: 2em;
        margin-bottom: 15px;
    }
    h3{
        font-size: 1.5em;
        margin-bottom: 15px;
    }
    h4{
        font-size: 1.2em;
        margin-bottom: 15px;
    }
    p, ul{
        font-size: 1em;
        margin-bottom: 15px;
    }
    hr{
        margin-bottom: 15px;
    }
}

/* Colors */
.white-text{
    color: #fff;
}
.grey-text{
    color: #282827;
}
.light-grey-text{
    color: #ededed;
}
.black-text{
    color: #000000;
}
.blue-text{
    color: #3158a7;
}
.dark-blue-text{
    color: #0b054f;
}
.pink-text{
    color: #e4a9c9;
}
.green-text{
    color: #8dbfb7;
}

.white-back{
    background-color: #fff;
}
.grey-back{
    background-color: #282827;
}
.light-grey-back{
    background-color: #ededed;
}
.black-back{
    background-color: #000000;
}
.blue-back{
    background-color: #3158a7;
}
.dark-blue-back{
    background-color: #0b054f;
}
.pink-back{
    background-color: #e4a9c9;
}
.green-back{
    background-color: #8dbfb7;
}


/* Buttons */
.btn{
    display: inline-block;
    padding:15px 30px;
    font-weight: 700;
    font-size: 1.2em;
    transition: .3s ease;
    line-height: 1;
    border-radius: 100px;
    margin-bottom: 15px;
}
.white-btn{
    background-color: #fff;
    border:1px solid #fff;
    color: #0b054f;
}
.white-btn:hover{
    background-color: #0b054f;
    border:1px solid #fff;
    color: #fff;
}
.white-btn-rev{
    background-color: transparent;
    border:1px solid #fff;
    color: #fff;
}
.white-btn-rev:hover{
    background-color: #fff;
    border:1px solid #fff;
    color: #0b054f;
}
.pink-btn{
    background-color: #e4a9c9;
    border:1px solid #e4a9c9;
    color: #0b054f !important;
}
.pink-btn:hover, .pink-btn.active{
    background-color: #0b054f;
    border:1px solid #0b054f;
    color: #e4a9c9 !important;
}
.green-btn{
    background-color: #8dbfb7;
    border:1px solid #8dbfb7;
    color: #0b054f !important;
}
.green-btn:hover, .green-btn.active{
    background-color: #0b054f;
    border:1px solid #0b054f;
    color: #8dbfb7 !important;
}
.btn-lg{
    font-size: calc(1.2em + .3vw);
    padding: 15px 40px;
}
.rounded{
    border-radius: 25px !important;
    overflow: hidden;
}

/* 404 */
.error-container{
    border-bottom: 4px solid #d58836;
}
.error-row{
    min-height: 60vh;
}
@media (max-width:995px) {
    .error-container{
        padding-top: calc(calc(10px + 2%) + 14vh);
    }
    .error-row{
        min-height: 40vh;
    }
}

/* Home */
.header .row{
    min-height: 85vh;
}
.header-text{
    max-width: 700px;
}
.home-header h1{
    line-height: .9;
    font-size: calc(4.5em + 1vw);
    margin-bottom: 0;
}
.home-header p{
    font-size: calc(1.2em + .3vw);
    margin-bottom: 30px;
}
.home-intro-2{
    background-image: url('/wp-content/uploads/2025/08/intro-bg.png');
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 10vh;
    position: relative;
    /* z-index: 1; */
}
.home-intro-2:before{
    content: "";
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:8vh;
    z-index: -1;
    background-color: #3158a7;
}
.courses-block ul{
    padding:0;
    margin: 0 0 calc(20px + 2vh);
    list-style: none;
}
.courses-block .col-lg-6 ul:last-of-type{
    margin:0;
}
.courses-block ul li{
    padding:0 10px;
    margin: 0 0 10px;
}
.courses-block ul li .btn{
    display: block;
}
.courses-bottom-wave{
    background-image: url('/wp-content/uploads/2025/08/courses-bg-wave.png');
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}
.courses-bottom-wave .logo-badge{
    max-width: 170px !important;
}
.accordion-item{
    border:none;
    border-bottom: #e4a9c9 dotted 5px;
}
.accordion-button{
    font-size: 1em;
    font-weight: 700;
}
.accordion-button:focus{
    box-shadow: none;
    background-color: transparent;
}
.accordion-button:not(.collapsed){
    color: #e4a9c9;
    background-color: transparent;
    box-shadow: none;
}
.accordion-body{
    padding-top: 0;
}
.accordion-body p:last-of-type{
    margin-bottom: 0;
}
.accordion-button::after{
    background-image: url("/wp-content/uploads/2025/08/accordian-arrow-pink.svg");
}
.accordion-button:not(.collapsed)::after{
    background-image: url("/wp-content/uploads/2025/08/accordian-arrow-pink.svg");
}

.contact-img{
    margin-bottom: 25px;
    width:100%;
    max-width: 500px;
}
.wpcf7 label, .wpcf7-form-control-wrap, .wpcf7 input, .wpcf7 select{
    width: 100%;
}
.wpcf7-email, .wpcf7-text, .wpcf7-select, .wpcf7-tel, .wpcf7-email, .wpcf7-number{
    padding:15px;
    border-radius: 25px;
    border:1px solid #282827;
}
.wpcf7-spinner{
    margin:0 auto;
    display: none;
}
form.submitting .wpcf7-spinner{
    display: block;
}
.wpcf7 form .wpcf7-response-output{
    text-align: center;
    margin:0 auto;
}

@media (max-width:995px) {
    .courses-bottom-wave .logo-badge {
        max-width: 90px !important;
    }
}

/* Single Course */
.course-header{
    position: relative;
}
.course-header::before{
    content: "";
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1;
    background-color: #3158a7;
    opacity: .6;
}
.course-header .course-header-wave{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height:auto;
    z-index: 2;
}
.course-content{
    background-image:url('/wp-content/uploads/2025/08/course-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.course-inner{
    margin-top: -55vh;
    position: relative;
    z-index: 10;
}
.course-inner h2, .course-inner h3{
    color: #3158a7;
    margin-bottom: 5px;
}
@media (max-width:995px) {
    .course-info{
        padding-right: calc(var(--bs-gutter-x) * .5);
        margin-bottom: 15px;
    }
}

#feedback .carousel-control-next, #feedback .carousel-control-prev{
    opacity: 1;
}
#feedback .carousel-control-next{
    justify-content: flex-end;
}
#feedback .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233158a7'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
#feedback .carousel-control-prev{
    justify-content: flex-start;
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233158a7'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
#feedback .carousel-inner{
    padding:0 7%;
}
#feedback .carousel-item{
    background-color: #fff;
    border-radius: 25px;
    padding: 25px 25px 10px;
}

@media (max-width:995px) {
    #feedback{
        text-align: center;
    }
    #feedback .carousel-inner{
        padding:0 calc(7% + 10px);
    }
    #feedback .carousel-item{
        padding: 15px 15px 0;
    }
}