/*
 Theme Name:   Vlaknaprobeton
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Ondrej Vala
 Author URI:   https://ondrejvala.net
 Template:     generatepress
 Version:      0.1
*/
html {
    scroll-behavior: smooth;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.wp-block-columns.gap-6 {
    gap: 6em;
}
.wp-block-cover h1.wp-block-heading {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.70);
}
.hp-boxes-wrap {
    padding: 30px 30px 0 30px;
}
.wp-block-columns.hp-boxes {
    column-gap: 5em;
    margin-bottom: 0;
}
.hp-boxes-wrap  {
    background-image: url('img/left-up.svg'), url('img/middle-up.svg'), url('img/right-up.svg'), url('img/left-bottom.svg'), url('img/middle-bottom.svg'), url('img/right-bottom.svg');
    background-position: left top, center top, right top, left bottom, center bottom, right bottom;
    background-repeat: no-repeat;
}
.wp-block-columns.hp-boxes p.has-small-font-size {
    color: #666666;
}
.wp-block-table thead {
    border-bottom: none;
    background-color: var(--gray);
    color: #fff;
}
.wp-block-table td, .wp-block-table th {
    border: 1px solid var(--contrast-3);
    padding: .5em;
    font-size: 15px;
}
li::marker {
  color: var(--orange);
}
ul {
    margin-left: 20px;
}
.footer-widgets-container.grid-container {
    max-width: 1280px;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0px;
}
.site-footer .footer-widgets-container .inner-padding {
    padding-left: 0;
}

@media (max-width: 781px) {
    .hp-boxes-wrap  {
        background-image: url('img/left-up.svg'), url('img/right-up.svg'), url('img/left-bottom.svg'), url('img/right-bottom.svg');
        background-position: left top, right top, left bottom, right bottom;
        background-repeat: no-repeat;
    }
    .hp-boxes-wrap h2 {
        font-size: 24px;
    }
    .footer-widgets .wp-block-spacer {
        display: none;
    }
    .wp-block-cover h1.wp-block-heading {
        font-size: 2rem !important;
    }
    .wp-block-cover p.has-large-font-size {
        font-size: 1.8rem !important;
    }
    .wp-block-table {
        zoom: 0.8;
    }

}
@media (max-width: 560px) {
    .hp-boxes-wrap h2 {
        font-size: 18px;
    }
    .hp-boxes-wrap p.has-medium-font-size {
        font-size: 18px;
    }
}