.global-nav-mobile .global-nav-title {
    margin-left: 1.5rem
}


.global-nav {
    background: #2c3840!important;
    display: -ms-flexbox;
    display: flex;
    font-size: .8125rem;
    font-weight: 700;
    height: 2.8125rem;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.global-nav .dropdown {
    width: auto
}

.global-nav .dropdown.menu a {
    color: #f4f4f4;
    background: #2c3840
}

.global-nav .dropdown.menu a.button {
    background: #1d92cf
}

.global-nav .dropdown.menu a.button:hover {
    background: #1772a2
}

.global-nav .is-dropdown-submenu-item a:hover {
    background: #41525e
}

.global-nav .menu a {
    color: #f4f4f4;
    height: 45px;
    line-height: 45px!important;
    padding-bottom: 0!important;
    padding-top: 0!important
}

.global-nav .menu a:focus,
.global-nav .menu a:hover:not(.button):not(.zurb-logo) {
    background: #41525e
}

.global-nav .menu a.button {
    border-radius: 0;
    box-shadow: 0 0 0 transparent
}

.global-nav .menu.submenu {
    border: 0;
    margin-left: -1px
}

.global-nav .dropdown.menu>li.opens-right>.is-dropdown-submenu {
    border: 0
}

.global-nav .global-nav-title {
    opacity: .9;
    transition: all .25s ease-in-out
}

.global-nav .global-nav-title:hover {
    opacity: 1;
    transition: all .25s ease-in-out
}

.global-nav .title {
    background: #2c3840;
    color: #9b9b9b;
    font-size: .8em;
    padding: 10px;
    padding-left: 15px
}

.global-nav .is-active a {
    background: #020304
}

.global-nav .menu:last-child {
    border-left: 1px solid #3b4951
}

.global-nav .menu li:not(:last-child) {
    border-right: 1px solid #3b4951
}

.global-nav-title {
    line-height: 0;
    padding-left: 1rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center
}

.global-nav-title .zurb-logo {
    color: #fff;
/*     font-family: zurb-logo; */
    font-size: 28px;
    font-weight: 400;
    opacity: .75;
    transition: all .25s ease-in-out;
    min-height: 46px;
    height: 46px;
    line-height: 46px!important
}

@media (-ms-high-contrast:none) {
    .global-nav-title .zurb-logo {
        line-height: 26px!important
    }
}

@supports (-ms-ime-align:auto) {
    .global-nav-title .zurb-logo {
        line-height: 26px!important
    }
}

.global-nav-title .zurb-logo strong {
    display: inline;
    font-family: Proxima Nova, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 17px;
    line-height: 46px
}

.global-nav-title .zurb-logo:hover {
    opacity: 1
}


.menu>.menu-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}









.marketing-site-footer {
  background: #2c3840;
  color: #8aa0ae;
  padding: 1rem;
  font-size: .8125rem;
  font-weight: 700;
}

.marketing-site-footer-name {
  color: #fefefe;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}

.marketing-site-footer-title {
  color: #fefefe;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.marketing-site-footer .marketing-site-footer-menu-social a {
  font-size: 1.2rem;
  color: #fefefe;
}

.marketing-site-footer-block {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

.marketing-site-footer-block .fa {
  font-size: 1.2rem;
  color: #020304;
}

.marketing-site-footer-block p {
  margin-left: 1rem;
  margin-bottom: 0.2rem;
  line-height: 1.125rem;
}


.marketing-site-footer-bottom {
  background: #232C33;
  color: #8aa0ae;
  padding: 1rem 0;
  font-size: .8125rem;
  font-weight: 700;
}

.marketing-site-footer-bottom p,
.marketing-site-footer-bottom .menu {
  margin-bottom: 0;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links {
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.marketing-site-footer-bottom .marketing-site-footer-bottom-links a {
  color: #8aa0ae;
}

@media screen and (max-width: 63.9375em) {
  .marketing-site-footer-bottom .marketing-site-footer-bottom-links {
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 63.9375em) {
  .marketing-site-footer-bottom {
    text-align: center;
  }
}








.hero-section {
/*  background: url("http://capocaccia.iniforum.ch/static/eventadministration/images/landingpage_capocaccia_panorama.jpg") 50% no-repeat;*/
  background-size: cover;
  height: 18rem;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hero-section .hero-section-text {
  color: #fefefe;
  text-shadow: 1px 1px 2px #0a0a0a;
}













.people-you-might-know {
  background-color: #fefefe;
  padding: 1rem 0 0;
  box-shadow: 0px 0px 20px -2px rgba(0, 0, 0, 0.2);
}

.people-you-might-know .add-people-header {
  padding: 0 0.9375rem;
}

.people-you-might-know .add-people-header .header-title {
  font-weight: bold;
}

.people-you-might-know .add-people-section {
  margin: 0rem 0 0;
  padding-bottom: 1rem;
}

.people-you-might-know .add-people-section .about-people {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.people-you-might-know .add-people-section .about-people .about-people-avatar {
  padding-right: 0.5rem;
  padding-left: 0;
}

.people-you-might-know .add-people-section .about-people .about-people-avatar .avatar-image {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 0.0625rem solid #cacaca;
}

.people-you-might-know .add-people-section .about-people .about-people-author {
  -webkit-flex: 1 0 0;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}

.people-you-might-know .add-people-section .about-people .about-people-author .author-name {
  color: #0a0a0a;
  margin: 0.375rem 0 0;
}

.people-you-might-know .add-people-section .about-people .about-people-author .author-location,
.people-you-might-know .add-people-section .about-people .about-people-author .author-mutual {
  color: #8a8a8a;
  margin-bottom: 0;
  font-size: 0.85em;
}

.people-you-might-know .add-people-section .add-friend {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 39.9375em) {
  .people-you-might-know .add-people-section .add-friend {
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.people-you-might-know .add-people-section .add-friend .add-friend-action {
  margin-top: 0.7rem;
}

.people-you-might-know .view-more-people {
  margin: .7rem 0;
}

.people-you-might-know .view-more-people .view-more-text {
  margin-bottom: 0;
  text-align: center;
}

.people-you-might-know .view-more-people .view-more-text .view-more-link {
  color: #1779ba;
}

.people-you-might-know .view-more-people .view-more-text .view-more-link:hover, .people-you-might-know .view-more-people .view-more-text .view-more-link:focus {
  text-decoration: underline;
}












i.small { font-size: 0.8rem; }
i.medium { font-size: 0.9rem; }
i.large { font-size: 1.2rem; }