:root {
  --bezova1: #f6ebe0;
  --bezova2: #e8e3e4;
  --bezova3: #d0c7be;
  --bezova4: #96877b;
  --bezova5: #c1b7ae;
  /* --cervena: #bd2020;  rgb 189, 32, 32  */
  --cervena: #fe103d;
  --oranzova: #f92c05;
  --bila: #fff;
  --cerna: #000;
  --bs-link-color: #000;
  --bs-link-color-rgb: 0, 0, 0;
  --bs-link-hover-color: #000;
  --bs-link-hover-color-rgb: 0, 0, 0;
  --propiska: #000; /* #110285 */
  --bezova6: #96877b;
  --hneda: #7d6f64; /* pro odlišení textu */
}
/* 
POUZITI:
.neco {color: var(--cervena);} 
*/


body {/*background: url(img/beige-paper-tmavsi.png);*/ background: #fff; /*font-family: serif; letter-spacing: 1px;*/ font-size: 1.1rem;}
a:hover {color: #000;}

section {padding: 80px 0;}
section#sMenuHlavni {background: #fff; padding: 20px 0;}
nav#menuHlavni {text-transform: uppercase; letter-spacing: 2px; background: #fff;}
.navbar-brand {color: var(--propiska); font-family: "Licorice", cursive; font-size: 2.2rem; text-transform: none; letter-spacing: 0; font-weight: 400; }
.navbar-expand-lg .navbar-nav .nav-link {margin-left: 15px; margin-right: 15px; padding-left: 0; padding-right: 0; font-size: 0.9rem;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: var(--bs-navbar-active-color); border-bottom: 1px solid var(--bezova3);}
.dropdown-menu a {text-transform: none; letter-spacing: 1px;}
.dropdown-menu {border: none; border-radius: 0; padding: 30px;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #f8f4ef;}
.dropdown-divider {border-top: 1px solid var(--bezova3);}
.dropdown-toggle::after {display: none;}


section#sSlogan {background: url(img/motiv-cesta-cover.jpg) no-repeat 50% 50%; background-size: cover; height: 100vh; position: relative;}
section#sSlogan h1 {/*color: #f0eae3;*/ color: #212529; text-align: center; font-size: 6rem; margin-top: 30vh; /* margin-left: auto; margin-right: auto;*/}
@media (max-width: 991.98px) { 
  section#sSlogan h1 {width: 80%; font-size: 3.5rem;} 
}
@media (max-width: 550px) { 
  section#sSlogan h1 {color: #444; font-size: 3rem;} 
}

a#aCoverContinue {
  display: inline-block; 
  position: absolute; bottom: 5rem; left: 50%; 
  width: 3rem; 
  height: 3rem; 
  line-height: 3rem;
  /*margin-left: -3rem; */
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  font-size: 1.7rem;
  color: #212529;
  text-decoration: none;
  overflow: hidden; 
  text-align: center; 
  border-radius: 50%; 
  /*border: 1px solid #212529;*/
  background: rgba(193,183,174,0.7);
}

section#sUvitani {
  /*background-image: linear-gradient(45deg, #f6ebe0 40%, #f9eddf 60%, #f6ebe0 100%);*/
  background: url(img/paper-natural-light.png);
}
section#sUvitani strong {/*font-weight: normal;*/}

section#sUvitaniObrazy {
  background-image: url(img/stetec.png), url(img/paper-natural-light.png);
  background-repeat: no-repeat, repeat;
  background-position: bottom right, top left;
  background-size: 300px auto, auto auto;
}

section#sObrazy {background: url(img/bg-bila-bezova5.png) repeat-y center; padding: 0;}
section#sObrazy .modal-header {border-bottom: none;}
section#sObrazy .modal {border: none;}
section#sObrazy a {display: inline-block; overflow: hidden;}
section#sObrazy a img {transition: 0.6s;}
section#sObrazy a:hover img {transform: scale(1.1);}



/* section#sPribeh {background-image: url(img/watercolor-peach-1.png); background-repeat: no-repeat; background-position: -100px -100px; background-size: 30%;} */
/*section#sPribeh {background-image: url(img/watercolor-pink-1.png); background-repeat: no-repeat;}*/


blockquote, .blockquote, h1, h2, h3, .licorice-regular {
  font-family: "Licorice", cursive;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
}
h1 {font-size: 4rem;}
@media (min-width: 1200px) {
  h1 {font-size: 6rem;}
}
h2 {font-size: 5rem;}
h3 {font-size: 4rem;}
figure {padding: 50px; background-color: var(--bila); transform: rotate(-2deg); border: 1px solid var(--bezova5); /*box-shadow: 2px 2px 5px #d0c7be;*/}
blockquote, .blockquote {font-size: 2.5rem; line-height: 2.5rem;}
figure.figureFoto {padding: 0px; background-image: none; transform: rotate(1deg);}
figure.figureFoto2 {padding: 0px; background-image: none; transform: rotate(-2deg);}
figure.figure2 {transform: rotate(3deg); margin-left: -50px;}
figcaption {color: var(--bezova5);}

video {}

/* nadpis na výšku (vertikálně) dle https://css-tricks.com/snippets/css/text-rotation/ */
.wrapper {
  /*
  width: 300px;
  min-height: 250px;
  border: 2px solid red;
  border-left: 40px solid red;
  */
  position: relative;
  padding: 0px 0px 0px 6.5rem;
  display: inline-block;
}
.wrapper h3 {  
  position: absolute;
  bottom: 50%;
  left: 0;
  font-size: 5rem;
  margin-bottom: -50%;
  margin-left: 0.5rem;
  transform: rotate(270deg);
  transform-origin: 0 0;
}


.list-group-item {
  border: none; 
  margin-bottom: 20px; 
}
.list-group-item:first-child {border-top-left-radius: 0; border-top-right-radius: 0;}
.list-group-item:last-child {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}


#sUvod .list-group-item a {
  text-decoration: none; 
  color: #000;
  font-size: 1rem;
  background: var(--bezova1) url(img/bullet.png) no-repeat 22px 27px; 
  background-size: auto 0.6rem;
  clip-path: polygon(0% 0%,100% 0%,93% 50%,100% 100%,0% 100%);
  width: 25rem;
  padding: 20px 15% 20px 47px;
  text-transform: uppercase;
  display: inline-block;
  transition: background-color 0.5s;
}
#sUvod .list-group-item:nth-child(odd) a {background-color: var(--bezova2); }

#sUvod .list-group-item a:hover {background-color: #fbf5f0;}
#sUvod .list-group-item:nth-child(odd) a:hover {background-color: #f3eeef; }

.dlazdice a {background-image: linear-gradient(45deg, #f6ebe0 40%, #f9eddf 100%); text-decoration: none; text-transform: uppercase;}
.dlazdice a:hover {background: #fbf4ed; color: #000;}


section#reference {background: var(--bezova5);}
section#reference .carousel-caption {
  font-size: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
section#reference .carousel-indicators {margin-bottom: 0;}

section#pribeh {background-color: #fbf5f0; position: relative;}
section#pribeh figure {border: none;}

section#pribeh h3 {  
  position: absolute;
  /*bottom: 50%;*/
  top: 80rem;
  left: 3rem;
  font-size: 18rem;
  color: #fff;
  font-weight: 600;
  /*margin-bottom: -50%;*/
  margin-left: 0.5rem;
  transform: rotate(270deg);
  transform-origin: 0 0;
}

section#sCertifikaty {background: #afa399; color: #fff;}

#certifikaty {/*background: #fff;*/ padding: 30px;}
#certifikaty .list-group-item:before {content: ''; background: url(img/checked-brown.png) no-repeat; background-size: 23px auto; position: absolute; top: 0.4rem; left: 1rem; width: 33px; height: 37px;}
#certifikaty .list-group-item {background-color: transparent; padding-left: 55px; color: #fff; font-size: 1.2rem;}
#certifikaty .propiska { text-transform: uppercase; font-size: 0.9rem; color: #e3ddd7;}



section#sSluzby h2, section#sNouze h2, h2.serif {font-family: serif; font-size: 3rem;}
section#sSluzby h2 .rucniPismo, section#sNouze h2 .rucniPismo, h2.serif .rucniPismo {font-size: 4rem;}
section#sSluzby h2, section#sNouze h2, section#sSluzby h3, section#sNouze h3 {scroll-margin-top: 100px;} /* aby anchory vedly na správné místo (kvůli fixnímu menu rolovaly moc dolů) */


h4 {font-family: serif; font-weight: 600;}
/*#prednasky .rucniPismo {font-size: 2.2rem; line-height: 1.1;}*/
.prednaska {background: url(img/watercolor-circle-light.png) no-repeat 50% 50%; background-size: 70%; min-height: 300px; padding: 50px 0;}

section#dasa {background-color: var(--bezova5);}

section#konzultace {background-color: var(--bezova5);}

/*section#sObrazy {background: url(img/stetec.png) no-repeat right bottom; background-size: 300px auto;}*/


section#paticka {
  /*background-image: linear-gradient(45deg, #dfdee6 40%, #f9eddf 60%, #dfdee6 100%); */
  background-color: var(--bezova6);
  color: #fff;
  font-size: 0.9rem;
}
section#paticka a {text-decoration: none;}
section#paticka a:hover {text-decoration: underline;}


/* OBECNE TRIDY */
.licorice {font-family: "Licorice", cursive; letter-spacing: 0; /*font-size: 2rem;*/}
.rucniPismo {font-family: "Licorice", cursive; letter-spacing: 0; font-size: 2.4rem; color: var(--propiska);}
.propiska {color: var(--propiska);}
.bgBezova1 {background-color: var(--bezova1);}
.btn {border-radius: 0;}
.hneda {color: var(--hneda);}



/* MODAL ALMOST FULLSCREEN */
.modal-almost-fullscreen {
    width: 99vw;
    max-width: none;
    height: 99%;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .modal-almost-fullscreen .modal-content {
    height: 99%;
    border: 0;
  }
  .modal-almost-fullscreen .modal-header,
  .modal-almost-fullscreen .modal-footer {
    border-radius: 0;
  }
  .modal-almost-fullscreen .modal-body {
    overflow-y: auto;
  }
  
  @media (max-width: 575.99px) {
    .modal-almost-fullscreen-sm-down {
      width: 99vw;
      max-width: none;
      height: 99%;
      margin: 0;
    }
    .modal-almost-fullscreen-sm-down .modal-content {
      height: 99%;
      border: 0;
      border-radius: 0;
    }
    .modal-almost-fullscreen-sm-down .modal-header,
  .modal-almost-fullscreen-sm-down .modal-footer {
      border-radius: 0;
    }
    .modal-almost-fullscreen-sm-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 767.99px) {
    .modal-almost-fullscreen-md-down {
      width: 99vw;
      max-width: none;
      height: 99%;
      margin: 0;
    }
    .modal-almost-fullscreen-md-down .modal-content {
      height: 99%;
      border: 0;
      border-radius: 0;
    }
    .modal-almost-fullscreen-md-down .modal-header,
  .modal-almost-fullscreen-md-down .modal-footer {
      border-radius: 0;
    }
    .modal-almost-fullscreen-md-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 991.99px) {
    .modal-almost-fullscreen-lg-down {
      width: 99vw;
      max-width: none;
      height: 99%;
      margin: 0;
    }
    .modal-almost-fullscreen-lg-down .modal-content {
      height: 99%;
      border: 0;
      border-radius: 0;
    }
    .modal-almost-fullscreen-lg-down .modal-header,
  .modal-almost-fullscreen-lg-down .modal-footer {
      border-radius: 0;
    }
    .modal-almost-fullscreen-lg-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 1199.99px) {
    .modal-almost-fullscreen-xl-down {
      width: 99vw;
      max-width: none;
      height: 99%;
      margin: 0;
    }
    .modal-almost-fullscreen-xl-down .modal-content {
      height: 99%;
      border: 0;
      border-radius: 0;
    }
    .modal-almost-fullscreen-xl-down .modal-header,
  .modal-almost-fullscreen-xl-down .modal-footer {
      border-radius: 0;
    }
    .modal-almost-fullscreen-xl-down .modal-body {
      overflow-y: auto;
    }
  }
  @media (max-width: 1399.99px) {
    .modal-almost-fullscreen-xxl-down {
      width: 99vw;
      max-width: none;
      height: 99%;
      margin: 0;
    }
    .modal-almost-fullscreen-xxl-down .modal-content {
      height: 99%;
      border: 0;
      border-radius: 0;
    }
    .modal-almost-fullscreen-xxl-down .modal-header,
  .modal-almost-fullscreen-xxl-down .modal-footer {
      border-radius: 0;
    }
    .modal-almost-fullscreen-xxl-down .modal-body {
      overflow-y: auto;
    }
  }
/* MODAL KONEC */



/*.clipMe {clip-path: url(img/brush-square.svg);}*/

/* FONTS */
/*
.ms-madi-regular {
  font-family: "Ms Madi", cursive;
  font-weight: 400;
  font-style: normal;
}

.waterfall-regular {
  font-family: "Waterfall", cursive;
  font-weight: 400;
  font-style: normal;
}

.mynerve-regular {
  font-family: "Mynerve", cursive;
  font-weight: 400;
  font-style: normal;
}

.mansalva-regular {
  font-family: "Mansalva", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.water-brush-regular {
  font-family: "Water Brush", cursive;
  font-weight: 400;
  font-style: normal;
}
*/

.quote-default__mark {
    display: block;
    width: auto;
    margin-left: 15%;
    fill: #d3ccc5;
}
.quote-default__mark2 {
    display: block;
    width: auto;
    margin-right: 15%;
    margin-left: auto;
    fill: #d3ccc5;
    transform: scale(-1,-1);
}

.dropdown-header {
    font-size: .7rem;
    color: var(--hneda);
}
.dropdown-item.active, .dropdown-item:active {
    /*background-color: #c1b7ae;*/
    background-color: transparent;
    color: var(--bs-dropdown-link-color);
}