/*
Theme Name: perinatalniztrata.cz
Theme URI: https:///
Description: Šablona - perinatalniztrata.cz
Author: Jitka Turbáková & Daniel Dostál | imagemakers.cz
Author URI: http://www.imagemakers.cz/
Version: 1.0
Tags: responsive, bootstrap4
License: commercial
*/

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

body {
  margin-bottom: 5em;
  /* Margin bottom by footer height */
}

@media (max-width: 992px) {
  body {
    padding-top: 4.3em;
  }
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5em;
  /* Set the fixed height of the footer here */
}

body {
  font-family: Verdana, sans-serif;
  word-break: break-word;
  color: #363a57;
  padding-top: 4.9em;
}

a {
  color: #363a57;
}

h1,
h2,
h3,
.btn {
  font-family: "Sanchez", serif;
}

h3 {
  font-size: 1.7em;
}

/* Navbar */

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

.navbar {
  /* background-color: ; */
  color: #fff;
  font-family: "Sanchez", serif;
  border-bottom: 1px solid #363958;
}

.navbar.front {
  background-color: #dedcf1;
  z-index: 1;
}

.navbar a {
  color: #000;
}

.navbar a.dropdown-item {
  color: #000;
}

.dropdown-item.active,
.dropdown-item:active,
.navbar a.dropdown-item:active {
  color: #fff;
  background-color: #6d7e85;
}

.navbar-toggler {
  background-color: #fff;
}

.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");
}

.navbar-brand {
  text-transform: uppercase;
  line-height: 1.3em;
}

.navbar-brand .subbrand {
  font-size: 0.8em;
  text-transform: none;
}

@media (max-width: 1199px) {
  .navbar-brand {
    font-size: 1em;
  }
}

.nav-line {
  background-color: #fff;
  color: #000;
  padding: 0.5em;
  border-radius: 15px;
}

#searchModal {
  width: 100%;
  margin-top: 5em;
}

.navsearchicon {
  /* background-image: url("images/search.svg"); */
  /* background-repeat: no-repeat; */
  margin-top: 0.5em;
  margin-left: 1em;
  /* text-indent: -9000px; */
  width: 2em;
  height: 2em;
}

/* breadcrumbs */

.drobecky {
  background-color: #f0effd;
  padding: 0.5em 0 0.5em 0;
  margin-bottom: 1em;
}

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

#breadcrumbs {
  margin: 0;
  padding: 0;
}

/* Hlavicka */

.hlavicka-front {
  /* background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
   color: #fff; */
  background-color: #f0effb;
}

h2.subbrand {
  margin-top: 1em;
  font-family: Verdana, sans-serif;
  font-size: 1.6em;
}

.chrpa {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.hlavicka-front .hlavicka-obsah {
  padding: 2em 0 2em 0;
}

/* linka menu */

.linka {
  font-size: 0.9em;
  background-color: #53f1d0;
  font-family: "Sanchez", serif;
  min-width: 16em;
  font-weight: bold;
  margin-left: 0.5em;
}

.linka .ikona {
  margin: 0.3em 1em 0 0;
}

/* Linka puvodni */

.linka-upoutavka {
  background-color: #53f1d0;
  font-family: "Sanchez", serif;
  font-weight: bold;
  padding: 1em 1em 1em 2em;
  color: #383957;
  margin-top: 3em;
  width: auto;
  min-width: 15em;
}

.linka-upoutavka a,
.linka-upoutavka a:hover {
  color: #383957;
  text-decoration: none;
}

.linka-upoutavka svg {
  margin-top: 0.5em;
  margin-right: 1em;
}

header {
  top: 0;
}

.brandtitles {
  /* background-color: rgba(0, 0, 0, 1); */
  padding: 2em 4em 4em 0;
  /* border-radius: 25px; */
  /* text-align: center; */
  margin-top: 3em;
}

.hlavicka-front .hlavicka-obsah h1 {
  font-family: "Sanchez", serif;
  font-size: 3.5em;
  /* color: #fff; */
  font-weight: bold;
}

.obsah .text {
  margin: 2em 0 2em 0;
  padding: 2em 0 2em 0;
}

.text_1,
.text_2,
.text_3,
.text_4 {
  /* line-height: 2em; */
  padding: 4em 0 4em 0;
}

.text_1 a,
.text_2 a,
.text_3 a,
.text_4 a {
  text-decoration: underline;
}

.obsah-front .text,
.text-odsazeny {
  margin: 0;
  padding: 2em 0 2em 0;
}

.obsah-front h1,
.obsah-front h2,
.obsah-front h3 {
  margin-bottom: 1em;
  line-height: normal;
}

.podboxy {
  background-color: #dddce2;
  margin: 0 0 1em 0;
}

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

.triboxy-front {
  margin-bottom: 3em;
}

.triboxy-front .card {
  border-width: 0;
  background-color: #dddbf1;
  padding: 1em 1em 2em 1em;
  /* padding-bottom: 2em; */
  /* text-align: center; */
  transition: 0.3s;
}

.sirsi-problematika .triboxy-front .card {
  padding: 0 0 2em 0;
}

.sirsi-problematika .btn {
  /* min-height: 6em; */
  margin-top: 1em;
}

.triboxy-front .card img {
  text-align: center;
}

.triboxy-front .card:hover {
  background-color: #bdb9d4;
}

.triboxy-front .card-footer {
  background: transparent;
  border: 0;
}

.btn-primary {
  background-color: #383957;
  color: #fff;
  border-color: #383957;
}

.btn-primary:hover {
  background-color: #2c2d45;
  color: #fff;
  border-color: #2c2d45;
  text-decoration: none;
}

.card-footer a:hover {
  text-decoration: none;
}

.card .ikona-box {
  padding: 0 2.5em 0 2.5em;
  margin: 0 1em 0 1em;
  /* max-height: 10em; */
  text-align: center;
}

.hlavicka-front .card-body {
  padding-top: 0;
}

.text_2 {
  /* background-color: #dedcf1; */
  color: #fff;
  margin-bottom: 0;
  /* padding: 2em 0 2em 0; */
}

.text_3 {
  background-color: #dedcf1;
  margin-bottom: 0;
  /* padding: 2em 0 2em 0; */
}

.text_4 {
  background-color: #bdbad5;
}

.text .btn svg {
  margin-right: 1em;
}

.btn>span {
  display: inline-block;
}

.card {
  border-width: 0;
}

.ikona_2 img {
  width: 70%;
  height: auto;
}

.obsah,
.obsah-page-in {
  margin: 2em 0 3em 0;
  padding-bottom: 2em;
}

.obsah-page {
  /* margin-top: 7em; */
}

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

.bod_postupu {
  margin-bottom: 2em;
}

.bod_postupu h3 {
  margin-bottom: 1em;
}

.bod_postupu .btn {
  margin-top: 1em;
}

.btn-primary.vyrazny {
  background-color: #53f1d0;
  color: #2c2f47;
  border-color: #49ccb2;
}

.btn-primary.vyrazny:hover {
  background-color: #49ccb2;
  color: #2c2f47;
  border-color: #49ccb2;
}

.btn-primary.velky {
  padding: 1em 2em 1em 2em;
  min-width: 15em;
}

.harmonika .btn.btn-link {
  color: #2c2f47;
  font-weight: bold;
}

.hledej {}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table;
  margin-bottom: 2em;
}

tr {
  border-bottom: 1px solid #ddd;
  line-height: 2em;
}

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

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

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

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

/* knihovna */

.popis-kniha {
  margin-top: 1em;
  line-height: 2em;
}

.kniha h3 {
  font-size: 1.3em;
  margin-top: 1em;
  margin-bottom: 1em;
}

.kniha img {
  width: 8em;
  height: 8em;
  -o-object-fit: contain;
  object-fit: contain;
  background-color: #fff;
}

.hledacka {
  margin: 2em;
  text-align: center;
}

.hledacka {}

.hledacka input[type="text"] {
  /* width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box; */
}

.hledacka h4 {
  font-size: 1em;
  /* display: inline; */
  font-weight: bold;
}

.hledacka label {
  margin-top: 1em;
}

#search-filter-form-1221>ul>li,
#search-filter-form-487>ul>li {
  margin: 0.2em;
  padding: 0.5em;
}

#search-filter-form-1221>ul>li ul,
#search-filter-form-1221>ul>li ul {
  border-width: 3px;
  border-radius: 4px;
  border-color: #dddbf0;
  border-style: solid;
  margin-top: 0.3em;
}

.hledacka li {
  list-style: none;
}

.hledacka .sf-field-search {
  display: block;
  margin-bottom: 1em;
}

.hledacka .sf-input-text {}

.hledacka label {
  margin: 0.5em;
}

.hledacka ul {
  padding: 0;
  list-style-type: none;
  /* text-align: left; */
}

.hledacka ul li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 0 0.5em;
}

.hledacka .sf-input-checkbox {
  background-image: url("data: image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.hledacka .sf-label-checkbox {}

.hledacka .sf-field-submit {
  display: block;
  background-color: #fff !important;
}

.hledatvsude {
  font-size: 0.9em;
}

.searchandfilter input[type="submit"] {
  background-color: #2c2d45;
  color: #fff;
  display: inline-block;
  font-weight: 400;

  text-align: center;
  vertical-align: middle;

  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;

  border: 1px solid transparent;
  /* padding: 0.375rem 0.75rem; */
  padding: 0.7em 2em;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.sf-field-search {}

.hledacka input[type="text"] {
  border-color: #dddbf0;
  border-width: 3px;
  border-style: solid;
  border-radius: 4px;
  padding: 12px 20px;
  margin: 8px 0;
  transition: width 0.4s ease-in-out;
}

.hledacka input[type="text"]:focus {
  width: 100%;
  border-color: #dddbf0;
}

.sf-input-select {
  width: 100%;
  padding: 16px 20px;
  /* border: none; */
  border-width: 3px;
  border-radius: 4px;
  border-color: #dddbf0;
  /* background-color: #f1f1f1; */
  margin-bottom: 1em;
}

.sf-input-select option {
  margin: 1em 0 1em 0;
}

/* Kontakty  */

.blok-osob {
  margin-bottom: 6em;
}

.organizace {}

.blok-osob a:hover {
  color: #363a57;
  text-decoration: none;
}

.blok-osob a.btn:hover {
  color: #fff;
}

.osoba {
  background-color: #dedcf1;
  box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.27);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2em;
}

.organizacecard {
  background-color: #53f0d1;
  box-shadow: 4px 4px 8px 0px rgba(50, 50, 50, 0.27);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 2em;
}

.osoba img.orglogo {
  width: 70px;
}

img.kontakt {
  margin-top: -6em;
  width: 10em;
  height: 10em;
  box-shadow: -4px -4px 8px 0px rgba(50, 50, 50, 0.27);
}

/* Prispevky */

.prispevek .thumb img {
  width: 100%;
}

.prispevek .thumb {
  margin-bottom: 1em;
}

.prispevek h3 {
  font-size: 1.4em;
}

.prispevek .datum {
  font-size: 0.9em;
  margin-top: 1em;
}

.prispevek .uryvek {
  font-size: 0.8em;
}

/* Page */

.titulsekce {
  margin-bottom: 2em;
}

.hlavicka,
.stranka {
  /* margin-top: 4em; */

  color: #033b5c;
}

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

.stranka {
  margin: 2em 0 7em 0;
}

h2.vetsi {
  font-size: 2.2em;
}

.center {
  margin: 0 auto;
}



/* partneri */
.partneri {

  padding-top: 2em;
  margin-top: 2em;
  padding-bottom: 2em;
  text-align: center;
}

.partneri h4 {
  margin-bottom: 1em;
}

.partneri img {
  max-width: 100%;
  margin: 1em;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: .5s ease;
}

.partneri img:hover {

  -webkit-filter: none;
  filter: none;
}

/* Patička */

.paticka {
  background-color: #373b56;
  padding: 4em 0 4em 0;
  color: #fff;
  font-size: 0.9em;
}

.paticka a {
  color: #fff;
  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;
}

.kredity {
  padding: 2em 0 2em 0;
  font-size: 0.9em;
  line-height: 2em;
  /* background-image: url("images/perinatal-paticka_bg.jpg"); */
  background-repeat: no-repeat;
  background-size: cover;
  color: #373b56;
}

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

.kredity .im {
  text-align: right;
}

/*  */

/* Nahoru */

/* Mansory */

.post {
  margin-bottom: 2em;
}

.post img {
  border-radius: 25px;
}

.datum {
  margin-bottom: 1em;
}

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

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #6d7e85ff;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #6d7e85ff;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

/* ===========================
      Animace
=========================== */
.rotate-center {
  -webkit-animation: rotate-center 0.6s ease-in-out 2s both;
  animation: rotate-center 0.6s ease-in-out 2s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-9-19 19:36:5
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-center
 * ----------------------------------------
 */
@-webkit-keyframes rotate-center {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotate-center {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* ===========================
      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: 992px) {
  .linka {
    margin: 1em 0 1em 0;
  }
}

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

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

  .card .ikona-box {
    padding: 1em;
    margin: 1em;
  }

  .hlavicka-front .hlavicka-obsah h1 {
    font-size: 3em;
  }

  .paticka {
    font-size: 80%;
  }

  .kredity .im {
    text-align: center;
  }

  footer {
    text-align: center;
  }
}

@media (max-width: 576px) {
  .card .ikona-box {
    margin-bottom: 4em;
  }
}