:root {
    --font: 'Cinzel', serif;
    --color: #dcb848;
    --color2: #f1e076;
    --color3: #c6921c;
    --color11: #3b4251;

    --bg: #ffffff;
    --bg-dark: #000000;

    --fontSize: 28px;
    --line-height: 1.21;

    --section-padding: 60px;
}

.v2 {
    padding: var(--section-padding) 0 !important;

    .row {
        max-width: 1216.8px;
    }

    &.center,
    .center {
        text-align: center;
    }

    hr {
        width: 100%;
        max-width: 60%;
        margin: 0  auto;
        border-top: 2px solid var(--color);
        margin: 2rem auto 3rem;
    }

    h1, h2, h3, h4, h5 {
        padding: 0;
        margin: 0;
    }

    h2 {
        color: inherit;
        font-family: var(--font);
        text-transform: uppercase;  
        padding: 0;
        margin-bottom: 30px;
        font-size: var(--fontSize);
        line-height: var(--line-height);
    }

    h4 {

    }

    h5 {
        text-transform: uppercase;
        font-family: var(--font);
        font-size: 14px;
        line-height: 2;
    }

    figure {
        margin: 0 0 1rem;

        img {
            margin: 0 auto 1.25rem;
            max-height: 287px;
        }

        figcaption {
            display: block;
            padding-top: 1.5rem;
            font-family: var(--font);
            color: var(--color);
            border-top: 1px solid var(--color);
            font-size: 17px;
        }
    }

    &.dark {
        background: var(--bg-dark);
        color: #fff;

        h4 {
            color: var(--color); 
        }

        h5 {
            color: var(--color2); 
        }

        a {
            color: var(--color);

            &:hover {
                color: var(--color2); 
            }
        }
    }
}


footer.v2 {
    p {
        font-size: 13px;
        line-height: 1.3;
        padding: 0;
    }

    .footer-seminars {
        max-width: 550px;
        margin: 0 auto;
        align-items: center;

        @media (min-width: 1201px ) {
            display: flex;
        }

        .svgmap {
            margin: 0 auto;
        }

        .marker-wr {
            font-size: 14px;
            line-height: 2;
            font-weight: bold;
            color: var(--color3);

            a[href*="tel"] {
                color: var(--color3);
            }
        }
    }

    .footer-locations {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 2rem;

        @media (max-width: 1024px) {
            gap: 0;
            margin-bottom: 3rem;
        }

        .footer-location-column {
            flex: 0 0 calc(25% - 2rem);
            max-width: calc(25% - 2rem);
            margin-bottom: 3rem;

            @media (max-width: 1024px) {
                flex: 0 0 100%;
                max-width: 100%;
                margin-bottom: 0;
            }
        }

        .location {
            border-bottom: 1px solid var(--color);
            padding: 10px 0;

            .location-heading {
                display: flex; 
                align-items: center;
                gap: 1rem;

                button {
                    background: var(--color);
                    color: #fff;
                    border: 0;
                    width: 22px;
                    height: 23px;
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    font-weight: bold;

                    span {
                        line-height: 0;
                    }

                    &:hover {
                        background: var(--color2);
                    }
                }

                h4 {
                    font-size: 14px;
                    line-height: 1.5;
                    font-weight: bold;
                }
            }

            .location-body {
                margin: 2rem 0 1.5rem;
                text-align: left;

                p {
                    font-size: 14px;
                    line-height: 2;
                    font-weight: bold;
                    color: var(--color3);

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

    .footer-social {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: .75rem;
        margin: 1rem 0 1.5rem;

        a {
            width: 26px;
            height: 26px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--color);
            border-radius: .25rem;

            &:hover {
                background: var(--color3);
            }

            svg {
                width: 14px;
                max-height: 14px;
                
                path {
                    fill: #fff;
                }
            }
        }
    }

    .footer-meta {
        margin-top: 2rem;
        text-align: center;

        a {
            font-size: 14px;
            line-height: 1;
            padding: 0;

            &:hover {
                text-decoration: underline;
            }
        }

        ul {
            li {
                border-right: 1px solid var(--color);
                padding: 0 .25rem;
                &:last-child {
                    border-right: 0;
                }
            }
        }
    }
}