@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
    --blue: #007bff;
    --red: #c42026;
    --orange: #ff6633;
    --white: #fff;
    --primary: #0092d0;
    --danger: #c42026;
  
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Roboto", Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}



html, body, p, ul, ol, td {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
 font-size: .95rem;
}
.navbar-glyph {
	display: none;
}

/* .......................................... */

/* MASTHEAD GRAPHIC STYLES */


.fill-horizontal {
	width: 100%;
}

img.sponsor_logos_grid {
	width: 100%;
}

/* Fix SVG images for Internet Explorer 10+
   https://gist.github.com/larrybotha/7881691 */
/* IE 10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%;
  }
}


@media (min-width: 540px) {
	.headerspacer {
		margin-top:40px;
	}
}
		
		
@media (max-width: 1010px) {
	
	.headerspacer {
		margin-top:0;
	}
} 



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


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

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

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


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



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

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

.hm-date-sbir {margin-top:40px}

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

.hm-date-nt {margin-top:15px}

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

.hm-ntheader-logo {
	margin-top:20px;
}



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


/* .......................................... */

/* GENERAL STYLES */


.jumbotron {
  
  border-radius: 0;
}



/* .......................................... */

/* MARGINS & ALIGNMENT */

.top {margin-top: 0;}
.bot {margin-bottom: 0;}
.center {text-align:center}
.newsection {padding-top:30px;padding-bottom:30px}
.newsectionheader{margin-top:0}



/* .......................................... */

/* LISTS */
.list-bodylist {padding-left: 1.25em;}


/* .......................................... */

/* TEXT */
.text-small {font-size: small;}
.text-smaller {font-size: smaller;}
.text-x-small {font-size: x-small;}
.text-larger {font-size: larger;}
.text-x-large {font-size: x-large;}			
.montserrat {font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight:300;color:#0092D0;font-size:36px;
}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: 'Roboto', Arial, Helvetica, sans-serif;
  margin-bottom: .5rem;
  line-height: 1.2
     
}
.h1, h1 {
  font-size: 2rem;
	margin-top:30px
}
.h2, h2 {
  font-size: 1.75rem;
}
.h3, h3 {
  font-size: 1.5rem
}
.h4, h4 {
  font-size: 1.25rem
}
.h5, h5 {
  font-size: 1rem
}
.h6, h6 {
  font-size: .75rem
}

.boldest {
	font-weight:900
}

.testimonial-text{
	margin-bottom:0;
	margin-top:30px;
	text-align:center;
	font-style:italic;
}
.testimonial-company {
	margin-bottom:0;
	margin-top:10px;
	text-align:center;
	font-size:30px;
	line-height:1em;
	font-stretch:condensed;
	font-weight:900;		
}

/* .......................................... */
/* LINKS */

a.orange:link {color:#FF6633; text-decoration:none;}
a.orange:visited {color:#FF6633; text-decoration:none;}
a.orange:active {color:#545454; text-decoration:none;}
a.orange:hover {text-decoration: underline;color:#FF6633;}

a.white:link {color:#FFF; text-decoration:none;}
a.white:visited {color:#FFF; text-decoration:none;}
a.white:active {color:#DDDDDD; text-decoration:none;}
a.white:hover {text-decoration: underline;color:#FFF;}

/* .......................................... */
/* COLORS */
.red {color: #c42026;}
.blue {color: #0092d0;}
.orange {color: #FF6C3B;}
.white {color:#ffffff}
.black-back {background-color:#000000}



/* .......................................... */
/* SPEAKER BIO PAGE STYLES*/

.spkname
	{ font-size:14px; line-height:1.2em; margin-top:10px; margin-bottom:0; font-weight:bold }
.spktext
	{ font-size:12px; margin-top:5px;line-height:1.2em; }
.spkimg
	{ margin-bottom:0;width:100%; }

.img-bio {
	vertical-align: top;
	float:left;
	margin-right: 1em;
	width:88px;
	margin-bottom: 0.25em;
}

.img-bio-oncolor {
	vertical-align: top;
	margin-right: 1em;
	width:88px;
	margin-bottom: 0.25em;
}



/* .......................................... */
/* PROGRAM & SYMPOSIA STYLES */

.symposium-image img {
	width: 100%;
}
.journal img {
	float: right;
	margin-left: 1em;
	border: 1px solid #AAA;
}
.journal h3:first-of-type {
	margin-top: 0;
}
img.journal-sidebar {
	border: 1px solid #AAA;
}
/* FORMS */
.form-help-text {
	color:  #777;
	font-weight: normal;
}
.minheightspkrow {
		min-height:75px;
}




/* .......................................... */
/* SITE BANNER IMAGES */

#hmback2 { 
	  background-image: url('/World2017/img/TCW2016_Comp2_jumbotronback50.jpg');
	  
    }
    @media only screen and (min-width: 600px) {
            #hmback2 { 
                background-image: url('/World2017/img/TCW2016_Comp2_jumbotronback75.jpg'); 
            }
        }
	
		
		
 h1.hdjumbohome1 { 
	 text-align: left; font-size: 16px; 
		}
 .rwd-line-jumbohome1 { 
	 display: block; 
		}
		
@media screen and (min-width: 600px){
         .rwd-line-jumbohome1 { 
			 display: inline;
	}
		}
    
		


/* These (media query) styles turn on for certain screen sizes */
@media (min-width: 768px) {
	#jointly {
		font-size: x-small;
	}
	h1 {
		margin-top: 0;
	} 
}


@media (min-width: 992px) {
	/* Display navbar glyphs on medium (and up) screens */
	.navbar-glyph {
		display: inline;
	}
}

	a.btn-primary:link, a.btn-secondary:link, a.btn-success:link, a.btn-danger:link, a.btn-info:link, a.btn-dark:link {
	color: white;
}
			
/* .......................................... */			
/* HOMEPAGE STYLES */	
			
	.jumbo-callout-hdr {
		font-weight:700;
		font-size:1.25em;
		margin-top:0;
		margin-bottom:5px;
		}
	.callouttext{
		margin:5px;
		font-weight:700;
	}
	.hm-callout-hr {
		border-style: solid;
		border-color: white;
		border-width: thin;
		margin:5px;
		border-bottom:0
			}
	.hm-tagline{
		font-weight: 700;
		font-size:36px;
		color:#fff;
			}
		
	.numberhdr {
		font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 40px;
		font-weight: bold;
		line-height: .6em;
		font-stretch: condensed
		}
	.numbertext {
		font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-weight: bold;
		line-height: .2em;
		font-stretch: condensed
		}

.home-spk-affil {font-size:90%}

	.spktextbox {
		height: 95px;
	}
	.speakers img {
		width: 100%;
		margin-bottom: 5px;
	}

	@media (min-width: 1200px) {
		.speakers>div {
		width: 104%;
	}
	}
	.speakers>div>div {
		width: 25%;
	}
	
/* .......................................... */			
/* COLORS */

/* 

Bootstrap 5 compiled with scss/_variables.scss:

$blue:    #0092d0 !default;
$min-contrast-ratio:   3 !default;

*/

mark {
	background-color: rgba(255, 255, 0, .5);
}

/* Sector glyphs in right-hand column */
.glyph_25 {
	font-size: 22px;
	color: #545454;
}

a {
	color: #007dbb;
}

/* .......................................... */			
/* FOOTER STYLES */
.footergrayflex {
    background-color: #404040;
    padding: 30px;
}

/* footer nav */
#footer_nav a.active {
	font-weight: bold;
}
@media (min-width: 992px) {
	/* pull footer copyright to the right for larger displays */
	#footer_copy {
		text-align: right;
	}
}
#disclaimer {
	color: #777;
}
#disclaimer:hover {
	color: #0092d0;
}
#jointly {
	color: #777;
	font-size: small;
}
#TC_footer_logo {
	margin-top: 0.25em;
}

.footergrayflex {
    background-color: #404040;
    padding: 30px;
}

h1.prog {
	margin-top: 0.5em;
	font-weight: 300;
	font-family:komet;
	font-weight:900;
}