/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */

 /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
/* #hero {
  width: 100%;
  height: 100vh;
  background: url(../img/hero-bg.jpg) top center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}
#hero:before {
  content: "";
  background: rgba(6, 12, 34, 0.8);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#hero .hero-container {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 90px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0 15px;
}
@media (max-width: 991px) {
  #hero .hero-container {
    top: 70px;
  }
}
#hero h1 {
  color: #fff;
  font-family: "Raleway", sans-serif;
  font-size: 56px;
  font-weight: 600;
  text-transform: uppercase;
}
#hero h1 span {
  color: #f82249;
}
@media (max-width: 991px) {
  #hero h1 {
    font-size: 34px;
  }
}
#hero p {
  color: #ebebeb;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 991px) {
  #hero p {
    font-size: 16px;
  }
} */

/* Hero Block */
.hero-block {
	position: relative;
	@include background-size(cover);
	height: 620px;
	padding-top: 130px;
	
}

.hero-block-mask {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.hero-carousel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	.carousel-inner {
		height: 100%;
	}
	.carousel-item {
		background-color: $theme-text-color-primary;
		width: 100%;
		height: 100%;
	}
	.carousel-item-1 {
		background: url('../../Kroc23 - Copy/images/hero-1.jpg') no-repeat center center;
	}
	.carousel-item-2 {
		background: url('../../Kroc23 - Copy/images/hero-2.jpg') no-repeat center center;
	}
	.carousel-item-3 {
		background: url('../../Kroc23 - Copy/images/hero-3.jpg') no-repeat center center;
	}
}

.hero-text-block {
	color: #fff;
	max-width: 600px;
	position: relative;
	z-index: 20;
	h1.hero-heading {
		color: #fff;
		font-size: 4rem;
		font-weight: 800;
	}
	.hero-intro {
		font-size: 1.75rem;
	}
	.hero-meta {
		font-size: 1.75rem;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
	}
	
}



/* Stats Block */
.stats-block {
	.item {
		line-height: 1.3;
	}
	.number {
		font-size: 2.5rem;
		font-weight: 700;
		font-family: 'Montserrat', sans-serif;
		
	}
	.unit {
		font-size: 1.5rem;
		color: rgba(0, 0, 0, 0.6);
	}
}

/* countdown block */
.countdown-box {
	span {
		display: inline-block;
		padding: 0.5rem 0;
		min-width: 60px;
		
		& > span {
			display: block;
			padding: 0;
		}
	}
	.number {
		font-size: 2rem;
		font-weight: 400;
		color: $theme-text-color-primary;
		
	}
	.unit {
		@include opacity(0.8);
	}

}

body {
  padding-top: 54px;

}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}



mt-4, .my-4 {
    margin-top: 1.5rem !important;
    color:#369;	
}


.pageName {
    margin-top: 1rem !important;
    color:#369;	
}

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


.business-header {
  height: 50vh;
  min-height: 300px;
  background: url('../../Kroc23 - Copy/css/img src="/images/kroc23_banner.png" class="img-responsive") center center no-repeat scroll;');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.card {
  height: 100%;
}

.copyright {
    background-color: #369;
	text-align: center;
	color: #fff;
	padding: 10px;
	margin: 0 auto;
}

.copyright a {
    color: #fcef80;
}

/* navbar */
.navbar-default {
    background-color: #044c90;
    border-color: #E7E7E7;
}
/* Title */
.navbar-default .navbar-brand {
    color: #777;
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.nav-item a:active{
  color:whitesmoke;
}

.nav-link a:active {
  color:whitesmoke;
}

a {
  text-decoration: none;
}



/*--------------------------------------------------------------
# Schedule Section
--------------------------------------------------------------*/
#schedule {
  padding: 20px 0 60px 0;
}
#schedule .nav-tabs {
  text-align: center;
  margin: auto;
  display: block;
  border-bottom: 0;
  margin-bottom: 30px;
}
#schedule .nav-tabs li {
  display: inline-block;
  margin-bottom: 0;
}
#schedule .nav-tabs a {
  border: none;
  border-radius: 50px;
  font-weight: 600;
  background-color: #0e1b4d;
  color: #fff;
  padding: 10px 100px;
}
@media (max-width: 991px) {
  #schedule .nav-tabs a {
    padding: 8px 60px;
  }
}
@media (max-width: 767px) {
  #schedule .nav-tabs a {
    padding: 8px 50px;
  }
}
@media (max-width: 480px) {
  #schedule .nav-tabs a {
    padding: 8px 30px;
  }
}
#schedule .nav-tabs a.active {
  background-color: #f82249;
  color: #fff;
}
#schedule .sub-heading {
  text-align: center;
  font-size: 18px;
  font-style: italic;
  margin: 0 auto 30px auto;
}
@media (min-width: 991px) {
  #schedule .sub-heading {
    width: 75%;
  }
}
#schedule .tab-pane {
  transition: ease-in-out 0.2s;
}
#schedule .schedule-item {
  border-bottom: 1px solid #cad4f6;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: background-color ease-in-out 0.3s;
}
#schedule .schedule-item:hover {
  background-color: #fff;
}
#schedule .schedule-item time {
  padding-bottom: 5px;
  display: inline-block;
}
#schedule .schedule-item .speaker {
  /* width: 60px; */
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  float: left;
  margin: 0 10px 10px 0;
}
#schedule .schedule-item .speaker img {
  height: 100%;
  transform: translateX(-50%);
  margin-left: 50%;
  transition: all ease-in-out 0.3s;
}
#schedule .schedule-item h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
#schedule .schedule-item h4 span {
  font-style: italic;
  color: #19328e;
  font-weight: normal;
  font-size: 16px;
}
#schedule .schedule-item p {
  font-style: italic;
  color: #152b79;
  margin-bottom: 0;
}

.shadow {
  text-shadow: 2px 2px 4px #000000;
  color: #2e4672;
}