/* Border Radius Mixin */
/* Placeholder Colors */
/* Header Adjustment */
/* Create Responsive Type */
/*
Use on the CONTAINER for WYSIWYG content. ie <p />
*/
/* Create Responsive Type */
/*
Use on the CONTAINER for WYSIWYG content. ie <p />
*/
.component--banner {
  --background-color: #C71414;
  --foreground-color: #FFFFFF;
  display: none;
  padding: 8px 0;
  background-color: var(--background-color); }
  .component--banner.active {
    display: block; }
  .component--banner.color-scheme--default-red {
    --background-color: #C71414;
    --foreground-color: #FFFFFF; }
  .component--banner.color-scheme--default-yellow {
    --background-color: #EED202;
    --foreground-color: #333333; }
  .component--banner > .container {
    position: relative;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  .component--banner .message {
    text-align: center;
    color: var(--foreground-color); }
    .component--banner .message > :first-child {
      margin-top: 0; }
    .component--banner .message > :last-child {
      margin-bottom: 0; }
  .component--banner .close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: var(--foreground-color);
    cursor: pointer;
    opacity: 1.0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out; }
    .component--banner .close:hover {
      opacity: 0.7; }

html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="start_at"],
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="end_at"],
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="color_scheme"],
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="dismissal_timeout"],
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="message"] .acf-label,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="message"] .wp-editor-tools,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="message"] .mce-statusbar,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="message"] .quicktags-toolbar,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field[data-name="message"] .mce-top-part.mce-container {
  display: none; }

html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-flexible-content > .values > .ui-sortable-placeholder,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-row > table > tbody > tr.ui-sortable-placeholder,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .acf-field-wysiwyg[data-name="message"] iframe,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .wp-editor-container textarea.wp-editor-area,
html body.wp-admin.toplevel_page_invex-banners .acf-field-repeater[data-name="banners"].drag-and-drop-mode .ui-sortable-placeholder.acf-row {
  min-height: 50px !important;
  max-height: 50px !important;
  height: 50px !important; }

@media (max-width: 1219px) {
      .component--banner > .container {
        margin-left: 20px;
        margin-right: 20px; } }

/*# sourceMappingURL=invex-banners.min.css.map */
