/* BLOCKS */

.wp-block-navigation{

	&.is-style-ehdlft26-navigation-megamenu{

		.wp-block-navigation__container{
			gap:1rem;
			margin: 0;
			padding: 0;
			max-height: 300px;
			flex-wrap: wrap;
		
			li{
				flex: 1 0 30%;
				
				a{
					color: var(--wp--preset--color--custom-red-900);
					font-weight: 700;
					font-family: var(--wp--preset--font-family--din-condensed);
					font-size: var(--wp--preset--font-size--custom-2);
					font-style: normal;
					text-transform: uppercase;
					font-weight: 700;
				}
				
				
			}
			
			.wp-block-navigation-submenu{
				gap: 0;
				margin: 0;
				padding-left: 0;

				.wp-block-navigation__submenu-container{	
					min-width: unset!important;
					a{
						font-family: var(--wp--preset--font-family--signika);
						font-size: var(--wp--preset--font-size--custom-2);
						text-transform: unset;
						font-weight: 300;
					}
				}
			}
		}
	}
}

.wp-block-yoast-faq-block{
	&.is-style-ehdlft26-yoast-faq-acordeon{
		.schema-faq-section{
			margin: 0.5rem 0;
			.schema-faq-question{

				display: block;
				margin: 0 0 0rem 0;
				font-size: var(--wp--preset--font-size--custom-2);
				font-weight: 300;
				padding: 1rem 60px 1rem 4.5rem;

				color: var(--wp--preset--color--custom-grey-900);
				background-color: var(--wp--preset--color--custom-grey-100);
				background-position: center left 1.5rem;
				background-image: url("data:image/svg+xml,%3Csvg width='11' height='14' viewBox='0 0 11 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 14V0L11 7L0 14Z' fill='%23727277'/%3E%3C/svg%3E%0A");
				background-repeat: no-repeat;
				cursor: pointer;

				&:focus > span  {
					box-shadow: 0 0 1px 3px rgba(blue, 0.7) !important;
					z-index: 1;
				}
				&:focus,
				& span:focus {
					outline: none;
				}
			}
			.schema-faq-answer{
				display: none;
				margin-top: 0;
				background-color: var(--wp--preset--color--custom-an-blanco);
				color: var(--wp--preset--color--custom-grey-900);
				padding: 1.5rem 60px 1.5rem 4.5rem;
				@media screen and (max-width: 768px){
					padding: 1.5rem 1rem ;
				}
				br{
					margin: 0.5rem;
					display: block;
				}
			}

			&.active{

				.schema-faq-question{
					background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L14 0L7 11L0 0Z' fill='%23727277'/%3E%3C/svg%3E%0A");
				}

				.schema-faq-answer {
					display: block;
					animation: slide-down 0.5s ease-in-out;
				}
			}

			&:last-child{

			}
		}

	}
}
@keyframes slide-down {
  0% {
	opacity: 0;
	transform: translateY(-0.1rem);
  }
  100% {
	opacity: 1;
	transform: translateY(0);
  }
}