@font-face {
  font-family: 'cernBold';
  src: url('../fonts/Cern-Bold.ttf');
}

@font-face {
  font-family: 'cernLight';
  src: url('../fonts/Cern-Light.ttf');
}

@font-face {
  font-family: 'cernMed';
  src: url('../fonts/Cern-Medium.ttf');
}

@font-face {
  font-family: 'cernSemi';
  src: url('../fonts/Cern-SemiBold.ttf');
}

@font-face {
  font-family: 'cernReg';
  src: url('../fonts/Cern-Book.ttf');
}

@font-face {
  font-family: 'cernLightItal';
  src: url('../fonts/Cern-LightItalic.ttf');
}

/* h1 { font-family: 'cernBold'; } */

/* generic modifier */
.pt-20 { padding-top: 20px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pb-20 { padding-bottom: 20px; }

h3 small { font-size: 60%; font-family: 'cernLightItal'; }

/* navigation bar modifications */
.navbar-light .navbar-nav .nav-link { color: #424243; font-family: 'cernSemi'; text-transform: capitalize; font-size: 1.3em; }
.navbar-light .navbar-nav .nav-link.active { color: #009bdf; }
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #009bdf; }
.navbar-brand { padding-left: 70px; }
.navbar-expand-lg .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; }

/*  color bar beneath navigation bar  */
.color-bar { background: url('../img/bt-color-bar.png') no-repeat top left; height: 11px; background-color: #005b9e; }

#login-form label { margin-bottom: 0; margin-top: 20px; }
.login-box { background-color: #fff; padding: 50px 100px 100px 100px; margin: 100px auto; font-family: 'cernLight'; }
#message { color: red; text-align: center; padding: 20px 0 0 0; }

/* modifications for the home page data  */
.home-bg { position: relative; }
.home-info { position: absolute; padding: 100px 0px 20px 100px; }
.home-info h1, .home-info p { color: white; font-family: 'cernLight'; }
.home-info h1 { font-size: 3.6em; }
.home-info p { font-size: 1.2em;}

.sessions_data { padding: 50px 20px 50px 100px; }
.event, .event-date { color: white; }
.event { font-family: 'cernMed'; font-size: 2.3rem; }
.event-date { font-family: 'cernLight'; font-size: 1.5rem; }
.session { font-family: 'cernSemi'; color: #9db7de; padding: 50px 0px; font-size: 1.8rem; }

.date { color: white; font-family: 'cernReg'; position: relative; padding-bottom: 25px; font-size: 1.2em; }
.date:after { content : ""; position: absolute; left : 0; bottom : 0; height : 1px; width : 75%; border-bottom:1px solid #f26522; }

.sessions_data .time, .sessions_data .title, .sessions_data .speaker { color: white; }
.sessions_data .time { font-family: 'cernSemi'; }
.sessions_data .title { font-family: 'cernBold'; }
.sessions_data .speaker { font-family: 'cernLight'; }

/*  general button modifications  */
.btn { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; text-transform: capitalize; -webkit-appearance: none; }
.btn-outline-success { color: #f26522; border-color: #f26522; padding: 10px 15px;  }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active { color: white; background-color: #f26522 !important; border-color: #f26522 !important; box-shadow: none !important; }
.btn-outlook { text-transform: capitalize; padding: 5px 10px 5px 40px; background: url('../img/cal.png') no-repeat 10px center; }
.btn-outlook:hover, .btn-outlook:focus, .btn-outlook:active { background: url('../img/cal-hover.png') no-repeat 10px center; }

/* chat button */
#chat-popout-btn { z-index: 100; position: absolute; top: 5px; right: 10px; }


/* footer specifications */
.foot { padding: 50px 70px; display: block; }
.foot-bt-logo { padding-left: 30px; }
.foot-disc { padding: 10px 30px; font-family: 'cernLight'; color: #0f2d5b; }
.foot-disc a { color: #0f2d5b; }

.blue-bg { background-color: #0f2d5b; }
.blue-bottom-border { border-bottom: 1px solid rgba(0,152,223,0.3); margin-left: 15px; }
/* .blue-bottom-border:after { content : ""; position: absolute; left : 0; bottom : 0; height : 1px; width : 75%; border-bottom:1px solid #0098df; } */
.white { color: white; }


@media screen and (max-width: 1300px) {
  .navbar-brand { padding-left: 40px; }
  .home-info { padding: 70px 20px 20px 70px; }
  .foot-bt-logo { padding-left: 10px; }
  .home-info h1 { font-size: 2.5em; }
  .home-info p { font-size: .7em;  }
}

@media screen and (max-width: 768px) {
  .event { font-size: 1.8em;}
  .home-info { padding: 40px; position: relative; background-color: #0f2d5b;}
  .sessions_data { padding: 20px 20px 50px 20px; }
  .foot { padding: 40px 20px 40px 30px; }
  .foot-bt-logo, .foot-disc { padding-left: 0px; }
  .home-info h1 { font-size: 2em; }
  .home-info p { font-size: 1em;  }
  .navbar-brand { padding-left: 0px; max-width: 60%; }
  #chat-popout-btn { display: none; }
  .embed-responsive { min-height: 750px; }
}