@import url('https://fonts.googleapis.com/css2?family=Electrolize&display=swap');
@import "../images/icons/bootstrap-icons.css";
:root {
    --primary-color: #ffffff;
    --secondary-color: #EAC805;
    --accent-color: #DE534E;
    --spacing: 12px;
    --big-spacing: 48px;
    --background-color: #1c000f;
    --text-color: #ffffff;
    --font-main: "Electrolize", sans-serif;
    --tracking-wide: 0.1em;
}
@font-face {
    font-family: var(--font-main);
    font-weight: 400;
    font-style: normal;
}



a {
    color: var(--primary-color-color);
    text-decoration: none;
    transition: color 0.3s ease;
}
a:hover {
    color: var(--accent-color);
}
p{
    font-size: 1rem;
    /*letter-spacing: var(--tracking-wide);*/
    text-align: justify;
    margin-bottom:  1em;
}
h1 {
    color: var(--secondary-color);
    font-size:2.98rem;
}
h2 {
    font-size: 2.48rem;
}
h3 {
    font-size: 2.07rem;
}
h4 {
    font-size: 1.72rem;
}

.small {
    font-size: 0.83rem;
}

#pageWrapper {
    max-width: 1200px;
}
html,
body {
    font-family: var(--font-main), sans-serif;
    background-color: var(--background-color);
    color:  var(--text-color);""
}
/* Navigation */

.nav li {
    text-decoration: none;
}
.nav li.selected {
    color: var(--accent-color);
}
.nav i {
    color: var(--primary-color);
    font-size: 1.5rem;
}
.nav i:hover {
    color: var(--secondary-color);
}

/* Footer */
#footer {
    background-color: var( --secondary-color)!important;
    color: black;
}
#footer .nav i {
    color: var(--background-color);
}
#footer .nav i:hover {
    color: var(--accent-color);
}
/* Home news module */
#newsCarousel .carousel-item {
    padding: var(--spacing) var(--big-spacing);
}
#newsCarousel .carousel-item img {
    max-width: 800px;
    height: auto;
    margin: auto;
}

/* Form styles */
.form-field   {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.form-label {

}
.form-data {
    width: 66%;
}