/*
Theme Name: FotoBlog - Robert Mikus
Version: 1.0.1
Theme URI: http://www.robertmikus.cz
Author: Robert Mikus
Author URI: http://www.robertmikus.cz
Description: Responsive, Bootstrap 5.3.0, JQuery 5.3.0, Font - Montserrat
License: Robert Mikus
License URI: http://www.robertmikus.cz
Tags: Responsive, Bootstrap 5.3.0, JQuery 5.3.0, Font - Montserrat, Bootstrap Icons v1.10.5
 
COKOLIV CO CHCETE DODAT. TENTO OBSAH UŽ WORDPRESS NEPARSUJE
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=cyrillic,cyrillic-ext,latin-ext');

html {
	height: 100%;  
}
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  color: #43474B;
}
@media (max-width: 1200px) {
  body {
  font-size: 1.15rem;
  }
}
a, a:hover {
  text-decoration: none;
}

/* -------------------------------------------- Navigace - Sidebar --------------------- */
.navbar .navbar-brand {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.5rem;
  color: #17a2b8;
}
@media (max-width: 992px) { /* MD */
  .navbar .navbar-brand {
    font-size: 1.3rem;
  }
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #17a2b8;
}
.navbar-nav li.page_item a,
.navbar-nav li.page_item a:hover,
.navbar-nav li.page_item a:focus {
  color: #555;
  font-size: 1.3rem;
  text-decoration: none;
}
.navbar-nav li.current_page_item > a {
  color: #555;
  font-weight: 600;
  text-decoration: none;
}
.navbar-nav > li > a {
  padding: 8px 8px;
  display: block;
}

/* -------------------------------------------- Font --------------------- */
.fw-3 {
  font-weight: 300;
}
.fw-4 {
  font-weight: 400;
}
.fw-5 {
  font-weight: 500;
}
.fw-6 {
  font-weight: 600;
}
.fw-8 {
  font-weight: 800;
}
.fs-70 {
  font-size: 7rem;
}

/* -------------------------------------------- Color --------------------- */
.color-1 {
  color: #5B5B5B;
}
.color-2 { /* Zelená */
  color: #198754;
}
.color-3 { /* Červená */
  color: #dc3545;
}
.color-4 { /* Šedé */
  color: #f4f4f4;
}

/* -------------------------------------------- Stiny - Top / Bottom --------------------- */
.shadow-top {
  box-shadow: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-bottom {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.text-shadow-1 {
  text-shadow: 0 2px 3px rgba(0, 0, 0, .6);
}

/* -------------------------------------------- Pruhlednost tlacitek --------------------- */
.opacity-1 {
  opacity: 0.8;
}

/* -------------------------------------------- Margin - Padding --------------------- */
[class*="col-"] {
  margin-bottom: 2rem;
}
.no-space {
  margin: 3px 0;
  padding: 0 3px;
}
.lightbox-gallery {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 12px 0 12px;
  margin: 0 0 2rem 0;
}
.clear {
	clear: both;
	}
.box-fluid {
  width: 100%;
  margin: 0;
  padding: 0;
}
.box-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;                          
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.info-singl {
	padding: 20px 20px 10px 20px;
  font-size: 1.1rem;
  margin-top: 1rem;
	background-color: #FCFCFC;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}

/* -------------------------------------------- Image Border --------------------- */
.img-rad img {
  border-radius: 3px;
  margin: 0.3rem;
}
.img-bor img a {
	border: none;
}
.img-bor-1 img {
	border: 1px solid #d2d2cf;
	margin: 0;
	padding: 5px;
	background-color: #F7F7F7;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
@media (max-width: 576px) {
  .img-bor-1 img {
  border: 1px solid #d2d2cf;
	margin: 0;
	padding: 3px;
	background-color: #F7F7F7;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
  }
}
.img-bor-2 img {
	border: 1px solid #d2d2cf;
	margin: 1rem 0rem 1rem 0rem;
	padding: 8px;
	background-color: #F7F7F7;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
@media (max-width: 576px) {
  .img-bor-2 img {
  border: 1px solid #d2d2cf;
	margin: 5px 0px 10px 0px;
	padding: 4px;
	background-color: #F7F7F7;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
  }
}

/* -------------------------------------------- Footer --------------------- */
.footer a {
  font-weight: 600;
  color: #808080;
}
.footer a:hover {
  font-weight: 600;
  color: #666666;
  text-decoration: none;
}

/* -------------------------------------------- Intro --------------------- */
.intro-fullscreen {
  height: 100vh; 
  min-height: 600px; 
}
.overlay {
  width: 100%;
  height: 100%;
  background-position: center center; 
  background-repeat: no-repeat;
  background: url('images/gallery-uvod/intro-fullscreen-robert.jpg') center center no-repeat fixed;
  background-size: cover;
  opacity: 1;
}

/* -------------------------------------------- Mouse - Icon --------------------- */
.mouse-icon {
  border: 2px solid #FFFFFF;
  border-radius: 10px;
  height: 36px;
  width: 24px;
  cursor: pointer;
  z-index: 10;
  opacity: 0.7;
  margin: 0 auto;
  background: rgba(255,255,255,0.4);
}
.mouse-icon .wheel {
  -webkit-animation-name: drop;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
  -webkit-animation-name: drop;
          animation-name: drop;
  -webkit-animation-duration: 1.2s;
          animation-duration: 1.2s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}
.mouse-icon .wheel {
  position: relative;
  border-radius: 10px;
  background: #FFFFFF;
  width: 4px;
  height: 6px;
  top: 4px;
  margin-left: auto;
  margin-right: auto;
}
@-webkit-keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}
@keyframes drop {
  0% {
    top: 5px;
    opacity: 0;
  }
  30% {
    top: 10px;
    opacity: 1;
  }
  100% {
    top: 25px;
    opacity: 0;
  }
}

/* -------------------------------------------- SERVIS --------------------- */
.container-fluid {  /* fialová */
	border: 0px solid #E945D4;
}
.container {  /* červená */
	border: 0px solid #CC0000;
}
.row {  /* zelená */
	border: 0px solid #00EB15;
}
[class*="col"] {  /* tyrkisová */
  border: 0px solid #17a2b8;
}
.section {  /* fialová */
	border: 0px solid #E945D4;
}
.lightbox-gallery {  /* fialová */
	border: 0px solid #E945D4;
}
/* -------------------------------------------- SERVIS --------------------- */