/* Background Images and Footer */
/* Theme Roller */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato';
}
p {
    color: #4D5259;
}
.bg-silver {
    background-color: #F0F3F5;
}

.bg-silver > div {
    padding-top: 60px;
    padding-bottom: 60px;
}

.bg-silver > div:empty { 
    padding: 0;
 }

 
 .padding-60 > div {
    padding-top: 60px;
    padding-bottom: 60px
}


 .padding-40 > div {
     padding-top: 40px;
     padding-bottom: 40px
 }

 .padding-30 > div {
    padding-top: 30px;
    padding-bottom: 30px
}

 .bg-light-grey {
     background-color: #FAFAFA;
 }

 a {
     color: #437C0D;
 }

 a:hover, a:focus {
    color: #000;
}



/*** accordions ***/
.accordion-heading button {
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: #000;
    background: #fff;
    /* padding: 15px 0px; */
    margin: 0;
    border: none;
    border-top: 1px solid #f4f4f4;
    cursor: pointer;
    transition: .3s;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    padding: 30px 30px 30px 0;
}
.accordion-heading button:hover,
.accordion-heading button:focus {
    color: #437C0D;
    transition: .3s;
}
.accordion-heading button::before {
    font-family: Juniper;
    content: '\f010';
    margin-right: 10px;
    position: absolute;
    right: 0;
    color: #4D5259;
}
.open .accordion-heading button::before {
    font-family: Juniper;
    content: '\f011';
}
.accordion-text {
    display: none;
    padding-left: 0;
    padding-right: 0;
}
.accordion-wrap .ContentItemHtml,
.accordion-wrap .ContentItemHtml:hover {
    transition: none !important;
}
.accordion-wrap {
    /* margin-bottom: 15px; */
    margin-right: 50px;
}

.accordion-text p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

/* Styling for Juniper Header */

#MPOuterHeader .col-md-12 {
    padding: 0;
}

#MPOuterHeader #NAV,#MPOuterHeader #HEADER #MPheader > .row {
    margin: 0;
}


#MPOuterMost.full #HEADER, html body sw-primary-nav {
  max-width: none;
}

#MPOuterMost.full #HEADER > .col-md-12 { 
    padding: 0;
}

#MPOuterMost.full #FOOTER {
    max-width: none;
    padding: 0;
}

#FOOTER #MPFooterLink, #FOOTER #MPFooter, #FOOTER #MPCopyright, #MPFooterLink {
    display: none;
}

#MPOuterMost {
    overflow-x: hidden;
}

/* HL Nav */

#MPheader {
    display: none;
}

#NAV.traditional-nav #MPButtonBar {
    max-width: none;
}

#NAV.traditional-nav #MPButtonBar .row { 
    margin: 0;
 }

 
#NAV.traditional-nav #MPButtonBar .navbar { 
    background-color: #E5F5F1;
    border: 0;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
 }

 #NAV.traditional-nav #MPButtonBar .navbar ul li a { 
     padding-top: 0;
     padding-bottom: 0;
  }

 .level-1-title {
     float: left;
     padding-left: 32px;
     font-size: 16px;
     line-height: 23px;
     letter-spacing: -0.02em;
     color: #4D5259;
     position: relative;
     text-decoration: none;
 }

 .level-1-title:hover, .level-1-title:focus {
    color: #4D5259;
 }

 .level-1-title:hover::before, .level-1-title:focus::before { 
    content: '';
    background-color: #0096A4;
    position: absolute;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 50%;
    height: 10px;
    width: 10px;
    transform: translateY( -5px);

 }

 #NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus,  #NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>li>a { 
     background-color: transparent;
     font-size: 14px;
     line-height: 20px;
     letter-spacing: -0.02em;
     color: #000;
     padding-left: 20px;
     position: relative;
  }

  #NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu)>.open>a::before, #MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu)>.active>a::before, #MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu) > li > a:hover::before, #MPButtonBar .navbar-default .navbar-nav:not(.dropdown-menu) > li > a:focus::before{
      content: '';
      background-color: #0096A4;
    position: absolute;
    border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 50%;
    height: 10px;
    width: 10px;
    transform: translateY( -5px);
}

.navbar-nav>li>.dropdown-menu {
    top: 43px;
    background-color: #E5F5F1;
    padding: 0;
    border-color: #E5F5F1;
    box-shadow: none;
}

#NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>li ul.dropdown-menu>li>a {
    padding-bottom: 14px;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #fff;
    color: #000;
}

  .navbar-default .navbar-collapse, .navbar-default .navbar-form,   .navbar-default .navbar-collapse .col-md-12, .navbar-default .navbar-form .col-md-12 {
      padding: 0;
  }

  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover .caret, .nav-tabs > li.active > a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
  }

  .nav .caret {
      border-top-color: #437C0D;
      border-bottom-color: #437C0D;
  }

  .nav .open>a .caret, .nav .open>a:hover .caret, .nav .open>a:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
  }

  .navbar-default .navbar-nav>.dropdown>a .caret {
      display: none;
  }

  #searchColumn {
      display: none;
  }

  #NAV.traditional-nav #MPButtonBar .navbar-nav { 
    padding-left: 68px;
  }

  /* Handle Round Images */

  /* Circular Profile Picture Reset */

.Welcome .imgButton.btn,
a[id*='ProfileImage']:not([id*='NameLink']):not([id*='ManageDropDown']),
a[id*='UserImageDisplay'],
a[id*='Contacts_PictureLink'],
a[id*='lnkDisplay'],
a[id*='Welcome_Details_ProfileLink'],
.list-group-item-image,
a[title='User Name Image'],
a[oldtitle='User Name Image'],
.hl.paged-list .hl-contact .profile-img img,
.member-dashboard-img a,
.dashboard-col-3 ul li .col-sm-2 a,
.HLEngagement .Picture a,
td.ProfilePic>a {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background-color: #d8d9db;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
}

.DiscussionContentContainer li[id*="DiscussionMessageListItem"] a[id*="lnkDisplay"] {
    width: 90px;
    height: 90px;
} 

div[id*="threadNav"] div.list-group-item-image img {
    height: 45px;
    width: 45px;
    max-width: 45px;
}

div[id*="ProfileImage"] div[id*="pnlImage"] a[id*="lnkDisplay"] {
    height: 200px;
    width: 200px;
}

.inbox-list img[id*="ucUserImage"] {
    border-radius: 50%;
}

div[id*="threadNav"] div.list-group-item-image img.profile-img-sm { 
    margin-right: 0;
    margin-bottom: 0;
}

.HLLandingControl.SearchResults {
    border: 0;
    padding: 0;
}

.home .ContentUserControl .HLLandingControl {
    margin-bottom: 0;
}

/* Settings > Members */

.hl.paged-list .hl-contact .profile-img img {
    max-height: 100%;
}


/* Settings > Moderation > Items in Moderation Reset */

table.table-condensed a[id*='lnkDisplay'] {
    width: unset;
    height: unset;
}

  /* Handle Hero */

  .hero-wrapper {
      padding: 35px 0 60px;
      position: relative;
      background-size: cover;
  }


  .hero-wrapper::before { 
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    background: #448500;
    mix-blend-mode: normal;
    opacity: 0.7;
    z-index: 5;
   } 

  .hero-wrapper .hero {
      max-width: 770px;
      margin: 0 auto;
      position: relative;
      z-index: 10;
  }

  .hero-wrapper .hero h1 { 
    font-size: 42px;
    line-height: 50px;
    text-align: center;
    letter-spacing: -0.03em;
    margin-bottom: 31px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 15px;
   }

   .hero p {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-bottom: 30px;
   }

   .hero .SearchInputs {
       background-color: white;
       padding: 16px 20px;
   }

   .hero .SearchInputs input.form-control::placeholder {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #000;
    font-style: normal;
   }

   .hero .SearchInputs input.form-control, .hero .SearchInputs .input-group-btn button {
       border-radius: 0;
       background-color: transparent;
       border-color: transparent;
       box-shadow: none;
   }

   .hero .SearchInputs input.form-control {
       font-size: 18px;
       line-height: 26px;
       letter-spacing: -0.02em;
   }

   .hero .SearchInputs .input-group-btn button { 
        padding: 0;
        border: 0;
}

.hero .SearchInputs .input-group-btn button .glyphicon-search { 
    font-size: 22px;
    line-height: 1;
 }

 .hero .SearchInputs .input-group-btn button .glyphicon-search::before { 
     font-family: Juniper;
     content: "\f000";
  }


/* Image CTA */
.left-image,
.image-left .HtmlContent, .image-right .HtmlContent {
	display: flex;
}

.image-left {
    padding-top: 60px;
    padding-bottom: 80px;
}

.image-left {
    align-items: center;
}

.image-left .HtmlContent > div:first-of-type,
.image-right .HtmlContent > div:last-of-type {
	background-size: cover;
	background-position: center;
    position: relative;
}

.image-left .HtmlContent > div:first-of-type::before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #F0F3F5;
    z-index: -1;
    top: 100px;
    left: calc(-50vw);
    transform: translateX(100%);
}

.image-left > .col-md-6 {
    flex-grow: 0;
    flex-shrink: 1;
}
.image-left > .col-md-6:first-child {
    flex-basis: 50%;
    padding: 50px 0;
}
.image-left > .col-md-6:last-child {
    flex-basis: 50%;
    padding: 0px 50px 0px 100px;
}

.image-left .HtmlContent > div:first-of-type {
	flex-basis: 50%;
}

.image-left .HtmlContent > div:last-of-type {
    padding-left: 100px;
	flex-basis: 50%;
	align-self: center;
}

.image-left .HtmlContent > div:last-of-type p { 
	margin: 0;
 }

 .image-left .HtmlContent > div:last-of-type em a { 
	margin-top: 20px;
  }

.image-left h3 {
	font-size: 40px;
	line-height: 46px;
}

.image-right .HtmlContent > div:first-of-type {
    padding: 0px 50px 0px 15px;
    flex-basis: 50%;
    align-self: center;
}

.image-right .HtmlContent > div:last-of-type {
	padding: 200px 15px;
	flex-basis: 50%;
}

.image-right.make-buttons em a {
	margin-top: 25px;
}

.image-right.video .HtmlContent > div:last-of-type {
    padding: 200px 0 0 0;
    bottom: -50px;
}

.image-left h4 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.image-left h3, .interior .image-left .HtmlContent > div:last-of-type h3 {
    font-size: 26px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.03em;
    color: #000;
    margin-bottom: 20px;
    text-transform: none;
}

 .image-left ol {
    counter-reset: juniper-counter;
    padding-left: 0;
 }

 .image-left p {
    font-size: 18px;
    line-height: 26px;
    color: #4D5259;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
 }

 .home .image-left .HtmlContent > div:last-of-type p {
     margin-bottom: 20px;
 }
 
 .image-left ol li {
     list-style: none;
     counter-increment: juniper-counter;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #4D5259;
    letter-spacing: -0.02em;
    position: relative;
    padding-left: 70px;
    margin-bottom: 20px;
 }

 .image-left ol li::before {
     content: counter(juniper-counter); 
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    padding: 7px 10px;
    background-color: #fafafa;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .image-right {
      background-color: transparent;
  }

  .image-right .HtmlContent > div:last-of-type {
    z-index: 5;
}

.image-right:not(.bordered):not(.heading-1) .HtmlContent::after {
    content: '';
    height: 100%;
    width: 50%;
    position: absolute;
    background-color: #F0F3F5;
    z-index: 1;
    top: 100px;
    right: -100px;
}

.heading-1 .HtmlContent > div:first-of-type {
    padding-left: calc(50% - 600px);
    padding-top: 0px;
    padding-bottom: 70px;
    flex-basis: 50%;
}

  .heading-1 .HtmlContent > div:first-of-type h1 { 
    font-weight: 500;
    font-size: 58px;
    line-height: 63px;
    letter-spacing: -0.04em;
    color: #000;
    margin-top: 0;
   }

   .heading-1 .HtmlContent > div:first-of-type p { 
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.02em;
        color: #000;
    }

    .heading-1.dark-colour-scheme .HtmlContent > div:first-of-type h1 { 
        color: #fff;
       }

       .heading-1.dark-colour-scheme .HtmlContent > div:first-of-type p { 
        color: #fff;
    }

  .heading-1 {
      background-color: #F0F3F5;
      margin-bottom: 100px;
  }

  .heading-1.video {
      margin-bottom: 120px;
   }

  .heading-1 .HtmlContent > div:last-of-type {
      top: 40px;
      padding: 233px 15px;
      flex-basis: 50%;
  }


  .heading-1.dark-colour-scheme {
    background-color: black;
  }

  .heading-2 .HtmlContent {
      max-width: 740px;
  }

  .heading-2 h3 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    margin: 0;
  }
  
  .heading-2 h2 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    font-weight: 400;
    margin: 20px 0 20px 0;
  }

  .heading-2 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin-bottom: 34px;
  }

  .image-right.bordered {
      border-radius: 6px;
      border: 0.5px solid #B5B8B9;
      box-sizing: border-box;
      margin: 60px 0;
  }

  .image-right.bordered .HtmlContent > div:first-of-type {
      padding: 30px;
  }
  
  .image-right.bordered .HtmlContent > div:last-of-type {
      padding: 0;
  }

  .image-right.bordered h5 {
    /* font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #000; */
    margin-bottom: 40px;
    /* margin-top: 0; */
  }

  .image-right.bordered h2 { 
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    margin: 40px 0;
  }

  .image-right.bordered p { 
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    margin: 0;
   }

   .image-right.styled-list ul {
       padding-left: 0;
       margin-bottom: 0;
       list-style: none;
   }

   .image-right.styled-list ul li {
       margin-bottom: 20px;
       font-weight: normal;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.02em;
        color: #4D5259;
        position: relative;
        padding-left: 48px;
   }

   .image-right.styled-list ul li:last-of-type {
       margin-bottom: 0;
    }

   
   .image-right.styled-list ul li::before {
       content: '';
       position: absolute;
       height: 28px;
       width: 28px;
       background-color: #fff;
       border-radius: 50%;
       top: 0;
       left: 0;
   }

   .image-right.styled-list ul li strong {
    font-weight: normal;
    font-size: 26px;
    line-height: 30px;
    display: block;
    margin-bottom: 20px;
    color: #000;
   }

   .callout-box {
       margin: 60px 0;
   }

   .callout-box a { 
       text-decoration: none;
    }

   .callout-box .HtmlContent {
       background-color: #000;
       padding: 40px;
       color: #fff;
   }

   .callout-box .HtmlContent h3 { 
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 0;
    }

    .callout-box .HtmlContent h2 { 
        font-weight: 400;
        font-size: 26px;
        line-height: 30px;
        letter-spacing: -0.02em;
        margin: 0px 0 10px 0;
        color: #fff;
    }

    .callout-box .HtmlContent p { 
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.02em;
        color: #fff;
        margin: 0;
    }

    .callout-box .HtmlContent em span { 
        background-color: #fff;
        color: #000;
        display: inline-block;
        margin-top: 36px;
    }

             
    .callout-box:hover .HtmlContent em span, .callout-box:focus .HtmlContent em span { 
        background-color: #437C0D;
        color: #fff;
    }

    
/* Promo Tile */

.home .promo-tile {
    margin-top: 60px;
}

.promo-tile {
    position: relative;
    margin-bottom: 20px;
}

.promo-tile.make-buttons h2 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    color: #888D90;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    margin-bottom: 4px;
}

.promo-tile .HtmlContent::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22.4%, rgba(0, 0, 0, 0.8) 58.33%);
}

.promo-tile .HtmlContent {
    padding: 116px 40px 40px 40px;
    text-align: center;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 10;
    border-radius: 6px;
    overflow: hidden;
}

.promo-tile .HtmlContent a { 
    text-decoration: none;
 }

.promo-tile h3 {
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.02em;
    color: white;
    position: relative;
    z-index: 15;
}

.promo-tile p {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: white;
    position: relative;
    z-index: 15;
}

.promo-tile .HtmlContent > a, .promo-tile .HtmlContent p > a {
    color: white;
    text-decoration: underline;
    transition: 0.3s;
} 

.promo-tile .HtmlContent > a:hover, .promo-tile .HtmlContent > a:focus, .promo-tile .HtmlContent p > a:hover, .promo-tile .HtmlContent p > a:focus {
    text-decoration: none;
    opacity: 0.8;
    transition: 0.3s;
}

.promo-tile em {
    position: relative;
    z-index: 15;
}

.promo-tile .HtmlContent:hover em span {
    background-color: black;
    transition: 0.3s;
}
.promo-tile.make-buttons em a {
    margin-top: 15px;
}

/****** top tiles ******/

.tile-wrapper {
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}

.top-tile {
    margin: 10px 15px;
    transition: 0.3s;
    flex-basis: 33.3333333333%;
}

.top-tile:hover, .top-tile:focus {
    margin: 6px 15px 14px;
    transition: 0.3s;
}

.top-tile a {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    color: #484848;
    display: block;
    text-decoration: none;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.top-tile.make-buttons.arrow:hover em span, .top-tile.make-buttons.arrow:focus em span {
 position: relative;
}

.top-tile.make-buttons.arrow:hover em span::before {
    content: '';
    background-color: black;
    height: 1px;
    width: calc(100% - 20px);
    left: 0;
    top: 27px;
    position: absolute;
}
.top-tile:hover em span,
.top-tile:focus em span, .home .tile-wrapper .top-tile.make-buttons.arrow:hover em span::after,
.home .tile-wrapper .top-tile.make-buttons.arrow:focus em span::after {
    color: #000 !important;
}
.top-tile a h2,
.top-tile a h2 span::after {
    border: none;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
}
.top-tile a em {
    font-style: normal;
    text-transform: none;
}
.top-tile img {
    height: 50px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
}

/*** slick dots for mobile ***/
.top-tile ul.slick-dots {
    bottom: -20px;
}
.top-tile ul.slick-dots li button {
    display: none;
}
.top-tile ul.slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c8c8c8;
}

.top-tile p {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
}

.top-tile p:empty {
    display: none;
}

.icon h2 {
    display: flex;
    align-items: center;
    color: #000;
    margin-top: 0;
}

.icon h2::before {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-family: Juniper;
    font-size: 25px;
    margin-right: 20px;
}

.icon h2::before {
    background-color: #000;
    transition: 0.3s;
}

.icon:hover h2::before, .icon:focus h2::before {
    background-color: #0096A4;
    transition: 0.3s;
}

.icon.answers h2::before {
    content: '\f001'; 
}

.icon.lightbulb h2::before {
    content: '\f002';
    padding: 0 13px;
}

.icon.rise h2::before {
    content: '\f003';    
}

.make-buttons em a,
.make-buttons em span,
a[id*="MoreLink"],
a[id*="hypMore"],
a[id*="LinkToCalendar"],
.make-buttons a[id*="_Link"],
.update-friend a.add-contact,
.update-friend a.ignore-contact,
a[id*="communityJoinLeave"] {
	display: inline-block;
	padding: 16px 34px;
	border: 0;
	font-size: 17px;
	line-height: 19px;
	font-weight: 700;
	font-style: normal;
    font-family: Lato, sans-serif;
    color: #fff;
    background-color: #437C0D;
	text-decoration: none;
	transition: 0.3s;
    text-shadow: none;
    border-radius: 0;
}

.make-buttons em a:hover,
.make-buttons em a:focus,
.make-buttons em span:hover,
.make-buttons em span:focus,
.mam-button.blue-button em a:hover,
.mam-button.blue-button em a:focus,
.callout-box.yellow-button em a:hover,
.callout-box.yellow-button em a:focus,
a[id*="MoreLink"]:hover,
a[id*="MoreLink"]:focus,
a[id*="hypMore"]:hover,
a[id*="hypMore"]:focus,
a[id*="LinkToCalendar"]:hover,
a[id*="LinkToCalendar"]:focus,
.make-buttons a[id*="_Link"]:hover,
.make-buttons a[id*="_Link"]:focus, 
a[id*="communityJoinLeave"]:hover,
a[id*="communityJoinLeave"]:focus {
	color: #fff;
	background: #000;
	transition: 0.3s;
}

.make-buttons.white em a {
    background-color: #fff;
    color: #000;
}

.make-buttons.white em a:hover,
.make-buttons.white em a:focus {
    background-color: #437C0D;
    color: white;
}

.make-buttons.arrow em a,
.make-buttons.arrow em span,
a[id*="hypMore"],
a[id*="LinkToCalendar"],
.latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"],
.member-dashboard .featured ul a li > span,
a[id*="MoreLink"]
 {
    padding: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 33px;
    color: #437C0D;
    background: transparent;
}

.make-buttons.arrow em a::after, .make-buttons.arrow em span::after, a[id*="hypMore"]::after, a[id*="LinkToCalendar"]::after,
.latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"]::after, .member-dashboard .featured ul a li > span::after, a[id*="MoreLink"]::after
 { 
    display: inline-block;
    content: '\f004';
    font-family: 'Juniper';
    margin-left: 5px;
 }

 .make-buttons.arrow em a:hover, .make-buttons.arrow em a:focus,  .make-buttons.arrow em span:hover, .make-buttons.arrow em span:focus, a[id*="hypMore"]:hover, a[id*="hypMore"]:focus, a[id*="LinkToCalendar"]:hover::after, a[id*="LinkToCalendar"]:focus::after,
 .latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"]:hover::after,
 .latest-blogs .SearchResults.HLLandingControl ul li span[id*="ShowMore"]:focus::after, .member-dashboard .featured ul a:hover li > span , .member-dashboard .featured ul a:focus li > span , .member-dashboard .featured ul a:hover li > span::after, .member-dashboard .featured ul a:focus li > span::after, a[id*="MoreLink"]:hover, a[id*="MoreLink"]:focus { 
    color: #000;
    text-transform: underline;
    background-color: transparent;
    box-shadow: none;
}


.member-dashboard .featured ul a {
    text-decoration: none;
    transition: 0.3s;
}

.member-dashboard .featured ul a:hover, .member-dashboard .featured ul a:focus {
    text-decoration: underline;
    transition: 0.3s;
}

.HLLandingControl .Content {
    padding-left: 0px;
    padding-right: 0px;
}


/* Latest Activity */

.HLLandingControl ul li {
    border-bottom: 1px solid #F0F3F5;
}

.latest-activity {
    margin-bottom: 60px;
    padding-left: 20px;
}

.latest-activity a[id*="lnkDisplay"] {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}
.latest-activity a[id*="lnkDisplay"] img {
    width: 40px;
    height: 40px;
}

.latest-activity div[id*="pnlTitle"] {
    padding: 0;
    width: 100%;
}

.latest-activity div[id*="pnlObjectType"] {
    display: none;
}

.latest-activity .ByLine, .latest-activity h5 {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #4D5259;
}

.latest-activity .ByLine a, .latest-activity h5 a { 
    color: #4D5259;
 }

 .latest-activity .ByLine a:hover, .latest-activity .ByLine a:focus, .latest-activity h5 a:hover, .latest-activity h5 a:focus { 
    text-decoration: none;
 }

.latest-activity h5 { 
    margin: 0;
    margin-top: 4px;
 }

 .latest-activity ul li .title-row .col-sm-10.col-md-10 {
     padding: 0;
 }

 .latest-activity #sortOptionsContainer {
     display: none;
 }

 .latest-activity a[id*='ProfileImage']:not([id*='NameLink']):not([id*='ManageDropDown']), .latest-activity ul li .content-row div[id*="DiscussionList_Picture"] a img {
    width: 40px;
    height: 40px;
 }

.HLLandingControl.SearchResults h2, .HLLandingControl.HLDiscussions .heading h2, .HLLandingControl.HLAnnouncements h2, .HLLandingControl.HLMyDocuments h2,  .HLLandingControl.HLEventList h2, .HLLandingControl.HLRecentBlogs h2   {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 0;
}

.interior .HLLandingControl.SearchResults h2, .interior .HLLandingControl.HLDiscussions .heading h2, .interior .HLLandingControl.HLAnnouncements h2, .interior .HLLandingControl.HLMyDocuments h2, .interior .HLLandingControl.HLEventList h2,  .HLLandingControl.HLRecentBlogs h2 {
    margin-top: 30px;
}

.HLLandingControl.SearchResults ul li, .HLLandingControl.HLDiscussions ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.HLLandingControl ul li h3 a, .most-active-groups .community-list h3 a {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: #000;
}

.HLLandingControl ul li h3 a:hover, .HLLandingControl ul li h3 a:focus, .most-active-groups .community-list h3 a:hover, .most-active-groups .community-list h3 a:focus { 
    text-decoration: underline;
 }

 .most-active-groups .community-list h3 {
     margin-top: 0;
 }

.HLLandingControl.SearchResults ul {
    padding-top: 0;
}

.HLLandingControl.SearchResults .Content {
    padding: 0;
}

.latest-activity .HLLandingControl.HLDiscussions ul li .CommentPanel {
    display: none;
}

.latest-activity .HLLandingControl.HLDiscussions div[id*="BottomLink"] .col-md-12 {
    padding: 0;
}

div[id*="BottomLink"] .col-md-12 {
    padding: 0;
}


/* Most Active Groups */

.home .most-active-groups {
    padding: 30px;
    background-color: #fafafa;
    margin-top: 40px;
}

.home .most-active-groups h2 { 
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 34px;
 }

 .home .most-active-groups span[id*="CommunityCount"],  .home .most-active-groups .community-list p[id*="pDescription"], .home .most-active-groups .community-list p[id*="StatLastJoined"],  .home .most-active-groups .community-list .nested-community,  .home .most-active-groups .community-list .col-md-5 div[id*="pnlEnterJoin"], .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a[id*="CommunityDocumentsCount"] {
     display: none;
 }

 .home .most-active-groups .community-list .col-md-7,  .home .most-active-groups .community-list .col-md-5 { 
     width: 100%;
 }

 .community-list h3 {
     margin-bottom: 10px;
 }

 .home .most-active-groups .row.rowContainer.community-list {
    margin-top: 0;
    padding-bottom: 30px;
    margin-bottom: 30px;
 }

 .home .most-active-groups .row.rowContainer.community-list:last-child {
     padding-bottom: 0;
     margin-bottom: 0;
     border: 0;
 }

 .home .most-active-groups .row.rowContainer.community-list .col-md-7, .home .most-active-groups .row.rowContainer.community-list .col-md-7 .col-md-12,  .home .most-active-groups .row.rowContainer.community-list .col-md-5 { 
    padding: 0;
  }

  .home .most-active-groups .row.rowContainer.community-list .col-md-7 > .row, .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row {
      margin: 0;
   }

   
   .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right 
   {   
        display: flex;
   }

   .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a
   { 
    background-color: transparent;
    border: 0;
    padding: 0;
   }

   .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a[id*="CommunityDiscussionCount"]
   { 
       order: 2;
       text-transform: lowercase;
    }

    
   .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a[id*="CommunityMembersCount"]
   { 
       order: 1;
       margin-right: 20px;
       text-transform: lowercase;
    }

    .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a span.badge {
        float: left;
        background-color: transparent;
        padding: 0;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #4D5259;
        margin-right: 2px;
    }
    
    .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a[id*="CommunityDiscussionCount"] .badge::before, .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a[id*="CommunityMembersCount"] .badge::before
    { 
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #0096A4;
        display: inline-block;
        margin-right: 2px;
     }

    .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a[id*="CommunityDiscussionCount"] .badge::before
    { 
        content: '\f008';
        font-family: Juniper;
     }

     
    .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row[id*="pnlAttributes"] .pull-right a[id*="CommunityMembersCount"] .badge::before
    { 
        content: '\f009';
        font-family: Juniper;
     }

   .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row .col-md-12 { 
       padding: 0;
    }

    .home .most-active-groups .row.rowContainer.community-list .col-md-5 > .row .col-md-12 > .pull-right { 
        float: none !important;
     }

    .home .most-active-groups .pagination {
        display: none;
    }

/* top contributor */

.home .HLLandingControl.HLEngagement {
    padding: 30px;
    background-color: #fafafa;
    margin-top: 40px;
}

.home .HLLandingControl.HLEngagement { 
    margin-bottom: 60px;
 }

.HLLandingControl.HLEngagement .heading h2 {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    color: #000000;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}

.HLEngagement .Content, .HLEngagement .Content ul { 
    padding: 0;
 }

 .HLEngagement .Content ul li { 
     padding-bottom: 17px;
     margin-bottom: 20px;
  }

  .HLEngagement .Content ul li .col-md-9 a { 
      font-size: 22px;
      line-height: 30px;
      letter-spacing: -0.02em;
      color: #000;
      text-decoration: none;
      display: block;
      margin-bottom: 10px;
   }

   .HLEngagement .Content ul li .col-md-9 a:hover, .HLEngagement .Content ul li .col-md-9 a:focus { 
       text-decoration: underline;
    }

   .HLEngagement .Content ul li .col-md-9 .points-label { 
       background-color: transparent;
       font-size: 10px;
       line-height: 13px;
       color: #000;
       padding: 0;
       text-transform: uppercase;
    }

    .HLEngagement .Content ul li .col-md-9 .points-label::before { 
        display: inline-block;
        padding: 4px 12px;
        background-color: #0096A4;
        border-radius: 40px;
        font-size: 10px;
        line-height: 13px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-family: Lato;
        margin-right: 10px;
     }

     .HLEngagement .Content ul li:first-child .col-md-9 .points-label::before {
         content: '1st';
      }

      .HLEngagement .Content ul li:nth-child(2) .col-md-9 .points-label::before {
        content: '2nd';
     }

     .HLEngagement .Content ul li:nth-child(3) .col-md-9 .points-label::before {
        content: '3rd';
     }

     
     .HLEngagement .Content ul li:last-child .col-md-9 .points-label::before {
        content: '4th';
     }

     .HLEngagement .Picture {
         width: 50px;
     }

     .HLEngagement .Picture a {
         width: 50px;
         height: 50px;
     }

     .HLLandingControl.HLEngagement .title-row img {
         max-height: 50px;
         max-width: 50px;
         height: 50px;
         width: 50px;
         margin: 0;
     }

     .link-tile-title .HtmlContent {
         padding-top: 60px;
         padding-left: 60px;
     }

     .link-tile-title h2 {
        font-size: 58px;
        line-height: 63px;
        letter-spacing: -0.04em;
        position: relative;
        z-index: 5;
        margin-top: 0;
        margin-bottom: 20px;
     }

     
     .link-tile-title p { 
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        letter-spacing: -0.02em;
        max-width: 371px;
        position: relative;
        z-index: 5;
      }

      .link-tile-title {
          position: relative;
      }

      .link-tile-title::before {
          content: '';
          position: absolute;
          width: 350px;
          height: 350px;
          background-color: white;
          top: 0;
          left: 0;
          border-radius: 50%;
      }


      .two-column-full > div:first-of-type {
        padding-left: calc(50% - 600px);
      }

      .two-column-full > div:last-of-type {
        padding-right: calc(50% - 600px);
      }

      .link-wrapper {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
      }

      .link-tile {
          flex-basis:  48%;
          background-color: #fff;
          padding: 20px;
          transition: 0.3s;
      }

      .link-tile:hover, .link-tile:focus {
        box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
        border-radius: 6px;
        transition: 0.3s;
      }

      .link-tile:hover em span, .link-tile:focus em span {
          transition: 0.3s;
          position: relative;
      }

      .link-tile:hover em span, .link-tile:focus em span, .link-tile:hover em span::after, .link-tile:focus em span::after {
          color: black;
          transition: 0.3s;
      }

      .link-tile:hover em span::before, .link-tile:focus em span::before { 
            content: '';
            height: 1px;
            width: 100%;
            position: absolute;
            bottom: 0;
            background: black;
       }

      .link-tile:first-child {
          margin-bottom: 20px;
      }

      .link-tile:nth-child(2) { 
            margin-bottom: 20px;
       }

      .link-tile a { 
          text-decoration: none;
       }

      .link-tile h2 { 
          margin: 0;
          margin-bottom: 10px;
          font-weight: 400;
          font-size: 22px;
          line-height: 30px;
          color: #000;
       }

       .link-tile p { 
        margin: 0;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #000;
     }

     .latest-blogs .SearchResults.HLLandingControl .Content ul li {
         background-color: #fafafa;
         border-radius: 6px;
         position: relative;
         padding: 30px;
         padding-left: 280px;
         border-bottom: 0;
         transition: 0.3s;
         overflow: hidden;
     }

     .latest-blogs .SearchResults.HLLandingControl .Content ul li:hover, .latest-blogs .SearchResults.HLLandingControl .Content ul li:focus {
        box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
        transition: 0.3s;
    }

    .latest-blogs .SearchResults.HLLandingControl .Content ul li:hover span#ShowMore, .latest-blogs .SearchResults.HLLandingControl .Content ul li:focus span#ShowMore {
        color: black;
        transition: 0.3s;
    }

     .latest-blogs .SearchResults.HLLandingControl .Content ul li .img-container {
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 100%;
         width: 250px;
         background-size: cover;
         background-position: center;
     }

     .latest-blogs .SearchResults.HLLandingControl .Content ul li .img-container[style*="undefined"] {
        background-image: url('https://higherlogicdownload.s3.amazonaws.com/JUNIPER/d23a697c-df5f-4ff0-a1e2-adfaa82cbc02/UploadedImages/home/blog-placeholder.png') !important;
     }

     .latest-blogs .SearchResults.HLLandingControl .Content ul li .content-tags { 
         font-size: 0;
      }

      .latest-blogs .SearchResults.HLLandingControl .Content ul li .content-tags a.label-search-tag { 
        font-size: 10px;
        line-height: 13px;
        font-weight: 700;
        text-transform: uppercase;
        color: #000;
        padding: 0;
        background-color: transparent;
        border: 0;
        margin-bottom: 10px;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .title-row .col-sm-9.col-md-9 {
    width: 100%;   
}

.latest-blogs .SearchResults.HLLandingControl .Content ul a {
    text-decoration: none;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .title-row .col-sm-9.col-md-9 h3 span {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px; 
    letter-spacing: -0.02em;
    color: #000;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li div[id*="pnlDescription"] {
    display: none;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .title-row .col-sm-3.col-md-3 {
    display: none;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine {
    display: flex;
}

.latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine .blog-time { 
    order: 1;
 }

 .latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine a {
     order: 2;
     margin-left: 10px;
     border-left: 1px solid #000;
     padding-left: 10px;
  }

  .latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine .blog-time,  .latest-blogs .SearchResults.HLLandingControl .Content ul li .ByLine a {  
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #4d5259;
  }

  .home .latest-blogs {
      margin-bottom: 60px;
  }

  /* Upcoming Events */

  .upcoming-events .HLEventList {
      margin-top: 60px;
      background-color: #fafafa;
      padding: 30px;
      margin-left: 100px;
  }

  .upcoming-events .HLEventList h2 { 
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 30px;
    padding: 0;
   }

   .upcoming-events .HLEventList h2 .add-event-button { 
       float: right;
    }

    .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul {
        padding: 0;
    }

    .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul h4 { 
        font-size: 10px;
        line-height: 13px;
        color: #000;
     }

     .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul h3 a { 
         font-size: 22px;
         line-height: 30px;
         color: #000;
         letter-spacing: -0.02em;
         text-transform: none;
      }

      .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul h3 {
          margin-bottom: 10px;
      }

      .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li .event-date, .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li .event-time, .upcoming-events .HLEventList .Content ul li div[id*="LocationPanel"] { 
          font-size: 14px;
          line-height: 20px;
          letter-spacing: -0.02em;
          color: #4D5259;
          font-family: Lato;
          font-weight: 400;
          display: inline-block;
          text-transform: capitalize;
       }

       .upcoming-events .HLEventList .Content ul li .timeAgoFormat {
           margin-bottom: 6px;
        }

       .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li .event-date {
           margin-right: 10px;
       }

       .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li .event-date::before, .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li .event-time::before, .upcoming-events .HLEventList .Content ul li div[id*="LocationPanel"]::before { 
           content: '';
           font-family: Juniper;
           font-size: 14px;
            line-height: 20px;
            font-weight: 400;
            display: inline-block;
            margin-right: 2px;
            color: #0096A4;
        }

        .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li .event-date::before {
            content: '\f005';
        }

        .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li .event-time::before {
            content: '\f006';
        }

        .upcoming-events .HLEventList .Content ul li div[id*="LocationPanel"]::before {
            content: '\f007';
        }

        .upcoming-events .HLEventList .Content br {
            display: none;
        }

        .upcoming-events .HLEventList .Content,.upcoming-events .HLEventList .Content ul li h4 {
            font-weight: 700;
            font-size: 10px;
            line-height: 13px;
            color: #000;
            text-transform: uppercase;
            margin: 0;
            margin-bottom: 10px;
        }

        .upcoming-events .HLEventList .Content { 
            padding-bottom: 0;
            margin-bottom: 0;
            width: 100%;
         }

         .upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] { 
             padding: 0;
          }

          .upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] a { 
              text-transform: none;

           }

           .upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] a:hover, .upcoming-events .HLEventList div[id*="BottomLink"] div[id*="More"] a:focus { 
               color: black;
               background-color: transparent;
            }

    .home .upcoming-events .HLEventList {
        margin-bottom: 60px;
    }

/* Event List */

.event-list .date-block {
    margin-bottom: 20px;
}

.interior .event-list-item h3 {
    margin-top: 20px;
}

/* Member Dashboard */

/****** member dashboard ******/

.member-dashboard {
	background: #F0F3F5;
	position: relative;
	background-position: center;
	background-size: cover;
    margin: 0 -15px;
}

.member-dashboard .row-wide {
	position: relative;
	z-index: 10;
}

.member-dashboard > .row.row-wide {
	height: 135px;
	transition: .6s ease-in-out;
	padding: 15px 0;
	position: relative;
}

.member-dashboard > .row.row-wide { 
    max-width: 1340px;
 }

.member-dashboard.open > .row.row-wide {
	padding: 20px 0;
	height: 360px;
}

.member-dashboard > .row.row-wide div[class*="dashboard-col-"] > *:not(.member-dashboard-img),
.dashboard-slider .slick-dots {
	opacity: 0;
    z-index: -1;
    display: none;
}

.member-dashboard.open > .row.row-wide div[class*="dashboard-col-"] > *,
.open .dashboard-slider .slick-dots {
	opacity: 1;
    z-index: 1;
}

.member-dashboard > .row.row-wide .second-column, .member-dashboard > .row.row-wide .featured, .member-dashboard > .row.row-wide .dashboard-link, .member-dashboard > .row.row-wide .dashboard-link {
    z-index: -1;
    opacity: 0;
    transition: 1s;
    transition-delay: 0.6s;
}

.member-dashboard.open > .row.row-wide .second-column, .member-dashboard.open > .row.row-wide .featured, .member-dashboard.open > .row.row-wide .dashboard-link, .member-dashboard.open > .row.row-wide .digital-ribbons {
    z-index: 1;
    opacity: 1;
    transition-delay: 0.6s;
}

.member-dashboard.open > .row.row-wide .digital-ribbons { 
    width: 50%;
    float: left;
 }

 .member-dashboard.open > .row.row-wide .digital-ribbons .digitalRibbonDisplay,  .member-dashboard.open > .row.row-wide .digital-ribbons .digitalRibbonDisplay > .col-md-12 { 
    margin: 0;
    padding: 0;
  }

 .member-dashboard.open > .row.row-wide .digital-ribbons .digitalRibbonDisplay > .col-md-12 > .pull-left > div { 
     width: 210px !important;
     background-size: contain;
     background-repeat: no-repeat;
     margin-left: -18px;
  }

/*** toggle ***/

.member-dashboard-toggle {
	position: absolute;
	bottom: -15px;
	left: calc(50% - 670px);
	color: #312e27;
	background-color: #fff;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 0px 20px rgba(0, 0, 0, 0.06);
	padding: 0px 28px 0px 16px;
	cursor: pointer;
	z-index: 10;
	font-size: 16px;
    line-height: 33px;
    font-weight: 700;
}


.member-dashboard-toggle.open::after {
	font-family: Juniper;
	content: '\f00e';
	color: #000;
	position: absolute;
	right: 5px;
	top: 6px;
	font-size: 20px;
	line-height: 1;
}

.member-dashboard-toggle::after {
	font-family: Juniper;
	content: '\f00f';
	color: #000;
	position: absolute;
	right: 5px;
	top: 3px;
	font-size: 20px;
	line-height: 1;
}

/*** image ***/

.member-dashboard.open .member-dashboard-img {
	margin-right: 30px;
	height: 140px;
	width: 140px;
	float: left;
	position: relative;
	z-index: 1;
    transition: 0.3s;
    margin-top: -42px;
}

.member-dashboard .member-dashboard-img > div[id*="ProfileImage"] > .row {
    width: 170px;
}

.member-dashboard:not(.open) .member-dashboard-img > div[id*="ProfileImage"] > .row {
    width: 80px
}

.member-dashboard .member-dashboard-img .col-md-12 {
	padding: 0;
}

.member-dashboard.open .member-dashboard-img .col-md-12::before {
    content: '';
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    background-image: url('https://higherlogicdownload.s3.amazonaws.com/JUNIPER/d23a697c-df5f-4ff0-a1e2-adfaa82cbc02/UploadedImages/home/dashboard-photo-tab1.png');
    background-size: 100%;
    height: 40px;
    background-repeat: no-repeat;
 }

.member-dashboard.open .member-dashboard-img .text-center > div > a,
.member-dashboard.open .member-dashboard-img .text-center > div > a > img {
	width: 140px;
	height: 140px;
	margin: 0 auto;
	transition: 0.3s;
}

.member-dashboard.open .member-dashboard-img .text-center > div > a {
	border: 5px solid #F0F3F5;
}

.member-dashboard.open .member-dashboard-img .text-center > div > a {
	border-radius: 50%;
	display: block;
    overflow: hidden;
    transform: translateY(-5px);
}

.member-dashboard:not(.open) .member-dashboard-img .text-center > div > a,
.member-dashboard:not(.open) .member-dashboard-img .text-center > div > a > img {
	height: 80px;
    width: 80px;
}

.member-dashboard:not(.open) .member-dashboard-img .text-center > div > a {
	border: 5px solid #F0F3F5;
	border-radius: 50%;
	box-sizing: content-box;
}

.member-dashboard-img .form-group {
	display: none;
}

.member-dashboard .member-dashboard-img {
	height: 80px;
	width: 80px;
	transition: 0.3s;
}

.member-dashboard:not(.open) .member-dashboard-img { 
	height: 80px;
	width: 80px;
}

.member-dashboard .member-dashboard-img .text-center > div > a,
.member-dashboard .member-dashboard-img .text-center > div > a > img {
	height: 80px;
	width: 80px;
	margin: 0 auto;
	transition: 0.3s;
}

.member-dashboard.open .collapsed-inbox { 
	display: none;
 }


/*** greeting ***/

.member-dashboard-name {
	display: none;
}

.greeting {
	color: #000;
	font-size: 16px;
	line-height: 19px;
	display: block;
	font-weight: 500;
}

.member-dashboard.open .greeting {
    display: block !important;
}

.greeting h2 {
	margin-top: 0;
	margin-bottom: 0;
	color: #000;
    margin-left: 170px;
}

.member-dashboard .collapsed-message,
.member-dashboard .collapsed-greeting {
	position: absolute;
	top: 60px;
	opacity: 1 !important;
	z-index: 11;
	color: #000;
	font-size: 18px;
	font-weight: 800;
	line-height: 22px;
	display: block;
}

.member-dashboard:not(.open) .dashboard-col-1 {
	width: 100%;
}

.member-dashboard:not(.open) .inbox-numbers {
	position: absolute;
	top: 33px;
	left: 0;
}

.member-dashboard .collapsed-greeting {
	left: calc(50% - 570px);
	top: 36px;
}

.member-dashboard:not(.open) .collapsed-message {
	right: calc(50% - 600px);
	/* bottom: 80px; */
}

.member-dashboard:not(.open) .greeting {
	margin-top: 300px;
    opacity: 1 !important;
    display: none;
}

.mmeber-dashboard:not(.open) .collapsed-greeting {
	right: calc(50% - 600px);
}

.member-dashboard.open .collapsed-message,
.member-dashboard.open .collapsed-greeting {
	opacity: 0 !important;
	z-index: -1;
}

.member-dashboard .collapsed-greeting > div {
	font-size: 16px;
	line-height: 19px;
}

.member-dashboard .collapsed-greeting a {
	color: #000;
	text-decoration: none;
	font-weight: 800;
	font-size: 24px;
	line-height: 30px;
	word-break: break-word;
	max-width: 225px;
	display: block;
}

.member-dashboard .collapsed-greeting a:hover,
.member-dashboard .collapsed-greeting a:focus {
	color: #000;
	text-decoration: underline;
}

.member-dashboard .username a {
	font-size: 32px;
	line-height: 48px;
	font-weight: 700;
	color: #000;
	transition: 0.3s;
    text-decoration: none;
    word-break: break-word;
}

.member-dashboard .username a:hover {
	text-decoration: underline;
	transition: 0.3s;
	color: #000;
}

a.inbox-numbers, .collapsed-greeting a.inbox-numbers {
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    background-color: #0096A4;
    display: inline-flex;
	align-items: center;
    text-decoration: none;
    padding: 4.5px 10px;
    border-radius: 20px;
    margin-top: 10px;
}


a.inbox-numbers::before {
	content: '\f00d';
	font-family: Juniper;
	font-size: 16px;
	line-height: 1;
	display: inline-block;
	margin-right: 10px;
	color: #fff;
	font-weight: normal;
}

a.inbox-numbers:hover,
a.inbox-numbers :focus {
    color: #052B3e;
    text-decoration: underline;
}

.member-dashboard .collapsed-greeting a.collapsed-inbox, .member-dashboard a.inbox-link { 
	font-style: normal;
	font-weight: bold;
	font-size: 10px;
	line-height: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #fff;
	display: inline-flex;
	margin-left: 32px;
	align-items: center;
 }

 .member-dashboard.open a.inbox-link { 
     display: inline-flex;
  }

 .member-dashboard a.inbox-link { 
	 margin-left: 0;
     text-decoration: none;
     background-color: #0096A6;
     border-radius: 20px;
     padding: 0px 10px;
     height: 22px;
  }

 .member-dashboard .collapsed-greeting a.collapsed-inbox::before, .member-dashboard a.inbox-link::before { 
	content: '\f00d';
    font-family: 'Juniper';
    color: white;
    display: inline-block;
    margin-right: 1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
  }

  .member-dashboard a.inbox-link:hover, .member-dashboard a.inbox-link:focus { 
    text-decoration: none;
    background-color: #006F79;
 }

 .member-dashboard .collapsed-greeting a.inbox-link {
     margin-top: 9px;
 }

/*** progress bar ***/

.member-dashboard-progress {
	display: none;
}

.dashboard-progress {
	width: 100%;
	padding: 0;
	margin-top: 18px;
}

.member-dashboard.open .dashboard-progress, .member-dashboard.open > .row.row-wide .dashboard-col-1 .col-sm-6, .member-dashboard.open .row.row-wide .dashboard-col-1 .dashboard-progress, .member-dashboard.open .row.row-wide .dashboard-col-1 .digital-ribbons, .member-dashboard.open .row.row-wide .dashboard-col-2 .second-column,  .member-dashboard.open .row.row-wide .dashboard-col-2 .dashboard-btns ,  .member-dashboard.open .row.row-wide .dashboard-col-3 .featured {
    display: block;
}

.member-dashboard .progress-text {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: center;
	letter-spacing: -0.02em;
    margin-bottom: 2px;
    text-transform: capitalize;
}

.Welcome .progress {
	box-shadow: none;
	background-color: #ecedef;
	border-radius: 100px !important;
	padding: 3px 4px;
}

.progress {
	box-shadow: none;
	background-color: #fff;
	border-radius: 100px !important;
	padding: 3px 4px;
}

.progress-bar {
	background: #448500;
	border-radius: 100px;
	text-align: right;
	padding-right: 20px;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	color: transparent;
	position: relative; 
    box-shadow: none;
}

.member-dashboard:not(.open) > .row.row-wide .dashboard-col-1 .dashboard-progress {
	position: absolute;
	opacity: 1;
	z-index: 1;
	width: 376px;
	top: 35px;
	left: 410px;
    margin-top: 0;
    display: block;
}

/* Bio bubble */

.bioBubbleShell .Inner .Details h4 {
	font-size: 19px;
	line-height: 1;
	text-transform: none;
}

/*** links ***/

.dashboard-link {
	padding: 0;
}

.dashboard-link h4 {
	font-size: 16px;
	line-height: 22px;
	text-transform: none;
	color: #000;
}

.dashboard-link a {
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	display: inline-block;
	color: #000;
	padding-bottom: 8px;
	text-decoration: none;
}

.dashboard-link a:hover,
.dashboard-link a:focus {
	text-decoration: underline;
	color: #000;
}

/* icons */

.dashboard-link.icon a::before {
	font-family: Juniper;
	margin-right: 10px;
    font-size: 14px;
    line-height: 1;
	font-weight: 400;
	display: inline-block;
	width: 20px;
	color: #84B135;
}

.dashboard-link.icon.contacts a::before {
	content: '\f00a';
}

.dashboard-link.icon.contributions a::before {
	content: '\f008';
}

.dashboard-link.icon.my-circles a::before {
	content: '\f00b';
}

.dashboard-link.icon.settings a::before {
	content: '\f00c';
}

.member-dashboard .digital-ribbons h2 {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #000;
    font-family: Lato;
    margin: 0;
    margin-bottom: 4px;
}

.member-dashboard .digital-ribbons .col-md-12 .pull-left { 
    display: none;
 }

 .member-dashboard .digital-ribbons .col-md-12 .pull-left:first-child { 
     display: block;
  }

/***  buttons ***/

.featured h2,
.engage h2 {
	margin-top: 0;
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
	color: #000;
}

.member-dashboard .second-column.make-buttons em a {
	display: inline-block;
	padding: 16px 30px;
	background-color: #fff;
	border: 0;
	font-size: 17px;
	line-height: 19px;
	font-weight: 700;
	font-family: Lato;
	color: #000;
	text-decoration: none;
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}

.member-dashboard .second-column.make-buttons em a:hover, .member-dashboard .second-column.make-buttons em a:focus { 
    background-color: #437C0D;
    color: #fff;
}

.engage.make-buttons.icon.book em a::before {
	content: '\f00a';
}

.engage.make-buttons.icon.profile em a::before {
	content: '\f003';
}

.engage.make-buttons.icon.contacts em a::before {
	content: '\f006';
}

.engage.make-buttons.icon.chat em a::before {
	content: '\f004';
}

.engage.make-buttons.icon.laptop em a::before {
	content: '\f005';
}

.engage.make-buttons.icon.report a::before {
	content: '\f011';
}

.engage.make-buttons em a:hover,
.engage.make-buttons em a:focus {
	color: #fff;
	background: #052b3e;
	box-shadow: 4px 4px 0px #0076b6;
}

.member-dashboard .ContentUserControl .HLLandingControl {
	margin: 0;
	background-color: transparent;
	border-radius: 10px;
	position: relative;
	padding: 0;
}

.member-dashboard .ContentUserControl .HLLandingControl ul li {
	background-color: #ffffff;
	box-shadow: 0px 0px 6px rgba(0, 30, 68, 0.05), 0px 1px 2px rgba(0, 30, 68, 0.06);
	padding: 0;
}

.member-dashboard .ContentUserControl .HLLandingControl .heading h2 {
	font-size: 13px;
	font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
	margin: 0;
}

.member-dashboard .featured {
	position: relative;
}

.member-dashboard .featured {
	height: 320px;
	overflow-y: scroll;
	background: #ffffff;
    border-radius: 4px;
    padding: 20px;
    padding-bottom: 0;
}

.member-dashboard .featured .Content ul li {
	border: 0;
    box-shadow: none;
    margin-bottom: 10px;
    border-radius: 6px;
    background-color: #fafafa;
    padding: 20px;
}

.member-dashboard .featured .Content ul li .title-row .col-md-9 { 
    width: 100%;
 }

 .member-dashboard .featured .Content ul li .title-row .col-md-3 { 
     display: none;
  }

.member-dashboard .featured .Content ul li h3 {
	font-family: Lato;
	font-weight: 400;
	font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
	color: #000;
}

.member-dashboard .featured .Content ul li .ByLine {
	font-weight: 700;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #4b4b4b;
}

.member-dashboard .featured .Content ul li div[id*="AnnouncementList"] > .row.title-row, .member-dashboard .featured .Content ul li div[id*="AnnouncementList"] > .row.HLContainer  {
	padding: 20px 25px 0;
}

.member-dashboard .featured .heading::after {
	content: none;
}

.member-dashboard .ContentUserControl .HLLandingControl .heading h2 {
	margin-bottom: 11px;
}

.member-dashboard .featured h5 {
	display: inline;
}

.member-dashboard .featured .content-row {
	display: none;
}

.member-dashboard .featured .HLEventList .Content br {
	display: none;
}

.member-dashboard .featured .HLEventList .add-event-button:nth-of-type(2) {
	display: none;
}

.member-dashboard div[id*="EventList_itemRow"] {
	position: relative;
	display: flex;
}

.member-dashboard .featured div[id*="CalendarThumbnail"] {
	background-color: #009cde;
	top: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0 !important;
	flex-basis: 17.1428571429%;
}

.member-dashboard .featured .add-event-button {
	display: inline-block;
	float: right;
}

.member-dashboard .featured .add-event-button {
	display: none;
}

.member-dashboard .featured .add-event-button > .form-group {
	margin-bottom: 0;
}

.member-dashboard .featured ul li {
	border-bottom: 1px solid #d2d2d2;
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .margin-bottom-medium {
	margin-bottom: 0;
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .calendar-day {
	display: none;
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .calendary-number span {
	font-size: 30px;
	line-height: 1.23333333333;
	color: white;
	font-family: 'Elemental End';
}

.member-dashboard .featured ul li div[id*="CalendarThumbnail"] .calendar-month {
	color: #001e44;
	font-size: 12px;
	line-height: 1.33333333333;
	text-transform: uppercase;
	font-weight: 600;
}

.member-dashboard .featured h3 a {
	font-size: 18px;
	line-height: 25px;
	color: #00263e;
}

.member-dashboard .featured div[id*="CalendarMain"] {
	padding: 10px 20px 10px 20px !important;
	width: 100%;
	flex-basis: 82.8571428571%;
}

.member-dashboard .featured div[id*="CalendarMain"] .title-row p {
	margin: 0;
}

.member-dashboard .featured div[id*="CalendarMain"] .title-row .timeAgoFormat {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.35714285714;
	color: #4f4f4f;
}

.member-dashboard .featured a[id*="hypMore"] {
	background-color: transparent;
	padding: 0;
	color: #005398;
	font-weight: 600;
	text-transform: inherit;
	font-size: 16px;
	line-height: 19px;
}

.member-dashboard .featured a[id*="hypMore"]::after {
	display: inline-block;
	font-family: 'NAPO';
	content: '\f015';
	margin-left: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	transition: 0.3s;
}

.member-dashboard .featured a[id*="hypMore"]:hover::after,
.member-dashboard .featured a[id*="hypMore"]:focus::after {
	margin-left: 8px;
	transition: 0.3s;
}

.member-dashboard .featured h2 a {
    color: white;
    background-color: #437C0D;
    border-radius: 0;
    border-color: #437C0D;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    text-transform: capitalize;
}

  /* Ribbon */

  .member-directory .ribbons .member-picture {
    padding: 0;
}

.member-directory .ribbons .member-picture > div { 
    text-align: center;
 }

 .threadViewDetailsContainer .digitalRibbonDisplay .discussion-ribbon {
     margin-left: 0;
     margin-right: 0;
     background-size: contain;
     width: 100%;
 }

.no-pageTitle-padding {
    padding-top: 0;
}

#MPOuterMost.full #BreadCrumb {
    max-width: none;
}

#BreadCrumb ol.breadcrumb {
   /* margin-bottom: 0; ** not sure why this was made 0, Matt, pls let me know if it needs brought back **/
    padding: 28px 0 18px 33px;
    background-color: transparent;
    border-radius: 0;
}

#BreadCrumb ol.breadcrumb li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
  /*  letter-spacing: -0.02em; */
}

#BreadCrumb ol.breadcrumb a {
    text-decoration: none;
    color: #4d5259;
}

.breadcrumb>li+li:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f054';
    font-weight: 300;
    font-size: 10px;
    line-height: 20px;
    color: #4D5259;
    padding-left: 12px;
    padding-right: 12px;
}

.interior .ContentItemHtml:not(.promo-tile):not(.quote-section):not(.bordered) h3 {
    /* font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px; */
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    margin: 40px 0;
}

.interior .ContentItemHtml h5, .home .ContentItemHtml h5 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
}

.interior .ContentItemHtml:not(.promo-tile):not(.quote-section):not(.bordered).lg-h3 h3, .home .ContentItemHtml h3 {
    font-size: 26px;
line-height: 30px;
letter-spacing: -0.02em;
text-transform: none;
}

.interior h2 { 
    font-weight: 400;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    margin: 0;
    margin-bottom: 42px;
 }

/* Profile Page */

.interior h2.ProfileUserName {
    margin-bottom: 10px;
}

.text-muted-h2 h2 {
    color: #000;
}

.profile {
    background-color: #F0F3F5;
    padding-top: 60px;
    margin-top: -20px;
}

.profile div[id*="ProfileImage"] div[id*="pnlImage"] a[id*="lnkDisplay"] {
    width: 160px;
    height: 160px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.profile div[id*="ProfileImage"] div[id*="pnlImage"] a[id*="lnkDisplay"] img { 
    width: 100%;
 }

.profile .section1 {
    background-color: white;
    padding-top: 30px;
    border-radius: 6px;
}

.profile .section1 h2 {
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}

.profile .nav-tabs {
    padding: 6px;
}

.nav-tabs:not(#CommunityTabsContainer) {
    background-color: #fff;
    /* padding: 6px; */
    border-bottom: 0;
}

.nav-tabs>li>a {
    border: 0;
    border-radius: 0;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    color: #4D5259;
    /* padding: 8px 29px 8px 12px; */
    position: relative;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #000;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    border-radius: 0;
    border: 0;
}

.profile .nav .caret {
    border: 0;
    vertical-align: baseline;
    display: inline-block;
    width: auto;
    height: auto;
}

.profile .nav .caret::before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f078';
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: #888D90;
    position: relative;
    top: 50%;
    transform: translateY(-1px);
    /* right: 12px; */
    display: inline-block;
    padding-left: 8px;
    padding-right: 0;
}

.profile .nav li.active, .profile .nav li:hover, .profile .nav li.active a, .profile .nav li:hover a { 
    background-color: #000;
    color: #fff;
 }

.profile .nav li.active .caret::before, .profile .nav li:hover .caret::before { 
    color: white;
 }

 .profile .nav .dropdown-menu {
     padding-top: 0;
     padding-bottom: 0;
 }

 .profile .nav .dropdown-menu li a, .profile .nav .dropdown-menu li a { 
     background-color: #000;
     color: #fff;
  }



 .profile .nav .dropdown-menu li a:hover, .profile .nav .dropdown-menu li a:focus { 
    background-color: #fff;
    color: #000;
  }

 .profile .col-md-9 h2[id*="TitleText"] {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-family: Lato;
    margin-bottom: 10px;
 }

 .profile .col-md-9 h2[id*="TitleText"] a[id*="AddItem"] {
     text-transform: none;
     padding: 3px 6px;
     border-radius: 15px;
     letter-spacing: normal;
 }

 .profile .col-md-9 h2[id*="TitleText"] a[id*="AddItem"] .glyphicon-plus::before { 
     content: '\f016';
     font-family: 'Juniper';
     font-size: 16px;
     line-height: 16px;
     color: white;
 }

 .alert-warning {
     background-color: #fff;
     border-color: transparent;
     border-radius: 6px;
     color: #000;

 }

 .alert-warning p { 
     font-size: 16px;
     line-height: 23px;
     color: #000;
  }

.alert-warning a.btn-sm {
    font-weight: bold;
    /* font-size: 17px; */
    line-height: 19px;
    /* padding: 16.5px 34px; */
    color: #fff;
    background-color: #437C0D;
    border-radius: 0;
    border-color: #437C0D;
    margin-top: 10px;
}

  .btn-success,  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
    background-color: #437C0D;
    border-radius: 0;
    border-color: #437C0D;
  }

  .btn-primary,  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
      background-color: #000;
      border-color: #000;
      border-radius: 0;
  }

  .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
      background-color: #437C0D;
      border-color: #437C0D;
  }

  .profile h2 a.btn-edit {
      float: right;
      border: 1px solid #E5E5E5;
        box-sizing: border-box;
        border-radius: 4px;
  }

  .profile h2 a.btn-edit .glyphicon-pencil:before { 
    content: '\f303';
    font-family: 'Font Awesome 5 Pro';
    color: #333;
   }

   .profile a[id*="MessagesCount"] {
       background-color: #0096A4;
       color: white;
       font-size: 16px;
       line-height: 18px;
       font-weight: 700;
   }

   .profile a[id*="MessagesCount"]::before { 
       font-family: 'Juniper';
       content: '\f00d';
    }

   /* Edit Buttons */

   a.btn-edit {
      opacity: 1;
}

a.btn-edit .glyphicon-pencil:before { 
    content: '\f303';
    font-family: 'Font Awesome 5 Pro';
    color: #333;
   }

a.btn-edit .glyphicon-trash:before { 
    content: '\f2ed';
    font-family: 'Font Awesome 5 Pro';
    color: #333;
   }

.quote-section {
    padding-top: 60px;
    padding-bottom: 60px;
}

.quote-section .HtmlContent {
    display: flex;
}

.quote-section h2 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    color: #000;
    margin-top: 0;
    margin-bottom: 20px;
}

.interior .quote-section .byline h3 {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #000;
    font-weight: 400;
}

.quote-section .byline h3:first-of-type {
    padding-left: 26px;
    display: flex;
    align-items: center;
    position: relative;
}

.quote-section .byline h3:first-of-type::before { 
    content: '';
    background-color: #000;
    width: 22px;
    height: 1px;
    position: absolute;
    left: 0;
    margin-top: 2px;
 }

 .quote-section .text-content img {
    display: none;
 }

 .quote-section .quote-author {
     width: 120px;
     height: 120px;
     background-size: cover;
     background-position: center;
     flex-basis: 26%;
 }

 .quote-section .text-content {
     padding-left: 20px;
 }

 .large-callout-title::before {
     content: '';
     height: 280px;
     width: 280px;
     background-color: #fff;
     border-radius: 50%;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
 }

 .large-callout-title {
     padding: 145px 0;
 }

 .large-callout-title .HtmlContent {
     padding-left: 60px;
 }

.large-callout-title h1 {
    font-weight: 400;
    font-size: 58px;
    line-height: 63px;
    margin-bottom: 20px;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
    position: relative;
    z-index: 5;
}

 .large-callout-title p { 
    font-weight: normal;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
    color: #4d5259;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
 }

 .title-block h3 {
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: 700;
}

.title-block h2 {
    margin-top: 0px;
    margin-bottom: 32px;
    font-weight: 400;
}

.margin-tb-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.ambassador-page .heading-1 {
    margin-bottom: 0;
}

.ambassador-page .ambassadors-tile-wrapper > div { 
    padding-top: 120px;
 }

  .ambassador-page.row-full .section1, .ambassador-page .row-full .section5, .ambassador-page .row-full .section9, .ambassador-page .row-full .section10, .ambassador-page .row-full .section16, .ambassador-page .row-full .section17 {
      padding-left: 15px;
      padding-right: 15px;
  }

.ambassador-tiles, .flex-tiles {
    display: flex;
}

.ambassador-tiles {
    margin-bottom: 30px;
}

.ambassador-tile {
    background-color: white;
    height: 100%;
    transition: 0.3s;
}

.ambassador-tile h5 {
    color: #000;
}

.ambassador-tile a {
    text-decoration: none;
}

.ambassador-tile:hover, .ambassador-tile:focus { 
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
    transition: 0.3s;
 }

.ambassador-tile .HtmlContent {
    position: relative;
    padding: 35px 0px 51px 25px;
}

.ambassador-tile .HtmlContent .HtmlFooter {
    width: 150px;
    height: 190px;
    float: right;
    margin-top: -35px;
}

.ambassador-tile h3 {
    font-weight: 700;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    color: #000;
    margin-bottom: 30px;
    transition: 0.3s;
}

.ambassador-tile:hover h3, .ambassador-tile:focus h3 {
    text-decoration: underline;
    transition: 0.3s;
 }

.ambassador-page h2 {
    margin-bottom: 30px;
}

.ambassador-tile h2 {
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 20px;
}

.ambassador-tile h4 {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: -0.02em;
    color: #4D5259;
    margin-bottom: 20px;
}
.ambassador-tile .HtmlContent .image-holder {
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    width: 150px;
    height: 190px;
}

.top-graphic-tile {
    height: 100%;
    transition: .3s;
}
.top-graphic-tile:hover {
    margin-top: -5px;
    transition: .3s;
}
.top-graphic-tile a {
    text-decoration: none;
}

.top-graphic-tile .HtmlContent {
    padding: 150px 30px 37px;
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    transition: 0.3s;
    height: 100%;
}

.top-graphic-tile:hover .HtmlContent, .top-graphic-tile:focus .HtmlContent { 
    box-shadow: 0px 6px 13px rgba(0, 0, 0, 0.07), 0px 0.751293px 1.6278px rgba(0, 0, 0, 0.035);
    transition: 0.3s;
 }

 .top-graphic-tile:hover .HtmlContent em a, .top-graphic-tile:focus .HtmlContent em a { 
     color: #000;
     transition: 0.3s;
    text-decoration: none;
    border-bottom: 1px solid #000000;
  }

.top-graphic-tile .HtmlContent h2 { 
    font-weight: 400;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 10px;
 }

 .top-graphic-tile .HtmlContent p { 
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #4d5259;
    letter-spacing: -0.02em;
    margin-bottom: 0;
  }

  .top-graphic-tile .HtmlContent p:first-of-type { 
      margin-bottom: 10px;
    }

.top-graphic-tile .tile-image {
    height: 120px;
    width: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
    top: 0;
    left: 0;
    right: 0;
}

/* Community Home */

.community-nav-wrapper {
    background-color: #fff;
    padding-left: calc(50% - 600px);
    padding-right: calc(50% - 600px);
    padding-top: 10px;
    padding-bottom: 10px;
}

.commHTMLOptionsToAttach {
    max-width: 1200px;
    margin: 12px auto;
}

.commHTMLOptionsToAttach .summary-edit { 
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
 }

#CommunityTabsContainer.nav-tabs {
    margin: 0;
    border-bottom: 0;
}

#CommunityTabsContainer.nav-tabs> li > a {
    padding: 14px 12px;
}

#CommunityTabsContainer.nav-tabs> li > a::before {
    content: '';
    color: black;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
    font-family: 'Juniper';
    display: inline-block;
}

#CommunityTabsContainer.nav-tabs> li[id*="Tab1"] > a::before {
    content: '\f013';
}

#CommunityTabsContainer.nav-tabs> li[id*="Tab2"] > a::before {
    content: '\f008';
}

#CommunityTabsContainer.nav-tabs> li[id*="Tab3"] > a::before {
    content: '\f014';
}

#CommunityTabsContainer.nav-tabs> li[id*="Tab5"] > a::before {
    content: '\f005';
}

#CommunityTabsContainer.nav-tabs> li[id*="Tab6"] > a::before {
    content: '\f00a';
}

#CommunityTabsContainer.nav-tabs> li.active > a::before { 
    color: white;
 }

h1#PageTitleH1 .gear-button {
     border-color: black;
     border-radius: 0;
     color: black;
     background-color: transparent;
 }

 h1#PageTitleH1 .gear-button:hover, h1#PageTitleH1 .gear-button:focus { 
     background-color: black;
     color: white;
  }

.community-home {
    background-color: #F0F3F5;
}

.nested-community {
    padding: 6px calc(50% - 600px);
    background-color: white;
}

.most-active-groups .nested-community { 
    display: none;
 }

h1#PageTitleH1.dark-page-title {
    background-color: #000;
    color: #FFF;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    padding: 80px calc(50% - 600px);
    max-width: none;
}

h1#PageTitleH1.light-page-title, .interior h1#PageTitleH1 {
    background-color: #FAFAFA;
    color: #000;
    font-size: 42px;
    line-height: 50px;
    letter-spacing: -0.03em;
    padding: 40px calc(50% - 600px);
    max-width: none;
}

h1#PageTitleH1 a[id*="communityJoinLeave"] {
    float: right;
}
#PageTitleH1 ul.communityManagementGearDD, #PageTitleH1.light-page-title, .interior h1#PageTitleH1 a {
    letter-spacing: normal;
}

/* Member Grid */

.panel.panel-default {
    border: 0;
    border-radius: 0;
}

.panel .panel-heading, .panel-body {
    border: 0;
    border-radius: 0;
    padding: 20px;
    padding-top: 0;
}

.panel .panel-heading {
    padding: 0;
    background-color: transparent;
}

.panel .panel-heading .panel-title {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    font-weight: 700;
    color: #000;
    font-family: Lato;
    padding: 20px;
}

.panel .panel-body span[id*="MemberCountLink"] {
    font-size: 13px;
    line-height: 16px;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #000;
}

.panel-member {
    border: 0.5px solid #B5B8B9;
    box-sizing: border-box;
    border-radius: 6px;
}

.panel .GroupMemberAdmin span.label-admin {
    background-color: #448500;
    border-radius: 30px;
    color: #fff;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 700;
    opacity: 1;
    padding: 2px 7px;
}

/* Search Results */

.fs-result-row .hl-type > span {
    border-radius: 20px;
    background-color: #F0F3F5;
    font-size: 10px;
    line-height: 13px;
    padding: 3px 8px;
    font-weight: 700;
    color: #888d90;
}

.bg-silver-code-repo {
    background-color: #F0F3F5;
}

.repo-header {
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 60px;
}

.repo-header::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.7;
    background: #000000;
}

.repo-header .HtmlContent {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

.repo-header .HtmlContent h2 {
    font-size: 42px;
    line-height: 50px;
    text-align: center;
    letter-spacing: -0.03em;
    color: white;
    margin-bottom: 10px;
}

.repo-header .HtmlContent p {
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    letter-spacing: -0.02em;
    margin-bottom: 20px;
    color: #fff;
}


.selector-wrap .search-box .form-control,
input#customSearch {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    border-right: 0;
    box-shadow: none;
}

.resource-search-bar .HtmlContent,
.resource-search-bar .SearchInputs {
    background: rgba(242, 238, 232, 0.25);
    border: 1px solid #D1D1D1;
}

.resource-search-bar .SearchInputs button.btn-default.dropdown-toggle {
    display: none;
}

.resource-search-bar .SearchInputs input,
.resource-search-bar .SearchInputs button {
    background-color: transparent;
    border: 0;
}

.search-bar-button-wrap {
    display: flex;
    justify-content: space-between;
}

.search-bar-button-wrap .repo-search-bar {
    background-color: #fff;
    flex-basis: 74.2268041237%;
}

.repo-search-bar>.HtmlContent {
    top: 50%;
    transform: translateY(-50%);
}


input#customSearch {
    width: calc(100% - 46px);
    height: 34px;
    padding: 6px 12px;
    background-color: #f2eee8;
    background: transparent;
    border: 0;
}

.selector-wrap .search-box .input-group-btn .btn,
button#customSearch {
    background: transparent;
    border-radius: 0;
    border: 0;
    border-left: 0;
}

button#customSearch {
    height: 34px;
    padding: 0px 12px;
    border: 0;
}

.repo-search-bar button[id*="customSearch"] .glyphicon-search {
    font-size: 22px;
    line-height: 1.25;
}

button#customSearch .glyphicon-search::before,
.repo-search-bar button[id*="SearchWhole"] .glyphicon-search::before {
    font-family: 'Juniper';
    content: "\f000";
}

.selector-wrap .search-box .input-group-btn .btn span {
    color: #121c50;
}

.selector-wrap .search-box .form-control::placeholder,
.repo-search-bar input[id*="customSearch"]::placeholder {
    font-style: normal;
    color: #000;
    opacity: 1;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.feature-preview-row {
    display: none;
}

.code-repo ul:not(.pagination):not(.dropdown-menu) {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}

.code-repo ul:not(.pagination):not(.dropdown-menu) li {
    flex-basis: calc(32% - 15px);
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    padding: 30px;
    padding-bottom: 70px;
    margin: 0 15px 15px;
    position: relative;
}

/* 
.code-repo ul:not(.pagination):not(.dropdown-menu) li:first-of-type {
    margin-left: 0;
} */

/* 
.code-repo ul:not(.pagination):not(.dropdown-menu) li:last-of-type {
    margin-right: 0;
} */

.code-repo ul:not(.pagination) li div[id*="pnlTags"] {
    margin-bottom: 20px;
}

.code-repo ul:not(.pagination) li div[id*="pnlTitle"] h3 {
    margin-bottom: 3px;
}

.code-repo ul:not(.pagination) li p[id*="pDescription"] {
    overflow: hidden;
    height: 38px;
    margin-bottom: 20px;
}

.code-repo .library-list {
    width: calc(33.3333333333% - 30px);
    background-color: #fff;
    border: 1px solid #EAEAEA;
    border-radius: 4px;
    padding: 30px;
    padding-bottom: 60px;
    margin: 0 15px;
    height: 250px;
    float: left;
    position: relative;
}

.code-repo .library-list div[id*="NameBlock"] {
    height: 145px;
    overflow: hidden;
}

.code-repo ul li>div:nth-child(4) {
    display: none;
}

.code-repo .library-bottom {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.code-repo .library-bottom a {
    display: inline-block;
    background-color: #437C0D;
    color: white;
    font-weight: 700;
    font-size: 17px;
    line-height: 19px;
    padding: 8px 16px;
    text-decoration: none;
}


.code-repo .library-bottom a:hover,
.code-repo .library-bottom a:focus {
    background-color: #000;
}

.code-repo .library-bottom a[href*="bdb90a90-a9bd-4226-8f03-051df7d28113"] {
    background-color: transparent;
    font-weight: 400;
    color: #888D90;
    font-size: 14px;
    line-height: 15px;
    padding: 8px 0;
}

.code-repo .library-bottom a[href*="bdb90a90-a9bd-4226-8f03-051df7d28113"]:hover,
.code-repo .library-bottom a[href*="bdb90a90-a9bd-4226-8f03-051df7d28113"]:focus {
    color: #000;
}

.code-repo.all .library-list {
    margin-bottom: 20px;
}

.interior .code-repo div[id*="DocumentPanel"]>.row h2 {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0;
}

.code-repo:not(.all) .Content>.row,
.code-repo:not(.all) .Content>.row:nth-of-type(2),
.code-repo.all .Content>.row:first-of-type .col-md-4,
.code-repo .library-list h3 span[id*="IconFollow"],
.code-repo ul.pagination {
    display: none;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 {
    width: 100%;
}

.code-repo.all .Content>.row:first-of-type {
    margin-bottom: 20px;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] {
    float: left;
}

.code-repo.all .Content>.row:first-of-type .submit-code-repo,
.code-repo.all .heading h2 .submit-code-repo {
    float: right;
    margin-left: 5px;
}

.code-repo.all .Content>.row:first-of-type .submit-code-repo em a {
    background-color: #000;
}

.code-repo.all .Content>.row:first-of-type .submit-code-repo em a:hover,
.code-repo.all .Content>.row:first-of-type .submit-code-repo em a:focus {
    background-color: #437C0D;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button {
    border: 1px solid #000;
    background-color: transparent;
    padding: 10px 12px;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    border-radius: 0;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button span.filter-option {
    width: calc(100% - 15px);
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button .caret {
    border-top-color: transparent;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="SortTabContainer"] button .bs-caret::before {
    content: '\f107';
    font-family: 'Font Awesome 5 Pro';
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
}

.code-repo.all .Content>.row:first-of-type .col-md-8 div[id*="CreateLibraryEntryContainer"] {
    display: none;
}

.code-repo.all .Content>.row:nth-of-type(2) {
    display: none;
}

.code-repo ul li:first-of-type {
    margin-left: 0;
}

.code-repo ul li:last-of-type {
    margin-right: 0;
}

.code-repo ul li div[id*="pnlTitle"] {
    width: 100%;
}

.code-repo ul li div[id*="pnlObjectType"] {
    display: none;
}

.code-repo .fa-tags::before {
    font-family: 'Font awesome 5 Pro';
    font-weight: 400;
    content: '\f02b';
    color: #888D90;
}

.code-repo .tags-container .label-search-tag,
.code-repo .content-tags .label-search-tag {
    border: 0.5px solid #888D90;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 1px 6px;
    font-size: 12px;
    line-height: 18px;
    color: #888D90;
    background-color: #fff;
}

.code-repo div[id*="DocumentPanel"]>div>.col-md-12 {
    padding: 0;
}

.code-repo div[id*="DocumentPanel"] div[id*="ListViewContent"] {
    margin: 0 -15px;
}

.code-repo div[id*="NameBlock"] {
    padding: 0;
}

.code-repo div[id*="NameBlock"]>div:nth-child(4) {
    height: 40px;
    overflow: hidden;
}

.code-repo div[id*="NameBlock"]>div:nth-child(6) {
    display: none;
}

.code-repo div[id*="NameBlock"]>div:nth-child(4) br,
.code-repo div[id*="NameBlock"]>.pull-right {
    display: none;
}

.code-repo .libListReptEntByline {
    display: none;
}

.code-repo .library-list h3 a {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: -0.02em;
    font-weight: 400;
    color: #000;
}



@media (max-width: 991px) {
    .search-bar-button-wrap {
        flex-direction: column;
    }

    .search-bar-button-wrap .repo-search-bar {
        margin-bottom: 15px;
    }

    .search-bar-button-wrap em a {
        display: block;
        text-align: center;
    }

    .search-bar-button-wrap .repo-search-bar .HtmlContent {
        top: unset;
        transform: none;
    }

    .repo-search-bar em a {
        display: block;
        text-align: center;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) {
        margin: 0;
        margin-bottom: 30px;
        flex-direction: column;
    }

    .code-repo div[id*="DocumentPanel"] div[id*="ListViewContent"] {
        margin: 15px;
    }

    .code-repo .library-list {
        width: 100%;
        float: none;
        margin: 0;
        margin-bottom: 30px;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) li {
        margin-bottom: 30px;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) li:first-of-type {
        margin-left: 15px;
    }

    .code-repo ul:not(.pagination):not(.dropdown-menu) li:last-of-type {
        margin-right: 15px;
    }

}


/* Responsive */

@media (max-width: 1337px) {
    .member-dashboard-toggle {
        left: 0;
    }

    .member-dashboard .collapsed-greeting {
        left: 105px;
    }

    .member-dashboard:not(.open) .collapsed-message {
        right: 0;
    }
}

@media (max-width: 1200px) { 

    .quote-section .HtmlContent {
        flex-direction: column;
    }

    .quote-section .quote-author {
        flex-basis: auto;
    }

    .quote-section .text-content {
        padding-left: 0;
        padding-top: 20px;
    }

    .image-right:not(.bordered):not(.heading-1) .HtmlContent::after {
        content: none;
    }

    h1#PageTitleH1.light-page-title, .interior h1#PageTitleH1 {
        padding-left: 30px;
        padding-right: 30px;
    }

}

@media (max-width: 1200px) {
    .image-left .HtmlContent, .image-right .HtmlContent,
    .left-image {
		flex-direction: column;
     }
     .left-image > .col-md-6:last-child,
     .left-image > .col-md-6:first-child {
         padding: 50px;
     }

     .image-left .HtmlContent > div:first-of-type, .image-right .HtmlContent > div:last-of-type {
         padding: 250px;
        width: 100%;
     }

     .image-right.bordered .HtmlContent > div:last-of-type {
         padding: 150px;
     }

     .heading-1.video .HtmlContent > div:first-of-type {
         padding-top: 70px;
     }

     .image-right.video .HtmlContent > div:last-of-type {
         padding-top: 0;
     }
}

@media ( max-width: 1024px) {

    #NAV #MPButtonBar {
        position: relative;
        z-index: 1500;
    }

    sw-primary-nav[mobile-open] {
        position: relative;
        z-index: 1550;
    }

    .member-dashboard:not(.open) > .row.row-wide .dashboard-col-1 .dashboard-progress {
        left: 350px;
    }

}

@media (max-width: 992px) {
    
    h1#PageTitleH1.light-page-title, .interior h1#PageTitleH1 {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 991px) {

    /* Member Dashboard */

    .member-dashboard .dashboard-slider  .slick-list {
        overflow: inherit;
    }

    .member-dashboard.open > .row.row-wide {
        height: 400px;
    }

    .member-dashboard .dashboard-slider .slick-dots {
        bottom: -50px;
    }

    .ambassador-tiles, .flex-tiles {
		flex-direction: column;
     }

     .ContentItemHtml .HtmlFooter {
        padding: 0;
    }

    .tile-wrapper {
        flex-direction: column;
    }

    .home .upcoming-events .HLEventList {
        margin-left: 0;
    }

    .ambassador-tile {
        margin-bottom: 15px;
    }

    .top-graphic-tile {
        margin-bottom: 15px;
    }
}

@media (max-width: 911px) {
    .member-dashboard:not(.open) .collapsed-message {
        display: none;
    }
}

@media (max-width: 768px) {

    .member-dashboard.open > .row.row-wide .dashboard-col-1 .col-sm-6, .member-dashboard.open .row.row-wide .dashboard-col-1 .digital-ribbons {
        width: 50%;
        display: inline-block;
        float: left;
    }

    .home .full div.section1, .home .full div.section2, .ambassador-page .row-full div.section1 {
        padding-left: 0;
        padding-right: 0;
    }

    .hero-wrapper, .ambassador-page .heading-1 {
        padding-left: 15px;
        padding-right: 15px;
    }


    #NAV.traditional-nav #MPButtonBar .navbar-nav {
        padding-left: 28px;
    }

    #NAV #MPButtonBar nav .navbar-collapse > .row > .col-md-12 {
        overflow-x: hidden;
    }

    .member-dashboard {
        margin: 0;
        /* padding: 0 15px; */
    }

    .member-dashboard .slick-slide {
        margin: 0 15px;
    }

    .navbar-default .navbar-toggle {
        border-color: #000;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }

    #NAV.traditional-nav #MPButtonBar .navbar-default .navbar-nav>li>a {
        padding: 10px 0 10px 20px;
    }

    .image-left .HtmlContent > div:last-of-type {
        padding-left: 15px;
    }

    .image-left .HtmlContent > div:first-of-type::before, .image-right .HtmlContent > div:last-of-type::before {
        content: none;
    }

    .table.table-responsive.digest-viewer .table-thead-background th:nth-child(2) {
        width: 100%;
    }

    h1#PageTitleH1.light-page-title, .interior h1#PageTitleH1 {
        padding-left: 10px;
        padding-right: 10px;
    }

    
    .link-tile-title .HtmlContent {
        padding-top: 30px;
        padding-left: 30px;
    }

}

@media (max-width: 735px) {
    .member-dashboard:not(.open) > .row.row-wide .dashboard-col-1 .dashboard-progress {
        display: none;
    }
}

@media (max-width: 551px) {

    .latest-blogs .SearchResults.HLLandingControl .Content ul li {
        padding: 30px;
        padding-top: 280px;
    }

    .latest-blogs .SearchResults.HLLandingControl .Content ul li .img-container {
        width: 100%;
        height: 250px;
    }

}

@media only screen and (max-width: 480px) {
    a.btn-community-stats-static span.badge {
        border-top: 0;
    }
}

@media (max-width: 350px) {
    .member-dashboard.open > .row.row-wide .digital-ribbons .digitalRibbonDisplay > .col-md-12 > .pull-left > div {
        width: 187px !important;
    }

    a.btn-community-stats-static span.badge {
        width: 40px;
    }
}

@media (max-width: 330px) { 
    .member-dashboard.open > .row.row-wide {
        height: 425px;
    }

    .member-dashboard-toggle {
        bottom: -20px;
    }
 }/* Color Picker */
/* VERSION 26 */
/********************* Basics **************************/  
/*
body {
  color: ;  
}  
*/
/*
a {
  color: ;  
}  
*/
/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new input::placeholder {
  color: ; 
}  
*/
/*
.hl-linkcolor-background {
  background-color: ;  
}  
*/
/*
a.user-content-mention {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag {
  color: ;  
}  
*/
/*
a:hover {
  color: ;  
}  
*/

/*
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover i, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input, 
.hltags .tagit-new.tagit-new.tagit-new.tagit-new.tagit-new.tagit-new:hover input::placeholder {
  color: ;  
}  
*/
/*
a.user-content-mention:hover {
  color: ;  
}  
*/
/*
a.user-content-hashtag.user-content-hashtag.user-content-hashtag.user-content-hashtag:hover {  
  color: ; 
} 
*/
/*
.bodyBackground {
  background-color: ;  
}  
*/
/*
.siteFrame {
  background-color: ;  
}  
*/
/*
#MPOuterMost {
  border-color: ;  
}  
*/
h1, .Heading1 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
h2, .Heading2, h2 a, h2 a:hover, .text-muted-h2 h2 {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    h3, .Heading3, h3 a, h3 a:hover {

/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
hr, hr.delimiter, .HLLandingControl ul li {
  border-bottom-color: ;  
}  
*/
#MPOuterFooter {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
fieldset {
  border-color: ;  
}  
*/
fieldset legend {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
/*
.SearchResults .SortBy {
  color: ;  
}      */
/*********************** Landing Controls ******************/  
.HLLandingControl .heading, .HLLandingControl h2, .headerItem, .drItemSubHeader {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.drItemSubHeader a:not(.skip-header-text-color){
  color: ;  
    }  
*/
.ContentUserControl .HLLandingControl, .ContentUserControl.HLLandingControl, .ContentItemHtml.HLLandingControl {

/*
  border-color: ;
*/
/*
  color: ;
*/
/*
  background-color: ;
*/
}    
/*
.HLLandingControl .Content a:not(.btn) {
  color: ;  
}  
*/
/*
.HLLandingControl .ByLine {
  color: ;  
}  
*/
/*
.HLLandingControl h5, .HLLandingControl h4, .HLEngagement h3 {
  color: ;  
}  
*/
/*
.HLLandingControl .Content h3 a, .HLAnnouncements .Content h2 a, .HLRSSReader .Content h2 a {
  color: ;  
}    
*/
/************************ Tabs **********************/  
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}  
/*
.nav-tabs {
  border-bottom-color: ;  
}  
*/
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav .open > a:hover, .nav .open > a:focus {

/*
  background-color: ;
*/
/*
  border-bottom-color: ;
*/
/*
  color: ;
*/
}  .nav-tabs > li > a {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/************************ Miscellaneous **********************/  
/*
.SloganText {
  color: ;  
}  
*/
.ModalPopupHeading, .CustomTableModalPopup .CustomTableModalPopupHeaderRow {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
.lblratingBig {
  color: ;  
}  
*/
/************************ Tables **********************/  
.Container thead .Header td, th, .ListContainer .ListHeader, .drItemSubHeader,  .table-thead-background tr th, .table-thead-background tr td {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
th a, th a:hover  {
  color: ;  
}  
*/
/*
.TableRowAlternate, .table-hover > tbody > tr:hover > td  {
  background-color: ;  
}    
*/
/************************ Menus ***********************/  
/*
#MPAuxNav ul.level1 li a {
  color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li ul {
  background-color: ;  
}  
*/
/*
#MPAuxNav ul.level1 li li.dynamic {
  border-right-color: ;  
}  
*/
/*  #SideMenu ul.level1 li ul {
  background-color: White;  
}  */    /*  .MPSideNavBottom {
  color: #0069A5;  
}  */    /*
.breadcrumb {
  background-color: ;  
}  
*/
/*
.breadcrumb li {
  color: ;  
}  
*/
/*
.breadcrumb li a {
  color: ;  
}  
*/
/*
.MPBottomMenu ul li a {
  color: ;  
}        */
/************************ Bootstrap Menus ***********************/  
/*
.navbar-default, #NAV {
  background-color: ;      
  border-color: ;  
}  
*/
/*
.navbar-default .navbar-nav > li > a {
  color: ;  
}  
*/
.navbar .navbar-nav > .active > a,    .navbar .navbar-nav > .active > a:hover,    .navbar .navbar-nav > .active > a:focus,   .navbar .navbar-nav > li > a:hover {
    /*
  background-color: ;
*/
/*
  color: ;
*/
}    
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  background-color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a {
  color: ;  
}  
*/
/*
#MPButtonBar .dropdown-menu li a:hover,    #MPButtonBar .dropdown-menu li a:focus {
  background-color: ;  
  }  
*/
#MPButtonBar .dropdown-menu .active > a,   #MPButtonBar li .dropdown-menu .active > a:hover,   #MPButtonBar .dropdown-menu .dropdown-submenu .active a:hover,   #MPButtonBar .dropdown-submenu .dropdown-submenu .active a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
/*
#MPButtonBar .dropdown-menu {
  border-color: ;  
}  
*/
/************************ Bootstrap Buttons ***********************/  
.btn-primary, .ui-widget-content a.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
color: !important;
*/
}    
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .open .dropdown-toggle.btn-primary {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-info:hover, .btn-info:focus, .btn-info:active, .open .dropdown-toggle.btn-info {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-success:hover, .btn-success:focus, .btn-success:active, .open .dropdown-toggle.btn-success {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .open .dropdown-toggle.btn-danger {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.btn-default:hover, .btn-default:focus, .btn-default:active, .open .dropdown-toggle.btn-default {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > .active > span, .pagination > .active > span:hover, .pagination li.active>a, .pagination li.active>a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.pagination > li > a:hover {

/*
  background-color: ;
*/
/*
  border-color: ;
*/
/*
  color: ;
*/
}    
.label-default {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.badge, .badge a, a.badge a:hover {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-header {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-body, .panel-body {

/*
  background-color: ;
*/
/*
  color: ;
*/
}    
.modal-footer, .panel-footer {

/*
  background-color: ;
*/
}  
/*
#MPFooterLink {
  background-color: ;  
}  
*/
/*
#MPFooterLink a {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  color: ;  
}  
*/
/*
.faceted-search-main .facets .header {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar {
  background-color: ;  
}  
*/
/*
.cookie-notification-bar span {
  color: ;  
}  
*/

/* Emtpy faceted search results cards */
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(2) .hlc-empty-state-card-top-part {
  background-color: ;
}
*/
/*
.hlc-empty-state-cards-wrapper .hlc-empty-state-card:nth-of-type(1) .hlc-empty-state-card-top-part {
  background-color: ;
}
*//************ New Bootstrap 4^ Themeing ****/ 
/* outside */ 
#react-widgets-global-loading-indicator .loading-indicator.loading-indicator {
  /*
  background: linear-gradient(90deg, , );
  background-color: 55;
  background-repeat: no-repeat;
  */
}
/******** Colorful utils ****/
/* primary */
.bootstrap-4 :not(.no-theme) .text-primary, 
.bootstrap-4 :not(.no-theme) .text-primary-graphics {
  /*
  color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .bg-primary,
.bootstrap-4 :not(.no-theme) .bg-primary-graphics {
  /*
  background-color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .border-primary,
.bootstrap-4 :not(.no-theme) .border-primary-graphics {
  /*
  border-color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .bg-selected {
  /*

  background-color: 26 !important;
  */
}

/* link */
.bootstrap-4 :not(.no-theme) .text-link {
  /*
  color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .bg-link{
  /*
  background-color:  !important;
  */
}
.bootstrap-4 :not(.no-theme) .border-link{
  /*
  border-color:  !important;
  */
}

.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h1,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h1,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h2,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h2,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h3,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h3,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h4,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h4,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h5,
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h5,
.bootstrap-4 :not(.no-theme) .btn-contains-title:hover:not(:disabled) h6, 
.bootstrap-4 :not(.no-theme) .btn-contains-title:focus h6, 
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h1,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h2,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h3,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h4,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h5,
.bootstrap-4 :not(.no-theme) .btn-contains-title.container-btn .container-btn-button:focus ~ .container-btn-content h6 {
  /* 
  color: ; 
  */
}

/******** Block Buttons ****/  
/**** btn-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-primary {
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color:  ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus, 
.bootstrap-4 :not(.no-theme) .btn-primary:hover:not(:disabled)  {
  /* 
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */ 
  /* 
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  border-color: ;
  */
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-secondary (aka default) ****/  
.bootstrap-4 :not(.no-theme) .btn-secondary {
  /* 
  color: ; 
  */
  /* 
  background-color: ; 
  */
  /* 
  border-color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .btn-secondary:focus, 
.bootstrap-4 :not(.no-theme) .btn-secondary:hover:not(:disabled)  {
  /* 
  background-color: ; 
  */
  /* 
  outline-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-secondary:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-success ****/
.bootstrap-4 :not(.no-theme) .btn-success {
  /*
  color: ;
  */
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  /*
  background-color: ;
  border-color: ;
  */
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-success:focus, 
.bootstrap-4 :not(.no-theme) .btn-success:hover:not(:disabled)  {
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-success:focus {
  /*
  box-shadow: 0 0 0 3px 7F;
  */
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-danger ****/
.bootstrap-4 :not(.no-theme) .btn-danger {
  /*
  color: ;
  */
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  /*
  background-color: ;
  border-color: ;
  */
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color: ; 
  */
  /*
  border-color: ;
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-danger:focus, 
.bootstrap-4 :not(.no-theme) .btn-danger:hover:not(:disabled)  {
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  border-color: ;
  */
  /* 
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
  border-color: 
  */
  /*
  border-color: ;
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-danger:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/**** btn-link ****/  
.bootstrap-4 :not(.no-theme) .btn-link {
  /* 
  color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .btn-link:focus, 
.bootstrap-4 :not(.no-theme) .btn-link:hover:not(:disabled)  {
  /* 
  color: ; 
  */
}



/**** btn-overlay ****/
.bootstrap-4 :not(.no-theme) .btn-overlay {
  /* 
  color: ;
  */ 
}

/**** btn-card ****/  
.bootstrap-4 :not(.no-theme) .btn-card:focus:not(:disabled) .copy-slot.copy-slot.copy-slot.copy-slot .font-size-md, 
.bootstrap-4 :not(.no-theme) .btn-card:active:not(:disabled) .copy-slot.copy-slot.copy-slot.copy-slot .font-size-md, 
.bootstrap-4 :not(.no-theme) .btn-card:hover:not(:disabled) .copy-slot.copy-slot.copy-slot.copy-slot .font-size-md   {
  /* 
  color: ; 
  */
}

/**** btn-card meta text ****/
.bootstrap-4 :not(.no-theme) .btn-card span.btn-inline-link-primary,
.bootstrap-4 :not(.no-theme) .btn-card span.btn-inline-link-primary {
    /* 
    color: ;
    */
}

.bootstrap-4 :not(.no-theme) .btn-card:focus span.btn-inline-link-primary,
.bootstrap-4 :not(.no-theme) .btn-card:hover span.btn-inline-link-primary {
    /* color: ;
    */
}

  /**** entry-file-button ****/  
.bootstrap-4 :not(.no-theme) .library-entry-file-button:active:not(:disabled) .file-title,
.bootstrap-4 :not(.no-theme) .library-entry-file-button:focus:not(:disabled) .file-title,
.bootstrap-4 :not(.no-theme) .library-entry-file-button:hover:not(:disabled) .file-title {
  /* 
  color: ; 
  */
}

/******** Block Icon Buttons ****/  

/**** btn-icon-primary[aria-label="Toggle folder list"] ****/
.bootstrap-4 :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"] {
  /*
  color: ;
  */
  /*
  color: ;
  */
  /*
  background-color: ;
  */
  /*
  background-color: ;
  */
  /*
  border: ;
  */
  /*
  border: ;
  */
}

.bootstrap-4 :not(.no-theme) .btn-icon-primary[aria-label="Toggle folder list"]:hover {
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  */
  /*
  background: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ;
  */
}

/**** btn-icon-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-icon-primary {
  /* 
  color: ; 
  */
  /* 
  background-color: ; 
  */
  /*
  border-color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .file-item-thumb:focus .btn-icon-primary, 
.bootstrap-4 :not(.no-theme) .file-item-thumb:hover:not(:disabled) .btn-icon-primary  {
  /* 
  outline-color: ; 
  background-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) .btn-icon-primary:focus {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary,
 .bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.focus,
 .bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:focus,
 .bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.hover,
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled){
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

/**** btn-icon-ctrl ****/  
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl {
  /* 
  color: ; 
  */
  /* 
  background-color: ; 
  */
  /* 
  border-color: ; 
  */
}

/**** file-item-thumb and launch hover icon ****/  

.bootstrap-4 :not(.no-theme) .library-file-item-thumb.library-file-item-thumb .file-thumb-front-side {
  /* 
  background-color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:hover:not(:disabled) .btn-icon-ctrl,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl.focus,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:focus,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl.hover,
.bootstrap-4 :not(.no-theme) .btn-icon-ctrl:hover:not(:disabled) {
  /*
  background-color: ;
  border-color: ;
  */
}

.bootstrap-4 :not(.no-theme) .btn-primary:focus,
.bootstrap-4 :not(.no-theme) .container-btn-icon-ctrl:focus > .btn-icon-ctrl {
  /* 
  box-shadow: 0 0 0 3px 7F;
  */
}

/******** Inline Buttons ****/  
/**** btn-inline-link-primary ****/  
.bootstrap-4 :not(.no-theme) .btn-inline-link-primary  {
  /* 
  color: ; 
  */
}


.bootstrap-4 :not(.no-theme) .btn-inline-link-primary:focus, 
.bootstrap-4 :not(.no-theme) .btn-inline-link-primary:hover:not(:disabled)  {
  /* 
  color: ; 
  */
}

/**** btn-inline-icon ****/  
.bootstrap-4 :not(.no-theme) .btn-inline-icon {
  /* 
  color: ; 
  */
}
.bootstrap-4 :not(.no-theme) .btn-inline-icon:focus, 
.bootstrap-4 :not(.no-theme) .btn-inline-icon:hover:not(:disabled)  {
  /* 
  color: ; 
  */
  /*
  color: ;
  */
}

/********* icon radio group **********/
.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input:not([aria-checked="true"]) + * {
  /* 
  color: ; 
  border-color: ; 
  */
  /*
  background-color: ;
  */
}

.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"] + * {
  /*
  color: ;
  */
  /* 
  color: ; 
  */
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color: ; 
  */
  /* 
  border-color: ; 
  */
}

.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"] + *:focus,
.bootstrap-4 :not(.no-theme) fieldset.icon-radio-group input[aria-checked="true"] + *:hover {
  /* 
  background-color: linear-gradient(0deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), ; 
  */
}


/********* alt icon botton **********/
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary,
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.focus, 
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:focus, 
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary.hover, 
.bootstrap-4 :not(.no-theme) .btn-icon-alt-secondary:hover:not(:disabled) {
  /*
  background-color: ;
  border-color: ;
  */
  /* 
  background-color: ; 
  border-color: ; 
  */
}

/********* form control**********/
.bootstrap-4 :not(.no-theme) .form-control:focus {
  /*
  box-shadow: inset 0 1px 1px 08, 0 0 8px 60;
  border-color: ;
  */
}
/**** Generated Utils ****/

/*
.text-color {
  color:  !important;
}
*/
  

/*
.link-color {
  color:  !important;
}
*/
  

/*
.mention-link-color {
  color:  !important;
}
*/
  

/*
.tag-link-color {
  color:  !important;
}
*/
  

/*
.link-hover-color:hover, .link-hover-color:focus {
  color:  !important;
}
*/
  

/*
.mention-hover-color:hover, .mention-hover-color:focus {
  color:  !important;
}
*/
  

/*
.tag-hover-color:hover, .tag-hover-color:focus {
  color:  !important;
}
*/
  

/*
.outer-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-color {
  background-color:  !important;
}
*/
  

/*
.tag-background-hover-color:hover, .tag-background-hover-color:focus {
  color:  !important;
}
*/
  

/*
.page-background-color {
  background-color:  !important;
}
*/
  

/*
.border-color {
  color:  !important;
}
*/
  

/*
.primary-heading-text-color {
  color:  !important;
}
*/
  

/*
.primary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.secondary-heading-text-color {
  color:  !important;
}
*/
  

/*
.secondary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.tertiary-heading-text-color {
  color:  !important;
}
*/
  

/*
.tertiary-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.seperator-color {
  color:  !important;
}
*/
  

/*
.footer-background-color {
  background-color:  !important;
}
*/
  

/*
.footer-text-color {
  color:  !important;
}
*/
  

/*
.primary-color {
  color:  !important;
}
*/
  

/*
.text-on-primary {
  color:  !important;
}
*/
  

/*
.table-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-header-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-header-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-border-color {
  color:  !important;
}
*/
  

/*
.landing-control-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-background-color {
  background-color:  !important;
}
*/
  

/*
.landing-control-link-color {
  color:  !important;
}
*/
  

/*
.landing-control-byline-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-sub-title-text-color {
  color:  !important;
}
*/
  

/*
.landing-control-title-text-color {
  color:  !important;
}
*/
  

/*
.selected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-tab-border-color {
  color:  !important;
}
*/
  

/*
.selected-tab-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-hover-background-color:hover, .unselected-tab-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-hover-text-color {
  color:  !important;
}
*/
  

/*
.unselected-tab-background-color {
  background-color:  !important;
}
*/
  

/*
.unselected-tab-text-color {
  color:  !important;
}
*/
  

/*
.slogan-text-color {
  color:  !important;
}
*/
  

/*
.table-header-background-color {
  background-color:  !important;
}
*/
  

/*
.table-alternate-background-color {
  background-color:  !important;
}
*/
  

/*
.aux-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-bar-background-color {
  background-color:  !important;
}
*/
  

/*
.breadcrumb-text-color {
  color:  !important;
}
*/
  

/*
.breadcrumb-link-color {
  color:  !important;
}
*/
  

/*
.footer-menu-text-color {
  color:  !important;
}
*/
  

/*
.unselected-menu-text-color {
  color:  !important;
}
*/
  

/*
.selected-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.selected-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-background-color {
  background-color:  !important;
}
*/
  

/*
.hover-menu-selected-text-color {
  color:  !important;
}
*/
  

/*
.hover-menu-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-background-color {
  background-color:  !important;
}
*/
  

/*
.primary-button-border-color {
  color:  !important;
}
*/
  

/*
.primary-button-text-color {
  color:  !important;
}
*/
  

/*
.primary-button-hover-background-color:hover, .primary-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.info-button-background-color {
  background-color:  !important;
}
*/
  

/*
.info-button-border-color {
  color:  !important;
}
*/
  

/*
.info-button-text-color {
  color:  !important;
}
*/
  

/*
.info-button-hover-background-color:hover, .info-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.success-button-background-color {
  background-color:  !important;
}
*/
  

/*
.success-button-border-color {
  color:  !important;
}
*/
  

/*
.success-button-text-color {
  color:  !important;
}
*/
  

/*
.success-button-hover-background-color:hover, .success-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.danger-button-background-color {
  background-color:  !important;
}
*/
  

/*
.danger-button-border-color {
  color:  !important;
}
*/
  

/*
.danger-button-text-color {
  color:  !important;
}
*/
  

/*
.danger-button-hover-background-color:hover, .danger-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.default-button-background-color {
  background-color:  !important;
}
*/
  

/*
.default-button-border-color {
  color:  !important;
}
*/
  

/*
.default-button-text-color {
  color:  !important;
}
*/
  

/*
.default-button-hover-background-color:hover, .default-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.pagination-activebutton-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-active-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-activebutton-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-background-color {
  background-color:  !important;
}
*/
  

/*
.pagination-button-border-color {
  color:  !important;
}
*/
  

/*
.pagination-button-text-color {
  color:  !important;
}
*/
  

/*
.pagination-button-hover-background-color:hover, .pagination-button-hover-background-color:focus {
  background-color:  !important;
}
*/
  

/*
.label-background-color {
  background-color:  !important;
}
*/
  

/*
.label-text-color {
  color:  !important;
}
*/
  

/*
.badge-background-color {
  background-color:  !important;
}
*/
  

/*
.badge-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-header-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-header-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-background-color {
  background-color:  !important;
}
*/
  

/*
.popup-window-text-color {
  color:  !important;
}
*/
  

/*
.popup-window-footer-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-background-color {
  background-color:  !important;
}
*/
  

/*
.powered-by-higher-logic-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-text-color {
  color:  !important;
}
*/
  

/*
.search-sidebar-heading-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-background-color {
  background-color:  !important;
}
*/
  

/*
.cookie-notification-text-color {
  color:  !important;
}
*/
  
/* CSS Overrides */
.interior .demographic h2 { font-size: 18px; }

#surveyDiv #surveyTitle {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -0.01em;
    color: #000;
    font-weight: 700;
    padding: 0;
    margin-top: 30px;
}