:root {
  --base-100     : 0, 0%, 100%;
  --primary-100  : 245, 37%, 17%;
  --highlight-100: 174, 100%, 44%;
  --accent-100   : 347, 89%, 48%;
  --grey         : 240, 2%, 92%;
  --geyser-blue  : 210, 21%, 85%;

  /* Control panel variables */
  --cms-borders-color: #cdd8e4;
  --neo-block-title: #6e7b8a;
}

.btn {
  /* --ui-control-color: #FFF !important;
  --ui-control-hover-color: #FFF !important;
  --ui-control-active-color: #FFF !important; */
}

/*------------------------------------*
  Inter google font
*------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

/*------------------------------------*
  Brother light
*------------------------------------*/
@font-face {
  font-family: brother-1816;
  src: url("../assets/fonts/brother1816-light_italic-web.woff2") format("woff2"), url("../assets/fonts/brother1816-light_italic-web.woff") format("woff");
  font-display: auto;
  font-weight: 200;
}
/*------------------------------------*
  Brother Regular
*------------------------------------*/
@font-face {
  font-family: brother-1816;
  src: url("../assets/fonts/brother1816-regular_italic-web.woff2") format("woff2"), url("../assets/fonts/brother1816-regular_italic-web.woff") format("woff");
  font-display: auto;
  font-weight: 400;
}
/*------------------------------------*
  Brother Extrabold
*------------------------------------*/
@font-face {
  font-family: brother-1816;
  src: url("../assets/fonts/brother1816-extrabold_italic-web.woff2") format("woff2"), url("../assets/fonts/brother1816-extrabold_italic-web.woff2") format("woff");
  font-display: auto;
  font-weight: 800;
}

.redactor-styles p,
.redactor-styles ul,
.redactor-styles li {
  margin: 0;
  padding: 16px 18px;
  color: #333;
  font-family: "Trebuchet MS","Helvetica Neue",Helvetica,Tahoma,sans-serif;
  font-size: 1em;
  line-height: 1.5;
  box-sizing: border-box;
}

.redactor-styles li {
  padding: 0;
}

/*------------------------------------*
  REDACTOR DROPDOWN STYLES
  PAPER OBJECT
*------------------------------------*/

/* .redactor-dropdown-format .redactor-dropdown-item-Paper-Heading-h2,
.redactor-paper h2 {
  font-family: brother-1816;
  font-size: calc(1.6875rem + 0.5625 * ((100vw - 26.75em) / 53.25));
  line-height: 125%;
  font-weight: 800;
  color: hsl(245, 37%, 17%);
}

.redactor-dropdown-format .redactor-dropdown-item-Paper-Heading-h3,
.redactor-paper h3 {
  font-family: brother-1816;
  font-size: calc(1.5rem + 0.4375 * ((100vw - 26.75em) / 53.25));
  line-height: 125%;
  font-weight: 800;
  color: hsl(245, 37%, 17%);
}

.redactor-dropdown-format .redactor-dropdown-item-Paper-Text-body,
.redactor-paper p,
.redactor-paper ul > li {
  font-family: "Inter", sans-serif;
  font-size: calc(1rem + 0.25 * ((100vw - 26.75em) / 53.25));
  line-height: 150%;
  font-weight: 400;
  color: hsl(245, 37%, 17%);
}

.redactor-dropdown-format .redactor-dropdown-item-Paper-Emphasis,
.redactor-paper p.emphasis {
  font-family: brother-1816 !important;
  font-size: calc(1.5rem + 0.4375 * ((100vw - 26.75em) / 53.25)) !important;
  line-height: 125% !important;
  font-weight: 400 !important;
  color: hsl(245, 37%, 17%) !important;
} */

/*------------------------------------*
  REDACTOR DROPDOWN STYLES
  PARAGRAPH OBJECT
*------------------------------------*/
/* .redactor-dropdown-format .redactor-dropdown-item-Paragraph-Heading-h2,
.redactor-paragraph h2 {
  font-family: brother-1816;
  font-size: calc(1.875rem + 1.1875 * ((100vw - 26.75em) / 53.25));
  line-height: 125%;
  font-weight: 800;
  color: hsl(245, 37%, 17%);
}

.redactor-dropdown-format .redactor-dropdown-item-Paragraph-Heading-h3,
.redactor-paragraph h3 {
  font-family: brother-1816;
  font-size: calc(1.6875rem + 0.5625 * ((100vw - 26.75em) / 53.25));
  line-height: 125%;
  font-weight: 800;
  color: hsl(245, 37%, 17%);
}

.redactor-dropdown-format .redactor-dropdown-item-Paragraph-Heading-h4,
.redactor-paragraph h4 {
  font-family: brother-1816;
  font-size: calc(1.5rem + 0.4375 * ((100vw - 26.75em) / 53.25));
  line-height: 125%;
  font-weight: 400;
  color: hsl(245, 37%, 17%);
}

.redactor-dropdown-format .redactor-dropdown-item-Paragraph-Heading-h5,
.redactor-paragraph h5 {
  font-family: brother-1816;
  font-size: calc(1.125rem + 0.125 * ((100vw - 26.75em) / 53.25));
  line-height: 150%;
  font-weight: 800;
  color: hsl(245, 37%, 17%);
}

.redactor-dropdown-format .redactor-dropdown-item-Paragraph-Text-body,
.redactor-paragraph p {
  font-family: "Inter", sans-serif;
  font-size: calc(1rem + 0.25 * ((100vw - 26.75em) / 53.25));
  line-height: 150%;
  font-weight: 400;
  color: hsl(245, 37%, 17%);
}

.redactor-paragraph ul,
.redactor-paragraph ol {
  margin: 1.5rem 0;
  font-family: "Inter", sans-serif;
  font-size: calc(1rem + 0.25 * ((100vw - 26.75em) / 53.25));
  line-height: 150%;
  font-weight: 400;
} */

/*------------------------------------*
  REDACTOR DATA NOTATION STYLES
*------------------------------------*/
.redactor-dropdown-format .redactor-dropdown-item-HighlightCyan span,
.redactor-dropdown-format .redactor-dropdown-item-HighlightCyan:hover span,
.redactor-dropdown-format .redactor-dropdown-item-HighlightCyanBold span,
.redactor-dropdown-format .redactor-dropdown-item-HighlightCyanBold:hover span {
  display: inline-block;
  background-color: #00E0CA;
  color: black;
}

.redactor-dropdown-format .redactor-dropdown-item-HighlightCyanBold span,
.redactor-dropdown-format .redactor-dropdown-item-HighlightCyanBold:hover span {
  font-weight: bold;
}

.redactor-styles [data-notation="highlight-cyan"] {
  background-color: #00E0CA;
}

.redactor-styles .u-primary-weight-light {
  font-weight: 200;
}
.redactor-styles .u-primary-weight-regular {
  font-weight: 400;
}
.redactor-styles .u-primary-weight-extrabold {
  font-weight: 800;
}
.redactor-styles .u-secondary-weight-bold {
  font-weight: 700;
}

/*------------------------------------*
  CONTROL PANEL STYLES
*------------------------------------*/

.btn.dashed {
  background-color: #FFF !important;
}

.btn:before, .btn:after {
  opacity: 1 !important;
}

/* Neo styles */
.ni_block {
  border: 2px solid var(--cms-borders-color) !important;
  margin-bottom: 24px !important;
  padding-top: 14px !important;
}

.ni_block_topbar_item.tabs .tab.is-selected {
  border-top: 1px solid #e3e5e8;
  background-color: #FFF !important;
}

.ni_block_topbar_item.tabs .tab {
  padding: 0 48px !important;
  border-left: 1px solid #e3e5e8;
  border-right: 1px solid #e3e5e8;
  border-top: 1px solid #e3e5e8;
}

.ni_block_topbar_item.title .blocktype {
  font-size: 16px;
  font-weight: bold;
  color: var(--neo-block-title);
}

.ni_block_topbar_item > a {
  color: var(--neo-block-title) !important;
}
/* End Neo styles */

/* Supertable styles */
.rowLayoutContainer {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.superTable-layout-row-new {
  border: 2px solid var(--cms-borders-color) !important;
}

.superTable-layout-row-new-body .rowHeader {
  background-color: #cdd8e4 !important;
  color: #596571 !important;
}
/* End Supertable styles */