@charset "UTF-8";
/*
Theme Name:     Konference Škola a udržitelnost 2025
Theme URI:      https://www.skolaaudrzitelnost.cz
Description:    GeneratePress child theme
Author:         Michaela Vranková
Author URI:     https://www.vrankova.cz
Template:       generatepress
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           accessibility-ready
Text Domain:    sau
*/

/* =============================
 *   TYPOGRAPHY
 ============================= */

 /* =============================
 *   LINKS 
 ============================= */
*:focus {
  outline: 3px dotted red;
}

/* default link is underlined with BORDER */
a {
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: 1px;
  margin-bottom: -1px;
}

/* thicker underlining */
a:hover,
a:active,
a:focus {
  border-bottom: 2px solid;
  padding-bottom: 2px;
  margin-bottom: -2px;
}

/* == HEADER == */
/* header links - underlining is transparent */
.site-header a:link,
.site-header a:visited {
  border-bottom: 1px solid transparent;
  padding-bottom: 1px;
  margin-bottom: -1px;
}

/* header links hover - underlining is black */
.site-header a:hover,
.site-header a:active,
.site-header a:focus {
  border-color: #000;
}

/* bold current menu item */
.current-menu-item > a {
  font-weight: bold;
}

/* == PICTURES == */
/* GALLERY - picture with link is not underlined */
figure a img {
  /* same color as at img */
  border: 2px solid #ddd;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* link at picture in single */
figure a,
.post-image a,
.wp-block-latest-posts__featured-image a {
  /*display: block;*/
  border: 1px solid transparent;
}

/* =============================
 *   DEFAULT STYLES
 ============================= */
.has-medium-font-size {
  font-size: 1.6rem !important;
}
@media (max-width:768px) {
	.has-medium-font-size {
  	font-size: 1.2rem !important;
	}
}
/* DEFAULT SPACES */
/* same space after item */
.home-hero,
.home-photo-choice,
.wp-block-buttons,
.wp-block-gallery,
ol,
ul,
.wp-block-embed {
	margin-bottom: 2rem;
}
/* =============================
 *   BACKGROUND LEAVES
 ============================= */
body {
	background-image: url(/wp-content/uploads/2025/03/Skola_a_udrzitelnost_bg4.webp);
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-attachment: fixed;
}
/* smaller part of BG*/
@media (max-width:1400px) {
	body {
  background-position-x: 110%;
	}
}
/* smaller part of BG*/
@media (max-width:1200px) {
	body {
  background-position-x: 120%;
	}
}
/* MOBILE no image */
@media (max-width:700px) {
	body {
  	background-image: none;
	}
}
/* =============================
 *   PICTURES
 ============================= */
/* GALLERY - picture with link is not underlined */
figure a img {
  /* same color as at img */
  border: 2px solid #ddd;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* GALLERY - picture hover not underlined */
figure a:hover,
figure a:active,
figure a:focus {
  border-bottom: 0;
}
/* GALLERY - add hover efect */
/* crop scale image */
.wp-block-gallery .wp-block-image a {
	overflow: hidden;
  position: relative; 
}
/* HOVER efect - scale */
.wp-block-gallery .wp-block-image a:hover img {
  transform: scale(1.1);
}
/* hover border color */
.wp-block-gallery .wp-block-image:hover a {
	border: 2px solid var(--global-color-17);
}
/* link at picture in single */
figure a,
.post-image a,
.wp-block-latest-posts__featured-image a {
  border: 2px solid transparent;
}

/* =============================
 *   H2 decoration
 ============================= */
h2 {
	position: relative;
	margin-bottom: 1em;
}
#page h2::after {
  content: '';
  position: absolute;
  display: block;
	font-size: 2rem;
  bottom: -0.25rem;
  width: 45%;
  height: 3px;
  background: var(--global-color-15);
}
/* =============================
 *   BUTTONS
 ============================= */
/* buttons all */
.wp-block-button .wp-block-button__link {
  border-radius: 5px;
}
/* HERO - bigger button */
.home-hero .wp-block-button .wp-block-button__link {
	font-size: 1.5rem;  
	padding: 1rem 2rem;
}
a.wp-block-button__link {
	font-weight: 700;
  border: 0;
	margin: 0;
}
/* buttons outline */
.wp-block-button.is-style-outline--1 a.wp-block-button__link:not(.has-background) {
	color: var(--contrast);
  background-color: var(--global-color-15);
}
.wp-block-button.is-style-outline--1  a.wp-block-button__link:hover,
.wp-block-button.is-style-outline--1  a.wp-block-button__link:focus,
.wp-block-button.is-style-outline--1  a.wp-block-button__link:active {
  color: var(--base-3);
  background: var(--global-color-16);  
}
/* =============================
 *   LISTS
 ============================= */
/* not at header and footer */
.site-content ul {
  list-style-position: outside;
  line-height: 2em;
}
.site-content li {
  padding-left: 0.5rem;
}
/* list - first level */
.site-content :is(ul, ol) > li::marker {
  content: "📌";
}

/* list - other levels */
.site-content :is(ul ul, ul ol, ol ul, ol ol) > li::marker {
  content: normal; 
}
/* smaller space before list */
@media (max-width:768px) {
  .site-content ul {
    margin-left: 1.5rem;
  }
}

/* =============================
 *   MENU
 ============================= */
.current-menu-item > a {
  font-weight: normal;
}
/* non shifting content  */
#site-navigation a {
  border: 2px solid transparent;
	
}
/* hover - border around */
#site-navigation a:hover,
#site-navigation a:focus,
#site-navigation a:active {
  border: 2px solid;
}
/* hover - blue color */
.main-navigation .main-nav ul li:hover > a, 
.main-navigation .main-nav ul li:focus > a, 
.main-navigation .main-nav ul li.sfHover > a, 
.main-navigation .menu-bar-item:hover > a, 
.main-navigation .menu-bar-item.sfHover > a {
  color: var(--accent);
  background-color: var(--base-3);
}

/* =============================
 *   HOME - HERO
 ============================= */
/* enough space around */
.home-hero {
	min-height: 35rem;
}
/* no space between header and hero */
.home .site-content {
	padding-top: 0;
}
/* =============================
 *   HOME - PHOTO SECTION
 ============================= */
/* style texts */
.home-photo-choice a .wp-block-cover__inner-container {
	color: var(--base-3);
	font-size: 2.6rem;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
	border: none;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 2rem 2rem;
  max-height: 100%;
  max-width: 100%;
}
@media (max-width: 1024px) {
	.home-photo-choice a .wp-block-cover__inner-container {
		font-size: 2rem;
	}
}
/* hover - different text color */
.home-photo-choice a:hover .wp-block-cover__inner-container,
.home-photo-choice a:focus .wp-block-cover__inner-container,
.home-photo-choice a:active .wp-block-cover__inner-container {
	color: var(--global-color-15);
}
/* hover - darker background */
.home-photo-choice a:hover .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.home-photo-choice a:focus .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,
.home-photo-choice a:active .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70 {
  opacity: .85;
}
/* no underline link */
.home-photo-choice a,
.home-photo-choice a:hover,
.home-photo-choice a:focus,
.home-photo-choice a:active {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* no space after text - parent margin */
.home-photo-choice .wp-block-cover__inner-container p {
	margin-bottom: 0;
}

/* =============================
 *   HOME - LOGOS SECTION
 ============================= */
/* LOGOS SECTION - on 1 row */
.logos-block .wp-block-group__inner-container {
	display: flex;
	flex-wrap:nowrap;
	gap: 3rem;
	align-items: center;
	justify-content: center;
	background: white;
}
/* LOGOS mobile - 1 column */
@media screen and (max-width: 1100px) {
	.logos-block .wp-block-group__inner-container {
		flex-direction: column;
	}
}
/* small page height */
#page {
	min-height: calc(100vh - 200px);
}