/* === original/commerce_cart.layout.css === */
/**
 * @file
 * Reusable layout styling for Commerce Cart components
 */

.cart-block--summary a {
  display: block;
}
.cart-block--contents {
  position: absolute;
  z-index: 300;
  display: none;
  overflow: hidden;
}
.cart-block--contents__items {
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 300px;
}
.cart-block--contents.is-outside-horizontal {
  right: 0;
}
.cart-block--contents__expanded {
  overflow: visible;
}

/* === original/core.css === */
/*!
 * jQuery UI CSS Framework 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* === original/autocomplete.css === */
/*!
 * jQuery UI Autocomplete 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

/* === original/menu.css === */
/*!
 * jQuery UI Menu 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/menu/#theming
 */
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

/* === original/autocomplete-loading.module.css === */
/**
 * @file
 * Visual styles for animated throbber.
 *
 * @see autocomplete.js
 */

.js input.form-autocomplete {
/* MISSING ASSET:   background-image: url_MISSING_ASSET(../throbber-inactive.svg); */
  background-repeat: no-repeat;
  background-position: 100% center; /* LTR */
}
.js[dir="rtl"] input.form-autocomplete {
  background-position: 0% center;
}
.js input.form-autocomplete.ui-autocomplete-loading {
/* MISSING ASSET:   background-image: url_MISSING_ASSET(../throbber-active.svg); */
  background-position: 100% center; /* LTR */
}
.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
  background-position: 0% center;
}

/* === original/align.module.css === */
/**
 * @file
 * Alignment classes for text and block level elements.
 */

.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.text-align-justify {
  text-align: justify;
}

/**
 * Alignment classes for block level elements (images, videos, blockquotes, etc.)
 */
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* === original/container-inline.module.css === */
/**
 * @file
 * Inline items.
 */

.container-inline div,
.container-inline label {
  display: inline-block;
}
/* Details contents always need to be rendered as block. */
.container-inline .details-wrapper {
  display: block;
}
.container-inline .hidden {
  display: none;
}

/* === original/clearfix.module.css === */
/**
 * @file
 * Float clearing.
 *
 * Based on the micro clearfix hack by Nicolas Gallagher, with the :before
 * pseudo selector removed to allow normal top margin collapse.
 *
 * @see http://nicolasgallagher.com/micro-clearfix-hack
 */

.clearfix::after {
  display: table;
  clear: both;
  content: "";
}

/* === original/hidden.module.css === */
/**
 * @file
 * Utility classes to hide elements in different ways.
 */

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus-within {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

/**
 * Hide visually and from screen readers, but maintain layout.
 */
.invisible {
  visibility: hidden;
}

/* === original/js.module.css === */
/**
 * @file
 * Utility classes to assist with JavaScript functionality.
 */

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
.js .js-hide {
  display: none;
}

/**
 * For anything you want to show on page load only when JS is enabled.
 */
.js-show {
  display: none;
}
.js .js-show {
  display: block;
}

/**
 * Use the scripting media features for modern browsers to reduce layout shifts.
 */
@media (scripting: enabled) {
  /* Extra specificity to override previous selector. */
  .js-hide.js-hide {
    display: none;
  }
  .js-show {
    display: block;
  }
}

/* === original/antibot.css === */
.antibot-message {
  margin: 9px 0 10px 8px;
  padding: 15px;
  word-wrap: break-word;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-radius: 2px;
  overflow-wrap: break-word;
}

.antibot-message-warning {
  color: #734c00;
  border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
  background-color: #fdf8ed;
  box-shadow: -8px 0 0 #e09600;
}

.antibot-message-error {
  color: #a51b00;
  border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
  background-color: #fcf4f2;
  box-shadow: -8px 0 0 #e62600;
}

/* === original/resize.module.css === */
/**
 * @file
 * Resizable textareas.
 */

.resize-none {
  resize: none;
}
.resize-vertical {
  min-height: 2em;
  resize: vertical;
}
.resize-horizontal {
  max-width: 100%;
  resize: horizontal;
}
.resize-both {
  max-width: 100%;
  min-height: 2em;
  resize: both;
}

/* === original/progress.module.css === */
/**
 * @file
 * Progress behavior.
 *
 * @see progress.js
 */

.progress {
  position: relative;
}
.progress__track {
  min-width: 100px;
  max-width: 100%;
  height: 16px;
  margin-top: 5px;
  border: 1px solid;
  background-color: #fff;
}
.progress__bar {
  width: 3%;
  min-width: 3%;
  max-width: 100%;
  height: 16px;
  background-color: #000;
}
.progress__description,
.progress__percentage {
  overflow: hidden;
  margin-top: 0.2em;
  color: #555;
  font-size: 0.875em;
}
.progress__description {
  float: left; /* LTR */
}
[dir="rtl"] .progress__description {
  float: right;
}
.progress__percentage {
  float: right; /* LTR */
}
[dir="rtl"] .progress__percentage {
  float: left;
}
.progress--small .progress__track {
  height: 7px;
}
.progress--small .progress__bar {
  height: 7px;
  background-size: 20px 20px;
}

/* === original/ajax-progress.module.css === */
/**
 * @file
 * Throbber.
 */

.ajax-progress {
  display: inline-block;
  padding: 1px 5px 2px 5px;
}
[dir="rtl"] .ajax-progress {
  float: right;
}
.ajax-progress-throbber .throbber {
  display: inline;
  padding: 1px 6px 2px;
/* MISSING ASSET:   background: transparent url_MISSING_ASSET(../throbber-active.svg) no-repeat 0 center; */
}
.ajax-progress-throbber .message {
  display: inline;
  padding: 1px 5px 2px;
}
tr .ajax-progress-throbber .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}

/* Full screen throbber */
.ajax-progress-fullscreen {
  position: fixed;
  z-index: 1261;
  top: 48.5%;
  /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  left: 49%; /* LTR */
  width: 24px;
  height: 24px;
  padding: 4px;
  opacity: 0.9;
  border-radius: 7px;
  background-color: #232323;
/* MISSING ASSET:   background-image: url_MISSING_ASSET(../loading-small.svg); */
  background-repeat: no-repeat;
  background-position: center center;
}
[dir="rtl"] .ajax-progress-fullscreen {
  right: 49%;
  left: auto;
}

/* === original/eu_cookie_compliance.css === */
#sliding-popup {
/* MISSING ASSET:   background: url_MISSING_ASSET('../images/gradient.png') center center scroll repeat-y transparent; */
}

.sliding-popup-bottom,
.sliding-popup-top {
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 99999;
  left: 0;
  text-align: center;
}

.sliding-popup-bottom {
  position: fixed;
  /* bottom:0 в оригинале выставляется JS-библиотекой eu_cookie_compliance.js
     (её у нас нет, только лёгкий cookie_consent_controller.js) — без этого
     фиксированный баннер остаётся в потоке документа сверху и блокирует клики. */
  bottom: 0;
}

.sliding-popup-top {
  position: relative;
}

.eu-cookie-compliance-content {
  margin: 0 auto;
  max-width: 80%;
  display: inline-block;
  text-align: left;
  width: 100%;
  position: relative;
}

.eu-cookie-compliance-buttons {
  float: right; /* LTR */
  margin: 0 0 1em 0;
  max-width: 40%;
}

.eu-cookie-compliance-categories-buttons {
  margin: 0 0 1em 0;
  max-width: 60%;
  float: left;
}

[dir="rtl"] .eu-cookie-compliance-buttons {
  float: left;
}
[dir="rtl"] .eu-cookie-compliance-categories-buttons {
  float: right;
}

.eu-cookie-compliance-more-button {
  cursor: pointer;
  display: inline;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: underline;
  background: none;
}

.eu-cookie-compliance-secondary-button {
  cursor: pointer;
  border: none;
  background: none;
  margin-top: 1em;
  padding: 0 8px;
  vertical-align: middle;
}

.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
  cursor: pointer;
  margin-right: 5px;
  margin-top: 1em;
  vertical-align: middle;
  overflow: visible;
  width: auto;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  background-color: #ededed;
  background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  color: #000;
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 4px 8px;
  text-decoration: none;
  text-shadow: 1px 1px 0 #ffffff;
}

[dir="rtl"] .eu-cookie-compliance-buttons button {
  -moz-box-shadow: inset 0 0 0 1px #ffffff;
  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  box-shadow: inset 0 0 0 1px #ffffff;
}

.disagree-button.eu-cookie-compliance-more-button:hover,
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-withdraw-button:hover {
  background-color: #dfdfdf;
  background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
  background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
}

.disagree-button.eu-cookie-compliance-more-button:active,
.eu-cookie-compliance-agree-button:active,
.eu-cookie-compliance-default-button:active,
.eu-cookie-compliance-hide-button:active,
.eu-cookie-compliance-more-button-thank-you:active,
.eu-cookie-withdraw-button:active {
  position: relative;
  top: 1px;
}

.eu-cookie-compliance-message {
  float: left; /* LTR */
  margin: 5px 0 0;
  max-width: 60%;
}

.eu-cookie-compliance-banner--categories .eu-cookie-compliance-message {
  max-width: 100%;
}

.eu-cookie-compliance-categories {
  clear: both;
  padding-top: 1em;
}

.eu-cookie-compliance-categories label {
  display: inline;
}

[dir="rtl"] .eu-cookie-compliance-message {
  float: right;
  text-align: right;
}

.eu-cookie-compliance-message h1,
.eu-cookie-compliance-message h2,
.eu-cookie-compliance-message h3,
.eu-cookie-compliance-message p {
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 5px 0;
}

.eu-cookie-compliance-message h1,
.eu-cookie-compliance-message h2,
.eu-cookie-compliance-message h3,
.eu-cookie-compliance-message p,
.eu-cookie-compliance-message button,
.eu-cookie-compliance-category label {
  color: #fff;
}

.eu-cookie-compliance-message h1 {
  font-size: 24px;
}

.eu-cookie-compliance-message h2 {
  font-size: 16px;
}

.eu-cookie-compliance-message h3 {
  font-size: 12px;
}

.eu-cookie-compliance-message p {
  font-size: 12px;
  display: inline;
}

.eu-cookie-withdraw-tab {
  padding: 4px 7px;
  cursor: pointer;
}

.sliding-popup-bottom .eu-cookie-withdraw-tab {
  border-width: 2px 2px 0;
  border-radius: 5px 5px 0 0;
}

.sliding-popup-top .eu-cookie-withdraw-tab {
  border-width: 0 2px 2px;
  border-radius: 0 0 5px 5px;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top,
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
  transform: scaleY(-1);
}

.eu-cookie-withdraw-tab {
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  left: 50%;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
  transform: translate(-50%, -100%) scaleY(-1);
}

.eu-cookie-compliance-close-button {
/* MISSING ASSET:   background: url_MISSING_ASSET('../images/close.png'); */
  width: 24px;
  height: 24px;
  border-width: 0;
  font-size: 0;
  position: absolute;
  right: 2px;
  top: -12px;
  cursor: pointer;
}

body:not(.eu-cookie-compliance-popup-open) .eu-cookie-compliance-close-button {
  display: none;
}

@media screen and (max-width: 600px) {
  .eu-cookie-compliance-content {
    max-width: 95%;
  }

  .eu-cookie-compliance-categories,
  .eu-cookie-compliance-message {
    max-width: 100%;
  }

  .eu-cookie-compliance-buttons {
    clear: both;
    float: none;
    max-width: 100%;
    margin: 5px 0 1em;
  }

  .eu-cookie-compliance-buttons.eu-cookie-compliance-has-categories {
    float: right;
  }

  .eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons {
    position: initial;
    bottom: unset;
    right: unset;
  }
}

/* === original/theme.css === */
/*!
 * jQuery UI CSS Framework 1.14.2
 * https://jqueryui.com
 *
 * Copyright OpenJS Foundation and other contributors
 * Released under the MIT license.
 * https://jquery.org/license
 *
 * https://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit https://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
/* MISSING ASSET: 	background-image: url_MISSING_ASSET("images/ui-icons_444444_256x240.png"); */
}
.ui-widget-header .ui-icon {
/* MISSING ASSET: 	background-image: url_MISSING_ASSET("images/ui-icons_444444_256x240.png"); */
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
/* MISSING ASSET: 	background-image: url_MISSING_ASSET("images/ui-icons_555555_256x240.png"); */
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
/* MISSING ASSET: 	background-image: url_MISSING_ASSET("images/ui-icons_ffffff_256x240.png"); */
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
/* MISSING ASSET: 	background-image: url_MISSING_ASSET("images/ui-icons_777620_256x240.png"); */
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
/* MISSING ASSET: 	background-image: url_MISSING_ASSET("images/ui-icons_cc0000_256x240.png"); */
}
.ui-button .ui-icon {
/* MISSING ASSET: 	background-image: url_MISSING_ASSET("images/ui-icons_777777_256x240.png"); */
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
}
.ui-widget-shadow {
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}

/* === original/commerce_cart.theme.css === */
/**
 * @file
 * Default theme implementation for Commerce Cart components
 *
 * Provides some sensible defaults when used with Bartik.
 */

.cart-block--contents {
  width: 225px;
  color: black;
  background: white;
}
.cart-block--contents__inner {
  padding: 10px;
}
.cart--cart-block .cart-block--contents a {
  color: inherit;
}
.cart-block--summary,
.cart-block--summary__icon img,
.cart-block--summary__count {
  vertical-align: middle;
}

.cart--cart-block li.cart-block--contents__item {
  clear: both;
  margin-bottom: 10px;
  border-bottom: 1px #eaeaea solid;
}
.cart-block--contents__quantity {
  float: left;
}
.cart-block--contents__price {
  float: right;
}

/* === original/search_api_autocomplete.css === */
.search-api-autocomplete-suggestion {
  position: relative;
  padding: 3px 5px;
}

.search-api-autocomplete-search .ui-menu-item-wrapper {
  margin: 0;
  padding: 0;
  color: #333;
  border: 0;
}

/* stylelint-disable-next-line -- Error reported inconsistently. */
.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  color: #fff;
  background: #0072b9;
}

.search-api-autocomplete-search .ui-menu-item {
  list-style-image: none;
}

.search-api-autocomplete-search .ui-menu-item:hover {
  background: #eee;
}

.search-api-autocomplete-search .ui-menu-item a {
  text-decoration: none;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  font-size: 90%;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-user-input {
  font-weight: bold;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-results-count {
  position: absolute;
  right: 0.2em;
}

/* === original/variables.css === */
:root,
[data-bs-theme=light] {
  --bb-primary-dark: #0c63e3;
  --bb-primary-text: #212529;
  --bb-secondary-dark: #5a6168;
  --bb-h1-color: #212529;
  --bb-h2-color: #212529;
  --bb-h3-color: #212529;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bb-primary-text: #dee2e6;
  --bb-h1-color: #dee2e6;
  --bb-h2-color: #dee2e6;
  --bb-h3-color: #dee2e6;
}

/* === original/user.css === */
/**
 * @file
 * Theme styling for user module.
 */

/* Visual styling for the Password strength indicator */
.password-strength__meter {
  margin-top: 0.5em;
  background-color: #ebeae4;
}
.password-strength__indicator {
  background-color: #77b259;
  -webkit-transition: width 0.5s ease-out;
  transition: width 0.5s ease-out;
}
.password-strength__indicator.is-weak {
  background-color: #e62600;
}
.password-strength__indicator.is-fair {
  background-color: #e09600;
}
.password-strength__indicator.is-good {
  background-color: #0074bd;
}
.password-strength__indicator.is-strong {
  background-color: #77b259;
}

.password-confirm,
.password-field,
.password-strength,
.password-confirm-match {
  width: 55%;
}

.password-suggestions {
  padding: 0.2em 0.5em;
  margin: 0.7em 0;
  max-width: 34.7em;
  border: 1px solid #b4b4b4;
}
.password-suggestions ul {
  margin-bottom: 0;
}

.confirm-parent,
.password-parent {
  clear: left; /* LTR */
  margin: 0;
  max-width: 33em;
  overflow: hidden;
}
[dir="rtl"] .confirm-parent,
[dir="rtl"] .password-parent {
  clear: right;
}

/* Styling for the status indicator of the passwords match test.  */
.password-confirm .ok {
  color: #325e1c;
  font-weight: bold;
}
.password-confirm .error {
  color: #a51b00;
  font-weight: bold;
}

/* Login page stype */
.page-user-login main .region-content,
.page-user-password main .region-content {
  max-width: 400px;
  background: white;
  padding: 15px 25px;
  margin: 0 auto;
  border-radius: 5px;
}

/* User account page */
body.path-user .field--label-inline .field__label {
  width: 100px;
}

body.path-user .field--label-inline .field__item {
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background: #e9ecef;
  min-width: 250px;
  margin: 0.25rem 0;
}

body.path-user .field--label-above .field__item {
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background: #e9ecef;
  width: 100%;
  margin: 0.25rem 0;
}

/* === original/progress.css === */
/**
 * Visual styles for progress bar.
 */

/* === original/node.css === */
/**
 * @file
 * Visual styles for Bootstrap Barrio's node component.
 */

.node__content {
  font-size: 1.071em;
  margin-top: 10px;
}

/* View mode teaser styles. */
.node--view-mode-teaser {
  border-bottom: 1px solid #d3d7d9;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.node--view-mode-teaser h2 {
  margin-top: 0;
  padding-top: 0.5em;
}
.node--view-mode-teaser h2 a {
  color: #181818;
}
.node--view-mode-teaser.node--sticky {
  background: #f9f9f9;
  background: rgba(0, 0, 0, 0.024);
  border: 1px solid #d3d7d9;
  padding: 0 15px 15px;
}
.node--view-mode-teaser .node__content {
  clear: none;
  font-size: 1em;
  line-height: 1.6;
}

/* Node metadata styles. */
.node__meta {
  font-size: 0.857em;
  color: #68696b;
  margin-bottom: -5px;
}
.node__meta .field--name-field-user-picture img {
  float: left; /* LTR */
  margin: 1px 20px 0 0; /* LTR */
}
[dir="rtl"] .node__meta .field--name-field-user-picture img {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}

/* Node links styles. */
.node__links {
  text-align: right; /* LTR */
  font-size: 0.93em;
}
[dir="rtl"] .node__links {
  text-align: left;
}

/* Unpublished node styles. */
.node--unpublished {
  padding: 20px 15px 0;
}
.node--unpublished .comment-text .comment-arrow {
  border-left: 1px solid #fff4f4;
  border-right: 1px solid #fff4f4;
}

/* === original/form.css === */
/**
 * @file
 * Visual styles for Bootstrap's form components.
 */

.form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
/* MISSING ASSET:   background-image: url_MISSING_ASSET(../../images/required.svg); */
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.3em;
}

form .form-actions {
  align-self: flex-end;
}

form .filter-wrapper {
  padding-left: 0;
  padding-right: 0;
  margin-left: 1rem;
  margin-right: 1rem;
}

form .form-type-textarea {
  margin-bottom: 0;
}

/* link-edit-summary css */
.link-edit-summary {
  border: 0;
  background: none;
  text-decoration: underline;
  color: var(--bs-link-color);
}

.image-button.form-control {
  border:none;
}

/* === original/affix.css === */
/**
 * @file
 * Styles for Bootstrap Barrio affix effect.
 */

.affix {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1035;
  left: 0;
}

/* === original/book.css === */
/**
 * @file
 * Bootstrap Barrio specific styling for the Book module.
 */

.book-navigation .menu {
  border-top: 1px solid #d6d6d6;
}
.book-navigation .book-pager {
  border-bottom: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  margin: 0;
}

/* === original/contextual.css === */
/**
 * @file
 * Contextual links styles for Bootstrap Barrio.
 */

.contextual-links a {
  border-bottom: none;
  text-shadow: 0 0 0;
}

/* === original/feed-icon.css === */
/**
 * @file
 * Feed icon styles for Bootstrap Barrio.
 */

.feed-icon {
  border-bottom: none;
  display: inline-block;
  padding: 15px 0 0 0;
}

/* === original/field.css === */
/**
 * @file
 * Visual styles for Bootstrap Barrio's field components.
 */

.field--type-entity-reference {
  margin: 0 0 1.2em;
}
.field--type-entity-reference .field__label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px; /* LTR */
}
[dir="rtl"] .field--type-entity-reference .field__label {
  padding-left: 5px;
  padding-right: 0;
}
.field--type-entity-reference ul.links {
  padding: 0;
  margin: 0;
  list-style: none;
}
.field--type-entity-reference ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
[dir="rtl"] .field--type-entity-reference ul.links li {
  padding: 0 0 0 1em;
  float: right;
}
@media all and (min-width: 560px) {
  .node .field--type-image {
    float: left; /* LTR */
    margin: 0 1em 0 0; /* LTR */
  }
  [dir="rtl"] .node .field--type-image {
    float: right;
    margin: 0 0 0 1em;
  }
  .node .field--type-image + .field--type-image {
    clear: both;
  }
}
.field--type-image img,
.field--name-field-user-picture img {
  margin: 0 0 1em;
}
.field--type-image a {
  border-bottom: none;
}
.field--name-field-tags {
  margin: 0 0 1.2em;
}
.field--name-field-tags .field__label {
  font-weight: normal;
  margin: 0;
  padding-right: 5px; /* LTR */
}
[dir="rtl"] .field--name-field-tags .field__label {
  padding-left: 5px;
  padding-right: 0;
}
.field--name-field-tags .field__label,
.field--name-field-tags ul.links {
  font-size: 0.8em;
}
.node--view-mode-teaser .field--name-field-tags .field__label,
.node--view-mode-teaser .field--name-field-tags ul.links {
  font-size: 0.821em;
}
.field--name-field-tags ul.links {
  padding: 0;
  margin: 0;
}
.field--name-field-tags ul.links li {
  float: left; /* LTR */
  padding: 0 1em 0 0; /* LTR */
  white-space: nowrap;
}
[dir="rtl"] .field--name-field-tags ul.links li {
  padding: 0 0 0 1em;
  float: right;
}
.field--label-inline .field__label,
.field--label-inline .field__items,
.field--label-inline .field__item {
  display: inline-block;
}

/* === original/header.css === */
/* ------------------ Header ------------------ */

.navbar-dark .nav-link:hover,
.navbar-dark .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-light .nav-link:hover,
.navbar-light .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-brand .site-logo {
  margin-right: 1rem;
}

@media (max-width: 33.9em) {
  .navbar-toggleable-xs .navbar-nav .nav-item+.nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}

@media (max-width: 47.9em) {
  .navbar-toggleable-sm .navbar-nav .nav-item+.nav-item,
  .navbar-toggleable-xs.collapse.in .navbar-nav .nav-item {
    margin-left: 0;
    float: none;
  }
}

/* === original/help.css === */
/**
 * @file
 * Styles for help messages.
 */

.block-help {
  margin-bottom: 1em;
  padding: 1.26em;
  word-wrap: break-word;
  color: inherit;
  border: 1px solid var(--bs-secondary);
  background-color: var(--bs-secondary-bg);
  overflow-wrap: break-word;
}

.block-help__container {
  padding-left: 24px;
  /* LTR */
/* MISSING ASSET:   background-image: url_MISSING_ASSET(/themes/contrib/bootstrap/images/help.png); */
  background-repeat: no-repeat;
  background-position: left 4px;
  /* LTR */
}

[dir="rtl"] .block-help__container {
  padding-right: 24px;
  padding-left: 0;
  background-position: right 4px;
}

.block-help__container>*:last-child {
  margin-bottom: 0;
}

/* === original/icons.css === */
/**
 * @file
 * Visual styles for icons.
 */

.icon-help {
/* MISSING ASSET:   background: url_MISSING_ASSET(/themes/contrib/bootstrap_barrio/images/help.png) 0 50% no-repeat; */
  /* LTR */
  padding: 1px 0 1px 20px;
  /* LTR */
}

[dir="rtl"] .icon-help {
  background-position: 100% 50%;
  padding: 1px 20px 1px 0;
}

.feed-icon {
/* MISSING ASSET:   background: url_MISSING_ASSET(/themes/contrib/bootstrap_barrio/images/feed.svg) no-repeat; */
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  width: 16px;
  direction: ltr;
  height: 16px;
}

/* Menu toggler fall back icon */
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* === original/image-button.css === */
/**
 * @file
 * Styles for Bootstrap Barrio's image buttons.
 */

.image-button.is-disabled:hover,
.image-button.is-disabled:active,
.image-button.is-disabled:focus,
.image-button.is-disabled {
  background: transparent;
  opacity: 0.5;
  cursor: default;
}

/* === original/item-list.css === */
/**
 * @file
 * Visual styles for Bootstrap Barrio's item list.
 */

.item-list ul {
  list-style: none;
  margin: 0 0 0.25em 0;
  padding: 0; /* LTR */
}
[dir="rtl"] .item-list ul {
  padding: 0;
}
.item-list ul li {
  /* This is needed to reset styles in item-list.theme.css */
  margin: 0;
  padding: 0.2em 0.5em 0 0; /* LTR */
}
[dir="rtl"] .item-list ul li {
  /* This is needed to reset [dir="rtl"] styles in item-list.theme.css */
  margin: 0;
  padding: 0.2em 0 0 0.5em;
}
.item-list .item-list__comma-list,
.item-list .item-list__comma-list li,
[dir="rtl"] .item-list .item-list__comma-list,
[dir="rtl"] .item-list .item-list__comma-list li {
  padding: 0;
}

/* === original/list-group.css === */
/**
 * @file
 * List group.
 * A list of links, grouped together.
 */

.list-group__link {
  border-top: 1px solid #ccc;
  padding: 7px 0 0;
}
.list-group__description {
  margin: 0 0 10px;
}

/* === original/media.css === */
/**
 * @file
 * Media related  specific CSS.
 */

/* Media Image */
.field--name-field-media-image img {
  max-width: 100%;
  height: auto;
}


/* Node Dialog Add/Select Overlay */

/* Two Column Layout */
.media-library-wrapper {
  display: flex;
  flex-wrap: wrap;
}



/* Left Menu Layout */
.media-library-menu {
  margin: 5px 5px 5px 0;
  padding: 20px 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #e9e9e9;
  height: 100%;
}

.media-library-menu li {
  margin: 5px;
  white-space: nowrap;
  height: 45px;
}

.media-library-menu li::marker {
  color: #e9e9e9;
}

.media-library-menu__link {
  margin: 5px 5px 5px 0;
  padding: 10px 15px;
  border: 1px solid #dddddd;
  border-radius: 3px;
  background: #e9e9e9;
}

.active.media-library-menu__link {
  background: #fff;
}



/* Form Eliments Layout  */
.media-library-content {
  flex: 2;
}

.media-library-wrapper .form--inline {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}

.media-library-widget-modal .js-form-item {
  margin: 5px;
}

.media-library-wrapper .form-type-textfield {
  flex: 2;
}



/* Fix Form Insert Button to Bottom of Popup */
.media-library-widget-modal .form-actions {
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 5px;
}

.media-library-widget-modal .ui-dialog-content {
  padding-bottom: 0;
}

/* Grid Layout */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.media-library-widget-modal.ui-dialog--narrow {
  width: 80% !important;
  left: 10% !important;
}

.media-library-views-form__rows {
  display: flex;
  flex-wrap: wrap;
}

.media-library-item--grid {
  margin: 10px;
  width: 220px;
}

.media-library-item--grid .js-form-type-checkbox, .media-library-item--grid .form-check-label {
  padding-left: 0;
}


/* Add or Select Media */
.media-library-add-form__media::marker {
  color: #fff;
}

/* === original/page.css === */
/**
 * @file
 * Styles for Bootstrap Barrio page.
 */

/* Hack for .placeholder issue https://www.drupal.org/project/drupal/issues/3233533 */
em.placeholder {
  vertical-align: unset!important;
  cursor: unset!important;
  background-color: unset!important;
  opacity: unset!important;
}
section.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* === original/search-form.css === */
/**
 * @file
 * The visual styles for Bootstrap Barrio's search form(s).
 */

input[type="search"] {
  box-sizing: border-box;
}

header #search-block-form {
  padding: 5px 15px;
  flex-flow: row wrap;
}

#search-block-form {
  display: flex;
}

/* === original/shortcut.css === */
/**
 * @file
 * Visual styles for the Shortcut action link in Bootstrap Barrio.
 */

.shortcut-wrapper {
  margin: 2.2em 0 1.1em 0; /* Same as usual .page-title margin. */
}
.shortcut-wrapper .page-title {
  float: left; /* LTR */
  margin: 0;
}
[dir="rtl"] .shortcut-wrapper .page-title {
  float: right;
}
.shortcut-action {
  border-bottom: none;
  margin-left: 0.5em; /* LTR */
  padding-top: 0.35em;
}
[dir="rtl"] .shortcut-action {
  margin-left: 0;
  margin-right: 0.5em;
}
.shortcut-action:hover,
.shortcut-action:active,
.shortcut-action:focus {
  border-bottom: none;
}

/* === original/sidebar.css === */
/* ------------------ Sidebar ----------------- */

.sidebar .block {
  border-style: solid;
  border-width: 1px;
  padding: 15px 15px;
  margin: 0 0 20px;
}

.sidebar h2 {
  margin: 0 0 0.5em;
  border-bottom: 1px solid #d6d6d6;
  padding-bottom: 5px;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.071em;
  line-height: 1.2;
}

.sidebar .block .content {
  font-size: 0.914em;
  line-height: 1.4;
}

.sidebar tbody {
  border: none;
}

.sidebar .even,
.sidebar .odd {
  background: none;
  border-bottom: 1px solid #d6d6d6;
}

.sidebar nav .nav {
  margin: 0 -1rem;
}

/* === original/site-footer.css === */
/**
 * @file
 * Footer Styling.
 */

.site-footer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  padding: 35px 0 30px;
  background: black;
}
.site-footer .layout-container {
  padding: 0 15px;
}
@media all and (min-width: 560px) {
  .site-footer__top .region {
    float: left; /* LTR */
    position: relative;
    width: 50%;
  }
  [dir="rtl"] .site-footer__top .region {
    float: right;
  }
}
@media all and (min-width: 560px) and (max-width: 850px) {
  .site-footer .region {
    box-sizing: border-box;
  }
  .site-footer__top .region:nth-child(2n+1) {
    padding-right: 10px; /* LTR */
  }
  [dir="rtl"] .site-footer__top .region:nth-child(2n+1) {
    padding-left: 10px;
    padding-right: 0;
  }
  .site-footer__top .region:nth-child(2n) {
    padding-left: 10px; /* LTR */
  }
  [dir="rtl"] .site-footer__top .region:nth-child(2n) {
    padding-left: 0;
    padding-right: 10px;
  }
  .region-footer-third {
    clear: both;
  }
}
@media all and (min-width: 851px) {
  .site-footer__top .region {
    width: 24%;
    padding: 0 0.65%;
  }
  .site-footer__top .region:first-child {
    padding-left: 0; /* LTR */
  }
  [dir="rtl"] .site-footer__top .region:first-child {
    padding-left: 10px;
    padding-right: 0;
  }
  .site-footer__top .region:last-child {
    padding-right: 0; /* LTR */
  }
  [dir="rtl"] .site-footer__top .region:last-child {
    padding-left: 0;
    padding-right: 10px;
  }
}
.site-footer h2 {
  color: #c0c0c0;
  color: rgba(255, 255, 255, 0.65);
}
.site-footer blockquote {
  color: #555;
}
.site-footer .content {
  color: #c0c0c0;
  color: rgba(255, 255, 255, 0.65);
  font-size: 0.857em;
}
.site-footer .menu-item {
  padding: 0;
}
.site-footer .content ol:not(.menu),
.site-footer .content ul:not(.menu) {
  padding-left: 1.4em; /* LTR */
}
[dir="rtl"] .site-footer .content ol:not(.menu),
[dir="rtl"] .site-footer .content ul:not(.menu) {
  padding-right: 1.4em;
  padding-left: 0;
}
.site-footer .content a,
.site-footer .content a.is-active {
  color: #fcfcfc;
  color: rgba(255, 255, 255, 0.8);
}
.site-footer .content a:hover,
.site-footer .content a:focus {
  color: #fefefe;
  color: rgba(255, 255, 255, 0.95);
}
.site-footer .block {
  margin: 20px 0;
  border: 1px solid #444;
  border-color: rgba(255, 255, 255, 0.1);
  padding: 10px;
}
.site-footer table {
  font-size: 1em;
}
.site-footer tr td,
.site-footer tr th {
  border-color: #555;
  border-color: rgba(255, 255, 255, 0.18);
}
.site-footer tr.odd {
  background-color: transparent;
}
.site-footer tr.even {
  background-color: #2c2c2c;
  background-color: rgba(0, 0, 0, 0.15);
}

/* Footer Top Styling. */
.site-footer__top h2 {
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 3px;
  text-transform: uppercase;
}
.site-footer__top .content {
  margin-top: 0;
}
.site-footer__top p {
  margin-top: 1em;
}
.site-footer__top .content .menu {
  padding-left: 0; /* LTR */
}
[dir="rtl"] .site-footer__top .content .menu {
  padding-right: 0;
}
.site-footer__top .content li a {
  display: block;
  border-bottom: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
  line-height: 1.2;
  padding: 0.8em 2px 0.8em 20px; /* LTR */
  text-indent: -15px;
}
[dir="rtl"] .site-footer__top .content li a {
  padding: 0.8em 20px 0.8em 2px;
}
.site-footer__top .content li a:hover,
.site-footer__top .content li a:focus {
  background-color: #1f1f21;
  background-color: rgba(255, 255, 255, 0.05);
  text-decoration: none;
}
.site-footer__top .block-menu,
.site-footer__bottom .block {
  margin: 0;
  padding: 0;
  border: none;
}

/* Footer Bottom Styling. */
.site-footer__bottom .block {
  margin: 0.5em 0;
}
.site-footer__bottom .content {
  padding: 0.5em 0;
  margin-top: 0;
}
.site-footer__bottom .block h2 {
  margin: 0;
}
.site-footer__bottom {
  letter-spacing: 0.2px;
  margin-top: 30px;
  border-top: 1px solid #555;
  border-color: rgba(255, 255, 255, 0.15);
}
.site-footer__bottom .region {
  margin-top: 20px;
}
.site-footer__bottom .block {
  clear: both;
}

/* We need to be specific to overwrite [dir="rtl"] .block ul in block.css. */
.site-footer__bottom .block .menu {
  padding: 0;
}
.site-footer__bottom .menu-item a {
  float: left; /* LTR */
  padding: 0 12px;
  display: block;
  border-right: 1px solid #555; /* LTR */
  border-color: rgba(255, 255, 255, 0.15);
}
[dir="rtl"] .site-footer__bottom .menu-item a {
  float: right;
  border-left: 1px solid #555;
  border-right: none;
}
.site-footer__bottom .menu-item:first-child a {
  padding-left: 0; /* LTR */
}
[dir="rtl"] .site-footer__bottom .menu-item:first-child a {
  padding-right: 0;
  padding-left: 12px;
}
.site-footer__bottom .menu-item:last-child a {
  padding-right: 0; /* LTR */
  border-right: none; /* LTR */
}
[dir="rtl"] .site-footer__bottom .menu-item:last-child a {
  padding-left: 0;
  padding-right: 12px;
  border-left: none;
}

/**
 * When the item is both first and last, :last-child overrides the right padding
 * when using [dir="rtl"]. We need this rule to remove the right padding.
 */
[dir="rtl"] .site-footer__bottom .menu-item:first-child:last-child a {
  padding-right: 0;
}

/* === original/skip-link.css === */
/**
 * @file
 * Styles for the skip link.
 */

.skip-link {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 50;
  background: #444;
  background: rgba(0, 0, 0, 0.6);
  font-size: 0.94em;
  line-height: 1.7em;
  padding: 1px 10px 2px;
  border-radius: 0 0 10px 10px;
  border-bottom-width: 0;
  outline: 0;
}
.skip-link.visually-hidden.focusable:focus {
  position: absolute !important;
  color: #fff;
}

/* === original/table.css === */
/**
 * @file
 * Styles for Bootstrap Barrio's tables.
 */

table {
  border: 0;
  border-spacing: 0;
  font-size: 0.857em;
  margin: 10px 0;
  width: 100%;
}
table table {
  font-size: 1em;
}
tr {
  border-bottom: 1px solid #ccc;
  padding: 0.1em 0.6em;
  background: #efefef;
  background: rgba(0, 0, 0, 0.063);
}
thead > tr {
  border-bottom: 1px solid #000;
}
tr.odd {
  background: #e4e4e4;
  background: rgba(0, 0, 0, 0.105);
}
table tr th {
  background: #757575;
  background: rgba(0, 0, 0, 0.51);
  border-bottom-style: none;
}
table tr th,
table tr th a,
table tr th a:hover,
table tr th a:focus {
  color: #fff;
  font-weight: bold;
}
table tbody tr th {
  vertical-align: top;
}
tr td,
tr th {
  padding: 4px 9px;
  border: 1px solid #fff;
  text-align: left; /* LTR */
}
[dir="rtl"] tr td,
[dir="rtl"] tr th {
  text-align: right;
}

/**
 * Responsive tables.
 */
@media screen and (max-width: 37.5em) { /* 600px */
  th.priority-low,
  td.priority-low,
  th.priority-medium,
  td.priority-medium {
    display: none;
  }
}
@media screen and (max-width: 60em) { /* 920px */
  th.priority-low,
  td.priority-low {
    display: none;
  }
}

/* === original/tabledrag.css === */
/**
 * @file
 * Visual styles for table drag.
 */

tr.drag {
  background-color: #fffff0;
}
tr.drag-previous {
  background-color: #ffd;
}
.tabledrag-changed.warning {
  margin-bottom: 0.5rem;
  color: var(--bs-warning);
}
a.tabledrag-handle .handle {
  width: 25px;
  height: 25px;
}
.tabledrag-cell-content>* {
  display: table-cell;
  vertical-align: middle;
}

/* === original/tableselect.css === */
/**
 * @file
 * Table select behavior.
 *
 * @see tableselect.js
 */

tr.selected td {
  background: #ffc;
}
td.checkbox,
th.checkbox {
  text-align: center;
}
[dir="rtl"] td.checkbox,
[dir="rtl"] th.checkbox {
  /* This is required to win over specificity of [dir="rtl"] td */
  text-align: center;
}

/* === original/tablesort-indicator.css === */
/**
 * @file
 * Tablesort indicator styles.
 */

.tablesort {
  width: 14px;
  height: 14px;
  vertical-align: top;
  margin: 1px 0 0 5px;
}

.tablesort--asc {
/* MISSING ASSET:   background-image: url_MISSING_ASSET(/core/misc/icons/ffffff/twistie-down.svg); */
}

.tablesort--desc {
/* MISSING ASSET:   background-image: url_MISSING_ASSET(/core/misc/icons/ffffff/twistie-up.svg); */
}

/* === original/ui.widget.css === */
/**
 * @file
 * Visual styles for Bartik's ui-widget component.
 */

#page .ui-widget {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* === original/tabs.css === */
/**
 * @file
 * Theme styling for tabs.
 */

nav.tabs {
  margin-bottom: 1rem;
}

/* === original/toolbar.css === */
body.toolbar-horizontal #navbar-top.fixed-top,
body.toolbar-vertical #navbar-top.fixed-top,
body.toolbar-vertical.toolbar-tray-open #navbar-top.fixed-top,
body.toolbar-horizontal #navbar-main.fixed-top,
body.toolbar-vertical #navbar-main.fixed-top,
body.toolbar-vertical.toolbar-tray-open #navbar-main.fixed-top {
  top: 40px;
}
body.toolbar-horizontal.toolbar-tray-open #navbar-top.fixed-top,
body.toolbar-horizontal.toolbar-tray-open #navbar-main.fixed-top {
  top: 80px;
}
body.toolbar-fixed .toolbar-oriented .toolbar-bar {
  z-index: 1040;
}

/* === original/vertical-tabs.css === */
/**
 * @file
 * Vertical Tabs.
 */

.vertical-tabs {
  margin: 0;
  /* LTR */
  border: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  font-size: 0.875rem;
}

[dir="rtl"] .vertical-tabs {
  flex-direction: row-reverse;
  margin-left: 0;
  margin-right: 0;
}

.vertical-tabs__menu {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  /* LTR */
  width: 15em;
  margin: 0;
  /* LTR */
  padding: 0;
  border-top: 1px solid #ccc;
  list-style: none;
}

[dir="rtl"] .vertical-tabs__menu {
  margin-left: 0;
  margin-right: -15em;
}

.vertical-tabs__pane {
  margin: 0;
  border: 0;
}

.vertical-tabs__pane>summary {
  display: none;
}

.vertical-tabs__pane label {
  font-weight: bold;
}

/* Layout of each tab. */

.vertical-tabs__menu-item {
  border: 1px solid #ccc;
  border-top: 0;
  background: #eee;
}

.vertical-tabs__menu-item a {
  display: block;
  padding: 0.5em 0.6em;
  text-decoration: none;
}

.vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
.vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
  text-decoration: underline;
}

.vertical-tabs__menu-item a:hover {
  outline: 1px dotted;
}

.vertical-tabs__menu-item.is-selected {
  border-right-width: 0;
  /* LTR */
  background-color: #fff;
}

[dir="rtl"] .vertical-tabs__menu-item.is-selected {
  border-left-width: 0;
  border-right-width: 1px;
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
  color: #000;
}

.vertical-tabs__menu-item-summary {
  display: block;
  margin-bottom: 0;
  line-height: normal;
}

/* === original/views.css === */
/**
 * @file
 * Styling for Views in Bartik.
 */

/* Tab styles */
.views-displays .tabs .open > a {
  border-radius: 7px 7px 0 0;
}
.views-displays .tabs .open > a:hover,
.views-displays .tabs .open > a:focus {
  color: #0071b3;
}
.views-displays .secondary .form-submit {
  font-size: 0.846em;
}

/* Tabs action list styles */
.views-displays .tabs .action-list {
  padding: 0;
}

/* Contextual filter options styles */
.views-filterable-options .filterable-option:nth-of-type(even) .form-type-checkbox {
  background-color: #f9f9f9;
}

/* Views action dropbutton styles */
.views-ui-display-tab-actions .dropbutton .form-submit {
  color: #0071b3;
}
.views-ui-display-tab-actions .dropbutton .form-submit:hover,
.views-ui-display-tab-actions .dropbutton .form-submit:focus {
  color: #018fe2;
}

/* === original/webform.css === */
/**
 * @file
 * Visual styles for weform's form components.
 */

/* Add require asterisk to nessesary fields */

.form-required::after {
  content: '';
  vertical-align: super;
  display: inline-block;
/* MISSING ASSET:   background-image: url_MISSING_ASSET(../../images/required.svg); */
  background-repeat: no-repeat;
  background-size: 7px 7px;
  width: 7px;
  height: 7px;
  margin: 0 0.3em;
}

 /* Button styles for radios and checkboxes when set under "Options Display" */

.webform-options-display-buttons-horizontal .webform-options-display-buttons-wrapper {
  flex: auto;
}
.webform-options-display-buttons .form-check-label {
    margin: 0 5px 10px 5px;
    border: 3px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    padding: 10px;
    width: 100%;
}
.webform-options-display-buttons .form-check-label:hover {
  border-color: #999;
  color: #333;
}
.webform-options-display-buttons .form-check-input:checked ~ .form-check-label {
  border-color: #0074bd;
  color: #000;
}
.webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check-label {
  text-align: center;
  margin: 0 5px 10px 0;
}
.webform-options-display-buttons .webform-options-display-buttons-wrapper .radio,
.webform-options-display-buttons .webform-options-display-buttons-wrapper .form-check {
  padding: 0;
}

/* === original/ui-dialog.css === */
/**
 * @file
 * Styles for Bartik's modal windows
 */

.ui-widget-overlay {
  background: #000;
  opacity: 0.7;
}
.ui-dialog {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 0;
}
.ui-dialog input,
.ui-dialog select,
.ui-dialog textarea {
  font-size: 0.9em;
}
.ui-dialog .button {
  background-color: #fff;
  background-image: -webkit-linear-gradient(top,#f3f3f3,#e8e8e8);
  background-image: linear-gradient(to bottom,#f3f3f3,#e8e8e8);
  border: 1px solid #e4e4e4;
  border-bottom-color: #b4b4b4;
  border-left-color: #d2d2d2;
  border-right-color: #d2d2d2;
  color: #3a3a3a;
  cursor: pointer;
  font-size: 0.929em;
  font-weight: normal;
  text-align: center;
  padding: 0.250em 1.063em;
  border-radius: 1em;
}

/* === original/img-fluid.css === */
.content img {
  max-width: 100%;
  height: auto;
}

/* === original/messages-gray.css === */
/**
 * @file
 * Visual styles for Bootstrap Barrio's system messages.
 */

.alert-success {
  color: white;
  background-color: #333;
  border-left: #28a745 15px solid;
}
.alert-warning {
  color: white;
  background-color: #333;
  border-left: #ff8800 15px solid;
}
.alert-danger {
  color: white;
  background-color: #333;
  border-left: #cc0000 15px solid;
}
.alert-dismissible .btn-close {
  opacity: 0.6;
}

/* === original/container.css === */


/* === original/menu(1).css === */


/* === original/menu_columns.css === */


/* === original/style.css === */
/*#region Шрифты */
@font-face {
  font-family: "Proxima Nova";
  src: url("../../../fonts/tactic-original/ProximaNovaCond-Regular-fzumnFb.ttf");
}
@font-face {
  font-family: "Montserrat SemiBold";
  src: url("../../../fonts/montserrat-original/Montserrat-SemiBold-C7LqmRh.ttf");
}
@font-face {
  font-family: "Montserrat Light";
  src: url("../../../fonts/montserrat-original/Montserrat-Light-VzMoDX3.ttf");
}
@font-face {
  font-family: "Montserrat Regular";
  src: url("../../../fonts/montserrat-original/Montserrat-Regular-hcBn2o3.ttf");
}
body,
.site-footer {
  font-family: 'Montserrat Regular', serif !important;
}
/*#endregion */

/*#region Общие настройки */
html,
body,
div.dialog-off-canvas-main-canvas,
div#page-wrapper {
  height: 99.98%;
}
body  {
  /* overflow-y: scroll !important; */
}
html {
  overflow-x: hidden;
}
div#page {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* overflow-x: hidden;
  margin-right: calc(-1 * (100vw - 100%)); */ /* Динамический padding для убирания полосы прокрутки */
}
div#main-wrapper {
  flex: 1 0 auto;
}
a {
  text-decoration: none;
}
.no-link {
  pointer-events: none;
}
.no-link a {
  color: #333;
}
@media (min-width:800px) {
  #block-nostromo-page-title H1 { /* Заголовок страницы ОБЩИЙ */
    text-align: center;
    margin: 10px 0 20px 40px;
  }
}
button {
  color: #fff  !important;
}
textarea:focus-visible,
input:focus-visible {
  outline: none;
}
/*#endregion */

/*#region Главное Горизонтальное меню  */
#navbar-main .container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 1.4em;
}
#block-nostromo-glavnoegorizontalnoemenyu a {
  padding: 3px 1.1em 0;
  color: #333;
  font-size: 20px;
}
#block-nostromo-glavnoegorizontalnoemenyu ul li {
  padding: 5px 0 10px;
}
.nav-item.active {
  background-color: #ebebeb;
}
 #block-nostromo-glavnoegorizontalnoemenyu ul li + li {
    border-left: 1px solid #27234e;
}
/*#endregion   */

/*#region Цвета для обрабатываемых материалов */
.mat-P {
  background-color: #0795d7;
  color: #ffffff;
}
.mat-M {
  background-color: #fff32d;
}
.mat-K {
  background-color: #ec2730;
  color: #ffffff;
}
.mat-N {
  background-color: #26b052;
  color: #ffffff;
}
.mat-S {
  background-color: #f48333;
  color: #ffffff;
}
.mat-H {
  background-color: #949599;
  color: #ffffff;
}
/*#endregion */

/*#region Кнопка для "Вертикальное меню Инструменты" (Бургер меню ДЕСКТОП)  */

@media (min-width:800px) {
#burger-menu-button-desk {
    margin-top: 5px;
}
    #burger-menu-button-mobile {  
    display: none;
    
  }
}
@media (max-width:800px) {
    #burger-menu-button-desk {  
    display: none;
  }
}

.burger-menu-btn-cover {
  width: min-content;
	display: flex;
}
.burger-menu-btn-cover:has(.active)::after{
  color:#27234e;
}
.burger-menu-btn {
  width: 42px;
  height: 37px;
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.burger-menu-btn span {
  width: 100%;
  height: 7px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #27234e;
  transition: all 0.5s;
}
.burger-menu-btn span:nth-of-type(2) {
  top: calc(50% - 12px);
}
.burger-menu-btn span:nth-of-type(3) {
  top: calc(50% + 12px);
}
.burger-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 15px;
  background-color: gray;
  transform: translateX(-100%);
  transition: transform 0.5s;
}
.burger-menu.active {
  transform: translateX(0);
}
.burger-menu li {
  list-style-type: none;
}
.burger-menu-btn.active span {
  background-color: #27234e;
}
.burger-menu-btn.active span:first-of-type {
  transform: translateX(100%);
}
.burger-menu-btn.active span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.burger-menu-btn.active span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media (max-width:800px) {
  .burger-menu-btn span:nth-of-type(2) {
    top: calc(50% - 14px);
  }
  .burger-menu-btn span:nth-of-type(3) {
    top: calc(50% + 14px);
  }
  .burger-menu-btn {
    width: 40px;
    height: 43px;
  }
}
#burger-menu-button-mobile .burger-menu-btn span {
  background-color: #ffffff; 
  height: 7px;
}

/*#endregion */

/*#region Вертикальное меню Инструменты */

	/* .add-posiion-static */ /* Это для позиционирования второго пункта меню на экране с шириной меньше 800 */
#navbar-main {
	position: relative;
  padding-top: 0;
}
#block-nostromo-instrumentmenyu {
	position: absolute;
  z-index: 999;
  background-color: #f9f9f9;
  transition: 0.5s;
  width: 0;
  height: 0;
  overflow: hidden;
  padding: 20px 5px;
  margin-left: -15px;
  overflow-y: auto;
  box-shadow: 0 4px 15px 1px lightgrey;
  font-size: 19px !important;
  line-height: 0.9;
  visibility: hidden;
	top: 45px;
	white-space: nowrap; /* Это исключает перенос слов */
}
.block-nostromo-instrumentmenyu-active {
  width: 100% !important;
  height: calc(100vh - 180px) !important;
  visibility: visible !important;
}
#block-nostromo-instrumentmenyu ul {
	display: block;
	list-style: none;
	@media (max-width: 800px) { /* Для горизонтальной прокруки меню на малом экране */
		overflow-x: auto;
	}
}
#block-nostromo-instrumentmenyu ul li{
	display: block;
	position: relative;
  width: 25em;
    @media (max-width: 800px) {
    font-size: 15px;
  }
}
#block-nostromo-instrumentmenyu ul li:has(ul) span::after{
	content: '';
  border-left: 15px dashed;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  color: #27234e;
  display: inline-block;
  margin: 0 0 0.1em 0.4em;
  transition: 0.3s;
}
.open1 {
  background: #ececec;
}

#block-nostromo-instrumentmenyu ul li.open1:has(ul) span::after{
  transform: rotate(-90deg);
  margin-bottom: 3px;
  margin-left: 2px;
}

#block-nostromo-instrumentmenyu ul li span, #block-nostromo-instrumentmenyu ul li a {
	display: inline-block;
	color: #333;
	text-transform: uppercase;
	cursor: pointer;
}
#block-nostromo-instrumentmenyu ul li ul {
	display: none;
  width: max-content;
  padding: 0;
  position: absolute;
  left: 25em;
  z-index: 1;
  top: 0;
  margin-left: 0;
  border-left: 8px solid #ececec;
	@media (max-width:800px) {
		position: static;
    scrollbar-width: none;
	}
}
#block-nostromo-instrumentmenyu ul li ul li {
  background-color: #f9f9f9;
}
#block-nostromo-instrumentmenyu ul li ul a {
	font-size: 0.8em;
	color: #333;
	display: block;
  line-height: 1.8em;
  padding: 0 0 0 11px;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
/*#endregion */

/*#region ПОДВАЛ общее */
footer {
  margin-top: 40px;
}
footer.site-footer { /* Это для ВЫСОТЫ контента 100% */
  flex: 0 0 auto;
  padding: 5px 0 0;
}
@media (min-width:800px) {  
  .site-footer__top {
    display: flex;
    justify-content: space-between;
    border-left: 1px solid #ffffff88;
    padding-left: 14px;
    border-right: 1px solid #ffffff88;
  }
  .site-footer__top .region {
    width: 26%;
    padding: 0;
  }
}
.site-footer .site-footer__top .region > div {
  border: none;
  margin: 0;
}
.region-footer-second > div,
.region-footer-third > div,
.region-footer-fourth > div,
.region-footer-fourth-2 > div {
  border-left: 1px solid #ffffff88 !important;
}
.region-footer-fourth-2 > div {
  padding-right: 0 !important;
}
div#block-nostromo-footer-2 {
  padding-top: 0;
  font-size: 24px;
  line-height: 0.5em;
}

/* Контакт БЛОК */
.block-contact-block #edit-subject-wrapper,
.block-contact-block label {
  display: none;
}
.block-contact-block button#edit-submit {
  border: 1px solid #fff;
  width: 100%;
}
div#block-nostromo-contactblock .form-control {
  padding: 3px 5px;
  color: #6c757d;
  width: 100%;
}
div#block-nostromo-contactblock .form-control #edit-actions {
  margin-bottom: 0 !important;
}
/* КОНЕЦ Контакт БЛОКм */

#block-nostromo-footer-3 {
  font-size: 21px;
  padding-top: 10px;
}

.cp-to-clip {/*Это для всего копированияч текста в буфер обмена */
  position: relative;
  cursor: pointer;
}
.cp-to-clip:after {/*Это для всего копированияч текста в буфер обмена */
  content: " ";
  background-image: url(data:image/svg+xml;base64,PHN2ZwogICB3aWR0aD0iNm1tIgogICBoZWlnaHQ9IjhtbSIKICAgdmlld0JveD0iMCAwIDE4MS40NTk4IDI0MS45NDY0IgogICB2ZXJzaW9uPSIxLjEiCiAgIGlkPSJzdmcxIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjMuMSAoOWI5YmRjMTQ4MCwgMjAyMy0xMS0yNSwgY3VzdG9tKSIKICAgc29kaXBvZGk6ZG9jbmFtZT0iY3AyY2xpcC5zdmciCiAgIHhtbG5zOmlua3NjYXBlPSJodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy9uYW1lc3BhY2VzL2lua3NjYXBlIgogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzAwMDAwMCIKICAgICBib3JkZXJvcGFjaXR5PSIwLjI1IgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIyIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9Im1tIgogICAgIGlua3NjYXBlOnpvb209IjQuMjQ4MjM1NiIKICAgICBpbmtzY2FwZTpjeD0iMzMuODk2NDI1IgogICAgIGlua3NjYXBlOmN5PSI1MS42Njg1MDkiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNDUyIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijk5MSIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMjYiCiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjIzIgogICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiCiAgICAgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ibGF5ZXIxLTUiIC8+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPGcKICAgICBpbmtzY2FwZTpsYWJlbD0iTGF5ZXIgMSIKICAgICBpbmtzY2FwZTpncm91cG1vZGU9ImxheWVyIgogICAgIGlkPSJsYXllcjEiPgogICAgPHJlY3QKICAgICAgIHN0eWxlPSJvcGFjaXR5OjE7ZmlsbDpub25lO3N0cm9rZTojMDU3NTQxO3N0cm9rZS13aWR0aDo0Ljc2MTtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIKICAgICAgIGlkPSJyZWN0MSIKICAgICAgIHdpZHRoPSI5Ni4yMDc2NDIiCiAgICAgICBoZWlnaHQ9IjEyOC4wNDk2MSIKICAgICAgIHg9IjYxLjM1MDQ2NCIKICAgICAgIHk9IjM0LjIyMzc3IiAvPgogICAgPGcKICAgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIgogICAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIKICAgICAgIGlkPSJsYXllcjEtNSIKICAgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIzLjEzODM5NSwyNi43MTcxMzgpIj4KICAgICAgPHJlY3QKICAgICAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtzdHJva2U6IzA1NzU0MTtzdHJva2Utd2lkdGg6NC43NjE7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiCiAgICAgICAgIGlkPSJyZWN0MS0zIgogICAgICAgICB3aWR0aD0iOTYuMjA3NjQyIgogICAgICAgICBoZWlnaHQ9IjEyOC4wNDk2MSIKICAgICAgICAgeD0iOC44MzQxODI3IgogICAgICAgICB5PSIzNi40NjkxNyIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: right;
  width: 20px;
  height: 19px;
  display: inline-block;
  background-position-y: 0px;
  background-size: 17px;
}
.text_to_clipboard { /*Это для всего копированияч текста в буфер обмена */
    display: inline-block;
    position: absolute;
    width: 366px;
    color: green;
    font-style: italic;
    background-color: #e3e3e3;
    padding: 3px 3px 2px 9px;
    border-radius: 15px;
    margin-left: 50px;
    z-index: 999;
    @media (max-width:800px) { 
      top:30px;
      left: 0;
      width: 100%;
      margin-left:0;
    }
}

footer .cp-to-clip:after { /*Это для ПОДВАЛА копированияч текста в буфер обмена */
  background-image: url("../../../images/tactic/common/icon-copy-zvSmXnG.png");
  margin-left: 5px;
  background-position-y: 2px;
}
/*#endregion*/

/*#region ШАПКА */
  /* Общий */
div#block-nostromo-tel-top a {
  color: white;
}
  /* ДЕсктоп */
div#block-nostromo-tel-desktop {
    width: 17%;
}
@media (min-width:800px) {
  div#block-nostromo-tel-top { /* Скрываем блок телефона на главной */
    display: none;
  }
  .region-secondary-menu {
    width: 93%;
    align-items: center;
  }
  .region-secondary-menu a {
    width: 12%;
    max-width: 135px;
    padding-right: 0;
    margin-right: 0;
  }
  div#block-nostromo-polzovatelskiylogotipitekst {
    width: 39%;
    font-size: clamp(11px, 1.05vw, 15px);
  }
  div#block-nostromo-tel-top {
    width: 22%;
    font-size: clamp(13px, 1.16vw, 23px);
    white-space: nowrap;
  }
  div#search-block {
    width: 32%;
    height: 38px;
  }
  /* Корзина Десктоп */
  span.cart-block--summary__count {
    color: #fff;
    font-size: 12px;
    white-space: nowrap;    
  }
  #block-nostromo-korzina {
    width: 75px;
  }
  #block-nostromo-korzina img{
    width: 25px;
  }

  /* Конец Корзина Десктоп */
  #block-nostromo-account-menu {
    width: 41px;
    padding: 0;
  }
}

/* Мобильный */
@media (max-width:800px) {
  #header #navbar-top .container {
    padding: 0 0;
  }

  section.row.region.region-secondary-menu {
    --bs-gutter-x: 0;
  }
  .region-secondary-menu {
    width: 100%;
    display: block !important;
  }
  #block-nostromo-polzovatelskiylogotipitekst {
    display: none;
  }
  div#block-nostromo-tel-top {
    width: 46%;
    float: left;
    padding: 0;
    margin-top: 13px;
    white-space: nowrap;
  }
  div#block-nostromo-tel-top a {
    font-size: 4.8vw;
  }
  a.navbar-brand {
    width: 28%;
    display: block;
    float: left;
    padding-right: 0;
    margin-right: 6px;
  }
  div#search-block {
    width: 85%;
    float: left;
    margin: 5px 0;
    padding: 0;
    padding-right: 0;
  }
  div#burger-menu-button-mobile { /* Бургер меню на ТЕЛефоне */
    width: 13%;
    float: left;
    clear: both;
    margin-top: 3px;
  }
  /* Вторая строка */
  #block-nostromo-glavnoegorizontalnoemenyu {
    margin: -1px 0 -4px;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }
   #block-nostromo-glavnoegorizontalnoemenyu ul {
    display: inline-block;
    width: 100%;
  }
   #block-nostromo-glavnoegorizontalnoemenyu ul li {
    display: inline-block;
    margin-right: -4px;
    padding-right: 5px;
    padding-left: 4px;
    padding-bottom: 7px;
  }
  #block-nostromo-glavnoegorizontalnoemenyu ul li + li {
    margin-left: -5px;
  }
  #block-nostromo-glavnoegorizontalnoemenyu li a {
    font-size: 18.5px;
    padding: 0;
    font-family: 'Montserrat SemiBold';
  }
  #navbar-main .container {
    padding: 0;
  }
  nav#block-nostromo-account-menu-mobile {
    float: right;
    width: 9%;
    margin: -1px 8px 0 5px;
  } 
  /*# Темизация значка корзины */
  #block-nostromo-korzina-mobile span.cart-block--summary__count,
  #block-nostromo-korzina-mobile span.cart-block--summary__icon img {
    display: none;
  }
  #block-nostromo-korzina-mobile span.cart-block--summary__icon {
    background-image: url("../../../images/tactic/common/cart_white-DojC-o6.svg");
    width: 27px;
    display: block;
    height: 27px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  div#block-nostromo-korzina-mobile {
    margin: 10px 0 0 2%;
    width: 8%;
    float: left;
  }
}
/*#endregion */

/*#region  Поиск вверху сайта блок*/
div#search-block .js-form-item {
  width: 90%;
  margin-bottom: 0 !important;
}
div#search-block .form-actions {
  width: 10%;
  margin-bottom: 0 !important;
}
div#search-block input {
  border-radius: 3px 0 0 3px;
  height: 36px;
  width: 100%;
  border: 1px solid white;
}
div#search-block div.d-flex.flex-wrap {
  margin-bottom: -1rem;
  display: flex;
}
.js input.form-autocomplete {
  background-image: none !important;
}
div#search-block button {
  background-size: 83% !important;
  background-position-y: 50% !important;
  background-position-x: 50% !important;
  width: 100%;
  height: 36px;
  background-repeat: no-repeat;
  border-radius: 0 3px 3px 0;
  border: 1px solid #fff;
  border-left: none;
  background-image: url("../../../images/tactic/common/search-YsDgHfQ.svg");
  margin: 0 0 1px -2px;
}
.krest {  /*  Крестик на поиске */
  position: absolute;
  right: 7px;
  top: 36%;
  z-index: 9;
  color: #b3a499;
  cursor: pointer;
}
/* Автозаполнение*/
.ui-widget.ui-widget-content.search-api-autocomplete-search {
  background-color: #ffffff !important;
}
.search-api-autocomplete-search li article {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.search-api-autocomplete-search li article .field--name-title { /* Переопределение стилей поля TITLE в строке */
  margin: 0;
}
@media (max-width:800px) {
  .search-api-autocomplete-search li article .field--name-field-name-tupe,
  .search-api-autocomplete-search li article .field--name-field-back-angle,
  .search-api-autocomplete-search li article .field--name-variations,
  .search-api-autocomplete-search li article .field--name-field-quantity-in-stock-num {
    display: none;
  }
}
    /* КОНЕЦ Автозаполнение*/
/*#endregion*/

/*#region  Аккаунт меню  */
#block-nostromo-account-menu > ul > li, 
#block-nostromo-account-menu-mobile > ul > li {  
  margin: 6px 0 0;
  background-image: url("../../../images/tactic/common/people-white-GxfqewT.svg");
  cursor: pointer;
  width: 29px;
  background-repeat: no-repeat;
  position: relative;
  background-size: 100%;
}
#block-nostromo-account-menu-mobile > ul > li {
  width: 29px;
  height: auto;
  background-size: 120%;
}

#block-nostromo-account-menu-mobile > ul > li > ul > li a {
  color: #333;
  font-size: 1.4em;
  padding: 13px 20px;
  font-weight: 600;
}
#block-nostromo-account-menu ul li ul,
#block-nostromo-account-menu-mobile ul li ul {
  display: none;
  position: absolute;
  z-index: 10;
  background-color: #fff;
  width: 200px;
  list-style-type: none;
  padding: 0;
  line-height: 1em;
  margin-top: 0;
  box-shadow: 0 0 3px 1px #ddddddab;
  left: -83px;
}
#block-nostromo-account-menu-mobile ul li ul {
  left: -153px;
}
#block-nostromo-account-menu > ul > li span,
#block-nostromo-account-menu-mobile > ul > li span {
  height: inherit;
  color:transparent;
}
/*#endregion*/

/*#region Соглашение COOCIES POP-AP окно*/
.eu-cookie-compliance-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
}
.eu-cookie-compliance-buttons button.agree-button {
    border-radius: 5px;
    padding: 5px 10px;
    background-color: #a9a9a9;
}
.eu-cookie-compliance-buttons button.decline-button {
    padding: 5px 10px;
    background: #a9a9a9 !important;
    border: none;
    box-shadow: none;
    text-shadow: none;
    font-weight: 300;
}
div#sliding-popup:has(.eu-cookie-compliance-banner) {
    background-color: #79797970;
}
.eu-cookie-compliance-message a {
    color: inherit;
    text-decoration: underline;
}
.eu-cookie-compliance-message h3,
.eu-cookie-compliance-message a {
 font-size: 16px;
}
/*#endregion*/

/*#region ТРОББЕР */
.loader1 {
width: 65px;
    height: 65px;
    border: 4px solid #f7f7f7;
    border-radius: 50%;
    display: inline-block;
    position: fixed;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    top: 45%;
    left: 50%;
    z-index: 9999;
    box-shadow: inset 0 0 2px #27234e8c;
    @media (max-width: 800px) {
      left: 41%;
    }
} 
.loader1::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-bottom-color: #FF3D00;
}
.loader1::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #4f01cc;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ajax-progress-throbber, /* скрываем AJAX троббер  */
.ajax-progress {
	display: none;
}
/*#endregion*/

/*#region СИСТЕМНЫЕ сообщения и Служебные страницы типа feeds и т.д. */
.alert-wrapper {
    position: relative;
    max-height: 100%;
    height: auto;
    z-index: 99;
}
.alert-wrapper .alert {
    display: flex;
}
.alert svg {
    max-width: 1rem;
    height: 1rem;
}
nav.action-links li a {
    background: #ffb38d;
    padding: 1px 7px;
    font-size: 0.9em;
    border: none;
    font-weight: 600;
}

nav.action-links li {
    margin-right: 10px;
}
nav.action-links {
    display: flex;
    margin: 10px;
}
/*#endregion */

@media (max-width:800px) {
  .col-xs-12 {
    width: 100%;
  }
  div#block-nostromo-tel-desktop,
  .region-top-header #block-nostromo-account-menu,
  .region-top-header #block-nostromo-korzina {
    display: none;
  }
}
 
@media (min-width:801px) {
  div#link-mobile,
  #block-nostromo-account-menu-mobile,
  #block-nostromo-korzina-mobile {
    display: none;
  }
}

/* .b24-window-panel-pos-center {
    height: 36em;
} */





/* remove Yandex Maps !!!!!!!!!!!!!!!!!!!!!!!!!! */
section.row.region.region-footer-fourth-2 {
    display: none;
}

/* === original/colors-legacy.css === */
/* ---------- Color Module Styles ----------- */

body {
  color: #3b3b3b;
  background: #292929;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

#navbar-top {
  background-color: #055a8e;
}

#navbar-main {
  background-color: #1d84c3;
}

a,
.link {
  color: #0071b3;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #018fe2;
}
.nav-item .dropdown-item a.active {
  color: white;
}
.nav-link {
  color: rgb(231, 231, 231);
}
.nav-link:hover,
.nav-link:focus {
  color: rgb(231, 231, 231);
}
a:active,
.link:active {
  color: #23aeff;
}

.page-item.active .page-link {
  background-color: #0071b3;
  border-color: #0071b3;
}

.page-link,
.page-link:hover {
  color: #0071b3;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #0256b1;
}

.site-footer {
  background: #27234e;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}


/* ---------- Color Form ----------- */

/* [dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
} */
