body {
    overflow: visible!important;
}

.full_page_wrapper {
    overflow: hidden;
}

.single-post {
    .post-share {
        a {
            margin-left: 1.5rem!important;
            display: inline-block;
            vertical-align: top;
            width: 35px;
            height: 35px;
            text-align: center;
            border-radius: 50em;
            svg {
                position: relative;
            }
            &:hover,
            &:focus,
            &:active {
                background: #d6997b;
                svg {
                    path {
                        fill: #fff;
                    }
                }
            }
        }
    }
}

.animate_img {
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: scale(0.97);
    animation: scaleIn 0.25s ease-in-out forwards;
    animation-delay: 0.45s;
    &.type_top {
        &:after {
            display: none;
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: #d6997b;
            height: 100%;
            animation: revealTop 0.55s ease-in-out forwards;
            animation-delay: 0.6s;
        }
    }
    &:after {
        display: none;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: #d6997b;
        transform: scaleX(1);
        transform-origin: left;
        animation: reveal 0.55s ease-in-out forwards;
        animation-delay: 0.6s;
    }
}

@keyframes scaleIn {
    0% { transform: scale(0.97); opacity: 0;}
    100% { transform: scale(1.0); opacity: 1; }
}

@keyframes reveal {
    0% { transform: scaleX(1); }
    100% { transform: scaleX(0); }
}

@keyframes revealTop {
    0% { height: 100%; }
    100% { height: 0; }
}

section .container {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

section .container.inview {
    opacity: 1;
    transform: translateY(0);
}

.footer__socials-link {
    &:hover,
    &:focus,
    &:active {
        transform: scale(1.15);
    }
}

.page-template-about-template .gallery-logos__image img {
    transition: all 0.25s;
    &:hover,
    &:focus,
    &:active {
        transform: scale(1.1);
    }
}

.accordion-item {
    transition: all 0.25s;
    &:hover,
    &:focus,
    &:active {
        background: rgba(0,0,0,0.065);
        border-radius: 10px;
    }
}

.header__navigation ul .big-menu ul {
    min-width: 19.75rem!important;
}

.header__navigation ul li.menu-item-has-children {
    &:after {
        transition: all 0.25s;
    }
    &:hover,
    &:focus,
    &:active,
    &.submenu-open {
        &:after {
            transform: rotate(180deg);
        }
    }
}

.content--has-line {
    &:before {
        background-image: none !important;
    }
    .line-draw-wrapper {
        bottom: inherit;
        top: -7.5rem;
        left: -200px;
    }
}

.section--has-line--orange {
    position: relative;
    z-index: 0;
    background-image: none!important;
}
.line-draw-wrapper {
    position: absolute;
    z-index: -1;
    left: -50px;
    bottom: 0;
    right: -50px;
    pointer-events: none;
    opacity: 0;
    .animated-path {
        stroke-dasharray: 2605;
        stroke-dashoffset: 2605;
    }
    &.active {
        opacity: 1;
        .animated-path {
            stroke-dasharray: 2605;
            stroke-dashoffset: 2605;
            animation: lineDraw 5.5s ease forwards;
        }
    }
}
.draw-line {
    display: block;
    width: 100%;
    height: auto;
}

@keyframes lineDraw {
    from {
        stroke-dashoffset: 2605;
    }
    to {
        stroke-dashoffset: 0;
    }
}

@media (min-width: 1199px) {

    .header__navigation ul ul a {
        position: relative;
        overflow: hidden;
        &:before {
            content: '';
            position: absolute;
            z-index: -1;
            left: 0;
            top: 0;
            bottom: 0;
            width: 0;
            background: #db9e7c;
            transition: all 0.25s;
        }
        &:hover,
        &:focus,
        &:active {
            background: transparent;
            padding-left: 20px;
            &:before {
                width: 5px;
            }
        }
    }

    .header__navigation ul ul li {
        background: transparent!important;
    }

}

@media (max-width: 768px) {

    .content--has-line {
        .line-draw-wrapper {
            bottom: inherit;
            top: -40px;
            left: -50px;
        }
    }

}