/**
 * Theme Name:     Hello Elementor (OmanBros) Child
 * Author:         Elementor Team, OmanBros.com Team
 * Template:       OmanBros-Theme
 * Text Domain:	   hello-elementor-omanbros-child
 * Description:    A plain-vanilla
 */

/* asap-100 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/asap-v30-latin-100.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-200 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/asap-v30-latin-200.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/asap-v30-latin-300.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/asap-v30-latin-regular.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/asap-v30-latin-italic.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-500 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/asap-v30-latin-500.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/asap-v30-latin-600.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/asap-v30-latin-700.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/asap-v30-latin-800.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* asap-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Asap';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/asap-v30-latin-900.woff2') format('woff2');
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body,
body * {
  font-family: 'Asap';
}

/* --- Event Manager --- */

.em.em-list.em-grid .em-item .em-item-info,
.em.em-list.size-small .em-item .em-item-info {
  border-color: #D9501E;
}

.em-search-main-bar {
  display: none !important;
}

.em.em-event-booking-form .em-booking-section.em-booking-form-buttons {
  z-index: 2;
}

.em.em-event-booking-form .em-booking-section {
  padding: 0;
}

.em.em-event-booking-form .em-tickets {
  margin: 0;
  width: 100%;
}

.em.em-item.em-item-single .em-item-meta h3 {
  color: var(--text-color-normal) !important;
}

.em.em-event-booking-form .em-booking-form .input-checkbox {
  margin-bottom: 0 !important;
}

.em.em-event-booking-form .em-booking-form .em-booking-form-details .input-field-data_privacy_consent~label input[type="checkbox"] {
  margin-right: 4px !important;
}

.em.em-event-booking-form .em-booking-form .em-form-submit.em-booking-submit {
  margin-top: 1em !important;
}

@media only screen and (max-width: 767px) {
  h1.entry-title {
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    padding-top: 20px;

  }

  .em-booking-form-details p {
    margin-bottom: 0 !important;
  }

  .type-event {
    padding-inline-start: 20px !important;
    padding-inline-end: 20px !important;
  }

  body:not([class*=elementor-page-]) .site-main {
    padding-inline-start: 20px !important;
    padding-inline-end: 20px !important;
  }

  body {
    overflow-x: hidden !important;
  }

  .css-my-bookings .table-wrap {
    overflow: scroll;
  }
}

@media only screen and (min-width: 768px) {
  .em.em-event-booking-form .em-booking-form .em-booking-form-details .input-field-data_privacy_consent~label {
    padding-left: 18px;
  }

  .em.em-event-booking-form .em-booking-form .em-booking-form-details .input-field-data_privacy_consent~label input[type="checkbox"] {
    position: absolute !important;
    margin-top: 3px !important;
    top: unset !important;
    left: 0px !important;
  }
}

/* --- Events, Templating --- */

.required {
  color: #D9501E;
}

.em.pixelbones .em-tickets {
  display: none;
}

.em.pixelbones .em-event-content h2 {
  color: var(--e-global-color-primary);
  margin: 24px 0 0 !important;
}

.em.pixelbones .fzb-header,
.em.pixelbones .fzb-row {
  display: flex;
  flex-flow: row wrap;
}

.em.pixelbones .fzb-header {
  margin: 24px 0 6px;
}

.em.pixelbones .fzb-header h3 {
  color: var(--e-global-color-primary);
  font-size: 24px !important;
  margin: 0 !important;
}

.em.pixelbones .fzb-header i {
  margin: 4px 0.5em 0;
}

.em.pixelbones .fzb-row {
  padding-bottom: 0.5em;
}

.em.pixelbones .fzb-row input[type="checkbox"] {
  align-self: flex-start;
  margin: 5px 4px 0 0;
}

.em.pixelbones .fzb-row .prefix,
.em.pixelbones .fzb-row .desc {
  flex: 1 0 100%;
}

.em.pixelbones .fzb-row .time {
  flex: 0 0 8em;
}

.em.pixelbones .fzb-row .title,
.em.pixelbones .fzb-row .loc {
  flex: 1 0 0%;
}

.em.pixelbones .fzb-row .desc {
  display: flex;
  flex-flow: row nowrap;
}

.em.pixelbones .fzb-row .desc summary {
  list-style-type: none;
  cursor: pointer;
}

.em.pixelbones .fzb-row .desc p {
  flex: 1 0 0%;
}

.em.pixelbones .fzb-icon.desc {
  align-self: flex-start;
  flex: 0 0 1em;
}

.em.pixelbones .fzb-icon.desc::before {
  content: "i";
  display: inline-block;
  padding: 2px 12px;
  margin-right: 8px;
  border-radius: 8px;
  background: var(--e-global-color-primary);
  color: white;
}

.em.pixelbones .icon-pdf {
  list-style-type: none;
  margin-left: 4px;
}

.em.pixelbones .icon-pdf::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1.1em;
  background-image: url('/wp-content/themes/OmanBros-Theme-child/pdf.svg');
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.em.pixelbones .fzb-row .desc:not([open]) .fzb-icon.desc::after {
  content: "\2192";
}

.em.pixelbones .fzb-row .desc[open] .fzb-icon.desc::before {
  background: var(--e-global-color-text);
}

@media only screen and (max-width: 1199px) {
  .em.pixelbones .fzb-row {
    flex-direction: column;
  }

  .em.pixelbones .fzb-row .time {
    flex: 0 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .em.pixelbones .fzb-header i {
    font-size: 15px;
  }
}