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

/* Sub-Page Styles */
#sp-main {width: 100%;}
#sp-main::before {display: none;}
#sp-main #left {padding: 0;}
#SpSubHead {display: none;}
#SpContent_Container {padding: 0;}
.addthis_toolbox.addthis_default_style {display: none;}
#SpContent_Container .calloutbox:nth-child(2) {top: 1px;right: 0;position: absolute;z-index: 10;}
#CustomPageBody {overflow-y: hidden;}
.formbutton {display: inline-block;}
h1 {font-size: 36px;}


/* Top Hero */
#sp-hero-out {
  position: relative;
  overflow: hidden;
  text-align: center;
  display: block;
}
#sp-hero-out img {
    position: static;
    width: 100%;
    height: auto;
    object-fit: contain; /* shows full image height */
  transition: object-fit 0.3s ease, height 0.3s ease;
  z-index: 0;
    margin: 0 auto;
  }

.sp-hero-caption {
  font-size: clamp(35px, calc(35px + (100 - 35) * ((90vw - 480px) / (1440 - 480))), 100px); /* Change font sizes by switching out all min size (35px) and max size (100px). Keep ((90vw - 480px) / (1440 - 480))) the same */
  line-height: .5em;
  color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px 10px;
    width: 100%;
    max-width: 100%;
  z-index: 2;
    display: flex;
  flex-direction: column;
  justify-content: center;
  }

/* OLD Page Title Style */
/*.sp-hero-caption h1, .sp-hero-caption > span {
  font-size: clamp(35px, calc(35px + (100 - 35) * ((90vw - 480px) / (1440 - 480))), 100px); 
  line-height: 1em;
  color: #fff;
  margin: 0;
  font-weight:200;
}*/

/* NEW Page Title Styles */
/* Change font sizes by switching out all min size (40px) and max size (60px). Keep ((90vw - 480px) / (1440 - 480))) the same */
.sp-hero-caption h1, .sp-hero-caption span{
  font-family:roboto, sans-serif;
  font-size: clamp(40px, calc(40px + (60 - 40) * ((90vw - 480px) / (1440 - 480))), 60px); 
  font-weight:500;    
  line-height: 1em;
  color: #fff;
  margin: 0;
}

.sp-hero-btns {
  margin-top: 15px;
}
.sp-hero-btns a  {
  color: #fff;
  font-family: 'roboto', sans-serif;
  font-size: 25px;
  font-size: clamp(18px, calc(18px + (21 - 18) * ((100vw - 480px) / (1440 - 480))), 21px);
  font-weight: 300;
  line-height: 1em;
  display: inline-block;
  vertical-align: middle;
  border: 3px solid #fff;
  border-radius: 90px;
  padding: 20px 50px;
  margin: 0 10px 10px;
  transition: all 225ms ease-in-out 0s;
}

.sp-hero-btns a span{
  font-size:clamp(18px, calc(18px + (21 - 18) * ((100vw - 480px) / (1440 - 480))), 21px);
  font-weight:300;
}

.sp-hero-btns a:hover {
  background: rgba(0, 0, 0, .2);
  transform: scale(1.1);
  border-color: #1935de;
}

/* Custom Header */
.custom-header {
  color: #1935de;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 20px;
}
.custom-header i {
  margin-right: 7px;
  font-size: 24px;
}
.custom-header::after {
  height: 2px;
  background: #1935de;
  width: 55px;
  position: absolute;
  left: 0;
  content: "";
  bottom: -5px;
}


.button {
  background-color: #1935de;
  border: none;
  border-radius: 50px;
  color: white;
  padding: 10px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
}
.button:hover {
  background-color: #cb3496;
  color: white;
}

/* Icons */
.icon-item {
  line-height: 1.5;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, .1);
  border-radius: 8px;
  padding: 25px 15px;
  margin-bottom: 20px;
  min-height: 175px;
}
.icon-item i {
  font-size: 30px;
  color: #fff;
  background-color: #193dd8;
  line-height: 65px;
  width: 65px;
  border-radius: 100%;
  margin-bottom: 15px;
}
.iconimg {
  background: #193DD8;
  border-radius: 90px;
  height: 65px;
  width: 65px;
  margin: 0 auto 15px;
  text-align: center;
}    
.iconimg img {
  max-width: 65px;
  padding: 13px;
  margin: 0 auto;
}
.icon-item h4 {
  margin: 0;
}
.icon-item p{
  margin-top: 10px;
}
.icon-item .formbutton {
  margin-top: 5px;
}

/* Tabs */
#sp-tabs-out {
  padding: 30px 0;
}
#sp-tabs-out h2 {
  margin-bottom: 20px;
}
.nav-tabs {
  background-color: #663399;
  border-bottom: none;
}
.nav-tabs>li {
  margin-bottom: 0;
}
.nav-tabs li a {
  background: transparent;
  border:none;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  padding: 20px 25px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}
.nav-tabs li a:hover {
  color: #fff;
  border: none;
  background: #CC3399;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  background: #1935de;
  color: #fff;
  border: none;
  border-radius: 0;
  text-decoration: none;
}
.nav-tabs li.active a {
  background: #1935de;
}


/* ------------ PAGE 1 / Membership ------------ */
/* Benefits */
#sp-benefits-out {
  padding: 50px 0 40px;
  background-color: #f7f7f7;
}
#sp-benefits-out h1 {
  text-align: center;
  margin-bottom: 30px;
}

/* Testimonials */
#sp-testimonials-out {
 padding: 45px 0 60px;
}
#sp-testimonials-out h1 {
 text-align: center;
}
#testimonialsCarousel {
 padding: 0 50px;
}
#testimonialsCarousel .carousel-control {
 width: 50px;
 background-image: none !important;
}
#testimonialsCarousel .carousel-control span {
 font-size: 24px;
 color: #663399;
 text-shadow: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 margin: auto;
}
.testimonial-img {
 padding-right: 3%;
}
.testimonial-img img {
 max-width: 100%;
 border-radius: 100%;
}
.testimonial-text {
 font-size: 20px;
 font-weight: 300;
 padding: 10px 0 5px 3%;
 border-left: 2px solid #ccc;
 margin-top: 20px;
}
.sm-text {
  font-size: 14px;
  font-weight: 600;
}

/* CTA Buttons */
#sp-buttons-out {
  padding: 50px 0 40px;
}
.sp-buttons {
  text-align: center;
  /*border-top: 1px solid #ddd;*/
  /*padding: 50px 0;*/
}
.sp-btn .formbutton {
  display: block;
  font-size: 18px;
  padding: 15px 10px;
  margin-bottom: 10px;
  
  /*font-size: 16px;
    padding: 25px 10px 10px;
    margin-bottom: 10px;
    min-height: 75px;*/
}

/* CTA Buttons Row 1 */
#sp-buttons-1-out {
  padding: 50px 0 40px;
}
/* CTA Buttons Row 2 */
#sp-buttons-2-out {
padding: 50px 0 40px;
}

/* Become a Member */
#sp-member-out {
  background-color: #f7f7f7;
  padding: 50px 0;
}
.bmemb-text {
  margin-top: 20px;
  padding-right: 5%;
}
.bmemb-text .formbutton {
  margin-top: 10px;
}
.bmemb-img img {
  border-radius: 10px;
  box-shadow: 0 0 7px rgba(0, 0, 0, .1);
}



/* ------------ PAGE 2 / Events ------------ */
#sp-events-out {
 padding: 50px 0;
}
.event-item {
 text-align: center;
}
.event-item img {
 margin-bottom: 15px;
  width: 300px;
  height: auto;
}
a:hover .event-item img {
 transform: scale(1.1);
}
a .event-item img {
 transition: all 225ms ease-in-out 0s;
}
.event-item .button {
 background: #639;
 display: inline-block;
 color: #fff;
 border-radius: 90px;
 text-transform: uppercase;
 font-weight: 500;
 line-height: 18px;
 padding: 5px 30px;
 text-align: center;
 margin-top: 5px;
 transition: all 225ms ease-in-out 0s;
}
a:hover .event-item .button {
 background: #C39;
}

/* Calendar Feed */
#sp-calendar-out {
 padding-bottom: 50px;
}
#sp-calendar-out .custom-header a {
 float: right;
 font-size: 15px;
}
.rss-items {
 padding: 0;
 margin: 0;
}
.rss-items li {
 list-style: none;
 border-bottom: 1px solid #ccc;
 margin-bottom: 15px;
 padding-bottom: 15px;
}
.rss-items li:last-child {
 border-bottom: 0px;
 margin-bottom: 0;
 padding-bottom: 0;
}
.rss-date {
 font-weight: 500;
}
.rss-item a {
 color: #3e4b5d;
}
.rss-item a:hover {
 color: #CC3399;
}


/* ------------ PAGE 3 / SPONSORS ------------ */
/* Sponsorship Image Chart */
    #sp-sponsorChart-out {
    padding: 0 0 50px;
    }
    #sp-sponsorChart-out h6 {
    text-align: center;
    margin-top: 20px;
    }
    /* Sponsor List */
    #sp-sponsorList-out {
    padding-bottom: 50px;
    }
    #sp-sponsorList-out h1 {
    text-align: center;
    margin-bottom: 15px;
    }
    .logo-section h4 {
    font-size: 24px;
    margin-bottom: 20px;
    }
    .logo-section {
    border-bottom: 1px solid #ddd;
    padding-bottom: 35px;
    margin-bottom: 30px;
    }
    .logo-section:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    }
    .col-5 {
    float: left;
    width: 20%;
    padding-left: 8px;
    padding-right: 8px;
    }
    .sponsor-logo {
    margin-bottom: 15px;
    }
    .sponsor-logo>a {
    display: inline-block;
    }
    .sponsor-col {
    border-right: 1px solid #ddd;
    padding: 0 15px;
    min-height: 190px;
    }
    .sponsor-col:last-child {
    border-right: none;
    }

/* Receptions */
    #sp-receptions-out {
    text-align: center;
    padding: 0 0 50px;
    }
    /* Sponsor Rotator */
    #sp-rotator-out {
    text-align: center;
    padding: 50px 0 0;
    }
    #sp-rotator-out i {
    font-size: 32px;
    color: #193dd8;
    }
    #sp-rotator-out hr {
    border-top: 1.5px solid #193dd8;
    width: 100px;
    margin: 15px auto 0;
    }
    #sp-rotator-out .subtitle {
    margin: 45px 0 25px;
    }
    .sponsors-rotator {
    margin-top: 25px;
    }



/* ------------ PAGE 4 / Programs ------------ */
 #sp-programs-out {
    padding: 50px 0 40px;
    background-color: #f7f7f7;
  }
    #sp-programs-out h1 {
    text-align: center;
    margin-bottom: 30px;
    }
#sp-programs-out h4{
  margin-bottom: 10px;
}

#sp-programs-out .sp-btn .formbutton {
  min-height: 75px;
  padding: 20px 10px 10px;
}


/* ------------ PAGE 5 / Advocacy ------------ */
/* Content Row */
.cr-left {
 font-size: 20px;
 font-weight: 300;
}
#sp-advocacy-out {
 background-color: #f7f7f7;
 padding: 50px 0 35px;
}
#sp-research-out {
 background-color: #f7f7f7;
 padding: 50px 0 35px;
}


/* ------------ PAGE 6 / Who We Are ------------ */
/* About */
.sp-about-out {
 padding: 50px 0;
}
#ac-left {
 border-right: 1px solid #ccc;
 padding-right: 3%;
}
#ac-right {
 padding-left: 3%;
}
.about-col h2 {
 font-size: 25px;
 margin-bottom: 15px;
}
.about-col .formbutton {
 margin-top: 5px;
}
/* President Message */
#sp-message-out {
 background-color: #f7f7f7;
 padding: 50px 0;
}
.message-img {
 text-align: center;
}
.message-img img {
 border-radius: 100%;
 margin-bottom: 10px;
}
.message-img h3 {
 font-size: 24px;
 margin: 0 0 8px;
}
.message-img h6 {
 font-size: 18px;
}
/* Board Members */
#sp-board-out {
 padding: 50px 0;
}
.board-section {
 border-bottom: 1px solid #ccc;
 padding-bottom: 15px;
 margin-bottom: 35px;
}
.board-section:last-child {
 border-bottom: none;
 padding-bottom: 0;
 margin-bottom: 0;
}
.board-section h1 {
 margin-bottom: 25px;
}
.board-member {
 text-align: center;
 margin-bottom: 30px;
}
.board-member img {
 border-radius: 100%;
 margin: 0 auto 10px;
}
.board-member h4 {
 margin: 0 0 7px;
}
.board-member h4:hover {
 color: #CC3399;
}
.bm-img img {
  border-radius: 100%;
}



/* ------------ PAGE 7 / Affiliates ------------ */
#sp-resources-out {
  padding: 50px 0 40px;
  background-color: #f7f7f7;
}
#sp-resources-out h1 {
  text-align: center;
  margin-bottom: 30px;
}

/* Text Content */
#sp-text-out {
  padding: 50px 0 30px;
}

/* Accordions */
#sp-accordions-out {
 padding-bottom: 35px;
}
#sp-accordions-out h2 {
 font-size: 28px;
 margin-bottom: 35px;
}
.col-sm-3.ebWrap {
 min-height: 325px !important;
}
.panel-title {
 margin-top: 0;
 margin-bottom: 0;
 font-size: 20px;
 color: inherit;
 color: #1935de;
}
.panel-title > a {
 line-height: 30px;
 padding: 13px 0;
 display: inline-block;
 width: 100%;
}
.panel-default > .panel-heading {
 padding: 0px;
 background-color: transparent;
 position: relative;  
  border-top: 1px solid #eee;
}
.panel-group .panel {
 border: none;
 box-shadow: none;
 border-radius: 0px !important;
 margin-bottom: 0px !important;
 overflow: visible;
 padding-bottom: 0px !important;
}
.panel-group .panel+.panel {
  margin-top: 0;
}
.name {
 font-weight: bold;
 font-size: 16px;
 text-transform: uppercase;
 margin-bottom: 5px;
}



/* ------------  PAGE 8 / Press Release ------------ */
/* Newsletter */ #sp-newsletters-out {
 padding-bottom: 40px;
}
.newsletter {
 padding: 25px 0;
 border-bottom: 1px solid #e0e0e0;
}
.newsletter:last-child {
 border-bottom: none;
}
.newsletterDate {
 color: #aaa;
 font-size: 14px;
 font-weight: 600;
}
.newsletterTitle {
 font-size: 20px;
 font-weight: 700;
 padding-top: 5px;
}
.newsletterInfo {
 font-weight: 300;
 color: #555;
}
.newsletterShare {
 font-size: 12px;
 font-weight: 600;
 margin-top: 7px;
}
.newsletterShare a {
 padding-left: 3px;
 font-size: 18px;
}
.newsletterShare a:first-child {
 padding-left: 10px;
}


/* ------------ PAGE 9 / Single Event ------------ */
/* Registration Tab */
.blue-bg {
  background-color: #1935de;
}
.purple-bg {
  background-color: #663399;
}
.pink-bg {
  background-color: #CC3399;
}
.blue-text {
  color: #1935de;
}
.purple-text {
 color: #663399;
}
.pink-text {
 color: #CC3399;
}
.registration-table {
 padding-left: 8px;
 padding-right: 8px;
}
.regis-col {
 padding: 10px;
 text-align: center;
 border-right: 1px solid #ddd;
}
.regis-col:first-child {
 border-left: 1px solid #ddd;
}
.regis-header {
 color: #fff;
 font-size: 15px;
 font-weight: bold;
}
.regis-subheader {
 font-weight: 700;
}
.regis-header .row, .regis-subheader .row, .regis-row .row {
 display: flex;
}
.regis-subheader .row {
 border-bottom: 1px solid #ddd;
}
.regis-row .row {
 border-bottom: 1px solid #ccc;
}
.regis-title {
 font-weight: 700;
 padding: 10px;
 border-left: 1px solid #ddd;
}
.regis-row .regis-col {
 background-color: #f4f4f4;
}

/* Schedule Tab */
.agenda-table {
 border-top: 1px solid #ddd;
 border-left: 1px solid #ddd;
 border-right: 1px solid #ddd;
 padding-left: 8px;
 padding-right: 8px;
 margin-bottom: 30px;
}
.agenda-row:nth-child(even) .row {
 background: #f5f5f5;
}
.agenda-row .row {
 display: flex;
 border-bottom: 1px solid #ddd;
}
.agenda-date {
 font-weight: bold;
 padding: 10px;
}
.agenda-desc {
 padding: 10px;
 border-left: 1px solid #ddd;
}
.agenda-desc p {
 margin-bottom: 0;
}

/* CLE Tab */
.course-section {
 margin-top: 20px;
}
.course-section h6 {
 color: #444;
 font-size: 17px;
}
.course-accordion {
 margin-bottom: 5px;
}

/* Newsletter */
#sp-newsletters-out {
 padding-bottom: 40px;
}
.newsletter {
 padding: 25px 0;
 border-bottom: 1px solid #e0e0e0;
}
.newsletter:last-child {
 border-bottom: none;
}
.newsletterDate {
 color: #aaa;
 font-size: 14px;
 font-weight: 600;
}
.newsletterTitle {
 font-size: 20px;
 font-weight: 700;
 padding-top: 5px;
}
.newsletterInfo {
 font-weight: 300;
 color: #555;
}
.newsletterShare {
 font-size: 12px;
 font-weight: 600;
 margin-top: 7px;
}
.newsletterShare a {
 padding-left: 3px;
 font-size: 18px;
}
.newsletterShare a:first-child {
 padding-left: 10px;
}

/* Speakers Tab */
.accordions-wrap .panel-body {
/* padding: 0;*/
}

.accordions-wrap .panel-title {
 margin: 0;
}

.accordions-wrap .panel-title > a {
 color: #1935de;
 font-size: 20px;
 padding: 13px 0;
 text-decoration: none !important;
 display: block;
}

.accordions-wrap .panel-title > a:hover {
 color: #CC3399;
}

.accordions-wrap .panel-default > .panel-heading {
 padding: 0px;
 background-color: transparent;
 position: relative;
  border-top: 1px solid #ddd;
}

.accordions-wrap .panel-group .panel {
 border: none;
 box-shadow: none;
 border-radius: 0px !important;
 overflow: visible;
 padding-bottom: 0 !important;
}

/* FAQ Tab */
.faq-item {
 margin-bottom: 15px;
}
.faq-item h4 {
 font-size: 18px;
}
.faq-left {
 width: 10%;
}
.faq-right {
 width: 90%;
}

/* CLE Tab */
.cle-tabs .nav-tabs li a {
 font-size: 15px;
 padding: 10px 25px;
}
.cle-tabs .panel-body {
 padding: 15px 0;
}






/* Media Queries */

@media (max-width: 1600px) {
  /* Top Hero */
  .sp-hero-btns a {
    padding: 13px 50px;
  }
}

@media (max-width: 1199px) {
  /* Top Hero */
  .sp-hero-btns a {
    font-size: 20px;
    padding: 10px 40px;
    border-width: 2px;
    margin: 0 5px 10px;
  }
  
/* ---------- 1199px - PAGE 9 ---------- */
/* Tabs */
.nav-tabs li a {
  padding: 20px 10px;
}
/* FAQ */
.faq-left {
  width: 15%;
}
.faq-right {
  width: 75%;
}  
  
/* ---------- 1199px - PAGE 1 ---------- */
  /* Testimonials */
  .testimonial-text {
    font-size: 18px;
  }
}


@media (max-width: 959px) {
  
  /* General Styles */
  h1 {
    font-size: 32px;
  }
  /* Top Hero */
  .sp-hero-btns a {
    font-size: 16px;
    margin-bottom: 10px;    
    padding: 8px 40px;
  }
  .sp-hero-caption h1, .sp-hero-caption span {
    margin:10px 0 0;
  }
  
/* ---------- 959px - PAGE 1 ---------- */
  /* Testimonials */
  .testimonial-text {
    font-size: 16px;
    margin-top: 10px;
  }

  /* CTA Buttons */
  .sp-btn .formbutton {
    font-size: 16px;
  }
  
/* ---------- 959px - PAGE 6 ---------- */
/* President Message */
    .message-img h3 {
    font-size: 22px;
    margin-bottom: 5px;
    }
    .message-img h6 {
    font-size: 16px;
    }
    /* Board Members */
    .board-member h4 {
    font-size: 18px;
    }
    .board-member h5 {
    font-size: 16px;
    }  

/* ---------- 959px - PAGE 9 ---------- */
    /* Tabs */
  .nav-tabs li a {
    font-size: 14px;
    padding: 20px 6px;
  }
  /* Registration Tab */
  .regis-header {
    font-size: 14px;
  }
  .regis-subheader {
    font-size: 12px;
  }
  .regis-title {
    font-size: 13px;
  }
  /* CLE Tab */
  .cle-tabs .nav-tabs li a {
    font-size: 14px;
    padding: 10px 15px;
  }


}

@media (max-width: 767px) {
  h2 {
    padding-bottom: 20px;
  }
  
  /* Top Hero */
  #sp-hero-out {
  display: flex;
  align-items: center;
  justify-content: center;
    flex-direction: column;
}
.sp-hero-btns a {
  font-size: 15px;
  border-width: 1px;
}  
.sp-hero-caption {
  position: relative;
  top: auto;
  left: auto;
  transform:none;
  padding: 40px 10px;
}
  
#sp-hero-out img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#sp-hero-out img.scale {
  object-fit: contain;
}  
.icon-item {
    min-height: auto;
  }
  
/* ------------ 767px - PAGE 1 ------------ */  
  /* Benefits */
  #sp-benefits-out {
    padding-top: 30px;
  }
  
  /* Testimonials */
  #sp-testimonials-out {
    /*padding-bottom: 30px;*/
    padding: 45px 0 60px;
  }
  #sp-testimonials-out h1 {
    text-align: center;
    }
  #testimonialsCarousel {
    padding: 0 50px;
  }
  #testimonialsCarousel .carousel-control {
    width: 30px;
  }
  #testimonialsCarousel .carousel-control span {
    font-size: 24px;
    color: #663399;
    text-shadow: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    }
  .testimonial-img {
    padding-right: 15px;
  }
  .testimonial-img img {
    margin: 0 auto;
    display: block;
  }
  .testimonial-text {
    text-align: center;
    padding: 0 15px;
    border-left: none;
  }

  /* CTA Btns */
  .sp-btn .formbutton {
    max-width: 440px;
    margin: 0 auto 10px;
  }

  /* Become a Member */
  .bmemb-img img {
    margin: 0 auto;
  }  
  
  
/* ---------- 767px - PAGE 2 ---------- */  
.event-item {
    margin-bottom: 35px;
  }  
  
  
/* ------------ 767px - PAGE 3 ------------ */ 
/* Sponsors */
    #sp-sponsorList-out {
    padding-bottom: 20px;
    }
    .sponsor-col {
    min-height: auto;
    border-right: none;
    padding: 0 15px;
    }
    .col-5 {
    float: none;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    }  
  
  
  
/* ---------- 767px - PAGE 4 ---------- */    
#sp-programs-out {
  padding-top: 30px;
}  
#sp-programs-out .sp-btn .formbutton {
  min-height: auto;    
  padding: 20px 10px;
}  

/* ---------- 767px - PAGE 5 ---------- */  
/* Content Row */
.cr-left {
  text-align: center;
  font-size: 16px;
  margin-bottom: 20px;
}
  
/* ---------- 767px - PAGE 6 ---------- */  
/* About */
    #ac-left {
    border-right: none;
    padding-right: 15px;
    margin-bottom: 35px;
    }
    /* Board Members */
    .board-section h1 {
    text-align: center;
    width: 100%
    }
    /* Become a Member */
    .bmemb-img img {
    margin: 0 auto;
    }
  
  
/* ---------- 767px - PAGE 7 ---------- */  
/* Map Image */
#sp-map-out {
  padding: 50px 0;
}  
#sp-resources-out {
  padding-top: 30px;
}  
/* Accordions */
.ebIMG img {
 margin: auto;
 margin-bottom: 10px;
}
.ebInfo {
 text-align: center;
}  
  
  
  
  
  
/* ---------- 767px - PAGE 9 ---------- */
/* Tabs */
  #sp-tabs-out h2 {
    font-size: 28px;
  }
  .nav-tabs li a {
    padding: 15px 6px
  }
  /* Registration Tab */
  .registration-table {
    overflow-y: scroll;
    padding-left: 15px;
    padding-right: 15px;
  }
  .table-inner {
   width: 737px;
  }
  /* Schedule Tab */
  .agenda-table {
   padding-left: 15px;
   padding-right: 15px;
  }
  .agenda-date {
   font-size: 13px;
   width: 30%;
  }
  .agenda-desc {
   width: 70%;
  }
  /* Single Event Tab */
  .faq-left, .faq-right {
   width: 100%;
  }
  /* Become a Member */
  .bmemb-img img {
   margin: 0 auto;
  }
  
}

@media (max-width: 480px) {
  /* Top Hero */
  #sp-hero-out img {
    min-height: 200px;
    object-fit: cover;
    object-position: center;
  }
  #sp-hero-out img.scale{
    object-fit: contain;
    min-height: auto;
  }
  .sp-hero-caption {
    -webkit-transform: none;
    transform: none;
    background-color: transparent !important;
    padding: 25px 10px 25px;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  
  
  /* NAV TABS */
  .nav-tabs>li, .nav-tabs li a, .nav-tabs li a:hover, .nav-tabs > li.active a {
    width: 100%;
  }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    width: 100%;
  }
  
.aligntobottom {
  bottom: 0;
  position: absolute;
}
  
  
}