/*
Theme Name:   MŠ Bancíkovej
Theme URI:    https://nasaskolka.sk/
Description:  Odvodená téma od Kids Education Bell pre MŠ Bancíkovej.
Author:       MŠ Bancíkovej
Author URI:   https://nasaskolka.sk/
Template:     kids-education-bell
Version:      1.0.0
*/

:root {
	--sive-pozadie: rgba(229, 229, 229, 0.9);
	--modre-pozadie: rgba(88, 215, 237, 0.9);
	--ruzove-pozadie: rgba(238, 169, 245, 0.9);
	--zelene-pozadie: rgba(121, 224, 150, 0.9);
	--fialove-pozadie: rgba(87, 80, 160, 0.9);
	--oranzove-pozadie: rgba(252, 181, 77, 0.9);

	--modry-text: #00BCDD;
	--ruzovy-text: #E55AF4;
	--zeleny-text: #18C349;
	--fialovy-text: #7067D4;
	--oranzovy-text: #FBA421;
}

/* originalny font 'Shadows Into Light' nevie diakritiku */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Courgette', cursive;
}

/* nechceme prve pismeno kazdeho slova velke */
#secondary .widget h1,
#secondary .widget h2,
#secondary .widget h3,
#secondary .widget h4,
#secondary .widget h5,
#secondary .widget h6,
#secondary .widget-title,
#secondary .widgettitle {
    text-transform: none;
}

/* farebne nadpisy v sidebaroch */
#secondary .widget h3 {
    color: var(--modry-text)
}

/* h5 bol rovnako velky ako h2 */
#secondary .widget h1 {
    font-size: 52px;
}

#secondary .widget h2 {
    font-size: 42px;
}

#secondary .widget h3 {
    font-size: 26px;
}

#secondary .widget h4 {
    font-size: 20px;
}

#secondary .widget h5 {
    font-size: 18px;
}

#secondary .widget h6 {
    font-size: 14px;
}

/* vlnky v paticke prekryvaju tlacitka alebo spodok sidebaru */
#primary,
#secondary
{
	padding-bottom: 80px;
}

/* zmenene fonty pre nadpisy a text v sidebaroch (aby sedeli s h4) */
.wp-block-details summary {
    font-size: 20px;
	font-family: 'Courgette', cursive;
}

/* logo bolo orezane zaoblenim */
.single.home-education img
{
	border-radius: 0;
}

/* nechceme prve pismeno kazdeho slova velke */
.entry-title
{
  text-transform: none;
}
/* stranky boli bez pozadia, skopirovany styl z clankov */
#primary article.page:not(.grid-item),
#primary nav,
#primary .error-404,
#primary section.not-found
{
	background-color: var(--sive-pozadie);
	box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.05);
	padding: 40px;
	border-radius: 30px;
}
/* priesvitne widgety a clanky */
.single #primary article.post, .single #primary .navigation,
#secondary .widget
{
	background-color: var(--sive-pozadie);
}
.blog-one article:nth-child(1n) .post-item {
	background-color: var(--modre-pozadie);
}
.blog-one article:nth-child(2n) .post-item {
	background-color: var(--ruzove-pozadie);
}
.blog-one article:nth-child(3n) .post-item {
	background-color: var(--zelene-pozadie);
}
.blog-one article:nth-child(4n) .post-item {
	background-color: var(--fialove-pozadie);
}
.blog-one article:nth-child(5n) .post-item {
	background-color: var(--oranzove-pozadie);
}
/* navigacne tlacitka sa dotykaju posledneho clanku */
#primary main nav.posts-navigation 
{
	padding-top: 30px;
}
/* niektore clanky v prehlade boli na seba nalepene */
#primary main article.post
{
	margin-bottom: 30px;
}
/* sirka menu na mobile */
@media screen and (max-width: 766px) {
  body:not(.modern-menu) .site-menu nav {
		width: 80% !important; /* auto !important; */
	}
}
/* aby sa zobrazil len description a nie nazov */
.site-title {
	display: none;
}

/* zoznamy vo widgetoch */
#colophon .widget li::before, #secondary .widget li::before {
	font-family: 'FontAwesome';
	float: left;
	margin-right: 15px;
}
#colophon .widget li:nth-child(5n + 1)::before,
#secondary .widget li:nth-child(5n + 1)::before {
	content: "\f005"; /* Hviezdička */
	color: var(--ruzovy-text);
}
#colophon .widget li:nth-child(5n + 2)::before,
#secondary .widget li:nth-child(5n + 2)::before {
	content: "\f004"; /* Srdce */
	color: var(--zeleny-text);
}
#colophon .widget li:nth-child(5n + 3)::before,
#secondary .widget li:nth-child(5n + 3)::before {
	content: "\f1e3"; /* Loptička */
	color: var(--fialovy-text);
}
#colophon .widget li:nth-child(5n + 4)::before,
#secondary .widget li:nth-child(5n + 4)::before {
	content: "\f02d"; /* Kniha */
	color: var(--oranzovy-text);
}
#colophon .widget li:nth-child(5n + 5)::before,
#secondary .widget li:nth-child(5n + 5)::before {
	content: "\f040"; /* Ceruzka */
	color: var(--modry-text);
}
#secondary .widget li:nth-child(5n + 1) a:hover,
#primary .entry-content ul.wp-block-list li:nth-child(5n + 1) a:hover {
	color: var(--ruzovy-text);
}
#secondary .widget li:nth-child(5n + 2) a:hover,
#primary .entry-content ul.wp-block-list li:nth-child(5n + 2) a:hover {
	color: var(--zeleny-text);
}
#secondary .widget li:nth-child(5n + 3) a:hover,
#primary .entry-content ul.wp-block-list li:nth-child(5n + 3) a:hover {
	color: var(--fialovy-text);
}
#secondary .widget li:nth-child(5n + 4) a:hover,
#primary .entry-content ul.wp-block-list li:nth-child(5n + 4) a:hover {
	color: var(--oranzovy-text);
}
#secondary .widget li:nth-child(5n + 5) a:hover,
#primary .entry-content ul.wp-block-list li:nth-child(5n + 5) a:hover {
	color: var(--modry-text);
}

/* odrazky v zoznamoch na strankach a clankoch */
#primary .entry-content ul.wp-block-list {
	list-style: none;
}
#primary .entry-content ul.wp-block-list li::before {
	content: "\f138"; /* zobak vpravo v kruzku */
	font-family: 'FontAwesome';
	float: left;
	margin-right: 15px;
}
#primary .entry-content ul.wp-block-list li ul li::before {
	content: "\f105"; /* zobak vpravo */
}

/* zaokruhlenie rohov na tlacitku pre prihlasku */
.home-education.single #primary article.post figure.skola-na-webe a img {
	border-radius: 0px;
}

/* zvacsit font pre nadpis stranok a clankov */
#primary .entry-header .entry-title {
	font-size: 32px;
}

/* farebne h3 na strankach a clankoch */
#primary .entry-content h3 {
	color: var(--modry-text);
}
#primary .entry-content h4 {
	color: var(--ruzovy-text);
}
#primary .entry-content h5 {
	color: var(--oranzovy-text);
}

/* rada skoly */
.rada-skoly {
	padding-left: 80px;
}

/* tien pre nadpis v obrazku */
#page-site-header .page-title {
	text-shadow: -2px 2px 5px #000000;
}

#page-site-header .overlay {
	display: none;
}

/* select pre widgety mal max sirku 300px*/
.wp-block-archives select {
	max-width: 100%;
}

.category-oznam .entry-content {
	padding: 30px;
	background: rgb(255,255,255);
	border-radius: 30px;
}