/* global */

.container-fluid-membership { max-width:990px; padding:0 24px; margin:0 auto; }

h2 { font-size:24px; margin-top:1.1rem; margin-bottom:1rem; }

.btn-brand { background-color:#338799; border:1px solid #338799; color:#fff; font-size:14px; font-weight:500; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#338799; border-color:#338799; color:#fff; font-weight:500; }


body.body-cap .subscribe-wrap-headline { color:white; }

/* membership nav */ 

.membership-navbar {
  padding: 2px 0px;
  margin: 0; 
  text-align:center;
  width:100%;
  height:auto;
  background-color:#338799;
}

.membership-navbar ul {
  padding: 0;
  margin: 0 auto;
  list-style: none;
  display:block;
  padding-top:16px;
}

.membership-navbar li {
  display:inline-block;
  padding: 0;
  margin: 0;
}

.membership-navbar li a {
  display: block;
  width: auto;
  padding:;
  margin:0px 16px 16px 16px;
  border-top:2px solid #338799;
  border-bottom:2px solid #338799;
  color:white;
  text-decoration:none;
  text-align:center;
  text-transform:uppercase;
  font-weight:500;
  }

.membership-navbar ul li:hover a { border-bottom:2px solid white; color:white; }
.membership-navbar ul li a.navselected { border-bottom:2px solid white; color:white; }


/* member events carousel */

.membership-carousel-hold { position:relative; padding:0px 24px 24px 30px; width:100%; max-width:1300px; margin:0px auto; }

.membership-swiper-button-next, .membership-swiper-button-prev {
  display: flex; 
  position: absolute;
  top: var(--swiper-navigation-top-offset,50%);
  width: 40px;
  height: 40px;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  background-color: #338799;
  font-size:24px;
  color: #fff;
}
.membership-swiper-button-prev { right:56px; }
.membership-swiper-button-next { right:10px; }

a.member-social { display:table; margin:0 auto; font-size: 22px; line-height:30px; color:#555; font-weight:500; }
a.member-social div { display:table-cell; vertical-align:middle; padding:4px; }
a.member-social:hover { color:#338799; }
a.member-social span { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; }
a.member-social span { text-decoration:none; color:white; background-color:#555; border:none; transition: all 0.15s linear 0s; }

a.member-social:hover span { color:white; background-color:#338799; }