/*
Theme Name: Iveta Kolářová - pedikúra
Theme URI: https://ivetakolarova.cz/
Description: Šablona - Iveta Kolářová - pedikúra
Author: Jitka Turbáková & Daniel Dostál | imagemakers.cz
Author URI: http://www.imagemakers.cz/
Version: 1.0
Tags: responsive, bootstrap4
License: commercial
*/

@font-face {
  font-family: "interbold";
  src: url("font/inter-bold-webfont.woff2") format("woff2"),
    url("font/inter-bold-webfont.woff") format("woff"),
    url("font/inter-bold-webfont.svg#interbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "interitalic";
  src: url("font/inter-italic-webfont.woff2") format("woff2"),
    url("font/inter-italic-webfont.woff") format("woff"),
    url("font/inter-italic-webfont.svg#interitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "interregular";
  src: url("font/inter-regular-webfont.woff2") format("woff2"),
    url("font/inter-regular-webfont.woff") format("woff"),
    url("font/inter-regular-webfont.svg#interregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "interregular";
}

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: #004161;
  color: #fff;
}

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

.navbar a {
  color: #fff;
}

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

.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 */

.breadcrumbs {
  font-size: 0.8em;
}

/* Hlavicka */

.hlavicka-front {
  background-image: url("images/backround-header-modra.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 12em 0 8em 0;
  color: #fff;
}

.hlavicka {
  background-image: url("images/backround-header-modra.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 8em 0 3em 0;
  color: #fff;
}

header {
  top: 0;
}

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

.hlavicka-front .obsah h3 {
  padding: 1em 0 2em 0;
  font-size: 1.6em;
  line-height: 1.6em;
}

.hlavicka-front .btn {
  /* padding: .8em 1em .8em 1em;
    border-radius: 2em;
    border: none;
    outline: none; */
}

.btn-rezervace {
  background-color: #00b840;
  color: #fff;
  margin-right: 1em;
  padding: 0.5em 1em 0.5em 1em;
  border-radius: 1.5em;
}

.btn-rezervace:hover {
  color: #fff;
  background-color: #019b37;
}
.reservanto-button {
  border-radius: 1.5em !important;
  padding: 0.5em 1em 0.5em 1em;
  font-size: 1.6em !important;
  font-weight: normal !important;
  margin-right: 0.5em;
  border: none !important;
  outline: none !important;
}
.rezervace-cenik {
  padding-top: 1em;
  margin: 2em 0 2em 0;
}
.reservanto-button:hover {
  color: #fff !important;
}

.btn-kontakt {
  background-color: #fff;
  font-size: 1.5em;
  border-radius: 2em;
}

.ceniknew {
  color: #fff;
  background-color: #0a65ba;
  border-radius: 1.5em !important;
  padding: 0.5em 1em 0.5em 1em;
  border: none !important;
  outline: none !important;
  margin-top: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;

}

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

.triboxy-front {
  margin: 2em 0 2em 0;
  color: #fff;
}

.triboxy-front img {
  margin-bottom: 1.5em;
}

.triboxy-front h2 {
  font-size: 1.5em;
  margin-bottom: 1.5em;
  font-family: "interbold";
}

.triboxy-front p {
  font-size: 1.25em;
}

.triboxy-front .box1 {
  background-color: #0085c0;
  padding: 1.5em;
  height: 100%;
}

.triboxy-front .box2 {
  background-color: #004161;
  padding: 1.5em;
  height: 100%;
}

.triboxy-front .box3 {
  background-color: #002841;
  padding: 1.5em;
  height: 100%;
}

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

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

.komupomaham-front img {
  max-width: 100%;
}

.komupomaham-front h2 {
  color: #033b5c;
  font-family: "interbold";
  font-size: 3em;
  text-align: center;
  margin-bottom: 1em;
}

.komupomaham-front h3 {
  font-size: 1.6em;
  font-family: "interbold";
  color: #0085c0;
}

.komupomaham-front p {
  font-size: 1.2em;
}

.komupomaham-front .mh100 {
  max-height: 100%;
}

.komupomaham-front .ikona-l {
  margin-left: 1em;
}

.komupomaham-front img.ikona-p {
  margin-right: 1em;
}

.komufoto {
  margin-bottom: 5em;
}

.komupomaham-front .text-right,
.komupomaham-front .text-left {
  margin-bottom: 8em;
}

@media (max-width: 991px) {
    .komupomaham-front .text-right,
.komupomaham-front .text-left {margin-bottom: 1em}
}

/* Page & Ceník */

.titulsekce {
  font-family: "interbold";
}

.stranka {
  color: #033b5c;
}

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

/* Page & Ceník */

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

.cenik .col {
  padding: 0;
}

.cenik-tabulka h3,
.cenik-tabulka h4 {
  margin: 0;
  font-weight: bold;
  line-height: 1.6em;
}

.svetlemodra {
  background-color: #75b1d5;
}

.modra {
  background-color: #0085c0;
}

.tmavemodra {
  background-color: #004161;
}

.svetlemodra,
.modra,
.tmavemodra {
  color: #fff;
  padding: 1em;
}

.seda-bg,
.seda-bg li,
.seda-bg .button {
  background-color: #e4e9ed;
  color: #004161;
}

.svetlemodl-bg,
.svetlemodl-bg li,
.svetlemodl-bg .button {
  background-color: #e7f0f7;
  color: #0085c0;
}

.svetlemod-bg,
.svetlemod-bg li,
.svetlemod-bg .button {
  background-color: #d5e7f3;
  color: #004161;
}

.tmavemodra-txt,
.cenik-text {
  color: #004161;
}

.svetlemodra-txt {
  color: #75b1d5;
}

.cenik-tabulka-obsah .btn {
  align-content: center;
  margin: 1em;
}

.cenik .card-body {
  padding: 0;
}

.tooltip-inner {
  background-color: #c2dff1;
  padding: 1em;
  text-align: left;
  color: #004161;
  border-radius: 0.8rem;
}

.tooltip.show {
  opacity: 1;
}

.tooltip.bs-tooltip-right .arrow:before {
  border-right-color: #c2dff1 !important;
}

.tooltip.bs-tooltip-left .arrow:before {
  border-right-color: #004161 !important;
}

.tooltip.bs-tooltip-bottom .arrow:before {
  border-right-color: #004161 !important;
}

.tooltip.bs-tooltip-top .arrow:before {
  border-right-color: #004161 !important;
}

/* Reference */

.reference-front {
  background-color: #eeeeee;
}

.carousel-item-content {
  padding: 3em 8em 3em 8em;
  color: #004161;
  font-family: "interitalic";
}

.carousel-item-content h3 {
  font-size: 1.5em;
  line-height: 1.5em;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23004161' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23004161' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-inner {
  height: 350px;
}
@media (max-width: 430px) {
    .carousel-inner {font-size: .8em}
}

.carousel-inner > .active {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Patička */

.paticka {
  background-color: #004161;
  padding: 3em 0 3em 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;
}

/* Nahoru */

/* Mansory */

img {
  max-width: 100%;
}

/* ===========================
      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) {
  .carousel-item-content {
    padding: 1em 4em 1em 4em;
  }
  .carousel-item-content h3 {
    font-size: 1.2em;
    line-height: 1.3em;
  }
  .navbar.front {
    background-color: #004161;
  }
}

@media (max-width: 1199px) {
  .hlavicka-front {
    background-image: url("images/backround-header.jpg");
    background-position: center;
  }
}