/*
Theme Name: Scalae
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
Text Domain: scalae
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

html{
	scroll-behavior: smooth;
}

.fade-in-up-on-scroll, .fade-in-on-scroll{
	opacity: 0;
}

@keyframes fadeInUp {
  from {
    transform: translateY(10px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.fade-in-up {
  animation: 1.4s both fadeInUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  animation: 1.4s both fadeIn;
}

.wp-block-site-title a:hover{
	text-decoration: none;
}

.wp-block-navigation__responsive-container-content a{
    text-decoration: none;
}
.wp-block-navigation__responsive-container-content a:after{
    display: block;
    content: '';
    border-bottom: solid 2px #FFFFFF;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
}
.wp-block-navigation__responsive-container-content a:hover:after, .current-menu-item a:after{
    transform: scaleX(1);
}
.current-menu-item a:after{
	border-color: #FFFFFFC0 !important;
}

.vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:focus, .vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:hover {
    color: #FFFFFF !important;
}

.contact-btn{
	transition: all 0.4s ease-in-out;
}
.contact-btn:hover{
	background-color: #FFFFFF;
	color: #111111;
}

.wp-block-navigation__responsive-container.is-menu-open{
	background-color: #101010 !important;
	color: #FFFFFF;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
	padding-top: 100px;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a{
	font-size: 1.3rem;
}

@media(max-width: 768px){
	.home-space{
		height: 35vw !important;
	}
	
	.wp-block-buttons>.wp-block-button.wp-block-button__width-50{
		width: fit-content !important;
	}
}