/*
Theme Name: Velit Systems
Theme URI: 
Author: Emu Ninja
Author URI: https://www.emuninja.com
Description: Custom theme for Velit Systems
Requires at least: 6.0
Tested up to: 6.2.2
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: velitsystems
Tags: full-site-editing, 
*/

.entry-content h1, .entry-content .clamp-size  {
	font-size: clamp(2.75rem, 2.3865rem + 1.3527vw, 4.5rem) !important;
}

.entry-content h2, .entry-content h2.clamp-size {
	font-size: clamp(2.125rem, 2.0241rem + 0.3756vw, 2.625rem) !important;
}

.entry-content h3 {
	font-size: clamp(1.25rem, 1.1491rem + 0.3756vw, 1.75rem) !important;
}

@media (max-width: 1400px) {
	:root :where(body), .has-medium-font-size {
		font-size: clamp(0.875rem, 0.8245rem + 0.1878vw, 1.125rem) !important;
	}
	:root {
		--wp--style--global--wide-size: 90vw;
	}
}


@media (max-width: 781px) {

.stack-opposite {
	flex-direction: column-reverse;
}
}

.wp-block-cover.neg {
	margin-top: -120px !important;
	padding-top: calc(120px + var(--wp--preset--spacing--80)) !important;
}

.absolute {
	position: absolute;
	margin-bottom: -50%;
}

.overlap {
	margin-top: -500px;
	position: relative;
	z-index: 999;
}

.overlap-small {
	margin-top: -300px;
	position: relative;
	z-index: 999;
}

.wp-block-tiptip-hyperlink-group-block {
	text-decoration: none;
}

body {
font-family: 'Open Sans', var(--wp--preset--font-family--system-font);
}

.gform-theme--framework {
--gform-theme-color-primary: #006452 !important;
--gform-theme-control-button-background-color-primary: #006452 !important;
--gform-theme-control-button-background-color-hover-primary: var(--wp--preset--color--vivid-red) !important;
}

.behind-header {
margin-top:-150px !important;
padding-top: 150px !important;
overflow:hidden;
}

.centered {
justify-content: center; 
}

header {
position: relative;
z-index:2;
}

.background-on-hover {
transition: 0.2s all ease-in-out; 
}

.background-on-hover:hover {
background-color:#fff;
}

.position-relative {
position: relative;
}

.wp-block-outermost-mega-menu, .wp-block-navigation__container {
	position: static;
}
.wp-block-outermost-mega-menu__menu-container {
	border: 1px solid var(--wp--preset--color--custom-dark-blue) !important;
	border-radius: 14px;
	background-color: var(--wp--preset--color--custom-page-background) !important;
	left: unset !important;
	width: max-content !important;
	right: 0 !important;
	top: 100%;
}

.wp-block-navigation-item__content, .wp-block-outermost-mega-menu__toggle {
	padding: 0.69rem 1rem !important;
}

.no-flex-shrink {
	flex-shrink: 0;
}
.bottom {
	align-items: flex-end;
}

#jumplist a {
	transition: all ease-in-out 0.3s;
}
#jumplist .active a, #jumplist a:hover {
	background-color: #006385 !important;
	color: #D4EDF7 !important;
}

.onboarding-mobile-group {
	background-repeat: repeat-y !important;
	background-size: 32px auto !important;
}

@media (max-width: 900px) {
	.wp-site-blocks {
		overflow: hidden;
	}
	/*:root {
		--wp--preset--spacing--20: 0.33rem;
		--wp--preset--spacing--30: 0.45rem;
		--wp--preset--spacing--40: 0.55rem;
		--wp--preset--spacing--50: 0.75rem;
		--wp--preset--spacing--60: 1.12rem;
		--wp--preset--spacing--70: 1.75rem;
		--wp--preset--spacing--80: 2.503rem;
	}*/
    .mobile-hidden, #jumplist {
        display: none;
    }
	
	.mobile-reverse, .mobile-reverse > .wp-block-columns {
		flex-direction: column-reverse;
	}
	
	.mobile-wrap {
		flex-wrap: wrap !important;
	}
	
	.wp-block-cover.neg {
		margin-top: calc(-4.5rem - var(--wp--preset--spacing--80)) !important;
	}
	
	footer > * {
		text-align: center;
	}
	footer .is-layout-flex {
		justify-content: center !important;
	}
	
	.wp-block-navigation__responsive-container {
		overflow: hidden !important;
		
		.wp-block-navigation__responsive-dialog {
			margin-top: 2rem;
		}
		
		.wp-block-navigation__container {
			gap: 0em !important;
		}
	}
	
	.wp-block-outermost-mega-menu__menu-container {
		position: fixed;
		left: 0px !important;
		right: 0px !important;
		bottom: 0px !important;
		top: unset !important;
		height: max-content;
		max-width: 100vw !important;
		color: #fff;
		
		.wp-block-columns {
			gap: 0;					
		}
		
		.menu-container__close-button {
			color: #fff;
		}
	}
	.features-menu {
		.wp-block-outermost-mega-menu__menu-container {
			overflow-y: scroll;
		}
		
		a:where(:not(.wp-element-button)) { 
			color: #fff !important; 
		}
		
		.wp-block-group {
			min-height: unset !important;
		}
		.wp-block-image img {
			width: 60px !important;
			height: 60px !important;
		}
	}
	.wp-block-navigation-submenu {
		padding: 0 !important;
		right: 0px !important;
		left: unset !important;
		margin: 0;
		align-items: flex-end !important;
		z-index: 0;
		
		li, li a {
			text-align: right;
		}
	}
	.wp-block-navigation__responsive-container {
		padding-top: 1rem !important;		
		.wp-block-navigation-submenu {
			position: initial !important;
			right: 0px !important;
			left: unset !important;
		}	
		
	}
	
	.entry-content > div.wp-block-cover.alignfull.blur .wp-block-column > .wp-block-image {
		text-align: center;
	}
	
	.project-types .wp-block-image {
		text-align: center;
		margin-inline: 1rem;
		
		img {
			max-height: 100px;
			width: auto;
			object-fit: contain;
		}
	}	
	
	body .project-types.wp-block-columns {
		justify-content: center !important;
	}
	
	body .project-types.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: unset !important;
		flex: 0 0 47% !important;
	}
	
	.pricing {
		
		.is-layout-flex {
			justify-content: center;
		}
		.wp-block-columns {
			padding-left: var(--wp--preset--spacing--60) !important;
			padding-right: var(--wp--preset--spacing--60) !important;
		}
		
		.wp-block-column {
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
			
			.slider-group {
				width: 100%;
			}
			
			.switch-group {
				flex-shrink: 0;
			}
		}
	}
	
	.pricing-stages {
		.wp-block-columns {
			display: grid;
			grid-template-columns: 120px 1fr;
			
			.wp-block-column:nth-child(3), .wp-block-column:nth-child(4) {
				grid-column: 2;
				border-radius: 16px;
				
				.wp-block-group {
					padding: var(--wp--preset--spacing--30);
					display: flex;
					flex-direction: column;
					justify-content: center;
					text-align: center;
					gap: var(--wp--preset--spacing--20);
				}
			}
			
			.wp-block-column:nth-child(3) {
				border: 1px solid var(--wp--preset--color--custom-dark-blue);
			}
			.wp-block-column:nth-child(3) .wp-block-group::before {
				content: 'Monthly cost';
			}
			
			.wp-block-column:nth-child(4) .wp-block-group::before {
				content: 'Yearly cost (per user with 15% discount)';
			}
		}
	}
}