/**
 * @file
 * Subtheme specific CSS.
 */

/* #### Generated By: http://www.cufonfonts.com #### */

@font-face {
  font-family: "Aller";
  font-style: normal;
  font-weight: normal;
  src: local("Aller"),
    url("/themes/contrib/fact_barrio/fonts/Aller_Rg.woff") format("woff");
}

@font-face {
  font-family: "Aller Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Italic"),
    url("/themes/contrib/fact_barrio/fonts/Aller_It.woff") format("woff");
}

@font-face {
  font-family: "Aller Bold";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Bold"),
    url("/themes/contrib/fact_barrio/fonts/Aller_Bd.woff") format("woff");
}

@font-face {
  font-family: "Aller Bold Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Bold Italic"),
    url("/themes/contrib/fact_barrio/fonts/Aller_BdIt.woff") format("woff");
}

@font-face {
  font-family: "Aller Display";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Display"),
    url("/themes/contrib/fact_barrio/fonts/AllerDisplay.woff") format("woff");
}

@font-face {
  font-family: "Aller Light Italic";
  font-style: normal;
  font-weight: normal;
  src: local("Aller Light Italic"),
    url("/themes/contrib/fact_barrio/fonts/Aller_LtIt.woff") format("woff");
}

/* Colors */

.header {
  background-color: #000;
}

.header .nav-link {
  color: #fff;
}

.layout-main-wrapper {
  background-color: var(--bs-dark);
}

.site-footer {
  background-color: #000;
}

/* Provizorně */
.navbar-toggler-icon {
  background-color: #fff;
}

/* Skrytí nadpisů stránek */
h1.title {
  display: none;
}

/* Ale ne pro galerie */
.page-vocabulary-galerie h1.title {
  display: block;
}

/* header */
#navbar-main {
  display: block;
}

#navbar-main .container {
  flex-wrap: wrap;
  padding-left: 0;
  padding-right: 0;
}

#navbar-main .page--header {
  background-image: url(/themes/contrib/fact_barrio/img/header_background.jpg);
  background-position: center;
  background-repeat: no-repeat;
}

a.navbar-brand {
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 16rem;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}
a.navbar-brand:hover {
  color: #fff;
}

a.navbar-brand img {
  display: none !important;
}

/* Menu */

.menu--main {
  background-color: black;
}

.menu--main .navbar-nav {
  justify-content: space-between;
}

.menu--main .nav-item {
  flex: 1;
  text-align: center;
}

.menu--main .nav-link {
  text-transform: lowercase;
}

.nav-link--::before {
  display: none !important;
}

.nav-link-- {
  color: transparent !important;
  flex: 2;
  position: relative;
}

.nav-link--home {
  position: relative;
  color: transparent !important;
}

.nav-link--::after {
  content: url(/themes/contrib/fact_barrio/logo.svg);
  display: inline-block;
  position: absolute;
  top: -130%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
}

.nav-link--home::after {
  content: url(/themes/contrib/fact_barrio/logo.svg);
  display: inline-block;
  position: absolute;
  top: -130%;
  left: 70%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 10;
}

.nav-link-https--wwwfacebookcom-factorialorchestra-,
.nav-link-https--wwwinstagramcom-factorial-orchestra-hlcs,
.nav-link-https--wwwyoutubecom-channel-ucpcuqp0wtkzyk6cnty3oacq {
  font-size: 0;
  line-height: 1rem;
}

.nav-link-https--wwwfacebookcom-factorialorchestra-::after {
  content: url(/themes/contrib/fact_barrio/img/facebook_white_icon.svg);
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  top: 0.2rem;
}

.nav-link-https--wwwinstagramcom-factorial-orchestra-hlcs::after {
  content: url(/themes/contrib/fact_barrio/img/instagram_white_icon.svg);
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  top: 0.2rem;
}

.nav-link-https--wwwyoutubecom-channel-ucpcuqp0wtkzyk6cnty3oacq::after {
  content: url(/themes/contrib/fact_barrio/img/yt_white_icon.svg);
  margin-left: 0.5em;
  display: inline-block;
  position: relative;
  top: 0.2rem;
}

/* Na mobilu tyto položky hlavního menu skryjeme */
.menu--main .nav-item--,
.menu--main .nav-item-https--wwwfacebookcom-factorialorchestra-,
.menu--main .nav-item-https--wwwyoutubecom-channel-ucpcuqp0wtkzyk6cnty3oacq,
.menu--main .nav-item-https--wwwinstagramcom-factorial-orchestra-hlcs {
  display: none;
}

.page--menu {
  position: relative;
}

/* Stejně široké logo a menu socek na mobilu */
.nav-link--home {
  flex-basis: 30%;
}

.menu--secondary {
  flex-basis: 30%;
  z-index: 10; /* Aby ho nezakrylo rozbalené menu na mobilu */
}

.menu--secondary .nav-link {
  flex: 1;
}

/* Zarovnání položek menu socek */
.menu--secondary ul {
  justify-content: space-between;
}

.region-secondary-menu {
  margin-left: 0;
  margin-right: 0;
}

/* Jednotlivé stránky */

/* Akce */

.akce__button {
  min-width: 2.4rem;
}

.akce__control {
  font-size: 1.4em;
}

.btn[aria-expanded="false"] .akce__control--collapse {
  display: none;
}

.btn[aria-expanded="true"] .akce__control--expand {
  display: none;
}

#views-exposed-form-seznam-akci-block-1 .form-row {
  display: flex;
}

.fieldset-wrapper > [id^="edit-field-datum-akce-value"] {
  display: flex;
}

#edit-action {
  margin-left: 3rem;
}

.form-item-field-datum-akce-value {
  margin-right: 1rem;
}

.view-filters {
  padding-left: 1rem;
  padding-top: 1rem;
}

#views-exposed-form-seznam-akci-block-1 .btn-primary {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

#views-exposed-form-seznam-akci-block-1 .form-check-input:checked {
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}

/* Podbarvení stránek */
.page-vocabulary-galerie main,
.page-node-1 main,
.page-node-2 main,
.page-node-7 main,
.page-node-13 main,
.page-node-15 main {
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

/* Media queries */
/* Ekvivalent -lg  breakpointu*/
@media only screen and (min-width: 992px) {
  .menu--main .nav-item {
    text-align: center;
  }

  /* Zobraz v menu odkazy na socky a na home (logo) */
  .menu--main .nav-item--,
  .menu--main .nav-item-https--wwwfacebookcom-factorialorchestra-,
  .menu--main .nav-item-https--wwwyoutubecom-channel-ucpcuqp0wtkzyk6cnty3oacq,
  .menu--main .nav-item-https--wwwinstagramcom-factorial-orchestra-hlcs {
    display: list-item;
  }

  .nav-link--home {
    display: none; /* Na desktopu skryjeme */
  }
}

@media only screen and (max-width: 991px) {
  #CollapsingNavbar {
    position: absolute;
    left: 0;
    right: 0;
    top: 3rem;
    z-index: 5;
  }
  nav.menu--main {
    margin-left: 0 !important;
  }
}