html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
:after,
:before {
  box-sizing: inherit;
}

body {
  background-image: url(images/background.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  max-width: 100%;
  miin-height: 100vh;
  height: auto;
  letter-spacing: 0.1em;
}

h2 {
    font-size: 1.2em;
  color:#0b1b7f;
}

.links__item {
  display: block;
  max-width: 550px;
  margin: 0 auto 15px;
  margin-bottom: -7px;
  padding: 15px 20px;
  font-size: 0.95rem;
  line-height: 1.5;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  color: black;
}

.links__item .links__item--alumni:hover {
  background-color: #fff;
}

.links__item .links__item--upcoming:hover {
  background-color: #fff;
}

.links__item .links__item--past-event:hover {
  background-color: #fff;
}

.links__item .links__item--featured:hover {
  background-color: #fff;
}

.links__item .links__item--product:hover {
  background-color: #fff;
}

.links__item .links__item--blog:hover {
  background-color: #fff;
}

.links__item .links__item--upcoming {
  border-bottom: 3px solid #ffa093;
  box-shadow: inset 0 -4px 0 #ffa093;
  border-radius: 25px;
  border: 2px solid #ffa093;
  background-color: #ffa093;
}

.links__item .links__item--past-event {
  border-bottom: 3px solid #bedde8;
  box-shadow: inset 0 -4px 0 #bedde8;
  border-radius: 25px;
  border: 2px solid #bedde8;
  background-color: #bedde8;
}

.links__item .links__item--featured {
  box-shadow: inset 0 -4px 0 #73e2a7;
  border-radius: 25px;
  border: 2px solid #73e2a7;
  background-color: #73e2a7;
}

.links__item .links__item--product {
  border-bottom: 3px solid #ffc15e;
  box-shadow: inset 0 -4px 0 #ffc15e;
  border-radius: 25px;
  border: 2px solid #ffc15e;
  background-color: #ffc15e;
}

.links__item .links__item--alumni {
  border-bottom: 3px solid #fed766;
  box-shadow: inset 0 -4px 0 #fed766;
  border-radius: 25px;
  border: 2px solid #fed766;
  background-color: #fed766;
}

.links__item .links__item--blog {
  border-bottom: 3px solid #fd8176;
  box-shadow: inset 0 -4px 0 #fd8176;
  border-radius: 25px;
  border: 2px solid #fd8176;
  background-color: #fd8176;
}

.channels {
  display: flex;
  max-width: 300px;
  margin: 0 auto;
}

.channels .channels__item {
  flex: 1;
  margin-right: 5px;
  transition: transform 0.2s;
}

.channels__item:hover {
  transform: scale(1.1);
}

#page-container {
    position: relative;
    min-height: 98vh;
}

#footer
{
    margin-bottom: 15px;
    position: absolute;
    bottom: 0px!important;
    width: 100%;
    height: 30px; 
}

.links {
    padding-bottom: 80px;    /* Footer height */
}





/*** RESPONSIVE ***/
@media screen and (max-width: 500px)
{
    .at{
        margin-top: 2px!important;
    }

    .logo{
        max-width: 120px!important;
    }

    .social
    {
        width: 20px!important;
        height: 20px!important;
    }

    .channels {
        max-width: 250px;
    }

    .links {
        padding-bottom: 70px!important;    /* Footer height */
    }

}




/*** CUSTOM STYLE ***/

.social{
    width: 40px!important;
    height: 40px!important;
}


.at{
    margin-top: 6px;
    font-size: 0.9em;
}

.links__item 
{
    border-radius: 10px;
}

.logo{
    max-width: 130px;
    background-color: #f5f6fa;
    border-radius: 50%;
    margin-top:20px;
}

.title
{
    color:#1f4698;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 0.85em;
}

.link__item
{
    box-shadow: 1px 1px 9px 0px rgba(0,0,0,0.33)!important;
    letter-spacing: 0.05em;
}
.link__item:hover
{
    box-shadow: 1px 1px 9px 0px rgba(0,0,0,0)!important;
}


/*** THEME CUSTOM ***/


.links__item .links__item--une:hover {
    background-color: #FFFFFF00;
    color: #09c8a6;
    border-color: #09c8a6;
  }
  .links__item .links__item--une {
    border-bottom: 3px solid #09c8a6;
    box-shadow: inset 0 -4px #09c8a6;
    border: 2px solid #09c8a600;
    background-color: #09c8a6;
    color:white;
  }  


.links__item .links__item--promo:hover {
    background-color: #ffffff00;
    color:#fb826f;
    border-color: #fb826f;

  }
.links__item .links__item--promo {
    border-bottom: 3px solid #fb826f;
    box-shadow: inset 0 -4px 0 #fb826f;
    border: 2px solid #fb826f;
    background-color: #fb826f;
    color:white;
  }
  
  .links__item .links__item--trizzy:hover {
    background-color: #ffffff00;
    color:#293696;
    border-color: #293696;

  }
.links__item .links__item--trizzy {
    border-bottom: 3px solid #293696;
    box-shadow: inset 0 -4px 0 #293696;
    border: 2px solid #293696;
    background-color: #293696;
    color:white;
  }


.links__item .links__item--linkedin:hover {
    background-color: #ffffff00;
    color:#0c66c2;
    border-color: #0c66c2;

  }
.links__item .links__item--linkedin {
    border-bottom: 3px solid #0c66c2;
    box-shadow: inset 0 -4px 0 #0c66c2;
    border: 2px solid #0c66c2;
    background-color: #0c66c2;
    color:white;
  }
  
  
  .links__item .links__item--roubaix:hover {
    background-color: #ffffff00;
    color: #19b0e7;
  }
  .links__item .links__item--roubaix {
    border-bottom: 3px solid #19b0e7;
    box-shadow: inset 0 -4px #19b0e7;
    border: 2px solid #19b0e7;
    background-color: #19b0e7;
    color:white;
  }

  .links__item .links__item--libourne:hover {
    background-color: #ffffff00;
    color: #c82a46;
  }
  .links__item .links__item--libourne {
    border-bottom: 3px solid #c82a46;
    box-shadow: inset 0 -4px #c82a46;
    border: 2px solid #c82a46;
    background-color: #c82a46;
    color:white;
  }

  .links__item .links__item--capex:hover {
    background-color: #ffffff00;
    color: #4b1e6f;
  }
  .links__item .links__item--capex {
    border-bottom: 3px solid #4b1e6f;
    box-shadow: inset 0 -4px #4b1e6f;
    border: 2px solid #4b1e6f;
    background-color: #4b1e6f;
    color:white;
  }

  .links__item .links__item--sicovad:hover {
    background-color: #ffffff00;
    color: #2874a9;
  }
  .links__item .links__item--sicovad {
    border-bottom: 3px solid #2874a9;
    box-shadow: inset 0 -4px #2874a9;
    border: 2px solid #2874a9;
    background-color: #2874a9;
    color:white;
  }