:root {
  --beo-body-bg: #ffffff;
  --beo-body-color: #333333;
  --beo-primary: #437a9e;
  --beo-primary-hover: #396886;
  --beo-light: #f7f8fa;
  --beo-dark: #03375c;
}

@media(min-width:1200px){
  html{
    min-height: 100%;
  }
  body{
    min-height: 100%;
    height: 100vh;
  }
  .dialog-off-canvas-main-canvas{
    min-height: 100%;
    height: 100%;
  }
  .layout-container{
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
  footer{
    margin: auto 0 0;
  }
}


body {
  background-color: var(--beo-body-bg);
  color: var(--beo-body-color);
}

.text-primary {
  color: #437a9e !important;
}

.bg-primary {
  background-color: #437a9e !important;
}

.text-primary-hover {
  color: #396886 !important;
}

.bg-primary-hover {
  background-color: #396886 !important;
}

.text-light {
  color: #f7f8fa !important;
}

.bg-light {
  background-color: #f7f8fa !important;
}

.text-dark {
  color: #03375c !important;
}

.bg-dark {
  background-color: #03375c !important;
}

.btn-primary {
  --beo-btn-bg: #437a9e;
  --beo-btn-border-color: #437a9e;
  --beo-btn-hover-bg: #396886;
  --beo-btn-hover-border-color: #396886;
}

.btn-outline-primary,
.btn-outline-primary:focus {
  --beo-btn-color: #437a9e;
  --beo-btn-border-color: #437a9e;
  --beo-btn-hover-color: #ffffff;
  --beo-btn-hover-bg: #396886;
  --beo-btn-hover-border-color: #396886;
}

.btn-check:focus + .btn-primary,
.product--rendered-attribute .form-radio:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-check:focus + .btn-outline-primary,
.product--rendered-attribute .form-radio:focus + .btn-outline-primary,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);
}

.region-top-bar {
  background: #f7f8fa !important;
  border-bottom: solid 1px #437a9e;
}
@media(min-width:1200px){
  .region-top-bar {
    height: auto;
  }
}

@media(min-width:1200px){
  .page-front .region-top-bar{
    padding: 20px 0!important;
  }
}

.site-logo{
  display: block;
  max-width: 200px;
}
@media(min-width: 375px){
  .site-logo{
    max-width: 260px;
  }
}
@media(min-width: 768px){
  .site-logo{
    max-width: unset;
  }
}
.site-logo svg,
.site-logo img{
  max-width: 100%;
  height: auto;
}

@media(min-width:1200px){
  .site-logo img {
    width: 600px;
  }
}

@media(min-width:1200px){
  header .menu--main{
    padding: 8px;
    border: solid 1px #437a9e;
    border-radius: 8px;
    background: #f7f8fa;
  }
}
@media(min-width:1200px){
  #block-signmedia-main-menu{
    padding-top: 30px;
  }
}

.region-navigation.offcanvas-start .block-menu:not(.menu--social) .nav-item .btn.nav-link{
  background-color: #dc2323;
  border-color: #dc2323;
}

@media(max-width:1199px){
  .region-header{
    display: none;
  }
}

.mt-lg-4.region-header{
  margin: 0!important;
}

#block-signmedia-fronttopblock{
  padding: 0 20px;
  text-align: center;
  margin: 48px auto 40px;
}

@media(min-width:1200px){
  #block-signmedia-fronttopblock,
  .into-text{
    font-size: 24px;
  }
  #block-signmedia-fronttopblock{
    max-width: 900px;
    margin: 48px auto 0;
  }
  #block-signmedia-fronttopblock p{
    margin: 0;
  }
}

.region-footer.py-5{
  padding: 0!important;
}

.region-footer .menu--footer {
  padding: 10px 0 10px;
}

@media(min-width:1100px){
  .region-footer .menu--footer ul.nav{
    display: flex;
    justify-content: space-between;
  }
}
@media(max-width:767px){
  .region-footer nav.menu--social ul.nav{
      margin-bottom: 15px;
    }
  }
@media(min-width:768px){
.region-footer nav.menu--social ul.nav{
    justify-content: flex-end;
  }
}
@media(min-width:992px){
.region-footer nav.menu--social ul.nav{
    flex-wrap: nowrap;
  }
}
.region-footer .menu--footer .nav-link {
  font-weight: bold;
  margin: 0 3px 5px;
}

footer .contentinfo {
  border-top: white 2px solid;
}

.leaflet-map-container {
  min-height: 500px;
}