/*
Theme Name:   Valuein
Description:  Valuein template - Twenty Twenty-Five child template
Template:     twentytwentyfive
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

/**********/
/* HEADER */
/**********/

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: box-shadow 0.3s;
}

header .wp-block-group {
    height: 64px;
}

header .wp-block-site-logo img.custom-logo {
    height: 30px;
    width: auto;
    max-width: unset;
}

header a.wp-block-navigation-item__content {
    transition: color 0.2s;
}

header a.wp-block-navigation-item__content:hover, header a.wp-block-navigation-item__content:active {
    color: var(--wp--preset--color--navy) !important;
}

header .is-style-text-annotation {
    transition: all 0.2s;
}

/**********/
/* FOOTER */
/**********/

footer .is-layout-grid > div:first-child {
    max-width: 240px;
}

footer .wp-block-image img {
    vertical-align: top;
}

footer .wp-block-navigation a {
    transition: color 0.2s;
}

footer .wp-block-navigation a:hover {
    color: var(--wp--preset--color--white) !important;
}

/*********/
/* CARDS */
/*********/

.wp-block-group.card:hover {
    box-shadow: var(--wp--preset--shadow--card-hover-shadow) !important;
}

.wp-block-group.card-dark:hover {
    box-shadow: var(--wp--preset--shadow--card-dark-hover-shadow) !important;
}

.wp-block-group.card a, .wp-block-group.card-dark a {
    display: inline-flex;
    gap: 6px;
    transition: gap 0.2s;
}

.wp-block-group.card a:hover, .wp-block-group.card-dark a:hover {
    gap: 10px;
}

.wp-block-group.card-list {
    transition: box-shadow 0.2s, border-color 0.2s;
}

.wp-block-group.card-list:hover {
    border-color: rgba(230, 80, 80, 0.3) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}

/***********/
/* BUTTONS */
/***********/

.wp-block-button .has-text-muted-color.has-white-background-color:hover {
    color: var(--wp--preset--color--navy) !important;
    border-color: var(--wp--preset--color--navy) !important;
}

.wp-block-button .has-blue-background-color:hover, .wp-block-search .has-blue-background-color:hover, #commentform .wp-element-button:hover {
    background: var(--wp--preset--color--blue-light);
    transform: translateY(-2px);
    box-shadow: var(--wp--preset--shadow--button-hover-shadow) !important;
}

.wp-block-button .has-cyan-background-color:hover {
    background: #00D4F0 !important;
    transform: translateY(-2px);
    box-shadow: var(--wp--preset--shadow--button-cyan-hover-shadow) !important;
}

.wp-block-button.is-style-outline:hover {
    border-radius: 9999px;
    border-color: var(--wp--preset--color--white);
    background: rgba(255, 255, 255, 0.08) !important;
}

/**************/
/* ANIMATIONS */
/**************/

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(22px);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.animate-up {
    animation: fadeUp 0.65s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}

.delay-1 {
    animation-delay: 0.1s !important;
}

.delay-2 {
    animation-delay: 0.22s !important;
}

.delay-3 {
    animation-delay: 0.36s !important;
}

.delay-4 {
    animation-delay: 0.5s !important;
}

main div.entry-content > div.wp-block-group, div.entry-content > div.wp-block-cover:not(:first-child) {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
    transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}


main div.entry-content > div.wp-block-group.visible, div.entry-content > div.wp-block-cover:not(:first-child).visible {
    opacity: 1;
    transform: none;
}