/* Yleiset. Bottom padding koska muuten navbar peittää osan sisällöstä */
body {
    padding-bottom: 70px;
    background-image: url("background.png");
    background-position: center top;
    background-attachment: fixed;
    background-repeat: repeat-y;
    font-family: Comfortaa, "sans-serif";
    color: yellow;
}


/* Linkit nätimmän näköiseksi */
a {
    color: yellow;
}
a:hover {
    color: orange;
}

/* Kielivalinnan asemointi ja kuvalinkkin korostus hoveroidessa */
#languages {
    text-align: right;
}
.flaglink:hover {
    outline-style: solid;
    outline-color: orange;
}

/* Headereiden tekstiin shadow antamaan painoa. */
h1, h4, h5 {
    color: yellow;
    text-shadow: 1px 1px orange;
}
.jumbotron {
    font-size: 2rem;
    background-color: #3C0A46;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

/* Youtube iframeen korjailu jotta sopeutuu sivun kokoon */
.video-container {
    text-align: center;
    border: 0px;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Tiimilistaukseen pikkukuvien koko */
td > img {
    text-align: center;
    max-width: 75px;
    max-height: 75px;
}


/* Modaaleihin muun sivun kanssa yhteensopiva värimaailma ja kuvan koon määritys */
.modal-content {
    background-color: #3C0A46;
    border-style: solid;
    border-width: 2px;
    border-color: orange;
}
.modal-body img {
    max-width: 300px;
    min-width: 200px;
    margin: 1rem;
}
/* markerit pois listasta */
ul {
    list-style-type: none;
}
/* Modaalilla oli vaikeuksia sivun leveyden kanssa, oletuksena vierityspalkki katoaa kun modaali auki -> sisältö liikkuu suhteessa taustakuvaan
   Stackoverflowsta löydetty 1337haxx korjaa kyseisen ongelma */
.modal-open {
    overflow-y: inherit;
    padding-right: 0 !important;
}


/* Karusellin kuvat responsiivisiksi, eli venyvät täyttämään annetun tilan */
.carousel-inner img {
    width: 100%;
    height: 100%;
}
.carousel {
    margin: 2rem;
}



/* Navigaatiopalkki, maksimileveys ja taustaväri */
nav.navbar {
    max-width: 1140px;
    background-color: #3C0A46;
}
/* Bootstrapin collapsible menun oletusikoni ei erotu värimaailmasta, piirellään uusi ja väritetään se erottuvammaksi. Pöllitty stackoverflowsta. */
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='yellow' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar-toggler {
    border-color: yellow;
}


/* Yhteistyökumppanien logot repsonsiiviseen layouttiin, pieni marginaali kuvien väliin etteivät sulaudu toisiinsa */
.partnerlogos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.partnerlogo {
    margin: 1rem;
}