﻿section {
    margin-bottom: 2rem;
}

h2{
    font-weight:bold;
}

.sub-section{
    margin-bottom:2rem;
    margin-left:1rem;
}

.cookie-header {
    cursor: pointer;
}

.cookie-header-grid {
    background-color: rgba(239, 239, 239, .5);
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding: 10px 20px 10px 20px;
    margin-bottom:1rem;
}

.cookie-header-pending {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 5%;
}

.cookie-header-item img {
    width: 45px;
    margin: 5px;
}

.cookie-header-item h3{
    font-size:1.5rem;
}

.arrowRotate180 {
    animation: spin180 0.2s linear forwards;
}

@keyframes spin180 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

.arrowRotateBack180 {
    animation: spinBack180 0.2s linear forwards;
}

@keyframes spinBack180 {
    0% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

#misc-cookies-table {
    margin-bottom: 2rem;
    display: none;
    width:100%;
}

.cookies-table {
    border-collapse: collapse;
}

    .cookies-table th, .cookies-table td {
        border: 1px solid #ccc;
        padding: 8px 12px;
        text-align: left;
    }
    .cookies-table th {
        background-color: #f8f8f8;
        font-weight: bold;
        font-size: 1.2rem;
    }

.cookies-table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.consent-and-cookie-settings p:first-of-type{
    margin-bottom:1rem;
}

.consent-and-cookie-settings h3 {
    margin-bottom: 0.5rem;
}

.green-text{
    color:green;
}

.cookie-display{
    margin-left:2rem;
    display:none;
}

.your-rights-with-respect-to li{
    list-style-type:disc;
    margin-left:2rem;
}
.your-rights-with-respect-to ul{
    margin-bottom:1rem;
}

.enabling-disabling-cookies li{
    text-decoration:underline;
    margin-left:1rem;
}

.contact-address{
    margin-left:1rem;
    margin-top:1rem;
}