@charset "UTF-8";

:root {
    color-scheme: light !important;
    --studio-color-red: #861425;
    --studio-color-white: #e5d9c7;
    --studio-color-orange: #ff5c00;
}

body {
    background-color: var(--studio-color-white);
    font-size:large;
}

body a {
    color: var(--studio-color-red);
    text-decoration: none;
}

body a:hover  {
    color: var(--studio-color-orange);
    text-decoration: none;
}

.navbar {
    opacity:1;
    background-color: var(--studio-color-red);
    --bs-navbar-color: var(--studio-color-white);
    --bs-navbar-hover-color: var(--studio-color-orange);
    --bs-navbar-active-color: var(--studio-color-orange);
}

.navbar-nav {
    white-space: nowrap;
    flex-wrap: nowrap;
}

.navbar-toggler {
   
    border-color: var(--studio-color-white) !important;

    --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23e5d9c7' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

h1 {
    font-size: 2.8rem;
    font-weight: lighter;
}

h2 {
    color: var(--studio-color-red);
    font-size: 2rem;
    font-weight:normal;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

h3 {
    color: var(--studio-color-red);
    font-size: inherit;
    font-weight:bold;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

footer {
    background-color: var(--studio-color-red);
    color: var(--studio-color-white);
}

footer a {
    color: var(--studio-color-white);
    text-decoration: underline;
}

footer a:hover  {
    color: var(--studio-color-orange);
    text-decoration: underline;
}

#cb-cookie-banner { 
    background-color:  var(--studio-color-red);
    color: var(--studio-color-white);
    position: fixed; 
    bottom: 0; 
    left: 0; 
    width: 100%; 
    z-index: 999; 
    border-radius: 0; display: none;
}

#cb-cookie-banner a {
    color: var(--studio-color-white);
    text-decoration: underline;
}

#cb-cookie-banner a:hover  {
    color: var(--studio-color-orange);
    text-decoration: underline;
}

.btn-coockie {
    background-color: var(--studio-color-white);
    border-color: var(--studio-color-orange);
    color: black;
}

.btn-coockie:hover {
    background-color: var(--studio-color-orange);
    border-color: var(--studio-color-white);
    color: var(--studio-color-white);
}

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}