@import '/styles/global.css';
@import '/styles/HeaderManager.css';
@import '/styles/FooterManager.css';
@import '/styles/SignupElement.css';
@import '/styles/CookieElement.css';

.cookie-policy-container {
    text-align: left;
    max-width: 1500px;
    margin-top: 110px;
    padding-block: 50px;
    padding-inline: 120px;
}
.cookie-policy-container .intro-cookie-title {
    padding-bottom: 40px;
}
.cookie-policy-container a {
    color: var(--color-accent-a);
    font-size: 1rem;
    cursor: pointer;
}
.cookie-policy-container a:hover {
    text-decoration: underline;
}
.reducing-h2-size {
    font-size: 1.1rem;
    padding-top: 20px;
    padding-bottom: 5px;
}

.cookie-preference {
    max-width: 900px;
    margin-top: 60px;
    padding-bottom: 30px;
    display: flex;
    border: 1px solid var(--color-accent-b);
    border-radius: 3px;
}

#cookie-preferences-form {
    padding-top: 20px;
}

#cookie-preferences-form button{
    margin-top: 20px;
}

/* SMALL DESKTOPS*/
@media (max-width: 1024px) {
    .cookie-policy-container {
        padding-inline: 20px;
    }
}
  /* SMALLER TABLETS LARGE PHONES  */
  @media (max-width: 700px) {
    .cookie-preference {
        max-width: 80%;
        margin-top: 60px;
        padding-bottom: 30px;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--color-accent-b);
        border-radius: 3px;
        padding-inline: 20px;
    }
  }