/**
 *  EDGERING * 2025  
 *  
 */

/**
 *  Header
 */

#header {
    padding: var(--width-pad);
}

#header .flex {
    justify-content: flex-end;
}

#logo img {
    display: block;
    height: 6em;
}

#header.flex {
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--margin-double);
}


/**
 *  Main menu
 */

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav ul ul {
    text-align: left;
}

nav span,
nav a {
    display: block;
}

/**
 *  Menu row 1
 */

#menu-row-1 {
    gap: var(--margin-double);
}


#menu-row-0 {
    gap: 4px var(--margin);
    margin-bottom: var(--margin-vertical);
    font-size: .9em;
}

#menu-row-0 span,
#menu-row-0 a {
    background-position: top .9em left;
    background-size: auto 1.2em;
    padding: .8em var(--margin) 0.4em var(--margin);
}

#menu-row-0 .icon-mail {
    padding-left: calc(var(--margin) * 2.4);
}

#menu-row-0 .icon-phone {
    background-position: top .85em left;
    padding-left: calc(var(--margin) * 1.4);
}

#menu-row-0,
#menu-row-0 a {
    font-weight: 400;
}

#menu-row-0 li:nth-child(4) {
    margin-right: var(--margin-double);
}

#menu-row-0 li:nth-child(5) a {
    background-color: var(--color-red);
}

#menu-row-0 li:nth-child(6) a {
    background-color: var(--color-bluegreen);
}

#menu-row-0 li:nth-child(5) a,
#menu-row-0 li:nth-child(6) a {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    color: var(--color-yellow-light);
    font-weight: 600;
}

#menu-row-0 a.icon-fb,
#menu-row-0 a.icon-ig {
    color: transparent;
    text-align: center;
    background-size: auto 1.4em;
    background-position: center;
    padding-left: .4em;
    padding-right: .4em;
}

/**
 *  Menu row 2
 */

.MainMenu ul {
    display: none;
}

.MainMenu span,
.MainMenu a {
    display: block;
    padding: .2em 0;
    font-weight: 800;
    color: var(--color-green);
    white-space: nowrap;
}

.MainMenu li {
    position: relative;
    padding-bottom: 1em;
}

.MainMenu li li {
    padding-bottom: 3px;
    margin-bottom: 3px;
}

.MainMenu ul {
    position: absolute;
    background-color: #fff;
    z-index: 666;
    left: -1em;
}

.MainMenu li:hover ul {
    display: block;
    margin-top: .2em;
}

.MainMenu li.hasSubmenu {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_675_981)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999786 0C0.802036 4.24385e-05 0.608738 0.0587139 0.444328 0.168598C0.279919 0.278482 0.151779 0.434646 0.0761089 0.617346C0.00043869 0.800045 -0.0193644 1.00108 0.0192032 1.19503C0.0577707 1.38898 0.152976 1.56715 0.292786 1.707L5.29279 6.707C5.48031 6.89447 5.73462 6.99979 5.99979 6.99979C6.26495 6.99979 6.51926 6.89447 6.70679 6.707L11.7068 1.707C11.8466 1.56715 11.9418 1.38898 11.9804 1.19503C12.0189 1.00108 11.9991 0.800045 11.9235 0.617346C11.8478 0.434646 11.7197 0.278482 11.5552 0.168598C11.3908 0.0587139 11.1975 4.24385e-05 10.9998 0H0.999786Z' fill='%23124A59'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_675_981'%3E%3Crect width='11.9996' height='6.99979' fill='white' transform='matrix(-1 0 0 -1 11.9996 6.99979)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: auto .4em;
    background-position: top 1.8em left;
}

.MainMenu li.hasSubmenu:hover {
    background-image: none;
}

.MainMenu ul.submenu {
    border: 2px solid var(--color-green);
    padding: .5em .4em .4em .8em;
}

.MainMenu ul.submenu a {
    padding: .2em 1em .2em 0;
}

.MainMenu a {
    position: relative;
}

.MainMenu a::after {
    position: absolute;
    content: "";
    height: 2px;
    left: 0;
    width: 0;
    bottom: -3px;
    border-radius: 3px;
    transition: all .4s;
}

.MainMenu a:hover::after {
    width: 50%;
    background-color: var(--color-green);
}

.MainMenu a.selected::after {
    background-color: var(--color-bluegreen);
    width: 100%;
}

/** **/

.breadcrumb {
    margin-bottom: var(--margin-double);
}

.breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: end;
}

.breadcrumb li a {
    display: inline;
    font-weight: 500;
}

.breadcrumb li:not(:last-child)::after {
    display: inline-block;
    margin: 0 1em;
    content: "|";
}


/** **/

.ns__trans-silvam .elem-col-img-top {
    border-radius: 1em;
    overflow: hidden;
}

.ns__trans-silvam main article {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3em 3em;
}

.ns__trans-silvam main article a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg width='800px' height='800px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-420.000000, -6559.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M375.127681,6399.29274 C374.737008,6398.90242 374.104537,6398.90242 373.714864,6399.29274 C373.324191,6399.68307 373.324191,6400.31497 373.714864,6400.7043 L380.149475,6407.14215 C380.464211,6407.45661 380.241398,6408.00167 379.79677,6408.00167 L365.016149,6408.00167 C364.464611,6408.00167 364,6408.44091 364,6408.99195 L364,6408.99594 C364,6409.54699 364.464611,6409.99821 365.016149,6409.99821 L379.79677,6409.99821 C380.241398,6409.99821 380.464211,6410.52829 380.149475,6410.84275 L373.68389,6417.29957 C373.293217,6417.68889 373.293217,6418.3188 373.68389,6418.70913 L373.68389,6418.70813 C374.073563,6419.09746 374.706034,6419.09746 375.096707,6418.70713 L383.41474,6410.39652 L383.41474,6410.39652 C384.195087,6409.61687 384.195087,6408.35206 383.41474,6407.57241 C383.233892,6407.39272 374.946832,6399.11206 375.127681,6399.29274'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 2em;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.ns__trans-silvam main article a:hover {
    text-decoration: underline;
}

/**
 *  IMG HEADER
 */

#top-theme {
    color: #fff;
    display: flex;
    background-image: url(img/theme-top-1920.webp);
    background-position: bottom 40% center;
    /* background-size: 100% auto; */
    justify-content: center;
    align-content: center;
    align-items: center;
    position: relative;
    margin-bottom: var(--margin-double);
}

#top-theme::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-image: url(img/theme-top-white.svg);
    background-position: bottom;
    background-size: 100% auto;
}

#top-theme h1 {
    padding: 2em 25%;
}

/**
 *  BLOG LISTS
 */

.grid.blog-list {
    row-gap: calc(var(--gap) * 2);
}

a.read-more,
a.read-more-round {
    display: inline-block;
    text-decoration: none;
    min-width: 40%;
    text-align: center;
}

a.read-more {
    position: relative;
    padding: 1em 2.6em 1em 0;
    transition: var(--transition-bgr);
}

a.read-more:hover {
    text-decoration: underline;
}

a.read-more::after {
    content: "";
    position: absolute;
    height: 1.6em;
    width: 1.8em;
    right: 0;
    top: 1em;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.687687 11.25H20.2459L15.7461 6.75022L16.8067 5.68958L23.1172 12L16.8067 18.3105L15.7461 17.2498L20.246 12.75H0.687687V11.25Z' fill='%230081A0'/%3E%3C/svg%3E%0A");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

a.read-more:hover::after {
    animation: mymove 1.2s infinite;
}

/** **/

a.read-more-round {
    color: #000;
    border: 3px solid #000;
    border-radius: var(--border-radius-button);
    padding: .3em 1.2em;
    text-decoration: none;
}

a.read-more-round:hover {
    background-color: #000;
    color: #fff;
}

p a.read-more-round {
    margin-top: var(--margin-double);
}

/** **/

#nsKontakt .grid {
    grid-template-columns: 1fr 3fr;
    gap: 10%;
    margin: calc(var(--margin-double) * 2) 0 var(--margin-double) 0;
}

#nsKontakt ul {
    margin: var(--margin) 0;
    padding: 0;
    list-style: none;
}

#nsKontakt li {
    margin: .3em 0;
}

#nsKontakt .icon-mail {
    display: block;
    margin-bottom: .8em;
}

#nsKontakt .icon-phone {
    background-position: left .2em center;
}

#nsKontakt #top-theme {
    display: block;
    padding-left: 5%;
    padding-right: 5%;
    background-size: cover;
    background-position: bottom center;
}

#nsKontakt #top-theme h1 {
    margin-bottom: .6em;
    padding-bottom: 0;
}

#nsKontakt form input,
#nsKontakt form textarea {
    border-radius: var(--border-radius);
    background-color: #FAEFCCCC;
    border: 0;
    padding: 1em 2em;
    width: 100%;
}

#nsKontakt form button {
    display: block;
    color: var(--color-yellow-light);
    border: 3px solid var(--color-yellow-light);
    border-radius: var(--border-radius-button);
    background-color: transparent;
    width: 50%;
    padding: .5em;
    font-size: 1.2em;
    float: right;
    cursor: pointer;
}

#nsKontakt form button:hover {
    background-color: var(--color-yellow-light);
    color: #000;
}

#nsKontakt form textarea {
    margin: var(--margin-double) 0;
}


.yellow-box {
    background-color: #FFD602;
    border-radius: var(--border-radius);
    padding: var(--margin) var(--margin-double);
    line-height: 200%;
    margin: var(--margin-double) 0;
}

.yellow-box,
.yellow-box a {
    color: var(--color-green);
}

.yellow-box a {
    padding-left: 2em;
    display: block;
    background-size: auto 1.4em;
    background-position: left center;
}

.yellow-box a:hover {
    text-decoration: underline;
}

/** 
 *  FOOTER
 */

footer .width {
    background-color: var(--color-bluegreen);
    position: relative;
}

footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

footer li {
    margin-bottom: .2em;
}

#footer-moto {
    margin: var(--margin-double) 0;
}

#footer-menu {
    padding: var(--width-pad);
    padding-top: var(--margin);
    grid-template-columns: 1fr 2.5fr;
    gap: 10%;
}

#footer-menu-left {
    padding-bottom: var(--margin-double);
}

#footer-menu-left ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer-menu-left ul li:nth-child(1) {
    margin-bottom: .4em;
}

#footer-menu-left ul a,
#footer-menu-left ul span {
    font-weight: normal;
    display: inline-block;
    padding: .6em 0;
    background-position: left center;
    background-size: auto 1.2em;
    padding-left: 2em;
}

#footer-menu-left .icon-phone {
    padding-left: 1.2em;
}

/** **/

#footer-menu-right .flex {
    flex-wrap: wrap;
    gap: calc(var(--gap) * 2) calc(var(--gap) * 2);
    justify-content: center;
}

#footer-menu-right .flex .flex {
    justify-content: flex-start;
}

#footer-menu-right ul {
    text-align: left;
}

#footer-menu-right a {
    padding: .4em 0;
    padding-left: 1.2em;
    background-position: left top .8em;
    background-size: auto .6em;
    display: block;
    position: relative;
    transition: var(--transition-bgr);
}

#footer-menu-right a::before {
    content: "";
    position: absolute;
    left: 0;
    top: .8em;
    width: .5em;
    height: .8em;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='11' viewBox='0 0 6 11' fill='none' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none'%3E%3Cpath d='M0.581055 9.88135L5.23105 5.23135L0.581055 0.581347' stroke='%23FAEFCC' stroke-width='1.1625' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#footer-menu-right a:hover {
    text-decoration: underline;
}

#footer-menu-right a:hover::before {
    animation: mymove 1.2s infinite;
}

@keyframes mymove {
    50% {
        background-size: 100% 50%
    }
}

#footer-theme-img {
    padding-left: 10em;
}


/** **/

#credits {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}


#credits-theme {
    height: 1em;
    background-image: url(img/foot-theme-2.svg);
    background-size: 100% auto;
    background-position: top;
}

#credits p {
    margin: 0;
    padding: calc(var(--margin) * 0.5) 0 var(--margin) 0;
    background-color: var(--color-bluegreen);
}

#credits a {
    font-weight: normal;
    text-decoration: underline;
}


/**
 * MEDIA QUERIES
 */

@media (max-width: 1024px) {

    #ns__kontakt .grid {
        display: block;
        max-width: 640px;
        margin-left: auto;
        margin-right: auto;
    }

    #ns__kontakt form {
        margin-top: var(--margin-double);
    }

    #ns__kontakt form .flex {
        display: block;
    }

    #ns__kontakt form input:first-child {
        margin-bottom: var(--margin);
    }

    .ns__kontakt form button {
        float: none;
    }
}



@media (max-width: 980px) {
    body {
        font-size: 14px;
    }

}

@media (max-width: 768px) {}

@media (max-width: 480px) {}