/*
Theme Name: YZD
Description: YZD design
Author: Ján Mikláš
Author URI: https://www.linkedin.com/in/janmiklas
Template: generatepress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yzd
*/

/*
 Blue color: #0066af;
 Red color: #bb2625;
*/

html,
body {
    min-height: 100vh;
}

body {
    background: #fff;
    background-attachment: fixed;
}

.grid-container { max-width: 1200px; }
@media (max-width: 1200px) { .grid-container { max-width: 1024px; } }
@media (max-width: 1024px) { .grid-container { max-width: 768px; } }
@media (max-width: 768px)  { .grid-container { max-width: 500px; } }
@media (max-width: 500px)  { .grid-container { max-width: 100%; } }

.inside-header {
    background: #204d8f url(menu.png) no-repeat left center;
    background-size: cover;
    border-radius: 0 0 10px 10px;
}

.home-banner img {
    border-radius: 10px;
}

.site-content {
    padding-top: 20px !important;
}

.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
    color: #fff !important;
}

@media (max-width: 768px) {
    .main-navigation .menu-toggle {
        display: flex;
    }
}

.main-navigation .menu-toggle svg {
    height: 24px;
    top: 0 !important;
    width: 24px;
}

.main-navigation,
.main-navigation ul ul {
    background: none;
}

.main-navigation ul ul.sub-menu {
    background: #204d8f;
    border-radius: 10px;
    padding: 10px;
}

.main-navigation .main-nav > ul > li {
    margin-left: 10px;
}

@media (max-width: 768px) {
    .main-navigation .main-nav > ul > li {
        margin-bottom: 10px;
        margin-left: 0;
    }
}

.main-navigation.toggled .main-nav li {
    text-align: center;
}

.main-navigation .main-nav ul li a {
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    padding: 10px 20px;
}

.main-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 20px;
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 0;
}

@media (max-width: 768px) {
    .menu-item-has-children .dropdown-menu-toggle {
        padding-right: 20px;
    }
}

.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
    height: auto;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a,
.main-navigation .main-nav ul li a:hover {
    background: #1d336e;
    color: #fff !important;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a {
    color: #fff !important;
}

.menu-item-instagram {
    display: none;
}

.inside-header.grid-container > a[href*="instagram"] {
    display: flex;
    align-items: center;
    padding: 10px;
}

.inside-header.grid-container > a[href*="instagram"] img {
    border-radius: 0 !important;
    display: block;
}

.site-footer {
    display: none;
}

.contact-details i {
    color: #bb2625;
    font-size: 16px;
    margin-right: 4px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0 !important;
}

.entry-content img {
    border-radius: 10px;
}

h5 {
    color: #243f89;
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    letter-spacing: -3px;
    margin-top: -10px;
}

@media (max-width: 1024px) { h5 { font-size: 26px; } }
@media (max-width: 500px)  { h5 { font-size: 24px; letter-spacing: -2px; } }

h6 {
    color: #232939;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    text-wrap: balance;
}

.gallery-square.wp-block-gallery.has-nested-images figure.wp-block-image {
    aspect-ratio: 1/1;
}

.gallery {
    padding: 0 var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}

.gallery-with-counter {
    counter-reset: gallery-counter;
}

.gallery-with-counter figure {
    background: #fff;
}

.gallery-with-counter figure:after {
    counter-increment: gallery-counter;
    content: counter(gallery-counter);
    display: block;
    padding: 5px 10px 10px;
    text-align: center;
}

.ydz-partners {
    background-color: #f4f4f4;
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 50px;
    margin: 0 auto 40px;
    min-width: 100%;
    padding: 40px;
}

@media (max-width: 1200px) { .ydz-partners { gap: 40px; } }
@media (max-width: 1024px) { .ydz-partners { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 768px)  {
    .ydz-partners {
        gap: 20px;
        grid-template-columns: repeat(3, 1fr);
        padding: 30px;
    }
}
@media (max-width: 500px)  { .ydz-partners { grid-template-columns: repeat(2, 1fr); } }

.ydz-partners-top {
    background-color: #f4f4f4;
    border-radius: 10px;
    display: flex;
    gap: 50px;
    justify-content: center;
    margin: -32px auto 40px;
    max-width: 100%;
    padding: 20px 40px;
    position: relative;
    width: fit-content;
    z-index: 1;

    &:after {
        background: #f5e1b1;
        bottom: 0;
        content: '';
        height: 3px;
        left: 100px;
        position: absolute;
        right: 100px;
    }
}

.ydz-partners-top-text-only {
    margin-top: 0;
}

.ydz-partners-top-text-only p {
    margin: 0;
}

@media (max-width: 1024px) {
    .ydz-partners-top {
        gap: 20px;
        margin-left: -30px;
        margin-right: -30px;
        max-width: none;
        padding: 20px;
        width: auto;
    }
}

@media (max-width: 768px)  {
    .ydz-partners-top {
        flex-wrap: wrap;
    }

    .ydz-partners-top .ydz-partner {
        flex: 0 0 calc(50% - 20px);
    }
}

.ydz-gallery-partners {
    display: none;
}

.ydz-partners-top .ydz-partner {
    width: 170px;
}

.ydz-partner {
    flex: 1 1 calc(33.33% - 20px);
    text-align: center;
}

.ydz-partner-show-top-badge {
    position: relative;
}

.ydz-partner-show-top-badge:before {
    background: url(top.png) no-repeat center center;
    background-size: contain;
    content: '';
    height: 60px;
    left: -25px;;
    position: absolute;
    top: -15px;
    width: 50px;
}

@media (max-width: 768px) {
    .ydz-partner-show-top-badge:before {
        height: 40px;
        left: -15px;
        top: -10px;
        width: 38px;
    }
}

.ydz-partner-logo {
    align-items: center;
    border: 1px solid #eee;
    display: flex;
    height: 80px;
    justify-content: center;
    text-align: center;
}

.ydz-partner-logo img {
    border-radius: 10px;
    max-height: 100%;
    max-width: 100%;
}

.ydz-partner-name {
    font-size: 14px;
    margin-top: 10px;
}

.ydz-partner-name b {
    display: block;
}

.ydz-partners-header > div {
    align-items: center;
    display: flex;
}

.ydz-partners-header p {
    margin-bottom: 0;
}

.ydz-partners-search {
    width: 100%;
}

/* Partners Search Styles */
.ydz-partners-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

input.ydz-partners-search-input {
    background: #f6e0a2;
    border-radius: 40px;
    border: 0;
    width: 100%;
    font-size: 14px;
    padding: 12px 16px 12px 50px !important;
    transition: border-color 0.3s ease;
}

input.ydz-partners-search-input:focus {
    background: #f6e0a2;
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    outline: none;
}

.ydz-partners-search-icon {
    color: #666;
    left: 20px;
    pointer-events: none;
    position: absolute;
}

.ydz-partners-search-icon svg {
    display: block;
}

.ydz-pdfs-list {
    border: 0;
    margin-top: 60px;
}

.ydz-pdfs-list td {
    border: 0;
    border-bottom: .5px solid #24408a;
}

.ydz-pdfs-list td:last-child {
    text-align: right;
}

.ydz-pdfs-list a {
    align-items: center;
    background: #243f8a;
    border-radius: 20px;
    color: #fff;
    display: inline-flex;
    line-height: 24px;
    gap: 10px;
    padding: 6px 6px 6px 12px;
    text-decoration: none;
}

.ydz-pdfs-list a:hover {
    background: #1a2f68;
}

.ydz-pdfs-list-projekt {
    margin-top: 0;
    /* margin: 20px auto 40px;
    width: auto; */
}

/* .ydz-pdfs-list-projekt b {
    font-family: 'Anton', sans-serif;
    font-size: 28px;
    font-weight: normal;
    margin-right: 40px;
}

@media (max-width: 500px) {
    .ydz-pdfs-list-projekt b {
        font-size: 24px;
        margin-right: 0;
    }
} */

video {
    border-radius: 10px;
}

.ydz-ambassador {
    margin-bottom: 30px;
    padding: 0 0 50px 70px;
    position: relative;
}

.ydz-ambassador img {
    border-radius: 10px;
}

.ydz-ambassador figcaption {
    background: #24408a;
    border-radius: 10px;
    bottom: -20px;
    color: #fff;
    left: 20px;
    max-width: 360px;
    padding: 20px;
    position: absolute;
    text-align: left;
}

.ydz-ambassador figcaption br {
    display: none;
}

.ydz-ambassador figcaption strong {
    align-items: center;
    display: flex;
    font-size: 20px;
    gap: 10px;
    line-height: 24px;
    margin-bottom: 6px;
}

.ydz-ambassador figcaption strong:before {
    content: url("data:image/svg+xml,%3Csvg width='21' height='22' viewBox='0 0 42 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 27.875C20.5514 27.875 20.1062 27.8544 19.6671 27.8157C17.4012 27.6132 15.2101 26.9025 13.2567 25.7365C11.3034 24.5705 9.63797 22.9791 8.38437 21.0808L0.71875 34.75H10.6016L15.5859 43L22.6784 27.7813C22.1211 27.8434 21.5607 27.8746 21 27.875Z' fill='white'/%3E%3Cpath d='M33.6328 21.0636C31.8174 23.813 29.158 25.8982 26.0549 27.0053L22.5211 34.7071L26.4141 43L31.3985 34.75H41.2813L33.6328 21.0636Z' fill='white'/%3E%3Cpath d='M21.0017 16.875C23.2799 16.875 25.1267 15.0282 25.1267 12.75C25.1267 10.4718 23.2799 8.625 21.0017 8.625C18.7235 8.625 16.8767 10.4718 16.8767 12.75C16.8767 15.0282 18.7235 16.875 21.0017 16.875Z' fill='white'/%3E%3Cpath d='M21 0.375C14.1766 0.375 8.625 5.92656 8.625 12.75C8.625 19.5734 14.1766 25.125 21 25.125C27.8234 25.125 33.375 19.5734 33.375 12.75C33.375 5.92656 27.8234 0.375 21 0.375ZM21 19.625C19.6403 19.625 18.311 19.2218 17.1805 18.4664C16.0499 17.7109 15.1687 16.6372 14.6483 15.3809C14.128 14.1247 13.9918 12.7424 14.2571 11.4088C14.5224 10.0751 15.1772 8.85013 16.1386 7.88864C17.1001 6.92716 18.3251 6.27238 19.6588 6.0071C20.9924 5.74183 22.3747 5.87798 23.6309 6.39833C24.8872 6.91868 25.9609 7.79987 26.7164 8.93046C27.4718 10.061 27.875 11.3903 27.875 12.75C27.8729 14.5727 27.148 16.3202 25.8591 17.6091C24.5702 18.898 22.8227 19.623 21 19.625Z' fill='white'/%3E%3C/svg%3E");
    padding-top: 5px;
}

@media (max-width: 1024px) {
    .ydz-ambassador {
        padding: 0;
    }

    .ydz-ambassador img {
        border-radius: 10px 10px 0 0;
    }

    .ydz-ambassador figcaption {
        border-radius: 0 0 10px 10px;
        bottom: 0;
        left: 0;
        margin-top: 0;
        max-width: 100%;
        position: relative;
    }
}

.hidden {
    display: none;
}

@media (max-width: 768px) {
    .atlas-ydzak {
        flex-direction: column-reverse;
    }
}