/* START
Wild Apricot CSS - do not touch */

.WaGadgetEventsStateCalendar h3 {
font-size: 24px;
}

.WaGadgetEventsStateList h3.sectionTitle {
font-size: 24px;
}

/* END
Wild Apricot CSS */

/* 2024 Meeting CSS */

/* 2024 Button 1 START */

.buttontwentyfour {
  border-radius: 25px;
  background-color: #F0F2F4;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttontwentyfour span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttontwentyfour span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttontwentyfour:hover span {
  padding-right: 25px;
}

.buttontwentyfour:hover span:after {
  opacity: 1;
  right: 0;
}

/* 2024 Button 1 END */

.copyright {
  color: white;
}

.headersociallogin {
  vertical-align: bottom;
  height: 148px;
}

.homefont1 {
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  color: white;
}

.homefont2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  color: white;
}

.homefont3 {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  color: white;
  padding: 15px;
}

/* START homefont4
The draft 26th anniversary homepage */

.homefont4 {
  font-size: 50px;
  font-weight: bold;
  text-align: left;
  color: #232e62;
  padding: 20px;
}

@media screen and (min-width: 415px) {
  p.homefont4 {
    font-size: 50px;
  }
}

@media screen and (max-width: 414px) {
  p.homefont4 {
    font-size: 25px;
  }
}

/* END homefont4 */

/* START
Membership Benefits Campaign homepage */

.homefont5 {
  font-size: 50px;
  font-weight: bold;
  color: #232e62;
/*  padding: 20px; */
}

@media screen and (min-width: 415px) {
  p.homefont5 {
    font-size: 50px;
  }
}

@media screen and (max-width: 414px) {
  p.homefont5 {
    font-size: 25px;
  }
}

.homefont5add {
  font-size: 25px;
  font-weight: bold;
  color: #232e62;
  padding-bottom: 20px;
}

@media screen and (max-width: 414px) {
  p.homefont5add {
    font-size: 18px;
  }
}

.homefont6 {
  font-size: 40px;
  font-weight: bold;
  color: #232e62;
}

@media screen and (min-width: 415px) {
  p.homefont6 {
    font-size: 40px;
  }
}

@media screen and (max-width: 414px) {
  p.homefont6 {
    font-size: 25px;
  }
}

.homefont6add {
  font-size: 25px;
  color: #232e62;
  padding-bottom: 10px;
}

@media screen and (max-width: 414px) {
  p.homefont6add {
    font-size: 18px;
  }
}

.homebuttonmember {
  background-color: #daad47;
  /* background-color: #e9c3f8; */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 4px 10px;
  cursor: pointer;
  width: 175px;
/*  float: left; */
}

/* END
Membership Benefits Campaign homepage */

.homenews {
  padding: 10px;
}

.homebutton {
  background-color: #bcd4e6;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
  width: 100px;
}

.homebutton2 {
  background-color: #e9c3f8;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 4px 10px;
  cursor: pointer;
  width: 100px;
  float: left;
}

.homebutton3 {
  background-color: #bcd4e6;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin: 4px 2px;
  cursor: pointer;
  width: 200px;
}

h1 {
  font-size: 30px;
  color: #283a56;
  line-height: 1.6;
  font-weight: bold;
}

h2 {
  font-size: 26px;
  color: #283a56;
  line-height: 1.4;
  font-weight: bold;
}

h3 {
  font-size: 22px;
  color: #283a56;
  line-height: 1.4;
  font-weight: bold;
}

/* to be used for blog title */
h4 {
  font-size: 22px;
  color: #283a56;
  line-height: 1.2;
  font-weight: bold;
}

h5 {
  font-size: 36px;
  color: #283a56;
  line-height: 0.5;
  font-weight: bold;
}

h6 {
  font-size: 20px;
  font-weight: bold;
}

ol li {
  line-height: 1.8;
}

ul li {
  line-height: 1.8;
}

/* Research Scholars Table IDs */

#t1 tr:nth-child(odd) {background-color: #e4e4e4;}
#t1 tr:nth-child(even) {background-color: #f9f9f9;}
#t1 {border-collapse: collapse;
}

#t2 tr:nth-child(odd) {background-color: #e4e4e4;}
#t2 tr:nth-child(even) {background-color: #f9f9f9;}
#t2 {border-collapse: collapse;
}

#t3 tr:nth-child(odd) {background-color: #e4e4e4;}
#t3 tr:nth-child(even) {background-color: #f9f9f9;}
#t3 {border-collapse: collapse;
}

#t4 tr:nth-child(odd) {background-color: #e4e4e4;}
#t4 tr:nth-child(even) {background-color: #f9f9f9;}
#t4 {border-collapse: collapse;
}

#t5 tr:nth-child(odd) {background-color: #e4e4e4;}
#t5 tr:nth-child(even) {background-color: #f9f9f9;}
#t5 {border-collapse: collapse;
}

#t6 tr:nth-child(odd) {background-color: #e4e4e4;}
#t6 tr:nth-child(even) {background-color: #f9f9f9;}
#t6 {border-collapse: collapse;
}

#t7 tr:nth-child(odd) {background-color: #e4e4e4;}
#t7 tr:nth-child(even) {background-color: #f9f9f9;}
#t7 {border-collapse: collapse;
}

#t8 tr:nth-child(odd) {background-color: #e4e4e4;}
#t8 tr:nth-child(even) {background-color: #f9f9f9;}
#t8 {border-collapse: collapse;
}

#t9 tr:nth-child(odd) {background-color: #e4e4e4;}
#t9 tr:nth-child(even) {background-color: #f9f9f9;}
#t9 {border-collapse: collapse;
}

#t10 tr:nth-child(odd) {background-color: #e4e4e4;}
#t10 tr:nth-child(even) {background-color: #f9f9f9;}
#t10 {border-collapse: collapse;
}

#t21 tr:nth-child(odd) {background-color: #e4e4e4;}
#t21 tr:nth-child(even) {background-color: #f9f9f9;}
#t21 {border-collapse: collapse;
}

#t22 tr:nth-child(odd) {background-color: #e4e4e4;}
#t22 tr:nth-child(even) {background-color: #f9f9f9;}
#t22 {border-collapse: collapse;
}

/* Poster Awards Table IDs */

#t11 tr:nth-child(odd) {background-color: #e4e4e4;}
#t11 tr:nth-child(even) {background-color: #f9f9f9;}
#t11 {border-collapse: collapse;
}

#t12 tr:nth-child(odd) {background-color: #e4e4e4;}
#t12 tr:nth-child(even) {background-color: #f9f9f9;}
#t12 {border-collapse: collapse;
}

#t13 tr:nth-child(odd) {background-color: #e4e4e4;}
#t13 tr:nth-child(even) {background-color: #f9f9f9;}
#t13 {border-collapse: collapse;
}

#t14 tr:nth-child(odd) {background-color: #e4e4e4;}
#t14 tr:nth-child(even) {background-color: #f9f9f9;}
#t14 {border-collapse: collapse;
}

#t15 tr:nth-child(odd) {background-color: #e4e4e4;}
#t15 tr:nth-child(even) {background-color: #f9f9f9;}
#t15 {border-collapse: collapse;
}

#t16 tr:nth-child(odd) {background-color: #e4e4e4;}
#t16 tr:nth-child(even) {background-color: #f9f9f9;}
#t16 {border-collapse: collapse;
}

#t17 tr:nth-child(odd) {background-color: #e4e4e4;}
#t17 tr:nth-child(even) {background-color: #f9f9f9;}
#t17 {border-collapse: collapse;
}

#t18 tr:nth-child(odd) {background-color: #e4e4e4;}
#t18 tr:nth-child(even) {background-color: #f9f9f9;}
#t18 {border-collapse: collapse;
}

#t19 tr:nth-child(odd) {background-color: #e4e4e4;}
#t19 tr:nth-child(even) {background-color: #f9f9f9;}
#t19 {border-collapse: collapse;
}

#t20 tr:nth-child(odd) {background-color: #e4e4e4;}
#t20 tr:nth-child(even) {background-color: #f9f9f9;}
#t20 {border-collapse: collapse;
}

/* START 
The collapsing boxes found on the Research Scholars and Annual Poster Award pages */

.collapsible {
  background-color: #6c7e92;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-weight: bold;
}

.active, .collapsible:hover {
  background-color: #555;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.content {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #f1f1f1;
}

/* END
Collapsing boxes */

/* Image Padding */

.padding
{
padding: 0px 0px 0px 20px;
}

/* START
Padding used around image for Fellows by Year pages */

.paddingfellowsyear
{
padding: 0px 10px 15px 0px;
}

/* END Padding Fellows by Year */

/* Quote on join page */

.joinquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
.joinquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.joinquote p {
  display: inline;
}

/* Quote on other pages */

.otherquote {
  background: #F0F6D9;
  border-left: 10px solid #968FAF;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
.otherquote:before {
  color: #968FAF;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.otherquote p {
  display: inline;
}

/* Button on the JOIN Page */

.buttonjoin {
  border-radius: 25px;
  background-color: #6c7e92;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttonjoin span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonjoin span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttonjoin:hover span {
  padding-right: 25px;
}

.buttonjoin:hover span:after {
  opacity: 1;
  right: 0;
}

/* Support Page */

.donatefont {
  font-size: 18px;
}

.donatefont2 {
  font-size: 38px;
  font-weight: bold;
}

donatefont3 {
  font-size: 18px;
  color: white;
}

.donate3 {
  background-color: white;
  width: 300px;
  padding: 20px;
  margin: 10px;
}

/* Button on the SUPPORT Page */

.buttonsupport {
  border-radius: 25px;
  background-color: #936C7E;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.buttonsupport span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.buttonsupport span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.buttonsupport:hover span {
  padding-right: 25px;
}

.buttonsupport:hover span:after {
  opacity: 1;
  right: 0;
}

/* Donate Test */

.donatetest3 {
  background-color: white;
  width: 300px;
  padding: 20px;
  margin: 10px;
}

/* Meetings */

.meetingscontainerbackground {
  background-color: white;
  width: 33%;
/*  width: 450px; */
  padding: 25px;
  margin: 10px;
  opacity: 0.75;
}

.meetingscontainerbackground2 {
  background-color: white;
  width: 350px;
  padding: 25px;
  margin: 10px;
  opacity: 0.75;
}

.meetingtitle {
  font-size: 32px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 600px) {
  p.meetingtitle {
    font-size: 32px;
  }
}

@media screen and (max-width: 599px) {
  p.meetingtitle {
    font-size: 22px;
  }
}

/* START
Meeting Title for 2024 */

.meetingtitle2024 {
  font-size: 32px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

@media screen and (min-width: 415px) {
  p.meetingtitle2024 {
    font-size: 32px;
  }
}

@media screen and (max-width: 414px) {
  p.meetingtitle2024 {
    font-size: 18px;
  }
}

/* END
Meeting Title for 2024 */

.fullcoverbox {
  background-color: white;
  padding: 30px;
  margin: 20px;
  opacity: 0.95;
}

/* Image Padding */

.imagepadding {
  padding: 10px;
}

/* Meeting Timer */

.meetingtimerhead {
  text-align: center;
  font-size: 25px;
  color: black;
  margin-top: 0px;
}

.platinum {
  text-align: center;
  font-size: 35px;
  color: white;
  margin-top: 0px;
}

.platinumcenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cdownplatcolumn {
  float: left;
  width: 75%;
}

/* Clear floats after the columns */
.cdownplatrow:after {
  content: "";
  display: table;
  clear: both;
}

.meetingtimerbackground {
  background-color: #DEE4EC;
}

.meetingtimer {
  text-align: center;
  font-size: 40px;
  color: black;
  margin-top: 0px;
  padding: 0px;
}

 #myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #3b8493; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #242f61; /* Add a dark-grey background on hover */
}

/* Sponsorship Pages */

.sponsorhead {
  font-weight: bold;
  text-align: center;
}

.sponsorheadtwo {
  font-weight: bold;
  text-align: center;
  font-style: italic;
}

.sponsorheadthree {
  font-weight: bold;
  text-align: center;
  font-size: 26px;
  padding: 15px 0;
}

.sponsorprice {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.sponsorbutton {
  background-color: #F7FEFF;
  border: 1px solid black;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

/* Meeting Pages */

.meetingthanks {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

/* Agenda 2023 Agenda Table */

.agenda-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    /* min-width: 600px; */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.agenda-table thead tr {
    background-color: #00003f;
    color: #ffffff;
    text-align: left;
}

.agenda-table tbody tr {
    border-bottom: 1px solid #00003f;
}

.agenda-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.agenda-table tbody tr:last-of-type {
    border-bottom: 2px solid #00003f;
}

.agenda-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

/* Call for Abstracts Pages */

.sampletable table th td {
  border: 1px solid grey;
  border-collapse: collapse;
  width: 100%;
}

.abscemterone {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.abscemtertwo {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: red;
}

.abscemterthree {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #2154a0;
}

.sponsorsimgpadding
{
padding: 20px 20px 50px 20px;
}

.shopbutton {
  background-color: #f7f7f7;
  border: none;
  color: black;
/*  padding: 15px 32px; */
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 24px;
  margin: 4px 2px;
  cursor: pointer;
}

/* HBR border */

.hbrborder {border-style: ridge;}

/* START Social Media Test */

.socialmediaicon {
 
  width: 35px;
  /* the height is adjusted automatically*/
}

/* END Social Media Test */

/* TEST */

.testbysteve {
  background-color: #fefbd8;
}

.testbystevetwo {
  background-color: #FFFAF0;
  height: 100%;
}

/* Increase the line height and vertical space for the info line */
.WaGadgetBlog .postedOn, 
.WaGadgetBlog .postedByLink,
.WaGadgetBlog h5 {
    font-size: 13px !important; 
    line-height: 1.5 !important; /* Forces healthy vertical spacing */
    display: inline-block !important; /* Ensures padding/height applies correctly */
    padding: 2px 0 !important; /* Adds a tiny bit of breathing room */
}