/*
Theme Name: Lativ
Theme URI: https://wordpress.com/themes/lativ/
Description: Lativ is a WordPress block theme specifically designed for businesses and startups. It offers fresh, vibrant color palettes and sleek, modern templates that are perfect for companies looking to establish a bold and innovative online presence.
Version: 1.0.1
Author: Automattic
Author URI: https://automattic.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lativ
*/

/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: .0625em !important;
	text-underline-offset: .15em;
}

/*
 * Mobile navigation spacing
 * https://github.com/WordPress/gutenberg/issues/39142
 */
.wp-block-navigation__responsive-container.is-menu-open { 
	padding: var(--wp--preset--spacing--50);
}
@media only screen and (max-width: 600px) { 
	.containerLinks {
		flex-direction: column!important;
  		align-items: center!important;
	}
	.containerFooterMenu{
		flex-direction: column;
 		align-items: center!important;
  		gap: 1.2rem!important;
	}
	.footerGap {
		display:none!important;
	}
	.footerText {
		align-items: center!important;
		text-align: center!important;
	}
	.footerBigTitle {
		font-size:1.6rem!important;
	}
	.containerFooterText{
		justify-content: center!important;
	}
	#modal-1-content, #modal-1-content ul, #modal-1-content li.has-child, .butonLocatie {
		flex-direction: column!important;
  		align-items: center!important;
	}
	.programBlock{
		padding: 15% 7%!important;
		text-align:center!important;
	}
	.titluProgram {
		text-align:center!important;
	}
	.textPagini {
		margin: auto!important;
	}
}