/**
 * Theme Name:        ISEA WP
 * Template:          colibri-wp
 * Description:       ISEA WP (Child Theme of Colibri WP)
 * Version:           1.0.0
 * Author:            ISEA
 * Text Domain:       isea-wp
 * Tested up to:      6.8
 * Requires at least: 6.2
 * Requires PHP:      5.6
 * License:      GNU General Public License version 3
 * License URI:  http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
 */

.custom-arrow-down stop {
    transition: stop-color 0.4s ease, stop-opacity 0.4s ease;
}

.custom-arrow-down:hover stop:first-child {
    stop-color: #0066cc;
    stop-opacity: 1;
}

.custom-arrow-down:hover stop:last-child {
    stop-color: #004499;
    stop-opacity: 1;
}


.custom-arrow-down {
    width: 7%;
    height: 7%;
    cursor: pointer;

    animation: bounce 2s infinite;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(12px);
    }

    60% {
        transform: translateY(6px);
    }
}

.blur {
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.custom_button:hover {
    box-shadow: 0 6px 16px rgba(0, 84, 159, 0.4);
    background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
}

.custom_button {
    border-radius: 20px;
    cursor: pointer;
    z-index: 1000;
    background: linear-gradient(135deg, #00549F 0%, #003f7f 100%);
    border: none;
    color: white;
    font-family: 'Montserrat', sans-serif;
    transition: all 0.3s ease;
    letter-spacing: 0.5px;

}

.custom_button:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 84, 159, 0.4);
    background: linear-gradient(135deg, #0066cc 0%, #004499 100%);
}

.custom_button:active {
    transform: translateY(-1px);
}


@media (max-width: 768px) {
    .custom-arrow-down {
        width: 20%;
        height: 20%;
    }

}


:root {
    --rwth-blau-100: #00549F;
    --rwth-blau-75: #407FB7;
    --rwth-blau-50: #8EBAE5;
    --rwth-blau-25: #C7DDF2;
    --rwth-blau-10: #E8F1FA;

    --rwth-schwarz-100: #000000;
    --rwth-schwarz-75: #646567;
    --rwth-schwarz-50: #9C9E9F;
    --rwth-schwarz-25: #CFD1D2;
    --rwth-schwarz-10: #ECEDED;

    --rwth-magenta-100: #E30066;
    --rwth-magenta-75: #E96088;
    --rwth-magenta-50: #F19EB1;
    --rwth-magenta-25: #F9D2DA;
    --rwth-magenta-10: #FDEEF0;

    --rwth-gelb-100: #FFED00;
    --rwth-gelb-75: #FFF055;
    --rwth-gelb-50: #FFF59B;
    --rwth-gelb-25: #FFFAD1;
    --rwth-gelb-10: #FFFDEE;

    --rwth-petrol-100: #006165;
    --rwth-petrol-75: #2D7F83;
    --rwth-petrol-50: #7DA4A7;
    --rwth-petrol-25: #BFD0D1;
    --rwth-petrol-10: #E6ECEC;

    --rwth-tuerkis-100: #0098A1;
    --rwth-tuerkis-75: #00B1B7;
    --rwth-tuerkis-50: #89CCCF;
    --rwth-tuerkis-25: #CAE7E7;
    --rwth-tuerkis-10: #EBF6F6;

    --rwth-gruen-100: #57AB27;
    --rwth-gruen-75: #8DC060;
    --rwth-gruen-50: #B8D698;
    --rwth-gruen-25: #DDEBCE;
    --rwth-gruen-10: #F2F7EC;

    --rwth-maigruen-100: #BDCD00;
    --rwth-maigruen-75: #D0D95C;
    --rwth-maigruen-50: #E0E69A;
    --rwth-maigruen-25: #F0F3D0;
    --rwth-maigruen-10: #F9FAED;

    --rwth-orange-100: #F6A800;
    --rwth-orange-75: #FABE50;
    --rwth-orange-50: #FDD48F;
    --rwth-orange-25: #FEEAC9;
    --rwth-orange-10: #FFF7EA;

    --rwth-rot-100: #CC071E;
    --rwth-rot-75: #D85C41;
    --rwth-rot-50: #E69679;
    --rwth-rot-25: #F3CDBB;
    --rwth-rot-10: #FAEBE3;

    --rwth-bordeaux-100: #A11035;
    --rwth-bordeaux-75: #B65256;
    --rwth-bordeaux-50: #CD8B87;
    --rwth-bordeaux-25: #E5C5C0;
    --rwth-bordeaux-10: #F5E8E5;

    --rwth-violett-100: #612158;
    --rwth-violett-75: #834E75;
    --rwth-violett-50: #A8859E;
    --rwth-violett-25: #D2C0CD;
    --rwth-violett-10: #EDE5EA;

    --rwth-lila-100: #7A6FAC;
    --rwth-lila-75: #9B91C1;
    --rwth-lila-50: #BCB5D7;
    --rwth-lila-25: #DEDAEB;
    --rwth-lila-10: #F2F0F7;
}


.jumping-dots {
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
}

.jumping-dots span {
    display: inline-block;
    animation: jump 1s infinite;
    margin-right: 1px;
}

.jumping-dots span:nth-child(1) {
    animation-delay: 0s;
}

.jumping-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.jumping-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes jump {

    0%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-10px);
    }
}