/*
Lieve Monique, of lieve opvolger van Monique,

In deze tab van Congressus kan je de CSS van de website aanpassen. 
Simpel gezegd is elke website opgebouwd uit twee delen. 
De HTML met alle inhoud zoals tekst, afbeeldingen en linkjes en de CSS met de opmaak van die tekst, afbeeldingen en linkjes.
Congressus laat ons niet direct alle html van pagina's aanpassen. De CSS geldt echter voor elke pagina en kan wel worden aangepast.
Als je de opmaak van de website dus wil aanpassen dan doe je dat gemakkelijk hier.

Ik heb bij elk stukje CSS even beschreven wat het doet.
De opmerkingen zijn te herkennen aan de slash met het sterretje, net als aan het begin en einde van deze opmerking.
Als je op een gegeven moment zelf dingen wil gaan aanpassen, raad ik je aan eerst even grondig te googlen.
Anders kan je mij altijd om hulp vragen.

Groetjes,
Bouke
Secretaris van het 82e bestuur
*/

/*
Dit stukje zorgt dat de stippellijntjes onder de kopjes van de footer wegvallen in de rode achtergrond
*/
/* ============================================
   UBBO EMMIUS - CSS
   ============================================ */


/* ============================
   1. HEADER / NAVBAR
   ============================ */

header.navbar,
.navbar,
.navbar-default {
    background-color: #710d0d !important;   /* Ubbo donkerrood */
    border-bottom: 2px solid #ffffff !important;
}

header.navbar a,
.navbar a {
    color: #ffffff !important;
    font-weight: 500;
}

.navbar a:hover {
    color: #dadada !important;
}


/* ============================
   2. FOOTER
   ============================ */

footer,
.footer {
    background-color: #710d0d !important;
    color: #ffffff !important;
    padding: 30px 0;
}

/* Footer headlines */
footer .headline,
.footer .headline {
    background-color: transparent !important;
    border-bottom: none !important;
    padding: 0;
}

/* Footer links */
footer a,
.footer a {
    color: #ffffff !important;
    text-decoration: none;
}

footer a:hover,
.footer a:hover {
    color: #dadada !important;
    text-decoration: underline;
}

/* Footer-specific muted text */
footer .text-muted {
    color: #ffffff !important;
}

/* Headlines-footer links */
dl.headlines.headlines-footer dd a {
    color: #ffffff !important;
}


/* ============================
   3. COPYRIGHT-BALK
   ============================ */

section#copyright {
    background-color: #710d0d !important;
    color: #dadada !important;
    border-top: none !important;
    line-height: 50px;
    font-size: 13px;
}

section#copyright a {
    color: #ffffff !important;
}

/* Congressus-logo verwijderen */
section#copyright .cg-footer-image {
    display: none !important;
}


/* ============================
   4. ALGEMENE TYPOGRAFIE
   ============================ */

body {
    font-family: "Inter", sans-serif !important;
    color: #222 !important;
}

a {
    color: #710d0d !important;
}

a:hover {
    color: #4e0909 !important;
}


/* ============================
   5. CONTENT HEADLINES
   ============================ */

section#content .container .headline {
    border-bottom: 2px solid #640d0d !important;
}


/* ============================
   6. MEDIA / IMAGES
   ============================ */

.module-events .paragraphs .img-responsive { 
    object-fit: contain !important;
}


/* ============================
   7. SOCIAL ICONS
   ============================ */

.social-icons li a {
    border-radius: 3px !important;
}