/*
Theme Name: Martin Schuppler
Theme URI: https://www.martinschuppler.cz/
Description: Šablona - Martin Schuppler
Author: Jitka Turbáková & Daniel Dostál | imagemakers.cz
Author URI: https://www.imagemakers.cz/
Version: 1.1.0
Text Domain: martinschuppler
Tags: responsive, bootstrap4
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   Rubik — lokální kopie, žádné volání na fonts.googleapis.com
   ==========================================================================
   Soubory v font/ jsou stažené subsety z Google Fonts (Rubik v31). Stahují se
   jen dva: latin a latin-ext (čeština potřebuje obojí — ě š č ř ž ů ň ť ď leží
   v latin-ext). Cyrilice, hebrejština a arabština se vynechaly, web je český.

   Řezy jsou schválně 400/800/900, ne 400..900. Rubik je variabilní font, takže
   všechny tři váhy míří na tentýž soubor a Google servíroval přesně tuhle
   trojici. Šablona přitom používá i 500, 600 a 700 — ty se podle pravidel
   CSS dopočítají na 400, 800 a 800. Kdyby se tu deklaroval rozsah
   `font-weight: 400 900`, vykreslily by se ve své skutečné váze a text by
   zeštíhlel; proto se drží původní trojice.

   Preload obou souborů sází inc/fonts.php — při přejmenování upravit i tam.
   ========================================================================== */

/* latin */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("font/rubik-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("font/rubik-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("font/rubik-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("font/rubik-italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("font/rubik-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("font/rubik-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("font/rubik-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Rubik";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("font/rubik-italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Skip link for accessibility */
.skip-link {
  position: absolute;
  top: -100%;
  left: 0;
  z-index: 9999;
  padding: 0.5em 1em;
  background: #0d2c54;
  color: #fff;
  text-decoration: none;
}
.skip-link:focus {
  top: 0;
}

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