/* Custom Clubbing411 CSS... */

/* Oembed Content...
.media-oembed-content {
  max-width: 400px !important;
  max-height: 800px !important;
}
*/

.page-node-type-events #colorbox iframe body div {
  max-height: 394px !important;
}

.paragraph-type-label {
  display: none;
  visibility: hidden;
}

/* Photo Gallery View... */
.view-photo-gallery .views-exposed-form .form--inline {
  position: relative;
  text-align: center;
}

.view-photo-gallery .bef-exposed-form .form--inline > .form-item {
  float: none;
}

.view-photo-gallery select[multiple] {
  height: 7rem;
  background: none;
}

.view-photo-gallery .views-exposed-form .form--inline .form-actions {
  padding-left: 10px;
  position: absolute;
  bottom: 0px;
}

.view-photo-gallery .views-field-field-images {
  padding: 10px;
}

.view-photo-gallery button {
  margin: 1px;
}

/* All other Nodes... */

.field--name-field-photo {
  width: 100%;
}

/* Photo Gallery Colorbox Styling */
.path-gallery #colorbox #cboxTitle, .path-gallery-single #colorbox #cboxTitle, .page-node-type-events #colorbox #cboxTitle {
  width: 100%;
  float: none !important;
  display: inline-block !important;
  visibility: visible !important;
  padding: 0px !important;
  height: auto !important;
}

.page-node-type-events .events-view-gallery a, .page-node-type-events .events-view-gallery a {
	color: black;
  font-weight: bold;
}

.path-gallery #colorbox #cboxTitle a, .path-gallery-single #colorbox #cboxTitle a, #colorbox #cboxTitle a {
  color: black;
  font-weight: bold;
  float: right;
  padding: 5px;
}

.path-gallery #colorbox #cboxTitle a:first-of-type, .path-gallery-single #colorbox #cboxTitle a:first-of-type, #colorbox #cboxTitle a:first-of-type {
  float: left;
}

/* Webforms */
.webform-submission-sign-up-for-a-reservation-or-gue-form .form-control {
  border: 2px solid #eaeaea;
  background-color: white;
}

button.ui-dialog-titlebar-close::before {
  content: "X";
  position: absolute;
  top: 1px;
  left: 3px;
  line-height: 1rem;
}

.page-node-type-events .field.field--name-field-sign-up.field--type-webform.field--label-hidden.field--item, .page-node-type-events .field.field--name-field-sign-up.field--type-webform.field--label-hidden.field--item, .page-node-type-deals .field.field--name-field-sign-up.field--type-webform.field--label-hidden.field--item, .page-node-type-deals .field.field--name-field-sign-up.field--type-webform.field--label-hidden.field--item {
  margin-top: 15px;
  margin-bottom: 15px;
}

.page-node-type-events a.webform-dialog.webform-dialog-normal, .page-node-type-events a.webform-dialog.webform-dialog-normal, .page-node-type-deals a.webform-dialog.webform-dialog-normal, .page-node-type-deals a.webform-dialog.webform-dialog-normal, div.field--name-field-sign-up a {
  background-color: #0071b8;
  color: white;
  padding: 1em 1.5em;
  position: relative;
  text-decoration: none;
  border-radius: 10px;
}

.path-node-add-events a.webform-dialog.webform-dialog-normal:hover, .page-node-type-events a.webform-dialog.webform-dialog-normal:hover, .path-node-add-deals a.webform-dialog.webform-dialog-normal:hover, .page-node-type-deals a.webform-dialog.webform-dialog-normal:hover {
  cursor: pointer;
}

.path-node-add-events .field--widget-webform-entity-reference-select, .page-node-type-events .field--widget-webform-entity-reference-select, .path-node-add-deals .field--widget-webform-entity-reference-select, .page-node-type-deals .field--widget-webform-entity-reference-select {
  display: none;
  visibility: hidden;
}

article.hide-signup .field--name-field-sign-up {
  display: none;
  visibility: hidden;
}

.element-hidden {
	display: none;
}

.path-node-add-events input.form-text, textarea.form-textarea, .page-node-type-events input.form-text, textarea.form-textarea {
  background-color: #fff;
}

.path-node-add-events .field--type-text-with-summary .filter-help, .page-node-type-events .field--type-text-with-summary .filter-help {
	display: none;
  visibility: hidden;
}

#edit-field-sign-up-wrapper, .page-node-type-events #edit-field-sign-up-wrapper, #edit-field-sign-up-wrapper, .page-node-type-deals #edit-field-sign-up-wrapper {
	display: none;
  visibility: hidden;
}

/* Dialog boxes */
.ui-dialog {
  z-index: 1000;
}
.path-node-add-events .ui-dialog-titlebar-close {
  display: none;
}

/* Search styling */
.search-result .field--name-field-deals .field--item, .search-result .field--name-field-venue-deals .field--item, .search-result .field--name-field-event-type .field--item, .search-result .field--name-field-crowd-type .field--item, .search-result .field--name-field-music-genre .field--item, .search-result .field--name-field-event-deals .field--item {
  display: inline-block;
}

/* Main page fixes */
.path-home-landing-page #main-container {
  padding-top: 0px;
  background: white;
}

.path-home-landing-page #main-container .container {
  max-width: fit-content;
}

#block-clubbing411-offertypes8am359pm, #block-clubbing411-offertype4pm1159pm, #block-clubbing411-offertype12am759am, .js-facet-block-id-deals8am359pm, .js-facet-block-id-deals4pm1159pm, .js-facet-block-id-deals12am759am {
  display: none;
}

/* My Events */

div.view-my-events .views-field-nothing a {
  border-width: 2px;
  border-style: solid;
  padding: 3px
}

div.view-my-events .view-content table {
  width: 100%;
  table-layout: fixed;
}

/* Events */
.field-interval--label {
  display: none;
  visibility: hidden;
}

.node-form .pad-left {
  padding-left: 0px;
  margin-left: 0px;
  min-width: 0px !important;
  padding-right: 0px;
  margin-right: 0px !important;
}

/* Events Dates */
.smartdate--widget .repeat--label {
  margin-right: 0 !important;
}

.path-node-add-events .field--type-smartdate .smartdate--widget .panel-heading, .page-node-type-events .field--type-smartdate .smartdate--widget .panel-heading {
  display: none;
  visibility: hidden;
}

.page-node-type-events #field-date-range-values .label {
  color: black !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-align: left !important;
  padding: inherit !important;
  font-weight: normal !important;
}

.path-node-add-events #field-date-range-values .smartdate--time-inline .control-label, .page-node-type-events #field-date-range-values .smartdate--time-inline .control-label {
  padding-right: 10px;
}

.path-node-add-events #field-date-range-values .duration-wrapper .control-label, .page-node-type-events #field-date-range-values .duration-wrapper .control-label {
  float: left;
  margin-bottom: 0px;
  padding-top: 0px;
}

.path-node-add-events #field-date-range-values .duration-wrapper .allday-label, .page-node-type-events #field-date-range-values .duration-wrapper .allday-label {
  margin: 0px;
  padding-top: 0px;
}

.path-node-add-events #field-date-range-values .duration-wrapper .allday-label .allday, .page-node-type-events #field-date-range-values .duration-wrapper .allday-label .allday {
  margin: 0px;
  margin-right: 4px;
}

.node-events-form .smartdate--widget .allday-label, .node-events-form .smartdate--widget .duration-wrapper, .page-node-type-events .smartdate--widget .allday-label, .page-node-type-events .smartdate--widget .duration-wrapper {
  display: none !important;
  visibility: hidden;
}

.page-node-type-events .smartdate--widget .form-item {
  white-space: nowrap;
}

/* Listings */
.page-node-type-listing .field--name-field-geofield label {
  display: none;
  visibility: hidden;
}

/* User Page */
.path-user .contextual-region .form-item {
  display: none;
  visibility: hidden;
}

.path-user #block-subscriptionblock .form-item {
  display: block;
  visibility: visible;
}

.path-user-register #edit-group-account {
  margin-bottom: 0px;
  border: none;
}

.path-user-register #edit-group-bio {
  display: none;
  visibility: hidden;
}

/* Default Flyer */
#edit-field-photo .form-item--error-message {
	display: none;
  visibility: hidden;
}

#edit-field-photo .form-item.form-item--error-message {
	display: inline-block;
	visibility: visible;
}

/* --- Promoter Page --- */
.organizer-profile-header {
  background-color: #ffffff;       /* white background */
  padding: 24px 32px;              /* space inside header */
  border-radius: 8px;              /* rounded corners */
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);  /* subtle drop shadow */
  margin: 20px auto;               /* vertical margin, centered if width is restricted */
  max-width: 960px;                /* optional max width for layout */
  width: 100%;                     /* full width up to max-width */
  box-sizing: border-box;
}

.organizer-profile-header h1,
.organizer-profile-header h2,
.organizer-profile-header p {
  margin: 0 0 12px;               /* spacing between header elements */
  color: #333333;                 /* default text color */
}

.organizer-profile-header img {
  max-width: 100%;
  border-radius: 4px;             /* optional rounding for images */
}

.organizer-profile-header__title-redesign {
  text-align: center;
}

/* Container */
/* Make the container a horizontal flex row */
.organizer-trust-signals__container .signal-display__container {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

/* Each metric is its own small vertical stack (number + label) */
.organizer-trust-signals__container .signal-display__container .metric {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Separator stays inline */
.organizer-trust-signals__container .signal-display__container .separator {
  display: inline-block;
  padding: 0 4px;
}

/* Ensure the image behaves the SAME as Bootstrap's search result grid */
.events.search-result img.img-responsive,
.view-promoter-events img.img-responsive {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 220px;       /* same as Bootstrap medium_square dimensions */
  border-radius: 4px;     /* optional: matches Eventbrite-like polish */
  object-fit: cover;      /* prevents stretching */
}

/* Ensure the column containing the image behaves like col-sm-4 */
.view-promoter-events .col-sm-4 {
  flex: 0 0 220px;
  max-width: 220px;
  padding: 0;
}

/* Prevent flexbox parents from squashing the image */
.view-promoter-events .events.search-result.row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.view-promoter-events li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.view-promoter-events article .field--name-title h2, .view-promoter-events article .field--name-title .h2{
  font-size: 12px;
}

.view-promoter-events article .field--name-title a {
  white-space: normal;
}

.view-promoter-events article {
  white-space: nowrap;
}

.view-promoter-events .col-sm-8 {
  width: 95% !important;
}