/*
#block-shakhtar-franchise-views-block-blog-carousel-block-1 .view-content {
  max-width: 20rem !important;
  margin: 0 auto;
}
*/

body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  padding-top: 75px;

}

body.path-frontpage #block-shakhtar-franchise-content {
  display: none;
}

.webform-confirmation-modal {
  border-radius: 1rem;
}

.site-footer {
  background: white;
}

.site-footer .footer-content {
  display: flex;
  flex-direction: column;
}

.site-footer .footer-content, .site-footer .footer-content a, .site-footer .footer-content a:hover, .site-footer .footer-content a:active, .site-footer .footer-content a:focus {
  color: #667085;
}

main {
  padding-bottom: 3rem;
}

img {
  height: auto;
  max-width: 100%
}

#block-shakhtar-franchise-breadcrumbs {
  display: none;
}

/* Masonry */
.masonry-item {
  padding: 0.5rem;
}

/* END Masonry */

/* ColorBox */
#cboxTitle {
  display: none !important;
}

/* END ColorBox */

/* Form */
.btn-primary {
  background-color: var(--active-color);
  color: white;
  border: none;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);

}

.form-control, .form-control:focus {
  background: white;
}

.form-check-input {
  width: 1.25em;
  height: 1.25rem;
  margin-left: -2.5em;
  background-image: none;
  border-radius: 0.125rem;
  border: 1px solid rgba(0, 0, 0, .15);
}

.form-check-input:checked {
  background-color: var(--active-color);
  background-image: none;
  border-radius: 0.125rem;
  border: 1px solid rgba(0, 0, 0, .15);
}

.form-check-input:checked[type="checkbox"] {
}

input[type="text"], input[type="email"] {
  height: 2.75rem;
  line-height: 2.75rem;
}

.form-control input {
  border-radius: 0.5rem;
}

.form-select {
  background-color: white;
  height: 2.75rem;
  border-radius: 0.5rem;
}

.form-select:hover, .form-select:focus {
  outline: none;
  box-shadow: none;
}

.form-control:focus {
  border: 1px solid var(--active-color);
  outline: 0;
  box-shadow: 0 1px 2px 0 var(--box-shadow-xs);

}

/* END Form */

.node--type-blog #block-shakhtar-franchise-pagetitle {
  display: none;
}

a.is-active {
  color: var(--active-color);
}

h1.title {
  margin: 1.5rem 0;
}

p.accent {
  display: block;
  background: var(--bg-accent-color);
  padding: 2rem;
}

blockquote {
  padding: 1rem 0 0.25rem 2rem;
  border-left: 2px solid var(--active-color);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x: 2rem;
}


.breadcrumb {
  background: none;
  padding: 0;
  margin: 0;
}

/* Header */
#header {
  font-weight: 600;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

#header .navbar-collapse {
  padding-top: 3rem;
  margin: 0 auto;
}

#header .navbar-brand img {
  width: 7.5rem;
}

#header-language-block {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}

#header-language-block nav {
  width: 100%;
}

#header-language-block a {
  text-decoration: none;
}

#header-language-block_email:before {
  content: "@";
  font-size: 1.25rem;
}

#header .language-link {
  text-decoration: none;
}

/* END Header */
/* Navigation */
#navbar-main {
  padding-top: 1.5rem;
  padding-bottom: 2rem;
}

.nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0;
}

.nav-link a {
  display: inline-block;
  padding: 0.5rem 1rem;
}

.navbar-nav .nav-item {
  padding-bottom: 2rem;
}

.navbar-toggler {
  border: none;
}

.navbar-toggler-icon {
  width: 1.25rem;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon {
  background-image: none;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon:before {
  content: "✕";
  display: inline-block;
  padding-top: 0.375rem;
  font-weight: 100;
}

.navbar-toggler:focus {
  box-shadow: none;
}

/* END Navigation */

.container, .container-sm {
  max-width: 375px;
}

/* Block Banner */
.block-banner {
  position: relative;
  overflow: hidden;
}

.block-banner .block-banner_background {
  height: 41rem;
  background-position: center;
  background-repeat: no-repeat;
}

.block-banner .block-banner_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
}

.block-banner .field--name-field-action a {
  padding: 1.125rem 3rem;
  font-size: 1.125rem;
  background: var(--active-color);
  color: #fff;
  text-decoration: none;
  line-height: 3.75rem;
  box-shadow: var(--box-shadow-sm);

}

.block-banner .field--name-field-action a:hover {
  text-decoration: none;
}

.block-banner .field--name-field-action {
  margin-top: 3rem;
}

/* END Block Banner */
/* Teaser */

.slick-track .teaser-thumb {
  margin-right: 1.5rem;
}

.teaser-thumb .teaser-image {
  position: relative;
}

.teaser-thumb .field--type-image {
  float: none;
  margin: 0;
}

.teaser-thumb .teaser-label {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  font-size: 0.875rem;
  background: var(--bg-label-white-opacity);
  backdrop-filter: blur(var(--bg-label-blur));
}

.teaser-thumb .teaser-label a, .teaser-thumb .teaser-label a:hover, .teaser-thumb .teaser-label a:active, .teaser-thumb .teaser-label a:focus {
  color: #fff;
  text-decoration: none;
}

.teaser-thumb .teaser-label .field {
  margin: 0;
}

.teaser-thumb .teaser-title {
  padding: 1rem 0 0.5rem;
}

.teaser-thumb .teaser-title a {
  text-decoration: none;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
  color: var(--teaser-title-color);
}

.teaser-thumb .node__links a, .teaser-thumb .node__links a:hover, .teaser-thumb .node__links a:active, .teaser-thumb .node__links a:focus {
  color: var(--active-link-color);
  position: relative;
  text-decoration: none;
  padding: 0 1.25rem 0 0;
}

.teaser-thumb .node__links a:after {
  position: absolute;
  right: 0;
  top: -0.125rem;
  content: url("data:image/svg+xml;utf8,<svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.833374 9.16671L9.16671 0.833374M9.16671 0.833374H0.833374M9.16671 0.833374V9.16671' stroke='%23CF5B04' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  display: inline-block;
}

/* --- Academy -- */
.node--teaser--academy {
  background: var(--var-bg-active);
  border: 1px solid var(--border-color-block);
  padding: 1rem 1.5rem;
  border-radius: 1rem;
}

.node--teaser--academy header {
  font-size: 1.125rem;
  font-weight: 600;
}

.node--teaser--academy .node__content {
  padding-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem
}

.node--teaser--academy .field--name-field-telephone, .node--teaser--academy .field--name-field-email {
  padding-left: 2.25rem;
  position: relative;
  height: 1.25rem;
}

.node--teaser--academy .field--name-field-telephone:before, .node--teaser--academy .field--name-field-email:before {
  content: '';
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: 0.25rem;
  top: 0.125rem;
}

.node--teaser--academy .field--name-field-telephone:before {
  background: no-repeat center/contain var(--icon-phone);
}

.node--teaser--academy .field--name-field-email:before {
  background: no-repeat center/contain var(--icon-email);
}

.node--teaser--academy .social-links {
  display: flex;
  gap: 1rem;
}

.node--teaser--academy .social-links > div {
  height: 2.25rem;
  width: 2.25rem;
  position: relative;
}

.node--teaser--academy .social-links a {
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0.25rem;
  border: 1px solid var(--var-border-color-primary);
  border-radius: 0.5rem;
}

.node--teaser--academy .social-links a:before {
  content: '';
  display: block;
  width: 1.75rem;
  height: 1.75rem;
}

.node--teaser--academy .field--name-field-instagramm a:before {
  background: no-repeat center/contain url('/sites/default/files/ico/ico-instagram.png');
}

.node--teaser--academy .field--name-field-youtube a:before {
  background: no-repeat center/contain url('/sites/default/files/ico/ico-youtube.png');
}

.node--teaser--academy .field--name-field-facebook a:before {
  background: no-repeat center/contain url('/sites/default/files/ico/ico facebook.png');
}

.node--teaser--academy .field--name-field-web-site a:before {
  background: no-repeat center/contain url('/sites/default/files/ico/ico-www.png');
}

/* END Teaser */
/* Blog */
.node--type-blog #main {
  max-width: 80rem;
}

.node--type-blog .field--name-field-image {
  width: 100%;
  display: flex;
  justify-content: center;
}

.node--type-blog .field--name-field-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
  justify-content: center;
  align-items: center;
}

.node--type-blog .field--name-field-gallery .field__item {
  padding: 0.5rem;
  width: 33.33333%;
}

.node--type-blog .field--name-field-gallery .field__item img {
  width: 100%;
  margin: 0;
}

.node--type-blog .field--name-field-image {
  margin-bottom: 2rem;
}

.node--type-blog .field--name-body {
  max-width: 45rem;
  margin: 0 auto;
}

.term-blog-categories-menu .nav-link {
  line-height: 2.75rem;
  padding: 0 1rem;
  border-radius: 0.375rem;
}

.term-blog-categories-menu .active .nav-link {
  background: var(--active-color);
  color: white;
}

/* END Blog */

/* Term Country */
.page-vocabulary-countries .views-row {
  width: 100%;
  float: left;
  padding: 0.5rem;
}


/* END Term Country */

/* Map */
#block-shakhtar-franchise-worldmap .worldmap .is-selected {
  fill: var(--active-color);
}

#block-shakhtar-franchise-worldmap .header {
  background: var(--active-color);
  color: white;
  padding-top: 3rem;
  padding-bottom: 6rem;
}

#block-shakhtar-franchise-worldmap .header .info {
  max-width: 19rem;
  margin: 0 auto;
  font-size: 1.5rem;
  line-height: 1.375;
  display: flex;
  flex-direction: column;
}

#block-shakhtar-franchise-worldmap .header .info h2 {
  text-align: center;
  font-size: 1.5rem;
}

#block-shakhtar-franchise-worldmap .content {
  max-width: 19rem;
  margin: -4rem auto 0;
  border-radius: 1rem;
}

/* EТВ Map */

/* Slick Carousel */
.slick-track {
  display: flex;
}

.slick-slide, .slick-slide article {
  display: flex !important;
  height: auto;
  min-height: 100%;
  flex-direction: column;
}

.slick-slide .node__links {
  margin-top: auto;
}

/* END Slick Carousel */

/* Block Main Page */

#block-shakhtar-franchise-views-block-faq-block-block-1 {
  margin-top: 4rem;
}

#block-shakhtar-franchise-views-block-faq-block-block-1 h2 {
  text-align: center;
  margin-bottom: 3rem;
}

.view-faq-block {
  max-width: 48rem;
  margin: 0 auto;
}

.view-faq-block .view-content > div {
  margin-bottom: 1rem;
}

.view-faq-block .ui-accordion-content {
  background: var(--active-link-color);
  border: none;
  color: white;
  border-radius: 0 0 1rem 1rem;
}

.view-faq-block .ui-accordion-header {
  background: var(--var-bg-active);
  border: none;
  border-radius: 1rem;
  padding: 2rem 5rem 2rem 2rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.view-faq-block .ui-accordion-header-active {
  border-radius: 1rem 1rem 0 0;
  background: var(--active-link-color);
}

.view-faq-block .ui-accordion-header:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
  width: 1.25rem;
  height: 1.25rem;
  background: no-repeat center/contain var(--icon-accordion);
}

.view-faq-block .ui-accordion-header-active:after {
  background: no-repeat center/contain var(--icon-accordion-active);
}

/* END Block Main Page */
/* Teaser */
article.node--teaser {
  display: flex !important;
  height: auto;
  min-height: 100%;
  flex-direction: column;
}

article.node--teaser .node__links {
  margin-top: auto;
}

/* END Teaser */

/* Views */
/* Views Blog */
.view-blog-main-page .views-row, .page-vocabulary-blog-category .views-row {
  width: 100%;
  margin-bottom: 2rem;
}

.teaser-thumb {
  margin: 0;
}

.teaser-thumb img {
  width: 100%;
  margin: 0;
}

.view-blog-main-page .view-menu, .view-blog-main-page .view-filters {
  width: 50%;
  float: left;
}

.view-blog-main-page .view-filters form {
  display: flex;
  justify-content: end;
  align-items: center;
}

.view-blog-main-page .view-filters form > div {
  margin-bottom: 0 !important;
}

.view-blog-main-page .view-filters form #edit-title {
  padding-right: 40px;
  border-radius: 0.5rem 0 0 0.5rem;
}

.view-blog-main-page .view-filters form .form-control {
  background: #fff;
}

.view-blog-main-page #edit-actions {
  position: relative;
}

.view-blog-main-page .js-form-type-select {
  margin-bottom: 0 !important;
}

.view-blog-main-page #edit-actions button {
  position: absolute;
  background: none;
  box-shadow: none;
  border: none;
  outline: none;
  font-size: 0;
  width: 2.75rem;
  height: 2.75rem;
}

.view-blog-main-page #edit-actions button:hover, .view-blog-main-page #edit-actions button:focus {
  box-shadow: none;
  border: none;
  outline: none;
}

.view-blog-main-page #edit-actions #edit-reset {
  right: 2.75rem;
  top: 0;
}

.view-blog-main-page #edit-actions #edit-reset:after {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  content: '';
  width: 20px;
  height: 20px;
  background: no-repeat center/contain var(--icon-x);
}

.view-blog-main-page #edit-actions #edit-submit-blog-main-page {
  position: relative;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0 0.5rem 0.5rem 0;
  border-left: none;
  background: var(--var-bg-active);
}

.view-blog-main-page #edit-actions #edit-submit-blog-main-page:after {
  content: '';
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  width: 20px;
  height: 20px;
  background: no-repeat center/contain var(--icon-search);
}

.view-filters .form-item-title {
  margin-bottom: 0 !important;
}

/* Views Menu */
.view-blog-main-page .view-menu {
  padding-right: 1rem;
}

/* END Views Menu */

.view-top {
  width: 100%;
  margin-bottom: 2rem;
}

.view-blog-main-page .view-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/*
body.page-vocabulary-countries #block-shakhtar-franchise-content {
  background-image: url('/sites/default/files/2025-09/metric-section.jpg');
}
*/
/* END Views Blog */
.view-header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}

/* Views Main Page Gallery */
#block-shakhtar-franchise-views-block-main-page-gallery-block-1 {
  max-width: 75rem;
  margin: 3rem auto 0;
}

.view-main-page-gallery .views-field-nothing .field-content {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem
}

.view-main-page-gallery .views-field-nothing .field-content .masonry-column-1, .view-main-page-gallery .views-field-nothing .field-content .masonry-column-3 {
  width: 100%;
  margin-bottom: 1.5rem;
}

.view-main-page-gallery .views-field-nothing .field-content .masonry-column-2 {
  width: 100%;
  margin-bottom: 1.5rem;
}

.view-main-page-gallery .views-field-nothing .field-content > div {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0.75rem;
  gap: 1.5rem;
}

.view-main-page-gallery .views-field-nothing .field-content img {
  width: 100%;
  border-radius: 1rem;
}

.view-main-page-gallery .views-field-nothing .masonry-column-1 img:first-child, .view-main-page-gallery .views-field-nothing .masonry-column-3 img:last-child {
  aspect-ratio: 320/240;
}

.view-main-page-gallery .views-field-nothing .masonry-column-1 img:last-child, .view-main-page-gallery .views-field-nothing .masonry-column-3 img:first-child {
  aspect-ratio: 320/360;
}

.view-main-page-gallery .views-field-nothing .masonry-column-2 img {
  aspect-ratio: 528/300;
}

/* END Views Main Page Gallery */
#block-shakhtar-franchise-views-block-countries-block-block-1 {
  margin-top: 1rem;
}

#block-shakhtar-franchise-views-block-countries-block-block-1 .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#block-shakhtar-franchise-views-block-countries-block-block-1 .view-content > * {
  width: auto;
}

#block-shakhtar-franchise-views-block-countries-block-block-1 a {
  text-decoration: none;
}

/* END Views */
/* Pages */

/* Blog Page */
.node--type-blog .publish-date {
  text-align: center;
  color: var(--active-color);
}

.node--type-blog .field--name-title, .node--type-blog .field--name-field-subtitle, .node--type-blog .field--name-field-blog-category {
  display: block;
  max-width: 48rem;
  margin: 1rem auto;
  text-align: center;
}

.node--type-blog .field--name-field-blog-category {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.node--type-blog .field--name-field-blog-category a {
  text-decoration: none;
  padding: 0 1rem;
  display: inline-block;
  border-radius: 1rem;
  color: var(--active-link-color);
  background: #FFEFB9;
  border: 1px solid #FFC87C;
}

.node--type-blog .field--name-field-subtitle {
  color: var(--var-primary-color);
}

.node--type-blog .field--name-field-image-gallery {
  margin: 3rem 0;
}

/* END Blog Page */
/* Contact Page */
.page-node-type-contact .field--name-field-image {
  width: 100%;
}

/* END Pages */
#shakhtar_franchise_webformblock {
  margin-top: 4rem;
}

#shakhtar_franchise_webformblock .form-item-privacy-policy-policy {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem
}

#shakhtar_franchise_webformblock .form-item-privacy-policy-policy label {
  display: none;
}


@media (min-width: 992px) {
  body {
    padding-top: 105px;
  }

  .mobile {
    display: none !important;
  }

  .container, .container-sm {
    max-width: 960px;
  }

  #header-language-block {
    margin: 0;
  }

  #header-language-block nav {
    width: auto;
  }

  #header .header-header {
    display: none;
  }

  #header .navbar-collapse {
    padding: 0;
    width: 100%;
  }

  #header #block-shakhtar-franchise-main-menu {
    width: 40%;
  }

  #header #CollapsingNavbar .navbar-brand {
    flex-grow: 1;
  }

  #header #block-shakhtar-franchise-languageswitcher {
    width: 40%;
  }

  #navbar-main {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
  }

  #header-language-block {
    flex-direction: row;
  }

  #navbar-main .navbar-nav .nav-item {
    padding-bottom: 0;
  }

  #navbar-main .navbar-nav {
    border: none;
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 0;
    padding-right: 2rem;
  }

  /* Blog */
  #block-shakhtar-franchise-views-block-blog-carousel-block-1 {
    margin: -14rem auto 0;
    position: relative;
    max-width: 73rem;
  }

  /* END Blog */
  /* Views */
  /* Views Blog */
  .view-blog-main-page .views-row, .page-vocabulary-blog-category .views-row {
    width: 50%;
  }

  /* END Views Blog */
  /* END Views */
  /* Views Main Page Gallery */
  .view-main-page-gallery .views-field-nothing .field-content > div {
    width: auto;
  }

  .view-main-page-gallery .views-field-nothing .field-content .masonry-column-1, .view-main-page-gallery .views-field-nothing .field-content .masonry-column-3 {
    width: 27.74%
  }

  .view-main-page-gallery .views-field-nothing .field-content .masonry-column-2 {
    width: 44.51%;
    gap: 1.3rem;
  }

  /* END Views Main Page Gallery */
  #block-shakhtar-franchise-worldmap .header .info {
    flex-direction: row;
    max-width: 52rem;
    margin: 0 auto;
    font-size: 1.875rem;
    line-height: 1.375;
    justify-content: space-between;
    align-items: center;
  }

  #block-shakhtar-franchise-worldmap .content {
    max-width: 52rem;
    margin: -4rem auto 0;
  }

  .site-footer .footer-content {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }

  /* Term Country */
  .page-vocabulary-countries .views-row {
    width: 33.333%;
  }

  /* END Term Country */


}

@media (min-width: 1300px) {
  .container, .container-sm {
    max-width: 80rem;
  }

  /* Views Main Page Gallery */
  .view-main-page-gallery .views-field-nothing .field-content .masonry-column-2 {
    width: 44.51%;
    gap: 1.5rem;
  }

  #block-shakhtar-franchise-worldmap .header {
    padding-top: 5rem;
    padding-bottom: 8rem;
  }

  /* END Views Main Page Gallery */
  #block-shakhtar-franchise-worldmap .header .info {
    max-width: 70rem;
  }

  #block-shakhtar-franchise-worldmap .content {
    max-width: 70rem;
  }

}

@media (min-width: 1500px) {
  .container, .container-sm {
    max-width: 90rem;
  }

  #block-shakhtar-franchise-worldmap .content {
    max-width: 73rem;
  }

  /* Views */
  /* Views Blog */
  .view-blog-main-page .views-row, .page-vocabulary-blog-category .views-row {
    width: 33.3333%;
  }

  /* END Views Blog */
  /* END Views */

}

@media (max-width: 991px) {
  .desktop {
    display: none !important;
  }

  #header .navbar-collapse .navbar-brand {
    display: none;
  }
}

#shakhtar_franchise_webformblock .block-banner_background {
  height: 45rem;
}

#shakhtar_franchise_webformblock .block-banner_content .title {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.375rem;
  text-align: center;
  color: #fff;
  padding-top: 3rem;
  margin-bottom: 2rem;
}

#shakhtar_franchise_webformblock .field--type-webform {
  max-width: 20rem;
  background: var(--var-bg-active);
  margin: 0 auto;
  border-radius: 1rem;
  padding: 2.5rem 2rem;
  text-align: left;
}

#shakhtar_franchise_webformblock [id^="edit-privacy-policy--"] legend {
  display: none;
}

@media (min-width: 992px) {

  #shakhtar_franchise_webformblock .field--type-webform {
    max-width: 35rem;
    padding: 2.5rem 2rem;
  }


  #shakhtar_franchise_webformblock .block-banner_content .title {
    padding-top: 4rem;
    font-size: 2.25rem;
    line-height: 3rem;
  }
}