/* Atsi custom style.css Syndmuste Horisondi lehe jaoks 
   Viimati uuendatud D10-le minekul sept.2023
	Paras segadik, sest mqne asja kohta tglt ei tea, kas toimib ja milleks vaja...

	Lisatud natuke august 2025
	NB! Siin l2ks nimi example.custom-style.css   */

/* Kqigepealt font, mida kasutan j2rjekorranumbrites
	Varem oli see Parchment (selles on kiri "Syndmuste horisont" logol), uuem on Saira 
@font-face { font-family:Parchment; src: url('../_custom/PARCHM.TTF');
}*/
@font-face
{
font-family:Saira;
src: url('../_custom/SairaSESBI.ttf');
}

/* Uues 0pointis pole, D7-s l.2x p2rast uuendust kqik paigast 2ra*/
/*.fs0 {font-size: .85em;
}*/

/* See on igax juhux pandud siia algusse, et kaotada 2ra totakas pilt, samas mitte hoverit rikkuda */
.pi .field--label-hidden.is-term {background: none;
} 

/* Kqigi linkide v2rv. Imprtant ;-) */
a, a:link, .title, .title a, .node .terms,
#aggregator .news-item .categories, #aggregator .source, #aggregator .age,
#forum td .name, .admin-panel .description {
	color: #004d4d; /* #1A1A8E;*/
	border-bottom: none;
}
a:hover {
	background:  #d5f5e3;
	box-shadow: 0 0 3px 3px #d5f5e3;
}	

/* Pealkirjade v2rv */
h1, h2, h3, .block-title {color: #2a2c21;
}

/* Peakiri pqhivaates suureks */
#main h1.page-title {
    font-size: 240%;
    padding: 10px 0;
    text-transform: none;
	color: #141f1f;
}

/* Node main contenti kola Raamatu puhul.
 Autori nimi title all */
.pi .field--label-hidden.is-term {padding: 0;
}
.field--name-field-autor, .field--name-field-autor a {
	color: #1e2f2f;
	font-size: 1.4em;
    font-weight: bold;
    text-transform: none;
	padding-right: 3px;
}
.field--type-entity-reference.is-term .field__item, .node__links li {
  padding: 0;
  border-right: none;
}
.field--type-entity-reference.is-term .field__item:after {
	content: ","; right: 3px; position: relative;
  }
.field--type-entity-reference.is-term .field__item:last-child:after {
	content: none;
  }

/* see oli miski idiootlik asi, et saada autori nimi vasakusse serva -- vanas!
Eelnevalt lahendatud vist, igatahes keeras ainult sitta (esimenyy l2x paigast 2ra
.block ul {padding: 0;
}*/

/* Fluid gridi enam ei ole, asendatud responsive gridiga; esivaate kola!
Taust heledamaks; padding-bottom: 8px; 2ra vqetud 
13.02.25 taust taas pisut tumedamaks (oli f8f8f4*/
.views-view-responsive-grid__item {
	background-color: #f6f6f0;
	position: relative;
}
.views-view-responsive-grid__item-inner {
	min-height: 310px;
}
.views-view-responsive-grid__item:first-child {
	background-color: #cce0b8;
}

/* Et number ESILEHE vaatel pisut v2iksem oleks ??? aga t66tab... */
.views-view-responsive-grid .views-field.views-field-field-number  {
	font-family: Saira, Verdana, sans-serif;
	font-size: 2.5em;
	padding: 20px 20px 30px;
	text-shadow: 3px 3px 6px white, 0 0 100px blue, 0 0 15px lightblue;
	line-height: 17px;
}
.views-view-responsive-grid .views-field.views-field-title  {
	font-size: 150%;
	line-height:100%;
	padding: 5px 10px;
}
.views-view-responsive-grid .views-field.views-field-field-autor  {
	font-size: 120%;
	padding: 5px 10px;
}

.views-field.views-field-field-suur-pilt-media {
  position: absolute;
  margin: 8px;
  bottom: 0;
}

/* Need 2 on vajalikud pildi keskele panekuks; st vanasti oli 2, nyyd aitab 1-st... */
/*.views-view-responsive-grid-inline {position: relative;
}

.views-field-field-kaanepilt {
	position: absolute;
	left: 10px;
    bottom: 10px;
}  Paistab, et seda ka ei ole vaja, vt ylal
.views-field-field-suur-pilt-media img {
	position: relative;
	left: 8px;
}*/

/**********/
/* Staatuse kola */
.views-view-responsive-grid .views-field-field-staatus {
	display:inline;
	float:right;
	font-style: italic;
}

.stat34, .stat51 {display:none;
}

.stat35, .stat37, .stat38 {
	position:relative;
	right:20px;
	bottom:39px;
}

.stat35 {
	color:blue;
	text-shadow: 1px 1px 1px white, 0 0 15px blue, 0 0 4px lightblue;
}
.stat37 {
	color:green;
	text-shadow: 1px 1px 1px white, 0 0 20px SpringGreen, 0 0 4px LightYellow;
}
.stat38 {
	color:red;
	text-shadow: 1px 1px 1px white, 0 0 15px magenta, 0 0 4px Plum;
}
/**********/

/* Raamatu metaandmete bloki kujundus (09.2023: ma ei tea, misasi see on...) */
#block-views-metadata-block_1 {
	background: none;
    border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: none;
	border-top: none;
}

/* See on vajalik selleks, et j2rgmine t66tax -- suur number raamatu vaates. */
.node__content {position: relative;
}
.node__content .field--name-field-number  {
	font-family: Saira, Verdana, sans-serif;
	font-size: 2.5em;
	text-shadow: 3px 3px 6px white, 0 0 100px blue, 0 0 15px lightblue;
	position: absolute;
	right: 60px;
	top: -150px;
}

/* Suure pildi marginid */
.field--name-field-suur-pilt-media .image-style-view-thumb-180 {
	padding: 10px 0;
}

/* Linkide list
Et algaksid uuelt realt */
.field.field--name-field-linke {clear:both;
}

.field--name-field-linke {
	padding: 5px 0;
    border-top: 2px solid #777;
    border-bottom: 1px solid #DDD;
}
.field--name-field-linke .field__label {
	font-size: 1.4em;
	font-weight: bold;
	padding: 10px 0;
}
.field--name-field-linke, .field--name-field-linke a, .field--name-field-linke a:link {color: #324867;
}
.field--name-field-linke a:hover {color: #004099;
}
.field--name-field-linke .field__items {
	padding: 5px 0;
	font-size: 110%;
}
.field--name-field-linke .field__item {
	padding: 5px 0;
}
.field--name-field-linke .field__item:nth-child(even) {background-color: #f8fffa;
}
.field--name-field-linke .field__item:nth-child(odd) {background-color: #f8faff;
}

.field--name-field-linke .field-item {
	margin: 5px;}

/* Failide tabel */
.field-name-field-fail {
	padding: 5px 0;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.field--name-field-fail a, .field--name-field-fail a:link {color: #324867;
}
.field--name-field-fail a:hover{color: #004099;
}
.field--name-field-fail th {
	border-bottom: 3px solid #cce5ff;
    padding-right: 1em;
}
.field--name-field-fail .even {background-color: #f8fffa;
}
.field--name-field-fail .odd {background-color: #f8faff;
}

/* Booki lingid all */
.book-navigation ul.menu {
    margin: 0;
    padding: 20px 0 10px;
    font-size: 120%;
	color: #1e2f2f;
}

.book-navigation li {padding: 5px 0;
}

.book-navigation li:nth-child(even) {background-color: #f8f8ff;
}

.book-navigation li:nth-child(odd) {background-color: #fefafe;
}

/* Autori vaate kola */
.vasak {grid-area: vasak;}
.alumine {grid-area: alumine;}
.ylemine {grid-area: ylemine;}
.view-taxonomy-term .views-row {
	display: grid;
	grid-template-areas:
    'vasak ylemine'
    'vasak alumine';
	grid-template-columns: 100px auto;
	gap: 10px;
	padding: 10px;
	margin: 10px;
	background-color: #f8f8f4;
}
.view-taxonomy-term .views-field-field-illustratsioon-media {margin: 8px 20px 8px 8px;
}


/* Sellega on paika pandud SH logo all paremal */
#middlecontainer {
	background: transparent url(../_custom/LogoSHV.png) 99% 99% no-repeat;
}


/***********************/
/* CHANGEs for MOBILES */
/***********************/

@media screen and (max-width: 48em) {

/* HEADER IMAGE */
/* Comment or erase the lines below and images rotator will work on mobiles too.
	 You can also change the image with "mobi-sq" or use your own. */
	.himg #headimg, #headimg {
		background: #fff url(../images/all/mobi-dot.png) repeat;
	}
	.node__content .field--name-field-number  {
	font-size: 600%;
	position: absolute;
	right: 50px;
	top: -80px;
	}
}