/* Title:     IAGLR 2025 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
#{ grid-row-start: 2; grid-row-end: 3; }
. { min-height: 25em; }
*/

html, body {font-family: 'proxima-nova', sans-serif; }
h2, h3, h4, h5, h6 {font-family: 'roc-grotesk', sans-serif;}
#hero h1, #main h1 {font-weight: 900; font-size: 4rem; line-height: 4rem; font-family: 'roc-grotesk', sans-serif;}
#main h2 {font-weight: 900; font-size: 2rem; line-height: 3rem;}
#main h3 {padding-top: 1.4rem;}
#main .callout h3 {padding-top: 0rem;}
h3 {font-weight:600;}
#main p, #main ol, #main ul {font-size: 1.2rem; line-height: 1.8rem;}
#main ol {padding: 0 0 0 1.2rem;}

#navblock {background-color: #bddae5;
  font-weight: 600; font-size: 1rem; padding:1rem 0; 
font-family: 'roc-grotesk', sans-serif;}


.hero-section { background-size: cover; height: 44vh; background-position: center 0%; }

#hero {background: #243f59; color: #ece8d4; 
  font-size: 2rem; padding: 2rem 0;
   background-size: auto;  
  border-bottom: 1px solid #a0c4e8;  
  /*background: radial-gradient(124% 98.23% at 50% 100%,#005baa 0,#1d8ee100 100%),linear-gradient(0deg,#000,#000);*/
}

#hero .button {margin-top: 1rem; font-size: 1.2rem;}
#hero img {padding: 0; margin:0;}
#hero p.credit {
  font-size: 0.35em;
  padding: 0 0 10px;
  margin-top: -10px;
  text-align: right;
}
.credit a {color: #ece8d4; }

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

  #map {margin: 2rem 0;}
.host h3 {text-align: center;}
#sponsorblock, #exhibitblock {background-color: #bddae5;}
#sponsorblock .grid-container, #exhibitblock .grid-container {border-radius: 5px; background-color: #fff;
margin: 2rem auto;   padding: 1.4rem 0 3rem;; }
#sponsorblock h2, #exhibitblock h2 {font-weight: 900; font-size: 2rem; text-transform:uppercase; }
#sponsorblock h3,  #exhibitblock h3  {margin-bottom: 2rem;}

#signup { color: #e7ecf3; padding: .5rem 1rem;
  background: #85a3c9;
 /* background: radial-gradient(124% 98.23% at 50% 100%,#c6dcf2 0,#f2f7fc 100%),linear-gradient(0deg,#000,#000);*/}

#signup ul, ol {margin:0;  }
#signup li {list-style: none; padding-bottom: .25rem; }
#signup a {color: #e7ecf3; text-decoration: none; }
#signup a:hover {color: #477324; }
#signup  img {text-align: left; border-radius: 10px; padding: 0; margin:0; width:50%;}
/*#mc_embed_signup input {border-radius: 10px;}*/


#footer { background-color: #ece8d4; color: #251e16; padding: 2rem 0 6rem;}
#footer a {color: #024e72; text-decoration: none; }
#footer a:hover {color: #933725; }
#footer ul, ol {margin: -.5rem 0 1.5rem ;  }
#footer li { list-style: none; }
#footer .socialfoot { padding-top: 1.5rem; display: inline-block;}
#footer .socialfoot li {float: left; margin: 0 20px 0 0;font-size: 1.8rem; }
#footer p {font-size: .8rem;}

#footer h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  height: 2px;
  width: 50px;
  background: /*#ff5e14;*/ #783e33;
}


#footer h3 {
  
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 40px;
  position: relative;
}

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

.button {background-color: #933725; text-decoration: none; letter-spacing: 1px;}
.button:hover {background-color: #783e33;} 
.button:active {background-color: #6c382e;}
.hot {color: #dd5827;}

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:#eef6f8;}
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;}

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

#main .aff p {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 { text-align: center; background: #fff;}
  table.registration thead th em {font-size: .8rem; color: #933725; }
  table.registration th em {font-size: .8rem; font-weight: normal; }
  table.registration tbody tr {font-size: .9rem;}
  table.registration tbody th {text-align: left;  background: #eef6f8; font-size:1.2rem; line-height:1.15;  }
  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 #eef6f8;}
 
#programContainer {background: #ece8d4; padding: 20px; margin:20px 0;}
#programContainer .day {font-size: 1.4rem; font-weight:700;  background:#243f59;  color:#deecf2;  margin: 10px auto; padding: 10px; font-family: 'roc-grotesk', sans-serif;} 
#programContainer div.eventBox {background:#f9f7f1;  padding: 10px; margin: 10px auto;}
#programContainer div.eventBox img{ 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:#243f59; font-size: 1.25rem;}

#events  div.eventBox .emeta  {color: grey; display: block; } 
#events div.eventBox p {margin-top:10px;}

 
ul.pricing-table { border: solid 1px #deecf2; width: 100%; text-align: center;
  list-style-type: none; margin-left: 0; }
.pricing-table li { border-bottom: dotted 1px #cacaca; padding: 0.875rem 1.125rem; }
.pricing-table li:last-child { border-bottom: 0;}
.pricing-table .title { background-color: #243f5a; color: #ece8d4; border-bottom: 0; }
.pricing-table .price { background-color: #eef6f8; font-size: 2rem; border-bottom: 0;}
.pricing-table .description { color: #8a8a8a; font-size: 80%;}
.pricing-table :last-child { margin-bottom: 0;}

.icon-grid-outer { background-color: #ece8d4;
  border: 12px solid #d4d0be;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  margin: 2rem auto;
  padding-bottom: 1rem;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media print, screen and (min-width: 40em) {
  .icon-grid-outer { max-width: 100%; }
}


.icon-grid-intro{margin: 0 2rem;}
/*
.icon-grid-inner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
*/

.icon-grid-feature {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 1rem;
  -webkit-flex: 1 0 50%;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.icon-grid-feature h4 {
  margin-bottom: 0;
  font-size: 1.1rem;
  line-height: 18px;
  font-weight: 700;
}

#main p.feature-desc {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}

.icon-grid-feature .fa {
  margin-right: 1.25rem;
  font-size: 2rem;
  color: #408c5e;
}

@media print, screen and (min-width: 40em) {
  .icon-grid-feature {
    padding: 1rem 2rem;
    -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

 
@media only screen and (min-width: 40em) {
 #main .grid-container {padding: 3rem 0; 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;
}