:root {
  --default: rgb(3, 105, 161);
  
}
    
.fivew {
   --color: 3, 105, 161;
} 
     
.purple {
   --color: 135,20,173;
}
     
.blue {
  --color: 33,178,237;
}
 
   
.orange {
  --color: 247,136,38;
}
    
.yellow {
  --color: 249,205,2;
}

.green {
  --color: 92,160,20;
}

.racing-green {
  --color: 0,66,37;
}

.pink {
  --color: 238,20,179;
}
    
.gold {
  --color: 181,148,16;
}
    
    * {
      font-weight: 300;
      color: #000000;
    }
   
    body {
      font-weight: 300;
    }
    
    p, p *, span *, span, li, li *, .question-description, .question-description * {
      font-weight: 300;
      font-size: 20px !important;
    }
    
    .nav-container nav {
      width: 100%;
      position: fixed !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform:  none !important;
      -webkit-transform: none !important;
      z-index: 9999;
    }

 .nav-bar .module {
   height: auto;
 }
    
.nav-bar .module.left a {
  width: auto;
  height: 75px;
  max-width:100%;
  max-height: 100%;
  display:flex;
  align-items: center;
  justify-content: center;
  
}
    
    .menu li a, .menu li a * {
      font-size: 16px !important;
      color: rgb(var(--color)) !important;
        font-weight: bold;
    }
     

.logo {
  width: auto !important;
  height: 40px !important;
  display: block;
}
    
.logo.logo-light {
  display: none;
}
     
#top {
  min-height: 60vh;
  display: flex; 
  flex-direction: column;
  justify-content: center;
}
    
#top.thank-you-top {
  min-height: 80vh;
}
    
.event-listing-page section {
      margin-bottom: 0;
      padding-bottom: 0;
  
}
    
.event-listing-page #top, .event-listing-page #top.pb120  {
  padding-bottom: 30vh;
}
    
.event-listing-page #top .background-image-holder{
  	background: transparent !important;
	background-image: linear-gradient(35deg, rgba(3, 105, 161, 0.8) , rgba(93, 224, 230, 0.8) ) !important;
}
    
    
.event-listing-page .image-bg div[class*='col-'] {
    padding-top: 30px;
}
    
#banner-video-overlay {
  padding-top: 0;
  padding-bottom: 0;
  z-index: 999;
  margin-top: -25vh;
  overflow: hidden;
}
    
#banner-video-overlay .container {
  border-radius: 10px;
  overflow: hidden;
}
    #banner-video-overlay .container .row {
      width: 80%;
      margin-right: auto;
      margin-left: auto;
       border-radius: 10px;
  overflow: hidden;
    }
    
    
.responsive-video {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
    
    .responsive-video iframe {
      width:100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
    }
    #listing {
      margin-bottom: 0;
      padding-bottom: 0;
    }
    
*.lead, .lead, p.lead {
  font-weight: 300;
}

.listing-item {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	min-height: 80vh;
      width: 100%;
  margin: 0;
}
    
.listing-item * {
  color: #ffffff !important;
}
    
.charities-text, .color-primary {
	color: rgb(var(--color)) !important;
}
    
.btn {
  margin-top: 40px;
}
    
.image-bg .btn.btn-filled, .image-bg .btn-filled:visited, .btn, .btn:visited, input[type=submit], button, input[type=submit]:visited, button:visited {
  	background-color: rgb(var(--color));
    border-color: rgb(var(--color));
	color: #ffffff  !important;      
}
    
.image-bg .btn.btn-filled:hover, .btn:hover, input[type=submit]:hover, button:hover, .btn:visited:hover, .image-bg .btn.btn-filled:visited:hover, .btn:visited:hover, input[type=submit]:visited:hover, button:visited:hover {
    background-color: rgba(var(--color), 0.6) !important;
    border-color: rgba(var(--color), 0.6) !important;
	color: #ffffff  !important;
}

.overlay:before {
    background: linear-gradient(rgba(var(--color), 1), rgba(var(--color), 0.3));
    opacity: 1;
}

 
    
ol {
   counter-reset: item;
 }

ol li {
   counter-increment: item;
   margin-bottom: 24px;
  font-size: 2rem;
  display: flex;
}
    
ol.list li:before {
   margin-right: 20px;
   content: counter(item);
   background-color: var(--default);
    width: 30px;
    height: 30px;
     min-width: 30px;
     min-height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
     color: #ffffff;
     border-radius: 50%;
     font-weight: bold;
     font-size: 16px;
 }
    
ol.list li:before {
   background-color: rgb(var(--color));
}
    
#highlights h3 {
  font-size: 4rem;
  margin-bottom: 60px;
}
    
#speakers h3 {
  font-size: 4rem;
  margin-bottom: 60px;
}
    
#invitation h3 {
  font-size: 4rem;
  margin-bottom: 60px;
}

h1.uppercase, h2.uppercase, h3.uppercase, h4.uppercase, h5.uppercase, h6.uppercase {
	color: rgb(var(--color)) !important;
}
    
footer, footer.bg-dark, footer.bg-light {
     background-color: rgb(var(--color));
}
    
.accordion-panel-group .panel, .accordion-panel-group .panel-default > .panel-heading, .accordion-panel-group .panel-body {
  background-color: transparent;
  color: #000000;
  border: 0;
    box-shadow: none;

}
.accordion-panel-group .panel-default > .panel-heading {
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
    border-bottom: 1px solid rgb(var(--color));
    border-radius: 0;
}
 .accordion-panel-group .panel-body {
   border: 0 !important; 
   text-align: left;
     box-shadow: none;

   padding-left: 0;
  padding-right: 0;
 }

 .accordion-panel-group .panel-body * {
   text-align: left;
 }

 .accordion-panel-group .panel-body :last-child {
   margin-bottom: 0;
 }    
    
.accordion-panel-group .panel * {
  color: initial !important;
  text-align: left;
  text-transform: initial;
}
    
.accordion-panel-group .panel-title, .accordion-panel-group .panel-title * {
  text-align: left;
  font-weight: bold;
}
    
.accordion-panel-group .panel-heading .accordion-arrow-toggle.collapsed:before, .accordion-panel-group .panel-heading .accordion-arrow-toggle:before {
  color: rgb(var(--color));
}
     
.edit_order, .edit_order .panel { 
	border: 0;
  	box-shadow: none;
}
     
   
     
.edit_order .panel-heading {
  display: none;
    	box-shadow: none;

}
     
.edit_order .panel-body {
  	border: 0 !important;
	box-shadow: none;
  	padding: 0;
}
     
.edit_order .panel-footer {
	background-color: transparent;
    box-shadow: none;
  	padding-left: 0;
  	padding-right: 0;
  	border-top: 0;
}
     
.edit_order .panel-footer input[type=submit]{
  margin-top: 20px;
  margin-bottom: 0;
  border-radius: 40px!important;
}
     
.edit_order .panel-footer a {
  display: none;
}
     
.edit_order .panel-footer .form-group {
  margin-bottom: 0;
}
     
.edit_order input:not(input[type=submit]), .edit_order select, .edit_order textarea {
  background: transparent !important;
  border: solid 1px rgb(var(--color));
    border-radius: 0;
}
     
.errorExplanation {
	background-color: #FFCCCC; 
  	color: #000000; 
  	padding: 10px 20px;
  	margin-bottom: 30px;
}
     
.errorExplanation h2 {
  margin-bottom: 10px;
  color: #000000 !important;
}
     
.edit_order input, .edit_order select {
  width: 100%;
  height: 50px;
}
    
.grid-listing {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  
}
.grid-listing .item {
  display: flex;
  width: 33.3333%;
}
    
    
.event-listing-page .thubmnail {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  background-color: navy;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
   color: #ffffff;
  z-index: 1;
}
    
.event-listing-page .thubmnail * {
  color: #ffffff;
}
    
.event-listing-page .thubmnail img {
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
    z-index: 1;
}
    
.event-listing-page .thubmnail svg {
  width: 100px;
  height: 100px;
  color: #ffffff;
    z-index: 2;
  position: relative;
}
    

    
@media (max-width: 900px) {
  nav.fixed {
    position: fixed !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  .nav-bar .module.left {
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .nav-bar.nav-open .module-group.right {
    padding: 16px 0;
    float: none;
    position: fixed;
    top: 75px;
    right: 0;
    z-index: 9999;
    background-color: white;
    width: 80%;
    height: calc(100vh - 75px);
    height: calc(100dvh - 75px);
  }
  
  .nav-bar.nav-open .module-group.right .module.left {
    align-items: flex-start;
    height: auto;
  }
    .nav-bar .module-group.right a {
      text-align: center;
    }
  
  .logo.logo-light {
    display: none;
  }
  
  .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-left: 10%;
    padding-right: 10%;
  }
  
  #top.pb120 {
    padding-bottom: 0;
  }
  
  ol.list li:before {
    margin-top: 5px;
  }
  
  #highlights .col-sm-12 {
    padding-left: 0;
    padding-right: 0;
  }
  
  
.event-listing-page #top, .event-listing-page #top.pb120  {
  padding-bottom: 20vh;
}
  #banner-video-overlay {
   margin-top: -15vh; 
  }
  .listing-col article {
     padding-left: 10%;
    padding-right: 10%;
  }
}
    
@media (max-width: 750px) {
 
	.event-listing-page #top, .event-listing-page #top.pb120  {
	  padding-bottom: 10vh;
	}
  	#banner-video-overlay {
   		margin-top: -12vh; 
  	}
  
  #banner-video-overlay .container .row {
      width: 90%;
      margin-right: auto;
      margin-left: auto;
       border-radius: 10px;
  		overflow: hidden;
    }
}
    
@media (max-width: 600px) {
  .event-listing-page .thubmnail svg {
   	width: 50px;
    height: 50px;
  }
  
      #banner-video-overlay {
        margin-top: -9vh;
    }

}