/*
Theme Name: Lanex Block Theme
Author: Lanex, LLC
Author URI: https://www.lanex.com
Theme URI: https://www.lanex.com
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: lanex-starter-theme
Requires at least: 6.3
Requires PHP: 7.4
Tested up to: 6.3
Version: 1.0.0

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

/* 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;
}

:where(.wp-site-blocks) > *,
:root :where(.is-layout-constrained) > *,
:where(.is-layout-flow) > *,
:root :where(.is-layout-flow) > * {
    margin-block-start: 0 !important;
}

p, ul {
	padding-bottom: 1.5rem;
}

@media (max-width: 768px) {
	.has-global-padding {
    	--wp--style--root--padding-left: 1rem !important;
    	--wp--style--root--padding-right: 1rem !important;
  	}
}

p a:visited {
	color: #1b3ed1 !important;
}




/*  Buttons  */


.wp-block-button a.wp-block-button__link.wp-element-button {
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--contrast-2);
	opacity: 1;
	transition: .1s opacity linear;
	border: none;
	overflow: hidden;
	white-space: nowrap;
}
.wp-block-button a.wp-block-button__link.wp-element-button:hover {
    opacity: .8;
}
.wp-block-button.is-style-white-btn a.wp-block-button__link.wp-element-button{
	color: var(--wp--preset--color--contrast);
	background: var(--wp--preset--color--base);
}
.wp-block-button.is-style-navy-btn a.wp-block-button__link.wp-element-button{
	color: var(--wp--preset--color--contrast-2);
	background: var(--wp--preset--color--contrast);
}




/*  Custom Block Classes  */


header:has(.sticky-header) {
    position: sticky;
    top: -1px;
    z-index: 999999;
}

.overlap-above {
	z-index: 2;
    transform: translate(0, calc(var(--wp--preset--spacing--20) * -1)) !important;
}

.left-overlap-container,
.right-overlap-container {
  gap: 0;
}

.left-overlap-leftside {
    z-index: 2;
    transform: translate(var(--wp--preset--spacing--40)) !important;
    display: flex;
    justify-content: flex-end;
}

.left-overlap-rightside {
  z-index: 1;
}

.right-overlap-leftside {
  z-index: 1;
}

.right-overlap-rightside {
    z-index: 2;
    align-self: flex-end;
    transform: translate(calc(-1 * var(--wp--preset--spacing--40))) !important;
}

.hide-on-desktop{
	display: none !important;	
}

@media (max-width: 782px) {
	.left-overlap-container,
	.right-overlap-container {
		flex-direction: column;
	}
	.left-overlap-leftside,
	.left-overlap-rightside,
	.right-overlap-leftside,
	.right-overlap-rightside {
		transform: none !important;
		align-self: auto;
		justify-content: auto;
	}
	.hide-on-mobile{
		display: none !important;
	}
	.hide-on-desktop{
		display: block !important;
	}
}

.animate-on-scroll {
  visibility: hidden;
}

.animate__animated {
  visibility: visible; 
}

.block-editor-block-list__block.animate-on-scroll {
  visibility: visible;
}

.fill-height {
	height: 100%;
}

.svg-underline {
	-webkit-box-decoration-break: clone;
  	box-decoration-break: clone;
/*	padding-bottom: 0.15rem; */
  	background-image: url('/wp-content/uploads/2026/04/yellow-underline-mark-v6.svg');
 	background-repeat: no-repeat;
	background-size: 100% 0.5rem;
	background-position: 0 100%;
	font-family: inherit;
}

.flip-text-up{
	writing-mode: sideways-lr !important;
}




/*  Block Styles  */

pre.wp-block-preformatted {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(1rem, 0.8575rem + 0.2972vw, 1.125rem);
	font-weight: 500;	
}
.project-pagination .post-navigation-link-previous,
.project-pagination .post-navigation-link-next {
	margin: 0 !important;
}
footer .footer-contact a,
footer .footer-links a {
	text-decoration: none;
}
footer .footer-contact a:hover,
footer .footer-links a:hover {
	text-decoration: underline;
}
.wp-block-navigation__container .wp-block-navigation__submenu-container {
  	background-color: var(--wp--preset--color--contrast-2) !important;
	padding: 1rem .5rem;
    border-radius: 0 0 20px 20px;
    white-space: nowrap;
}

.wp-block-navigation__container .wp-block-navigation__submenu-container a {
  color: var(--wp--preset--color--base) !important;
}

.wp-block-list li {
    padding-bottom: 0.5rem;
}

.wp-block-list li:last-child {
    padding-bottom: 0;
}

.wp-block-gutena-accordion .wp-block-gutena-accordion-panel {
	border-bottom: 2px solid var(--wp--preset--color--contrast) !important;
}
.wp-block-gutena-accordion .wp-block-gutena-accordion-panel:last-child {
	border-bottom: none !important;
}
.wp-block-list {
    padding-left: var(--wp--preset--spacing--40) !important;
}
.wp-block-gutena-accordion-panel-content.gutena-accordion-block__panel-content p,
.wp-block-gutena-accordion-panel-content.gutena-accordion-block__panel-content .wp-block-list{
	font-size: 18px !important;
}
.gutena-accordion-block .trigger-plus-minus {
	height: 25p !importantx;
	width: 25px !important;
}
.gutena-accordion-block .trigger-plus-minus .vertical {
	height: 15px !important;
	width: 3px !important;
}
.gutena-accordion-block .trigger-plus-minus .horizontal {
	width: 15px !important;
	height: 3px !important;
}




/*  Mobile Menu  */

.wp-block-navigation__responsive-container.has-modal-open {
	padding: 1rem 0 !important;
}
.wp-block-navigation__responsive-container.has-modal-open ul{
	width: 100%;
	padding-top: 1rem;
/* 	display: block !important; */
}
.wp-block-navigation__responsive-container.has-modal-open li{
    padding: .5rem 0;
    display: flex !important;
    align-items: center !important;
    width: 100%;
}
.wp-block-navigation__responsive-container.has-modal-open button.wp-block-navigation__responsive-container-close {  
	padding: .5rem 1rem !important;
}



/*   Mobile Menu   */
.mobile-header {
   display: none; 
}
header nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.mobile-menu-logo {
	display:none!important;
    background-image: url(/wp-content/uploads/2026/03/Logo-white.webp) !important;
    background-size: contain !important;
    background-position: left !important;
    height: 50px;
    width: auto;
    background-repeat: no-repeat !important;
    position: fixed;
    left: 1rem;
    top: .5rem;
}
.mobile-header .mobile-menu-logo a {
	opacity:0;
}

@media ( max-width: 992px ) {
	/* change mobile menu break point */
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex !important;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: none !important;
  }
  .desktop-header {
    display: none;
	}
	.mobile-header {
		display: block;
	}
	header nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item.mobile-menu-logo {
		display:flex!important;
	}
	.wp-block-navigation-submenu > button::after {
		content: "";
		width: 24px;
		height: 24px;
		margin-left: .25rem;
		display: inline-flex;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23FFFFFF' d='M320.4 449.9L337.4 432.9L497.4 272.9L514.4 255.9L480.5 222L463.5 239L320.5 382L177.5 239L160.5 222L126.6 255.9L143.6 272.9L303.6 432.9L320.6 449.9z'/%3E%3C/svg%3E");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		transition: transform 0.25s ease;
	}
	.wp-block-navigation-submenu > button[aria-expanded="true"]::after {
		transform: rotate(180deg);
	}
	ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
		padding-top: .75rem !important;
        padding-bottom: 0 !important;
	}
	ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a {
		padding: 0 !important;
	}
	.wp-block-group:has(> .wp-block-gutena-accordion.gutena-accordion-block) {
	  	padding: 0 !important;
	}

}