/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */
body {
  padding-top: 56px;
  background: #fff;
}

* { font-family: 'Oswald', sans-serif; font-size: 1.1rem; font-weight: 200; }

a { color: #ff661f;  }
a:hover { color: #303030;  }

.navbar { background: #ff661f !important; border-bottom: 2px solid #ffa423; }
#logo { height: 60px; }
.navbar a { color: rgba(255,255,255,1) !important; font-weight: 400; }
.navbar a:hover { color: #000!important; }

.dropdown-menu { background: #ff661f; border-radius: 0; border: 1px solid #ff661f; }
.dropdown-menu a { display: block; padding: 3px 5px; border-bottom: 1px solid #ffa423; }
.dropdown-menu a:hover { text-decoration: none; }
.dropdown-toggle:focus { -webkit-appearance: none; outline-color:transparent !important; }

.covid { padding: 15px; background: #d0f6fa; border: 1px solid #333; }

.stripes { background: url(../img/stripes.png) 50% 50% no-repeat; height: 60px; width: 100%; margin: 0; padding: 0; }

#partners { background: #f3f3f4; padding: 70px 0; }

button { background: #ff661f; color: #fff; text-transform: uppercase; border: 3px solid #ffa423; }
button a { color: #fff !important; font-weight: 400; }
/* button:hover { background: #ffa423; border: 3px solid #ff661f; } */
button:hover a { color: #000 !important; }

header { background: #333 url(../img/home-hero22C.jpg) 50% 50% no-repeat; background-size: cover;  height: 74vh; margin: 0 !important; }

header h1 { color: #fff; font-weight: 400 !important; font-size: 3rem; text-shadow: 0 0 5px #000; }
header h2 { color: #fff; font-weight: 200; font-size: 1.5rem; text-shadow: 0 0 5px #000; }
header h2 span { font-style: italic; display: block; font-size: 1.5rem;  }
#badge { width: 200px; padding: 10px 0 50px; }

#intro .progtitle h5 { margin: 5px 0 20px 0; }
.progtitle img { width: 100%; margin: 0; }

figcaption.special { color: #fff; margin-top: -20px; font-size: 10px; padding-right: 10px; text-align: right; }


.buttonbar { background: #ff661f; padding: 20px 0; }
.buttonbar button { background: #303030; color: #fff; text-transform: uppercase; border: 3px solid #ffa423; margin: 0 20px; }
.buttonbar button a { color: #fff !important; }
.buttonbar button:hover { background: #ffa423; border: 3px solid #303030; }
.buttonbar button:hover a { color: #000 !important; }
.buttonbar button span { font-weight: 400; font-size: 1rem; }


.donatebar { background: #e3e3e4; padding: 20px 0; }

.metalbar { background: #ff661f url(../img/steelplate.jpg) 50% 50% no-repeat; background-size: cover; padding: 30px 0; }
.metalbar button { background: #ffa423; color: #fff; text-transform: uppercase; border: 3px solid #ff661f; margin: 20px; width: 300px; clear: both; }
.metalbar button a { color: #fff !important; }
.metalbar button:hover { background: #ff661f; border: 3px solid #303030; }
.metalbar button:hover a { color: #fff !important; }

#notalone { background: #eee url(../img/home-help.jpg) 50% 50% no-repeat; background-size: cover; padding-bottom: 100px; }
#notalone .overlay { background: rgba(0,0,0,0.2); padding: 25px 0; color: #fff; font-weight: 200; }
#notalone span { background: #ffa423; font-weight: 400; padding: 0 3px; }
#notalone h3 { font-size: 3rem; color: #fff; font-weight: 700; margin-top: 200px; }
#notalone h4 { color: #fff; font-size: 2.5rem; font-weight: 400; font-style: italic; }
.caption { font-size: 10px; font-style: italic; color: #fff; margin-top: 30px; font-family: helvetica,arial, sans-serif;  }
figcaption { font-size: 10px; font-style: italic; color: #000; margin-top: 10px; font-family: helvetica,arial, sans-serif;  }

#stats { background: #ffa423 url(../img/badge-bkg.svg) 100% 50% no-repeat; background-size: 700px; padding: 50px 0; }
#stats p { color: #fff; font-weight: 400; font-style: normal; font-size: 1.2rem; }
#stats .toptext { font-size: 1.8rem; color: #000;   }

#intro { padding: 50px 0 20px; }
#intro h3 { text-transform: uppercase; color: #ff661f; font-weight: 200; font-size: 2rem; margin: 20px 0; }
#intro p { font-weight: 200; font-size: 1.2rem; }
#into p strong { font-weight: 400; }
#intro h4 { color: #ff661f; font-weight: 200; font-size: 2rem; margin: 20px 0; font-style: italic; }
#intro h5 { color: #ff661f; font-weight: 200; margin: 20px 0 0 0; }


.navbar-toggler, .navbar-toggler:hover { background: #ffa423; border: none; }
.navbar-toggler:hover { color: #fff; }

h2 { color: #303030; border-bottom: 3px solid #303030; padding-bottom: 1rem; }

#pad { height: 100px; }

#advisory { background: #ffa423 url(../img/badge-bkg.svg) 100% 50% no-repeat; background-size: 700px; padding: 50px 0; }
#advisory .container { padding-top: 100px; }

#community img { width: 100%; margin: 10px 0; background: #fff;  }
#community { background: #eee; padding: 50px 0; }
#community .container { padding-top: 100px; }

.partnerlogos img { width: 100%; }

#mission { padding: 100px 0; }

.intro p { font-size: 1.4rem; }
.intro { border: 1px solid #eee; padding: 10px 10px 30px 10px; margin-bottom: 30px; }

.topline { font-size: 1.4rem; margin-bottom: 40px;  }

#about img { width: 100%; border: 3px solid #ffa423; margin: 0 0 15px 0; }
#about h3 { font-size: 1.3rem; }
#about h4 { font-size: 1.1rem; }
.staff { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px; }


#icon-facebook,
#icon-twitter,
#icon-instagram,
#icon-linkedin { width: 32px; height: 32px; margin: 0 15px 15px 0; display: block; float: left;  }

#icon-facebook { background: url(../img/icon-facebook.svg) 50% 50% no-repeat; background-size: 32px; }
#icon-twitter { background: url(../img/icon-twitter.svg) 50% 50% no-repeat; background-size: 32px; }
#icon-linkedin { background: url(../img/icon-linkedin.svg) 50% 50% no-repeat; background-size: 32px; }
#icon-instagram { background: url(../img/icon-instagram.svg) 50% 50% no-repeat; background-size: 32px; }

#icon-facebook:hover,
#icon-twitter:hover,
#icon-instagram:hover,
#icon-linkedin:hover { filter: brightness(0.6) sepia(1) hue-rotate(6deg) saturate(5); }

#linktwitter, #linkfacebook, #linkyoutube, #linkflickr, #linkgoogle {
background: #aaa;
}

#linktwitter:hover, #linkfacebook:hover, #linkyoutube:hover, #linkflickr:hover, #linkgoogle:hover {
background: #2e3192;
}

#providers { background: #fefefe; padding-top: 100px !important; }
#firedepartments { background: #eee; padding-top: 100px !important;  }

#families { background: #ffa423 url(../img/background-family.jpg) 100% 50% no-repeat; background-size: cover; padding: 50px 0; padding-top: 100px !important;  }
#families h2 { color: #fff; border-bottom: 3px solid #fff; }

#families button { background: #303030; color: #fff; text-transform: uppercase; border: 3px solid #ff661f; margin: 0 20px; }
#families button a { color: #fff !important; }
#families button:hover { background: #ff661f; border: 3px solid #303030; }
#families button:hover a { color: #000 !important; }
#families button span { font-weight: 400; font-size: 1rem; }

#services { background: #fefefe; padding-top: 100px !important; }
#support { background: #eee url(../img/police-bike-back.jpg) 0% 100% no-repeat; padding-top: 100px !important;  }
#education { background: #ffa423 url(../img/background-family.jpg) 100% 50% no-repeat; background-size: cover; padding: 50px 0; padding-top: 100px !important;  }
#education h2 { color: #fff; border-bottom: 3px solid #fff; }

#contactus { background: #eee; padding-top: 100px !important;  }
#components h3 { text-transform: uppercase; color: #ff661f; font-weight: 200; font-size: 2rem; margin: 20px 0; }
#components { background: #eee; }

label { display: none; }
form { border: 1px solid #ddd; padding: 15px; margin 20px 0; }
input, textarea { display: block; margin: 0 0 1rem 0; width: 100%;padding: 10px; }
textarea { height: 150px; }
#submit { background: #303030; color: #fff; text-transform: uppercase; border: 3px solid #ff661f; }
#submit:hover { background: #ff661f; border: 3px solid #303030; }
.req { display: none; }

#slider { background: #f6f6f6; padding: 2rem 20%;  }
#carouselExampleControls { background: #f3f3f3; height: 300px; padding: 2rem 6rem; border: 5px solid #fff; }
#carouselExampleControls blockquote { font-size: 1.4rem; }
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffa423' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffa423' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}

#slideout {
  position: fixed;
  top: 140px;
  padding: 15px 15px 15px 30px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #ff661f;
  z-index: 900;
}
#slideout img { width: 60px; }
#slideout_inner {
  position: fixed;
  top: 140px;
  left: -250px;
			width: 250px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #ffa423;
  border: 2px solid #ff661f;
}
#slideout:hover {
  left: 250px;
}
#slideout:hover #slideout_inner {
  left: 0;
}
#slideout form { border: none; }


#slideout2 {
  position: fixed;
  top: 220px;
  padding: 15px 15px 15px 30px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #000;
  color: #ff661f;
  z-index: 990;
}
#slideout2 img { width: 60px; }
#slideout_inner2 {
  position: fixed;
  top: 220px;
  left: -250px;
			width: 250px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #ffa423;
  border: 2px solid #ff661f;
}
#slideout2:hover {
  left: 250px;
}
#slideout2:hover #slideout_inner2 {
  left: 0;
}



#appstore, #googlestore { padding-left: 0; padding-right: 0; }
#appstore img, #googlestore img { margin: 4px 0; }
.card-footer { padding: .5rem 0; }
.card .btn { background: #ffa423; color: #fff; text-transform: uppercase; border: 3px solid #ff661f; margin: 0 20px; }
.card .btn a { color: #fff !important; }
.card .btn:hover { background: #ff661f; border: 3px solid #303030; }
.card .btn:hover a { color: #fff !important; }
#schedule { background: #666; color: #999; text-transform: uppercase; border: 3px solid #333; margin: 0 20px; }
#schedule:hover { cursor:default; }
.card p img { width: 120px; height: 120px; }


@media (min-width: 1400px) {}


@media (max-width: 1200px) {}

@media (max-width: 991px) {}

@media (max-width: 768px) { 
	.buttonbar button { margin: 5px 2px; font-size: 0.8rem !important; }
	.buttonbar button span { display: none; }
	.buttonbar button a { padding: 5px; font-size: 0.8rem !important; }
	.metalbar button { margin: 5px 2px; font-size: 0.8rem !important; }
	.metalbar button a { padding: 5px; font-size: 0.8rem !important; }
	#partners .col-md-3 img { margin-bottom: 20px;}
	
	#about img { width: 200px; float: left; margin-right: 20px; }
	
	#slideout img { width: 30px; }
	#slideout { padding: 5px 5px 10px 15px; }
	
	#slider { background: #f6f6f6; padding: 20px;  }
	#carouselExampleControls { height: 400px; padding: 2rem; border: 5px solid #fff; }
	#carouselExampleControls blockquote { font-size: 1.2rem; }
	}

@media (max-width: 575px) {
    header {  height: 40vh; }
    header h1 { color: #fff; font-weight: 400 !important; font-size: 2rem; margin-top: 50px; }
	header h2 { color: #fff; font-weight: 200; font-size: 1rem; }
	header h2 span { font-style: italic; display: block; font-size: 1rem;  }
	#badge { display: none; }
	#intro { padding: 0px; }
	#intro h4 { font-size: 1.2rem; }
	
	#notalone h3 { font-size: 2rem; color: #fff; font-weight: 700; margin-top: 50px; }
	#notalone h4 { color: #fff; font-size: 1.5rem; font-weight: 400; font-style: italic; }
	#notalone { padding-bottom: 10px; }
	#stats p, #stats p.toptext { font-size: 1rem; }

}




.speakers .card-footer { padding: .5rem 0; }
.speakers .card .btn { background: #fff; color: #303030; text-transform: none; border: 0; margin: 0; }
.speakers .card .btn a { color: #fff !important; }
.speakers .card .btn:hover { background: #ff661f; color: #fff; }
.speakers .card .btn:hover a { color: #fff !important; }
.speakers .card-header {
padding: .25rem;
margin-bottom: 0;
background-color: #fff;
border-bottom: none;
}