/*
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
*/
footer .headline {
    border-bottom: 0;
    padding: 0 0 0 0;
    background-color: #640d0d;
    border-radius: 0px;
}

/*
Dit stukje zorgt dat de footer mooi Ubbo rood is
*/
footer {
    color: #ffffff;
    background-color: #640d0d;
    padding: 30px 0;
}

/*
De stukjes hieronder zorgen dat de social media logo's afgeronde hoeken hebben
*/
.social-icons li a.facebook {
    border-radius: 3px;
}

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

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

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

/*
Dit stukje zorgt het onderste balkje met de copyright mooi ubbo rood wordt
*/
section#copyright {
    color: #dadada;
    background: #640d0d;
    border-top: solid 0px #777;
    line-height: 50px;
    font-size: 13px;
}

/*
Dit stukje zorgt ervoor dat het Congressus logo verdwijnt
*/
section#copyright .cg-footer-image {
    display: block;
    float: right;
    margin-top: 0px;
    background: url(none) no-repeat;
    width: 0px;
    height: 0px;
}

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

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