/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:1.9em; 
}

.container{
    max-width:1050px;
}

/*------------------------------------------------*/

@media(min-width: 992px) {
    .navbar {
        font-family: 'Source Sans Pro', sans-serif;
        padding: 15px 5px;
        margin:0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    } 

    .top-nav-collapse {
        padding: 0px;
    }

}

@media (max-width: 768px) {
    .navbar {   
          overflow-y: scroll;
          -webkit-overflow-scrolling:touch;
    }

}


/*--------------------------------General---------------------------------------------------------*/


h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
}

p, div {
    font-family: 'Open Sans', sans-serif;
    font-size:1.03em;
}

h1{
    padding-bottom: 50px;
}

h3{
    font-size: 20px !important;
}

a:hover, a:active, a:focus, button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
  outline: 0;
 }

 figcaption{
    font-size: 12px;
    font-style: italic;
    position: absolute;
    bottom: 0;
    right: 5px;
}

/*--------------------------Sections-----------------------------------------------*/
.intro-section {
    min-height: 980px;
    padding-top: 80px;
    text-align: center;
    background: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.jumbotron h1{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    color: #fff !important;
    letter-spacing: 10px;
    font-size:80px !important;
    margin-top:20%;
}

.intro-section h2{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size:26px;
    margin-top: 0px;
    letter-spacing: 1px;
}

/* HOME PAGE */
.container .jumbotron {
  border-radius: 0 !important;
  padding-bottom: 0px;
}

/********** Large devices only **********/
@media (min-width: 1200px) {
  .container .jumbotron {
    background: url('../images/2i.jpg') no-repeat center;
    background-size:100% 100%;
    height: 550px;
  }
}

/********** Medium devices only **********/
@media (min-width: 992px) and (max-width: 1199px) {

  .container .jumbotron {
    background: url('../images/2i.jpg') no-repeat center;
    background-size:100% 100%;
    background-color: #fff !important;
    height: 530px;
  }
}

/********** Small devices only **********/
@media (min-width: 768px) and (max-width: 991px) {
  .container .jumbotron {
    background: url('../images/2i.jpg') no-repeat center;
    background-size:100% 100%;
    background-color: #fff !important;
    height: 530px;
  }
}

@media (max-width: 768px) {
.container.jumbotron {
     background-color: #fff !important;
}

  .jumbotron h1{
    color:#0099e6 !important;
  }

  .jumbotron a{
    visibility: hidden;
  }

}

@media (max-width: 1200px) {
    .xs-image-gal{
        margin-bottom: 20px;
      }
}

/*-----------------------------------------------------------------------------*/
section{
    padding-top: 100px;
    padding-bottom: 50px;
}
.about-section h1, .committees-section h1, .dates-section h1, .keynote-section h1, .registration-section h1, .programme-section h1, .venue-section h1, .contact-section h1{
    letter-spacing: 8px;
    font-weight: 600;
}

.about-section a,.dates-section a, .venue-section a, .registration-section a{
    color:black;
}
/*-----------------------------------------------*/
.about-section {
    text-align: center; 
    background: #0099e6;
    /*min-height:200%;*/
}

.about-section h2, .dates-section h2, .venue-section h2{
    font-size:30px;
    padding-bottom: 30px;
    font-weight: 600;
}

.about-section ul{
  text-align:left;
}

.about-section li{
  margin: 10px 0;
}

.about-section p{
    text-align: justify;
}

/*-----------------------------------------------*/
.committees-section {
    text-align: center;
    background: #fff;
}

/*-----------------------------------------------*/
.dates-section {
    text-align: center;
    background: #0099e6;
}

.dates-section h3 {
    text-align: left;
}

.dates-section p{
    text-align: justify;
}

/*-----------------------------------------------*/
.keynote-section {   
    text-align: center;
    background: #fff;
    padding-bottom: 65px;
}
.keynote-section h3{  
    padding-top: 15px; 
    padding-bottom: 20px;
}
/*-----------------------------------------------*/
.registration-section {
    text-align: center;
    background: #0099e6;
}

#regbutton {
    white-space: normal;
    color: #eee;
}

/*-----------------------------------------------*/
.programme-section {
    text-align: center;
    background: #fff;
}

.programme-section h3 {
    text-align: left;
}

.programme-section p{
    text-align: justify;
}

/*-----------------------------------------------*/
.venue-section {
    text-align: center;
    background: #0099e6;
}

.venue-section p{
    text-align: justify;
}

.venue-section h3{
    padding-bottom: 10px;
}

.venue-section h4{
    text-align: center;
}

.venue-section #map-outer p{
    text-align: center;
}

.venue-section h3:nth-child(2) {
    text-align: left;
}

#map-outer { height: 420px; 
            vertical-align: middle;
            padding: 40px; 
            margin-bottom: 10px; 
            background-color:#0099e6 }

#map-container { height: 400px }
@media all and (max-width: 991px) {
    #map-outer  { height: 420px }
}

/*-----------------------------------------------*/
.contact-section {
    text-align: center;
    background: #fff;
    padding-bottom: 0px;
}

.contact-section p{
    padding-bottom: 25px;
}

.contact-section .text-muted{
    font-size: 12px;
}

.table { 
    border-collapse: separate !important;
}

.modal-dialog {width:600px;}
.thumbnail {margin-bottom:6px;}

/*-----------------------------------------------*/
.empty{
    padding-top: 50px;
}

/*-----------------------------------------------*/