/* Hidden elements, product-id-row needed for events schedule (.html) pages */
.devsite-product-id-row,
.devsite-rating-container {
  display: none !important;
}

/* icon for Codelabs links in nav */
.devsite-top-section a[href*="codelabs.developers.google.com"]::after {
  font: normal normal normal 18px/1 'Material Icons';
  font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: 'open_in_new';
  position: relative;
  text-rendering: optimizeLegibility;
  top: 2px;
  word-wrap: normal;
}

/* inline social media icons */
.devsite-social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 16px 0 8px;
}

.devsite-event-speaker .devsite-social-icons {
  margin: auto 0 0;
  padding: 16px 0 0;
}

/* remove 'open in new' icon for social links */
.devsite-social-icons .devsite-social-icon a[target="_blank"]::after {
  display: none;
}

.devsite-social-icon,
.devsite-social-icon img {
  height: 24px;
  width: 24px;
}

.devsite-social-icon .material-icons {
  color: #fff;
}

.devsite-event-speaker .devsite-social-icon {
  background: #4285f4;
  border-radius: 50%;
  height: 36px;
  padding: 6px;
  width: 36px;
}

.devsite-event-speaker .devsite-landing-row-item-description .devsite-social-icon:not(:first-child) {
  margin-left: 8px;
}

.devsite-social-icon a {
  display: block;
}

.devsite-social-icon a:hover img,
.devsite-social-icon a:hover .material-icons {
  opacity: .75;
}

.devsite-landing-row-item-description .devsite-social-icon img {
  margin: 0;
  transition: opacity .2s;
}

.devsite-landing-row-item-description .devsite-social-icon:not(:first-child) {
  margin-left: 16px;
}

/* Landing page maps */
.devsite-event-map {
  padding-bottom: 50%;
  position: relative;
}

.devsite-event-map iframe {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}


/* events schedule */
.devsite-events-legend-list,
.devsite-events-legend-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
}

.devsite-events-legend-list {
  margin: 0 0 0 48px;
  padding: 0;
}

.devsite-events-legend-item {
  list-style: none;
  margin: 0 16px 0 0;
  padding: 0;
}

.devsite-events-legend-item::before {
  border-radius: 50%;
  content: '';
  height: 16px;
  margin-right: 8px;
  width: 16px;
}

.devsite-legend-livestream::before {
  background: #e62117;
}

.devsite-events-time-zone {
  font-size: 14px;
  margin: 0;
}

/* container element for all filters */
.devsite-events-filters {
  background: var(--devsite-ref-palette--grey300);
  color: var(--devsite-ref-palette--black);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px;
}

.color-scheme--dark .devsite-events-filters {
  background: var(--devsite-ref-palette--grey800);
  color: var(--devsite-ref-palette--grey300)
}

/* hide filter controls elements */
.devsite-events-filters .goog-combobox-button,
.devsite-events-filters .google-visualization-controls-label {
  display: none;
}

.devsite-events-filters-label,
.devsite-events-filters input[type="text"],
.devsite-events-filters .goog-menuitem {
  font-size: 14px;
}

.devsite-events-filters-label {
  margin: 0 16px 0 auto;
}

.devsite-events-filters input[type="text"] {
  background: 0;
  border: 0;
  cursor: pointer;
  line-height: 24px;
  padding: 0;
}

.devsite-events-filters input[type="text"]:focus {
  padding-bottom: 0;
}

.devsite-events-filters .goog-combobox {
  display: block;
  position: relative;
}

.devsite-events-filters .goog-combobox::after {
  content: 'arrow_drop_down';
  font: normal normal normal 24px/1 'Material Icons';
  font-feature-settings: 'liga';
  /* @alternate */ -moz-osx-font-smoothing: grayscale;
  /* @alternate */ -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 0;
  text-rendering: optimizeLegibility;
  top: -6px;
  word-wrap: normal;
}

.devsite-events-filters .goog-menu {
  background: #fff;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, .15);
  position: absolute;
  width: 100%;
  z-index: 100;
}

.devsite-events-filters .goog-menuitem {
  cursor: pointer;
  line-height: 38px;
  padding: 0 11px;
}


/* hide the header row */
.devsite-events-header-row {
  display: none;
}

/* remove default background color from all rows */
#devsite-events tr {
  background: 0;
}

/* column for each event's time */
#devsite-events tr td:first-of-type {
  font: 400 18px/28px Roboto, sans-serif;
  text-align: right;
  white-space: nowrap;
}

/*
 * event headings:
 * 'h3' time, title
 * 'h4' speaker
 */
#devsite-events h3,
#devsite-events h4 {
  display: inline;
  font-size: 18px;
  line-height: 30px;
  margin: 0;
}

#devsite-events h3 {
  margin-right: 24px;
}

#devsite-events td p {
  margin: 8px 0;
}

/* column for event type (e.g. 'presentation', 'codelab') */
#devsite-events tr td:nth-of-type(3) {
  text-align: right;
  vertical-align: middle;
}

/* event types */
.devsite-event-codelab,
.devsite-event-presentation,
.devsite-event-question-answer,
.devsite-event-registration,
.devsite-event-social {
  border-radius: 2px;
  display: inline-block;
  padding: 4px 8px;
  white-space: nowrap;
}

.devsite-event-codelab {
  background: #ce93d8;
}

.devsite-event-presentation {
  background: #f8bbd0;
}

.devsite-event-question-answer {
  background: #ff8a65;
}

.devsite-event-registration {
  background: #80cbc4;
}

.devsite-event-social {
  background: #fff176;
}

/* LiveStream icon */
.devsite-livestream::before {
  background: #e62117;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 16px;
  margin: 0 8px 0 0;
  position: relative;
  top: 2px;
  width: 16px;
}

/* FAQ */
.expandable,
devsite-expandable {
  border-bottom: 1px solid #ebebeb;
  margin: 0 0 20px;
  padding: 0 0 20px;
}

.expand-control {
  color: rgba(0, 0, 0, .54); /* Update color value */
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  padding-right: 24px;
}

.expand-control:not(button):not(.button),
devsite-expandable .expand-control:not(button):not(.button) {
  color: #757575;
}

.expand-control::after {
  content: 'keyboard_arrow_down';
  font: normal normal normal 24px/1 'Material Icons';
  font-feature-settings: 'liga';
  /* @alternate */ -moz-osx-font-smoothing: grayscale;
  /* @alternate */ -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  position: absolute;
  right: 0;
  word-wrap: normal;
}

.expand-control.exw-expanded::after,
devsite-expandable[expanded] .expand-control::after {
  content: 'keyboard_arrow_up';
}

/* Styles for /events/ */
.devsite-events [background='grey'] h3 {
  margin-bottom: 0;
}

.devsite-events--upcoming-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.devsite-events--upcoming-details .material-icons {
  color: #757575;
}

.devsite-events--upcoming-details li:not(:first-child) {
  margin-left: 40px;
}

/* Filter dropdowns to be side by side instead of stacked */
.devsite-events-filter-horizontal .devsite-events-container {
  display: flex;
}

.devsite-events-chart .devsite-events-row {
  background: none;
  border: unset;
}

.devsite-events-chart .devsite-events-row td {
  background: transparent;
  color: #757575;
  font-size: 18px;
  padding-bottom: 14px;
  padding-top: 14px;
}

.devsite-events-chart td:last-of-type {
  display: none;
}

.devsite-events-chart td:nth-last-child(2) {
  padding-right: 22px;
  text-align: right;
}

.devsite-events-chart .google-visualization-table-table thead {
  display: none;
}

/* Landing page gallery */

.devsite-events-gallery-row.devsite-landing-row .devsite-landing-row-item-description {
  display: none;
}

.devsite-events-gallery-row + .devsite-events-gallery-row {
  padding-top: 0;
}

/* Media queries */

@media only screen and (max-width: 1000px) {

  .devsite-event-map.devsite-event-map-full-bleed {
    left: 0;
    margin: 0 0 60px;
    right: 0;
    width: 100%;
  }

  .devsite-events .devsite-landing-row:not(.devsite-landing-row-logos) .devsite-landing-row-item-image-left {
    order: 1;
  }

  .devsite-events .devsite-landing-row-67 .devsite-landing-row-item-description {
    margin: 0 0 0 40px;
  }

  .devsite-events-chart .devsite-events-row td {
    font-size: 14px;
    padding-bottom: 8px;
    padding-top: 8px;
  }

  .devsite-events--upcoming-details li:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }

  .devsite-events--upcoming-details {
    flex-direction: column;
  }

  .devsite-events-filters.devsite-events-filter-horizontal {
    flex-wrap: wrap;
  }

  .devsite-events-filters-note {
    width: 100%;
  }

  .devsite-events-filters-label {
    margin: 0;
  }

  .devsite-events-filter-horizontal .devsite-events-container {
    margin-left: auto;
  }

  .devsite-events-gallery-row.devsite-landing-row .devsite-landing-row-item-image,
  .devsite-events-gallery-row.devsite-landing-row .devsite-landing-row-item-media {
    width: 100%;
  }
}

@media only screen and (max-width: 720px) {
  .devsite-events .devsite-landing-row-67 .devsite-landing-row-item-description {
    margin: 0;
  }

  .devsite-events-filter-horizontal .devsite-events-container {
    display: block;
    margin-left: 0;
    width: 100%;
  }

  .devsite-events-filter {
    margin: 10px 0;
  }
}