/* =-=-=-=-=-=-= TT CAROUSEL SHORTCODE =-=-=-=-=-=-= */

.tt-carousel .tt-content-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    height: 100%;
    padding: 40px 50px;
    gap: 25px;
}

.tt-carousel .tt-content-wrapper{
    padding: 40px 50px;
    position: relative;
}
.tt-carousel .swiper-slide{
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.tt-carousel .dp-site-logo img{
    max-width: 440px;
}

.dp-club-logo-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    max-width: 440px;
}
.dp-club-logo-wrapper span,
.dp-project-date p,
.dp-project-story p{
    font-size: 24px;
    font-weight: 600;
    font-family: "HelveticaNeue", Sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.dp-project-date p a,
.dp-project-story p a{
    color: #fff;
}
.dp-club-logos{
    display: flex;
    gap: 20px;
}
.dp-club-logos img{
    max-width: 100px;
}
.dp-project-date{
    margin-top: 60px;
}
.dp-project-story{
    margin-top: 40px;
}
.dp-project-date p,
.dp-project-story p{
    margin: 0;
}

.dp-project-skills{
    position: absolute;
    left: 50px;
    bottom: 40px;
}

.dp-project-skills{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
	width: 85%;
}

.dp-project-skills .project-skill{
    font-family: "HelveticaNeue", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    color: #929292;
    background-color: #f6f6f6;
    border-width: 0 !important;
    border-color: #f6f6f6;
    border-radius: 50px 50px 50px 50px !important;
    padding: 16px 40px 16px 40px !important;
    min-width: 240px;
}

.dp-project-skills .project-skill:hover{
    color: #929292;
    background-color: #f6f6f6;
    border-color: #f6f6f6;
}

@media(max-width: 767px){
    .tt-carousel .tt-content-wrapper{
        padding: 40px 20px;
    }
    .dp-project-skills{
        position: static;
    }

    .dp-project-skills .project-skill{
        padding: 8px 15px 8px 15px !important;
        min-width: auto;
    }
}

/*black theme*/
.tt-content-wrapper.dp-content-black .dp-club-logo-wrapper span,
.tt-content-wrapper.dp-content-black .dp-project-date p,
.tt-content-wrapper.dp-content-black .dp-project-date p a,
.tt-content-wrapper.dp-content-black .dp-project-story p,
.tt-content-wrapper.dp-content-black .dp-project-story p a{
    color: #000;
}

.tt-carousel .swiper-button-prev:after{
    content: url("data:image/svg+xml,%3Csvg width='18' height='31' viewBox='0 0 18 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.77607 15.5105L17.4202 27.7419C18.1933 28.4896 18.1933 29.6952 17.4202 30.443C17.0337 30.8169 16.5289 31 16.0241 31C15.5193 31 15.0145 30.8169 14.628 30.443L0.579756 16.8534C0.485102 16.7619 0.406224 16.6627 0.335234 16.5635C0.303682 16.5177 0.287907 16.4719 0.256355 16.4261C0.216916 16.3651 0.177476 16.304 0.153812 16.2354C0.130149 16.1743 0.114373 16.1133 0.0907097 16.0522C0.0749341 15.9988 0.0512714 15.9454 0.0354958 15.8844C-0.0118311 15.6402 -0.0118311 15.3808 0.0354958 15.1366C0.0512714 15.0756 0.0670462 15.0222 0.0907097 14.9687C0.106485 14.9077 0.122261 14.8467 0.153812 14.7856C0.185364 14.7169 0.224804 14.6559 0.256355 14.5949C0.280019 14.5491 0.303682 14.5033 0.335234 14.4575C0.406224 14.3507 0.49299 14.2515 0.579756 14.1676L14.628 0.555104C15.401 -0.185035 16.6472 -0.185035 17.4202 0.555104C18.1854 1.30287 18.1854 2.50846 17.4202 3.25623L6.73225 13.5953L4.77607 15.5181V15.5105Z' fill='white'/%3E%3C/svg%3E");
}
.tt-carousel .swiper-button-next:after{
    content: url("data:image/svg+xml,%3Csvg width='18' height='31' viewBox='0 0 18 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2239 15.5105L0.579755 27.7419C-0.193252 28.4896 -0.193252 29.6952 0.579755 30.443C0.966258 30.8169 1.47108 31 1.9759 31C2.48072 31 2.98554 30.8169 3.37204 30.443L17.4202 16.8534C17.5149 16.7619 17.5938 16.6627 17.6648 16.5635C17.6963 16.5177 17.7121 16.4719 17.7436 16.4261C17.7831 16.3651 17.8225 16.304 17.8462 16.2354C17.8699 16.1743 17.8856 16.1133 17.9093 16.0522C17.9251 15.9988 17.9487 15.9454 17.9645 15.8844C18.0118 15.6402 18.0118 15.3808 17.9645 15.1366C17.9487 15.0756 17.933 15.0222 17.9093 14.9687C17.8935 14.9077 17.8777 14.8467 17.8462 14.7856C17.8146 14.7169 17.7752 14.6559 17.7436 14.5949C17.72 14.5491 17.6963 14.5033 17.6648 14.4575C17.5938 14.3507 17.507 14.2515 17.4202 14.1676L3.37204 0.555104C2.59904 -0.185035 1.35276 -0.185035 0.579755 0.555104C-0.185364 1.30287 -0.185364 2.50846 0.579755 3.25623L11.2677 13.5953L13.2239 15.5181V15.5105Z' fill='white'/%3E%3C/svg%3E");
}


/* animation */
.tt-content-wrapper .dp-site-logo,
.tt-content-wrapper .dp-club-logo-wrapper,
.tt-content-wrapper .dp-project-date,
.tt-content-wrapper .dp-project-story,
.tt-content-wrapper .dp-project-skills{
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-site-logo,
.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-club-logo-wrapper,
.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-project-date,
.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-project-story,
.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-project-skills{
    opacity: 1;
    transform: translateY(0);
}

.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-site-logo{
    transition-delay: 0.1s;
}

.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-club-logo-wrapper{
    transition-delay: 0.5s;
}

.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-project-date{
    transition-delay: 0.9s;
}

.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-project-story{
    transition-delay: 1.3s;
}
.tt-carousel .swiper-slide.swiper-slide-active .tt-content-wrapper .dp-project-skills{
    transition-delay: 1.7s;
}