/*------------------------------------------------------------------------
# Stack Drupal
# ------------------------------------------------------------------------
# Created by Symphony Themes
# Websites:  http://www.symphonythemes.com -  Email: info@symphonythemes.com
--------------------------------------------------------------------------
    1.   Custom CSS
    2.   Forms
    3.   Blog & Article
    4.   Portfolio & Project
    5.   Edit form
    6.   Others
--------------------------------------------------------------------------------*/

/* 01. Custom CSS
 --------------------------------------------------------------------------------*/

/* Adaption */
body {
    margin-top: 0px;
}
ol.process-3 {
  padding-left: 0;
}
img { height: auto; }

/**! Typography **/
h1:not(:last-child),
.h1:not(:last-child) {
  margin-bottom: 1.25rem;
}
h2,
.h2 {
  margin-bottom: 0.75rem;
}
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-bottom: 0.5rem;
}
a { text-decoration: none; }
.btn .label { position: absolute; }
.btn:hover { text-decoration: none; }
.btn.type--uppercase .btn__text { margin-right: 0 !important; }
.label { line-height: inherit; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  text-decoration: none;
}
h2 a { font-weight: 300; }
h5 a, h6 a { font-weight: 600; }
p a, span a, label a {
  text-decoration: none;
}
ul.list-inline li { display: inline-block; }
.field--label {
  font-weight: bold;
}
.text-white a:not(.btn-white) { 
  color: white; 
}
h1.title {
  font-size: calc(1.365rem + 1.38vw);
  line-height: 1.2;
  margin-bottom: 0.75rem !important;
}
@media (min-width: 1200px) {
  h1.title {
    font-size: 2.4rem;
  }
}
.text-inverse h1, 
.text-inverse h2,
.text-inverse h3,
.text-inverse h4,
.text-inverse h5,
.text-inverse h6 {
  color: #cacaca;
}
.text-white h1, 
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6 {
  color: #fff;
}
/**! Landing Pages **/
.node--type-landing-page .content > section:first-child > div[class*='container']:not(.space-0) {
  padding-top: 5rem;
}

@media (min-width: 768px) {
  .node--type-landing-page .content > section:first-child > div[class*='container']:not(.space-0) {
    padding-top: 9rem;
  }
}
.image-wrapper.bg-image > .container {
  position:relative;
  z-index: 2;
}
/**! Spacing **/
section > div[class*="container"]:not([class*="space-"]),
footer > div[class*="container"]:not([class*="space-"]) {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
section .space-md,
footer .space-md {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
section .space-xs,
footer .space-xs {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
section .space-sm,
footer .space-sm {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
section .space-lg,
footer .space-lg {
  padding-top: 7rem;
  padding-bottom: 7rem;
}
section .space-xl,
footer .space-xl {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
section .space-xxl,
footer .space-xxl {
  padding-top: 16rem;
  padding-bottom: 16rem;
}
section .space-0,
footer .space-0 {
  padding-top: 0;
  padding-bottom: 0;
}
@media all and (max-width: 767px) {
  .node--type-landing-page .content > section:first-child > div[class*='container']:not(.space-0) {
    padding-top: 5rem;
  }
  section > div[class*="container"]:not[class*="space"],
  footer > div[class*="container"]:not[class*="space"] {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  section .space-sm,
  footer .space-sm,
  section .space-xs,
  footer .space-xs {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  section .space-md,
  footer .space-md {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  section .space-lg,
  footer .space-lg {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  section .space-xlg,
  footer .space-xlg {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}
.unpad {
  padding: 0;
}
.unpad--bottom {
  padding-bottom: 0;
}
.unpad--top {
  padding-top: 0;
}
section.unpad--bottom {
  padding-bottom: 0;
}
section.unpad {
  padding: 0;
}
section.unpad--top {
  padding-top: 0;
}
.unmarg--bottom {
  margin-bottom: 0;
}
.unmarg {
  margin: 0;
}
.unmarg--top {
  margin-top: 0;
}
section .row--gapless div[class*="col-"],
section.row--gapless div[class*="col-"] {
    padding: 0;
}
section .region--top,
section .region--bottom {
  z-index: 1;
  margin: 0;
  position:relative;
}

/* gin */
:root {
  --gin-color-title: #222330;
  --gin-color-text: #222330;
  --gin-color-text-light: #545560;
  --gin-color-focus: rgba(0, 125, 250, .6);
  --gin-color-focus-border: rgba(0, 0, 0, .2);
  --gin-color-focus-neutral-rgb: rgba(0, 0, 0, .4);
  --gin-color-disabled: #8d8d8d;
  --gin-color-disabled-bg: #eaeaea;
  --gin-color-disabled-border: #c2c2c2;
  --gin-color-warning: #d8b234;
  --gin-color-warning-light: #efcf64;
  --gin-bg-warning: #605328;
  --gin-bg-warning-light: rgba(226, 151, 0, .08);
  --gin-color-danger: #cc3d3d;
  --gin-color-danger-lightest: #fdd9d9;
  --gin-color-danger-light: #f39b9d;
  --gin-bg-danger: #583333;
  --gin-bg-danger-light: rgba(222, 117, 96, .1);
  --gin-color-green: #058260;
  --gin-color-green-light: #32cea4;
  --gin-color-green-lightest: #adebdb;
  --gin-bg-green: #145242;
  --gin-bg-green-light: rgba(72, 171, 123, .1);
  --gin-color-info: #082538;
  --gin-color-info-light: #589ac5;
  --gin-bg-info: #122b3c;
  --gin-color-contextual: var(--gin-color-text);
  --gin-color-contextual-text: #eee;
  --gin-bg-input: #fff;
  --gin-bg-layer: #fff;
  --gin-bg-layer2: #edeff5;
  --gin-bg-layer3: #fff;
  --gin-bg-layer4: #e2e5ec;
  --gin-bg-secondary: var(--gin-bg-layer);
  --gin-bg-header: #eeeff3;
  --gin-bg-unpublished: var(--gin-bg-danger-light);
  --gin-pattern: var(--gin-border-color);
  --gin-pattern-fallback: var(--gin-bg-layer2);
  --gin-pattern-square: .5rem;
  --gin-font: Ginter, Inter, "Helvetica Neue", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, sans-serif;
  --gin-font-size-xxs: .75rem;
  --gin-font-size-xs: small;
  --gin-font-size-s: .875rem;
  --gin-font-size: 1rem;
  --gin-font-size-m: var(--gin-font-size);
  --gin-font-size-l: 1.125rem;
  --gin-font-size-xl: 1.25rem;
  --gin-font-size-h3: 1.5rem;
  --gin-font-size-h2: 1.75rem;
  --gin-font-size-h1: 1.6rem;
  --gin-font-size-quote: 1.1em;
  --gin-font-weight-normal: 400;
  --gin-font-weight-semibold: 525;
  --gin-font-weight-bold: 575;
  --gin-font-weight-heavy: 625;
  --gin-spacing-xxxs: .125rem;
  --gin-spacing-xxs: .25rem;
  --gin-spacing-xs: .5rem;
  --gin-spacing-s: .75rem;
  --gin-spacing-m: 1rem;
  --gin-spacing-l: 1.5rem;
  --gin-spacing-xl: 2rem;
  --gin-spacing-xxl: 3rem;
  --gin-spacing-xxxl: 4rem;
  --gin-icon-color: #414247;
  --gin-icon-size-close: 20px;
  --gin-icon-size-toolbar-secondary: 17px;
  --gin-icon-size-toolbar: 17px;
  --gin-icon-size-sidebar-toggle: 21px;
  --gin-border-xxs: .125rem;
  --gin-border-xs: .25rem;
  --gin-border-s: .375rem;
  --gin-border-m: .5rem;
  --gin-border-l: .75rem;
  --gin-border-xl: 1rem;
  --gin-border-color: #d4d4d8;
  --gin-border-color-secondary: rgba(0, 0, 0, .08);
  --gin-border-color-layer: rgba(0, 0, 0, .08);
  --gin-border-color-layer2: #d4d4d8;
  --gin-border-color-table: rgba(0, 0, 0, .1);
  --gin-border-color-table-header: rgba(0, 0, 0, .2);
  --gin-border-color-form-element: #8e929c;
  --size-summary-border-radius: calc(var(--gin-border-m) - 1px);
  --gin-easing: cubic-bezier(.19, 1, .22, 1);
  --gin-transition: .15s var(--gin-easing);
  --gin-transition-fast: .3s var(--gin-easing);
  --gin-shadow-l1: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
  --gin-shadow-l2: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%), 0 20px 24px rgb(20 45 82 / 12%);
  --gin-height-sticky: 60px;
  --gin-toolbar-width-collapsed: 66px;
  --gin-toolbar-width: 256px;
  --gin-toolbar-height: 0px;
  --gin-toolbar-secondary-height: 0px;
  --gin-toolbar-bg-level2: #edeff5;
  --gin-toolbar-bg-level3: rgba(44, 45, 47, .05);
  --gin-toolbar-y-offset: 0px;
  --gin-toolbar-x-offset: 0px;
  --gin-scroll-offset: 0px;
  --gin-sticky-offset: 0px;
  --gin-sidebar-width: 320px;
  --gin-sidebar-offset: var(--gin-sidebar-width);
  --gin-switch: #26a769;
  --gin-shadow-button: #00000033;
  --gin-color-button-text: #fff;
  --gin-offset-x: var(--gin-toolbar-x-offset);
  --gin-offset-y: calc(var(--gin-toolbar-y-offset) + var(--gin-sticky-offset));
  --gin-link-decoration-style: dotted;
  --gin-max-line-length: 80ch;
  --input-line-height: var(--gin-spacing-l);
  --input-padding-horizontal: var(--gin-spacing-s);
  --input-padding-vertical: var(--gin-spacing-xs);
  --jui-dialog-z-index: 1260;
}

@media (min-width: 61em) {
  :root {
    --gin-font-size-h1: 1.8125rem;
    --gin-font-size-quote: 1.2em;
  }
}

@media (min-width: 90em) {
  :root {
    --gin-font-size-h1: 2.125rem;
  }
}

@media (min-width: 61em) {
  :root {
    --gin-icon-size-toolbar: 20px;
  }
}

@media (min-width: 64em) {
  :root {
    --gin-sticky-offset: var(--gin-height-sticky);
  }
}

@media (min-width: 80em) {
  :root {
    --gin-sidebar-width: 360px;
  }
}

[data-gin-layout-density=small] {
  --gin-spacing-density-xxs: .15625rem;
  --gin-spacing-density-xs: .3125rem;
  --gin-spacing-density-s: .46875rem;
  --gin-spacing-density-m: .625rem;
  --gin-spacing-density-l: .9375rem;
  --gin-spacing-density-xl: 1.25rem;
  --gin-spacing-density-xxl: 1.875rem;
  --gin-spacing-density-xxxl: 2.5rem;
}

[data-gin-layout-density=medium] {
  --gin-spacing-density-xxs: .1875rem;
  --gin-spacing-density-xs: .375rem;
  --gin-spacing-density-s: .5625rem;
  --gin-spacing-density-m: .75rem;
  --gin-spacing-density-l: 1.125rem;
  --gin-spacing-density-xl: 1.5rem;
  --gin-spacing-density-xxl: 2.25rem;
  --gin-spacing-density-xxxl: 3rem;
}

:root {
  --gin-spacing-density-xxs: .25rem;
  --gin-spacing-density-xs: .5rem;
  --gin-spacing-density-s: .75rem;
  --gin-spacing-density-m: 1rem;
  --gin-spacing-density-l: 1.5rem;
  --gin-spacing-density-xl: 2rem;
  --gin-spacing-density-xxl: 3rem;
  --gin-spacing-density-xxxl: 4rem;
}

.gin--dark-mode {
  --gin-color-title: #fff;
  --gin-color-text: #d2d3d3;
  --gin-color-text-light: #9e9fa0;
  --gin-shadow-button: rgba(#111, .9);
  --gin-color-button-text: #111;
  --gin-color-focus: rgb(81, 168, 255);
  --gin-color-focus-border: rgba(0, 0, 0, .8);
  --gin-color-focus-neutral-rgb: rgba(255, 255, 255, .8);
  --gin-color-disabled: #646464;
  --gin-color-disabled-border: #646464;
  --gin-color-disabled-bg: #47474c;
  --gin-color-warning: #dec15f;
  --gin-bg-warning-light: rgba(222, 193, 95, .1);
  --gin-color-danger: #ce6060;
  --gin-color-danger-lightest: #483439;
  --gin-color-green: #32cea4;
  --gin-color-info: #559bca;
  --gin-bg-input: var(--gin-bg-layer2);
  --gin-bg-app: #1b1b1d;
  --gin-bg-layer: #2a2a2d;
  --gin-bg-layer2: #3b3b3f;
  --gin-bg-layer3: #47474c;
  --gin-bg-layer4: #19191b;
  --gin-bg-secondary: var(--gin-bg-app);
  --gin-bg-unpublished: var(--gin-bg-warning-light);
  --gin-color-contextual: var(--gin-bg-layer3);
  --gin-border-color: #43454a;
  --gin-border-color-secondary: rgba(255, 255, 255, .075);
  --gin-border-color-layer: rgba(0, 0, 0, .05);
  --gin-border-color-layer2: #76777b;
  --gin-border-color-table: #43454a;
  --gin-border-color-table-header: rgba(255, 255, 255, .12);
  --gin-border-color-form-element: var(--gin-border-color-layer2);
  --gin-bg-header: #1b1b1d;
  --gin-switch: var(--gin-color-primary);
  --gin-shadow-l1: 0 1px 2px rgb(0 0 0 / 2%), 0 3px 4px rgb(0 0 0 / 3%), 0 5px 8px rgb(0 0 0 / 4%);
  --gin-shadow-l2: 0 1px 2px rgb(0 0 0 / 2%), 0 3px 4px rgb(0 0 0 / 3%), 0 5px 8px rgb(0 0 0 / 4%), 0 20px 24px rgb(0 0 0 / 12%);
  --gin-icon-color: #888;
  --gin-pattern-fallback: var(--gin-bg-layer2);
  --gin-pattern: var(--gin-border-color);
}



/* Modal */
.modal-instance .video-play-icon + span { bottom: -10px; }
.modal-instance .video-play-icon.video-play-icon--xs + span { bottom: 3px; }
.modal-instance .video-play-icon + div {
  position: relative;
  display: inline-block;
  margin-left: 0.92857143em;
  white-space: nowrap;
  bottom: -10px;
}
.modal-instance + div:last-child {
  display: inline-block;
  margin-left: 0.92857143em;
}
@media all and (min-width: 768px) { .video-1 h2 { bottom: -15px; } }

/* Table */
table {
  width: 100%;
  border-collapse: separate;
}

/**! Navbar **/
#toolbar-administration nav.clearfix {
  overflow: visible;
}
.bar.bg--dark .logo-dark,
.bar.bg--transparent .logo-dark {
  display: none;
}
.navbar:not(.transparent):not(.navbar-dark) .logo-light {
  display: none;
}
.navbar.transparent:not(.navbar-stick) {
  background: none;
}
.navbar.navbar-absolute {
  position: absolute;
}
.navbar.navbar-absolute,
.navbar.pos-fixed {
  z-index: 99;
  width: 100%;
}
.navbar.navbar.transparent:not(.navbar-stick) button.hamburger {
  color: white;
}
@media all and (min-width: 991px) {
  .navbar:not(.navbar-stick) {    
    padding-top: 0.3rem; 
  }
  .navbar.transparent:not(.navbar-stick) {
    background: none;
  }
  .navbar.transparent:not(.navbar-dark):not(.navbar-stick) .logo-dark {
    display: none;
  }
  .navbar.bar--transparent:not(.navbar-dark) .logo-light {
    display: inline-block;
  }
  .navbar.transparent:not(.navbar-stick):not(.pos-fixed) ul.navbar-nav > li > a,
  .navbar.transparent:not(.navbar-stick):not(.pos-fixed) ul.navbar-nav > li > span {
    color: #fff;
  }
}
@media (max-width: 990px) {
  .navbar .navbar-other { display: none !important; }
}

/* Sidebar */
.sidebar .block:not(:last-child) {
  margin-bottom: 3.71428571em;
}
.sidebar .block {
  border: none;
  padding: 0;
}
.sidebar .block h2.block-title {
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1.45;
  border-bottom: none;
  margin-bottom: 0.75rem;
}
.sidebar .block-search .search-form {
  display: flex;
  align-items: center;
}
.sidebar .block-search .search-form input#edit-submit {
  padding: 10px;
  margin-top: 5px;
}
@media (min-width: 1200px) {
  section.sticky-column-first >  [class*=container] > .row > [class*=col]:first-child {
    position: sticky;
    top: 8rem;
    height: 100%;
  }
}
/* Footer */
@media (min-width: 768px) {
  footer .footer-3 .row:last-child,
  footer .footer-4 .row:last-child {
    margin-top: 1.85714286em;
  }
}
footer {
  padding-top: 0;
  padding-bottom: 0;
}
[class*=text-md-end] .social a, .social[class*=text-md-end] a {
  margin: 0 0 0 0.7rem;
}
/* Masonry */
.masonry-filter-container > .masonry-filter-label {
  position: relative;
  bottom: 20px;
  display: inline-block;
}
.masonry-filter-container > .masonry-filter-label + .masonry-filter-holder {
  margin-left: 0.92857143em;
}

/* Pricing */
.pricing .h1.pricing__dollar {
  font-size: 2em;
  position: relative;
  bottom: 20px;
}

/* Card */
.card-img-bottom img {
  width: 100%;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

/*! Accordion */
ul.accordion {
  list-style: none;
  padding: 0;
}
ul.accordion li .accordion__title .field--name-field-paragraph-item-title {
  display: inline-flex;
}
.accordion-wrapper.plain .card {
  background: none;
  border: 0;
  margin-bottom: 0;
  box-shadow: none;
}
.accordion-wrapper li:not(.active) .card-header button {
  color: #343f52;
}
.accordion-wrapper.plain .card .card-body {
  padding: 0 0 0 1.1rem;
}
.accordion-wrapper.plain .card .card-header {
  padding: 0 0 0.8rem 0;
}
.accordion-wrapper.plain .card .card-header button {
  padding: 0 0 0 1rem;
}
.accordion-wrapper.plain .card .card-header button:before {
  left: 0rem;
}
.accordion-wrapper .card .card-header button:before {
  left: 1rem;
}
.accordion li .accordion-title button {
  box-shadow: none;
}
.accordion li.active .accordion-title button:before {
  content: "\e92d";
}
.accordion li .accordion-title button:after {
  display: none;
}
.accordion li.active .accordion-content {
  opacity: 1;
  visibility: visible;
  max-height: 500px;
}
.accordion li .accordion-content > * {  
  display: none;
}
.accordion li.active .accordion-content > * {
  display: inline-block;
}
.accordion.icon .card-body {
  padding: 0 1.25rem 0.25rem 2.8rem;
}
.accordion.icon button {
  padding: 0 0 0 1.5rem;
  display: flex;
  align-items: center;
}
.accordion.icon button:before {
  display: none;
}
.accordion.icon button>span {
  position: absolute;
  left: 0;
}
.accordion.icon button>span i {
  font-size: 1rem;
}

/* Switch column on mobile */
@media all and (max-width: 768px) {
  section.switch-column-mobile .row > .region--top {
    order: 1;
  }
  section.switch-column-mobile div[class*=container] > .row > div:nth-child(1 of [class*='col-']) {
    order: 3;
  }
  section.switch-column-mobile div[class*=container] > .row > div:nth-child(2 of [class*='col-']) {
    order: 2;
  }
  section.switch-column-mobile div[class*=container] > .row > div:nth-child(3 of [class*='col-']) {
    order: 4;
  }
  section.switch-column-mobile .row > .region--bottom {
    order: 5;
  }
}

/* Pager */
.active>.page-link, .page-link.active {
  background-color: #4a90e2;
  border-color: #4a90e2;
}
a.page-link {
  color: #252525;
}
a.page-link:hover {
  color: #252525;
  background: #eee;
}
.view nav {
  display: flex;
  justify-content: center;
}

/**! Tabs **/
.tabs {
  display: block;
  margin-bottom: 0;
}
.tabs > li {
  display: inline-block;
  opacity: .5;
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs > .active,
.tabs:hover {
  opacity: 1;
}
.tabs .tab__title {
  cursor: pointer;
}
.tabs .tab__title:not(.btn) {
  padding: 0 1.85714286em;
}
.tabs li:first-child .tab__title:not(.btn) {
  padding-left: 0;
}
.tabs .tab__content {
  display: none;
}
.tabs-content {
  margin-top: 1.25rem;
}
.tabs-content li > .tab__content {
  width: 100%;
  display: none;
}
.tabs-content > .active > .tab__content {
  display: block;
  float: left;
}
.tabs-container[data-content-align="left"] .tabs-content {
  text-align: left;
}
@media all and (max-width: 767px) {
  .tabs-content > li:not(.active) .tab__content {
    display: none !important;
  }
}
.tabs-container.tabs--vertical {
  overflow: hidden;
}
.tabs-container.tabs--vertical .tabs {
  width: 25%;
  float: left;
}
.tabs-container.tabs--vertical .tabs li {
  display: block;
}
.tabs-container.tabs--vertical .tabs li:not(:last-child) {
  border-right: none;
  border-bottom: 1px solid #ECECEC;
}
.tabs-container.tabs--vertical .tabs-content {
  width: 70%;
  float: right;
  margin-top: 0;
}
.tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
  animation: fadeOutUp .5s ease forwards;
  -webkit-animation: fadeOutUp .5s ease forwards;
}
.tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
  animation: fadeInUp .5s ease forwards;
  -webkit-animation: fadeInUp .5s ease forwards;
  backface-visibility: hidden;
}
.tabs-container.tabs--vertical.tabs--icons .tabs {
  width: 15%;
  text-align: center;
}
.tabs-container.tabs--vertical.tabs--icons .tabs-content {
  width: 80%;
}
@media all and (max-width: 767px) {
  .tabs-container.tabs--vertical .tabs,
  .tabs-container.tabs--vertical .tabs-content {
    width: 100%;
    float: none;
  }
  .tabs-container.tabs--vertical .tabs {
    margin-bottom: 1.85714286em;
  }
  .tabs-container.tabs--vertical .tabs-content > li:not(.active) .tab__content {
    animation: fadeOutRight .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
  }
  .tabs-container.tabs--vertical .tabs-content > li.active .tab__content {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
    backface-visibility: hidden;
  }
}
.tabs {
  display: inline-flex;
}
.tabs li {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  padding: 0.92857143em 1.85714286em;
}
.tabs li:not(:last-child) {
  border-right: 1px solid #ECECEC;
}
.tabs li.active {
  opacity: 1;
}
.tabs li.active .tab__title {
  /*color: #4a90e2;*/
}
.tabs li.active .tab__title span {
  /*color: #4a90e2;*/
}
.tabs li:not(.active) {
  opacity: .5;
}
.tabs li:hover {
  opacity: 1;
  cursor: pointer;
}
.tabs .tab__title {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
}
.tabs .tab__title:not(.btn) {
  padding-right: 0;
  padding-left: 0;
}
.tabs .tab__title i + span {
  margin-top: 0.46428571em;
  display: inline-block;
  margin-bottom: 0;
}
.tabs-content {
  position: relative;
  list-style-type: none;
  padding: 0;
  float: left;
}
.tabs-content > li:not(.active) .tab__content {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  opacity: 0;
  pointer-events: none;
  animation: fadeOutRight .5s ease forwards;
  -webkit-animation: fadeOutRight .5s ease forwards;
}
.tabs-content > li.active {
  animation: fadeInLeft .5s ease forwards;
  -webkit-animation: fadeInLeft .5s ease forwards;
  backface-visibility: hidden;
}
@media all and (max-width: 767px) {
  .tabs li {
    display: block;
  }
  .tabs li:not(:last-child) {
    border-bottom: 1px solid #ECECEC;
    border-right: none;
  }
}

/**! Image **/
.img-mask.mask-1 img {
  -webkit-mask-image: url(../img/svg/blob.svg);
  mask-image: url(../img/svg/blob.svg);
}
.img-mask.mask-2 img {
  -webkit-mask-image: url(../img/svg/hex.svg);
  mask-image: url(../img/svg/hex.svg);
}
.img-mask.mask-3 img {
  -webkit-mask-image: url(../img/svg/blob2.svg);
  mask-image: url(../img/svg/blob2.svg);
}

/**! Views Reference **/
.paragraph--type--paragraph-views-reference .viewsreference--view-title { display: none; }

/*--------------------------------------------------------------------------------*/

/* 02. Forms
 --------------------------------------------------------------------------------*/

button#edit-submit,
button#edit-subscribe {
  background: #4a90e2;
  border-color: #4a90e2;
  text-transform: uppercase;
  color: #fff;
}

/* Comment form */
form.comment-form button#edit-preview,
form.comment-form input#edit-preview { 
  display: none; 
}
form#comment-form textarea {
  padding: 16px 20px;
  background: #f5f5f5 none repeat scroll 0 0;
}
form#comment-form select#edit-comment-body-0-format--2 {
  background: #f5f5f5 none repeat scroll 0 0;
}
form#comment-form button#edit-submit,
form#comment-form input#edit-submit {
  float: right;
  max-width: 25%;
  margin-right: 0;
}
figure.rounded-circle img {
  border-radius: 50% !important;
}
#comments ol.commentlist li.comment {
  margin-top: 2rem;
  display: block;
}
#comments .indented {
  margin: 2rem 0 0 0;
  overflow: inherit;
  padding: 0 0 0 3.5rem;
  list-style: none;
}
#comments .indented li.comment {
  position: relative;
}
#comments .indented li.comment:before {
  display: block;
  font-family: "Custom";
  content: "\e904";
  font-size: calc(1.325rem + 0.9vw);
  position: absolute;
  left: -2.5rem;
  top: -1.25rem;
  color: rgba(164, 174, 198, 0.25);
}
@media (min-width: 1200px) {
  #comments .indented li.comment:before {
    font-size: 2rem;
  }
}
.comment .links-inline span {
  font-size: inherit;
}


/* Search form */
#search-form .search-help-link { display: none; }
#search-block-form .input-group {
  width: 100%;
}
a.nav-link-search {
  position: relative;
  text-indent: 50px;
  overflow: hidden;
  width: 40px;
}
a.nav-link-search::before {
  content: "\eca5";
  font-family: "Unicons";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.75rem;
  font-size: 1rem;
  z-index: 1;
}

/* Sitewide search form */
.container-inline {
  width: 100%;
}
.search-form .form-type-search {
  width: 100%;
  margin-bottom: 0 !important;
} 
.search-form .form-actions,
.search-form input#edit-submit,
.search-form label  {
  display: none;
}
.path-search h2 {
  margin: 2rem 0;
}
ol.list-group.node_search-results li.list-group-item {
  padding: 2rem;
}

/* Contact form */
@media all and (min-width: 768px) {
  .contact-form .form-item-name,
  .contact-form .form-item-mail {
    width: 48.5%;
    display: inline-block;
  }
  .contact-form .form-item-name {
    margin-right: 2%;
  }
}
#block-sitewidecontactform .form-item label {
  float: left;
}
.contact-form button[type=submit],
.contact-form  input[type=submit] {
  width: auto;
  border-radius: 50rem !important;
}
#block-sitewidecontactform textarea {
  background: #fcfcfc;
  border: 1px solid #ececec;
}
#block-sitewidecontactform button#edit-preview,
input#edit-preview {
  display: none;
}

/* Register form */
.register-horizontal #user-register-form .form-item {
  width: 45%;
  display: inline-block;
  float: left;
  margin-right: 5%;
}
.register-horizontal #user-register-form .form-actions,
.register-horizontal #user-register-form .form-item.js-form-item-pass {
  width: 100%;
}

/* Login form */
.page-node-type-full-page #block-userlogin ul { display: none; }
#block-userlogin, 
#block-userregistrationform,
#block-requestnewpasswordform {
  margin-bottom: 1.08333333333334em;
}
#block-userlogin button#edit-submit { 
  background: #4a90e2;
  border-color: #4a90e2;
}
#block-userlogin button#edit-submit:hover {
  background: #609de6;
}
#block-userlogin ul.list-group > li.list-group-item {
  border: none;
}

/* Subscribe form */
#block-simplenewssubscription .field--name-mail .form-type-email label,
#block-simplenewssubscription .description.text-muted,
#block-simplenewssubscription #edit-message {
  display: none;
}

.subscribe-inline #block-simplenewssubscription #edit-actions {
  margin-top: 10px;
}
.tooltip {
}
.tooltip-inner {
  float: left;
  overflow: hidden;
}
@media all and (min-width: 768px) {
.subscribe-inline #block-simplenewssubscription .field--type-email {
  width: 75%;
  float: left;
}
.subscribe-inline #block-simplenewssubscription .field--type-email input {
  height: 40px;
}
.subscribe-inline #block-simplenewssubscription #edit-actions {
  width: 22%;
  float: left;
  margin-left: 3%;
  margin-top: -1px;
}
body.user-logged-in .subscribe-inline #block-simplenewssubscription #edit-actions {
  width: 100%;
  margin-left: 0;
}
}
/*--------------------------------------------------------------------------------*/

/* 03. Blog & Article
 --------------------------------------------------------------------------------*/
/* Node Reset */
.node .field--type-image,
.node .field--type-entity-reference {
  margin: 0;
}

/* Breadcrumb */
ol.breadcrumb {
  justify-content: center;
}
/* Article Detail */
.icon.glyphicon {
  font-size: 12px;
}
.field--name-field-blog-category {
  display: inline;
}
.field--name-field-image,
.field--name-field-video {
  margin-bottom: 1.85714286em;
}
.imagebg-content-article {
  padding: 5.57142857em 0;
}
.article__author .field--name-user-picture {
  width: 3.71428571em;
  height: 3.71428571em;
  margin: 0 auto;
  float: none;
}
.field--name-field-tags {
  margin-top: 20px;
}
.field--name-field-tags .field--item {
  display: inline-block;
  margin-left: 7px;
}
.node--type-article .article__body div.inline__links {
  float: right;
}
.node--type-article .article__body .field--name-field-tags h3.field__label {
  font-size: 1.35714286em;
}
.node--type-article .article__body .field--name-field-tags ul.links {
  display: inline-flex;
  font-size: 1.35714286em;
  margin-left: 20px;
}
.node--type-article .blog hr {
  margin: 3rem 0;
}

/* Article List */
article.post .post-title a {
  color: #343f52;
  font-weight: bold;
}
.link-dark a {
  color: #343f52;
}
.view-blog-lists img {
  height: auto;
}
ul.pagination {
  margin-top: 3rem;
}
ul.pagination li.active .page-link {
  color: white;
}
.pagination .page-link {
  width: auto;
  min-width: 2.5rem;
  padding: 0 1rem;
}

/* Blog Tags */
.view-blog-tags .views-row {
  display: inline-block;
  padding-right: 10px;
}

/*--------------------------------------------------------------------------------*/

/* 04. Portfolio & Project
 --------------------------------------------------------------------------------*/

/* Portfolio Detail */
.page-node-type-project h1.page-header,
.page-node-type-project h1.title {
    padding-top: 2em;
    padding-bottom: 2em;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}
.node--type-project .field--name-field-date {
  margin-bottom: 1rem;
}
.node--type-project .field--name-field-date .field--label,
.node--type-project .field--name-field-client-name .field--label {
  font-weight: 700;
  line-height: 1.5;
  font-size: 0.9rem;
  color: #343f52;
  margin-bottom: 0.25rem;
}

.node--type-project .field--name-field-link a{
  font-weight: 700;
  letter-spacing: -0.01rem;
  display: inline-block;
}
.node--type-project .field--name-field-link a:after,
.projects-list .project-details .post-content a:after {
  line-height: 1;
  font-family: "Unicons";
  content: "\e94c";
  padding-left: 0.05rem;
  font-size: 0.9rem;
  font-weight: normal;
  vertical-align: -3px;
  margin-right: -0.25rem;
  display: inline-block;
}
.post-title a {
  color: #343f52;
}

/* Portfolio List */
.view-portfolio-lists .masonry__item img {
  border-radius: 6px;
}
.portfolio-fullwidth .masonry__item {
  margin: 0 !important;
  padding: 0 !important;
}
.portfolio-fullwidth hr {
  display: none;
}
.project-images {
  padding-top: 40px;
}
.masonry__item img {
  width: 100%;
  height: auto;
}
/*--------------------------------------------------------------------------------*/

/* 05. Edit form
 --------------------------------------------------------------------------------*/

/* Nav Tab */
.user-logged-in nav.tabs {
  position: fixed;
  right: 0;
  bottom: 100px;
  transition: all 0.5s ease 0.25s;
  z-index: 1000;
} 
.user-logged-in nav.tabs ul.nav.primary {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  list-style: outside none none;
  opacity: 0.9;
  flex-direction: column;
}
.user-logged-in nav.tabs ul.nav.primary li {
  float: none;
  opacity: 0.8;
  padding: 0;
}
.user-logged-in nav.tabs ul.nav.primary li a {
  margin-right: 0;
  font-size: 0.7rem !important;
  padding: 10px 20px;
}
.user-logged-in nav.tabs ul.nav.primary li.active a, 
.user-logged-in nav.tabs ul.nav.primary li:hover a {
  background: #ffb500 none repeat scroll 0 0;
  border: none;
  border-radius: 0;
  color: #fff;
}
.user-logged-in nav.tabs ul.nav.primary li.active, 
.user-logged-in nav.tabs ul.nav.primary li:hover {
  opacity: 1;
}
.path-node .node-form {
  padding-top: 5em;
}
.path-node .node-form input.btn.form-submit {
  width: auto;
  height: auto;
  margin: 0 10px 20px 0;
  font-size: 1.2em;
  padding: 15px 30px;
  background-color: black;
}
.layout-paragraphs-component-form input.form-check-input,
.path-node .node-form input.form-check-input {
  width: auto;
  padding: 0.46428571em;
  font-size: 1.2em;
  margin-left: -1.1em;
  margin-right: 0.5em;
}
.path-node .node-form .vertical-tabs details.vertical-tabs__pane {
  padding: 15px;
}
.path-node .node-form .layout-region-node-footer {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px #ddd solid;
}

/* Layout Paragraphs Builder */
.node-form .wow,
.layout-paragraphs-component-form .wow {
  animation-name: none !important; /* Disable WOW effect on node form */
  visibility: visible !important;
}
.lp-builder section.imagebg {
  overflow: hidden;
}
.lp-builder section.lpb-layout {
  visibility: visible !important;
}
.lp-builder section.parallax .lpb-controls,
.lp-builder section.imagebg .lpb-controls,
.lp-builder section[class*='unpad'] .lpb-controls {
  top: 0;
}
.lp-builder section.hidden {
  display: block;
}
.lp-builder .lpb-controls {
  z-index: 20 !important;
}
.lp-builder .lpb-controls:not(.is-layout) span.lpb-controls-label {
  color: #666666 !important;
}
.lp-builder .page-navigator {
  position: unset;
  transform: none;
}
.lp-builder .js-lpb-component .lpb-btn--add,
.lp-builder .js-lpb-component .lpb-controls {
  position: absolute;
}
.lp-builder .js-lpb-component .lpb-controls {
  top: 0;
}
/* Modal form */
.layout-paragraphs-component-form .field--name-field-paragraph-id,
.layout-paragraphs-component-form .field--name-field-paragraph-extra-class,
.layout-paragraphs-component-form .field--name-field-paragraph-spacing,
.layout-paragraphs-component-form .field--name-field-paragraph-content-align,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-direction,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title,
.layout-paragraphs-component-form .field--name-field-paragraph-tabcontent-align,
.layout-paragraphs-component-form .field--name-field-paragraph-display-arrows,
.layout-paragraphs-component-form .field--name-field-paragraph-display-pager,
.layout-paragraphs-component-form .field--name-field-paragraph-shadow,
.layout-paragraphs-component-form .field--name-field-paragraph-shadow-bg-class,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-target-id,
.layout-paragraphs-component-form .field--type-viewsreference .js-form-item-field-paragraph-views-reference-0-display-id,
.layout-paragraphs-component-form .field--name-field-paragraph-accordion-style {
  width: 22%;
  display: inline-block;
  padding-right: 3%;
}
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xs,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-sm,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-md,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-lg,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xl,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-xxl,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items,
.layout-paragraphs-component-form .field--name-field-paragraph-data-speed,
.layout-paragraphs-component-form .field--name-field-paragraph-data-margin,
.layout-paragraphs-component-form .field--name-field-paragraph-overflow-visible,
.layout-paragraphs-component-form .field--name-field-paragraph-data-nav,
.layout-paragraphs-component-form .field--name-field-paragraph-data-dots,
.layout-paragraphs-component-form .field--name-field-paragraph-data-items-auto,
.layout-paragraphs-component-form .field--name-field-paragraph-data-auto-height {
  width: 33%;
  display: inline-block;
  padding-right: 3%;
}
.layout-paragraphs-component-form .field--name-field-paragraph-padding,
.layout-paragraphs-component-form .field--name-field-paragraph-margin,
.layout-paragraphs-component-form .field--name-field-paragraph-gutter-class,
.layout-paragraphs-component-form .field--name-field-paragraph-angled {
  width: 22%;
  display: inline-block;
  padding-right: 3%;
}
.layout-paragraphs-component-form .field--name-field-paragraph-data-overlay,
.layout-paragraphs-component-form .field--name-field-paragraph-image-position,
.layout-paragraphs-component-form .field--name-field-paragraph-slider-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-item-classes,
.layout-paragraphs-component-form .field--name-field-paragraph-tab-title {
  max-width: 200px;
}
.layout-paragraphs-component-form .paragraph-type-top,
.layout-paragraphs-component-form .paragraphs-nested,
.layout-paragraphs-component-form .paragraphs-subform {
  padding-right: 20px;
}
.layout-paragraphs-component-form input.form-submit {
  padding: 5px 10px;
}
.layout-paragraphs-component-form .field-multiple-table {
  overflow: hidden;
}
.layout-paragraphs-component-form .js-filter-guidelines {
  display: none;
}
.layout-paragraphs-component-form .layout-select__item-icon {
  margin-right: 0;
}
.layout-paragraphs-component-form #layout-paragraphs-layout-options {
  margin-bottom: 20px;
}
.layout-paragraphs-component-form .paragraph-type-top {
  justify-content: space-around;
}
.layout-paragraphs-component-form .paragraph-type-title {
  flex-basis: 10%;
}
.layout-paragraphs-component-form .paragraphs-description {
  max-width: 70%;
}
.layout-paragraphs-component-form #layout-paragraphs-element .form-check-input:checked[type=radio] {
  display: block;
  clip: auto !important;
  width: 10px !important;
  height: 10px !important;
}
a.lpb-btn { color: #4a90e2 !important; }

/*--------------------------------------------------------------------------------*/

/* 06. Others
 --------------------------------------------------------------------------------*/
 
/* Career Detail */
article.job article.post .field .field--label {
  line-height: 1.35;
  font-weight: 700;
  font-size: 1.3rem;
  color: #343f52;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
article.job article.post .field:first-child .field--label {
  padding-top: 0;
}

/* Swiper */
.swiper-container {
  overflow: hidden;
}

/* Toolbar menu */
.toolbar-menu .toolbar-box span {
  background: none;
}

/* Check box/ radio */
.form-type-checkbox,
.form-type-radio,
.input-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
}
.form-type-checkbox input,
.form-type-radio input{
  opacity: 1 !important;
  height: auto !important;
  width: auto !important;
  position: absolute !important;
  margin-top: 7px;
  
}
.form-type-checkbox input {
  -webkit-appearance: checkbox;
}
.form-type-radio input {
  -webkit-appearance: radio;
}
.form-type-checkbox {
  padding: 0;
}
.form-type-radio {
  padding: 0;
}
.form-type-checkbox {
  margin-top: 0.46428571em;
}

.dropdown.open > .dropdown__container {
  opacity: 1;
}
.image--xxs img {
  max-height: 1.85714286em;
}
/*section.paragraph.parallax:nth-child(2),
section.paragraph.parallax:nth-child(3) {
  visibility: visible !important;
}*/

/* Others */
.width-100 {
  width: 100%;
}
.feature > div + h5 {
  margin-top: 1.85714286em;
}
.row-align-items-center .row {
  align-items: center !important;
}
.row-justify-content-around .row {
  justify-content: space-around !important;
}
.row-justify-content-center .row {
  justify-content: center !important;
}
.text-block {
  margin-bottom: 1.85714286em;
}
.cover-features .region--top:not(:empty) {
  margin-bottom: 11.14285714em;
}
.cover .row .row:only-child {
  margin: 0;
}
section.row--gapless .row {
  padding-left: 0;
  padding-right: 0;
}
section.row--gapless > .row > div[class*="col-"] {
  padding: 0;
}
.slider--image-xxs li > img {
  max-height: 1.85714286em;
}
@media all and (min-width: 1200px) {
  .cta-1 .row > div[class*='col-'] {
    padding: 1.23809524em 15px;
  }
  .cta-1 .row > div[class*='col-']:last-child {
    border-left: 1px solid #ECECEC;
  }
}
input.form-radio, input.form-checkbox {
  width: auto;
  padding: 0.46428571em;
}
.imagebg p strong,
.bg--dark input.btn,
input#edit-submit {
  color: white;
}
.hover-element a { color: white; }
.pagination { justify-content: center; }


/* Modal */
.ui-dialog:not(.ui-dialog-off-canvas) {
  max-width: 1280px;
  border: 0 none !important;
  border-radius: var(--gin-border-m);
  background: var(--gin-bg-layer);
}

@media (forced-colors: active) {
  .ui-dialog:not(.ui-dialog-off-canvas) {
    border: 1px solid buttonBorder !important;
  }
}

.ui-dialog:not(.ui-dialog-off-canvas) .ui-dialog-content:first-of-type {
  border-top-left-radius: var(--gin-border-m);
  border-top-right-radius: var(--gin-border-m);
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
  position: absolute;
  bottom: 0;
  top: auto;
}

[dir="ltr"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
  left: var(--gin-spacing-m);
  right: auto;
}

[dir="rtl"] .ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-actions {
  right: var(--gin-spacing-m);
  left: auto;
}

.ui-dialog:not(.ui-dialog-off-canvas) .layout-region-node-secondary {
  width: 100%;
}

.ui-dialog:not(.ui-dialog-off-canvas) .views-exposed-form.views-exposed-form,
.ui-dialog:not(.ui-dialog-off-canvas) .views-displays {
  border: 1px solid var(--gin-border-color-layer);
}

@media (max-width: 47.99em) {
  .ui-dialog:not(.ui-dialog-off-canvas) {
    min-width: 92%;
    max-width: 92%;
  }
}

.ui-dialog {
  position: absolute;
  left: 0;
  top: 0;
  font-family: var(--gin-font);
  outline: none;
}

.ui-dialog, .ui-dialog:focus, .ui-dialog:focus:active, .ui-dialog:focus:hover {
  box-shadow: var(--gin-shadow-l1);
}

.ui-dialog .ui-dialog-titlebar {
  line-height: 1.2;
  padding: var(--gin-spacing-m) var(--gin-spacing-l);
  background: #1b1b1d;
  border: 0 none;
  border-radius: var(--gin-border-m) var(--gin-border-m) 0 0;
  position: relative;
}

@media (forced-colors: active) {
  .ui-dialog .ui-dialog-titlebar {
    border-bottom: 1px solid buttonBorder;
  }
}

.ui-dialog .ui-dialog-title {
  font-size: var(--gin-font-size-l);
  font-weight: var(--gin-font-weight-normal);
  color: #fff;
  width: 100%;
  box-sizing: border-box;
}

[dir="ltr"] .ui-dialog .ui-dialog-title {
  padding-right: var(--gin-spacing-xl);
}

[dir="rtl"] .ui-dialog .ui-dialog-title {
  padding-left: var(--gin-spacing-xl);
}

.ui-dialog .ui-dialog-content {
  color: var(--gin-color-text);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  padding: var(--gin-spacing-s) var(--gin-spacing-l);
  border-top: 1px solid var(--gin-border-color-layer);
  border-bottom-left-radius: var(--gin-border-m);
  border-bottom-right-radius: var(--gin-border-m);
  background: var(--gin-bg-app);
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button {
  font-weight: var(--gin-font-weight-heavy);
  margin-top: 0;
  margin-bottom: 0;
}

[dir="ltr"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
  margin-right: 0;
}

[dir="rtl"] .ui-dialog .ui-widget-content.ui-dialog-buttonpane .button:last-of-type {
  margin-left: 0;
}

.ui-dialog .ui-widget-content.ui-dialog-buttonpane .button.button--danger,
.ui-dialog [data-drupal-selector*=-remove-form] .button.button--danger {
  border-color: var(--gin-color-danger) !important;
}

.ui-dialog .ui-dialog-buttonset {
  margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 50%;
  width: 2rem;
  height: 2rem;
  opacity: .8;
  margin: 0 var(--gin-spacing-m);
  transform: translateY(-50%);
  background: none;
  border: none;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close {
  left: auto;
  right: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
  right: auto;
  left: 0;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  transform: none;
  background: #fff;
  -webkit-mask-image: url("../../media/sprite.svg#close-view");
          mask-image: url("../../media/sprite.svg#close-view");
  -webkit-mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
          mask-size: var(--gin-icon-size-close) var(--gin-icon-size-close);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
}

[dir="ltr"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  left: 0;
}

[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  right: 0;
}

@media (forced-colors: active) {
  .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
    background: linktext;
  }
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  opacity: 1;
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  padding-left: var(--gin-spacing-l);
  padding-right: var(--gin-spacing-l);
  background: var(--gin-bg-layer);
}

.ui-dialog .gin-layer-wrapper {
  margin-bottom: var(--gin-spacing-l);
}

.erl-overlay,
.layout-paragraphs-dialog {
  position: fixed !important;
  top: 50% !important;
  width: calc(100% - var(--gin-spacing-xl)) !important;
}

[dir="ltr"] .erl-overlay,
[dir="ltr"] .layout-paragraphs-dialog {
  left: 50% !important;
  transform: translate(-50%, -50%);
}

[dir="rtl"] .erl-overlay,
[dir="rtl"] .layout-paragraphs-dialog {
  right: 50% !important;
  transform: translate(50%, -50%);
}

@media (min-width: 64em) {
  .erl-overlay,
  .layout-paragraphs-dialog {
    width: calc(100% - var(--gin-spacing-xxxl)) !important;
  }
}

ul.paragraphs-add-dialog-list {
  margin: var(--gin-spacing-l) 0;
}

.ui-widget-overlay {
  opacity: .9;
  background: var(--gin-bg-layer2);
}

.views-ui-dialog .views-offset-bottom {
  border-top: 1px solid var(--gin-border-color);
}

@media (forced-colors: active) {
  .views-ui-dialog .views-offset-bottom {
    border-top: none;
  }
}

.ui-widget-content a {
  color: var(--gin-color-primary);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas {
  --gin-offcanvas-active: var(--gin-color-primary);
  background: #444;
  border: 0 none;
  box-shadow: 0 0 48px rgba(0, 0, 0, .075);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
  background: #1b1b1d;
  border-radius: 0;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .ui-resizable-w {
  border: 0 none;
  background-color: transparent;
}

.ui-widget.ui-dialog.ui-dialog-off-canvas .fieldset {
  color: var(--gin-color-text);
}

.ui-widget.ui-dialog.ui-dialog-off-canvas #drupal-off-canvas .button--primary[type=submit] {
  background: var(--gin-offcanvas-active);
}

.ui-dialog .ui-widget-content.ui-dialog-content {
  overflow: auto;
}

.ui-dialog.webform-off-canvas .ui-widget-content.ui-dialog-content {
  background: var(--gin-bg-layer);
}

table.treetable tr.branch {
  background-color: transparent;
}

.ui-dialog .gin-layer-wrapper {
  margin-bottom: var(--gin-spacing-l);
  margin-top: var(--gin-spacing-l);
}

.views-ui-dialog.views-ui-dialog > .ui-dialog-content {
  padding: 0;
}

/* media library */
.media-library-edit__link, .media-library-item .media-library-item__edit, .media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove.button {
  border-color: var(--gin-border-color) !important;
}

.media-library-edit__link:link, .media-library-edit__link:hover, .media-library-edit__link:focus, .media-library-edit__link:active, .media-library-edit__link:not(:hover):not(:checked), .media-library-item .media-library-item__edit:link, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__edit:not(:hover):not(:checked), .media-library-item .media-library-item__remove:link, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove:not(:hover):not(:checked), .media-library-item .media-library-item__remove.button:link, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active, .media-library-item .media-library-item__remove.button:not(:hover):not(:checked) {
  border-color: transparent !important;
}

.media-library-edit__link:hover, .media-library-edit__link:focus, .media-library-edit__link:active, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active {
  box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus) !important;
}

.media-library-edit__link, .media-library-edit__link:hover, .media-library-edit__link:focus, .media-library-edit__link:active, .media-library-item .media-library-item__edit, .media-library-item .media-library-item__edit:hover, .media-library-item .media-library-item__edit:focus, .media-library-item .media-library-item__edit:active, .media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove:hover, .media-library-item .media-library-item__remove:focus, .media-library-item .media-library-item__remove:active, .media-library-item .media-library-item__remove.button, .media-library-item .media-library-item__remove.button:hover, .media-library-item .media-library-item__remove.button:focus, .media-library-item .media-library-item__remove.button:active {
  width: 32px;
  height: 32px;
  margin: var(--gin-spacing-s);
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
  box-sizing: border-box;
}

.media-library-edit__link, .media-library-item .media-library-item__edit {
  top: .625rem;
  background-image: url("../../media/sprite.svg#media-edit-view");
  background-size: .75rem .75rem;
}

[dir="ltr"] .media-library-edit__link, [dir="ltr"] .media-library-item .media-library-item__edit {
  right: 3.125rem;
}

[dir="rtl"] .media-library-edit__link, [dir="rtl"] .media-library-item .media-library-item__edit {
  left: 3.125rem;
}

.media-library-item .media-library-item__remove, .media-library-item .media-library-item__remove.button {
  background-image: url("../../media/sprite.svg#media-remove-view");
  background-size: .75rem .75rem;
}

.media-library-item {
  background: none;
}

.media-library-item img {
  background-color: var(--gin-pattern-fallback);
  background-size: calc(var(--gin-pattern-square) * 2) calc(var(--gin-pattern-square) * 2);
}

[dir="ltr"] .media-library-item img {
  background-image: linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(-45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(135deg, var(--gin-pattern) 25%, transparent 26%);
  background-position: 0 0, var(--gin-pattern-square) var(--gin-pattern-square), var(--gin-pattern-square) var(--gin-pattern-square), 0 0;
}

[dir="rtl"] .media-library-item img {
  background-image: linear-gradient(45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(45deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(-135deg, var(--gin-pattern) 25%, transparent 26%), linear-gradient(-135deg, var(--gin-pattern) 25%, transparent 26%);
  background-position: 100% 0, var(--gin-pattern-square) var(--gin-pattern-square), var(--gin-pattern-square) var(--gin-pattern-square), 100% 0;
}

@media screen and (-ms-high-contrast: active) {
  .media-library-item img {
    background: none;
  }
}

.media-library-item--grid {
  border-radius: var(--gin-border-xl);
}

.media-library-item--grid::before, .media-library-item--grid.is-hover::before, .media-library-item--grid.checked::before, .media-library-item--grid.is-focus::before {
  display: none;
}

.media-library-item--grid.sortable-chosen {
  background: var(--gin-bg-layer);
  box-shadow: 0 0 48px rgba(0, 0, 0, .075) !important;
  outline: none;
}

.media-library-item--grid.sortable-chosen .media-library-item__remove {
  display: none;
}

.media-library-item--grid.sortable-ghost {
  border: 2px dashed var(--gin-border-color);
}

.media-library-item__content {
  display: flex;
  height: 100%;
}

.media-library-item__content article {
  width: 100%;
}

.media-library-item__click-to-select-trigger {
  overflow: inherit;
}

.media-library-item__name {
  color: var(--gin-color-text);
  word-break: break-all;
  text-overflow: initial;
  white-space: initial;
  overflow: visible;
  margin: 0;
}

.media-library-item__attributes {
  position: static;
  padding: var(--gin-spacing-xs);
  background: none;
}

.media-library-item:focus .media-library-item__preview-wrapper {
  box-shadow: none;
}

.media-library-item .media-library-item__preview {
  position: relative;
  padding-bottom: 100%;
  border: 1px solid var(--gin-border-color);
  border-radius: var(--gin-border-xl);
  overflow: hidden;
}

.media-library-item .media-library-item__preview .field img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[dir="ltr"] .media-library-item .media-library-item__preview .field img {
  left: 0;
}

[dir="rtl"] .media-library-item .media-library-item__preview .field img {
  right: 0;
}

.media-library-item.is-hover .media-library-item__preview {
  border-color: var(--gin-color-text);
  box-shadow: 0 0 0 2px var(--gin-color-text);
}

.media-library-item.checked .media-library-item__preview, .media-library-item.is-active .media-library-item__preview {
  border-color: var(--gin-color-primary);
  box-shadow: 0 0 0 2px var(--gin-color-primary);
}

.media-library-item__click-to-select-checkbox .form-boolean {
  width: 29px;
  height: 29px;
  border-radius: var(--gin-border-xs);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .15);
}

.media-library-item__click-to-select-checkbox .form-boolean, .gin--dark-mode .media-library-item__click-to-select-checkbox .form-boolean {
  border-radius: var(--gin-border-xs);
}

.media-library-item__click-to-select-checkbox .form-boolean:not(:checked), .gin--dark-mode .media-library-item__click-to-select-checkbox .form-boolean:not(:checked) {
  background-color: white;
}

.media-library-item__click-to-select-checkbox .form-boolean:not(:hover):not(:checked), .gin--dark-mode .media-library-item__click-to-select-checkbox .form-boolean:not(:hover):not(:checked) {
  border-color: transparent !important;
}

.media-library-item__click-to-select-checkbox .form-boolean:focus, .gin--dark-mode .media-library-item__click-to-select-checkbox .form-boolean:focus {
  box-shadow: 0 0 0 1px var(--gin-color-focus-border), 0 0 0 4px var(--gin-color-focus) !important;
}

.media-library-item__click-to-select-checkbox .form-boolean:checked, .gin--dark-mode .media-library-item__click-to-select-checkbox .form-boolean:checked {
  background-color: var(--gin-color-primary);
  border-color: var(--gin-color-primary);
  box-shadow: none;
}

.media-library-item .form-item {
  margin: var(--gin-spacing-xs);
}

.media-library-item .ajax-progress {
  transform: translateY(-50%);
}

.media-library-views-form {
  flex-wrap: initial;
  flex-direction: column;
}

fieldset.media-library-widget .media-library-widget__toggle-weight {
  font-size: var(--gin-font-size-xxs);
  padding: var(--gin-spacing-xs);
}

fieldset.media-library-widget .media-library-edit__link, fieldset.media-library-widget .media-library-item .media-library-item__edit, fieldset.media-library-widget .media-library-item .media-library-item__remove, fieldset.media-library-widget .media-library-item .media-library-item__remove.button {
  margin: var(--gin-spacing-xs);
}

.media-library-widget-empty-text {
  color: var(--gin-color-text-light);
  margin: 0 0 calc(var(--gin-spacing-xs) * -1) 0;
}

.media-library-open-button {
  margin-top: 0;
}

.media-library-add-form__preview {
  background: var(--gin-bg-app);
}

.media-library-add-form__input-wrapper {
  padding: 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.media-library-add-form__input-wrapper .form-item--upload {
  margin-top: 0;
}

[dir="ltr"] .media-library-add-form__input-wrapper .form-item--upload {
  margin-right: 0;
}

[dir="rtl"] .media-library-add-form__input-wrapper .form-item--upload {
  margin-left: 0;
}

.media-library-add-form__input-wrapper .dropzone-enable .button {
  margin: 0;
}

.media-library-menu {
  border-color: var(--gin-border-color);
  background-color: var(--gin-bg-app);
}

.media-library-menu__link {
  color: var(--gin-color-text);
  text-shadow: none;
  border-color: var(--gin-border-color);
  background-color: transparent;
}

.media-library-menu__link:active, .media-library-menu__link:hover, .media-library-menu__link:focus, .media-library-menu__link.active, .media-library-menu__link:hover:focus, .media-library-menu__link.active:hover, .media-library-menu__link.active:focus {
  color: var(--gin-color-primary);
  text-shadow: none;
  background-color: var(--gin-bg-layer);
  border-bottom: 1px solid var(--gin-border-color);
  box-shadow: none;
}

[dir="ltr"] .media-library-menu__link:active, [dir="ltr"] .media-library-menu__link:hover, [dir="ltr"] .media-library-menu__link:focus, [dir="ltr"] .media-library-menu__link.active, [dir="ltr"] .media-library-menu__link:hover:focus, [dir="ltr"] .media-library-menu__link.active:hover, [dir="ltr"] .media-library-menu__link.active:focus {
  border-right: 0 none;
}

[dir="rtl"] .media-library-menu__link:active, [dir="rtl"] .media-library-menu__link:hover, [dir="rtl"] .media-library-menu__link:focus, [dir="rtl"] .media-library-menu__link.active, [dir="rtl"] .media-library-menu__link:hover:focus, [dir="rtl"] .media-library-menu__link.active:hover, [dir="rtl"] .media-library-menu__link.active:focus {
  border-left: 0 none;
}

[dir="ltr"] .media-library-menu__link.active::before {
  border-left-color: var(--gin-color-primary);
}

[dir="rtl"] .media-library-menu__link.active::before {
  border-right-color: var(--gin-color-primary);
}

.media-library-menu__link:focus::after {
  border: var(--gin-border-xs) solid var(--gin-color-focus);
}

[dir="ltr"] + .media-library-content {
  border-left: 1px solid var(--gin-border-color);
}

[dir="rtl"] + .media-library-content {
  border-right: 1px solid var(--gin-border-color);
}

.media-library-view .view-header {
  padding: var(--gin-spacing-m);
  color: var(--gin-color-text);
  text-decoration: none;
  background: var(--gin-bg-layer3);
  border-radius: var(--gin-border-m);
  box-shadow: var(--gin-shadow-l1);
}

.media-library-view .views-form {
  background: transparent !important;
}

.media-library-wrapper {
  margin-top: 0;
  margin-left: calc(var(--gin-spacing-m) * -1);
  margin-right: calc(var(--gin-spacing-m) * -1);
}

.media-library-wrapper .views-display-link {
  position: relative;
  color: var(--gin-color-text);
  text-decoration: none;
  background-image: none;
  white-space: nowrap;
}

.media-library-wrapper .views-display-link::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 1px;
  background-color: var(--gin-color-text);
}

[dir="ltr"] .media-library-wrapper .views-display-link::before {
  left: 0;
}

[dir="rtl"] .media-library-wrapper .views-display-link::before {
  right: 0;
}

.media-library-wrapper .views-display-link.is-active {
  color: var(--gin-color-primary);
}

.media-library-wrapper .views-display-link.is-active::before {
  background-color: var(--gin-color-primary);
}

.media-library-wrapper .views-display-link-widget::before {
  -webkit-mask-image: url("../../media/sprite.svg#grid-view");
          mask-image: url("../../media/sprite.svg#grid-view");
}

.media-library-wrapper .views-display-link-widget_table::before {
  -webkit-mask-image: url("../../media/sprite.svg#list-view");
          mask-image: url("../../media/sprite.svg#list-view");
}

.media-library-content {
  border-color: var(--gin-border-color);
}

[dir="ltr"] .media-library-content {
  border-left: 0 none;
}

[dir="rtl"] .media-library-content {
  border-right: 0 none;
}

.media-library-select-all {
  color: var(--gin-color-title);
  padding: 0 var(--gin-spacing-m) var(--gin-spacing-m);
  margin-top: 0;
  background: var(--gin-bg-layer);
  border-bottom: 1px solid var(--gin-border-color-table-header);
  border-radius: 0;
  box-sizing: border-box;
}

[dir="ltr"] .media-library-select-all {
  margin-left: 0;
}

[dir="rtl"] .media-library-select-all {
  margin-right: 0;
}

.views-field-thumbnail__target-id img {
  vertical-align: middle;
}

.gin--dark-mode .ui-dialog .views-exposed-form,
.gin--dark-mode .ui-dialog .views-form {
  background: var(--gin-bg-layer2);
}

@media (min-width: 90em) {
  .media-library-widget-modal .media-library-item--grid {
    width: 20%;
  }
}

.media-library-widget-modal .ui-dialog-buttonpane {
  flex-direction: column;
}

.media-library-widget-modal .ui-dialog-buttonpane .form-actions {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  white-space: nowrap;
  margin-top: 0;
}

[dir="ltr"] .media-library-widget-modal .ui-dialog-buttonpane .form-actions .button:not(:last-child) {
  margin-right: var(--gin-spacing-xs);
}

[dir="rtl"] .media-library-widget-modal .ui-dialog-buttonpane .form-actions .button:not(:last-child) {
  margin-left: var(--gin-spacing-xs);
}

.media-library-widget-modal .ui-dialog-buttonpane .media-library-selected-count {
  flex-grow: 1;
  margin-bottom: var(--gin-spacing-s);
}

@media (min-width: 36.75em) {
  .media-library-widget-modal .ui-dialog-buttonpane {
    flex-direction: row;
  }

  .media-library-widget-modal .ui-dialog-buttonpane .media-library-selected-count {
    margin-bottom: 0;
  }

  [dir="ltr"] .media-library-widget-modal .ui-dialog-buttonpane .media-library-selected-count {
    margin-left: 0;
  }

  [dir="rtl"] .media-library-widget-modal .ui-dialog-buttonpane .media-library-selected-count {
    margin-right: 0;
  }
}

@media (min-width: 80em) {
  .media-library-selection .media-library-item--grid {
    width: 20%;
  }
}

.layout-region-node-secondary .media-library-selection .media-library-item--grid {
  width: auto;
}

.field--name-field-media.field--widget-entity-reference-autocomplete fieldset.form-item {
  padding: var(--gin-spacing-xl) calc(var(--gin-spacing-l) - var(--gin-spacing-xxs)) var(--gin-spacing-m) calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
  border: 1px solid var(--gin-border-color);
}

.field--name-field-media.field--widget-entity-reference-autocomplete fieldset.form-item > legend {
  font-weight: var(--gin-font-weight-heavy);
  position: relative;
  top: calc(var(--gin-spacing-l) - var(--gin-spacing-xxs));
  transform: translateY(50%);
}

.field--name-field-media.field--widget-entity-reference-autocomplete fieldset.form-item > legend::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: calc((var(--gin-spacing-l) - var(--gin-spacing-xxs)) * -1);
  background: var(--gin-border-color);
}

[dir="ltr"] .field--name-field-media.field--widget-entity-reference-autocomplete fieldset.form-item > legend::before {
  left: 0;
}

[dir="rtl"] .field--name-field-media.field--widget-entity-reference-autocomplete fieldset.form-item > legend::before {
  right: 0;
}

.field--name-field-media.field--widget-entity-reference-autocomplete fieldset.form-item > .form-item h4 {
  margin-bottom: 0;
}

.media-library-selected-count {
  color: var(--gin-color-text-light);
}
.media-library-wrapper input, 
.media-library-wrapper select {
  width: inherit
}

/* ajax */
@keyframes gin-throbber {
  0% {
    transform: rotateZ(0);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

.ajax-progress__throbber, .ajax-progress__throbber--fullscreen,
.ui-dialog .ajax-progress__throbber,
.media-library-item .ajax-progress__throbber {
  border: 3px solid var(--gin-color-primary);
}

[dir="ltr"] .ajax-progress__throbber, [dir="ltr"] .ajax-progress__throbber--fullscreen, [dir="ltr"] .ui-dialog .ajax-progress__throbber, [dir="ltr"] .media-library-item .ajax-progress__throbber {
  border-right: 3px dotted transparent;
}

[dir="rtl"] .ajax-progress__throbber, [dir="rtl"] .ajax-progress__throbber--fullscreen, [dir="rtl"] .ui-dialog .ajax-progress__throbber, [dir="rtl"] .media-library-item .ajax-progress__throbber {
  border-left: 3px dotted transparent;
}

.ajax-progress .ajax-progress__message {
  color: var(--gin-color-text);
}

[dir].gin--dark-mode .ajax-progress--fullscreen {
  background-color: var(--gin-color-primary);
  border-color: transparent;
  box-shadow: 0 2px 6px 0 var(--gin-bg-app);
}

[dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber, [dir].gin--dark-mode .ajax-progress--fullscreen .ajax-progress__throbber--fullscreen {
  border: 3px solid var(--gin-bg-app);
  border-right: 3px dotted transparent;
}

.media-library-widget .ajax-progress__throbber, .media-library-widget .ajax-progress__throbber--fullscreen {
  border: 2px solid var(--gin-color-primary);
}

[dir="ltr"] .media-library-widget .ajax-progress__throbber, [dir="ltr"] .media-library-widget .ajax-progress__throbber--fullscreen {
  border-right: 2px dotted transparent;
}

[dir="rtl"] .media-library-widget .ajax-progress__throbber, [dir="rtl"] .media-library-widget .ajax-progress__throbber--fullscreen {
  border-left: 2px dotted transparent;
}

.ui-dialog .ajax-progress-throbber {
  padding: var(--gin-spacing-xs);
  background: var(--gin-bg-app);
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(34, 35, 48, .1);
  border: 1px solid rgba(216, 217, 224, .8);
}

.gin--dark-mode .ui-dialog .ajax-progress-throbber {
  background-color: var(--gin-color-primary);
  border-color: transparent;
  box-shadow: 0 2px 6px 0 var(--gin-bg-app);
}

.ui-dialog .ajax-progress-throbber::before,
.contextual-links .ajax-progress-throbber::before {
  content: "";
  display: block;
  position: absolute;
  top: var(--gin-spacing-xs);
  width: 1.125rem;
  height: 1.125rem;
  border: 2px solid var(--gin-color-primary);
  border-radius: 50%;
  animation: gin-throbber .75s linear infinite;
}

[dir="ltr"] .ui-dialog .ajax-progress-throbber::before,
[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
  left: var(--gin-spacing-xs);
  border-right: 2px dotted transparent;
}

[dir="rtl"] .ui-dialog .ajax-progress-throbber::before,
[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
  right: var(--gin-spacing-xs);
  border-left: 2px dotted transparent;
}

.gin--dark-mode .ui-dialog .ajax-progress,
.gin--dark-mode .media-library-item .ajax-progress.ajax-progress.ajax-progress {
  background-color: var(--gin-bg-app);
  border-color: var(--gin-bg-app);
}

.contextual-links li {
  position: relative;
}

.contextual-links .ajax-progress-throbber {
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
}

[dir="ltr"] .contextual-links .ajax-progress-throbber {
  right: var(--gin-spacing-xxs);
}

[dir="rtl"] .contextual-links .ajax-progress-throbber {
  left: var(--gin-spacing-xxs);
}

.contextual-links .ajax-progress-throbber::before {
  top: 0;
}

[dir="ltr"] .contextual-links .ajax-progress-throbber::before {
  left: .25em;
}

[dir="rtl"] .contextual-links .ajax-progress-throbber::before {
  right: .25em;
}

.claro-autocomplete__message {
  color: var(--gin-color-primary);
}


/* form */

/* Styles */
/* Lead paragraph - larger, attention-grabbing first paragraph */
p.lead-paragraph {
  font-size: 1.25rem;
  line-height: 1.6;
  color: #2c3e50;
  margin-bottom: 2rem;
}

/* Callout box - highlighted content */
p.callout {
  background-color: #f8f9fa;
  border-left: 4px solid #007bff;
  padding: 1rem 1.5rem;
  margin: 1.5rem 0;
  border-radius: 0.25rem;
}

/* Side note - smaller, muted text */
p.note {
  font-size: 0.9rem;
  color: #6c757d;
  font-style: italic;
  border-bottom: 1px dotted #dee2e6;
  padding-bottom: 0.5rem;
}

/* Section title - bold, underlined heading */
h2.section-title {
  color: #343a40;
  border-bottom: 2px solid #007bff;
  padding-bottom: 0.5rem;
  margin-bottom: 1.5rem;
}

/* Decorative heading with special font and color */
h2.fancy-heading {
  font-family: 'Georgia', serif;
  color: #5a3b8b;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
  letter-spacing: 0.5px;
}

/* Information box with icon */
div.info-box {
  background-color: #e3f2fd;
  border: 1px solid #90caf9;
  border-radius: 4px;
  padding: 1rem;
  margin: 1rem 0;
  position: relative;
}
.info-box::before {
  content: "ℹ️";
  margin-right: 0.5rem;
}

/* Warning box with icon */
div.warning-box {
  background-color: #fff3e0;
  border: 1px solid #ffb74d;
  border-radius: 4px;
  padding: 1rem;
  margin: 1rem 0;
  position: relative;
}
.warning-box::before {
  content: "⚠️";
  margin-right: 0.5rem;
}

/* Featured quote with special styling */
blockquote.featured {
  font-size: 1.2rem;
  font-style: italic;
  border-left: 5px solid #6c757d;
  padding-left: 1.25rem;
  margin: 1.5rem 0;
  color: #495057;
}
blockquote.featured::before {
  content: """;
  font-size: 4rem;
  line-height: 1;
  color: #dee2e6;
  position: absolute;
  left: -0.5rem;
  top: -1rem;
}

/* Checklist with custom bullets */
ul.checklist {
  list-style: none;
  padding-left: 1.5rem;
}
ul.checklist li::before {
  content: "✓";
  color: #28a745;
  font-weight: bold;
  display: inline-block;
  width: 1.5rem;
  margin-left: -1.5rem;
}

/* Striped table */
table.striped {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}
table.striped th {
  background-color: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
  padding: 0.75rem;
  text-align: left;
}
table.striped td {
  padding: 0.75rem;
  border-bottom: 1px solid #dee2e6;
}
table.striped tr:nth-child(even) {
  background-color: #f8f9fa;
}