/* ==========================================================================
CUSTOM CSS
========================================================================== */

.start-hidden {
  display:none;
}


#pre-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
}

#status {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

body {
    padding-top: 68px;
    font-family: 'Lato', sans-serif;
    color: #222;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

strong {

  font-weight: 700;
}

.alert#cookie-consent {

  margin-bottom: 0px;
  background: #000;
  border-color: #000;
  color: #fff;

}



.alert#cookie-consent .close {

    color: #fff;
    text-shadow:0;
    opacity: 0.7 !important;

  }


.close:not(:disabled):not(.disabled):hover {

    color: #d2d2d2;
    opacity: 1 !important;

  }

.full-size-background-1 {
    background: url(../img/abstract-bg-1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-1.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-1.jpg', sizingMethod='scale')";
}

.full-size-background-2 {
    background: url(../img/abstract-bg-2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-2.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-2.jpg', sizingMethod='scale')";
}


.full-size-background-3 {
    background: url(../img/abstract-bg-3.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-3.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-3.jpg', sizingMethod='scale')";
}

.full-size-background-6 {
    background: url(../img/abstract-bg-6.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-6.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-6.jpg', sizingMethod='scale')";
}

.full-size-background-7-2 {
    background: url(../img/abstract-bg-7-2.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-7-2.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/abstract-bg-2-.jpg', sizingMethod='scale')";
}


.b-top {

    border-top: 6px solid #0C315E;
}

.b-bottom {

    border-bottom: 6px solid #0C315E;
}

/* ==========================================================================
COLOURS
========================================================================== */


.bg-blue {

    background-color: #141e50;
}

.bg-light-blue {

  background-color: #00a2e1;
}

.bg-white {
    background-color: #ffffff;
}


.bg-light-grey {
    background-color: #f7f7f7;
}


.bg-opaque {

  background-color: rgba(255, 255, 255, 0.9);
}

.bg-opaque-blue {

  background-color: rgba(20, 30, 80, 0.8);
}


.text-white {
    color: #ffffff;
}

.text-dark-blue {

    color: #141e50
}

.text-light-blue {

  color: #0099FF;
}


a {

    color: #00a2e1;
}

a:hover {

    color: #00a2e1;
}

/* ==========================================================================
FONT STYLES
========================================================================== */

h1, h2, h3, h4, h5, h6 {

    font-weight: 500;
    font-family: 'Lato', sans-serif;
}

h2{

    font-size:3rem;
}




/* ==========================================================================
BUTTON STYLES
========================================================================== */

.btn.focus, .btn:focus {

    outline: 0;
    box-shadow: none !important;

}


.btn {

  background: #00a2e1;
  color: #fff;
  padding: 16px 40px;
  border-radius: 0px;
  min-width:200px;
  -webkit-transition: all 200ms ease ;
  transition: all 200ms ease ;
}



.btn:hover {

  color: #fff !important;
}


.btn:hover {

  background: #002664;
  color: #0099FF;
  
}

.btn-small {

   min-width: 120px;

}

.btn-article {
  padding: 8px 15px;
  font-size: 0.9rem;
  min-width: auto;
}


/* ==========================================================================
NAVIGATION
========================================================================== */


.navbar{

  padding: .5rem 1rem;

}

.navbar-nav {

  padding-top: 40px;
  padding-bottom: 40px;
}

.desktop-nav-brand {

  display: none;
}

.desktop-nav-show {

  display: none;
}

.nav-link {

    font-size:1rem;
    transition: all 400ms;
    margin:auto;
    font-weight: 600;
    border-bottom: 2px solid transparent;
}


.navbar-light .navbar-nav .nav-link {

    color: #141e50;
    padding: 15px 20px;


}


.navbar-nav .nav-link.active {

  color:#00a2e1 !important;
  /*background: #141e50;*/
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    border-bottom: 2px solid #002664;
    color: #141e50;
}


/* ==========================================================================
HEADER
========================================================================== */
.masthead {
  height: 80vh;
  min-height: 600px;
  background-image: url('../img/abstract-bg-7-2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*background-attachment:fixed;*/
}


#logo{

    display:none;

}

#main-logo {
  width: 90%;
  margin-top: -60px;
  min-height: 300px;
}


.logo-text-1 {

  opacity: 0;
  -webkit-animation-delay: 2.2s; /* Safari 4.0 - 8.0 */
  animation-delay: 2.2s;

}

.logo-text-2 {

  opacity: 0;
  -webkit-animation-delay: 2.6s; /* Safari 4.0 - 8.0 */
  animation-delay: 2.6s;

}

.logo-text-3 {

  opacity: 0;
  -webkit-animation-delay: 3s; /* Safari 4.0 - 8.0 */
  animation-delay: 3s;

}

.logo-text-4 {

  opacity: 0;
  -webkit-animation-delay: 3.4s; /* Safari 4.0 - 8.0 */
  animation-delay: 3.4s;

}

.logo-text-show {

 -webkit-animation-name: showLogoText; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 2.3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-name: showLogoText;
  animation-duration: 2.3s;
  animation-fill-mode: forwards;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes showLogoText {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Standard syntax */
@keyframes showLogoText {
  from {opacity: 0;}
  to {opacity: 1;}
}


.angle-1 {

  fill: none;
  stroke: #fff;
  stroke-width: 4.37px;
  -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
  animation-delay: 1s;
  opacity: 0;
}

.angle-2 {

  fill: none;
  stroke: #fff;
  stroke-width: 4.37px;
  -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
  animation-delay: 1s;
  opacity: 0;
}

.angle-show {

  -webkit-animation-name: showAngles; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-name: showAngles;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showAngles {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Standard syntax */
@keyframes showAngles {
  from {opacity: 0;}
  to {opacity: 1;}
}


.hidden-header-box {

  position:absolute;
  background-color: rgba(255, 255, 255, 0.9);
  width:100%;
  height:100%;
  min-height: 600px;
  left:0;
  top:68px;
  text-align: center;
  display: none;
}

.hidden-header-text {

  display: none;
  position: absolute;
  bottom:100px;
  left:0;
  right:0;
  font-size: 2em;
  padding: 0 10px;
  line-height: 50px;

}

/* ==========================================================================
WELCOME
========================================================================== */


.highlights-box {

  background: #141e50;
  padding: 40px 20px;
  border-bottom: 8px solid #d2d2d2;
  margin-top: 40px;


}

.highlights-box ul {

    list-style-type: none;
}

.highlights-box li::before {

  content: "•"; 
  color: #00a2e1;
  display: inline-block; width: 1em;
  margin-left: -1em
}


/* ==========================================================================
AGENDA
========================================================================== */

.full-size-overlay {

  position: absolute;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  
}


.table {

    max-width: 700px;
    margin: auto;
}

.table td {

    text-align: left;
    padding:12px 10px;
    border: 0px;
    display:block;
}

.table tr {

  
    border-bottom: 1px solid #fff;
}


.inner-table td {

  border: 0px;
  width:100%;
  padding:5px 10px;


}

.inner-table tr:last-child td:last-child {
   
   padding-bottom: 20px;
}


.breakout-row tr {

  border: 0px;

}

.breakout-row td {

  border: 0px;


}

.breakout-col {
  width: 100%;
}

.mob-row {

  border-bottom: 0px !important;
}

.mob-hide {

  display: none !important;
}


.speaker-link {

  color: #00a2e1;
  text-decoration: none;
}

tr.session-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4)!important;
}

/* ==========================================================================
BACKGROUND SECTION 2
========================================================================== */





/* ==========================================================================
SPEAKERS
========================================================================== */



.make-table {
    
    display:table;
    width:100%;
    height:100%;
}

.make-cell {
    
    display:table-cell;
    vertical-align: middle;
    width:100%;
    height:100%;
}


.team-square {
    
   height:350px;
   padding:0px;    
   background: #fee333;
   color:#1a1a1a;
   

}

.team-square-odd {
    
    background: #000000;
    color:#ffffff;
}

.team-content {
   
    display: inline-block;
   
}

.team-content h3 {
   
    text-align: center;
   
}

.team-header-bar {
    
    height: 10px;
    display: block;
    width: 40px;
    background: #ffffff;
    
}

.team-member-square {
    
    height:350px;
    padding:0px;
    background-image: url('../img/default-speaker.jpg');
    background-size:contain;
    background-position:center bottom;
    background-repeat: no-repeat;
    color:#ffffff;
    
}




.team-overlay {

    background-color: rgba(20, 30, 80, 0.8);  
    visibility: hidden;
    opacity:0;
    position:absolute;
    width:100%;
    height:100%;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}

.team-member-square:hover .team-overlay{
    
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in;
    visibility: visible;
    opacity:1;
}


.team-member-content {
    
    margin-top: 200px;
    visibility: hidden;
    opacity:0;
    z-index:999;
    position: relative;
    padding-left:20px;
    padding-right:20px;
    -webkit-transition: none;
    transition: none;
}

.fadeUp {

    -webkit-transition: all .4s ease;
    transition: all .4s ease;

    margin-top: 0px;
}

.team-member-square:hover .team-member-content{
    
    visibility: visible;
    opacity:1;
}

.team-member-square h3{
    
    font-size: 2.2em;
}


.speaker-title {

  font-size: 1.4rem;
  color: #00a2e1;

}

.contact-details {
    
    margin:0;
}

.speaker-bio {

  
}

/* ==========================================================================
SPEAKER IMAGES
========================================================================== */

.anne-breen {
    background-image: url('../img/abstract-bg-1.jpg');
}

.anne-breen {
    background-image: url('../img/abstract-bg-1.jpg');
}

.anne-breen {
    background-image: url('../img/abstract-bg-1.jpg');
}

.anne-breen {
    background-image: url('../img/abstract-bg-1.jpg');
}

.anne-breen {
    background-image: url('../img/abstract-bg-1.jpg');
}



/* ==========================================================================
VENUE
========================================================================== */


#venue-square {

    margin: 80px auto;
    padding: 40px 20px;
    width: 100%;
    max-width: 800px;

}

#travel p {
  font-size: 1rem !important;
}

#venue p {

  font-size: 1.4rem;
}



/* ==========================================================================
MAP
========================================================================== */

.map-container {
    position: relative;
    color: #222;
    background-attachment: scroll;
    background-image: url(../img/map-image.jpg);
    background-position: center center;
    background-repeat: none;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    min-height: 500px;
}

#map {
    position:absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0; /* Set z-index to 0 as it will be on a layer below the contact form */
}




.presentations-container {
  border-left: 4px solid #141e50;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 7px;
}

.media h5 {
  min-height: 72px;
}

.video-thumbnail-container {
    margin-bottom: 0px;
    background-color: #141e50;
}

.video-thumbnail-container img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 100%;
}

.video-thumbnail-container div {
    position: relative;
}

.video-thumbnail-container a {
    display: inline-block;
}

.video-thumbnail-container a:hover img.video-thumbnail {
    opacity: 0.5;
}

.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50%;
    max-width: 100px;
}

.modal-lg {
  max-width: 980px;
}

/* ==========================================================================
FOOTER
========================================================================== */

footer {
    padding-top: 80px;
    padding-bottom: 80px;
    font-size:14px;
}

footer a, footer a:hover {

  color: #fff;
}