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

@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');
@import url("https://use.typekit.net/hkj5cxh.css");
@import url("https://use.typekit.net/izi3xtc.css");


:root {
    --blue: #007bff;
    --red: #c42026;
    --orange: #ff6633;
    --white: #fff;
    --primary: #0092d0;
    --danger: #c42026;
  
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, open-sans, 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: 'open-sans', Arial, Helvetica, sans-serif;
  font-size: .95rem;
}



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

/* MOSA STYLES */


/* PAGE HEADER STYLES */

.header-date{font-size:1.5;font-weight:700;text-align:right;margin-top:20px}
	@media (max-width: 575.98px) { 
	.header-date {;text-align:left;margin-top:0}
	}
	
.header-logo{width:100%;margin-top:20px;margin-bottom:20px}
	@media (max-width: 575.98px) { 
	.header-logo {margin-bottom:10px}
	}



.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:5px}
	@media (max-width: 768px){ 
		.hm-co-located2 {
  			margin-top:0;
		}
}

.hm-co-located2-home {margin: 10px 0 10px 0}
	

/* BOXES */

	.topicbox{
		background-color: rgba(91,144,161, 0.1);
		border-radius:10px;
	border:solid 1px #5b90a1;
	padding:20px
	}

.graybox {background-color:#22262a;}


/* BUTTONS */

.btn-mosa-yellow {
  color: #fff;
  background-color: #fdc20f;
  border-color: #fdc20f;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-radius: 0;
}

.btn-mosa-yellow:hover,
.btn-mosa-yellow:active,
.btn-mosa-yellow:focus,
.btn-mosa-yellow.active {
  /* let's darken #004E64 a bit for hover effect */
  background: #5b90a1;
  color: #ffffff;
  border-color: #5b90a1;
}

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



/* COLORS */

	.yellow-background {background-color:#fdc20f;}
	.darkgray-background {background-color:#22262a;}
	.teal-background {background-color:#5b90a1;}
	.teal{color:#5b90a1}
	.yellow {color:#fdc20f}
	.yellow-kallisto {color:#fdc20f;font-family:'komet', open-sans, Arial, sans-serif;}

	.small {font-size:.8em}



/* JUMBOTRON */

.jumbotron {
  border-radius: 0;
}

.sub-jumbo-text {font-size:2rem;line-height:1.1;font-weight:700;color:#ffffff}



/* SPEAKERS */

	.speaker-name {text-align:center;text-transform: uppercase;font-weight:700;margin-bottom:0;margin-top:10px}
	
	.speaker-title {text-align:center;margin-top:0;font-size:.8em}



/* SPONSORS */

	.sponsor-logo { margin:10px}



/* SECTIONS */

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


/* TEXT */
.text-small {font-size: small;}
.text-smaller {font-size: smaller;}

.card-header-black {
	font-size:1.15rem;
	font-family: komet, open-sans, Arial, sans-serif;
	font-weight:800;
}

.card-header-yellow {
	font-size:1.15rem;
	font-family:komet, open-sans, Arial, sans-serif;
	font-weight:800;
	color:#fdc20f
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   font-family: open-sans, Arial, Helvetica, sans-serif;
  margin-bottom: .5rem;
  line-height: 1.2;
   font-weight:700
     
}
.h1, h1 {
  font-size: 2rem;
	margin-top:30px
}
.kallisto-yellow{ font-family: komet, open-sans, Arial, sans-serif;color:#fdc20f;}

.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
}


/* Z-MISC */

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




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








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

/* MARGINS & ALIGNMENT */

.top {margin-top: 0;}
.bot {margin-bottom: 0;}
.center {text-align:center}




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



/* .......................................... */
/* 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'); 
            }
        }
	
		
#hmbackSGLC { 
	  background-image: url('/World2017/img/TCW2016_SGLC_jumbotronback50.jpg');
	  
    }
	@media only screen and (min-width: 480px) {
            #hmbackSGLC { 
                background-image: url('/World2017/img/TCW2016_SGLC_jumbotronback75b.jpg'); 
            }
}
			
	@media only screen and (min-width: 650px) {
            #hmbackSGLC { 
                background-image: url('/World2017/img/TCW2016_SGLC_jumbotronback75.jpg'); 
            }
}
			
    @media only screen and (min-width: 988px) {
            #hmbackSGLC { 
                background-image: url('/World2017/img/TCW2016_SGLC_jumbotronback.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;
}

.sponsor-logo {margin:10px}
.footer-sponsor-col-border{border-right:solid 1px #cccccc}
@media (max-width: 768px) {
	.footer-sponsor-col-border{border-right:0;border-bottom:solid 1px #cccccc}
}

			
/* .......................................... */			
/* HOMEPAGE STYLES */	
			
	.hm-jumbo-back {
		background-image: url('/World2023/img/hm-2021-jumbo1.jpg');
		background-position: center center;
  		background-repeat: repeat;
		background-size:cover;
		}
	.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: open-sans, 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-size: 40px;
		font-weight: bold;
		line-height: .6em;
		font-stretch: condensed
		}
	.numbertext {
		font-family: open-sans, '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;
}