@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap");

 /* -----------------Refresh----------------- */
.background-lightgray {background-color:#f1f1f1}

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

body {
 font-family: 'Source Sans Pro', sans-serif !important;
	font-size:16px;
}

[data-animate] {
	visibility: hidden;
}

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

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

.site-header{background-color:#fff}.site-header{z-index:5000;position:relative;-webkit-transition:all}
.primary-logo{width:195px;height:60px}
.logo-wrapper{text-align:center}
.datesgraphichdr
 {
	height:96px;
}
@media (max-width: 992px) {
  .datesgraphichdr {height:76px;}
 }

.homegraphic {
  width:200px;
  margin-left:10px; margin-bottom:10px;
	float:right;}

  @media (min-width: 768px) {
	 .homegraphic {
		 width:300px;
	  	margin-left:0; margin-bottom:10px;
		float:none; 
	  }
}

.header-date-bullet {color:#0198cf}
.header-colocated-text {font-size:12px; margin-top:15px;}

.logostyle {margin-bottom:20px;width:95%;}


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


/* -----------------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}
.dark-navyblue-background {background-color:#0b1e3d}

/* -----------------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%);
}

.button-purple { 
  color: #ffffff; 
  background-color: #4653A4; 
  border-color: #4653A4; 
} 
 
.button-purple:hover, 
.button-purple:focus, 
.button-purple:active, 
.button-purple.active, 
.open .dropdown-toggle.button-purple { 
  color: #ffffff; 
  background-color: #2E346C; 
  border-color: #4653A4; 
} 
 
.button-purple:active, 
.button-purple.active, 
.open .dropdown-toggle.button-purple { 
  background-image: none; 
} 
 
.button-purple.disabled, 
.button-purple[disabled], 
fieldset[disabled] .button-purple, 
.button-purple.disabled:hover, 
.button-purple[disabled]:hover, 
fieldset[disabled] .button-purple:hover, 
.button-purple.disabled:focus, 
.button-purple[disabled]:focus, 
fieldset[disabled] .button-purple:focus, 
.button-purple.disabled:active, 
.button-purple[disabled]:active, 
fieldset[disabled] .button-purple:active, 
.button-purple.disabled.active, 
.button-purple[disabled].active, 
fieldset[disabled] .button-purple.active { 
  background-color: #4653A4; 
  border-color: #4653A4; 
} 
 
.button-purple .badge { 
  color: #4653A4; 
  background-color: #ffffff; 
}

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



/* -----------------navbar----------------- */

.navbar-custom {
    background-color: #0b1e3d;
}/* 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;
}

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



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

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

 @media (min-width: 779px) {
   p.introtext {font-size: 18px;}
 }
 @media (max-width: 778px) {
   p.introtext {font-size: 15px;}
 }
 
  @media (max-width: 778px) {
   h4 {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;}

.membership-benefits{background-color:#FFF;padding:40px 40px 15px;color:#231f20;border-radius:5px;text-align:center}@media screen and (max-width:1150px){.membership-benefits{padding:20px 20px 10px}}@media only screen and (max-width:550px){.membership-benefits{padding:10px 10px 0}}.membership-benefits h3{padding-bottom:20px;font-size:24px;text-transform:initial}@media only screen and (max-width:550px){.membership-benefits h3{font-size:18px;padding-bottom:5px}.membership-benefits ul{margin-left:5px}}.membership-benefits ul li{list-style:none;text-align:left;font-family:futura-pt,Helvetica,Roboto,Arial,sans-serif;font-weight:400;padding-bottom:15px;font-size:18px;line-height:24px;padding-left:50px;min-height:50px;background:url(/public/img/check.png)no-repeat}.svg .membership-benefits ul li{background-image:url(/public/img/check.svg)}@media only screen and (max-width:550px){.membership-benefits ul li{font-size:16px;line-height:20px}}



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

img.TechConnect_logo {
	width: 50%;
}
@media (min-width: 768px) {
	img.TechConnect_logo {
		width: 15em;
	}
}
img.imageScale { max-width:100%; }
img.teamin { margin-left:10px; }




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

.jumbotron {border-radius:0px}

div.SSCCHomeHeaderElements {
	text-align:left;
}
@media (max-width: 992px) {
  div.SSCCHomeHeaderElements {text-align:center}
 }

div.hmbox-challenge {
		  text-align:left;
		  padding:20px;
		  border-color:#e9f0f9;
		  background-color:#e9f0f9;
    	  border-radius:20px;
		  margin-bottom:20px;
		  }

div.box-colocated {
		  text-align:center;
		  padding:20px;
		  width:250px;
		  border-color:#FFFFFF;
		  background-color:#FFFFFF;
    	  border-radius:20px;
		  margin-bottom:20px;
		  }
		  
 div.callout-box {
		  text-align:left;
		  padding:20px;
		  border-color:#dbf1fb;
    	  border-radius:20px;
		  margin-bottom:20px;
		  }
		  
 @media (min-width: 779px) {
   div.challengeimg1 {width:50%;float:left;margin:0;padding:0}
 }
 @media (max-width: 778px) {
   div.challengeimg1 {width:100%;float:none;margin:0;padding:0}
 }	 
  @media (min-width: 779px) {
   div.challengeimg2 {width:50%; float:right;margin:0;padding:0}
 }
 @media (max-width: 778px) {
   div.challengeimg2 {width:100%;margin:0;padding:0}
 }


/* -----------------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;
	}
}



/* -----------------DAG----------------- */

.dag-date {background-color:#FFF; color:#3ba2db;}
.track {font-size:18px; font-weight:bolder;}
.imgcol {border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; border-right-width:1px;}	
.imgcol2 {border-right:1px; border-right-color:#000000; border-right-style:solid; border-right-width:1px;}		
.trackimg {width:223px;margin:0;}
.trackimg2 {width:185px;margin:0;}
.trackimg3 {width:158px;margin:0;}
.trackimg4 {width:170px;margin:0;}
.usibadge {background-color:#FCAC3E; font-size:8px;}
.SCCbadge {background-color:#3ba2db; font-size:8px;}
.time {background-color:#2677bb; color:#FFF;font-weight:bold; vertical-align:top}	
.dag1 {background-color:#ffffff;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}
.dag2 {background-color:#f4f4f4;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}
.dag3 {background-color:#e4e4e4;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}
.dag4 {background-color:#d4d4d4;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}
.dagusi {background-color: #FCAC3E;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}
.dag5 {background-color:#c4c4c4;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}
.dag6 {background-color:#b4b4b4;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}
.dag7 {background-color: #999999;border-right:1px; border-right-color:#FFFFFF; border-right-style:solid; 
               border-right-width:1px; vertical-align:top}

.dag-img-col {padding:0;margin:0}
.dagcontent {font-size:12px; line-height:1.2em; padding:4px}
.dagheader {padding:4px}
.dagheader {font-size:16px; font-weight:bold}


/* -----------------Sponsors----------------- */

.bronzelgobox {height:80px; vertical-align:middle; align-content:center}
.sponsorlogovspace {margin-top:5px; margin-bottom:5px}



/* -----------------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;
}



/* -----------------Dag----------------- */

body {
 font-family: 'Source Sans Pro', sans-serif !important;
 font-size: 16px;
}