:root {
  --color-primary: #e3221d;
  --color-secondary: #b3272d;
  --color-tertiary: #1e242b;
  --color-quaternary: #333e47;
  --color-quinary: #7c858b;
  --color-senary: #c3c5c8;
  --color-septenary: #d2d4d3;
  --color-white: #ffffff;
  --font-text: 'Poppins';
  --font-heading: 'Poppins';
  --font-secondary: 'Libre Baskerville';
  --dark: #1e242b;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

@media (max-width: 1399.98px) {
    html {
      font-size: 15px;
    }
}

@media (max-width: 1199.98px) {
    html {
      font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    html {
      font-size: 16px;
    }
}

body{
    background-color: #e8eae9;
    color: var(--color-tertiary);
}

.main-wrapper{
    padding: 6rem 0 0;
}

.field--name-body{
    background-color: var(--color-white);
    padding: 2.5rem 3.5rem 3.5rem 3.5rem;
}

p {
  margin: 0 0 1.2rem 0;
}

a{
    color: var(--color-primary);
}

button::before, .button::before, .button-primary::before, .button-secondary::before, .button-dark::before,
.footer .block-title::before, .sidebar .block-title::before, .content-block .block-title::before,
.footer .block-title::after, .sidebar .block-title::after, .content-block .block-title::after,
.footer li::before, .sidebar li::before,
.footer li::after, .sidebar li::after{
    display: none;
}

.site-logo img{
    width: 10rem;
}

header.header{
    background-color: var(--color-tertiary);
    color: var(--color-white);
}

.footer{
    background-color: var(--color-tertiary);
    color: var(--color-white);
    padding: 0;
}

.footer-top{
    border-top: 1px solid var(--color-quaternary);
    border-bottom: 1px solid var(--color-quaternary);
    padding: 2rem 0;
}

.footer-top .footer-second-menu .menu{
    display: flex;
    align-items: center;
    gap: 2rem;
}

.footer-bottom{
    padding: 2rem 0 3rem;
}

footer .menu li a{
    color: var(--color-white);
}

.highlighted{
    background-color: var(--color-white);
}

.page-header,
.slider{
    background: none;
}

.region-primary-menu{
    display: flex;
    align-items: center;
    gap: 2rem;
}

.region-primary-menu .menu > li > a{
    color: var(--color-white);
}

.region-primary-menu .menu > li::after{
    display: none;
}

.region-primary-menu .submenu{
    background-color: var(--color-tertiary);
}

.region-primary-menu .menu .submenu a{
    color: var(--color-white);
}

.region-primary-menu .menu .submenu a:hover{
    color: var(--color-white);
}

.language-switcher-language-url .links{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.language-switcher-language-url .links li{
    border-right: 1px solid var(--color-quinary);
    padding-right: 1rem;
}

.language-switcher-language-url .links li:last-child{
    border-right: 0;
    padding-right: 0;
    margin-left: 1rem;
}

.language-switcher-language-url .links li a{
    color: var(--color-quinary);
    font-size: 0.875rem;
    display: block;
}

.language-switcher-language-url .links li a.is-active{
    color: var(--color-white);
}

h1, .h1 {
  font-size: 3rem; /* z pôvodných 4.5rem */
  line-height: 120%;
  font-family: var(--font-text);
  margin: 2.5rem 0 1.25rem; /* top margin 2.5rem, bottom 1.25rem */
}

h2, .h2 {
  font-size: 2.25rem; /* z pôvodných 3rem */
  line-height: 125%;
  font-family: var(--font-text);
  margin: 2rem 0 1rem;
}

h3, .h3 {
  font-size: 1.25rem; /* z pôvodných 1.5rem */
  font-family: var(--font-text);
  line-height: 140%;
  margin: 1.5rem 0 0.75rem;
}

.paragraph--big{
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 165%;
}

.paragraph--normal{
    font-weight: 400;
    font-size: 1rem;
}

.paragraph--small{
    font-weight: 400;
    font-size: 0.875rem;
}

.paragraph--mini{
    font-weight: 300;
    font-size: 0.75rem;
}

.container,
#block-mahiprolw-primary-local-tasks{
  width: 100% !important;
  padding: 0 1.5rem;
  max-width: 540px !important;   /* XS: <576px */
}

@media (min-width: 576px) {
  .container,
  #block-mahiprolw-primary-local-tasks{
    max-width: 540px !important;   /* SM: ≥576px */
  }
}

@media (min-width: 768px) {
  .container,
  #block-mahiprolw-primary-local-tasks{
    max-width: 720px !important;   /* MD: ≥768px */
  }
}

@media (min-width: 992px) {
  .container,
  #block-mahiprolw-primary-local-tasks{
    max-width: 960px !important;   /* LG: ≥992px */
  }
}

@media (min-width: 1200px) {
  .container,
  #block-mahiprolw-primary-local-tasks{
    max-width: 1140px !important;  /* XL: ≥1200px */
  }
}

@media (min-width: 1400px) {
  .container,
  #block-mahiprolw-primary-local-tasks{
    max-width: 1320px !important;  /* XXL: ≥1400px */
  }
}


.btn--primary{
    transition: all 0.3s ease;
    background-color: var(--color-primary);
    color: var(--color-tertiary);
    font-size: 1.125rem;
    padding: 0.625rem 2.5rem;
    display: inline-flex;
    align-items: center;
}
.btn--primary:hover,
.btn--primary:active,
.btn--primary:focus{
    background-color: var(--color-primary);
    color: var(--color-tertiary);
}

.btn--secondary{
    transition: all 0.3s ease;
    background-color: var(--color-secondary);
    color: var(--color-tertiary);
    font-size: 1.125rem;
    padding: 0.625rem 2.5rem;
    display: inline-flex;
    align-items: center;
}
.btn--secondary:hover,
.btn--secondary:active,
.btn--secondary:focus{
    background-color: var(--color-secondary);
    color: var(--color-tertiary);
}

.btn--tertiary{
    transition: all 0.3s ease;
    background-color: var(--color-tertiary);
    color: var(--color-tertiary);
    font-size: 1.125rem;
    padding: 0.625rem 2.5rem;
    display: inline-flex;
    align-items: center;
}
.btn--tertiary:hover,
.btn--tertiary:active,
.btn--tertiary:focus{
    background-color: var(--color-tertiary);
    color: var(--color-tertiary);
}

.section-normal{
    padding: 4rem 0;
}

.section-big{
    padding: 9rem 0;
}

.mb-45{
    margin-bottom: 2.5rem;
}

.img-portrait{
    aspect-ratio: 3/4;
    object-fit: cover;
}

.img-landscape{
    aspect-ratio: 16/9;
    object-fit: cover;
}

.img-43{
    aspect-ratio: 4/3;
    object-fit: cover;
}

.img-radius{
    border-radius: 0.625rem;
}

.mb-6{
    margin-bottom: 6rem;
}


/* Scrolltop icon display fix */
.mm-wrapper--position-left .mm-slideout, .mm-wrapper--position-right .mm-slideout{
    transform: none;
}

.scrolltop{
    bottom: 0;
    top: 50%;
    right: 1.25rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    opacity: 0.8;
}

.scrolltop:hover{
    opacity: 1;
}


/* admin pages styles fixes */

.user-logged-in .mm-page{
    padding-top: 0 !important;
}

.user-logged-in .header{
    top: 3.75rem;
}

.trigger{
   /*clip: initial !important;*/
}

.view-blog{

}

.views-view-responsive-grid__item-inner{
    background-color: var(--color-white);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.view-blog .views-view-responsive-grid__item .views-field-field-image{
    border-radius: 0;
    aspect-ratio: 16/9;

}

.view-blog .views-view-responsive-grid__item .views-field-field-image .field-content a:after{
    display: block;
    content: "";
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .35), transparent 75%);
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 1;
    transition: all .3s ease-in-out;
}

.view-blog .views-view-responsive-grid__item:hover .views-field-field-image .field-content a:after{
    opacity: 0.6;
}

.view-blog .views-view-responsive-grid__item .views-field-field-image .field-content{
    height: 100%;
}

.view-blog .views-view-responsive-grid__item .views-field-field-image .field-content a{
    display: block;
    height: 100%;
    position: relative;
}

.view-blog .views-view-responsive-grid__item .views-field-field-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-blog .views-view-responsive-grid__item .views-field-title{
    padding: 1.5rem 1.25rem 1.25rem;
    font-size: 1.25rem;
    color: var(--color-tertiary);
    font-weight: 600;
    line-height: 150%;
}

.view-blog .views-view-responsive-grid__item .views-field-title a{
    color: var(--color-tertiary);
}

.view-blog .views-view-responsive-grid__item .views-field-title a:hover{
    color: var(--color-primary);
}

.view-blog .views-view-responsive-grid__item .views-field-field-uvodnik{
    padding: 0 1.25rem;
    font-size: 1rem;
    line-height: 150%;
}

.view-blog .views-view-responsive-grid__item .views-field-nothing{
    padding: 0 1.25rem 1rem;
    font-size: 0.813rem;
    color: var(--color-quinary);
    margin-top: auto;
}

.field--name-body ul,
.field--name-body ol{
    margin-bottom: 2rem;
}

.field--name-body ul{
    padding: 0;
}

.field--name-body ul li{
    position: relative;
    padding-left: 1.5rem;
    list-style: none;
}

.field--name-body ul li::before{
    content: "✔"; /* Alternatívne môžeš použiť Unicode napr. "\2713" */
    position: absolute;
    left: 0;
    color: var(--color-primary);
}

.node-content{
    gap: 0;
}

.page-node-3 .node-content,
.page-node-7 .node-content,
.page-node-13 .node-content{
    flex-direction: row;
}

.page-node-7 .node-content .field--name-body{
    order: 2;
}

.page-node-7 .field--name-field-webformular{
    order: 1;
}

.page-node-3 .node-content .field--name-body,
.page-node-7 .node-content .field--name-body,
.page-node-13 .node-content .field--name-body{
    background-color: transparent;
    padding: 3.5rem 3.5rem 3.5rem 0;
    width: 50%;
    flex: 0 0 50%;
}

.page-node-7 .node-content .field--name-body,
.page-node-3 .node-content .field--name-body{
    background-color: var(--color-tertiary);
    color: var(--color-white);
    padding: 3rem;
}

.page-node-7 .node-content .field--name-body h2,
.page-node-3 .node-content .field--name-body h2,
.page-node-3 .node-content .field--name-body strong{
    color: var(--color-white);
}

.page-node-3 .node-content .field--name-body h2,
.page-node-7 .node-content .field--name-body h2,
.page-node-13 .node-content .field--name-body h2{
    margin-top: 0 !important;
}

.field--name-field-webformular{
    background-color: var(--color-white);
    padding: 3rem;
    width: 50%;
    flex: 0 0 50%;
}

.field--name-field-webformular .form-no-label{
  font-size: 2rem;
  font-family: var(--font-text);
  font-weight: 700;
  line-height: 144%;
  margin-bottom: 1.5rem;
  color: var(--color-tertiary);
}

.field--name-field-webformular .webform-button--submit{
   /* width: 100%;*/
       padding: 0.875rem 2rem !important;
}

.region-content-top .block, .region-content-bottom .block{
    background-color: var(--color-white);
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}



/* Paragraphs */

.paragraph{

}

.taxonomy-term::before{
    display: none;
}

.paragraph--type--left-text-and-right-image{
    display: flex;
    align-items: center;
    margin: 5rem 0;
}

.paragraph--type--left-text-and-right-image .field--name-field-text-left{
     flex: 1;
     padding: 3rem;
}

.paragraph--type--left-text-and-right-image .field--name-field-text-left h6{
     color: var(--color-primary);
     text-transform: initial;
     margin-bottom: 1.25rem;
}


.paragraph--type--left-text-and-right-image .field--tags{
     flex: 1;
    /* overflow: hidden;*/
}

.paragraph--type--left-text-and-right-image .field--name-field-media-image .field-item{
    aspect-ratio: 4/3;
}

.paragraph--type--left-text-and-right-image .field--name-field-media-image .field-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.paragraph--type--right-text-and-left-image{
    display: flex;
    align-items: center;
    margin: 5rem 0;
}

.paragraph--type--right-text-and-left-image .field--name-field-text{
    flex: 1;
    padding: 3rem;
}

.paragraph--type--right-text-and-left-image .field--name-field-text h6{
     color: var(--color-primary);
     text-transform: initial;
     margin-bottom: 1.25rem;
}

.paragraph--type--right-text-and-left-image .field--tags{
    flex: 1;
}

.paragraph--type--right-text-and-left-image .field--name-field-media-image .field-item{
    aspect-ratio: 4/3;
}

.paragraph--type--right-text-and-left-image .field--name-field-media-image .field-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.paragraph--type--centered-text{
    margin: 5rem 0;
    padding: 3.5rem;
    background-color: var(--color-white);
}

.paragraph--type--centered-text h6{
     color: var(--color-primary);
     text-transform: initial;
     margin-bottom: 1.25rem;
}

.node-wrap{
    background-color: var(--color-white);
    padding: 3.5rem;
}

.node-perex{
    margin-bottom: 1.5rem;
}

.node-title h1{
    margin-top: 0;
}

.page-type-article .page-header{
    display: none;
}

.page-type-article .node-img{
   aspect-ratio: 16/9;
}

.page-type-article .node-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

.page-type-article .node-img .field--name-field-image{
    height: 100%;
}

.page-type-article .node-img .field--name-field-image a{
    display: block;
    height: 100%;
}

.page-type-article .node-meta{
    color: var(--color-tertiary);
    padding: 0;
    margin-bottom: 1rem;
}

.page-type-article .node-author{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-type-article .node-date{
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.page-type-article .field--name-body{
    padding: 0;
}

.page-type-article .field--name-body h2{
   /* font-size: 1.5rem;*/
    /*margin-bottom: 1.25rem;*/
}

.page-type-sluzba .main-wrapper{
    padding-top: 0;
}

.page-type-sluzba article .node-header{
   padding: 7rem 0 7rem 0;
   position: relative;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   overflow: hidden;
}

.page-type-sluzba article .node-header:before{
   content: '';
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   background-color: var(--color-tertiary);
   opacity: 0.6;
}

page-type-sluzba article .node-header .container{
    position: relative;
    z-index: 1;
}

.page-type-sluzba article .node-header h1{
    color: var(--color-white);
}

.page-type-sluzba article .node-header p{
    color: var(--color-white);
}

.page-type-sluzba article .node-benefits{
    margin-top: -3rem;
    margin-bottom: 4rem;
}

.page-type-sluzba .benefits .benefits-item{
    background-color: var(--color-white);
    padding: 2rem;
    border-bottom: 5px solid var(--color-primary);
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}

.page-type-sluzba .benefits .benefits-item-left{
    flex: 0 0 auto;
}

.page-type-sluzba .benefits .benefits-item-left svg{
    height: 2.25rem;
    color: var(--color-secondary);
}

.page-type-sluzba .benefits .benefits-item-right{
    flex: 1 0 0%;
    padding-left: 1.25rem;
}

.page-type-sluzba .benefits .benefits-item-right h3{
    margin-top: 0;
}

.page-type-sluzba .node-content{
   /* margin-bottom: 4rem;*/
}

.page-type-sluzba .node-content .field--name-body{
    border-bottom: 5px solid var(--color-primary);
}

#block-mahiprolw-kontaktnpodblogovymiclankami .field--name-body {
	padding: 0 3.5rem 3.5rem 3.5rem;
}

#block-mahiprolw-bannernakontaktnustranku,
#block-mahiprolw-bannertocontactpage{
    background-color: var(--dark);
    margin-bottom: -4rem;
}

#block-mahiprolw-bannernakontaktnustranku,
#block-mahiprolw-kontakty,
#block-mahiprolw-bannertocontactpage,
#block-mahiprolw-contacts{
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0 !important;
}

#block-mahiprolw-bannernakontaktnustranku .call-to-action,
#block-mahiprolw-bannertocontactpage .call-to-action{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#block-mahiprolw-bannernakontaktnustranku .call-to-action .list-check,
#block-mahiprolw-bannertocontactpage .call-to-action .list-check{
    margin-bottom: 0;
}

#block-mahiprolw-bannernakontaktnustranku .contextual,
#block-mahiprolw-kontakty .contextual,
#block-mahiprolw-bannertocontactpage .contextual,
#block-mahiprolw-contacts .contextual{
    right: 3rem;
}

#block-mahiprolw-bannernakontaktnustranku .field--name-body,
#block-mahiprolw-bannertocontactpage .field--name-body{
    padding: 0;
    background-color: transparent;
}

.view-sluzby .views-field-nothing,
.view-services .views-field-nothing{
    height: 100%;
}

.service-item{
    position: relative;
    height: 100%;
}

.service-item:hover .service-item-img img{
    transform: scale(1.1);
}

.service-item .service-item-img{
    overflow: hidden;
    aspect-ratio: 16/9;
}

.service-item .service-item-img a{
    display: block;
    height: 100%;
}

.service-item .service-item-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}

.service-item .service-item-content{
   padding: 1rem 2rem 3rem 2rem;
}

.service-item .service-item-content h3{
    margin-bottom: 0.875rem;
    font-size: 1.125rem;
    color: var(--color-tertiary);
}

.service-item .service-item-content h3 a{
    color: var(--color-tertiary);
}

.service-item .service-item-content .button{
    display: none;
}

.service-item .service-item-content .service-item-link{
    position: absolute;
    bottom: 0;
    left: 0;
}

.service-item .service-item-content .service-item-link a{
    border-radius: 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 2rem;
    background-color: var(--color-primary);
}

.service-item .service-item-content .service-item-link a:after{
    content: '';
    mask-image: url(../svg/arrow-right-long-solid.svg);
    width: 1.25rem;
    height: 1.25rem;
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: var(--color-white);
}

.view-sluzby .view-header,
.view-services .view-header{
    height: 100%;
    text-align: center;
    margin-bottom: 3rem;
}

.view-sluzby .view-header strong,
.view-services .view-header strong{
    color: var(--color-primary);
    font-size: 0.875rem;
    display: block;
    margin-bottom: 1.25rem;
}

.view-sluzby .view-header h2,
.view-services .view-header h2{
    margin-top: 1rem;
}

.page-header.has-bg{
    position: relative;
    padding: 5rem 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.page-header.has-bg:before{
   content: '';
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   position: absolute;
   background-color: var(--color-tertiary);
   opacity: 0.6;
}

.header{
    padding: 0;
    gap: 0;
}

.header-main{
    padding: 1.5rem 0;
}

.frontpage .main-wrapper{
    padding-top: 0;
}


#block-mahiprolw-komplexnastarostlivostfinancneriadenie,
#block-mahiprolw-comprehensivecarefinancialmanagement{
    margin: 5rem 0 4rem;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body{
    padding: 0 !important;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table{
    margin: 0;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr{
    display: flex;
    align-items: normal;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr{
    margin-top: 0;
    color: var(--color-white);
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr td,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr td{
    padding: 0;
    border: 0;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr td:first-child,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr td:first-child{
    background-color: var(--color-tertiary);
    color: var(--color-white);
    flex: 1;
    padding: 3rem;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr td:last-child,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr td:last-child{
    flex: 1;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr td:last-child div,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr td:last-child div{
    height: 100%;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr td:last-child .field--name-field-media-image img,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr td:last-child .field--name-field-media-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
}

#block-mahiprolw-komplexnastarostlivostfinancneriadenie .field--name-body table tbody tr h2,
#block-mahiprolw-comprehensivecarefinancialmanagement .field--name-body table tbody tr h2{
    margin-top: 0;
    color: var(--color-white);
}

.frontpage #block-mahiprolw-content .field--name-field-text-left{
    background-color: var(--color-tertiary);
    color: var(--color-white);
}

.frontpage #block-mahiprolw-content .field--name-field-text-left > *{
    color: var(--color-white);
}

.frontpage #block-mahiprolw-content .field--name-field-text-left h2{
    margin-top: 0;
}

.frontpage #block-mahiprolw-content .field--tags .taxonomy-terms,
.frontpage #block-mahiprolw-content .field--tags .taxonomy-term > div,
.frontpage #block-mahiprolw-content .field--tags .taxonomy-term .field--name-field-media-image,
.frontpage #block-mahiprolw-content .field--tags .taxonomy-term .field--name-field-media-image .field-item{
    height: 100%;
}

#block-mahiprolw-kontakty .field--name-body,
#block-mahiprolw-contacts .field--name-body{
    padding: 0;
    background-color: var(--color-tertiary);
}

#block-mahiprolw-kontakty .field--name-body .box,
#block-mahiprolw-contacts .field--name-body .box{
    box-shadow: none;
    padding: 3.5rem 2rem;
    background-color: transparent;
    display: flex;
    align-items: center;
    gap: 1.25rem;
    border-radius: 0;
}

#block-mahiprolw-kontakty .field--name-body .box-icon,
#block-mahiprolw-contacts .field--name-body .box-icon{
    flex: 0 0 auto;
    width: 3.25rem;
    height: 3.25rem;
    background-color: var(--color-quaternary);
    display: flex;
    align-items: center;
    justify-content: center;
}

#block-mahiprolw-kontakty .field--name-body .box-content,
#block-mahiprolw-contacts .field--name-body .box-content{
    flex: 1 0 0%;
    color: var(--color-white);
}

#block-mahiprolw-kontakty .field--name-body .box-content a,
#block-mahiprolw-contacts .field--name-body .box-content a{
    color: var(--color-white);
}

#block-mahiprolw-kontakty .field--name-body .box-content .box-title,
#block-mahiprolw-contacts .field--name-body .box-content .box-title{
    color: var(--color-primary);
    margin-bottom: 0.5rem;
}

#block-mahiprolw-kontakty .field--name-body .items .box:first-child,
#block-mahiprolw-contacts .field--name-body .items .box:first-child{
    padding-left: 0 !important;
}

#block-mahiprolw-kontakty .field--name-body .items,
#block-mahiprolw-contacts .field--name-body .items{
    border-top: 1px solid var(--color-quaternary);
}

#block-mahiprolw-kontakty .field--name-body .items .box:last-child,
#block-mahiprolw-contacts .field--name-body .items .box:last-child{
    padding-right: 0 !important;
}

#block-mahiprolw-kontakty .field--name-body .items .box,
#block-mahiprolw-contacts .field--name-body .items .box{
    border-right: 1px solid rgba(255,255,255,0.2);
}

#block-mahiprolw-kontakty .field--name-body .items .box:last-child,
#block-mahiprolw-contacts .field--name-body .items .box:last-child{
    border-right: 0;
}

#block-mahiprolw-kontakty .field--name-body .box svg,
#block-mahiprolw-contacts .field--name-body .box svg{
    height: 1.75rem;
    color: var(--color-white);
}

.region-content-top, .region-content-bottom{
    gap: 4rem;
}

.call-to-action{
    box-shadow: none;
    border-radius: 0;
    padding: 3.5rem;
}

.call-to-action h4{
    font-size: 2rem;
}

.region-content-bottom{
    margin-top: 4rem;
}

button, .button, .button-primary, .button-secondary, .button-dark{
    border-radius: 0;
    padding: 0.875rem 2rem;
    background-color: var(--color-primary);
    transition: all 0.2s ease-in-out;
}
button:hover, .button:hover, .button-primary:hover, .button-secondary:hover, .button-dark:hover,
button:active, .button:active, .button-primary:active, .button-secondary:active, .button-dark:active,
button:focus, .button:focus, .button-primary:focus, .button-secondary:focus, .button-dark:focus,
.service-item .service-item-content .service-item-link a:hover{
    background-color: #f03a35 !important;
}

#block-mahiprolw-uvodhero,
#block-mahiprolw-homepagehero{
    height: 50.5rem;
    margin-bottom: 16rem;
    position: relative;
}

#block-mahiprolw-uvodhero .block-content,
#block-mahiprolw-homepagehero .block-content{
    height: 100%;
}

#block-mahiprolw-uvodhero .block-content .field--name-field-hero-bg,
#block-mahiprolw-homepagehero .block-content .field--name-field-hero-bg{
    width: 100vw;
    max-width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    height: 100%;
}

#block-mahiprolw-uvodhero .block-content .field--name-field-hero-bg img,
#block-mahiprolw-homepagehero .block-content .field--name-field-hero-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    inset: 0;
    position: absolute;
}

#block-mahiprolw-uvodhero .block-content .field--name-field-hero-bg:before,
#block-mahiprolw-homepagehero .block-content .field--name-field-hero-bg:before{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--color-tertiary);
    opacity: 0.6;
    z-index: 1;
}

#block-mahiprolw-uvodhero .block-content .field--name-body,
#block-mahiprolw-homepagehero .block-content .field--name-body{
    padding: 0;
    position: absolute;
    background-color: transparent;
    top: calc(50% - 2rem);
    z-index: 2;
    color: var(--color-white);
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

#block-mahiprolw-uvodhero .block-content .field--name-body h1,
#block-mahiprolw-homepagehero .block-content .field--name-body h1{
    color: var(--color-white);
    font-size: 3.5rem;
}

#block-mahiprolw-uvodhero .block-content .field--name-body h2,
#block-mahiprolw-homepagehero .block-content .field--name-body h2{
    margin-bottom: 2rem;
    color: var(--color-white);
    font-size: 1rem !important;
    font-weight: normal;
    margin-top: 0;
}

#block-mahiprolw-uvodhero .block-content .field--name-field-hero-benefits,
#block-mahiprolw-homepagehero .block-content .field--name-field-hero-benefits{
    margin-top: -3rem;
    position: relative;
    z-index: 3;
}

#block-mahiprolw-uvodhero .block-content .field--name-field-hero-benefits .field__items,
#block-mahiprolw-homepagehero .block-content .field--name-field-hero-benefits .field__items{
    display: flex;
    gap: 1.5rem;
}

#block-mahiprolw-uvodhero .block-content .field--name-field-hero-benefits .field__items .field-item,
#block-mahiprolw-homepagehero .block-content .field--name-field-hero-benefits .field__items .field-item{
    background-color: var(--color-white);
    padding: 2rem 2rem 1rem 2rem;
    border-bottom: 5px solid var(--color-primary);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

#block-mahiprolw-uvodhero .block-content .field--name-field-hero-benefits .field__items .field-item h3,
#block-mahiprolw-homepagehero .block-content .field--name-field-hero-benefits .field__items .field-item h3{
    margin-top: 0;
}

#block-mahiprolw-vyhodyspoluprace,
#block-mahiprolw-benefitsofcooperation{
    background-color: var(--color-white);
    padding: 3rem 3rem 2rem;
}

#block-mahiprolw-vyhodyspoluprace h2.block-title,
#block-mahiprolw-benefitsofcooperation h2.block-title{
    color: var(--color-primary);
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 0;
}

#block-mahiprolw-vyhodyspoluprace .field--name-body,
#block-mahiprolw-benefitsofcooperation .field--name-body{
    padding: 0;
}

#block-mahiprolw-vyhodyspoluprace .field--name-body ul,
#block-mahiprolw-benefitsofcooperation .field--name-body ul{
    columns: 2;
    margin-bottom: 2.5rem;
}

.breadcrumb-item+.breadcrumb-item::before{
    display: none;
}

.page-node-18 .node-content .field--name-body table tr td{
    border: 0;
    vertical-align: top;
}

.page-node-18 .node-content .field--name-body table tr{
    vertical-align: top;
}