/*
Theme Name: KLB Theme Child
Theme URI: http://underscores.me/
Template: klbtheme
Author: Techeshta
Author URI: https://techeshta.com/
Description: Description
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.0.1664231449
Updated: 2022-09-26 22:30:49

*/

/* Header */
.main-menu nav {
    min-height: 0;
}

#top-bar {
    background-color: #5d2c81 !important;
}

#top-bar .contact-details .fa {
    color: #f7c210 !important;
}

.top-bar a:hover {
    color: #f7c210 !important;
}

ul.social-list li a i:hover {
    color: #f7c210 !important;
}

.header-bottom-area .logo img {
    max-height: 100px;
    height: auto;
}

/* .header-bottom .main-menu nav ul li:hover {
    background-color: #f7c210 !important;
} */

/* Slider */
.hero-slider .owl-prev i,
.hero-slider .owl-next i {
    background-color: #f7c210 !important;
}

.btn {
    background-color: #f7c210 !important;
}

.btn:hover {
    background-color: #5d2c81 !important;
}

.btn.blue {
    background-color: #179ad7;
}

.hero-slider .owl-prev i,
.hero-slider .owl-next i {
    background-color: #f7c210 !important;
}

.hero-slider .owl-prev i:hover {
    background-color: #179ad7 !important;
}

.hero-slider .owl-next i:hover {
    background-color: #179ad7 !important;
}

/* Intro cards */
.card-flip .bg-secondary {
    background-color: #e10f7e;
}

.card-flip .og-secondary {
    background-color: #5d2c81;
}

.card-flip .yo-secondary {
    background-color: #f7c210;
}


/* About us */
.subtitle,
p.subtitle {
    border-color: #179ad7 !important;
}

.subtitle.klb_035392:after {
    color: #179ad7 !important;
}

/* Testimonial */
.testimonial .description:before {
    color: #179ad7 !important;
}

.testimonial-slider .owl-dots .owl-dot.active span,
.team-slider .owl-dots .owl-dot.active span,
.Blog-slider .owl-dots .owl-dot.active span {
    background-color: #f7c210 !important;
}

.testimonial-slider .owl-prev i,
.owl-next i,
.team-slider .owl-prev i,
.owl-next i,
.Blog-slider .owl-prev i,
.owl-next i,
.Blog-page-slider .owl-prev i,
.owl-next i {
    background-color: #f7c210 !important;
}

.testimonial-slider .owl-prev i:hover,
.team-slider .owl-prev i:hover,
.Blog-slider .owl-prev i:hover,
.Blog-page-slider .owl-prev i:hover {
    background-color: #179ad7 !important;
}

.testimonial-slider .owl-next i:hover,
.team-slider .owl-next i:hover,
.Blog-slider .owl-next i:hover,
.Blog-page-slider .owl-next i:hover {
    background-color: #179ad7 !important;
}

/* Wave horizontal */
.sea {
    background-color: #179ad7 !important;
}

/* CMS column */
#cms-column {
    padding-top: 90px;
    padding-bottom: 70px;
    background-color: #5d2c81;
}

#cms-column p.subtitle {
    border-color: #f7c210 !important;
}

#cms-column .subtitle.klb_e4a40f:after {
    color: #f7c210 !important;
}

.text-primary {
    color: #5d2c81 !important;
}

/*-- our services --*/
#our-services .tab {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
}

#our-services .tab button.active {
    background-color: #179ad7;
}

#our-services .tab button {
    background-color: #f7c210;
    flex: 1;
}

#our-services .tab button:hover {
    background-color: #179ad7;
}

ul.custom li:before {
    color: #179ad7 !important;
}

#counter-area .re-primary {
    background-color: #5d2c81;
}

#counter-area .bl-primary {
    background-color: #179ad7;
}

#counter-area .yo-primary {
    background-color: #f7c210;
}

/* Our team */
.our-team-wrapper ul.checkmark li:before {
    color: #f7c210 !important;
}

.team-style .social li a {
    color: #179ad7 !important;
}

.team-style .post {
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid;
    border-color: #5d2c81 !important;
}

/* Gallery area */
.gallery-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4, 1fr);
    /*change repeat(x, 1fr) in responsive*/
}

.gallery-grid img {
    height: 350px;
    object-fit: cover;
}

#gallery-area {
    background-color: #5d2c81;
}

.view-gallery-btn {
    background-color: #5d2c81 !important;
}

.view-gallery-btn:hover {
    background-color: #179ad7 !important;
}

.gallery-tab button {
    background-color: #5d2c81 !important;
}

.gallery-tab button:hover {
    background-color: #179ad7 !important;
}

.gallery-tab button.active {
    background-color: #179ad7 !important;
}

.gallery-thumb img {
    border-color: #f7c210 !important;
}

.gallery-thumb i {
    background-color: #f7c210 !important;
}

#trust-logos img {
    height: 50px;
    object-fit: cover;
}

/* Blog area */
.blog-box .date {
    background-color: #f7c210 !important;
}

/* .blog-box h4:hover {
    color: #f7c210 !important;
} */

.blog-box-footer i {
    color: #179ad7 !important;
}

.blog-box-footer .comments a,
.blog-box-footer .author a {
    color: #179ad7 !important;
    text-decoration: none;
}

/* Contact us */
.contact-secondary {
    background-color: #179ad7 !important;
}

#contact-us .bg-secondary {
    background-color: #179ad7 !important;
}

.contact-icon .top-icon {
    color: #f7c210 !important;
}

#contact-form input {
    border-color: #f7c210 !important;
}

#contact-form textarea {
    border-color: #f7c210 !important;
}

/* Footer */
#footer-area {
    background-color: #179ad7 !important;
    padding-bottom: 30px;
    padding-top: 30px;
}

footer #footer-divider path {
    fill: #179ad7;
}

#footer-area .footer-widget .text-widget ul li a {
    color: #f7c210;
}

#footer-area .footer-widget .text-widget ul li a:hover {
    color: #5d2c81;
}

#footer-area .footer-widget .text-widget ul.social-list li {
    color: #f7c210 !important;
}

/* Services page */
#jumbotron-area .jumbo-heading {
    margin-top: 140px;
    background-color: #179ad7 !important;
}

#services-content-element .services-wrapper h3 span {
    color: #179ad7 !important;
}

.services-svg #divider path {
    fill: #5d2c81 !important;
}

#our-services-area {
    background-color: #5d2c81;
    padding-bottom: 100px;
    background-position: center bottom;
    background-repeat: repeat-x;
}

#our-services-area .service-Box .service-icon a {
    color: #f7c210 !important;
}

/* #accordion-area .accordion-button {
    background-color: #179ad7 !important;
} */

/* #accordion-area .accordion-button:not(.collapsed) {
    background-color: #5d2c81 !important;
} */

/* #accordion-area .accordion-button:hover {
    background-color: #5d2c81 !important;
} */

/* Contact */
.contact-wrapper .list-unstyled li a {
    color: #179ad7 !important;
}

.contact-wrapper .list-unstyled li a:hover {
    color: #f7c210 !important;
}

.contact-wrapper .margin-icon {
    margin-right: 8px;
    color: #f7c210 !important;
}

/* Blog page */
#blog-area .blog-box .blog-box-footer .klbdate a,
#blog-area .blog-box .blog-box-footer .category a,
#blog-area .blog-box .blog-box-footer .tags a {
    color: #179ad7 !important;
}

#blog-area .blog-box .blog-box-footer .klbdate a:hover,
#blog-area .blog-box .blog-box-footer .category a:hover,
#blog-area .blog-box .blog-box-footer .tags a:hover {
    color: #f7c210 !important;
}

.widget-area .sidebar-header {
    background-color: #5d2c81 !important;
}

.widget-area.notepad a.tag-cloud-link {
    background-color: #179ad7 !important;
}

.page-with-sidebar ul.page-numbers li a.page-numbers {
    background-color: #5d2c81 !important;
}

.page-with-sidebar .pagination ul.page-numbers li a.page-numbers:hover {
    background-color: #179ad7 !important;
}

.page-with-sidebar ul.page-numbers li span.page-numbers.current {
    background-color: #179ad7 !important;
}

/* Blog single */
.single .blog-box-caption .blog-box-footer div a {
    color: #179ad7 !important;
}

.single .blog-box-caption .blog-box-footer div a:hover,
.single .blog-box-caption .blog-box-footer div a:focus {
    color: #f7c210 !important;
}

.single .blockquote:before {
    color: #179ad7 !important;
}

.single .form-control {
    border: 2px solid #f7c210 !important;
}

.single .form-control:focus {
    border-color: #179ad7 !important;
    box-shadow: none;
}

.single .comment-form #submit {
    background-color: #5d2c81 !important;
}

.single .comment-form #submit:hover,
.single .comment-form #submit:focus {
    background-color: #179ad7 !important;
}

.single #sidebar .widget_search .klb-search {
    background-color: #5d2c81 !important;
}

a:hover {
    color: #5d2c81;
}

.owl-carousel .owl-stage {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.owl-carousel .owl-stage .blog-box {
    height: 100%;
}

.cookies-message {
    background: #5d2c81;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 30px 0;
    display: none;
}

.cookies-message p {
    color: #FFF;
    font-size: 18px;
}

/*Events Calendar*/
.upcoming-events {
    color: #404044;
    font-size: 2.8em;
    margin-bottom: 20px;
    font-weight: 600;
    transition: all .4s ease-in-out;
}

section.wrapper-calendar main#app {
    height: 645px;
}

a.dropdown-toggle img {
    display: inline-block;
}

section.wrapper-calendar>.row {
    background: #f1f2f7;
    margin: 0;
}

section.wrapper-calendar .sidebar {
    flex: 0 1 5rem;
    background: none;
    border: 0;
}

section.wrapper-calendar .app-column {
    min-height: 700px;
    margin-bottom: 100px;
}

section.wrapper-calendar .sidebar label {
    font-weight: bold;
    color: #474747;
    font-family: 'SourceSans' !important;
}

section.wrapper-calendar .navbar {
    padding: 0;
    border-bottom-width: 0px;
}

section.wrapper-calendar .navbar .navbar--range {
    float: right;
    position: absolute;
    right: 0;
    font-family: 'SourceSans' !important;
    font-size: 32px;
}

section.wrapper-calendar .navbar button {
    font-family: 'SourceSans' !important;
    color: #474747;
    font-size: 22px;
}

section.wrapper-calendar #app {
    margin-top: 20px;
}

section.wrapper-calendar .card {
    margin-bottom: 50px;
}

section.wrapper-calendar .navbar .button.prev,
section.wrapper-calendar .navbar .button.next {
    background: #09539A;
    padding: 0;
    width: 43px;
    height: 43px;
}

.toastui-calendar-day-names.toastui-calendar-month {
    height: 55px !important;
}

.toastui-calendar-template-monthDayName {
    color: #fff !important;
    font-family: 'SourceSans' !important;
    font-size: 22px;
    text-align: center;
    line-height: 55px;
}

.toastui-calendar-template-monthGridHeader {
    font-weight: 600;
    font-size: 16px;
}

.toastui-calendar-grid-cell-date .toastui-calendar-weekday-grid-date.toastui-calendar-weekday-grid-date-decorator {
    color: #fff;
}

.toastui-calendar-month-daygrid {
    border: 1px solid #e5e5e5;
}

section.wrapper-calendar .navbar button {
    margin-right: 10px;
}

.toastui-calendar-daygrid-cell {
    cursor: pointer;
}

section.wrapper-calendar .navbar button.by-selection,
section.wrapper-calendar .navbar button.today {
    background-color: transparent;
}

/*End Calendar*/

.full-btn:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.single-post .blog-box img {
    height: auto;
    object-fit: cover;
    width: 100%;
    transform: none !important;
}

/* .grecaptcha-badge{
	display: none !important;
} */

.modal {
    background: rgba(46, 46, 46, 0.7);
    padding-top: 40px;
}

@media only screen and (max-width: 991px) {
    .header-bottom-area .logo img {
        max-height: 70px;
    }
}