/* reset stylů */
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* deklarace fontu Uni Sans */
@font-face {
    font-family: Uni-Sans-Regular; /* deklarace fontu */
    src: url("../fonts/UniSansRegular.otf") format( 'truetype'),
         url("../fonts/UniSansRegular.woff") format( 'woff'),
         url("../fonts/UniSansRegular.woff2") format( 'woff2'); /* propojení na umístění souboru */
}

@font-face {
    font-family: Uni-Sans-Bold; /* deklarace fontu */
    src: url("../fonts/UniSansBold.otf") format('truetype'),
         url("../fonts/UniSansBold.otf") format('woff'),
         url("../fonts/UniSansBold.otf") format('woff2'); /* propojení na umístění souboru */
}



/* definice barev */
:root
{
  --pismo-odstavec: rgba( 0, 0, 0, 1.0);
  --pismo-nadpis: rgba( 0, 0, 0, 1.0);
  --pismo-paticka: rgba( 255, 255, 255, 1.0);
  --pismo-slider: rgba( 255, 255, 255, 1.0);
  
  --odkaz-paticka: rgba( 255, 255, 255, 1.0);
  
  --pozadi-odd: rgba( 255, 255, 255, 1.0);
  --pozadi-even: rgba( 1, 158, 227, 0.1);
  --pozadi-bottom: rgba(1, 158, 227, 1.0);
  --pozadi-paticka: rgba( 108, 117, 125, 1.0);
  
}

html
{
  font-size: 16px;
}


p, li, h1, h2, h3, h4, h5, h6, td, div, span
{
  font-family: Uni-Sans-Regular, 'Ubuntu', arial, sans-serif;
  color: var(--pismo-odstavec);
}

p, li
{   
  color: var(--pismo-odstavec);
  line-height: 1.5rem;    
  text-align: justify;
  font-size: 1.2rem;
}

h1, h2, h3, h4, h5, h6
{
  color: var(--pismo-nadpis);
  font-weight: bold;
}

h1
{
  text-align: center;
}

/* Úprava odrážek */
ul.odrazka-v01-20,
ul.odrazka-v02-20,
ul.odrazka-v03-20,
ul.odrazka-v04-20,
ul.odrazka-v01-24,
ul.odrazka-v02-24,
ul.odrazka-v03-24,
ul.odrazka-v04-24,
ul.odrazka-v01-32,
ul.odrazka-v02-32,
ul.odrazka-v03-32,
ul.odrazka-v04-32
{
  list-style-type: none;
}

ul.odrazka-v01-20 li,
ul.odrazka-v02-20 li,
ul.odrazka-v03-20 li,
ul.odrazka-v04-20 li,
ul.odrazka-v01-24 li,
ul.odrazka-v02-24 li,
ul.odrazka-v03-24 li,
ul.odrazka-v04-24 li,
ul.odrazka-v01-32 li,
ul.odrazka-v02-32 li,
ul.odrazka-v03-32 li,
ul.odrazka-v04-32
{
  margin-bottom: 10px;
}


ul.odrazka-v01-20 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v01-20x20.png');
}

ul.odrazka-v02-20 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v02-20x20.png');
}

ul.odrazka-v03-20 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v03-20x20.png');
}

ul.odrazka-v04-20 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v04-20x20.png');
}

ul.odrazka-v01-24 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v01-24x24.png');
}

ul.odrazka-v02-24 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v02-24x24.png');
}

ul.odrazka-v03-24 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v03-24x24.png');
}

ul.odrazka-v04-24 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v04-24x24.png');
}

ul.odrazka-v01-32 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v01-32x32.png');
}

ul.odrazka-v02-32 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v02-32x32.png');
}

ul.odrazka-v03-32 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v03-32x32.png');
}

ul.odrazka-v04-32 li
{
  list-style-image: url('../images/odrazky/cooltisk-odrazka-v04-32x32.png');
}
/* End of Úprava odrážek */


/* Toolbar */
.tm-toolbar
{
  background-color: var(--pozadi-bottom);
}


/* container */
#sp-main-body .container
{
  padding-left: 10px;
  padding-right: 10px;
}


section.homepage-section
{
  padding-top: 80px;
}

.uk-article
{
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 30px;
  padding-right: 30px;
}

body.blog .uk-article
{
  padding-bottom: 10px;
}


.uk-breadcrumb>*>* 
{
  font-size: 1.0rem;
}

div.uk-article img
{
  margin: 20px 0px;
}



/* Menu */
.uk-navbar-item, 
.uk-navbar-nav>li>a, 
.uk-navbar-toggle,
.sp-megamenu-parent.uk-navbar-item, 
.sp-megamenu-parent.uk-navbar-nav>li>a, 
.sp-megamenu-parent.uk-navbar-toggle,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) 
{
  font-size: 1.2rem;
  text-transform: none;
}



/* Nastavení flex */
.flex-container
{
  display: flex;
  gap: 30px;
  flex-direction: column;
}

.flex-container .flex-item
{
  flex: 1;
  text-align: center;
}
/* Konec nastavení flex */

/* Modifikace uikit */
.uk-grid-column-medium>*, .uk-grid-medium>* 
{
  padding-right: 30px;
}

#sp-main-body
{
  margin-top: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.uk-grid-margin:nth-child(odd)
{
  background-color: var(--pozadi-odd);
}

.uk-grid-margin:nth-child(even)
{
  background-color: var(--pozadi-odd);
}

body.blog .uk-grid-margin:nth-child(even)
{

}

/* tabulky obecně */
.tabulka td, .tabulka th
{
  border-bottom: 1px gray dotted; 
  padding-bottom: 10px;
  vertical-align: top;
}
	
.tabulka th
{
  font-weight: bold;
  background-color: lightgray;
}


/* Kontaktní formulář */
.bfQuickMode .nonform-control
{
  width: auto !important;
  float: left;
  margin-right: 30px;
}

.bfQuickMode .bfElemWrap .form-inline select 
{
  max-width: 100%;
}

.bfQuickMode .bfbs5-btn span, 
.bfQuickMode .btn span
{
  font-size: 1.0rem;
  color: var(--pismo-paticka);
}
/* End of Kontaktní formulář */



/* patička webu */
#sp-bottom
{
  background-color: var(--pozadi-bottom);
  padding: 10px 0;
}

#sp-bottom *,
#sp-bottom a
{
  color: var(--pismo-paticka);
}


/* Footer */
#sp-footer
{
  border-top: black 1px solid;
  background-color: var(--pozadi-paticka);
}

#sp-footer p
{
  color: var(--pismo-paticka);
  margin-bottom: 0px;
}

#sp-footer a,
#sp-footer a:hover,
#sp-footer a:focus,
#sp-footer a:visited
{
  color: var(--odkaz-paticka);
}


#copyright,
#autor
{
  font-size: 0.8rem;
  text-align: center;  
  margin-top: 0px; 
}
/* End of footer */

/*slideshow*/
.slide-desc
{
  width: auto !important;
  bottom: 10% !important;
  left: 20px !important;
}

.slide-desc-text p,
.slide-desc-text h1
{
  color: var(--pismo-slider);
}

.slide-desc-text p
{
  display: none;
  font-size: 1.0rem;
}

.slide-desc-text h1
{
  font-weight: bold;
  font-size: 2.5rem;
}
/* End of slideshow */

/* Realizace */
div.realizace div.vstup
{
  transition: all 2s;
  background-size: cover;
}

div.realizace div.vstup div.titulek 
{
  background: rgba(0,0,0,0.0);
  width: 100%;
  height: 100%;
  position: relative;
  display: table;
  transition: all 2s;
}

div.realizace div.vstup div.titulek span 
{
  display: table-cell;
  visibility: hidden;
  text-align: center;
  vertical-align: middle;
  color: white !important;
  font-weight: bold;
  font-size: 2.5rem;
  transition: all 1s;
}

div.realizace div.vstup:hover
{
  box-shadow: 5px 5px 10px gray;
}

div.realizace div.vstup:hover div.titulek 
{
  background: rgba(0,0,0,0.4);
}


div.realizace div.vstup:hover div.titulek span
{
  visibility: visible;
}
/* End of Realizace */


/* responsivita */
@media (max-width: 575px)
.container, .container-sm {
    max-width: 90%;
}

@media screen and (min-width: 768px)
{

  #sp-main-body .container
  {
    padding-left: 25px;
    padding-right: 25px;
  }
  
  #copyright
  {
    display: inline-block; 
    float: left; 
    padding-left: 10px;
  }
  
  #autor
  {
    display: inline-block;  
    float: right;   
    margin-bottom: 15px; 
    text-align: right; 
    padding-right: 10px; 
    margin-right: 20px;
  }

  .slide-desc
  {
    left: 50px !important;
    bottom: 50px !important;
  }

  .slide-desc-text p
  {
    display: initial;
    font-size: 1.5rem;
  }

  .flex-container
  {
    flex-direction: row;
  }
  
  .flex-container .flex-item.v2
  {
    flex: 2;
  }

  .flex-container .flex-item.v3
  {
    flex: 3;
  }
  
}

@media screen and (min-width: 1000px)
{
  div.uk-article img
  {
    margin: 20px;
  }
}


@media screen and (min-width: 1200px)
{

  .slide-desc-text p
  {
    font-size: 2.0rem;
  }

  .container
  {
    max-width: 1900px;
  }

}