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


/* New Komet and Open Sans Fonts */
 @import url("https://use.typekit.net/zzp7ayq.css");

 



/* -----------------Header and Nav----------------- */





.navbar-custom {
    background-color: #404040;
}/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(255,255,255,.8);
}/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    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('/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}

.blue-dtc{color:#3ba2db}
.background-medgray-dtc {background-color:#808080}





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

.btn-primary{color:#fff;background-color:#3ba2db;border-color:#3ba2db}

.btn-1 {
	color:#ffffff;
	/*background: rgb(0,0,50);*/
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;}
a:hover {color: #266d94;}



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

body  {font-size:16px}

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

h2.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}
.speakerimg {margin-bottom:10px; margin-top:10px;}
.biomodalspkimg {
	width: 50%;
	margin-left: 1em;
	margin-bottom: 1em;
}
.biomodalspkimg {
	width: 100%;
	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;
}



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



/* -----------------Body Refresh----------------- */

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

p, td, ul {
	font-family: open-sans, Helvetica Neue, Helvetica, Arial, sans-serif !important;
}



/* -----------------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-black {
	background-color: #000000;
}

.background-blue {
	background-color: #0092D0
}

.text-blue {
	color: #0092D0
}
.text-white {color:#ffffff}


.background-darkblue {
	background-color: #0b1e3d
}
.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;
}
}
.background-medgray-dtc {background-color:#808080 }
.background-darkgray-dtc {background-color:#404040 }
.background-darkgray2-dtc {background-color:#333333 }
.background-darkgray-space-mosa {background-color:#22262a }

.space-mosa-graybar{background-color:#22262a}
/* -----------------Refresh Links and Buttons----------------- */

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

.btn {font-family:  komet, open-sans, sans-serif;
font-weight:800;text-transform: uppercase;
border-radius: 20px;
	padding: 10px;
	padding: 10px 20px 10px 20px;}


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

.btn-primary {
	background-color: #0092D0;
	border-color: #0092D0;
	border-radius: 20px;
	padding: 10px;
	padding: 10px 20px 10px 20px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #0071ac;
	border-color: #ffffff;
	border-radius: 20px;
}


.btn-danger {
	border-radius: 20px;
	padding: 10px;
	padding: 10px 20px 10px 20px;
}
.btn-danger:hover, .btn-primary:focus, .btn-primary:active {
	border-radius: 20px;
}


.btn-secondary {
	background-color: #404040;
	border-color: #404040;
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
	background-color: #575757;
	border-color: #ffffff;
	border-radius: 20px;
}


.btn-light {	
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
	background-color: #f1f1f1;
	border-color: #0092D0;
	border-radius: 20px;
}



.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 {
	border-radius: 20px;
	padding: 10px 20px 10px 20px;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
	background-color: #0092D0;
	color: #ffffff;
	border-radius: 20px;
}

/* ----------------- refresh section page headers----------------- */


.hm-date{margin-top:30px}

	@media (max-width: 1200px){ 
		.hm-date{
  			margin-top:25px;
		}
}
	@media (max-width: 992px){ 
		.hm-date{
  			margin-top:20px;
		}
}

@media (max-width: 768px){ 
		.hm-date{
  			margin-top:0;
			margin-bottom:20px;
		}
}

.home-hdr-tc-ati{margin-top:10px;
margin-bottom:10px;}

	@media (max-width: 1200px){ 
		.home-hdr-tc-ati{
  			margin-top:10px;
		}
}
	@media (max-width: 992px){ 
		.home-hdr-tc-ati{
  			margin-top:10px;
			margin-bottom:10px;
		}
}

	@media (max-width: 768px){ 
		.home-hdr-tc-ati{
  			margin-top:10px;
			margin-bottom:10px;
		}
}

.container-top-border-gray {
    border-top: solid 1px #58595b;
}

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

.jumboheadline {
	font-family:  komet, open-sans, sans-serif !important;
	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;
}
}

h1 {font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	
}


.h2 {font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	
}

.h3, h3 {
    font-family: open-sans, sans-serif;
	font-size: 1.25rem;
    font-weight:900;
}

@media(max-width:768px) {
  h3 { font-size:1.3em;}
}

.sectionheader {
	font-family: komet, open-sans, sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	line-height: 1em;
}


.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);
	line-height: 1em;
}


.sectionheader-black {
	font-family: komet, open-sans, sans-serif;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: calc(1.375rem + 1.5vw);
	line-height: 1em;
}


@media (min-width:1200px) {
.sectionheader {
	font-size: 2.5rem;
	line-height: 1em;
}
}
.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);
	line-height: 1em;
}


.sectionheader-white-sub {
	font-family: komet, open-sans, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 900;
	font-size: calc(1.25rem + 1.25vw);
	line-height: 1em;
		
}

.small {font-size:.8rem}
.smaller {font-size:.7rem}



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

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

.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-blue-dtc {
	background-color: #007fc5;
    color:#ffffff;
}
.card-body-blue-dtc {
	background-color: #0092D0;
	color: #ffffff;
}

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


.card-header-green-dtc {
	background-color: #453e10;
    color:#ffffff;
}
.card-body-green-dtc {
	background-color: #666600;
	color: #ffffff;
}

.card-header-yellow-dtc {
	background-color: #fa9828;
    color:#ffffff;
}
.card-body-yellow-dtc {
	background-color: #FCB340;
	color: #ffffff;
}
.card-header-darkgray-dtc {
	background-color: #404040;
    color:#ffffff;
}
.card-body-darkgray-dtc {
	background-color: #4a4a4a;
	color: #ffffff;
}
.card-body-darkgray2-dtc {
	background-color: #333333;
	color: #ffffff;
}



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

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

.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;
}
.testimonial-box {
	background-color:#ffffff;
	padding:20px;
	border:0;
	border-radius:0;
}


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

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

h2 {font-family: komet, open-sans, sans-serif;}
/* -----------------footer styles---------------- */

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