/*
Theme Name: Twenty Twenty Five Child
Template: twentytwentyfive
Version: 1.0.0
*/

html {		
	margin: auto;
}

body {	
	margin: auto;	
	background-color: var(--wp--preset--color--main-background);	
}

/* Sticky header */
.wp-site-blocks {
	position: relative;
	> header:first-of-type {
		position: sticky;
		inset: 0;
		z-index: 9999999;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
	}
}
.admin-bar {
	.wp-site-blocks {
		> header:first-of-type {
			@media(min-width: 783px) {
				top: 32px;
			}
		}
	}
}

a {
	text-decoration: none;
	transition: color 0.5s ease;	
}
a:focus:not(:focus-visible) {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
	/*margin-bottom: .45rem;*/
	margin-top: 0;
}


/* buttons - default styles --------------------------------------------------------------*/
.wp-block-button__link {
    transition: background-color 0.5s ease;
    border-bottom-width: 5px;
    font-size: 1rem;
}

.wp-block-button__link:hover {
    background-color: #dbdbdb;
}

.wp-block-button .wp-block-button__link {
	&:hover {
		background-color: var(--wp--preset--color--sand);	
	}
	&:active, &:focus {
		outline: 0;		
		translate: 0 .25rem;
		box-shadow: 0 0 0 2px var(--wp--preset--color--dark-green),
    		0 2px 0 var(--wp--preset--color--dark-green); 
	}

} 


/* buttons - custom classes -------------------------------------------------------------- */

/* Button Yellow */
.wp-block-button.is-style-button-yellow .wp-block-button__link { 	
 	border-color: var(--wp--preset--color--dark-green);
 	background: var(--wp--preset--color--yellow, #EFC100);
 	color: var(--wp--preset--color--dark-green); 	

 	&:hover { 		    	
    	background-color: #FFDD00;
	}
 	
}

/* Button Green */
.wp-block-button.is-style-button-green .wp-block-button__link { 	
 	border-color: var(--wp--preset--color--dark-green);
 	background: var(--wp--preset--color--vibrant-green);
 	color: var(--wp--preset--color--sand); 	
 	font-size: 1rem;

 	&:hover { 		
    	background-color: color-mix(in hsl, var(--wp--preset--color--vibrant-green) 90%, black);    	
	}
 	
}

/* Button Small Sand */
.wp-block-button.is-style-button-small-sand .wp-block-button__link { 	
 	border-color: var(--wp--preset--color--dark-green);
 	background: var(--wp--preset--color--sand);
 	color: var(--wp--preset--color--dark-green);
 	padding: 1rem;
 	font-size: 1rem;

 	&:hover { 		
    	background-color: color-mix(in hsl, var(--wp--preset--color--sand) 90%, black);    	
	}	
 	
}


/* Button with dropdown arrow */
.wp-block-button.is-style-button-with-arrow .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--wp--preset--color--dark-green);
  font-size: 1rem;
  padding: 1rem;

  &:hover {
  	background-color: color-mix(in hsl, #FFF 90%, black);
  }
}

/* Button with arrow  */
.wp-block-button.is-style-button-with-arrow .wp-block-button__link::after {
	content: '';
	  display: inline-block;
	  width: 14px;
	  height: 14px;
	  background-color: #ffffff;
	  -webkit-mask-image: url('assets/images/keyboard_arrow_down.svg');
	  mask-image: url('assets/images/keyboard_arrow_down.svg');
	  mask-repeat: no-repeat;
	  mask-position: center;
	  mask-size: contain;
	  flex-shrink: 0;

}
.wp-block-button.is-style-button-with-arrow .wp-block-button__link::after {
	background-color: var(--wp--preset--color--dark-green);
}

/* Groups - custom classes ------------------------------------------------------------- */

/* Core Group Block max width 1215px */
.is-style-content-width {
	max-width: 1215px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* Core Group Header width */
.is-style-heading-width {
	max-width: 1010px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* Core Group Main Section */
.is-style-main-section {
	padding: 3rem 0;
	@media(min-width: 992px) {
		padding: 7rem 0;
	}
}


/* Gravity Forms ------------------------------------------------------------- */

.gform_wrapper input {
  border: none !important;
}

.gform_wrapper select {
	border: none !important;
}

.gfield_label,
.gform-field-label {
  font-family: var(--wp--preset--font-family--caprasimo)!important;
  font-size: 1rem!important;
  color: var(--wp--preset--color--dark-green)!important;
}

.gform-yellow-button {
	background-color: var(--wp--preset--color--yellow, #EFC100) !important;	
	color: var(--wp--preset--color--dark-green) !important;
	font-family: var(--wp--preset--font-family--caprasimo) !important;
	box-shadow: 0 0 0 2px var(--wp--preset--color--dark-green), 0 6px 0 var(--wp--preset--color--dark-green) !important; 
    border-radius: 3.75rem !important;
    font-weight: 400 !important;
    padding: 1.25rem 1.5rem !important;
    font-size: 1rem !important;    

    &:hover {
    	background-color: #fd0 !important;
    }
    &:active, &:focus {
    	box-shadow: 0 0 0 2px var(--wp--preset--color--dark-green), 0 2px 0 var(--wp--preset--color--dark-green) !important;
    	outline: 0 !important;    	
    	 --gf-local-border-color: transparent !important;
    	 --gf-local-bg-color: transparent !important;
    	 translate: 0 .25rem;    	
    }
}