/*
Theme Name: Martin Schuppler
Theme URI: https:///
Description: Šablona - Martin Schuppler
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: 10em; /* Margin bottom by footer height */
}
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10em; /* Set the fixed height of the footer here */

  background-color: #f5f5f5;
}

body {
  font-family: "Rubik", sans-serif;
  word-break: break-word;
}

a[target="_blank"]:after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}

/* Navbar */

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

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

.navbar.front {
  /* background-color: rgba(0, 0, 0, 0.677); */
  background-color: #0d2c54;
  /* margin-bottom: -86px; */
  z-index: 1;
}

.navbar a {
  color: #fff;
}

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

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

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

/* breadcrumbs */

.breadcrumbs {
  font-size: 0.8em;
}

/* Hlavicka */

.hlavicka-front {
  /* background-image: url("images/marketa-hlavicka.jpg"); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding: 15em 0 5em 0;
  color: #fff;
  text-align: center;
}

.hlavicka {
}

header {
  top: 0;
}

/* CSS HEX */
.barvy {
  --red-orange-color-wheel: #f6511d;
  --honey-yellow: #ffb400;
  --carolina-blue: #00a6ed;
  --apple-green: #7fb800;
  --prussian-blue: #0d2c54;
}

.brandtitles {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 2em;
  border-radius: 25px;
  text-align: center;
  margin-top: 10em;
}

.hlavicka-front .hlavicka-obsah h1 {
  font-family: "Rubik", serif;
  font-size: 3.8em;
  color: #fff;
  font-weight: bold;
}

.hlavicka-front .hlavicka-obsah h2 {
  color: #fff;
}

.btn-kontakt {
  /* background-color: #4cb944; */
  font-size: 1.5em;
  color: #fff;
  margin-top: 0.5em;
  /* font-weight: bold; */
  /* border-radius: 2em; */
}

.btn-kontakt:hover {
  /* color: #fff; */
  /* background-color: #339b2c; */
}

@media (max-width: 402px) {
  .btn-kontakt {
    margin-top: 1em;
  }
}

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

.triboxy-front img {
  border-radius: 25px;
}

.triboxy-front .card {
  border-width: 0;
}

.box1,
.box2,
.box3 {
  border-radius: 25px;
  text-align: center;
}

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

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

table {
}

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

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

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

.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%;
}

/* Page */

.titulsekce {
  margin-bottom: 2em;
}

.stranka {
  color: #033b5c;
}

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

/* Page & Ceník */

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

/* Reference */

/* Patička */

.paticka {
  background-color: #0d2c54ff;
  padding: 2em 0 2em 0;
  color: #fff;
}

.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: 1em 0 1em 0;
  font-size: 0.9em;
}

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

/*  */

/* Nahoru */

/* Mansory */

.post {
  margin-bottom: 2em;
}
.post img {
  border-radius: 25px;
}

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


blockquote {
  background: #f9f9f9;
  border-left: 10px solid #0d2c54ff;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color:#0d2c54ff;
  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% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    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: 768px) {
  img {
    width: 100%;
    height: auto;
  }

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

  .hlavicka-front .hlavicka-obsah h1 {
    font-size: 2em;
  }
  .paticka {
    font-size: 80%;
  }
  .kredity .im {
    text-align: center;
  }
  footer {
    text-align: center;
  }
}