@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Lexend+Deca:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.wp-block-uagb-separator-element {
 	width: 100%;   
}

.fluentform .ff-el-group {
    margin-bottom: 10px !important;
}

.spectra-post-loop-wrapper li {
 	margin-bottom: 0 !important;   
}

/* header */
header.site-header {
    position: fixed !important;
    width: 100%;
}

.ast-primary-header {
    background: rgba(0, 0, 0, 0.7) !important;
    backdrop-filter: blur(10px);
}

.main-header-menu .sub-menu {
	background: var(--ast-global-color-2);
}

/* section */
.section-badge {
    padding: 7px 12px 7px 12px;
    width: fit-content !important;
    flex-shrink: 0;
}

.link-arrow > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    &::after {
        content: "→";
    }
}

.home-post-list li {
    padding-bottom: 8px;
    
    &:not(:last-of-type) {
        border-bottom: 1px solid #543D1C;
    }
}

.site-title-font,
.site-title a {
    font-family: "Dancing Script", cursive; 
}

/* footer */
footer a.menu-link {
    color: white !important;
    
    &:hover {
     	color: var(--ast-global-color-0) !important;   
    }
}

footer .wp-block-spectra-content {
 	color: white !important;   
}

/* blog */
.blog-grid li {
    transition: transform 0.2s ease;
    backface-visibility: hidden;
  	-webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
    
    &:nth-child(odd) {
         transform: rotate(-1deg);
    }

   	&:nth-child(even) {
         transform: rotate(1deg);
    }
    
    &:hover {
     	transform: unset;

        img {
            transform: scale(1.1);
        }
    }

    figure {
        overflow: hidden;
        
        img {
            transition: transform 0.2s ease;
        }
    }
}