/*
Theme Name: baliwebmaker
Author: baliwebmaker
Author URI: 
Theme URI: 
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: baliwebmaker
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.1
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}
.is-style-font-roboto {
	font-family: Roboto,sans-serif;
}

.is-style-font-poppins {
	font-family: Poppins,sans-serif;
}

.is-style-font-merriweather {
	font-family: Merriweather,serif;
}

.is-style-font-system {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}

.is-style-font-ms-madi {
	font-family: "Ms Madi", cursive;
}
.is-style-gradient-text-1:not(.has-background) {
	background: var(--wp--preset--gradient--pale-cyan-blue-to-vivid-purple);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}

.is-style-gradient-text-2:not(.has-background) {
	background: var(--wp--preset--gradient--cool-to-warm-spectrum);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}

.is-style-gradient-text-3:not(.has-background) {
	background: var(--wp--preset--gradient--luminous-dusk);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}

.is-style-gradient-text-4:not(.has-background) {
	background: var(--wp--preset--gradient--vivid-red-to-vivid-purple);
	-webkit-text-fill-color: transparent;
	background-clip: text;
	-webkit-background-clip: text;
}

/* Change the WordPress default css breakpoints media query */
@media ( min-width: 782px ) {
 .wp-block-navigation.nav-top--mobile {
  display: none;
 }
}
 
@media ( max-width: 781px ) {
	.wp-block-navigation.nav-top--desktop {
	  display: none;
	} 

	.wp-block-navigation.nav-top--mobile .wp-block-navigation__responsive-container {
	  animation: slide-out 0.5s forwards;
 		-webkit-animation: slide-out 0.5s forwards;
 		padding:
 		var(--wp--style--root--padding-top,2rem) 
 		var(--wp--style--root--padding-right,2rem) 
 		var(--wp--style--root--padding-bottom,2rem) 
 		var(--wp--style--root--padding-left,2rem);		
	}
	.wp-block-navigation.nav-top--mobile .wp-block-navigation__responsive-container.is-menu-open {
 		animation: slide-in 0.5s forwards;
  	-webkit-animation: slide-in 0.5s forwards;
	}
	.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
	  padding-top: calc(2rem + 24px);
	}
	.wp-block-navigation.nav-top--mobile .wp-block-navigation__responsive-dialog{ 
		gap:inherit; 
	}
	.wp-block-navigation.nav-top--mobile :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)){
		padding: 0;
	}
}

/* Slide Animation */
@keyframes slide-in {
  0% {
    -webkit-transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-webkit-keyframes slide-in {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}

@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(100%);
  }
}

@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}