/* 
Stylesheet: Base
Purpose: For everything that makes the website usable
Created: November 2023
Version: 1.4.24
*/



/* Backgrounds ---------------------------------------------------------------------------------------------------- Backgrounds */
 .bg_light-blue {
     background-color: var(--light-blue);
}
 .bg_light-green {
     background-color: var(--light-green);
}
 .bg_black {
     background-color: var(--secondary-color);
}
.intro-header {
    background-image: url("/Media/Uploads/background-2020-2.jpg");
    background-color: white;
    background-repeat: no-repeat;
    background-size: 100vw;
    background-position: center;
}
/* Backgrounds ---------------------------------------------------------------------------------------------------- Backgrounds */



/* Texts ---------------------------------------------------------------------------------------------------------------- Texts */
 h1, h2, h3, h4, h5, h6, .navbar-nav a {
   font-weight: 600;
}
 p {
   margin: 1rem 0 0;
   font-size: 1rem;
   line-height: 1.5;
}
 p.large {
   font-size: 1.5rem;
}
 p.small {
   font-size: 0.7rem;
}

.bold {
  font-weight: bold;
}
section div {
    text-align: left;
}
/* Texts ---------------------------------------------------------------------------------------------------------------- Texts */



/* Buttons ------------------------------------------------------------------------------------------------------------ Buttons */
 .button {
   text-decoration: none;
   text-align: center;
   display: inline-block;
   font-size: 1rem;
   transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
}
 .button:hover, .button:active, .button:visited {
   text-decoration: none;
}

 .button.primary {
   padding: 1.2rem 2.5rem;
   font-size: 1.2rem;
}

 .button.bordered {
   border: 2px solid;
}

 .button.round {
   border-radius: 100vw;
}

 .button.rectangle {
   border: 2px solid #FFFFFF;
   border-radius: 5px;
   font-family: var(--font-oswald);
   letter-spacing: 2.8px;
   text-transform: uppercase;
}

 .button.med {
   padding: 1rem 1.5rem;
   font-size: 1.2rem;
}

 .button.small {
   padding: 1rem;
   font-size: 0.9rem;
}
/* Buttons ------------------------------------------------------------------------------------------------------------ Buttons */




/* Links ---------------------------------------------------------------------------------------------------------------- Links */
 .link {
     display: inline-block;
     font-weight: 700;
     text-decoration: underline;
}
 .link.text-link_arrow {
     font-size: 1.25rem;
     font-weight: 400;
     text-underline-offset: 0.3rem;
}
 .link.text-link_arrow::after {
     content: "\f30b";
     font-family: 'Line Awesome Free';
     display: inline-block;
     color: inherit;
     font-weight: 900;
     margin: 0 0 0 0.5rem;
     font-size: inherit;
     scale: 1.5;
     transform-origin: center;
     transition: translate 0.5s ease-in-out;
}
 .link.text-link_arrow:hover::after, .link.text-link_arrow:focus::after {
     translate: 0.5rem 0;
}
 .link.text-link_small {
     font-size: 1rem;
}
/* Links ---------------------------------------------------------------------------------------------------------------- Links */



/* Sections ---------------------------------------------------------------------------------------------------------- Sections */
 .cta--section.cta--light {
     --cta-bg: var(--light-green);
     color: var(--tertiary-color);
}
 .cta--section.cta--dark {
     --cta-bg: var(--tertiary-color);
     color: white;
}
 .cta--section {
     padding: 5rem 0;
}
 .cta--text {
     font-size: 1.25rem;
     color: inherit;
     font-family: var(--font-oswald);
}
 .cta--content {
     padding: 2rem;
     background-color: var(--cta-bg);
}
 .section--h1, .section--title, .cta--title, .slide--title, .accordion--title {
     margin: 0;
     color: inherit;
     font-family: var(--font-oswald);
     font-size: 2.25rem;
}
 .section--h2 {
     margin: 0;
     font-size: 1.25rem;
     color: inherit;
}
 .section--text_normal {
     font-size: 1rem;
}
 .section--text {
     font-size: 1.15rem;
     line-height: 1.75;
     font-family: var(--font-oswald);
}
 .section--img {
     width: 100%;
     height: auto;
     border-radius: var(--border-radius);
}
 .list--none {
     padding: 1rem 0;
     list-style-type: none;
}
 .list--checked {
     padding: 0;
     list-style-type: none;
}
 .list--checked > li {
     margin: 0;
     font-size: 1rem;
     padding: 0 0 0 1rem;
}
 .list--checked > li::before {
     content: "\f00c";
     font-family: 'Fontawesome';
     margin: 0 0.5rem 0 0;
     fill: inherit;
     translate: 0 -50%;
}
 .list--checked > li:not(:first-of-type) {
     margin: 0.5rem 0 0;
}
 .ip-icon {
     pointer-events: none;
     color: inherit;
     display: inline-block;
}
/* Sections ---------------------------------------------------------------------------------------------------------- Sections */



/* Footer -------------------------------------------------------------------------------------------------------------- Footer */
footer {
     padding: 2rem 0 0;
}
 footer .flex--row {
     overflow: hidden;
}
 .company--logo {
     width: 100%;
     max-width: 250px;
}
 .company--logo .icon {
     width: 100%;
     height: auto;
}
 .address--icon {
     width: 30px;
     height: 30px;
     color: inherit;
}
 .address--text {
     color: inherit;
     padding: 0 0 0 1rem;
     font-family: var(--font-oswald);
}
 .socials-list {
     gap: 1rem;
}
 .social--link {
     display: grid;
     place-items: center;
     width: 3.5rem;
     height: 3.5rem;
     padding: 0.75rem;
}
 .ip-icon.social--icon {
     color: inherit;
}
 .address--item {
     display: block;
}
 .address--link, .address--link:visited {
     text-decoration: none;
     position: relative;
     font-size: 1.15rem;
}
 a.address--link .address--text, a.address--link:visited .address--text {
    color: var(--primary-color);
}
 a.address--link:hover .address--text {
    color: var(--secondary-color);
}
 a.address--link:hover {
     text-decoration: none;
     color: var(--primary-color);
}
 a.address--link::after {
     content: "\f30b";
     font-family: 'Line Awesome Free';
     display: inline-block;
     color: inherit;
     font-weight: 900;
     margin: 0 0 0 0.5rem;
     font-size: inherit;
     scale: 1.5;
     transform-origin: center;
     transition: translate 0.5s ease-in-out;
}
 a.address--link:hover::after, a.address--link:focus::after {
     translate: 0.5rem 0;
}
 .footer--title {
     font-size: 1.5rem;
     font-weight: 700;
     font-family: var(--font-oswald);
}
 .footer-page--link, .footer-page--link:visited {
     text-decoration: none;
     font-weight: 300;
     font-size: 1rem;
     color: var(--dark-grey);
     transition: color 0.5s ease-in-out;
}
 .footer-page--link:hover, .footer-page--link:focus {
     color: var(--primary-color);
     text-decoration: none;
}
 .footer-copy {
     border-top: 2px solid var(--dark-grey);
     color: var(--dark-grey);
}
 .admin-nav--list {
     margin: 0 0 0 auto;
}
 .admin-nav--item {
     width: 1.75rem;
     aspect-ratio: 1 / 1;
     display: grid;
     color: var(--dark-grey);
     place-items: center;
}
 .admin-icon {
     width: 100%;
     height: 100%;
     color: inherit;
     fill: currentColor;
}
/* Footer -------------------------------------------------------------------------------------------------------------- Footer */