/* Title:     IAGLR 2023 Master Styles */
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
  margin: 0; 
  background-color: #fff /* #005aab; #73aadb;  #f8f3f2; */
}


/* MIGHT NEED THIS
#footer { grid-row-start: 2; grid-row-end: 3; }
. { min-height: 25em; }
*/

html, body {font-family: 'Roboto', sans-serif; }
h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif;}
#hero h1, #main h1 {font-weight: 900; font-size: 4rem; line-height: 4rem;}
#main h2 {font-weight: 900; font-size: 2rem; line-height: 3rem;}


#navblock {background-color: #005aab;   / *#a0c4ea; black #231f20; */ 
  font-weight: 700; font-size: .9rem; padding:1rem 0; 
border-bottom: 4px solid #9bcc53;
 }

#hero {background: #f2f7fc; color: #231f20; 
  font-size: 2rem; padding: 2rem 0;
   background-size: auto;  
  border-bottom: 1px solid #a0c4e8;  
}

#hero img {border-radius: 10px; padding: 0; margin:0;}
#hero p.credit {
  font-size: 0.35em;
  padding: 0 0 10px;
  margin-top: -15px;
  text-align: right;
}

/*
#headblock .grid-container {background-color:  #fff;
  border-top: 20px solid #dd5828;
  border-bottom: 20px solid #dd5828;
border-radius: 10px 10px 0 0; margin: 1rem auto 0;}

#headblock img {display: block; margin: 0; padding: 1rem 0; }
*/

#topnote  { background-color: #f0f7e5; 
  font-size: 1.2rem; padding: 1rem 0 .25rem; 
 }
#topnote p{line-height: 1rem;}

#main .grid-container {background-color: #fff; }
  .callout {border-color: #f0f7e5; border-radius: 10px; background-color: #f0f7e5; font-size: 90%;}
#contacts img {border-radius: 10px}
  #map {margin: 2rem 0;}
.host h3 {text-align: center;}
#sponsorblock, #exhibitblock {background-color: #a0c4ea;}
#sponsorblock .grid-container, #exhibitblock .grid-container {border-radius: 10px; background-color: #fff;
margin: 2rem auto;   padding: 1.4rem 0 3rem;; }
#sponsorblock h2, #exhibitblock h2 {color:#057a49; font-size: 2rem; text-transform: uppercase; }
#sponsorblock h3,  #exhibitblock h3  {margin-bottom: 2rem;}

#signup { background-color: #c6dcf2; color: #e7ecf3; padding: 2rem;}
#signup ul, ol {margin:0;  }
#signup li {list-style: none; padding-bottom: .75rem;}
#signup h4 {font-size: 1.4rem;}
#signup h4, #signup p {color: #005baa;}
#mc_embed_signup input {border-radius: 10px;}
#signup .hashtag {font-size: 1.6rem; margin-top: 1rem;}


#footer { background-color: #005baa; color: #e7ecf3; padding: 2rem;}
#footer a {color: #e7ecf3; }
#footer a:hover {color: #dd5827; }
#footer ul, ol {margin-right: 0;  }
#footer li { list-style: none; }
#footer .socialfoot { float: right; display: inline-block;}
#footer .socialfoot li {float: left; margin: 0 20px 0 0;font-size: 2.2rem; }

h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 {font-size: 1.2em; }
h3 a,
h4 a {/*! text-decoration: none; */}
a {text-decoration: underline;}
a:hover {color: #dd5827; }

.button {border-radius: 10px; background-color: #005baa; text-decoration: none; letter-spacing: 1px;}
.button:hover {background-color: #9bcc53;}
.hot {color: #dd5827;}

table.sponsors {font-size:90%}
table.sponsors tbody th, table.sponsors tbody td {
  padding: .325rem 0.625rem; }
table.sponsors thead, table.sponsors tbody tr:nth-child(2n), table.schedule tbody tr:nth-child(2n) {background-color:#f2f7fc;}
table.sponsors th+th, table.sponsors td+td {text-align: center;}
table.sponsors tbody th, table.schedule tbody th  {text-align: left;}
table.sponsors tbody td:first-child {padding-left: 1.52rem;}

table.schedule tbody th {text-transform:uppercase;}
table.schedule tbody td {vertical-align: text-top;}

table.workshops th{  background:#9bcc53; padding: 1rem 1rem; font-size: 2rem; color: #fff;}

table.workshops h4 {color:#dd5828; font-size: 1.5rem;}
table.workshops .loc {margin-top: -10px; padding-top: 0; font-style: italic;}
table.workshops .regcost {font-size: .9rem;}

#locstat { font-weight: 700; margin: 0;}

.daily {list-style: none; padding: 0; margin: 0;}
.daily li {padding: 5px 0 5px 10px;}
.daily li:nth-child(2n) { 
    background: none repeat scroll 0 0 rgba(247, 247, 247, 1);
}
.daily .daytitle {font-weight: 700; letter-spacing: 1px; text-transform: uppercase;}

.daily .time { 
    font-size: .8em;  color: #999;
    font-weight: 600;
}


.daily .event  .loc {margin-top: -10px; padding-top: 0; font-style: italic; }
.daily .event p {  padding: 0; margin: 0 0 5px; line-height: 1.2; font-size: .9em; }
.panel p.download {
    background: url("/conference/pics/layout/icon-download.png") no-repeat scroll 0 10px transparent;
    border-bottom: 1px solid #77AE5C;
    border-top: 1px solid #77AE5C;
    display: block;
    height: 75px;
    margin: 0;
    padding: 10px 0 10px 50px;
}


.event img { float: right; 
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.20);
 padding: 0;
margin: 10px;
}

.speakergroup {margin: 10px 0 30px}
.speakergroup img,
.speaker-bio img {border-radius: 10px; margin-bottom: 1rem;}
.speakergroup a { text-transform: uppercase; font-size:1em; font-weight: 700;}
.speakergroup .aff {font-size: .8em; }



.speaker {padding-top: 40px;}
.speaker .locstat {margin: 2px 0 6px; font-weight: 700;}
.speaker h3, .speaker h4 {margin-bottom: 0;}
.speaker h3+p, .speaker h4+p { font-size:.8em; }
.speaker .prestitle  {font-size: 1.2em;}

.speaker-info {text-align: center;}
.speaker-info img {width: 100%; margin-bottom: 1rem;}
.speaker-info p {font-size: 110%; width: 85%; margin: 0 auto .5rem;}

 table.registration thead th {font-size: 1.1 rem; line-height: 1.2rem; text-align: center; background: #fff;}
  table.registration th em {font-size: .8rem; color: #005aab;}
  table.registration tbody th {text-align: left; background: #f2f7fc; }
  table.registration tbody tr {font-size: .9rem;}
  table.registration td +td {text-align: center;}
  table.registration tfoot {background: #fff; font-size: .8rem; }
  table.registration tfoot th, table.registration tfoot td {font-weight: normal;}
  table.registration th, table.registration td {border: 1px solid #a0c4e8;}
 
 
#programContainer {background: #f2f7fc;border-radius: 10px; padding: 20px; margin:20px 0;}
#programContainer .day { text-transform: uppercase; font-size: 2rem; font-weight:700; color: #fff;  background:#9bcc53; margin: 10px auto; padding: 10px; border-radius: 10px;} 
#programContainer div.eventBox {background:#fff; padding: 10px; border-radius: 10px; margin: 10px auto;}
#programContainer div.eventBox img{border-radius: 10px; margin: 10px auto 10px 20px; float:right;}
#programContainer div.eventBox .time, #programContainer div.eventBox .loc {color: grey; display: block; text-transform: uppercase; font-size: .9rem;}
#programContainer  h4 {color:#000; font-size: 1.5rem;}
 
 
 
 
@media only screen and (min-width: 40em) {
 #main .grid-container {padding: 3rem; min-height: 18em;}
 
}


@media only screen and (min-width: 58.75em) {
.daily .event {padding-right: 20px;}

#hero {
  background-image: url("https://iaglr.org/conference/pics/layout/hero-back_24.png");
  background-repeat: no-repeat;  
  background-position: 70% 98%;
  background-size: auto;  
}
}

@media screen and (max-width: 34.9375em) {
  .no-js .top-bar {
    display: none;
  }
}

@media print, screen and (min-width: 35em) {
  .no-js .title-bar {
    display: none;
    }
}


[data-sticky] {
  width: 100%;
}

.sticky-container {
  z-index: 5;
}