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

body {

    padding-top: 54px;
    font-family: 'Source Sans Pro', sans-serif;
    color:#4e4e4e;


}

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

.alert#cookie-consent {margin-bottom: 0px;background:#16293F;color:#fff;border:none;border-radius:0px;}


.full-size-background {
    background-image:url('../img/hero-6.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.full-size-event-creative {
    background: url('../img/event-creative.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/event-creative.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/event-creative.jpg', sizingMethod='scale')";
}

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


a {
    color:#ff7713 
}

a:hover {
    color:#ff7713 
}

a:visited {
    color:#ff7713 
}


.text-dark-blue {

  color:#16293F;
}


/* ==========================================================================
SECTIONS
========================================================================== */
.section-white {
background-color:#ffffff;
}

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

.bg-dark {
    
    background-color: #16375E; !important
}

.bg-light-grey h2, .bg-light-grey h3, .bg-light-grey h4 {
    
    color:#16375E;
}


.bg-slate {
    
    background-color:#eeeeee;
}


.bg-light-blue {

  background-color: #16293F;
  color:#ffffff;
}


.pad-top {

  padding-top:40px;
}


.section-header {

  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight:500;
  font-size:1.8em;
  color:#16293F;
  text-align: center;
}


/* ==========================================================================
SPAM TRAP
========================================================================== */

.st {
  position: absolute;
  left: -3000px;
  z-index: -100;
}



/* ==========================================================================
TEXT STYLES
========================================================================== */
.strong {
    
    font-weight:700;
}


.text-left {
    
    text-align:left
}


.light {
    
    font-weight:300
}


.lead {

  line-height:34px;
}


/* ==========================================================================
LOADING SCREEN STYLES
========================================================================== */
    

#loader-container {
    
    width:150px;
    margin:auto;
    left:0;
    right:0;
    position: absolute;
    top:45%;
    text-align:center;
    
}


#loading {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: fixed;
  display: block;
  z-index: 9999999999999999999;
  color: #333333;
  background-color:#ffffff
}
    
    

  .loader {
    margin:auto;
  width: 80px;
  height: 80px;
}






/* ==========================================================================
NAV
========================================================================== */


.pre-nav {

  position:absolute;
  top:0;
  padding:10px;
  position:fixed;
  z-index:999;
  background-color:#fff;
}


.bg-dark {

    background-color:#010532!important;
}


.fixed-top {

    padding-top:0 !important;
    padding-bottom:0 !important;
    /*top:64px;*/
}

.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav .nav-link {
    
    color:#ffffff !important;
    font-family: 'Montserrat', sans-serif;
    font-size:12px;
    font-weight:500;
    padding:10px 24px;
    -webkit-transition: all .4s ease-in-out;
    transition:all .4s ease-in-out;
    
    }


.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:hover {
    
    color:#d3d3d3 !important;

    
    }
 

/*make reg button in header stand out */
 .head-reg {

      
    background-color:#D5E8F3;
    color:#010532!important;
 }

 

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
   
    color:#003772 !important;
    background-color:#f8f9fa !important;
    
}

.navbar-jupiter .nav-item:last-child {
    border-right: 0px;
}
.navbar-jupiter .nav-item {
    border-right: 2px solid #16293f;
}

 



/* ==========================================================================
HEADER SECTION
========================================================================== */

/*#header {
    position: relative;
    background-position: center 0;
    background-size:cover;
    overflow:hidden;
}*/

header {

}

header h1 {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    color:#ffffff;
    font-size:40px;
    line-height:65px;
    text-shadow: 2px 2px #16375E;
}

#title-container {
    position:relative;
    padding-top:50px;
    max-width:1000px;
    margin:auto;
}

.header-main {
    
}

#header h1 {
    color:#ffffff;
    line-height:65px;
    text-shadow: 2px 2px #16375E;
}

.head-text {
    margin-bottom:0px;
    font-size:20px;
}

.head-date {
    font-size:1.8em !important;
}

.banner {
    color: #ffffff;
    /*position: absolute;*/
    padding: 20px 0px;
    bottom: 0;
    background: #16293F;
    width: 100%;
    left: 0;text-align: center;
}

.solid-btn {
    padding: 12px 12px;
    border:2px solid #ff7713 !important;
    color:#ffffff !important;
    width:230px;
    background:#ff7713 !important;
    border-radius:0px;
    font-size:18px;
    font-family: 'Montserrat', sans-serif;
}

#welcome h2 {
    margin-bottom:20px;
    line-height: 44px;
    color:#16293F;
}

.spacer {
    padding-top: 14rem;
}

/* ==========================================================================
VENUES
========================================================================== */

.venue-container {
   padding: 0px;
   margin: 30px auto 0px auto;
   background-size:100%
   background-position:center;
   background-size:cover;
   cursor:pointer;
   min-height:220px;
   border-radius:0px;
}

.venue-text {
    padding:60px 30px;
    color:#16293F;
}

.venue-overlay {
    height:100%;
    width:100%;
    min-height:220px;
    border-radius:0px;
    background-color:rgba(213, 232, 243, 0.8);
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
}

.venue-container:hover .venue-overlay {
    background-color:rgba(0, 0, 0, .2);
}

.venue-container:hover .venue-text {
    color:#ffffff;
}

.get-here {
    position: absolute;
    left:0;
    right:0;
    margin:auto;
    font-size:18px;
     -webkit-transition: font-size .4s ease-in-out;
    -moz-transition: font-size  .4s ease-in-out;
    -o-transition: font-size  .4s ease-in-out;
    transition: font-size  .4s ease-in-out;
}


.venue-container:hover .get-here {
    
    font-size:28px
}

.popup-venue {

  margin-bottom:40px;
}

.modal-image {
    
    width:100%;
    margin-top:10px;
}

.modal-venue {
    
    font-weight:700;
    margin-bottom:0;
}

.modal-dialog {
    
    max-width:900px;
}

.map {
    
    width:100%;
    height:395px;
}

.btn {
    
    padding: 12px 12px;
    border: 1px solid #ff7713;
    color:#ff7713;
    width:230px;
    font-weight:500;
    background:none;
    border-radius:0px;
    font-size:18px;
    font-family: 'Montserrat', sans-serif;
}

.btn:hover {

  background: #ff7713;
  color: #fff !important;
}

.agenda-text {

  margin-top:120px;
}


.align-btn {

    margin-top:40px;
 
}


.modal-register {
    
    
    width:100%;
    margin-top:15px
    
        
}

.modal-close {
  width:100px;
}


.modal-header h4 { 
    
    line-height:1.2em;
    
}

.modal-header h4 small {
    
    color: #888 !important
    
}



@media all and (max-width:800px) {


.align-btn{

    margin-top:40px;
    text-align: center;
}
}



/* ==========================================================================
contacts
========================================================================== */
.contacts {
    
    text-align:center;
    height:180px;
    margin: 40px auto;
    background:#0d77bd;
    padding:20px;
    color:white;
}

.contacts h4 {
    
    font-size:20px
}

.make-table {
    
    display:table;
    margin-top:30px
}

.make-cell {
    
    display:table-cell;
    vertical-align: middle;
}

.contacts-web a {
    
    color:#61b5ed !important;
}





/* ==========================================================================
FORM
========================================================================== */


.form-control {

  background-color:#f0f3f5;
  border:0px;
}

.custom-select {

  background-color:#f0f3f5;
  border:0px;

}


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

footer {
    padding-top: 80px;
    padding-bottom: 80px;
    color:#fff
}


footer p {
    
    color: #fff;
    font-weight:300;
}

footer a {

  color:#f26f00 !important;
  font-weight:400;
}



/* ==========================================================================
MODALS
========================================================================== */

#registration-successful .modal-header {

  background:#16375E;
  color:#ffffff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

#registration-successful .close {

  
  color:#ffffff;
  
}

/*Speaker image styling*/
.mod-img {
    border-radius: 50%;
    width: 100%;
    max-width: 200px;
    margin: 20px auto;
}

.mini-nav .bg-dark{
	flex: 0 20%;
}