/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

/* doplnění fontů Pettit Formal Script a Italianno */
@import url('https://fonts.googleapis.com/css?family=Italianno&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Petit+Formal+Script&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&subset=latin-ext');

html,
p,
a,
h1,
h2,
h3,
h4,
h5,
h6
{
  font-family: 'Open Sans', Roboto, Arial, 'sans-serif';
  /* font-family: 'Open Sans', Arial, 'sans-serif'; */
  line-height: 1.2em;
}

p
{
  font-size: 1.5em;
  line-height: 1.8em;
  color: #000000;
  color: #7f8c8d;
  text-align: justify;
}

em
{
  color: #000000;
  color: #7f8c8d;
}

a
{
  font-weight: bold;
}

a, .uk-link 
{
  color: #7f8c8d;
}

a:hover, 
.uk-link:hover
{
  color: #FAC673;
}

h1, h2, h3, h4, h5, h6
{
  color: #7f8c8d; 
  font-weight: bold;
  text-transform: upper;
  margin-top: 20px;
  margin-bottom: 20px;
}

h1,  h1.uk-article-title
{
  font-size: 3.0rem;
  text-align: center;
}

h2, h2.uk-panel-title
{
  font-size: 2.5rem;
  text-align: center;
}


h3, h3.uk-panel-title
{
  font-size: 2.0rem;
  text-align: center;
}

.uk-breadcrumb > li
{
  font-size: 1.5rem;
}

/* wraps */
.wrap
{
  clear: both;
}

.wrap-left
{
  clear: left;
}

.wrap-right
{
  clear: right;
}
/* end of wraps */



/* vše, co je třída .handwrite, tak je toto */
.handwrite
{
  font-family: 'Italianno', cursive;
  /* font-family: 'Petit Formal Script', cursive; */
}

i.fab:before
{
  font-family: FontAwesome;
  font-style: normal;
}

.tm-block-footer
{
  padding: 10px 0px;
  background-color: #FAC673;
}

.tm-block-footer p
{
  margin-bottom: 0px;
}


/* copyright */
.copyright p
{
  font-size: 1.0em;
  line-height: 1.5em;
  color: #000000;
}


.copyright a,
.copyright a:hover
{
  color: #000000;
}

.tm-navbar
{
  z-index: 999;
}

.uk-navbar-nav > li > a
{
  font-size: 1.5em;
  font-family: Roboto, 'Open Sans', Arial, sans-serif;
}

.uk-navbar-nav > li:hover > a, 
.uk-navbar-nav > li > a:focus, 
.uk-navbar-nav > li.uk-open > a,
.uk-navbar-nav > li.uk-active > a,
.uk-dropdown-navbar .uk-nav-navbar > li.uk-active > a
{
  color: #FAC673;
}

.uk-dropdown-navbar
{
  background: rgba( 0, 0, 0, 0.5);
} 

.uk-dropdown-navbar .uk-nav-navbar li a
{
  color: #FFFFFF;
  border-bottom-width: 0px;
}


.uk-dropdown-navbar .uk-nav-navbar li a:hover
{
   background: #FAC673;
}

.uk-dropdown-navbar .uk-nav-navbar li.uk-active a:hover
{
  color: #FFFFFF;
}


/* offcanvas */
.uk-offcanvas
{
  background: rgba( 250, 198, 115, 0.5);
}

.uk-offcanvas-bar
{
  background: #FAC673;  
}

.uk-nav-offcanvas > li > a,
.uk-nav-offcanvas ul a,
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover 
{
  color: #000000;
}


/* end of offcanvas */


#home h3
{
  line-height: 3.0rem;
  font-size: 4.0rem;
  font-weight: 500;
}

/* úvodní logo */
.motto
{
  display: inline-block;
  width: auto;
  float: right;
}

.motto .handwrite
{
  line-height: 3.0rem;
  font-size: 4.0rem;
  font-weight: 500;
}


/* kontakt v patičce */
.kontakt p
{
  line-height: 1.0em;
}

.kontakt i.fab:before
{
  font-size: 2.0em;
}


.uk-panel-box
{
  background: #ffffff;
  border: none;
}

.tm-top-a .uk-panel-box
{
  padding: 0px;
}

#tm-content
{
  box-shadow: none;
}


#tm-main
{
  background: #ffffff;
}

.tm-leading-article .uk-article:last-child
{
  border-bottom: none;
} 



table.pg-field-table
{
  display: none;
}

/* Aktuality */
.bt-inner .bt-introtext,
.bt-inner .bt-introtext p
{
  font-size: 14px;
  color: rgb(127,140,141);
}

.bt-inner p.readmore
{
  font-size: 1.2em;
  line-height: 1.5em;
}


.bt-inner .bt-title,
.bt-inner .bt-extra,
.bt-inner p.readmore
{
  text-align: center;
  display: block;
}


/* fotogalerie */
.fotogalerie-uvod img:hover
{
  box-shadow: gray 4px 6px 20px; 
}

.pg-cv-folder,
.pg-cv-name
{
  background: none;
  padding-left: 0px;
  font-size: 14px;
}


/* end of fotogalerie */


/*--------------------------------------------
              Home section
----------------------------------------------*/

#home {
  height: 100%;
}

#home-cover {
  height: 100%;
  background-image: url("../../../imgages/slideshow/home/01.jpg");
  overflow: hidden !important;
}

.flexslider {
  overflow: hidden !important;
}

.flexslider .slides{
  height: 100%;
}

.flexslider .slides li {
  text-align: center;
  height: 100%;
}

.slideLandscape {
  width: 100% !important;
  height: auto !important;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.slidePortrait {
  height: 100% !important;
  width: auto !important;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
}

#home-cover2 {
  height: 100%;
  border:0;
  margin:0;
  padding:0;
}

#home-content-box {
  width: 100%;
  height: 100%;
  display: table;
  position: absolute;
  top: 0%;
  z-index: 2;
}

#home-content-box-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#home-content-box-inner .btn
{
  background: transparent;
  border-width: 2px;
  border-color: #ffffff;
  padding: 10px 20px;
  color: #ffffff;
}

#home-heading h3 {
  color: #ffffff;
  font-size: 55px;
  font-weight: 400;
  margin: 20px 0 60px 0;
  text-transform: none;
}

@-webkit-keyframes zoomIn {
    from {
    	-webkit-transform: scale(1,1);
    }
    to {
    	-webkit-transform: scale(1.3,1.3);
    }
}

/* Standard syntax */
@keyframes zoomIn {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.3,1.3);
   }
}


/* Standard syntax */
@keyframes zoomIn {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.3,1.3);
   }
}

@-webkit-keyframes zoomIn {
    from {
    	-webkit-transform: scale(1,1);
    }
    to {
    	-webkit-transform: scale(1.3,1.3);
    }
}

@-webkit-keyframes zoomOut {
    from {
    	-webkit-transform: scale(1.3,1.3);
    }
    to {
    	-webkit-transform: scale(1,1);
    }
}

/* Standard syntax */
@keyframes zoomOut {
   from {
        transform: scale(1.3,1.3);
   }
   to {
        transform: scale(1,1);
   }
}

@-webkit-keyframes zoomInRight {
    from {
    	-webkit-transform: scale(1,1) translateX(0);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(10%) translateY(-10%);
    }
}

/* Standard syntax */
@keyframes zoomInRight {
   from {
        transform: scale(1,1) translateX(0);
   }
   to {
        transform: scale(1.3,1.3) translateX(10%) translateY(-10%);
   }
}

@-webkit-keyframes zoomInLeft {
    from {
    	-webkit-transform: scale(1,1) translateX(0);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(-10%) translateY(-40%);
    }
}

/* Standard syntax */
@keyframes zoomInLeft {
   from {
        transform: scale(1,1) translateX(0);
   }
   to {
        transform: scale(1.3,1.3) translateX(-10%) translateY(-10%);
   }
}

@-webkit-keyframes zoomInLeft2 {
    from {
    	-webkit-transform: scale(1,1) translateX(0) translateY(-10%);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(-10%) translateY(-20%);
    }
}

/* Standard syntax */
@keyframes zoomInLeft2 {
   from {
        transform: scale(1,1) translateX(0) translateY(-10%);
   }
   to {
        transform: scale(1.3,1.3) translateX(-10%) translateY(-20%);
   }
}

@-webkit-keyframes zoomInRight2 {
    from {
    	-webkit-transform: scale(1,1) translateX(0) translateY(-10%);
    }
    to {
    	-webkit-transform: scale(1.3,1.3) translateX(10%) translateY(-20%);
    }
}

/* Standard syntax */
@keyframes zoomInRight2 {
   from {
        transform: scale(1,1) translateX(0) translateY(-10%);
   }
   to {
        transform: scale(1.3,1.3) translateX(10%) translateY(-20%);
   }
}

.zoomedIn {
  transform: scale(1.3,1.3);
}

.zoomInSlide {
  -webkit-animation: zoomIn 5s; /* Chrome, Safari, Opera */
  animation: zoomIn 5s;
}
.zoomOutSlide {
  -webkit-animation: zoomOut 5s; /* Chrome, Safari, Opera */
  animation: zoomOut 5s;
}

.zoomInRightSlide {
  -webkit-animation: zoomInRight 5s; /* Chrome, Safari, Opera */
  animation: zoomInRight 5s;
}
.zoomInLeftSlide {
  -webkit-animation: zoomInLeft 5s; /* Chrome, Safari, Opera */
  animation: zoomInLeft 5s;
}
.zoomInRightSlide .slideLandscape {
  -webkit-animation: zoomInRight2 5s; /* Chrome, Safari, Opera */
  animation: zoomInRight2 5s;
}
.zoomInLeftSlide .slideLandscape {
  -webkit-animation: zoomInLeft2 5s; /* Chrome, Safari, Opera */
  animation: zoomInLeft2 5s;
}

/*--------------------------------------------
              Generic section
----------------------------------------------*/

.content-box {
  padding: 60px 0 60px 0;
}

.content-title h3 {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  margin: 0 0 30px 0;
}

.content-title-underline {
  width: 30px;
  height: 3px;
  background-color: #a41e22;
  margin: 0 auto 30px auto;
}

.row.no-gutters [class*=col-] {
  padding: 0;
}

/* úpravy GDPR */
div.cc-center-xtd div.cc-checkbox-description p 
{
  font-size: 14px;
}

div.cc-checkbox-category-readmore 
{
  display: none;
}



/* responsive section */
@media (max-width: 1200px)
{
  #home-heading h3
  {
    font-size: 2.2em;
    line-height: 1.0em;
    padding: 0 10px;
  }
}

@media (max-width: 999px)
{
  #home-heading h3
  {
    font-size: 2.2em;
    line-height: 1.0em;
    padding: 0 10px;
  }
}

@media (max-width: 768px)
{
  .uk-breadcrumb > li, 
  .uk-breadcrumb > li > a, 
  .uk-breadcrumb > li > span
  {
    font-size: 14px;
  }

  h3.uk-panel-title
  {
    text-align: center;
  }
  
  #home-heading h3
  {
    font-size: 1.5em;
    line-height: 1.0em;
    padding: 0 10px;
  }

  #home-btn
  {
    display: none;
  }
}

@media (max-width: 640px)
{
  p
  {
    font-size: 1.6em;
    line-height: 1.6em;
  }

  .kontakt-outer p
  {
    text-align: center;
  }

  img.center-400
  {
    float: none !important;
    margin: 0 auto !important;
  }
  
  p.center-400
  {
    display: block !important;
    text-align: center !important;
    float: none !important;
    width: 100%  !important;
  }
  
  .bt-cs .bt-row 
  {
    width: 100%!important;
  }  
}

@media (max-width: 480px)
{
  p
  {
    font-size: 1.2em;
    line-height: 1.2em;
  }
  
  #home-heading h3
  {
    font-size: 1.5em;
    line-height: 1.0em;
    padding: 0 10px;
    font-weight: bold;
  }
  
  #tm-content
  {
    padding: 30px 0px;
  }
  
  #phocagallery img
  {
    width: 100%;
  }
  
  .uk-grid > *
  {
    padding-left: 0px;
  }

  .uk-grid
  {
    margin-left: 0px;
  }

  
  #phocagallery .pg-cat-img-detail-box
  {
    margin-bottom: 20px;
  }

  #phocagallery .pg-cat-img-detail-box + div
  {
    margin-left: 0px !important;
  }

  .uk-panel-box.fotogalerie-uvod
  {
    padding: 30px 0px;
  }

  .uk-panel-box.fotogalerie-uvod img
  {
    margin: 20px 0px !important;
  } 

  .pg-cv-box,
  .pg-cv-box-img
  {
    width: 100%;
  }

}



/* end of responsive section */