/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Grid system definition for the footer top and footer bottom layouts.
 */

/**
 * Creates stacking context ensuring that child elements can never appear in
 * front of mobile navigation.
 */

.site-footer {
  position: relative;
  z-index: 1;
}

.site-footer__inner {
  padding-block: var(--sp2);
  margin: 0 auto;
}

.region--footer-bottom .block-block-content{

}
#block-olivero-podval{
    text-align: center;
}

#block-olivero-myvkontaktefacebook ul.social li {
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  line-height: 18px;
  list-style: outside none none;
  margin: 0 0 0 10px;
  padding: 0 0 2px 30px;
}
#block-olivero-myvkontaktefacebook ul{
  margin: 0;
}

#block-olivero-myvkontaktefacebook ul.social li:first-child {
  background: rgba(0,0,0,0) url(/sites/default/files/facebook2.png) no-repeat scroll 0 0 / 20px auto;
  border: medium none;
  margin: 0;
  padding: 1px 0 2px 33px;
}
#block-olivero-myvkontaktefacebook ul.social li:nth-child(2) {
  background: rgba(0,0,0,0) url(/sites/default/files/inst.png) no-repeat scroll 0 -1px / 22px auto;
}
#block-olivero-myvkontaktefacebook ul.social li:nth-child(3) {
  background: rgba(0,0,0,0) url(/sites/default/files/teleg.png) no-repeat scroll 0 0px / 20px auto;
}
@media (min-width: 75rem) {
  .site-footer__inner {
    padding-block: var(--sp4) var(--sp13);
  }
  
  .region--footer-bottom{
    display: flex;
    grid-column-gap: unset;
    flex-wrap: wrap;
  }
  
  #block-olivero-myvkontaktefacebook,
  #block-olivero-bottom-menu{
  display: inline-flex;
  width: 49%;
  }
}

.region--footer_top__inner > *,
.region--footer_bottom__inner > * {
  margin-block-end: var(--sp2);
}

@media (min-width: 43.75rem) {
  .region--footer_top__inner > *,
  .region--footer_bottom__inner > * {
    flex: 1;
    margin-block-end: 0;
  }

  .region--footer_top__inner > *:not(:last-child),
  .region--footer_bottom__inner > *:not(:last-child) {
    margin-inline-end: var(--sp2);
  }
}

@media (min-width: 43.75rem) {
  .region--footer_top__inner,
  .region--footer_bottom__inner {
    display: flex;
    flex-wrap: wrap;
  }
}