@charset "UTF-8";
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ============== Browser Support ============== */
/* ================== Colors ================== */
/* ================ Typography ================= */
/* ============ Heights and Widths ============= */
/* ========== Responsive breakpoints =========== */
/* ================= Elevations ================ */
/* ================= Animations ================ */
/* =================== Icons =================== */
/* ============== Module specific ============== */
/* ============== Accordion ============== */
/* ============== Avatar ============== */
/* ============== Button ============== */
/* ============== Card ============== */
/* ============== Event Cards ============== */
/* ============== Form ============== */
/* ============== Overlay ============== */
/* ============== Reports ============== */
/* ============== Responsive Form ============== */
/* ============== Segmented Control ============== */
/* ============== Ticket Types ============== */
/* ============== Toggle / Switch ============== */
/* ---------------------------------------------------------- */
/*                                                            */
/* A media query that captures:                               */
/*                                                            */
/* - Retina iOS devices                                       */
/* - Retina Macs running Safari                               */
/* - High DPI Windows PCs running IE 8 and above              */
/* - Low DPI Windows PCs running IE, zoomed in                */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in  */
/* - Android hdpi devices and above                           */
/* - Android tvdpi devices, including Google Nexus 7          */
/* - Chrome running on high DPI Macs and PCs                  */
/* - Opera running on high DPI Macs, PCs and mobile devices   */
/*                                                            */
/* Please note that that this code assumes you'll swap a      */
/* 2× version of your images. If you'd like to supply         */
/* finer increments, other thresholds might be appropriate.   */
/*                                                            */
/* A test for CSS pixel densites can be found here:           */
/* http://bjango.com/articles/min-device-pixel-ratio/         */
/*                                                            */
/*                                  @marcedwards from @bjango */
/*                                                            */
/* ---------------------------------------------------------- */
/* This is hacky and awesome. it should be part of mixins or something.
   I found it once on stack overflow and couldn't find it later when I looked */
/* XXX: test in browsers */
/* ratio is the height divided by width in percentage form */
/* This function is used to get the max height for multi-line ellipses
 * We use px values for line-height in styleguide, and unitless values for line-height in core
 * so we need to handle the possibility for both here
 */
/* ========== Color =========== */
/* ========== Background Colors =========== */
/* ========== Grid =========== */
/* ========== Text =========== */
/* ========== Buttons =========== */
/* ========== Inputs =========== */
/* ========== Lists =========== */
/* ========== Elevation =========== */
html, body, #content {
  height: 100%;
  background-color: black; }

.landing-hero {
  margin-top: -60px; }

.page-loader {
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
  position: absolute;
  background: black;
  height: 100%;
  width: 100%;
  z-index: 999; }
  .page-loader.is-hidden-animate {
    z-index: -1; }

.landing-hero {
  position: relative;
  padding-top: 62px;
  height: 85vh;
  background: url("../../../../../images/pages/about/eventbrite-about-hero.jpg") center center no-repeat;
  background-size: cover; }
  @media only screen and (max-width: 479px) {
    .landing-hero {
      height: 460px;
      background-image: url("../../../../../images/pages/about/eventbrite-about-hero-mobile.jpg"); } }
  .landing-hero .hero-headline {
    position: relative;
    padding-top: 30vh; }
    @media only screen and (max-width: 479px) {
      .landing-hero .hero-headline {
        padding-top: 20vh; } }
  .landing-hero.about-no-hero {
    height: auto;
    min-height: 65px; }
    .landing-hero.about-no-hero .landing-nav {
      position: relative; }
  .landing-hero.about-team {
    background-image: url("../../../../../images/pages/about/eventbrite-team-hero.jpg");
    background-position: top left; }
    @media only screen and (max-width: 479px) {
      .landing-hero.about-team {
        background-image: url("../../../../../images/pages/about/eventbrite-team-hero-mobile.jpg"); } }
    @media only screen and (min-width: 800px) {
      .landing-hero.about-team {
        background-position: top center; } }
  .landing-hero.about-careers {
    background-image: url("../../../../../images/pages/about/eventbrite-careers-hero.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-hero.about-careers {
        background-image: url("../../../../../images/pages/about/eventbrite-careers-hero-mobile.jpg"); } }
  .landing-hero.about-contact {
    background: black;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover; }
    .landing-hero.about-contact .landing-triangle {
      top: -62px; }
  .landing-hero.about-press {
    background-image: url("../../../../../images/pages/about/eventbrite-press-hero.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-hero.about-press {
        background-image: url("../../../../../images/pages/about/eventbrite-press-hero-mobile.jpg"); } }

.landing-locations {
  opacity: 0;
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  transition: all 400ms ease-in; }
  .landing-locations.active {
    opacity: 1; }
    .landing-locations.active .landing-hero {
      z-index: 2; }
  .landing-locations .landing-hero {
    position: absolute;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%; }
  .landing-locations .location-san-francisco {
    background-image: url("https://s3.amazonaws.com/eventbrite-s3/marketing/landingpages/about_pages/sf_header.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-san-francisco {
        background-image: url("https://s3.amazonaws.com/eventbrite-s3/marketing/landingpages/about_pages/sf_header.jpg");
        background-position: 17%; } }
  .landing-locations .location-nashville {
    background-image: url("https://s3.amazonaws.com/eventbrite-s3/marketing/landingpages/about_pages/nashville_header.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-nashville {
        background-image: url("https://s3.amazonaws.com/eventbrite-s3/marketing/landingpages/about_pages/nashville_header.jpg"); } }
  .landing-locations .location-mendoza {
    background-image: url("https://s3.amazonaws.com/eventbrite-s3/marketing/landingpages/about_pages/mendoza_header.jpg");
    background-position: top; }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-mendoza {
        background-image: url("../../../../../images/pages/about/eventbrite-location-default-mobile.jpg"); } }
  .landing-locations .location-sao-paulo {
    background-image: url("../../../../../images/pages/about/eventbrite-location-sao-paulo.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-sao-paulo {
        background-image: url("../../../../../images/pages/about/eventbrite-location-sao-paulo-mobile.jpg"); } }
  .landing-locations .location-berlin {
    background-image: url("../../../../../images/pages/about/eventbrite-location-berlin.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-berlin {
        background-image: url("../../../../../images/pages/about/eventbrite-location-berlin-mobile.jpg"); } }
  .landing-locations .location-melbourne {
    background-image: url("../../../../../images/pages/about/eventbrite-location-melbourne.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-melbourne {
        background-image: url("../../../../../images/pages/about/eventbrite-location-melbourne-mobile.jpg");
        background-size: 105vh; } }
  .landing-locations .location-london {
    background-image: url("../../../../../images/pages/about/eventbrite-location-uk.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-london {
        background-image: url("../../../../../images/pages/about/eventbrite-location-uk-mobile.jpg");
        background-size: 105vh;
        background-position: 40% 100%; } }
  .landing-locations .location-amsterdam {
    background-image: url("../../../../../images/pages/about/eventbrite-location-amsterdam.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-amsterdam {
        background-image: url("../../../../../images/pages/about/eventbrite-location-amsterdam-mobile.jpg"); } }
  .landing-locations .location-antwerp {
    background-image: url("../../../../../images/pages/about/eventbrite-location-antwerp.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-antwerp {
        background-image: url("../../../../../images/pages/about/eventbrite-location-antwerp-mobile.jpg"); } }
  .landing-locations .location-barcelona {
    background-image: url("../../../../../images/pages/about/eventbrite-location-barcelona.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-barcelona {
        background-image: url("../../../../../images/pages/about/eventbrite-location-barcelona-mobile.jpg");
        background-size: 105vh;
        background-position: 40% 100%; } }
  .landing-locations .location-toronto {
    background-image: url("../../../../../images/pages/about/eventbrite-location-toronto.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-toronto {
        background-image: url("../../../../../images/pages/about/eventbrite-location-toronto-mobile.jpg"); } }
  .landing-locations .location-madrid {
    background-image: url("../../../../../images/pages/about/eventbrite-location-madrid.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-madrid {
        background-image: url("../../../../../images/pages/about/eventbrite-location-madrid-mobile.jpg"); } }
  .landing-locations .location-villena {
    background-image: url("../../../../../images/pages/about/eventbrite-location-villena.jpg"); }
    @media only screen and (max-width: 479px) {
      .landing-locations .location-villena {
        background-image: url("../../../../../images/pages/about/eventbrite-location-villena-mobile.jpg"); } }

.landing-triangle-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 3;
  background: #0093D7; }

.landing-triangle {
  position: absolute;
  z-index: 1;
  top: -64px;
  height: 64px;
  width: 100%;
  overflow: hidden; }
  .landing-triangle .landing-triangle-border {
    box-sizing: border-box;
    display: inline-block;
    float: left;
    border-bottom: 64px solid #0093D7;
    z-index: 1;
    width: 50%; }
  .landing-triangle .landing-triangle-left {
    border-right: 0 solid transparent;
    border-left: 0;
    left: 0; }
  .landing-triangle .landing-triangle-right {
    right: 0;
    border-left: 0 solid transparent;
    border-right: 0; }

.landing-description {
  background: #0093D7; }
  .landing-description a.text-heading--emphasized {
    text-decoration: underline; }
    .landing-description a.text-heading--emphasized:hover {
      color: white; }

.landing-nav {
  -webkit-transition: all 400ms ease-in;
  -moz-transition: all 400ms ease-in;
  transition: all 400ms ease-in;
  position: absolute;
  width: 100%;
  padding: 16px 0;
  z-index: 3; }
  .landing-nav a {
    -webkit-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
    color: white; }
    .landing-nav a:hover {
      color: #fcc870; }
  @media only screen and (max-width: 479px) {
    .landing-nav .inline-link-list {
      padding-left: 15px; } }
  .landing-nav .inline-link-list > li {
    padding-left: 0; }
  .landing-nav .is-active a {
    display: block;
    color: #fcc870;
    border-bottom: 1px solid #fcc870;
    padding-bottom: 4px; }

.landing-nav-sticky {
  position: fixed;
  z-index: 2;
  top: 0;
  background-color: white; }
  .landing-nav-sticky .link-list li:not(.is-active) a {
    color: #1E0A3C; }

.landing-section {
  padding: 64px 0; }
  @media only screen and (max-width: 479px) {
    .landing-section {
      padding: 48px 0; } }

.landing-features .landing-feature {
  opacity: 0;
  padding: 0 32px; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .landing-features .landing-feature {
      padding: 0 16px; } }
  @media only screen and (max-width: 479px) {
    .landing-features .landing-feature {
      padding: 0;
      margin-top: 28px; } }

.landing-features .landing-feature-no-margin {
  margin-top: 0; }

.category-card .category-card__tint {
  border-radius: 0; }

.category-card .category-card__image {
  height: 350px; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .category-card .category-card__image {
      height: 280px; } }
  @media only screen and (max-width: 479px) {
    .category-card .category-card__image {
      height: 160px; } }

.category-card:hover .category-card__tint:after, .category-card:focus .category-card__tint:after, .category-card:active .category-card__tint:after {
  border-radius: 0; }

.cta-host {
  background: url("../../../../../images/pages/about/cta-host.jpg"); }

.cta-discover {
  background: url("../../../../../images/pages/about/cta-discover.jpg"); }

.cta-join {
  background: url("../../../../../images/pages/about/cta-join.jpg"); }

.cta-team {
  background: url("../../../../../images/pages/about/cta-team.jpg"); }

.cta-cities {
  background: url("../../../../../images/pages/about/cta-cities.jpg"); }

.cta-barklings {
  background: url("../../../../../images/pages/about/cta-barklings.jpg"); }

.investor-logo {
  position: relative;
  height: 50px; }
  .investor-logo img {
    position: absolute;
    bottom: 4px; }

.press-nav-item {
  display: inline-block;
  margin-right: 24px; }
  .press-nav-item a {
    color: #1E0A3C;
    text-transform: none; }
    .press-nav-item a:hover {
      text-decoration: none; }
  .press-nav-item.is-active {
    border-bottom: 2px solid #1E0A3C;
    padding-bottom: 4px; }

.press-article {
  position: relative;
  border-left: 2px solid #007F8C;
  padding-left: 8px;
  min-height: 70px;
  margin: 20px 0; }

.press-site {
  text-transform: uppercase; }

.press-article-url {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.press-release-content p {
  margin-bottom: 8px; }

.careers-perk {
  background: center top no-repeat;
  background-size: cover;
  padding: 200px 0;
  height: 430px; }

.careers-perk-1 {
  background-image: url("../../../../../images/pages/about/careers-slider-1.jpg"); }

.careers-perk-2 {
  background-image: url("../../../../../images/pages/about/careers-slider-2.jpg"); }

.careers-perk-3 {
  background-image: url("../../../../../images/pages/about/careers-slider-3.jpg"); }

.leader-card {
  background: #F8F8FA; }

.leader-description {
  padding: 36px 0; }

.leader-photo-wrapper {
  height: 350px; }
  @media only screen and (max-width: 479px) {
    .leader-photo-wrapper {
      height: 265px; } }

.leader-photo-bg {
  position: relative; }

.leader-photo {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto; }
  @media only screen and (min-width: 480px) and (max-width: 799px) {
    .leader-photo {
      height: 100%; } }
  .leader-photo img {
    margin: auto; }

.leader-title {
  display: inline-block;
  border-bottom: 3px solid #007F8C;
  padding-bottom: 4px; }

.leaders-nav .slick-track, .founders-nav .slick-track {
  width: 100% !important; }

.leader-nav-item:hover {
  cursor: pointer; }

.landing-photo-grid {
  display: none; }
  .landing-photo-grid.active {
    display: block; }

.founders-container {
  padding-top: 64px; }

.grid-description {
  height: 100%; }

.slick-prev,
.slick-next {
  top: 195px; }

.landing-section--white {
  background: white; }

.landing-section--light-blue {
  background-color: #0093D7; }

.landing-section--green {
  background-color: #00ab44; }

.btn--dynamo-alt:focus, .btn--dynamo-alt:hover, .btn--secondary-alt:focus, .btn--secondary-alt:hover {
  color: #FFFFFF;
  background-color: transparent;
  border-color: #FFFFFF; }

.abt-btn, .abt-btn--action {
  display: inline-block;
  vertical-align: baseline;
  color: #FFFFFF;
  background-color: #007F8C;
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  vertical-align: middle;
  position: relative;
  width: auto;
  height: auto;
  border: none;
  padding: 11px 20px;
  text-align: center;
  text-decoration: none;
  line-height: 22px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 3px; }
  .abt-btn:hover, .abt-btn--action:hover {
    color: #FFFFFF;
    text-decoration: none; }

.animate-first {
  -webkit-transition: all 500ms ease-out 0s;
  -moz-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s; }

.animate-second {
  -webkit-transition: all 500ms ease-out 500ms;
  -moz-transition: all 500ms ease-out 500ms;
  transition: all 500ms ease-out 500ms; }

.animate-third {
  -webkit-transition: all 500ms ease-out 1s;
  -moz-transition: all 500ms ease-out 1s;
  transition: all 500ms ease-out 1s; }