/*
 * When adding elements here, make sure you leave a comment fully explaining which other element they're
 * conflicting with.
*/
.wordcamp__edit-placeholder .components-placeholder__fieldset,
.wordcamp-edit-appender .wordcamp-item-select {
  /*
	 * By default the fieldset has a `z-index` of `1`, and `.block-editor-block-contextual-toolbar` has a value of
	 * `21`. On smaller screens (<600px), this appears at the bottom of the block. When expanded, the ItemSelect
	 * list drops below this, and the default z-index stacks the toolbar over the dropdown. Bumping the z-index
	 * of the dropdown wrapper to `22` corrects that
	 */
  z-index: 22; }
  .wp-block.is-selected .wordcamp__edit-placeholder .components-placeholder__fieldset,
  .wp-block.is-typing .wordcamp__edit-placeholder .components-placeholder__fieldset, .wp-block.is-selected
  .wordcamp-edit-appender .wordcamp-item-select,
  .wp-block.is-typing
  .wordcamp-edit-appender .wordcamp-item-select {
    /*
		 * If the block is placed before another WordCamp block, it's possible that the `ItemSelect` dropdown
		 * extends over into the next block area. When two items have the same z-index (22), the later-in-dom
		 * element "wins", so we bump this to 23 to avoid the conflict.
		 */
    z-index: 23; }

.wordcamp__edit-mode-option {
  flex-basis: 100%;
  padding: 0.5em; }

/*
 * Session
 */
.wordcamp-live-schedule__session {
  display: flex;
  margin-bottom: 1em; }

.wordcamp-live-schedule__session-track {
  width: 20%; }

.wordcamp-live-schedule__session-details {
  margin-left: 1em;
  width: 80%; }
  .wordcamp-live-schedule__session-details .wordcamp-live-schedule__session-title {
    margin-top: 0; }
    .editor-styles-wrapper .wordcamp-live-schedule__session-details .wordcamp-live-schedule__session-title {
      margin-top: 0; }
  .wordcamp-live-schedule__session-details span {
    display: block; }

.wordcamp-live-schedule__session-speaker a {
  margin-right: 4px; }
  .wordcamp-live-schedule__session-speaker a::after {
    content: ","; }
  .wordcamp-live-schedule__session-speaker a:last-of-type {
    margin-right: 0; }
  .wordcamp-live-schedule__session-speaker a:last-of-type::after {
    content: ""; }

.wordcamp-edit-appender {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1em;
  min-height: 100px;
  width: 100%;
  background: #f7f7f7;
  text-align: center; }
  .wordcamp-edit-appender .wordcamp-item-select {
    max-width: 400px; }

.wordcamp-item-select__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left; }

.wordcamp-item-select__select {
  flex-grow: 2;
  margin-right: 1em; }
  .rtl .wordcamp-item-select__select {
    margin-left: 1em;
    margin-right: 0; }
  .wordcamp-item-select__select input[type="text"]:focus {
    box-shadow: none; }

.wordcamp-item-select__option {
  display: flex;
  align-items: center; }

.wordcamp-item-select__option-group-label {
  color: #555d66; }

.wordcamp-item-select__option-avatar,
.wordcamp-item-select__option-icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.wordcamp-item-select__option-avatar {
  flex: 0 0 50px;
  height: 50px;
  margin-right: 10px; }

.wordcamp-item-select__option-icon-container {
  flex: 0 0 24px;
  height: 24px;
  margin-right: 10px;
  background-color: #f3f3f4; }

.wordcamp-item-select__option-label {
  margin: 0;
  white-space: normal; }

.wordcamp-item-select__option-label-count {
  font-size: 0.6em;
  display: inline-block;
  border-radius: 50%;
  background-color: #f3f3f4;
  width: 2.2em;
  height: 2.2em;
  margin: 0 0.5em;
  text-align: center;
  line-height: 2.2;
  vertical-align: text-top; }

.wordcamp-item-select__option-label-details {
  display: block;
  color: #6c7781;
  font-style: italic; }

.wordcamp-item-select {
  width: 100%; }
  .wordcamp-item-select .wordcamp-item-select__button.components-button {
    padding-top: 4px;
    padding-bottom: 4px;
    height: auto; }

.wordcamp-image__avatar-container.align-left,
.wordcamp-image__featured-image-container.align-left {
  float: left;
  margin-right: 1em; }

.wordcamp-image__avatar-container.align-center,
.wordcamp-image__featured-image-container.align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.wordcamp-image__avatar-container.align-right,
.wordcamp-image__featured-image-container.align-right {
  float: right;
  margin-left: 1em; }

img.wordcamp-image__featured-image {
  max-width: 100%;
  max-height: 100%; }

.wordcamp-image__size-label,
.wordcamp-image__alignment-label {
  display: block;
  margin-bottom: 4px; }

.wordcamp-image__size-preset-buttons {
  display: flex;
  justify-content: space-between; }

.edit-post-settings-sidebar__panel-block .components-panel__body .wordcamp-image__size-range {
  margin-top: 1em; }

.wordcamp-clearfix::after {
  content: "";
  display: table;
  clear: both; }

.wordcamp-post-list.wordcamp-post-list {
  list-style: none; }

.wordcamp-post-list .wordcamp-post-list__post {
  margin: 0 0 1em 0; }
  .has-layout-list .wordcamp-post-list .wordcamp-post-list__post {
    margin-bottom: 1em; }
    .has-layout-list .wordcamp-post-list .wordcamp-post-list__post:last-child {
      margin-bottom: 0; }

@media (min-width: 400px) {
  .wordcamp-post-list.has-layout-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    /*
			 * Ensure columns maintain equal widths.
			 * https://stackoverflow.com/a/43312314
			 */
    min-height: 0;
    min-width: 0; }
    .wordcamp-post-list.has-layout-grid .wordcamp-post-list__post {
      overflow: hidden;
      min-width: 0; } }

@media (min-width: 600px) {
  .wordcamp-post-list.has-layout-grid.has-grid-columns-3 {
    grid-template-columns: repeat(3, 1fr); } }

@media (min-width: 800px) {
  .wordcamp-post-list.has-layout-grid.has-grid-columns-4 {
    grid-template-columns: repeat(4, 1fr); } }

.wordcamp-post-list.has-no-content {
  margin: 1em 0;
  text-align: center; }
  .wordcamp-post-list.has-no-content .components-spinner {
    float: none; }

.editor-styles-wrapper .wordcamp-sessions__title,
.entry-content .wordcamp-sessions__title {
  margin-bottom: 8px; }

.editor-styles-wrapper .wordcamp-sessions__speakers,
.editor-styles-wrapper .wordcamp-sessions__details,
.entry-content .wordcamp-sessions__speakers,
.entry-content .wordcamp-sessions__details {
  margin: 0 0 1.5em;
  font-size: 0.875em;
  font-style: italic; }

.editor-styles-wrapper .wordcamp-sessions__categories,
.entry-content .wordcamp-sessions__categories {
  color: #6c7781; }

.editor-styles-wrapper .wordcamp-speakers__sessions-list,
.entry-content .wordcamp-speakers__sessions-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.editor-styles-wrapper .wordcamp-speakers__sessions-heading,
.entry-content .wordcamp-speakers__sessions-heading {
  margin-bottom: 8px;
  font-size: 1.125em; }

.editor-styles-wrapper .wordcamp-speakers__session-info,
.entry-content .wordcamp-speakers__session-info {
  display: block;
  font-size: 0.875em;
  font-style: italic; }