@charset "UTF-8";
/*
Theme Name:     MichaelaDlha2023
Theme URI:      https://www.michaeladlha.sk
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:    dlha
*/

/* =============================
 *   TYPOGRAPHY
 ============================= */
/* heading are outside text block */
h1, 
h2, 
h3 {
  margin-left: -2rem;
}
/* Homepage H1 */
.home h1 small {
  display: block;
  font-size: 1.5rem;
  margin-left: 2rem;
}
@media (max-width: 768px) {
  h1,
  h2,
  h3,
  .home h1 small {
    margin-left: 0;
  }
  /* smaller large font */
  .site-content .has-large-font-size {
    font-size: 1.602rem !important; /* = h3 */
  }
}
/* == LINES == */
/* lines after menu and before footer */
.site-header {
  border-bottom: 1px solid var(--global-color-12);
}
.site-footer {
  border-top: 1px solid var(--global-color-12);
}
/* flex GAP = space between columns */
:where(.wp-block-columns.is-layout-flex) {
  gap: 4rem;
}
/* no gap when columns ale ony in 1 */
@media screen and (max-width: 781px) {
  :where(.wp-block-columns.is-layout-flex)
  {
    gap: 0;
  }
}
/* style color column */
.color-2-columns .wp-block-column {
  background-color: var(--global-color-13);
  border: 2px solid var(--global-color-8);
  padding: 2rem;
}
/* vertical space in layout */
.space-before {
  margin-top: 4rem;
}
/* block has max width 800px  */
.container-narrow {
  max-width: 800px;
  margin: 4rem auto 1.5rem auto;
}
/* list style - not header and footer */
.site-content ul {
  list-style-position: outside;
  line-height: 2em;
  list-style: none;
}
.site-content li {
  padding-left: 0.5rem;
}
.site-content ul > li::marker {
  content: "→";
} 
/* smaller space before list */
@media (max-width:768px) {
  .site-content ul {
    margin-left: 1.5rem;
  }
}

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

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

/* == HEADER == */
/* header links - underlining is transparent */
.site-header a:link,
.site-header a:visited {
  border-bottom: none;
  margin-bottom: 0; /* hover not shifting content */
}

/* header links hover - underlining is black */
.site-header a:hover,
.site-header a:active,
.site-header a:focus {
  border-bottom: 2px solid;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* == PICTURES == */
/* GALLERY - picture with link is not underlined */
figure a img {
  /* same color as at img */
  border: 3px solid var(--contrast-3); /* light color */
  padding-bottom: 0;
  margin-bottom: 0;
}
figure a:hover img,
figure a:focus img,
figure a:active img {
  border: 3px solid var(--accent); /* links color */
}
/* link at picture in single */
figure a,
.post-image a,
.wp-block-latest-posts__featured-image a {
  /*display: block;*/
  border: 1px solid transparent;
}

/* == BUTTONS == */
/* button size */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"],
.wp-block-button .wp-block-button__link {
  padding: 1rem 2rem;
  margin-bottom: 1.5rem;
}
/* button style -  */
.wp-block-button__link {
  border-radius: 0;
}
/* button not underlined */
a.wp-block-button__link {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
/* secondary button */
.wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline > .wp-block-button__link
{
    border: 2px solid var(--global-color-9);
}
/* secondary button hover */
.wp-block-button .wp-block-button__link.is-style-outline:hover, 
.wp-block-button .wp-block-button__link.is-style-outline:focus, 
.wp-block-button .wp-block-button__link.is-style-outline:active, 
.wp-block-button.is-style-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-outline > .wp-block-button__link:focus,
.wp-block-button.is-style-outline > .wp-block-button__link:active {
	border: 2px solid var(--contrast);
	color: var(--global-color-9);
}


/* =============================
 *   HEADER
 ============================= */
/* space before web desctiption*/
.main-title {
  margin-bottom: 0.5rem;
}
/* mobile - content centered */
@media (max-width: 450px) {
  .has-inline-mobile-toggle .inside-header {
    flex-direction: column;
    text-align: center;
  }
  .mobile-menu-control-wrapper {
    margin-left: auto;
    margin-right: auto;
  }
  .nav-float-right #site-navigation {
    margin-left: auto;
    margin-right: auto;
  }
  .has-inline-mobile-toggle .header-widget,
  .has-inline-mobile-toggle #site-navigation {
      flex-basis: 100%;
  }
}

/* =============================
 *   MAIN MENU
 ============================= */
/* bold current menu item */
.current-menu-item > a {
  font-weight: bold;
}
/* smaller space under primary menu items */
.main-navigation .main-nav ul li a {
  line-height: 1.6em;
}
 /* no background under hamburger */
 .mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color: transparent;
}
/* bigger hamburger */
.icon-menu-bars svg {
  width: 1.5rem;
  height: 1.5rem;
}


/* =============================
 *   HOMEPAGE
 ============================= */
/* Introduction picture is rounded */
/* home picture  */
.home-intro img,
/* contact picture */
.contact-info img {
  border-radius: 100%;
}
/* section OFFER - not inner padding */
.site-main .home-offer .wp-block-group__inner-container {
  padding: 1rem;
  border: 1px solid;
  margin-bottom: 1.5rem;
  background: var(--base-2);
}
.home-offer h3 {
  margin-left: 0;
}


/* =============================
 *   FOOTER
 ============================= */
/* footer style */
 .site-info {
  text-align: left;
  font-size: 1rem;
}
/* heading style */
.site-info h2 {
  margin-left: 0;
  font-size: 1.2rem;
  font-weight: bold;
  margin-bottom: 0;
} 
/* list style */
.site-info ul {
  list-style: none;
  margin-left: 0;
}
/* style footer info - flex  */
#footer-content {
  padding: 40px 40px;
  justify-content: space-around;
}
#footer-content .wp-block-column {
  flex-basis: auto;
  flex-grow: 0;
}
/* smaller space - like header */
@media (max-width: 768px) {
  #footer-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* not add space after last content */
#footer-content.wp-block-columns {
  margin-bottom: 0;
}
/* mobil - centered content */
@media (max-width: 781px) {
  #footer-content .wp-block-column {
    width: 100%;
    text-align: center;
  }
  /* menu is centered */
  .main-nav {
    width: 100%;
  }
  #footer-content.wp-block-columns {
    gap: 1rem;
  }
}
/* Copyright bar style */
.copyright-bar {
  background-color: var(--global-color-11);
  color: var(--base-3);
  text-align: center;
  font-size: 0.8rem;
}
.copyright-bar a {
  color: var(--global-color-8);
  margin-bottom: -2px;
}
.copyright-bar a:hover,
.copyright-bar a:focus,
.copyright-bar a:active {
  color: var(--base-3);
}
/* dot between copyright and code */
.copyright-bar .design::before {
  content: "•";
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (max-width: 450px) {
  .copyright-bar .inside-site-info {
    flex-direction: column;
  }
  .copyright-bar .design::before {
    content: none;
    padding: 0;
  }
  .copyright-bar .copyright,
  .copyright-bar .design {
    display: block;
    width: 100%;
  }
}

/* =============================
 *   FOOTER - SECONDARY MENU
 ============================= */
/* hide mobile menu - menu not colapsed */
.secondary-navigation .menu-toggle {
  display: none;
}
@media(max-width: 768px) {
  .secondary-navigation {
    text-align: center !important;
  }
  .secondary-navigation ul {
    display: block;
  }
  .secondary-navigation .sf-menu>li {
    float: none;
    display: inline-block !important;
  }
}
/* current item Bold */
.secondary-navigation .main-nav ul li.current-menu-item a {
  font-weight: bold;
}
/* list in column */
.secondary-menu {
  flex-direction: column;
}
/* not space before and after item - underlined is big */
#secondary-navigation a {
  display: inline-block;
}
#secondary-navigation .main-nav ul li a {
  padding-left: 0;
  padding-right: 0;
}

/* =============================
 *   CONTACT FORM 7
 ============================= */
 /* more space between label and input field */
.wpcf7-form label {
  display: inline-block;
  height: 2.5rem;
}

/* =============================
 *   OTHER
 ============================= */