/*!
 * Start Bootstrap - Scrolling Nav (https://startbootstrap.com/template-overviews/scrolling-nav)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-scrolling-nav/blob/master/LICENSE)
 */
:root {
  --c_blue: #05386B;
  --c_green_1: #379683;
  --c_green_2: #5CDB95;
  --c_green_3: #8EE4AF;
  --c_green_4: #EDF5E1;
}

html {
  scroll-behavior: smooth;
}


section {
  /*padding: 150px 0;*/
}

@font-face {
  font-family: "AlexBrush";
  src: url("../vendor/font/AlexBrush-Regular.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("../vendor/font/Roboto-Bold.ttf") format('truetype');
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("../vendor/font/Roboto-Regular.ttf") format('truetype');
}

#mainNav .container {
  margin-top: -1vh;
  margin-bottom: -1vh;
}

.bg-custom {
  background-color: var(--c_green_2);
}
.custom_font_color {
  color: var(--c_blue);
}

.bg_custom_2 {
  background-color: var(--c_green_1);
}

section {
  background-color: var(--c_green_2);
}

.my-navbar {
  height: 6vh;
}

.js-scroll-trigger {
  text-align: center;
}

.subLogo {
  padding-top: 0;
  font-size: 0.8em;
}

.js-scroll-trigger br {
  display: block;
  margin: -5px 0;
  line-height: 0px;
}

.title a   {
  font-family: "Roboto-Bold"
}

.pres {
  margin-top: 6vh;
  overflow: hidden;
}

header {
  height: 80vh;
  margin-top: 12vh;
  /* background-image: url("/res/img/photos/home-slider/28-04-16_Farington_USA.jpg"); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  overflow: hidden;
}

.home-slider {
  @extend header;

  margin-top: 4vh;
  height: 96vh;

  overflow: hidden;
}

.home-slider .slide--0 {
  @extend header;
  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-image: url("../res/img/photos/home-slider/new/0.png") ;
}

.home-slider .slide--1 {
  @extend header;
  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-image: url("../res/img/photos/home-slider/symposium_22_2019.jpg") ;

}

.home-slider .slide--2 {
@extend header;
  background-image: url("../res/img/photos/home-slider/P1040068.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--3 {
  @extend header;


  /*background-image: url("../res/img/photos/home-slider/IMG_2245.JPG");*/
  background-image: url("../res/img/photos/home-slider/montage.png");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}


.home-slider .slide--4 {
@extend header;
  background-image: url("../res/img/photos/home-slider/Ardoyne2010.png");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--5 {
  @extend header;
  background-image: url("../res/img/photos/home-slider/P1040389.JPG");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--6 {
@extend header;
  background-image: url("../res/img/photos/home-slider/314155_4121050589971_1598081227_n.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--7 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/1.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--8 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/2.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--9 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/3.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--10 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/4.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--11 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/5.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--12 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/6.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--13 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/7.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--14 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/8.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--15 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/9.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--16 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/10.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--17 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/11.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--18 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/12.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--19 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/13.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--20 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/14.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--21 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/15.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--22 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/16.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--23 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/17.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--24 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/18.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--25 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/19.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--26 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/20.png");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--27 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/21.png");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--28 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/22.png");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--29 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/23.png");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--30 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/24.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--31 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/25.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--32 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/26.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--33 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/27.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--34 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/last.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--35 {
@extend header;
  background-image: url("../res/img/photos/home-slider/new/Bill.JPG");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--36 {
@extend header;
  background-image: url("../res/img/photos/home-slider/comique_image_violence.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}

.home-slider .slide--37 {
@extend header;
  background-image: url("../res/img/photos/home-slider/Poster_UCC-page-001.jpg");

  height: 94vh;
  width: 100vw;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
}


.fadeout-right {
  position: absolute;
  right: 0px;
  top: 0px;
  left: 40vw;
  bottom: 0px;
  background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(5, 56, 107, 1));
}

/* ---------------- THE BASICS ---------------- */

.fixed-top-2 {
  /*background-color: var(--c_green_3);*/
  margin-top: 6vh;
  height: 5vh;
  background-color: var(--c_blue);
}

.dates-slicker {
  color: white;
}

.content-scroll td {
    white-space: nowrap;
    padding-right: 1.5vh;
    padding-left: 1.5vh;
}

.content-scroll td a:hover {
    text-decoration: none;
}

.timeline-item {
  padding: 3em 2em 2em;
  margin-left: 15vw;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  border-left: 2px solid rgba(0, 0, 0, 0.3);
  padding-top: 10em;
  padding-bottom: 10em;
}

.timeline-item:nth-child(even) {
  background-color: #f0f0f0;
}

.timeline-item p {
  font-size: 1rem;
}
.timeline-item::before {
  content: attr(date-is);
  position: absolute;
  font-weight: bold;
  top: 3em;
  display: block;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 0.785rem;
}

.timeline-item::after {
  width: 10px;
  height: 10px;
  display: block;
  top: 14em;
  position: absolute;
  left: -6px;
  border-radius: 10px;
  content: "";
  border: 2px solid rgba(128, 128, 128, 0.3);
  background: grey;
}

.timeline-item:last-child {
  border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0)) 1 100%;
  padding-top: 10em;
}



.description {
  font-family: "Roboto-Regular";
  font-size: 2.5vh;
}

.home-slider img {
  /*max-height: 90vh;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  /*padding-top: 3vh;*/
}


.timeliner-video {
  height: 90vh;
}



.timeliner-item-before-video {
  text-align: center;
  height: 90vh;
  display: table;
  border-right: 3px solid grey;
}

.timeliner-item-before-video p {
  display: table-cell;
  vertical-align: middle;
}

.timeliner-item-before-video::after {
  width: 1vw;
  height: 1vw;
  display: block;
  position: absolute;
  top: 49%;
  left: 96.6%;
  border-radius: 100px;
  content: "";
  border: 2px solid rgba(128, 128, 128, 1);
  background: grey;
}

.timeliner:nth-child(even) {
  background-color: #f0f0f0;
}


.timeliner-item-before {
  text-align: center;
  height: 50vh;
  display: table;
  border-right: 3px solid grey;
}

.rotate-90 {
  transform: rotate(90deg);
}

.timeliner-item-before p {
  display: table-cell;
  vertical-align: middle;
}

.timeliner-item-before::after {
  width: 1vw;
  height: 1vw;
  display: block;
  position: absolute;
  top: 49%;
  left: 96.6%;
  border-radius: 100px;
  content: "";
  border: 2px solid rgba(128, 128, 128, 0.5);
  background: grey;
}

.timeliner-item-before {
  position: relative;
}

.timeliner-item-content iframe {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
}

.timeliner-item {
  border: 1px solid black;
}

.slicker-photos img {
  max-width: 39vw;
  max-height: 42vh;
  padding: 2vh;
}

.slicker-photos {
  max-width: 70vw;
  width: 70vw;
  margin: auto;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.single-picture {
  min-width: 40vw;
  margin-bottom: auto;
}

.single-picture img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.single-picture img {
  max-width: 39vw;
  max-height: 42vh;
  padding: 2vh;
  display: block;
  /* margin-left: auto;
  margin-right: auto; */
  text-align: center;
}

.article-container {
  display: table;
  margin-left: auto;
  margin-right: auto;
  width: 70vw;
}

.article-fadeOut {
  display: table-cell;
  vertical-align: middle;

  height: 50vh;
  max-width: 70vw;
  width: 70vw;

  overflow: hidden;
  text-overflow: ellipsis;
  content: "";
  background: -webkit-linear-gradient(#000, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.article-fadeOut h1 {
  font-family: "Roboto-Bold";
  font-size: 2em;
}

.article-fadeOut p {
  font-family: "Roboto-Regular";
}

.slick-prev:before {
  color: black !important;
}
.slick-next:before {
  color: black !important;;
}

@media screen and (max-width: 1000px) {
  .timeliner-item-before::after {
    display: none;
  }

  .timeliner-item-before {
    border: none;
  }

  .timeliner-item-before-video::after {
    display: none;
  }

  .timeliner-item-before-video {
    border: none;
  }
}

@media screen and (max-width: 1810px) {
  .slicker-photos img {
    max-width: 33vw;
    max-height: 38vh;
    padding: 2vh;
  }
}

@media screen and (max-width: 1260px) {
  #august2010 {
    height: 35vh;
    overflow: hidden;
  }

  .article-fadeOut {
    background: -webkit-linear-gradient(#000, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    height: 11vh;
  }

}

@media screen and (max-width: 600px) {
  .slicker-photos img {
    max-width: 25vw;
    max-height: 25vh;
  }
}

@media screen and (max-width: 480px) {
  
}

@media screen and (max-width: 418px) {
  .description {
    font-size: 1.5vh;
  }
}