@import "font.css";
a {
    /*color: #ff00fb;*/ /* ruzova */
    color: #dd2c61;  /* fialovo - ruzova - kontrastní poměr ku bílé */
    /*color: #802bff !important;*/ /* fialová */
    /*color: #c600c2;*/
}
a:hover, a:focus, a:active {
    /*color: #ff00fb;*/ /* fialovo - ruzova */
    color: #dd2c61;  /* fialovo - ruzova - kontrastní poměr ku bílé */
    /*color: #ff00fb !important;*/ /* ruzova */
    /*text-decoration: underline !important;*/
}
.sp-megamenu-parent >li.active>a, .sp-megamenu-parent >li:hover>a {
    /*color: #ff00fb !important;*/
    color: #ff00fb !important;
}
.sp-megamenu-parent>li>a:hover {
    /*color: #ff00fb !important;*/
    color: #ff00fb !important;
}
.sp-megamenu-parent>li.active>a {
    /*color: #ff00fb !important;*/
    color: #ff00fb !important;
}
.sppb-shape-container2.sppb-top-shape {
    top: -1px;
}
.sppb-shape-container2 svg {
    display: block;
    width: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.sppb-shape-container2 {
    overflow: hidden;
    /* position: absolute; */
    left: 0;
    width: 100%;
    line-height: 0;
    z-index: 2;
}
#section-page-title {
    margin-top: -45px;
}

#sp-header {
  height: 90px !important;
  background-color: #000 !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7) !important;
  animation: none!important;
}
#sp-header .logo {
  height: 80px !important;
  margin: 5px 0 5px 0;
}
#sp-header .sp-module {
    margin-left: 20px;
}
.burger-icon {
    width: 35px;
    cursor: pointer;
    position: relative;
}
.burger-icon>span {
    display: block;
    height: 4px;
    background-color: #fff;
    margin: 8px 0;
    transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
#modal-menu-toggler.active .burger-icon>span {
    margin: 3px 0;
}
.offcanvas-active .burger-icon>span {
    margin: 3px 0;
}
.offcanvas-menu .offcanvas-inner {
    padding: 0 25px 25px 25px;
}

.burger-icon:before {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: -7px;
    top: -7px;
    padding: 1px;
    background: transparent !important;
    font-weight: 900 !important;
}

#sp-menu {
  text-transform: uppercase;
}
#sp-menu .social-wrap {
    position: relative;
    padding-left: 20px;
}
body .sppb-btn, body .btn {
    padding: 10px 14px 10px 12px;
}
#sp-menu .sp-module .sppb-btn.gradient-button {
    padding: 9px 30px 17px 32px;
    color: #252525;
    background: #ffe800;
    border: 1px solid #ffe800;
    font-size: 14px;
}
#sp-menu .sp-module .sppb-btn.gradient-button:hover,
#sp-menu .sp-module .sppb-btn.gradient-button:focus,
#sp-menu .sp-module .sppb-btn.gradient-button:active {
    border: 1px solid #ffe800;
    background: transparent;
    color: #ffe800;
}
#sp-menu .sp-megamenu-parent >li.active >a {
    background: #ff00fb;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: #fff;
    text-decoration: none;
    line-height: 100px;
}
#sp-menu .sp-megamenu-parent >li.active>a, #sp-menu .sp-megamenu-parent >li:hover>a {
    /*background: rgba(0, 0, 0, 0.04);*/
    color: #802bff;
    /*color: #0090c6;*/
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    display: inline-block;
    padding: 0 12px;
    line-height: 80px;
    font-size: 18px;
    margin: 0;
}

#sp-menu .social-icons {
  font-size: 40px;
}
#sp-menu ul.social-icons a, #sp-menu ul.social-icons a {
    color: #fff;
}
#sp-menu ul.social-icons a {
    background: linear-gradient(145deg, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

#sp-menu ul.social-icons a:hover, #sp-menu ul.social-icons a:focus {
    background: linear-gradient(145deg, var(--gradient-color-1), var(--gradient-color-2));
    background-clip: text;
    /*
    color: #81047c;
    */
}
.offcanvas-menu {
    background-color: #000;
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    display: block;
    font-size: 20px;
    padding: 10px 0px;
    position: relative;
    line-height: 20px;
    opacity: 1;
    transition: 0.3s;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner a {
    color: #fff;
}
.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
    color: #fff;
}
.offcanvas-menu .fa:hover {
}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #ff00fb; /* fialova */
    /*color: #ffe800;*//* zluta */
}
.offcanvas-menu .offcanvas-inner .sp-contact-info, .offcanvas-menu .offcanvas-inner .social-icons {
    font-size: 40px;
    text-align: center;
    width: 100%;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: #ff00fb; /* fialova */
}

.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:hover, .offcanvas-menu .offcanvas-inner .sp-contact-info>li>a:focus, .offcanvas-menu .offcanvas-inner .social-icons>li>a:hover, .offcanvas-menu .offcanvas-inner .social-icons>li>a:focus {
    background: linear-gradient(145deg, var(--gradient-color-1), var(--gradient-color-2));
    opacity: 1;
    background-clip: text;
}
.offcanvas-menu .offcanvas-inner ul.social-icons>li>a {
  background: linear-gradient(145deg, #fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.offcanvas-menu .offcanvas-inner ul.social-icons>li>a:hover, .offcanvas-menu .offcanvas-inner ul.social-icons>li>a:focus {
    background: linear-gradient(145deg, var(--gradient-color-1), var(--gradient-color-2));
    background-clip: text;
}


#sp-page-title {
    margin: 20px 0 50px 0;
}
body.itemid-101 #sp-page-title {
    margin: -20px 0 50px 0;
}


.sp-page-title {
    padding: 0;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    background-color: #fff;
    z-index: 1;
}
.sp-page-title:after {
    content: none;
    position: relative;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    background-image: none;
    z-index: -1;
}
.sp-page-title .sp-page-title-heading {
    color: #111;
    font-size: 60px;
    line-height: 130%;
    font-weight: 800;
    text-transform: uppercase;
    position: relative;
    border-radius: 0;
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
}
.sp-page-title .sp-page-title-heading:before {
    content: none;
    position: absolute;
    inset: 0;
    border-radius: 0;
    padding: 0;
    background: none;
    mask: none;
    mask-composite: exclude;
}
.sp-page-title .sp-page-title-heading:after {
    content: none;
    position: absolute;
    width: auto;
    height: auto;
    left: auto;
    top: auto;
    transform: translateY(-50%);
    border-radius: 50%;
    background: linear-gradient(133.69deg, var(--gradient-color-1) -2.59%, var(--gradient-color-2) 113.65%);
}
.sp-page-title .container {
    max-width: 1600px;
}
.sppb-addon-article img {
    margin: 0 0 20px 0;
    border-radius: 16px;
}

.blog {
    margin: 20px 0 0 0;

}

.view-article #sp-page-title {
    display: block;
}

.view-category #sp-main-body {
    padding: 0px 0 100px;
}
.view-category .sp-page-title {
    background-color: transparent;
    padding: 0;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #111;
    font-size: 26px;
    line-height: 40px;
    font-weight: 800;
    text-transform: none;
}
.view-article #sp-main-body>.container .article-title-wrap {
    padding-top: 30px;
    background-color: #fff;
}
.view-article #sp-main-body>.container .article-title-wrap .article-header h1 {
    max-width: 100%;
    margin: 20px 0 26px 0;
    font-size: 46px;
    color: #111;
    font-weight: 800;
    line-height: 112%;
    letter-spacing: 0px;
    text-transform: none;
}
.view-article #sp-main-body>.container .article-details-wrap {
    max-width: 1350px;
    margin: 50px auto 150px auto;
    padding: 0 15px;
}
.article-details .article-full-image img {
    border-radius: 16px;
}

.service-feature2 {
    transition: all 0.3s ease;
    background: #222;
    padding: 0 0 30px 0;
    border-radius: 16px;
    border: 2px #111 solid;
}
.service-feature2 img {
    border-radius: 16px 16px 0 0;
}
.service-feature2 .sppb-btn-custom {
    padding: 12px 22px !important;
}

.sppb-addon-clients .sppb-row .sppb-col-sm-3 {
    padding: 30px 10px 30px 10px;
    text-align: center;
}
.sppb-addon-clients-image {
   text-align: center;
   margin: 0 auto;
}
.sppb-article-info-wrap h3 {
    font-size: 26px;
    font-weight: 800;
    line-height: 38px;
}
.sppb-article-info-wrap h3 a {
    color: #111;
    font-size: 26px;
    line-height: 38px;
}
.sppb-article-info-wrap h3 a:hover, .sppb-article-info-wrap h3 a:active {
    color: #ff00fb;
}
.sppb-addon-articles .sppb-article-meta>span, .sppb-addon-articles .sppb-article-meta>time {
    font-size: 16px;
}
.sppb-addon-articles .sppb-article-introtext {
    font-size: 18px;
    line-height: 30px;
    margin: 20px 0 20px 0;
}
#sp-bottom {
    background: none;
    padding: 0;
}
#sp-bottom .sp-module {
    margin-bottom: 0;
}
#sp-footer {
    /*background-image: radial-gradient(at center center, rgba(10, 10, 10, 0.9) 0%, rgba(1, 1, 1, 0.99) 100%)*/
    background: #000;
    font-size: 16px;
    line-height: 25px;
    padding: 0
}
#sp-footer .container-inner {
    border-top: none;
}
#sp-footer a, #sp-bottom a {
    color: #fff;
}

#sp-footer a:hover, #sp-footer a:active, #sp-footer a:focus, #sp-bottom a:hover, #sp-bottom a:active, #sp-bottom a:focus {
    color: #ff00fb; /* ruzova */
    /*color: #ff00fb;*/
    /*color: #fff;*/
    /*text-decoration: underline;*/
}
#sp-footer1 .footer1 {
    text-align: center;
}

#sp-footer .acym_module_form label {
    color: #ffffff;
}
#sp-footer .acym_module_form .onefield {
    margin: 0 0 10px 0;
}
#sp-footer .acym_module_form input {
    cursor: pointer;
    width: auto;
}
#sp-footer input[type="text"], #sp-footer input[type="email"], #sp-footer input[type="url"], #sp-footer input[type="date"], #sp-footer input[type="password"], #sp-footer input[type="search"], #sp-footer input[type="tel"], #sp-footer input[type="number"], #sp-footer select:not(.form-select), #sp-footer .form-control, #sp-footer .sppb-form-group .form-control {
    display: block;
    width: 100%;
    padding: 10px 12px;
    margin: 0 0 5px 0;
    font-size: 14px;
    line-height: 1.12;
    color: #111;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    transition: no;
}
body #sp-footer .btn.sppb-btn-primary, body #sp-footer .btn.btn-primary {
    border-color: #ffe800;
    background-color: #ffe800;
    color: #111;
    border-radius: 30px;
    margin: 0 10px 0 0;
}
body #sp-footer .btn.btn-primary:hover, body #sp-footer .btn.btn-primary:focus, body #sp-footer .btn.btn-primary:active {
    background-color: #111;
    border-color: #ffe800;
    color: #fff;
}

body #sp-footer .btn.unsubbutton {
    border-color: #ffe800;
    background-color: #111;
    color: #fff;
    border-radius: 30px;
}
body #sp-footer .btn.unsubbutton:hover, body #sp-footer .btn.unsubbutton:focus, body #sp-footer .btn.unsubbutton:active {
    border-color: #ffe800;
    background-color: #ffe800;
    color: #111;
    border-radius: 30px;
}

html.error-page .error-code {
    font-size: 250px !important;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    text-align: initial;
    padding: 20px;
    border: solid 1px #dfdfdf;
    border-radius: 5px;
    position: relative;
    width: 545px;
    margin-left: 15px;
    background-color: #f8f4fe;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date {
    font-size: 16px;
    line-height: 90px;
    margin: 28px 0 0 30px;
    font-weight: 900;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
    margin: 35px 30px 0 0;
    font-weight: 900;
    
}
#column-wrap-id-kapely1, #column-wrap-id-kapely2, #column-wrap-id-kapely3, #column-wrap-id-kapely4 {
    max-width: 25%;
    flex-basis: 25%;
}
#sppb-addon-wrapper-kapely2 {
    margin-top: 50px;
}
#sppb-addon-wrapper-kapely4 {
    margin-top: 80px;
}

#sppb-addon-kapely {
    transform-origin: 50% 50%;
}
#sppb-addon-kapely {
    transition: .3s;
}
#sppb-addon-kapely {
    border-radius: 16px;
}
#sppb-addon-kapely .sppb-addon-content {
    text-align: center;
}
#sppb-addon-kapely .sppb-img-container {
    display: block;
}
#sppb-addon-kapely .sppb-feature-box-title, #sppb-addon-kapely .sppb-feature-box-title a {
    color: #FFFFFF;
}
#sppb-addon-kapely .sppb-feature-box-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
}
#sppb-addon-kapely .sppb-addon-title {
    font-weight: 900;
    font-size: 24px;
    line-height: 24px;
}
#sppb-addon-kapely .sppb-addon-title {
    margin-top: 60px;
    margin-bottom: 30px;
    color: #FFFFFF;
}
#sppb-addon-kapely #btn-kapely.sppb-btn-custom {
    background-color: rgb(255, 232, 0);
    color: rgb(17, 17, 17);
}
#sppb-addon-kapely #btn-kapely.sppb-btn-custom {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
}
#sppb-addon-kapely #btn-kapely.sppb-btn-custom {
    padding: 20px 20px 20px 20px;
}
#sppb-addon-kapely .sppb-media-content .sppb-btn {
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#sppb-addon-kapely .sppb-btn-custom {
    padding: 10px 20px;
}
#sppb-addon-kapely .sppb-btn-round {
    border-color: #ffe800;
}
#sppb-addon-kapely #btn-kapely.sppb-btn-custom:hover {
    background-color: rgb(17, 17, 17);
    color: rgb(255, 232, 0);
}

.service-feature2 img {
    border-radius: 16px 16px 0 0;
}
.sp-scroll-up:hover, .sp-scroll-up:active, .sp-scroll-up:focus {
    color: #fff;
    background: #ff00fb;
}
#system-message-container {
    position: static;
    /*bottom: 0px;*/
    /*right: 15px;*/
    max-width: 350px;
}
#system-message-container joomla-alert {
    font-size: 16px;
}
html.coming-soon body {
    background-image: url(/images/foto/motakfest_404_1800x1103.jpg);
    
}
html.coming-soon body::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.8); /* 0.5 = míra ztmavení */
    z-index: 1;
}
html.coming-soon body > * {
    position: relative;
    z-index: 1;
}
.offline-mode .btn.btn-success {
    background: #ffe800;
    color: #000;
}
.offline-message {
    font-size: 36px;
    line-height: 50px;
}


/*
.service-feature2:hover {
    background: #202020;
}
*/
/*
.footer-social-icon .sppb-icons-group-list li i:hover {
    background: linear-gradient(145deg, var(--gradient-color-1), var(--gradient-color-2));
}
*/

@media (min-width: 768px) {
    body {
        font-size: 18px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
    }
    #sp-footer {
        /*padding-left: 45px;*/
        /*padding-right: 45px;*/
    }
    #sp-footer .container, #sp-footer .container-lg, #sp-footer .container-md, #sp-footer .container-sm, #sp-footer .container-xl, #sp-footer .container-xxl {
        max-width: 1920px;
    }    
}
@media (max-width:1199.98px) {
    
    #sp-menu .social-wrap {
        display: none !important;
    }
    #sp-header.full-header-center #offcanvas-toggler.mega, #sp-header.header-with-modal-menu #offcanvas-toggler.mega, #sp-header.full-header-left #offcanvas-toggler.mega, #sp-header.lg-header #offcanvas-toggler.mega, #sp-header.header-with-social #offcanvas-toggler.mega {
        display: flex !important;
    }
    .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
        width: 480px;
    }
    #column-wrap-id-kapely1, #column-wrap-id-kapely2, #column-wrap-id-kapely3, #column-wrap-id-kapely4 {
        max-width: 50%;
        flex-basis: 50%;
        margin: 0 0 50px 0;
    }    
}
@media (max-width: 991.78px) {
    #section-page-title {
        margin-top: -5px;
    }
    #sp-page-title {
        margin: 50px 0 50px 0;
    }
    body.itemid-101 #sp-page-title {
       margin: 10px 0 50px 0;
    }
    .sp-page-title .sp-page-title-heading {
        font-size: 50px;
    }
    .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
        width: 345px;
    }
}
@media (max-width: 767px) {
    .sppb-addon-accordion .sppb-panel-modern .sppb-panel-heading .sppb-panel-title {
        font-size: 16px;
        line-height: 28px;
    }
    .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
        width: 95%;
    }
    .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date, .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement.odd .timeline-item .timeline-date {
        margin: 35px 0 25px 25px;
    }
    #column-wrap-id-kapely1, #column-wrap-id-kapely2, #column-wrap-id-kapely3, #column-wrap-id-kapely4 {
        max-width: 100%;
        flex-basis: 100%;
        margin: 0 0 50px 0;
    }        
}