@charset "UTF-8";
/*
Theme Name:     vrankova.cz 2021
Theme URI:      https://www.vrankova.cz
Description:    vrankova.cz 2021 - child theme
Author:         Michaela Vranková
Author URI:     https://www.vrankova.cz
Template:       generatepress
Version:        1.0.3
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           vrankova, accessibility-ready
Text Domain:    vrankova
*/
/*****************************************************************
--------------------------------------------------------------
# FONTS
-------------------------------------------------------------- */
/*****************************************************************
--------------------------------------------------------------
# DEFINITION FONTS
@link https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin,latin-ext
-------------------------------------------------------------- */
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/roboto-v29-latin-ext_latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/roboto-v29-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-ext_latin-300.woff2") format("woff2"), url("fonts/roboto-v29-latin-ext_latin-300.woff") format("woff"), url("fonts/roboto-v29-latin-ext_latin-300.ttf") format("truetype"), url("fonts/roboto-v29-latin-ext_latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/roboto-v29-latin-ext_latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/roboto-v29-latin-ext_latin-300italic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-ext_latin-300italic.woff2") format("woff2"), url("fonts/roboto-v29-latin-ext_latin-300italic.woff") format("woff"), url("fonts/roboto-v29-latin-ext_latin-300italic.ttf") format("truetype"), url("fonts/roboto-v29-latin-ext_latin-300italic.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto-v29-latin-ext_latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/roboto-v29-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-ext_latin-regular.woff2") format("woff2"), url("fonts/roboto-v29-latin-ext_latin-regular.woff") format("woff"), url("fonts/roboto-v29-latin-ext_latin-regular.ttf") format("truetype"), url("fonts/roboto-v29-latin-ext_latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("fonts/roboto-v29-latin-ext_latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("fonts/roboto-v29-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v29-latin-ext_latin-italic.woff2") format("woff2"), url("fonts/roboto-v29-latin-ext_latin-italic.woff") format("woff"), url("fonts/roboto-v29-latin-ext_latin-italic.ttf") format("truetype"), url("fonts/roboto-v29-latin-ext_latin-italic.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* =============================
 *   TYPOGRAPHY
 ============================= */
html {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 18px;
}

body {
  font-size: 1rem;
}

strong {
  font-weight: 400;
}

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

/* class for larger font than normal size */
.has-large-font-size {
	font-size: 1.75rem;
	font-weight: 300;
}

/* class for larger font than larger size */
.has-huge-font-size {
  font-size: 2.5rem;
		font-weight: 300;
}

/* centered main heading */
h1 {
  text-align: center;
}

/* at frontpage h1 is hide, but it has in code for robots */
.home h1 {
  position: absolute;
  left: -999em;
}

/* =============================
 *   LAYOUT 
 ============================= */
/* hide horizontal scrollbar (it is due to the parametr 100vw) */
body {
  overflow-x: hidden;
}

/* =============================
 *   LINKS 
 ============================= */
*:focus {
  outline: 3px solid 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;
}

/* == PICTURES == */
/* GALLERY - picture with link is not underlined */
figure a img {
  /* same color as at img */
  border: 1px solid #8d8d8d;
  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: 2px solid transparent;
  display: block;
}

/* thumbnail-picture with hover link has darker border than img (see bellow) */
/* same color as links */
figure a:hover img,
figure a:focus img,
figure a:active img,
.post-image a:hover img,
.post-image a:focus img,
.post-image a:active img,
.wp-block-latest-posts__featured-image a:hover img,
.wp-block-latest-posts__featured-image a:focus img,
.wp-block-latest-posts__featured-image a:active img {
  border: 2px solid #245791;
}

/* picture with link is block */
a > img {
  display: block;
}

/* == BUTTONS == */
/*  */
a.wp-block-button__link {
  border: none;
  margin-bottom: 0;
  margin: 20px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
}

a.wp-block-button__link:hover,
a.wp-block-button__link:focus,
a.wp-block-button__link:active {
  border-color: #8DBEF3;
  box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
}

.button--primary .wp-block-button__link:link,
.button--primary .wp-block-button__link:visited {
  color: #000;
  background: linear-gradient(175deg,rgba(252,185,0,0.5) 0%,rgb(250,150,78) 95%);
  border: none;
}

.button--primary a.wp-block-button__link:active,
.button--primary a.wp-block-button__link:hover,
.button--primary a.wp-block-button__link:focus {
  color: #000;
  background-color: #FB9324;
  border-color: #FB9324;
}

/* =============================
 *   HEADER 
 ============================= */
.site-header {
  /* box-shadow: 0 2px 12px rgba(125, 125, 125, 0.4); */
  background: linear-gradient(180deg,rgba(252,185,0,0.2) 0%,rgba(250,150,78,0.4) 100%)
}

.main-title {
  word-wrap: nowrap;
  white-space: nowrap;
}

/* Photo outside header */
.site-header .site-logo {
  display: inline-block;
  max-width: 100%;
  width: 120px;
}

.site-header .header-image {
  border: none;
  border-radius: 500px;
  margin-bottom: -50px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

/* =============================
 *   PICTURES 
 ============================= */
.profile-img img {
  border-radius: 500px;
  width: 300px;
  height: auto;
  border: none;
}

img {
  border: 2px solid transparent;
  box-sizing: content-box;
}

.img-no-border img {
  border: none;
  background: none;
}

.has-inline-icon img {
  border: none;
  border-radius: 0;
  margin: 0.25em 0.5em;
  vertical-align: middle;
  background: none;
}

/* =============================
 *   CONTACT FORM
 ============================= */
.everest-forms label {
  font-size: inherit;
}

.everest-forms label.evf-field-label {
  font-weight: normal;
}

.everest-forms button.button:not(.button-large) {
  border-radius: 100px;
  color: #fff;
  background-color: #348800;
  border-color: transparent;
}

.everest-forms button.button:not(.button-large):hover,
.everest-forms button.button:not(.button-large):focus,
.everest-forms button.button:not(.button-large):active {
  color: #348800;
  background-color: #fff;
  border-color: #348800;
}

.everest-forms .everest-forms-notice--success {
  background-color: #28532f;
}

/* =============================
 *   OTHER
 ============================= */
/* list has no marker */
.has-no-marker {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

/* list of posts */
.wp-block-latest-posts.wp-block-latest-posts__list {
  margin-left: 0;
}

.wp-block-latest-posts.is-grid {
  justify-content: space-between;
}

.wp-block-latest-posts.is-grid li {
  margin: 0 0 1.25em 0;
}

.pseudotitle {
  margin-top: -40px;
}

.has-no-bottom-margin {
  margin-bottom: 0;
}

/* green background */
.green-bck {
  background-color: #00ff00;
}

/* figcaption */
figcaption {
  font-size: 0.75rem;
  text-align: center;
}

/* smaller paragraph margin */
.has-margin-1em {
  margin-bottom: 0.75em;
}