/*
Theme Name: AISI HEZI 2024
Template: twentytwentyone
Description: Adaptación del 2023 para AISI HEZI
Version: 1.0.0
Author: Erreka Multimedia
Author URI: https://erreka.biz
*/


/*
Base colors
*/

:root {
	
--global--admin-bar--height:2vh;	
--claro:#E5E6F2;	
--oscuro:#ED6D2C;	
--texto:#000000;	
--white:#ffffff;	
--al:#B9B8B5;
--silver:#848482;
--silver2:#BEBEBE;
--golden:#D4AF37;


--global--color-content:#ffffff;
--global--color-background:#ffffff;
--global--color-text:var(--texto);
--global--color-link:var(--oscuro);
--global--color-link-hover:var(--oscuro);
--global--color-headings:var(--oscuro);
--global--color-border:var(--oscuro);
--global--color-button:var(--oscuro);
--global--color-button-hover:var(--oscuro);
--global--color-input:var(--oscuro);
--global--color-input-focus:var(--oscuro);
--global--color-select:var(--oscuro);
--global--color-textarea:var(--oscuro);
--global--color-primary:var(--oscuro);
--global--color-secondary:var(--oscuro);
--global--color-accent:var(--claro);


--global--spacing-base:0.5rem;;
--global--spacing-large:1rem;
--global--spacing-medium:0.25rem;
--global--spacing-small:0.15rem;
--global--border-radius-base:0.5rem;
--global--border-radius-large:1rem;
--global--border-radius-medium:0.25rem;
--global--border-radius-small:0.15rem;


--global--font-primary: Arial, sans-serif;
--global--font-secondary: Arial, sans-serif;
--global--font-size-base:1rem;
--global--font-size-md:1rem;;
--global--font-size-xxl:2rem;
--global--font-size-medium:1.5rem;
--global--font-size-small:0.9rem;
--global--font-size-page-title: var(--global--font-size-xxl);

--global-line-height-heading:1em;


--heading--font-size-h2:var(--global--font-size-medium);
--heading--letter-spacing-h2:0em;;
--heading--line-height-h2:var(--global-line-height-heading);


--heading--font-size-h3:var(--global--font-size-medium);
--heading--letter-spacing-h3:0em;
--heading--line-height-h3:var(--global-line-height-heading);


--global--spacing-vertical:1rem;
--global--spacing-horizontal:1rem;




--responsive--alignwide-width:min(calc(100vw - 2 * var(--global--spacing-horizontal)), 2240px);
--responsive--aligndefault-width:min(calc(100vw - 4 * var(--global--spacing-horizontal)), 2240px);

--primary-nav-padding:0;
--branding--logo--max-height:unset;
--primary-nav--font-size:1.5rem;
--primary-nav--font-size-sub-menu:1.5rem;
--primary-nav--color-link:var(--oscuro);
--primary-nav--color-link-hover:var(--claro);
--footer--color-text:var(--claro);
--global--color-accent:var(--claro);
--branding--color-text:var(--claro);
--branding--color-link:var(--claro);
--idioma-bg:var(--claro);
--idioma-cl:var(--white);



--site-header-background:var(--white);
--primary-nav--background:var(--white);


--bg-bread:var(--oscuro);
--cl-bread:var(--white);

--footer--color-text:var(--white);
--footer--color-link:var(--white);

}





.primary-navigation .primary-menu-container {
	background-color:var(--primary-nav--background);
    margin:0;
}


/*
Body
*/


body {
   background-color: var(--global--color-background);
  color:var(--global--color-text);
}




ul, p, a{color:inherit;}

/*
Header
*/

#breadc{
background:var(--bg-bread);
color:var(--cl-bread);
padding:var(--global--spacing-base);}
body.mobile #breadc ol{}

#breadc ol{display:flex;justify-content: flex-start;margin:0;padding:0;flex-wrap:wrap;}
#breadc li{list-style:none;display:flex;align-items: center;word-spacing:0em;letter-spacing:.1em;}
#breadc li a{color:inherit;}
#breadc li:not(:first-of-type)::before{Content:">";display:inline-block;padding:var(--global--spacing-base);}




/*
Main content
*/
#primary {
  background-color: var(--global--color-content);
  color:var(--global--color-text);
}

/*
Footer
*/

#colophon{
	color:var(--footer--color-text);
	fill:var(--oscuro);
}
#colophon *{
	color:inherit;
	fill:inherit;
	padding:0;margin:0;
	
}

#colophon ul ul{margin-left:0.5rem;}

/*
Links
*/

a {
   color:var(--global--color-link);
}

.button {
   background-color: var(--global--color-accent);
   color:var(--global--color-primary);
}

body {
  font-family:var(--global--font-primary);
}


.site-header{padding-top:0px;}

.site-logo,
.site-header > .site-logo{width:auto;padding:0;margin:0;border:0;}
#masthead:before, #masthead:after{display:none;}
.site-branding{margin:0px;}
.site-navigation,
.primary-navigation{background-color:#fff;margin:0;}
	
#masthead {
    justify-content: space-between;
    align-items: flex-start;
	max-width:unset;
	flex-wrap: wrap-reverse;
	}
	
#page .maxW,
#masthead,
#main,
#breadc >ol,
#colophon .site-info{
	margin:0 auto;
	padding:0;
	max-width:min(calc(100vw - 2 * var(--global--spacing-horizontal)), 1200px);
	max-width:1250px;
	}
	
.site-footer {
  background-color: var(--global--color-content);
  color:var(--global--color-primary);
}	
	
	
#masthead #site-navigation{width:inherit;}
#dintel,
.site-header {
  background-color: var(--site-header-background);
  color:var(--global--color-accent);
 
}
div.brand{display:flex;
justify-content:space-around;
align-items:center;
flex-wrap:wrap;}
.site-branding:last-child{width:auto;}

/*
li.lang-item {
	background:var(--idioma-bg);
	color:var(--idioma-cl);
	text-transform:lowercase;
}
*/
.primary-navigation li.lang-item a{
	display:flex;
	align-items:center;
	
}
/*

.primary-navigation li.lang-item a,
.primary-navigation li.lang-item a:visited,
.primary-navigation li.lang-item a:active,
.primary-navigation li.lang-item a:visited
{
	 color:var(--white);
}

 .primary-navigation li.lang-item::first-letter,
 .primary-navigation li.lang-item a > span:first-letter,
 .primary-navigation li.lang-item a > span:first-of-type:first-letter{
	 color:var(--silver);
	 font-size:1.1em;
 }
*/


.menu-rrss-container{
	display:flex;
	}
ul.social {display:flex; justify-content: flex-end;align-items:center;align-self:center;
}
ul.social li{list-style:none;}
ul.social li a{display:flex;}
ul.social svg{
	fill:var(--global--color-primary);
	fill:var(--global--color-secondary);
}







/**********************************/

body,
#page{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	min-height: 100vh;
    justify-content: space-between;
}



#page > *{width:100%;

max-width:unset;
}

#dintel{ max-width:100%;}


/**********************************/
:root{
	
	--primary-nav--padding:1rem;
}

body.mobile .primary-navigation{top:0;}

.menu-button-container #primary-mobile-menu {
	display:inline-block;
	background:#fff;
	
	
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu{background:var(--global--color-background);min-width: 100%;}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li {background:unset;}

body.mobile .primary-navigation > div > .menu-wrapper > li {display:block;flex-basis:100%;}
body.mobile .primary-navigation > div > .menu-wrapper > li > .sub-menu {position:relative;display:block;margin:0 auto;width:auto;position:relative;margin-left:2rem;margin-right:2rem;}
body.mobile .primary-navigation > div > .menu-wrapper > li > .sub-menu li {background:unset;}
body.mobile .primary-navigation > div > .menu-wrapper > li > .sub-menu a {font-size: var(--primary-nav--font-size-sub-menu-mobile);
    font-style: var(--primary-nav--font-style-sub-menu-mobile);}
body.mobile .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle ul {display:block;width:100%;position:relative;}
body.mobile .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle{display: none;}
body.mobile .primary-navigation > div > .menu-wrapper{
	
	
	left:0;right:0;
	align-items:center;
    align-content: center;
    height:100%;
    background:var(--white);
	width: 100%;
	max-width:100%;
	}
	
body.mobile .primary-navigation > div > .menu-wrapper >li:first-child{align-self:start;justify-self:baseline; 
}	
body.mobile .primary-navigation > div > .menu-wrapper >li:last-child{
	align-self:end;justify-self:end;
    background-color:var(--nar);
	
}	

body.mobile .primary-navigation > div > .menu-wrapper > li > .sub-menu{margin:0;}


.site-info{
justify-content:space-between;}

.site-footer,
.no-widgets .site-footer{
	padding:0px;margin:0px;
	background-color:var(--claro);
	color:#000000;
}

 body.mobile .primary-navigation li.lang-item a{text-align:center;
 justify-content:center;
 }

body.mobile .primary-navigation > div > .menu-wrapper{margin-left:-50vw;background-color: #e74c3c; }


body.mobile .primary-navigation  #primary-menu-list {margin-left:-100vw;}
body.mobile.primary-navigation-open   #primary-menu-list{margin-left:0vw;transition: margin-left 60s ease-in 60s;}

body.mobile.primary-navigation-open .primary-navigation > div > .menu-wrapper{margin-left:0;transition: background-color 60s;background-color: #444444; }


body.mobile .menu-button-container {
    display:grid;
	left:0;
	top:0px;
	position:fixed;
	z-index:999999;
	background:#44444444;
	justify-content: right;
  }
 body.mobile:not(.primary-navigation-open) .primary-navigation .primary-menu-container {
	 
	display:none; 
 }
 body.mobile .primary-navigation .primary-menu-container {
	 
    display:flex; 
	visibility:visible;
	position:fixed;
	
	top:0px;
	z-index:4;
   
 }


aside.logos{
	display:flex;flex-wrap:wrap;justify-content:space-evenly;
	}






#wpadminbar{

}
/*CONTACTO*/
#page ul.contact > li{display:flex;gap:0rem;align-items:center;}
#page ul.contact > li:before{
	display:grid;justify-content:center;align-content:center;
	content:" ";width:4rem;height:4rem;
	background:#000;
	background-image:url(./assets/img/contacto-icons.svg);
	background-size:200%;
}
#page ul.contact > li > a{
	
	text-decoration:none;
}
#page .pie ul.contact > li:before{
	background-color:#fff;
	background-image:url(./assets/img/contacto-icons-pie.svg);
}

#page ul.contact > li.tel:before{
	background-position:0% 100%;
}
#page ul.contact > li.dir:before{
	background-position:100% 0%;
}
#page ul.contact > li.mail:before{
	background-position:0% 200%;
}
#page ul.contact > li.was:before{
	background-position:100% 100%;
}

/**/

@media only screen and (max-width: 1200px) {
	

  .menu-button-container {
   
  }
 #navigation {width:100%;display:flex;justify-content:space-between;align-content:center;}
  div.brand{width:100%;
    justify-content: space-between;
  }
  #masthead{
	  justify-content: space-around;
	 
	  
  }
  
  
}