/*
Theme Name: semea
Theme URI: botika.tv
Description: botikaren 24a.
Author: btk
Author URI: https://botika.tv/
Template: twentytwentyfour
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html, body {
	max-width: 100%;
	overflow-x: hidden;
}
.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container {
	left: -1rem;
}

.wp-container-core-group-is-layout-b585a4aa {
	justify-content: space-between;
}
.wp-container-core-group-is-layout-353c4f5a,
.wp-container-core-group-is-layout-fe9cc265 {
    flex-direction: column;
    align-items: flex-start;
}
.wp-container-core-group-is-layout-e5edad21 {
    justify-content: space-between;
    align-items: flex-start;
}
.db-item .db-meta a,
.db-ekoizpenak-results h3 a {
	pointer-events: none;
}

/* Filter Form */
.db-ekoizpenak-container form {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    align-items: flex-end;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
	border: 1px solid #DDD;
}
.db-ekoizpenak-container select {
    margin: 0;
}
.filter-group {
    flex: 1;
    min-width: 200px;
}
.filter-group label {
    display: block;
    font-weight: bold;
}
.filter-group select {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.filter-button {
    padding: 8px 15px;
    background: #7CAD53;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.filter-button:hover {
    background: #000;
}
.clear-filters {
    margin-left: 10px;
    color: #7CAD53;
    text-decoration: none;
}
/* Results */
.results-count {
    margin-bottom: 20px;
    font-style: italic;
    color: #666;
}
.db-item {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: white;
}
.db-item h3 {
    margin-top: 0;
    margin-bottom: 10px;
}
.db-item h3 a {
    color: #7CAD53;
    text-decoration: none;
}
.db-item h3 a:hover {
    /* text-decoration: underline; */
}
.db-meta {
    /* display: flex;
    flex-wrap: wrap; */
    gap: 15px;
    color: #666;
    font-size: 0.9375em;
	}
	.db-meta span {
		display: inline-block;
	}
	.db-esteka {
		display: inline-block;
    margin-top: 2px;
    color: #666;
    text-decoration: none;
		font-size: 0.9375em;
}
.db-esteka:hover {
	color: #7CAD53;
}
.no-results {
    padding: 20px;
    background: #FFF;
    border-radius: 5px;
    text-align: center;
	border: 1px solid #ddd;
}
.db-ekoizpenak-results h3 {
	font-size: 1.3125rem;	
}	
.wpml-language-switcher-block.is-layout-flex.is-responsive.has-child-selected.wp-block-navigation, 
.wpml-language-switcher-block.is-layout-flex.is-responsive.has-child-selected.wp-block-navigation ul,
.wpml-language-switcher-block > .wp-block-navigation-item > div {
	width: 1.875rem !important;
	font-weight: bold;
}
.wpml-language-switcher-block.is-layout-flex.is-responsive.has-child-selected.wp-block-navigation {
	padding-right: .5rem !important;
}	
.wp-block-navigation__container > li div span div span {
	padding-right: .5rem !important;
	display: block;
}	
.wpml-language-switcher-block a span {
	/*width: 2rem !important;*/
}
.wpml-language-switcher-block.is-layout-flex.is-responsive.has-child-selected.wp-block-navigation li {
	padding-left: .25rem;
}
[data-wpml="language-item"]:first-of-type {
	margin-top: 0 !important;
}
.wpml-language-switcher-block ul {
	padding: 0 .0625rem !important;
}
.ppc-button-wrapper {
	display: none;	
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
  min-width: 220px;

}
:root {
	--kolore: #7CAD53;
	--responsive--alignfull-width: 1280px;
	--primary-nav--font-size-mobile: 2rem;
	--heading--font-weight-page-title: 200;
	--button--border-width: 2px;
	--global--spacing-horizontal: 20px;
	--global--spacing-vertical: 25px;
	--wp--preset--spacing--50: 20px;
}
a, 
a:active,
a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: 0;
}
body {
	font-family: "Roboto Condensed", sans-serif;
}
:root {
	--wp--style--global--content-size: 1100px;
	--wp--style--global--wide-size: 1100px;
}
.twb {
	text-wrap: balance;
	max-width: 900px;
}
.azpimarra {
	display: inline-block;
	border-bottom: 3px solid var(--kolore);	
}
h1 {
	letter-spacing: -2px;	
	font-weight: 500;
}	
h2.wp-block-heading {
	border-bottom: 1px solid var(--kolore);	
}	
.wp-site-blocks *:focus {
	outline-width: 0;
}

header .wp-block-navigation-submenu a span.wp-block-navigation-item__label,
header a.wp-block-navigation-item__content:not(.current-menu-ancestor) {
	border-bottom: 1px solid #F9F9F9;
}
header a.current-menu-ancestor,
header .wp-block-navigation > .current-menu-item > a.wp-block-navigation-item__content {
	border-bottom: 1px solid var(--kolore);
}
header a.wp-block-navigation-item__content {
	text-decoration: none;
	/* color: var(--kolore); */
}
header a:hover.wp-block-navigation-item__content {
	text-decoration: none;
	color: var(--kolore) !important;
}
header .wp-block-navigation > .wp-block-navigation-item a.wp-block-navigation-item__content:hover:not(.current-menu-ancestor) {
	/* border-bottom: 1px solid var(--kolore); */
}
header .wp-block-navigation > .wp-block-navigation-submenu .wp-block-navigation-item a.wp-block-navigation-item__content:hover:not(.current-menu-ancestor) {
	border-bottom: 1px solid #F9F9F9;
}
/* header .wp-block-navigation-submenu a:hover span.wp-block-navigation-item__label, */
header .wp-block-navigation-submenu .current-menu-item > a.wp-block-navigation-item__content span {
	border-bottom: 1px solid var(--kolore);
}

hr.wp-block-separator {
	border-color: var(--kolore);
	text-align: center;
}
.wp-block-list li a {
	text-decoration: underline;
}
.wp-block-list li a:hover {
	text-decoration: none;
}
.wpcf7 input,
.wpcf7 textarea {
	background-color: #fff;
	/*color: #000;*/
    padding: .9rem 1.1rem;
	border: 1px solid #333;
	border-radius: .33rem;
}
.wpcf7-submit {
	/*font-size: 1.125rem;*/
	text-transform: uppercase;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--body);
  font-size: var(--wp--preset--font-size--medium);
	border-radius: .33rem;
	padding-top: calc(0.6rem - 1px);
  padding-bottom: calc(0.6rem - 1px);
}
.wpcf7-submit:hover {
	color: #FFF;
	background-color: #333;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container {
  left: -1rem;
	top: 1.6125rem;
}

.wp-block-navigation__submenu-container.has-text-color.has-contrast-color.has-background.has-base-background-color.wp-block-navigation-submenu {
	background-color: rgba(255, 255, 255, .5) !important;
}

main {
	margin-top: 0 !important;
}
.listpad li {
	padding-bottom: 1rem;
}


/*----------------------------------------[      botika betiko      ]------------------------------------*/

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
html {
	/*overflow-y: scroll;*/
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
html, body {
	font-size: 104%;
/*	height: 100%;*/
/*	min-height: 100vh;*/
}
body {
	/*text-align: center;*/
	overflow-x: hidden;
	position: relative;
}
html, body, table {
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}
button,
input,
optgroup,
select,
textarea {
	color: inherit;
  font-family: inherit;
  line-height: 1.5;
  font-size: 100%;
  margin: 0;
}
textarea {
	resize: vertical;
}

table tr td {
	vertical-align: top;
}
object, .pointernone {
	pointer-events: none;
}
a {	text-decoration: none; transition: color .2s ease-in-out; }
p a, .edulist a {	text-decoration: underline; }
p a:hover, .edulist a:hover {	text-decoration: none; }

.noscroll { overflow-y: hidden; }
.toprint, .kontrol { display: none; }
.kolover, .kolover a {	background-position: top center; }
.kolover:hover, .kolover a:hover {	background-position: bottom center; }
.marginauto { margin: 0 auto; }

.trans { transition: all .2s ease-in-out; }

/*----------------------------------------------[        $elements           ]---------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	text-align: left;
}
p {
	/*font-weight: 300;*/
	text-align: left;
	line-height: 1.375;
	margin: .5rem 0 .75rem;
	font-size: 1rem;
	/*text-align: justify;*/
}
p a:not(.but) {
/*	color: #333;*/
	padding: 0 1px;
	/*background-color: #FFF;
	border-bottom: 1px dotted #DDD;*/
}
p a:hover {
	color: #333;
}
img { 
	vertical-align: middle;
}

form {
/*	margin: 2rem 0;*/
	text-align: left;
}
fieldset {
	border: 1px solid #CCC;
}
legend {
	color: #AAA;
	text-transform: uppercase;
}
input,
select,
optgroup,
option,
textarea {
	/*font-size: 1.0625rem;*/
	background: #FFF;
	border: 1px solid #CCC;
	margin: .25rem 0;
}
input, textarea {
	width: 99.9%;
	padding: .25rem;
}
select {
	padding: .25rem;
}
select option {
	border: 0;
	margin: 0;
}
input[type=checkbox]{
	width: auto;
}
textarea {
	overflow: auto;
}
input:hover,
select:hover,
textarea:hover {
	/*border-color: #BBB;*/
	cursor: pointer;
}
input:focus,
select:focus,
textarea:focus {
	color: #333;
	border-color: #CCC;
	box-shadow: none;
	background: #FAFAFA;
	outline: none;
}

label {
/*	color: #AAA;*/
	display: block;
}
label:before {
	content: '\203A'; 
	margin: 0 .25rem; 
	font-weight: 900;
	display: inline-block;
	transform: rotate(90deg);
}
button {
	color: #FFF;
/*	border: 1px solid #999;*/
	padding: .75rem;
/*	background: #999;*/
	cursor: pointer;
	font-size: 1rem;
}
button:not(.but) {
	/*border: none;*/
}
button:hover {
	background: #AAA;
}

table {
	margin: 2rem 0;
	border: 1px solid #DDD;
	border-collapse: collapse;
	border-spacing: 0;
}
table thead {
	font-weight: 900;
}
th, td {
	text-align: left;
	padding: .75rem 1rem;
	border: 1px solid #DDD;
}
table thead td {
	font-weight: 900;
	text-align: center;
}
table tr:nth-of-type(2n) {
  background: #F1F1F1;
}

.frame {
	position: relative;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	white-space: nowrap;
}

hr {
	margin: .0625rem 0;
	/*background: #CCC;*/
	border: none;
	height: 1px;
	clear: both;
}
abbr[title], acronym[title] {
    border-bottom: none;
}
abbr, acronym {
/*	border-bottom: 1px solid #CCC;*/
	cursor: help;
}

/*----------------------------------------------[           $rwd             ]---------------------------------------*/

.mediaquerylevel { z-index: 0; width: 0px; display: none; }
.rwdiv { margin-bottom: 1.5rem; }
.rwdiv.nomar { margin-bottom: 0; }
.fleximg { width: 100%; }
.fleximgmax {	max-width: 100%; }

.e-web1, .e-webf1, .e-webi1, .e-webib1,
.e-web2, .e-webf2, .e-webi2, .e-webib2,
.e-web3, .e-webf3, .e-webi3, .e-webib3,
.e-web4, .e-webf4, .e-webi4, .e-webib4 { display: none; }
.e-mob1, .e-mob2, .e-mob3, .e-mob4 { display: block; }
.e-mobf1, .e-mobf2, .e-mobf3, .e-mobf4 { display: flex; }
.e-mobi1, .e-mobi2, .e-mobi3, .e-mobi4 { display: inline; }
.e-mobib1, .e-mobib2, .e-mobib3, .e-mobib4 { display: inline-block; }

.rwdiv.ezkr { float: left; }
.rwdiv.eskb { float: right; }

.z100 { width: 100%; }
.z50 { width: 50%; }
.z55 { width: 55%; }
.z45 { width: 45%; }
.z33 { width: 33.33%; }
.z66 { width: 66.66%; }
.z35 { width: 35%; }
.z65 { width: 65%; }
.z40 { width: 40%; }
.z60 { width: 60%; }
.z30 { width: 30%; }
.z70 { width: 70%; }
.z25 { width: 25%; }
.z75 { width: 75%; }
.z20 { width: 20%; }
.z80 { width: 80%; }
.z10 { width: 10%; }
.z90 { width: 90%; }
.z5 { width: 5%; }
.z95 { width: 95%; }

/*----------------------------------------------[           flex             ]---------------------------------------*/

.flex { display: flex; }
.wrap { flex-wrap: wrap; }
.nowrap { flex-wrap: nowrap; }
.fdc { flex-direction: column; }
.fdrr { flex-direction: row-reverse; }
.ais { align-items: stretch; } /* default */
.aic { align-items: center; }
.aib { align-items: baseline; }
.aifs { align-items: flex-start; }
.aife { align-items: flex-end; }
.acs { align-content: stretch; } /* default */
.acc { align-content: center; }
.acfs { align-content: flex-start; }
.acfe { align-content: flex-end; }
.acsp { align-content: space-between; }
.acsa { align-content: space-around; }
.jcfs { justify-content: flex-start; } /* default */
.jcsb { justify-content: space-between; }
.jcsa { justify-content: space-around; }
.jcse { justify-content: space-evenly; }
.jcfe { justify-content: flex-end; }
.jcc { justify-content: center; }
.asc { align-self: center; }
.asfs { align-self: flex-start; }
.asfe { align-self: flex-end; }
.fs0 { flex-shrink: 0; }
.fs1 { flex-shrink: 1; }
.fg0 { flex-grow: 0; }
.fg1 { flex-grow: 1; }
.f-1, .f-2, .f-3, .f-4, .f-5, .f-6 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.f-1 li, .f-2 li, .f-3 li, .f-4 li, .f-5 li, .f-6 li { margin-bottom: 1rem; }
.f-1 > * { width: 100%; }
.f-2 > * { width: 48%; }
.f-3 > * { width: 31%; }
.f-4 > * { width: 23%; }
.f-5 > * { width: 19%; }
.f-6 > * { width: 15.5%; }
.f-auto { display: flex; flex-wrap: nowrap; }
.f-auto > * { flex: 1 1 280px; margin: .25rem 0; }
.f12345 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.f12345 > * { flex-basis: 100%; }

.ezmarauto { margin-left: auto; }
.esmarauto { margin-right: auto; }
.eemarauto { margin-left: auto; margin-right: auto; }

.erdinside {
	display: flex;
	height: 100%;
	width: 100%;
}
.erdinside > * {
	margin: auto;
}

/*----------------------------------------------[         $koloreorokorrak          ]---------------------------------------*/

.nobak { background: none; }

.kolw, a:hover .kolwover, .kolwover:hover { color: #FFF; }
.bokow, a:hover .bokowover, a.bokowover:hover, a.bokow:hover { border-color: #FFF; }
.bakow, a:hover .bakowover, a.bakowover:hover { background-color: #FFF; }
.kolwstroke, .kolwstrokeover:hover, a:hover .kolwstrokeover { text-shadow: 2px 0 0 #FFF, -2px 0 0 #FFF, 0 2px 0 #FFF, 0 -2px 0 #FFF, 1px 1px #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF; }
.kolb, a:hover .kolbover, .kolbover:hover { color: #000; }
.bokob, a:hover .bokobover, a.bokobover:hover, a.bokob:hover { border-color: #000; }
.bakob, a:hover .bakobover, a.bakobover:hover { background-color: #000; }
.kolbstroke, .kolbstrokeover:hover, a:hover .kolbstrokeover { text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000; }
.kolr, a:hover .kolrover, .kolrover:hover { color: #BF0B28; }
.bokor, a:hover .bokorover, a.bokorover:hover, a.bokor:hover { border-color: #BF0B28; }
.bakor, a:hover .bakorover, a.bakorover:hover { background-color: #BF0B28; }
.kolrstroke, .kolrstrokeover:hover, a:hover .kolrstrokeover { text-shadow: 2px 0 0 #BF0B28, -2px 0 0 #BF0B28, 0 2px 0 #BF0B28, 0 -2px 0 #BF0B28, 1px 1px #BF0B28, -1px -1px 0 #BF0B28, 1px -1px 0 #BF0B28, -1px 1px 0 #BF0B28; }
.kolg, a:hover .kolgover, .kolgover:hover { color: #75A92F; }
.bokog, a:hover .bokogover, a.bokogover:hover, a.bokog:hover { border-color: #75A92F; }
.bakog, a:hover .bakogover, a.bakogover:hover { background-color: #75A92F; }
.kolgstroke, .kolgstrokeover:hover, a:hover .kolgstrokeover { text-shadow: 2px 0 0 #75A92F, -2px 0 0 #75A92F, 0 2px 0 #75A92F, 0 -2px 0 #75A92F, 1px 1px #75A92F, -1px -1px 0 #75A92F, 1px -1px 0 #75A92F, -1px 1px 0 #75A92F; }
.kolgrey, a:hover .kolgreyover, .kolgreyover:hover { color: #999; }
.bokogrey, a:hover .bokogreyover, a.bokogreyover:hover, a.bokogrey:hover { border-color: #999; }
.bakogrey, a:hover .bakogreyover, a.bakogreyover:hover { background-color: #999; }
.kolgreystroke, .kolgreystrokeover:hover, a:hover .kolgreystrokeover { text-shadow: 2px 0 0 #999, -2px 0 0 #999, 0 2px 0 #999, 0 -2px 0 #999, 1px 1px #999, -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999; }
.kole, a:hover .koleover, .koleover:hover { color: #EEE; }
.bokoe, a:hover .bokoeover, a.bokoeover:hover, a.bokoe:hover { border-color: #EEE; }
.bakoe, a:hover .bakoeover, a.bakoeover:hover { background-color: #EEE; }
.kolestroke, .kolestrokeover:hover, a:hover .kolestrokeover { text-shadow: 2px 0 0 #EEE, -2px 0 0 #EEE, 0 2px 0 #EEE, 0 -2px 0 #EEE, 1px 1px #EEE, -1px -1px 0 #EEE, 1px -1px 0 #EEE, -1px 1px 0 #EEE; }
.kolc, a:hover .kolcover, .kolcover:hover { color: #CCC; }
.bokoc, a:hover .bokocover, a.bokocover:hover, a.bokoc:hover { border-color: #CCC; }
.bakoc, a:hover .bakocover, a.bakocover:hover { background-color: #CCC; }
.kolcstroke, .kolcstrokeover:hover, a:hover .kolcstrokeover { text-shadow: 2px 0 0 #CCC, -2px 0 0 #CCC, 0 2px 0 #CCC, 0 -2px 0 #CCC, 1px 1px #CCC, -1px -1px 0 #CCC, 1px -1px 0 #CCC, -1px 1px 0 #CCC; }

.bor { border-width: 1px; }
.borsol, 
.bor, .bor1, .bor2, .bor3, .bor4, .bor:hover, .bor1:hover, .bor2:hover, .bor3:hover, .bor4:hover,
.bor12, .bor23, .bor34, .bor123, .bor234, .bor14, .bor12:hover, .bor23:hover, .bor34:hover, .bor123:hover, .bor234:hover, .bor14:hover { border-style: solid; }
.bordas { border-style: dashed; }
.bordot { border-style: dotted; }
.bor1 { border-width: 1px 0 0 0; }
.bor2 { border-width: 0 1px 0 0; }
.bor3 { border-width: 0 0 1px 0; }
.bor4 { border-width: 0 0 0 1px; }
.bor12 { border-width: 1px 1px 0 0; }
.bor23 { border-width: 0 1px 1px 0; }
.bor34 { border-width: 0 0 1px 1px; }
.bor123 { border-width: 1px 1px 1px 0; }
.bor234 { border-width: 0 1px 1px 1px; }
.bor14 { border-width: 1px 0 0 1px; }

.nobor { border: none; }

/*-----------------------------------------------[          $maketazioa          ]----------------------------------------*/

.nopad { padding: 0; }
.nomar { margin: 0; }
.padxxs { padding: .0625rem; } /* ---------------------------- XXS -- 1px -- */
.marxxs { margin: .0625rem; }
.gopadxxs { padding-top: .0625rem; }
.gomarxxs { margin-top: .0625rem; }
.bepadxxs { padding-bottom: .0625rem; }
.bemarxxs { margin-bottom: .0625rem; }
.gbpadxxs { padding-top: .0625rem; padding-bottom: .0625rem; }
.gbmarxxs { margin-top: .0625rem; margin-bottom: .0625rem; }
.ezpadxxs { padding-left: .0625rem; }
.ezmarxxs { margin-left: .0625rem; }
.espadxxs { padding-right: .0625rem; }
.esmarxxs { margin-right: .0625rem; }
.eepadxxs { padding-left: .0625rem; padding-right: .0625rem; }
.eemarxxs { margin-left: .0625rem; margin-right: .0625rem; }
.padxs { padding: .125rem; } /* ---------------------------- XS -- 2px -- */
.marxs { margin: .125rem; }
.gopadxs { padding-top: .125rem; }
.gomarxs { margin-top: .125rem; }
.bepadxs { padding-bottom: .125rem; }
.bemarxs { margin-bottom: .125rem; }
.gbpadxs { padding-top: .125rem; padding-bottom: .125rem; }
.gbmarxs { margin-top: .125rem; margin-bottom: .125rem; }
.ezpadxs { padding-left: .125rem; }
.ezmarxs { margin-left: .125rem; }
.espadxs { padding-right: .125rem; }
.esmarxs { margin-right: .125rem; }
.eepadxs { padding-left: .125rem; padding-right: .125rem; }
.eemarxs { margin-left: .125rem; margin-right: .125rem; }
.pads { padding: .3125rem; } /* ---------------------------- S -- 5px -- */
.mars { margin: .3125rem; }
.gopads { padding-top: .3125rem; }
.gomars { margin-top: .3125rem; }
.bepads { padding-bottom: .3125rem; }
.bemars { margin-bottom: .3125rem; }
.gbpads { padding-top: .3125rem; padding-bottom: .3125rem; }
.gbmars { margin-top: .3125rem; margin-bottom: .3125rem; }
.ezpads { padding-left: .3125rem; }
.ezmars { margin-left: .3125rem; }
.espads { padding-right: .3125rem; }
.esmars { margin-right: .3125rem; }
.eepads { padding-left: .3125rem; padding-right: .3125rem; }
.eemars { margin-left: .3125rem; margin-right: .3125rem; }
.padm { padding: .625rem; } /* ---------------------------- M -- 10px -- */
.marm { margin: .625rem; }
.gopadm { padding-top: .625rem; }
.gomarm { margin-top: .625rem; }
.bepadm { padding-bottom: .625rem; }
.bemarm { margin-bottom: .625rem; }
.gbpadm { padding-top: .625rem; padding-bottom: .625rem; }
.gbmarm { margin-top: .625rem; margin-bottom: .625rem; }
.ezpadm { padding-left: .625rem; }
.ezmarm { margin-left: .625rem; }
.espadm { padding-right: .625rem; }
.esmarm { margin-right: .625rem; }
.eepadm { padding-left: .625rem; padding-right: .625rem; }
.eemarm { margin-left: .625rem; margin-right: .625rem; }
.pa { padding: 1rem; } /* -------------------------------- ? -- 16px -- */
.ma { margin: 1rem; }
.gopa { padding-top: 1rem; }
.goma { margin-top: 1rem; }
.bepa { padding-bottom: 1rem; }
.bema { margin-bottom: 1rem; }
.gbpa { padding-top: 1rem; padding-bottom: 1rem; }
.gbma { margin-top: 1rem; margin-bottom: 1rem; }
.ezpa { padding-left: 1rem; }
.ezma { margin-left: 1rem; }
.espa { padding-right: 1rem; }
.esma { margin-right: 1rem; }
.eepa { padding-left: 1rem; padding-right: 1rem; }
.eema { margin-left: 1rem; margin-right: 1rem; }
.pad { padding: 1.25rem; } /* ---------------------------- _ -- 20px -- */
.mar { margin: 1.25rem; }
.gopad { padding-top: 1.25rem; }
.gomar { margin-top: 1.25rem; }
.bepad { padding-bottom: 1.25rem; }
.bemar { margin-bottom: 1.25rem; }
.gbpad { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.gbmar { margin-top: 1.25rem; margin-bottom: 1.25rem; }
.ezpad { padding-left: 1.25rem; }
.ezmar { margin-left: 1.25rem; }
.espad { padding-right: 1.25rem; }
.esmar { margin-right: 1.25rem; }
.eepad { padding-left: 1.25rem; padding-right: 1.25rem; }
.eemar { margin-left: 1.25rem; margin-right: 1.25rem; }
.padl { padding: 1.75rem; } /* ------------------------ L -- 28px -- */
.marl { margin: 1.75rem; }
.gopadl { padding-top: 1.75rem; }
.gomarl { margin-top: 1.75rem; }
.bepadl { padding-bottom: 1.75rem; }
.bemarl { margin-bottom: 1.75rem; }
.gbpadl { padding-top: 1.75rem; padding-bottom: 1.75rem; }
.gbmarl { margin-top: 1.75rem; margin-bottom: 1.75rem; }
.ezpadl { padding-left: 1.75rem; }
.ezmarl { margin-left: 1.75rem; }
.espadl { padding-right: 1.75rem; }
.esmarl { margin-right: 1.75rem; }
.eepadl { padding-left: 1.75rem; padding-right: 1.75rem; }
.eemarl { margin-left: 1.75rem; margin-right: 1.75rem; }
.padxl { padding: 2.5rem; } /* ------------------------ XL -- 40px -- */
.marxl { margin: 2.5rem; }
.gopadxl { padding-top: 2.5rem; }
.gomarxl { margin-top: 2.5rem; }
.bepadxl { padding-bottom: 2.5rem; }
.bemarxl { margin-bottom: 2.5rem; }
.gbpadxl { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.gbmarxl { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.ezpadxl { padding-left: 2.5rem; }
.ezmarxl { margin-left: 2.5rem; }
.espadxl { padding-right: 2.5rem; }
.esmarxl { margin-right: 2.5rem; }
.eepadxl { padding-left: 2.5rem; padding-right: 2.5rem; }
.eemarxl { margin-left: 2.5rem; margin-right: 2.5rem; }

/*-----------------------------------------------[          $text+font          ]-----------------------------------------*/

.t100 { font-weight: 100; }
.t200 { font-weight: 200; }
.t300 { font-weight: 300; }
.t400 { font-weight: 400; }
.t500 { font-weight: 500; }
.t600 { font-weight: 600; }
.t700 { font-weight: 700; }
.t800 { font-weight: 800; }
.t900 { font-weight: 900; }

.terdi { text-align: center; }
.tezkr { text-align: left; }
.teskb { text-align: right; }
.tjust, .tjust p { text-align: justify; }

.tk6 { font-size: .375em; }
.tk5 { font-size: .5em; }
.tk4 { font-size: .6875em; }
.tk3 { font-size: .8125em; }
.tk2 { font-size: .875em; }
.tk1 { font-size: .9375em; }
.tx6 { font-size: .375rem; }
.tx5 { font-size: .5rem; }
.tx4 { font-size: .6875rem; }
.tx3 { font-size: .8125rem; }
.tx2 { font-size: .875rem; }
.tx1 { font-size: .9375rem; }
.t00 { font-size: 1rem; }
.th1 { font-size: 1.125rem; }
.th2 { font-size: 1.25rem; }
.th3 { font-size: 1.375rem; }
.th4 { font-size: 1.5rem; }
.th5 { font-size: 2rem; }
.th6 { font-size: 2.5rem; }
.tg1 { font-size: 1.125em; }
.tg2 { font-size: 1.25em; }
.tg3 { font-size: 1.375em; }
.tg4 { font-size: 1.5em; }
.tg5 { font-size: 2em; }
.tg6 { font-size: 2.5em; }

.tupper { text-transform: uppercase; }
.tcapit { text-transform: capitalize; }
.tlower { text-transform: lowercase; }
.lodi { font-weight: bold; }
.mehe { font-weight: normal; }
.oker { font-style: italic; }
.zuzen { font-style: normal; }
.tnormal { font-weight: normal; font-style: normal; }

.lhxxs { line-height: .75; }
.lhxs { line-height: .8125; }
.lhs { line-height: .875; }
.lhm { line-height: .9375; }
.lh, .lh1, .lh1 p { line-height: 1; }
.lhl { line-height: 1.125; }
.lhxl { line-height: 1.25; }
.lhxxl { line-height: 1.5; }
.lhxxxl { line-height: 1.75; }

.ls-k1 {	letter-spacing: -1px; }
.ls-k2 {	letter-spacing: -2px; }
.ls-g1 {	letter-spacing: 1px; }
.ls-g2 {	letter-spacing: 2px; }

/*-----------------------------------------------[          $orokorrak          ]-----------------------------------------*/

.borobil {
	border-radius: 100%;
}
.borderadius {
	border-radius: 1rem;
}
.txtitzal, .txtitzalover:hover, a:hover .txtitzalover {
	text-shadow: 0 2px 2px #999;
}
.boxitzal, .boxitzalover:hover, a:hover .boxitzalover {
	box-shadow: 1px 2px 2px #999;
}

.esku { cursor: pointer; }
.ezesku { cursor: default; }
.vgora { vertical-align: top; }
.verdi { vertical-align: middle; }
.vbera { vertical-align: bottom; }
.ni { text-decoration: underline; }
.niez { text-decoration: none; }
.nigoi { text-decoration: overline; }
.bord { border-width: 1px; border-style: solid; }
.preload { visibility: hidden; }
.ikusezina { display: none; }
.izkutatua { visibility: hidden; }
.opa0 { opacity: 0; }
.opa25 { opacity: .25; }
.opa50 { opacity: .5; }
.opa75 { opacity: .75; }
.opa1 { opacity: 1; }
.opa1over:hover { opacity: 1; }
.blok { display: block; }
.iblok { display: inline-block; }
.ezkr { float: left; }
.eskb { float: right; }
.erdi { float: none; }
.garb { clear: both; }
.garbitu { clear: both; height: 1px; line-height: 1px; }
.garbezkr { clear: left; }
.garbeskb { clear: right; }
.overflo { overflow: hidden; }
.marginauto { margin: auto; }
.nirel { position: relative; }
.niabs { position: absolute; }
.nitop { top:0; }
.nibottom { bottom:0; }
.nileft { left:0; }
.niright { right:0; }
.nitrans { transition: all .2s ease-out; }

.eaba { outline: 1px solid #F81; }
a.nihover:hover, a:hover .nihover { text-decoration: underline; }
a.nihoverez:hover { text-decoration: none; }


/*----------------------------------------------[           $denetatik           ]-----------------------------------------*/

.fadein {
	animation: fadein 1s;
}
@keyframes fadein {
  from{opacity: 0;}
  to{opacity: 1;}
}
.fadeout {
	animation: fadeout 1s;
}
@keyframes fadeout {
  from{opacity: 0;}
  to{opacity: 1;}
}

.group:after {
  content: "";
  display: table;
  clear: both;
}
@keyframes donut-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.donut {
	vertical-align: middle;
  display: inline-block;
  border: .75rem solid rgba(0,0,0,.2);
  border-left-color: #999;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  animation: donut-spin 1s linear infinite;
}
.system-font-stack {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
