/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://citt.bg/
 Description:  Child Theme for Divi
 Author:       Tsvetomir Shkondachki
 Author URI:   https://citt.bg
 Template:     Divi
 Version:      1.1.0
*/

/*****Add any custom CSS below this line*****/

/*<editor-fold desc="Scrollbar">*/
::-webkit-scrollbar {
    width: 9px;
    height: 12px;
    background-color: var( --white );
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: var( --pink );
}
/*</editor-fold>*/


/*<editor-fold desc="Dot">*/
.dot {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.dot.pink {
    background-color: var( --pink );
}

.dot.blue {
    background-color: var( --blue );
}

.dot.sm {
    height: 11px;
    width: 11px;
}
/*</editor-fold>*/



.rotating-text-mask {
    height: 1.0em;
    /*font-size: 32px;*/
    /*font-weight: bold;*/
    overflow: hidden;
    position: relative;
}

.rotating-text-mask span {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    transform: translateY(1.2em);
    padding-bottom: 6px;
    /*color:red;*/
    white-space: nowrap;
}

.rotating-text-mask span[data-show] {
    transform: translateY(0);
    transition: transform .8s cubic-bezier(.86,0,.07,1);
}

.rotating-text-mask span[data-up] {
    transform: translateY(-1.2em);
    transition: transform .8s cubic-bezier(.86,0,.07,1);
}




.featured-logos {
    display: flex;
    gap: 65px;
}

.featured-logos .featured-logo {
    /*max-height: 46px;*/
}


/* WPForms */
/*<editor-fold desc="WP Forms Confirmations Box">*/
/* -- Confirmations box */
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #1d5b42 !important;
    border: none !important;
    color: white !important;
    border-radius: var( --btn-radius );
    font-weight: 600;
    line-height: 27px;
    padding: 18px 20px !important;
}

/* -- Submit */
div.wpforms-container-full .wpforms-form button[type=submit] {
    padding: 10px 32px !important;
    font-size: 16px !important;
    font-weight: 700;
    letter-spacing: 1px;
    border: none !important;
    width: 100%;
    max-width: 200px;
}

/* -- Label */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: 500 !important;
    margin-bottom: 8px !important;
}
/*</editor-fold>*/


/*<editor-fold desc="Socials Contact Page">*/
.socials {
    display: flex;
    flex-wrap: wrap;
}

.socials a {
    font-size: 16px;
    line-height: 28px;
    color: var( --gray );
    margin-bottom: 10px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 2px solid var( --gray );
    margin-right: 10px;
    transition: all 0.2s linear;
}

.socials a:hover {
    background: var( --gray-dark );
}

.socials a i {
    margin-right: 10px;
    color: var( --pink );
}
/*</editor-fold>*/


/*<editor-fold desc="Slick Slider">*/
.slick-slider {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-slide {
    position: relative;
    float: left;
    height: 100%;
    min-height: 1px;
}

.testimonials .slick-arrow, .testimonials .slick-arrow:hover, .testimonials .slick-arrow:focus {
    position: absolute;
    font-size: 0;
    line-height: 0;
    padding: 0;
    color: transparent;
    outline: none;
    background: rgba(105, 174, 230, 0.3);
    border: none;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    height: 50px;
    vertical-align: middle;
    border-radius: 50%;
    width: 50px;
}

.testimonials .slick-prev {
    left: -50px;
}

.testimonials .slick-next {
    right: -50px;
}

.testimonials .slick-arrow:before {
    font-family: ETmodules;
    color: #000;
    background: transparent;
    opacity: 1;
    font-size: 46px;
    vertical-align: middle;
    color: #7a69e6;
    text-align: center;
}

.testimonials .slick-arrow:hover:before {
    opacity: 0.8;
}

.testimonials .slick-prev:before {
    content: '\34';
}

.testimonials .slick-next:before {
    content: '\35';
}

.entry-content ul.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-color: #d3e8f0;
    border-radius: 10px;
}

.slick-dots li.slick-active button {
    background-color: var( --blue );
}

@media (max-width: 980px) {
    .testimonials .slick-prev {
        left: -32px;
    }

    .testimonials .slick-next {
        right: -30px;
    }
}

@media (max-width: 499px) {
    .testimonials .slick-prev {
        left: -26px;
    }

    .testimonials .slick-next {
        right: -24px;
    }
}

.slick-list {
    overflow-x: visible !important;
}

.slick-prev,
.slick-next {
    display: none !important;
}

/*</editor-fold>*/