@charset "UTF-8";
/* CSS Document */

:root {
  --scc-navy: #0b1e3d;
  --scc-navy-dark: #0b1e3d;
  --scc-blue: #3ba2db;
  --scc-teal: #12bcd5;
  --scc-purple: #4653a4;
  --scc-green: #8ac642;
  --scc-yellow: #ffc20e;
  --scc-light-blue: #dff4fb;
  --scc-light-purple: #f2ebff;
  --scc-light: #f6f6f6;
  --scc-text: #0a1e3e;
 }
/* -----------------Body----------------- */

body {
 font-family: 'open-sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:16px;
}

/* -----------------footer----------------- */

.utility-nav-header { font-family: komet, open-sans, arial, sans-serif;
    font-weight: 900;margin-bottom:0}
	.utility-nav-links{color:#ffffff;text-decoration: none;font-size:12px;line-height:14px}


.footer-nav-links{color:#ffffff;text-decoration: none;font-size:12px;line-height:10px}
/* -----------------Header and Nav----------------- */


.hm-co-located{margin-top:30px}
	@media (max-width: 768px){ 
		.hm-co-located {
  			margin-top:0;
		}
}


.navbar-custom {
    background-color: #0b1e3d;
}/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color:#ffffff;
	color: rgba(255,255,255,.8);
}/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color:#ffffff;
	color: rgba(255,255,255,.5);
}/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #3ba2db;
}


/* -----------------Animate----------------- */

[data-animate] {
	visibility: hidden;
}

/*.animated {
	visibility: visible;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
}*/



/* -----------------Original Colors and backgrounds----------------- */

.white{color:#FFFFFF}
.reg-blue {color:#3ba2db}

.sub-jumbo-background {margin-top:0; margin-bottom:0;background-image: url('/https/spring.smartcitiesconnect.org/img/SC_sub_back1.jpg'); background-repeat:no-repeat; background-size:100%; background-position:bottom; padding:10px;border-radius:0}

.reg-blue-background {background-color:#3ba2db}
.pale-blue-background {background-color:#e9f0f9}
.dark-blue-background {background-color:#2677bb}



.smaller {font-size:.7rem}


/* -----------------button----------------- */



.btn-1 {
	color:#ffffff;
	/*background: rgb(0,0,50);*/
	background:#0b1e3d;
background: linear-gradient(45deg, rgba(0,0,50,1) 0%, rgba(38,169,224,1) 50%, rgba(9,9,121,1) 100%);
}


.dropdown-item.active, .dropdown-item:active {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}





/* -----------------text links ----------------- */
a {
	color: #3ba2db;
	text-underline-offset: 3px;
}
a:hover {color: #266d94;}



/* -----------------text----------------- */
p, td, ul, li {font-size:16px}

.h1, h1 {
    font-size: 1.75rem
}
.h2, h2 {
    font-size: 1.5rem;
	font-family:open-sans, sans-serif;
}
.h3, h3 {
    font-size: 1.25rem;
	font-family:open-sans, sans-serif;
    font-weight:700;
}
.h4, h4 {
    font-size: 1rem;
	font-family:open-sans, sans-serif;
}
.h5, h5 {
    font-size: 1rem;
	font-family:open-sans, sans-serif;
}
.h6, h6 {
    font-size: 1rem;
	font-family:open-sans, sans-serif;
}
@media(max-width:768px) {
  h2 { font-size:1.3em;}
}
 @media(max-width:768px) {
  h3 { font-size:1.3em;}
}

@media (max-width: 778px) {
   h4 {font-size: 15px;}
 }

 @media (min-width: 779px) {
   p.introtext {font-size: 18px;}
 }
 @media (max-width: 778px) {
   p.introtext {font-size: 15px;}
 }
 

.subpge-header {color:#FFFFFF;margin-top:10px; margin-bottom:10px;}

.footertext {font-size:12px; margin-top:15px;}



/* -----------------lists----------------- */

.list-no-indent {margin-left:0; padding-left:1em;}


/* -----------------Images----------------- */

img.TechConnect_logo {
	width: 50%;
}
@media (min-width: 768px) {
	img.TechConnect_logo {
		width: 15em;
	}
}

/* ---------------- maybe not using----------------- */

img.imageScale { max-width:100%; }
img.teamin { margin-left:10px; }


/* -----------------Div Boxes----------------- */

.jumbotron {border-radius:0}
		  
 div.callout-box {
		  text-align:left;
		  padding:20px;
		  border-color:#dbf1fb;
    	  border-radius:20px;
		  margin-bottom:20px;
		  }
		  

/* -----------------Tables----------------- */

.table-striped2>tbody>tr:nth-of-type(odd){background-color:#bce4f7} 
.table-striped3>tbody>tr:nth-of-type(odd){background-color:#feefe2}


/* -----------------Modals----------------- */
 
@media (max-width: 768px) {
	.modal {
		margin-bottom: 2.5em;
	}
}



/* -----------------Speaker Page----------------- */

div.spkbox {height:80px; padding:0} 
div.speaker {font-size:16px;line-height:1.3em}
.spkname {font-size:16px; color:#3BA2DB;font-weight:700}
.speakerimg {margin-bottom:10px; margin-top:10px;}


.biomodalspkimg {
	width: 100%;
	margin-left: 1em;
	margin-bottom: 1em;
}
@media (min-width: 768px) {
	.biomodalspkimg {
		width: 50%;
		margin-left: 1em;
		margin-bottom: 1em;
	}
}
@media (min-width: 992px) {
	.biomodalspkimg {
		width: 30%;
		margin-left: 1em;
		margin-bottom: 1em;
	}
}
@media (min-width: 1200px) {
	.biomodalspkimg {
		width: 25%;
		margin-left: 1em;
		margin-bottom: 1em;
	}
}



/* -----------------Misc----------------- */

span.profile { display:block; width:160px; margin-bottom:5px; }
span.teamname { display:block; margin:30px 10px 20px 10px;  font-size:93.75%; color:#ffffff; }
.top {margin-top:0}

.vcenter {display: inline-block;vertical-align: middle;float: none;}


/* ----------------Bart----------------- */
.form-help-text{
	color:  #777;
	font-weight: normal;
}

.call-to-action {font-family: komet, open-sans, sans-serif;font-style: italic;font-weight: 900;font-size:1.25rem}


/* -----------------REFRESH---------------- */


p, td, ul {font-family:open-sans,sans-serif}

/* -----------------footer styles---------------- */



/* -----------------Refresh Padding----------------- */

.newsection {
	padding-top: 30px;
	padding-bottom: 30px
}

/* -----------------Refresh alignment----------------- */

.align-left {
	text-align:left
}

/* -----------------Refresh color----------------- */
.background-white {
	background-color: #ffffff;
}

.background-lightgray {
	background-color: #f1f1f1
}
.background-darkblue {
	background-color: #0b1e3d
}
.background-darkblue-80 {
	background-color:#3c4b64
}
.text-darkblue {
	color: #0b1e3d
}
.white-text {
	color: #ffffff
}
.yellow {color:#ffc20e;}
.background-yellow {background-color:#ffc20e;}

.produced-by-header {margin-top:20px}
@media (max-width:767px) {
.produced-by-heading {
	margin-top:10px;
}
}

/* -----------------Refresh Links and Buttons----------------- */

a.callout:link {
	color: #ffffff;
	text-underline-offset: 3px;
}
a.callout:visited {
	color: #ffffff;
}
a.callout:hover {
	color: #0a1e3e;
	text-decoration: none
}

.btn {font-family: komet, open-sans, sans-serif;
font-weight:800}


.btn-outline {
	color: #4fbfa8;
	background-color: #ffffff;
	border-color: #4fbfa8;
	font-weight: bold;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-outline:hover, .btn-outline:active, .btn-outline:focus, .btn-outline.active {
	background: #4fbfa8;
	color: #ffffff;
	border-color: #4fbfa8;
	border-radius: 20px;
}

.btn-primary {
	background-color: #0b1e3d;
	border-color: #0b1e3d;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	background-color: #3ba2db;
	border-color: #3ba2db;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	color:#ffffff;
}

.btn-blue {
	background-color: #3ba2db;
	border-color: #3ba2db;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	color:#ffffff;
}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active {
	background-color: #dff4fb;
	border-color: #3ba2db;
	border-radius: 20px;
	color:#0b1e3d
}

.btn-purple1 {
	background-color: #4653a4;
	border-color: #4653a4;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	color:#ffffff;
}
.btn-purple1:hover, .btn-purple1:focus, .btn-purple1:active {
	background-color: #f2ebff;
	border-color: #4653a4;
	border-radius: 20px;
		color:#0b1e3d
}


.btn-darkblue {
	background-color: #0a1e3e;
	border-color: #0a1e3e;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
	color:#ffffff;
}
.btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active {
	background-color: #ffffff;
	border-color: #ffffff;
	border-radius: 20px;
		color:#0a1e3e;
}




.btn-warning {
	background-color: #FFC20E;
	border-color: #FFC20E;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
	background-color: #a78106;
	border-color: #ffffff;
	border-radius: 20px;
}

.btn-outline-light {
	padding: 10px 20px 10px 20px;
	border-radius: 20px;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
	background-color: #112c55;
	color: #ffffff;
	border-radius: 20px;
}

/* -----------------section headers and text----------------- */

.jumboheadline {
	font-family:  komet, open-sans, sans-serif;
	font-size: 3.0rem;
	font-weight: 900;
	color: #ffffff;
	line-height: 1;
	text-shadow: #102655 1px 0 10px;
	text-transform: uppercase
}

@media (max-width: 576px) {
.jumbohomeheadline {
	font-size: 1.15rem;
	line-height: 1;
}
}

@media (min-width: 768px) {
.jumbohomeheadline {
	font-size: 2.0rem;
	line-height: 1;
}
}


.sectionheader-darkblue {
	font-family: komet, open-sans, sans-serif;
	color: #0b1e3d;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: calc(1.375rem + 1.5vw);
	
	
}

@media (min-width:1200px) {
.sectionheader {
	font-size: 2.5rem
}
}
.sectionheader-white {
	font-family: komet, open-sans, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: calc(1.375rem + 1.5vw)
}


.header-line-art-on-light {text-align:center;background-image:url('/https/spring.smartcitiesconnect.org/img/23-header-line-2400px.png'); background-position: 0 20px;background-repeat:no-repeat;background-size:100%;}



	



.spacer-hero-height{ height: 325px}
	
	@media only screen and (max-width:960px) {
.spacer-hero-height {
    height: 275px
}
}
	
	@media only screen and (max-width:720px) {
.spacer-hero-height {
    height: 225px
}
}
		
	@media only screen and (max-width:540px) {
.spacer-hero-height {
    height: 175px
}
}

.contact-callout {
	font-family: open-sans, sans-serif;
 
}




/* -----------------Refresh list----------------- */

.list-multi-col {margin-bottom:0;margin-top: 0 }

/* -----------------Refresh Cards----------------- */

.card-title {
	font-family: komet, open-sans, sans-serif;
	font-size: 22px;
	font-weight: 700;
}

.card-program-tracks{
	text-align: center;
	border: 0
}

.card-header-blue {
	background-color: #0e67bc;
    color:#ffffff;
}
.card-body-blue {
	background-color: #3BA2DB;
	color: #ffffff;
}

.card-header-purple {
	background-color: #131b69;
    color:#ffffff;
}
.card-body-purple {
	background-color: #4653a4;
	color: #ffffff;
}

.card-header-teal {
	background-color: #0089b2;
    color:#ffffff;
}
.card-body-teal {
	background-color: #00BBD5;
	color: #ffffff;
}

.card-header-green {
	background-color: #4b9a11;
    color:#ffffff;
}
.card-body-green {
	background-color: #8AC642;
	color: #ffffff;
}

.card-header-yellow {
	background-color: #ff9401;
    color:#ffffff;
}
.card-body-yellow {
	background-color: #ffc20e;
	color: #ffffff;
}

.card-header-darkblue {
	background-color: #091a37;
    color:#ffffff;
}
.card-body-darkblue {
	background-color: #0a1e3e;
	color: #ffffff;
}

.card-header-black {
	background-color: #000000;
    color:#ffffff;
}
.card-body-black {
	background-color: #414042;
	color: #ffffff;
}
.card-header-orange {
	background-color: #f0570e;
    color:#ffffff;
}
.card-body-orange {
	background-color: #F26522;
	color: #ffffff;
}


/* -----------------Refresh home page----------------- */

.spk-hm-name {
	font-family: 'open-sans', sans-serif;
	font-size:16px;
	text-align: center;
	color: #202020;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 5px
}
.spk-hm-title {
	font-family: 'open-sans', sans-serif;
	font-size:14px;
	text-align: center;
	color: #202020;
	font-weight: 300;
	margin-top: 0;
}


.spk-sym-name {
	font-family: komet, open-sans, sans-serif;
	font-size:16px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 0;
	margin-top:10px;
	color: #000000;
}
.spk-sym-title {
	font-family: 'open-sans', sans-serif;
	font-size:14px;
	text-align: center;
	color: #000000;
	font-weight: 300;
	margin-top: 0;
}


.spk-sym-talk-oncolor {
	font-family:  open-sans, sans-serif;
	font-size:16px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 0;
	margin-top:10px;
}
.spk-sym-name-oncolor {
	font-family: komet, open-sans, sans-serif;
	font-size:16px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 0;
	margin-top:10px;
}
.spk-sym-title-oncolor {
	font-family: 'open-sans', sans-serif;
	font-size:14px;
	color: #ffffff;
	font-weight: 300;
	margin-top: 0;
}



.img-bio-oncolor {
	margin-right: 1em;
	width:120px;
	margin-bottom: 0.25em;
}


.spk-img{margin-bottom:10px}


/* -----------------Refresh testionials----------------- */

.testimonial-copy {
	font-family: open-sans, sans-serif;font-size: 1.25em
}
.testimonial-company {
	font-family: Komet, sans-serif;font-size: 1.5em;
	font-weight: 800;
}


/* -----------------Refresh track icons----------------- */
.track-icon-hm {
	height: 80px;
	margin: 10px
}

/* -----------------Refresh dag----------------- */
.dag-date {
    background-color:#0b1e3d;
	color:#ffffff;
}
.test-css{background-color:green;color:white}