/*
Theme Name: Greentop
Theme URI: https://greentop.cz/
Description: Šablona - Greentop
Author: Jitka Turbáková & Daniel Dostál | imagemakers.cz
Author URI: http://www.imagemakers.cz/
Version: 1.1
Tags: responsive, bootstrap4
License: commercial
*/
body {
  /* font-family: "interregular"; */
  font-family: "Roboto", sans-serif;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 10em;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10em;
}

img {
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: bold;
}

iframe {
  max-width: 100%;
  max-height: 100%;
}

.card {
  border: 0;
}

/* Navbar */
.logged-in .navbar {
  margin-top: 32px !important;
}

.navbar {
  /* background-color: ; */
  color: #fff;
}

.navbar.front {
  background-color: #fff;
  z-index: 10;
}

.navbar .menu {
  margin-top: 6.5em;
}

.socialhead {
  margin-top: 4.5em;
  margin-left: 0.5em;
}

.navbar a {
  color: #000;
  text-transform: uppercase;
  font-size: 1.2em;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #274100;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(39,64,86, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* breadcrumbs */
.breadcrumbs {
  font-size: 0.8em;
}

/* Hlavicka */
.rychly-kontakt {
  z-index: 333;
  color: #000;
  /* position: absolute; */
  text-align: right;
  top: 1em;
}

.rychly-kontakt a {
  color: #274100;
  font-weight: bold;
}

.hlavicka-front {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  margin-top: 10em;
  padding: 10em 0 32em 0;
  border-bottom: #fff;
  border-bottom-width: 5em;
  border-bottom-style: solid;
}

.hlavicka-front img {
  width: auto;
}

.hlavicka-front img {
  width: auto;
}

header {
  top: 0;
}

.hlavicka-front.logohome {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 600px;
  border-bottom: #fff;
  border-bottom-width: 5em;
  border-bottom-style: solid;
}

.hlavicka-front.logopanel {
  background-position: center center;
  height: 600px;
}

.hlavicka-front .hlavicka-obsah h1 {
  font-family: "Roboto", sans-serif;
  font-size: 3.8em;
  margin: 0;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}

.hlavicka-front .hlavicka-obsah h2 {
  margin: 0;
}

.hlavicka-front .titulek-zelena {
  background-color: #274100;
  padding: 1em;
  margin: 0;
  display: inline-block;
  padding-left: 20%;
}

.claim {
  background-color: #9fb91a;
  padding: 1em;
  margin-top: -7em;
  color: #fff;
}

.claim h2 {
  margin: 0;
  font-weight: bold;
}

@media (max-width: 576px) {

  .hlavicka-front .titulek-zelena,
  .claim {
    padding: 1em;
    font-size: 0.8em;
  }

  .rychly-kontakt {
    display: none;
  }
}

.chcivedet1 a {
  color: #fff;
}

.chcivedet1 {
  background-color: #9fb91a;
  color: #fff;
  padding: 1em;
}

.chcivedet1 h3 {
  margin: 0;
  font-weight: bold;
}

.hlavni-titulek {
  line-height: 1.5em;
  margin-bottom: 1em;
}

.hlavicka-obsah.maxw {
  margin: 0 auto;
  max-width: 1600px;
}

.hlavicka-obsah.maxw img {
  height: auto;
  width: 100%;
}

.hlavicka-obsah img {
  height: 700px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  margin-top: 10em;
}

.linka {
  margin-top: -0.5em;
  margin-bottom: 1em;
}

.uvod h3,
.nejnovejsirealizace h3 {
  color: #274100;
}

.uvod a {
  color: #274100;
  text-decoration: underline;
}

.obsah {
  margin: 3em 0 3em 0;
}

.obsah p {
  line-height: 1.8em;
}

.m10 {
  margin-top: 12em;
}

.obsah-page-in a {
  color: #000;
  text-decoration: underline;
}

.obsah-page-in p {
  line-height: 2em;
}

.obsah-page-in .datum {
  margin-bottom: 1em;
}

.obsah-page-in .zdroj {
  font-size: 0.8em;
}

.obsah-page-in h1,
.obsah-page-in h3 {
  color: #274100;
  text-transform: uppercase;
}

.obsah-page-in h4 {
  color: #274100;
}

.realizace a {
  text-decoration: none;
}

.triboxy-front {
  margin: 2em 0 3em 0;
  text-align: center;
  font-weight: bold;
}

.stranka .triboxy-front a {
  text-decoration: none;
}

.triboxy-front img {
  margin-bottom: 1.5em;
}
.triboxy-front h2 {
  font-size: 1.5em;
}
.triboxy-front h2,
.triboxy-front h3 {
  font-weight: bold;
  text-transform: uppercase;
  color: #274100;
}

.triboxy-front svg,
.triboxy-front img {
  margin: 1em 0 3em 0;
}

.triboxy-front p {
  font-size: 1em;
  font-weight: normal;
}

.triboxy-front .box1,
.triboxy-front .box2,
.triboxy-front .box3,
.triboxy-front .box4 {
  background-color: #f0f0f0;
  padding: 1.5em;
  height: 100%;
  transition: background-color 0.5s ease;
}

.triboxy-front .box1:hover,
.triboxy-front .box2:hover,
.triboxy-front .box3:hover,
.triboxy-front .box4:hover {
  background-color: #9fb918;
}

.row.equal {
  display: flex;
  flex-wrap: wrap;
}

.eq1,
.eq2,
.eq3 {
  height: 100%;
}

.media100 {
  overflow: hidden;
  margin-bottom: 2em;
}

.media100 img {
  width: 100%;
}

img.leva {
  border-right-width: 1em;
  border-right-style: solid;
  border-right-color: #fff;
}

img.prava {
  border-left-width: 1em;
  border-left-style: solid;
  border-left-color: #fff;
}

.medium-leva iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.medium-leva {
  min-height: 100%;
}

@media (max-width: 575px) {

  img.prava,
  img.leva {
    border: 0;
  }

  .medium-leva iframe {
    position: inherit;
    width: 100%;
    min-height: 15em;
  }
}

.ctyriboxyfront {
  margin-top: 2em;
}

.ctyriboxyfront a,
.triboxy-front a {
  color: #000;
}

.ctyriboxyfront img {
  max-width: 30%;
  margin-bottom: 2em;
}

.ctyriboxyfront h3 {
  font-weight: bold;
  font-size: 1.5em;
}

.box_4 {
  background-color: #f0f0f0;
  padding: 1.5em;
  height: 100%;
  transition: background-color 0.5s ease;
}

.box_4:hover {
  background-color: #9fb918;
}

.box_4 a {
  color: #274100;
}

.ctyriboxyfront a {
  color: #274100;
}

.ctyriboxy.zelena-strecha .box_4 {
  background-color: #9fb918;
  padding: 1.5em;
  height: 100%;
  color: #fff;
}

.ctyriboxy.zelena-strecha .box_4 h3 {
  color: #fff;
}

.nejnovejsirealizace {
  margin-top: 2em;
}

.nejnovejsirealizace a {
  color: #fff;
}

.nejnovejsirealizace img {
  -o-object-fit: cover;
  object-fit: cover;
}

.nejnovejsirealizace .card {
  border: 0;
  background-color: #9fb918;
  border-radius: 0;
}

.nejnovejsirealizace h4 {
  text-transform: uppercase;
}

/* Galerie */
.tiled-gallery,
.gallery-row {
  width: 100%;
}

/* Page */
.titulsekce {
  margin-bottom: 2em;
}

.stranka a {
  color: #000;
  text-decoration: underline;
}

.card.reference {
  background-color: #f0f0f0;
}

.reference-text {
  background-color: #f0f0f0;
  padding: 1.5em;
}

.card-title {
  text-transform: uppercase;
}

.reference .card-title {
  background-color: #fff;
  min-height: 6em;
}

.reference a {
  text-decoration: none;
}

.tagy {
  line-height: 1.8em;
  display: inline-block;
  text-transform: uppercase;
}

.tagy a {
  background-color: #274100;
  color: #fff;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  padding: 0.6em;
  font-size: 0.7em;
}

.ctyriboxy img {
  width: 30%;
}

.ctyriboxy {
  margin-bottom: 2em;
}

.zelenestrechy .box_4 h3 {
  font-size: 1.2em;
}

.reference .collapse,
.reference .collapsing {
  height: 7rem;
}

.reference .collapse {
  position: relative;
  display: block;
  overflow: hidden;
}

.reference .collapse.show {
  height: auto;
  /* You need to reset the height when not collapsed */
}

.reference .collapse.show:before {
  display: none;
  /* Of course you don't want to display ... */
}

.reference a.collapsed {
  margin-top: 2em;
  text-align: center;
}

.reference a.collapsed:after {
  content: "+ Rozbalit reference";
  padding: 2em;
  line-height: 4em;
}

.reference a:not(.collapsed):after {
  content: "- Sbalit reference";
  padding: 2em;
  line-height: 4em;
}

.reference.static a:not(.collapsed):after {
  content: none;
  padding: 2em;
  line-height: 4em;
}

.reference.static a.collapsed:after {
  content: none;
  padding: 2em;
  line-height: 4em;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 90%;
}

/* Page  */
.dotace h5 a {
  display: block;
  padding: 1em;
  background-color: #9fb918;
  color: #fff;
  text-decoration: none;
  margin: 1em 0 1em 0;
}

.nejnovejsirealizace a {
  color: #fff;
  text-decoration: none;
}

blockquote {
  border-color: #274100;
  color: #274100;
  border-width: 2px 0 2px 0;
  border-style: solid;
  width: 70%;
  text-align: center;
  font-style: italic;
  font-size: 1.2em;
  margin: 1.5em auto 1.5em auto;
  padding: 1em 2em;
}

blockquote p {
  margin: 0;
  padding: 0;
  color: #274100;
}

/* Patička */
.paticka {
  padding: 3em 0 3em 0;
}

.kontakt-paticka a {
  text-decoration: underline;
}

.paticka svg {
  margin-right: 1em;
}

.paticka h4 {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.4em;
  margin-bottom: 1em;
}

.paticka p {
  margin-bottom: 2em;
}

.claim-paticka {
  color: #fff;
  background-color: #274100;
  padding: 1em;
  text-align: center;
}

.claim-paticka a,
.claim-paticka a:hover {
  text-decoration: none;
}

.claim-paticka h4 {
  margin-bottom: 0;
  font-size: 1.8em;
}

.kontakt-paticka {
  color: #000;
  padding: 1em;
  margin-top: 1em;
  text-align: center;
}

.kontakt-paticka a {
  color: #000;
}

/*  */
.odeslano {
  display: none;
}

.citation, blockquote {
 border-bottom-style: solid;
 border-top-style: solid;
 color: #274100;
 border-color: #274100;
}

/* Nahoru */
/* ===========================
      Wordpress
=========================== */
/* Zarovnání */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* ===========================
      Media queries
=========================== */
@media (max-width: 991px) {}

@media (max-width: 991px) {
  .socialhead img {
    width: 10% !important;
    display: block;
  }
}

@media (max-width: 768px) {
  img {
    width: 100%;
    height: auto;
  }

  .hlavicka-obsah img {
    height: 400px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-top: 10em;
  }

  .socialhead img {
    width: 15% !important;
  }

  svg {
    max-width: 100%;
    height: auto;
  }
}