:root {
--modra: #44b0df;
--modra-tmava: #2b3b42;
--pozadi-svetle: #e8ecef;
--pozadi-tmave: #0a121c;
--oranzova-svetla: #ec6503;
--oranzova-tmava: #c73f05;
--pozadi: #101114;
--seda-svetla: #ACACAC;
--seda-tmava: #141414;
--text: #D9D9D9;
}

/*--  BASIC  --*/

body, .sp-preloader {
    background-color: var(--pozadi);
    color: var(--text) !important;
}
#sp-header {
	background: #10111400;
}
#sp-header.header-sticky {
	background: var(--pozadi);
}
.font-weight-700 {
  font-weight: 700;
}
#sp-main-body {
    padding: 0;
}
.sp-page-title {
    background:var(--pozadi);
}
b, strong {
    font-weight: 600;
}
.burger-icon>span {
    background-color: #d9d9d9;
}

@media (min-width: 1400px) {
    .container {
        max-width: 100vw !important;
      padding: 0 !important;
    }
} 
li {
    padding-bottom: 1em;
}

#sp-bottom .sp-module ul {
    list-style: disc;
    padding: revert;
    margin: revert;
}
#sp-bottom .sp-module ul>li {
    display: revert;
}
.header-has-modules #offcanvas-toggler {
    margin-right: 0px;
}

/*offline*/
.coming-soon .coming-soon-logo {
    max-width: 50px;
    margin-bottom: 4rem;
}

/*MENU*/
.sp-megamenu-parent>li>a {
    color: var(--text) !important;
}
.sp-megamenu-parent>li:hover>a,
.sp-megamenu-parent>li.active>a, 
.sp-megamenu-parent>li.active:hover>a {
    color: var(--modra);
}
/*kontakty*/
#sp-header.full-header {
    z-index: 9999;
}

/*SP SymplePortfolio*/

/*  .sp-simpleportfolio .sp-simpleportfolio-description {
    width: 100% !important;
    float: inherit;
    margin: 0 auto;
}
*/
.sp-simpleportfolio .sp-simpleportfolio-meta {display: none; width:0%;} 
.sp-simpleportfolio .sp-simpleportfolio-description { width: 100%; float: none;}
.sp-simpleportfolio .sp-simpleportfolio-item:hover .sp-simpleportfolio-btns a.btn-zoom { display: none;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a.btn-zoom { display: none;}

/*stránka portofolio*/
.sp-simpleportfolio-view-items.layout-gallery-space {
    padding: 0 6vw;
}
/*filter button*/
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a {
    color: var(--text);
}
.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a {
    display: block;
    padding: 8px 13px;
	background:transparent;
    color: var(--modra);
    text-decoration: none;
    border-radius: 3px;
    /*border: solid thin var(--modra);*/
  	font-weight: 400;
}