/*
Theme Name: EAPN Euskadi 2023
Template: twentytwentyone
Description: Adaptación del 2023 para EAPN Euskadi 
Version: 1.0.0
Author: Erreka Multimedia
Author URI: https://ai.googleblog.com/2023/01/lamda-language-model-for-dialogue.html
*/


/*
Base colors
*/

@primary: #33669B;
@accent:@accent;
@primary: #33669B;
@accent: red;
@background: #FFFFFF;
@text: #333;
@link: red;
@link-hover: darken(@link, 10%);
@headings: red;
@border: #333;
@button: red;
@button-hover: darken(@button, 10%);
@input: #333;
@input-focus: lighten(@input, 10%);
@select: #333;
@textarea: #333;

:root {
 accent-color: #8E183C;

--global--color-content:#ffffff;
--global--color-background:#ffffff;
--global--color-text:#33669B;
--global--color-link:#33669B;
--global--color-link-hover:#33669B;
--global--color-headings:#33669B;
--global--color-border:#33669B;
--global--color-button:#33669B;
--global--color-button-hover:#33669B;
--global--color-input:#33669B;
--global--color-input-focus:#33669B;
--global--color-select:#33669B;
--global--color-textarea:#33669B;
--global--color-primary:#8E183C;
--global--color-secondary:#33669B;
--global--color-accent:#8E183C;
--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--spacing-vertical:1rem;
--global--spacing-horizontal:1rem;

--responsive--alignwide-width:min(calc(100vw - 2 * 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;

}


/*
Body
*/


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

/*
Header
*/

.site-header {
  background-color: var(--global--color-background);
  color:var(--global--color-accent);
}

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

/*
Footer
*/

.site-footer {
  background-color: var(--global--color-content);
  color:var(--global--color-primary);
}

/*
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-content: space-around;/*/
    align-items: flex-start;
	}

/*events calendar */

.tribe-events-calendar-list__event-date-tag-datetime{
font-size:2em;	

}
.tribe-common span.tribe-events-calendar-list__event-date-tag-weekday{border:1px solid var(--global--color-accent);}
.tribe-events-calendar-list__event-date-tag-daynum{background:var(--global--color-accent);color:#fff;}
.tribe-common-h5{}
.tribe-common-h4--min-medium{font-size:var(--global--font-size-medium);}

.tribe-events-calendar-list__event-title.tribe-common-h6.tribe-common-h4--min-medium{}

.tribe-events-calendar-list__event-datetime-wrapper{background:#eaeaea;} 
.tribe-common-b2{font-size:var(--global--font-size-medium);}

.tribe-common-b2{font-size:1em;}
.tribe-common h2{font-size:1.5em;}
.tribe-common h3 *{font-size:1.5rem;}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event{
	flex-direction: row-reverse;
    justify-content: center;
}

:root{
--tec-color-text-events-title:var(--global--color-accent);
--tec-spacer-0:0em;
--tec-spacer-1:0.2em;
--tec-spacer-2:0.3em;
--tec-spacer-3:0.4;
--tec-spacer-4:0.5;
--tec-spacer-5:0.10;
--tec-spacer-6: 28px;
--tec-spacer-7: 32px;
--tec-spacer-8: 40px;
--tec-spacer-9: 48px;
--tec-spacer-10: 56px;
--tec-spacer-11: 64px;
--tec-spacer-12: 80px;
--tec-spacer-13: 96px;
--tec-spacer-14: 160px;
	
--tec-grid-gutter: 48px;
--tec-grid-gutter-negative: calc(var(--tec-grid-gutter)*-1);
--tec-grid-gutter-half: calc(var(--tec-grid-gutter)/2);
--tec-grid-gutter-half-negative: calc(var(--tec-grid-gutter-half)*-1);
--tec-grid-gutter-small: 42px;
--tec-grid-gutter-small-negative: calc(var(--tec-grid-gutter-small)*-1);
--tec-grid-gutter-small-half: calc(var(--tec-grid-gutter-small)/2);
--tec-grid-gutter-small-half-negative: calc(var(--tec-grid-gutter-small-half)*-1);
--tec-grid-gutter-page: 42px;
--tec-grid-gutter-page-small: 19.5px;
--tec-grid-width-default: 1176px;
--tec-grid-width-min: 320px;
--tec-grid-width: calc(var(--tec-grid-width-default) + var(--tec-grid-gutter-page)*2);
--tec-grid-width-1-of-2: 50%;
--tec-grid-width-1-of-3: 33.333%;
--tec-grid-width-1-of-4: 25%;
--tec-grid-width-1-of-5: 20%;
--tec-grid-width-1-of-7: 14.285%;
--tec-grid-width-1-of-8: 12.5%;
--tec-grid-width-1-of-9: 11.111%;
 
--tec-z-index-spinner-container: 100;
--tec-z-index-views-selector: 30;
--tec-z-index-dropdown: 30;
--tec-z-index-events-bar-button: 20;
--tec-z-index-search: 10;
--tec-z-index-filters: 9;
--tec-z-index-scroller: 7;
--tec-z-index-week-event-hover: 5;
--tec-z-index-map-event-hover: 5;
--tec-z-index-map-event-hover-actions: 6;
--tec-z-index-multiday-event: 5;
--tec-z-index-multiday-event-bar: 2;
--tec-color-text-primary: #141827;
--tec-color-text-primary-light: rgba(20,24,39,.62);
--tec-color-text-secondary: #5d5d5d;
--tec-color-text-disabled: #d5d5d5;
--tec-color-text-events-title: var(--tec-color-text-primary);
--tec-color-text-event-title: var(--tec-color-text-events-title);
--tec-color-text-event-date: var(--tec-color-text-primary);
--tec-color-text-secondary-event-date: var(--tec-color-text-secondary);
--tec-color-icon-primary: #5d5d5d;
--tec-color-icon-primary-alt: #757575;
--tec-color-icon-secondary: #bababa;
--tec-color-icon-active: #141827;
--tec-color-icon-disabled: #d5d5d5;
--tec-color-icon-focus: #334aff;
--tec-color-icon-error: #da394d;
--tec-color-event-icon: #141827;
--tec-color-event-icon-hover: #334aff;
--tec-color-accent-primary: #334aff;
--tec-color-accent-primary-hover: rgba(51,74,255,.8);
--tec-color-accent-primary-active: rgba(51,74,255,.9);
--tec-color-accent-primary-background: rgba(51,74,255,.07);
--tec-color-accent-secondary: #141827;
--tec-color-accent-secondary-hover: rgba(20,24,39,.8);
--tec-color-accent-secondary-active: rgba(20,24,39,.9);
--tec-color-accent-secondary-background: rgba(20,24,39,.07);
--tec-color-button-primary: var(--tec-color-accent-primary);
--tec-color-button-primary-hover: var(--tec-color-accent-primary-hover);
--tec-color-button-primary-active: var(--tec-color-accent-primary-active);
--tec-color-button-primary-background: var(--tec-color-accent-primary-background);
--tec-color-button-secondary: var(--tec-color-accent-secondary);
--tec-color-button-secondary-hover: var(--tec-color-accent-secondary-hover);
--tec-color-button-secondary-active: var(--tec-color-accent-secondary-active);
--tec-color-button-secondary-background: var(--tec-color-accent-secondary-background);
--tec-color-link-primary: var(--tec-color-text-primary);
--tec-color-link-accent: var(--tec-color-accent-primary);
--tec-color-link-accent-hover: rgba(51,74,255,.8);
--tec-color-border-default: #d5d5d5;
--tec-color-border-secondary: #e4e4e4;
--tec-color-border-tertiary: #7d7d7d;
--tec-color-border-hover: #5d5d5d;
--tec-color-border-active: #141827;
--tec-color-background: #fff;
--tec-color-background-events: transparent;
--tec-color-background-transparent: hsla(0,0%,100%,.6);
--tec-color-background-secondary: #f7f6f6;
--tec-color-background-messages: rgba(20,24,39,.07);
--tec-color-background-secondary-hover: #f0eeee;
--tec-color-background-error: rgba(218,57,77,.08);
--tec-color-box-shadow: rgba(0,0,0,.14);
--tec-color-box-shadow-secondary: rgba(0,0,0,.1);
--tec-color-scroll-track: rgba(0,0,0,.25);
--tec-color-scroll-bar: rgba(0,0,0,.5);
--tec-color-background-primary-multiday: rgba(51,74,255,.24);
--tec-color-background-primary-multiday-hover: rgba(51,74,255,.34);
--tec-color-background-secondary-multiday: rgba(20,24,39,.24);
--tec-color-background-secondary-multiday-hover: rgba(20,24,39,.34);
--tec-color-accent-primary-week-event: rgba(51,74,255,.1);
--tec-color-accent-primary-week-event-hover: rgba(51,74,255,.2);
--tec-color-accent-primary-week-event-featured: rgba(51,74,255,.04);
--tec-color-accent-primary-week-event-featured-hover: rgba(51,74,255,.14);
--tec-color-background-secondary-datepicker: var(--tec-color-background-secondary);
--tec-color-accent-primary-background-datepicker: var(--tec-color-accent-primary-background);
}


ul.social {display:flex; justify-content: flex-end;}
ul.social li{list-style:none;}
ul.social svg{
	fill:var(--global--color-primary);
	fill:var(--global--color-secondary);
}
#breadc ol{display:flex;justify-content: flex-start;margin:0;padding:0;}
#breadc li{list-style:none;display:flex;align-items: center;}
#breadc li a{color:inherit;}
#breadc li:not(:first-of-type)::before{Content:">";display:inline-block;padding:var(--global--spacing-base);}

#page .ficha{

  padding_: 1em;
  height: 100%;
  display: grid;
	gap:1em;
  justify-items: center;
	align-content: space-around;
}
#page .ficha figure{
	margin-bottom:1em;	
	border:0px dotted red;
}
#page .ficha a{
text-decoration:none;
font-weight:bold;
}