/* Primary RDAP colors
Blue: #003B5C
Yellow: #F1B434
Aqua: #7CE0D3 */


/* login button colors */
.WaGadgetLoginForm .loginLink {color: #F1B434; background-color: #fdecc8;}
.WaGadgetLoginForm .loginLink:hover {color: #F1B434; background-color: #6f5e12;}
/* login button Google app text, full page color */
.authenticateLoginText {color: #ffffff};

/*Member table formatting*/
#membersTable tr:nth-child(even) {
   background-color: #f2f2f260;}
.genericListTable tr.hover td a, .membersTable tr.hover td a {color: #53968E}

/*Promo card on homepage*/
.promo-card {display: flex; align-items: center; justify-content: space-around; flex-direction: row;
  flex-wrap: nowrap;}
.promo-block {display: block; flex-grow: 0; flex-shrink: 1; flex-basis: auto; align-self: auto;}

/*Updated CSS button*/
.rdapbtn {background-color: #53968E; border: 1px #396761 solid; text-align: center; text-decoration: none; display: inline-block; font-size: 1em; justify-content: center; align-items: center; color: #ffffff !important; padding: 10px 15px 10px 15px; border-radius: 10px; margin: 5px;}
.rdapbtn:hover {background-color: #396761; transition: 0.4s; border-color: black;}

/*Formatting for Summit schedule*/
.sum-sch {display: flex; gap: 30px;}
.sum-sch .column {flex: 1; }
@media (max-width: 800px) {.sum-sch {flex-direction: column;} }


/*Summit icon bar*/
div.sum-nav{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-content: stretch;  gap: 15px; padding: 15px 15px;}
div.sum-icon {display: block; flex: 1 1 0;}
div.sum-icon a {color: #003B5C !important;}
div.sum-img {height: 50px;}

/*Summit icon - light version */
#sum-link-boxes .sum-icon-light {display: block;  padding: 15px 15px; border-radius: 10px; color: white; text-decoration: none; border: 1px #7CE0D3 solid; align-items: center; font-size: 2rem; background-color: #003B5C;}
#sum-link-boxes .sum-icon-light:hover {background-color: #F1B434; transition-duration: .4s; color:#003B5C;}
#sum-link-boxes .sum-nav .sum-icon-light:hover {text-decoration: none !important; }
#sum-link-boxes .sum-nav .sum-icon-light:hover {text-decoration: none; !important;}

/*Summit Schedule - Pheedloop*/
.pheedloop-iframe {
  overflow: auto;
  position: relative;
  height: 1200px;
  width: 100%;
  margin-top: -100px
  }
.pheedloop-iframe iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  }

/*Summit sponsor page logos */
.sponsor-logos-group {display: flex; flex-wrap: wrap; gap: 35px; align-items: center; justify-content: start;}
/*.sponsors-3, .sponsors-2 {text-align: center;}*/
.sponsor-logo {flex: 1 1 250px; }
.sponsors-2 {align-items: start; gap: 10px;}
@media (max-width: 650px) {.sponsor-logos-group {display: block; text-align: center; } .sponsors-1, .sponsors-2, .sponsors-3 {text-align:center;}}
.sponsor-logo img {max-height: 125px; padding: 0px 5px 10px 5px;}
@media (max-width: 650px) {.sponsor-logo {padding: 15px;}}

/* Button Testing */
.rdap-button {
  display: flex;
  gap: 10px;
  cursor: pointer;
  font-family: Ubuntu, Arial, sans-serif;
  align-items: center;
  background-color: #003B5C;
  font-weight: bolder;
  color: #F1B434 !important;
  text-decoration: none !important;
  padding: 10px;
  text-transform: uppercase;

  border-radius: 15px;
  border: 4px solid #F1B434;
  flex: 1 1 30%;
  justify-content: center;
  justify-items: center;
  min-width: 200px;
  -webkit-box-shadow: 3px 10px 5px -1px rgba(0, 0, 0, 0.38);
  -moz-box-shadow: 3px 10px 5px -1px rgba(0, 0, 0, 0.38);
  box-shadow: 3px 10px 5px -1px rgba(0, 0, 0, 0.38);

  & span {
    line-height: 18px;
    margin: 5px 0px;
    font-size: 22px;
    color: #f6b334;
  }

  &:hover {
    transition: margin-right 2s ease-in-out .5s;
    background-color: #F1B434;
    color: #003B5C !important;
    border: 4px solid #003B5C;
    ;
    & img {
      background-color: #003B5C;
      border: 2px solid #003B5C;
    }
    & span {
    color: #003B5C;
    }
  }
}
.rdap-button.light {display: inline-flex; border: 0; text-transform: capitalize; padding: 10px 25px; border-radius: 10px; font-weight: 500;}

.rdap-button.light.non-link {cursor: default; &:hover {background-color: #003B5C; color: #F1B434 !important;}}

.rdap-button img {
  background-color: #F1B434;
  border: 2px solid #F1B434;
  margin-right: 15px;
  height: 25px;
}

.button-grid {
  display: flex;
  gap: 25px;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-evenly;
}


/* Styling widgets 
.WaGadgetRecentBlogPosts .gadgetTitleH4 {padding: 15px;}
.WaGadgetRecentBlogPosts li {padding: 15px 0px !important; border-bottom: 1px solid #d3d3d3; margin: 0 !important;}*/ 
/*
.WaGadgetRecentBlogPosts .title a {font-family: "Ubuntu Condensed", Arial, sans-serif; font-weight: 700; font-size: 1em; font-weight: 700 !important; color: #003B5C !important; text-decoration: none !important; &:hover {color: #396761 !important;}} */

/*Removing overflow hidden from custom HTML gadget*/
#HvWXim3, #id_UMCG1FG, #UMCG1FG, .WaGadgetCustomHTML {overflow: visible !important;}
[class^="WaGadget"] {
    margin: 0 0 20px 0;
    position: relative;
    overflow: visible !important;
}
#mLayout {overflow-x: hidden;}

/*.navbar-nav nav-item, .nav-link {font-size: 30px;}*/
.zoneWAbranding {display: none;}
.nav-item {padding-left: 20px;, padding-right: 20px;}
.nav-item  {color: black !important; font-weight: 800 !important; font-family: 'Ubuntu', 'Arial', sans-serif;}
.zoneHeader1 {padding: 0;} 
  .loginLink {border-radius: 50%;}
ul.dropdown-menu.megamenu.show, div.dropdown-menu.megamenu.show {border-radius: 10px; border-bottom: #F1B434 6px outset;}

.home-feature {box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; flex: 1; border-radius: 10px; margin: 15px;}
.home-feature .gadgetStyleTitle {padding: 0 !important;}

/* News and Events block */
div.home-mainbox {display: flex; align-items: flex-start; gap: 10px;}
.home-mainbox .home-news-box {flex: 2; background-color: white; margin: 15px 0;}
.home-mainbox .home-events-box {flex: 1; margin: 15px; background-color: white;}



/* Mega Menu */
.zonePlace.zoneHeader1 #id_Header {background-color: white;}
.navbar .megamenu {padding: 1rem;}
.navbar a:hover {text-decoration: none;}
a.dropdown-item .nav-item-title, a.dropdown-item .nav-item-desc {color: #333} 
.nav-mega-links ul {columns: 2;}
.nav-mega-links li a.dropdown-item {break-inside: avoid; padding: 10px 5px;}
.nav-item-title .fa-lock {color: #3c4142;}
.nav-item-title {font-weight:bolder;}
@media all and (min-width: 992px) {
  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left: 10% !important; width:80%; margin-top:0;}}	
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  } .nav-mega-links ul {columns: 1;}
  .nav-mega-links li a.dropdown-item {text-wrap: wrap;}.nav-mega-links ul.nav-link-list {padding: 10px;}
  #nav-logo {order: 1;} #nav-search-login {order: 2;}
  }

.nav-mega-flex {display: flex; gap: 15px; flex-wrap: wrap;}
.nav-mega-side {flex: 1 ; justify-content: center; font-weight: 600;} 
.nav-mega-links {flex: 2;}
.nav-mega-links ul {list-style: none;}
.nav-item .nav-link {border-top: 3px solid transparent;}
.nav-item .nav-link:hover, .nav-item .nav-link:focus {border-top: 3px #F1B434 solid; margin-top: -3px; color: #F1B434; transition: .15s;}
.nav-item {font-size: 1.4em;}
.header-icons {border-bottom: 1px solid white;}
.dropdown-item.active, .dropdown-item:active {background-color: #F1B434 !important;}

/* Styling for hero background */
#mLayout 
{background-image: linear-gradient(216deg, rgba(14,18,88, 0.09) 0%, rgba(14,18,88, 0.09) 25%,rgba(88,163,154, 0.12) 25%, rgba(88,163,154, 0.12) 38%,rgba(133,129,96, 0.14) 38%, rgba(133,129,96, 0.14) 75%,rgba(76,137,129, 0.33) 75%, rgba(76,137,129, 0.33) 100%),linear-gradient(44deg, rgba(133,129,96, 0.14) 0%, rgba(133,129,96, 0.14) 34%,rgba(32,5,118, 0.08) 34%, rgba(32,5,118, 0.08) 57%,rgba(25, 25, 25,0.05) 57%, rgba(25, 25, 25,0.05) 89%,rgba(135, 135, 135,0.05) 89%, rgba(135, 135, 135,0.05) 100%),linear-gradient(241deg, rgba(76,137,129, 0.33) 0%, rgba(76,137,129, 0.33) 14%,rgba(209,209,209, 0) 14%, rgba(209,209,209, 0) 60%,rgba(245, 245, 245,0.05) 60%, rgba(245, 245, 245,0.05) 69%,rgba(0,0,0, 0) 69%, rgba(0,0,0, 0) 100%),linear-gradient(249deg, rgba(199,124,236, 0.2) 0%, rgba(199,124,236, 0.2) 32%,rgba(255,249,239, 0.24) 32%, rgba(255,249,239, 0.24) 35%,rgba(46,3,117, 0.1) 35%, rgba(46,3,117, 0.1) 51%,rgba(10,52,59, 0.41) 51%, rgba(10,52,59, 0.41) 100%),linear-gradient(92deg, rgb(1,34,64),rgb(1,34,64));}




@media(max-width: 991px){#mLayout {background-position: top; background-repeat: no-repeat; background-size: cover;}}
a.nav-link, .navbar-nav .nav-link.active {font-size: 22px; color: white !important; text-transform: uppercase; font-weight: 500;}
.nav-link i {margin-right: 10px;}

.navbar-nav .nav-link.show {color: #F1B434 !important;}
ul.navbar-nav {justify-content: space-between; width: 100%;}

.home-mainbox a {color: #333; text-decoration: none; &:hover {text-decoration: underline;}}

/* Icons for upcoming events */
.location, .date {display: block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 500 !important;}
.WaGadgetUpcomingEvents li div {margin-bottom: 5px !important; line-height: 1.3 !important; font-size: 16px;}
.WaGadgetUpcomingEvents div.date, .WaGadgetUpcomingEvents div.location {margin-left: 5px !important;}


div.location::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f041 "; margin-right: 6px;  padding-left: 2px;}
div.date::before {font-family: "Font Awesome 5 Free"; font-weight: 400; content: "\f017"; margin-right: 5px;}


.home-news-box h2:after, .home-get-involved h2:after, .home-member-benefits h2:after, h2.home-h2:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background: #F1B434;
    margin-top: 20px;
}

h2.home-h2 {text-transform: uppercase;}

.member-benefits-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 25px; align-content: stretch;}


/* Mobile */
@media all and (max-width: 800px) {div.home-mainbox {display: block;} .member-benefits-grid {grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr);}}


.WaGadgetLoginButton .loginLink {background:transparent;}

/* Expanding search */
.search-click {
  border: 1px solid #ccc;
  outline: none;
  background-size: 22px;
  background-position: 13px;
  border-radius: 10px;
  width: 50px;
  height: 50px;
  padding: 25px;
  transition: all 0.5s;
}
.search-click:focus {
  width: 300px;
  padding-left: 20px;
}
.search-click {
  position: relative;
  overflow: hidden;
  height: 50px;
  background-image: url("//libapps.s3.amazonaws.com/accounts/167262/images/search-solid.png") !important; background-size: 20px !important; background-repeat: no-repeat !important; background-position: 15px center !important;
}
.search-click input {
  background: transparent;
  border: 1px solid #ccc;
  outline: none;
  position: absolute;
  width: 300px;
  height: 50px;
  left: 0%;
  padding: 10px;
}

span.navbar-toggler-icon {background-color: #F1B434; border-radius: 5px; }

div#nav-tab .active {color: #F1B434; background-color: #003B5C;}

.zoneFooter2 {background-color: white}
.zoneFooter2 ul {list-style-type: none; margin: 0;  padding: 0;}
#id_Footer1, #id_Footer, #id_Header1, #id_Header, #idHeaderContentHolder {max-width: 1500px;}

/* Add to a layout gadget to make it full width */
div.full-width {overflow-x: hidden; width: 99.9vw; max-width: 99.9vw; margin-left: calc(49.5% - 50vw);}
.full-width > div:first-child {padding: 10px 10px 10px 25px; margin: auto; max-width: 1200px;}
div.zonePlace.zoneContent {background-color: white;}
div.nav-item-desc {text-wrap: wrap;}

.zoneFooter2 {background-color: white !important;}
div.zoneContent div.WaGadgetContent ul {padding-left: 5px;}

/* Adding icons to Profile page*/
ul.memberDetailsTabMenu {
  /* Event registrations */
  & #eventRegistrationsShowLink a::before, #ctl00_ContentArea_registrationsTabLabel::before {font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f133 "; margin-right: 6px;  padding-left: 2px;}
    /* Profile */
  & #memberProfileContainerShowLink  a::before, #FunctionalBlock1_ctl00_ctl00_profileTabLabel::before {font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f2c1 "; margin-right: 6px;  padding-left: 2px;}
    /* Privacy */
  & #memberFieldsContainerShowLink  a::before, #FunctionalBlock1_ctl00_ctl00_privacyTabLabel::before {font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f06e "; margin-right: 6px;  padding-left: 2px;}
    /* Subs */
  & #membeSubscriptionsShowLink  a::before, #FunctionalBlock1_ctl00_ctl00_subscriptionsTabLabel::before {font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f003 "; margin-right: 6px;  padding-left: 2px;}
  /*Invoices*/
  & #invoicesShowLink a::before, #ctl00_ContentArea_invoicesTabLabel::before {font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f155 "; margin-right: 6px;  padding-left: 2px; }
  /*Donations*/
  & #donationsShowLink a::before, #ctl00_ContentArea_donationsTabLabel::before {font-family: "Font Awesome 5 Free";  font-weight: 700; content: "\f06b "; margin-right: 6px;  padding-left: 2px;}
}
#memberPhotoGalleryShowLink {display: none;}


span.postedByLink {display: none;}
/*Footer social*/
div.linkedin-logo a {font-size: 30px;  color: #0a66c2 !important; padding: 0px 5px; border-radius: 5px;}
div.linkedin-logo a:hover {text-decoration: none; color: white !important; background-color: #0a66c2;transition: .1s;}

div.youtube-logo a {font-size: 30px;  color: #FF0000 !important; padding: 0px 5px; border-radius: 5px;}
div.youtube-logo a:hover {text-decoration: none; color: white !important; background-color: #FF0000;transition: .1s;}

.bylaws-desc h2 {margin-top: 35px;}
.bylaws-desc h3 {margin-top: 25px; font-size: 24px;}
.bylaws-desc h4 {margin-top: 20px; font-size: 20px;}
.bylaws-desc h5 {margin-top: 15px; font-size: 20px;}
.bylaws-desc li {margin-bottom: 5px !important;}