/*
Theme Name: 	RozjedemTO
Theme URI: 		http://rozjedemto.cz
Description: 	web
Author: 		Jan Lasac
Author URI: 	http://themeforest.net/user/thememascot
Version: 		2.0
Minimum Requires PHP:	8.1
Tested up to:	6.7
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 	digitaal-child
Template: 		digitaal
*/

.home-portfolio .tm-sc-projects .projects-current-theme2 .image-box .image {
    position: relative;
}
/*.home-portfolio .tm-sc-projects .projects-current-theme2 .image-box .image:before {
    background: #121310;
    background: linear-gradient(0deg, #000000fa 6%, #0c0d0eed 32.67%, #0c0d0ec2 52.67%, #00000012 85.32%);
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 2;
    transition: all 0.2s ease;
    opacity: 1;
}
.home-portfolio .tm-sc-projects .projects-current-theme2:hover .image-box .image:before {
    opacity: 0;
}*/
.single .news-details-bottom .news-details__categories {
    display: none;
}
#elementor-header-top-sticky #sticky-header {
    backdrop-filter: blur(12px);
    background-color: #1D1D1D;
    background-color: #1d1d1d80;
}
#sekce-dovednosti #dovednosti .skill-block-style1 .inner-box {
    background-color: #121310;
}

#sekce-dovednosti #dovednosti .skill-block-style1:hover .inner-box {
    background-color: #083358;
}
/*.projekty .inner-box a {
    pointer-events: none;
}*/
#sekce-blog #blog .inner-box .entry-content a.btn-link-style1 {
    /*    pointer-events: none;*/
    color: #121310;
}
#sekce-blog #blog .inner-box .categories-links {
    padding-left: 10px;
}
#sekce-blog #blog .blog-item-current-style3 .inner-box .entry-meta {
    color: #666;
    flex-wrap: wrap;
    background-color: #121310;
}
#sekce-blog #blog .blog-item-current-style3 .inner-box .entry-meta:before,
#sekce-blog #blog .blog-item-current-style3 .inner-box .entry-meta:after {
    background-color: transparent;
    -webkit-box-shadow: 0 20px 0 0 #121310;
    box-shadow: 0 20px 0 0 #121310;
    -webkit-box-shadow: 0 20px 0 0 transparent;
    box-shadow: 0 20px 0 0 transparent;
}
#blog-section {

}
#sluzby boc {

}
.wpcf7-form .nice-select {
    width: 100%;
}
#side-list ul li svg path {
    fill: white;
}
#proc .tm-interactive-list .each-item {
    margin-bottom: 14px;
    position: relative;
    padding-left: 20px;
}
#proc .tm-interactive-list .each-item:before {
    content: "";
    background: url(/wp-content/uploads/2025/09/play-ultra-small.svg) no-repeat center;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    left: -10px;
    top: 17px;
    transition: all 300ms ease;
}
#proc .tm-interactive-list .each-item:hover:before {
    visibility: hidden;
}
#sluzby .service-block-style4:after {
    position: absolute;
    content: "";
    height: 134%;
    width: 1px;
    background: #202020;
    top: -40px;
    right: 0;
}
#pribeh-team .team-current-theme2 .inner-box .image-box .icon-box {
    display: none;
}
#pribeh-team .team-current-theme2 .inner-box .image-box:after {
    background: linear-gradient(to top, #f3ac09, transparent);
}
#pribeh-team .team-current-theme2 .inner-box .image-box:before {
    background: linear-gradient(to right, transparent, #f3ac09);
}
#pribeh-team .team-current-theme2 .inner-box .image-box .image img {
    max-width: 300px;
}
#pribeh-team .team-current-theme2 .inner-box .team-title {
    margin-bottom: 15px;
}
#pribeh-team .team-current-theme2 .inner-box .info-box .sec-bio {
    display: none; 
}
#sluzby .service-block-style4 {
    transition: all .3s;
}
#sluzby .service-block-style4:hover {
    transform: translateY(-3px);
    transition: all .3s;
}
#sluzby .service-block-style4:hover .service-title a {
    color: #f3ac0a;
}
#sluzby .service-block-style4 .image-box img {
    transition: all 300ms ease;
}
#sluzby .service-block-style4:hover .image-box img {
    filter: blur(3px);
    transition: all 300ms ease;
}
/*#sluzby .service-block-style4 .image-box .service-featured-img:first-child img {
border-right: 20px;
    position: relative;
    width: 100%;
    display: block;
    transition: all 500ms  ease;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    transform: translateX(50%) scaleX(2);
    opacity: 0;
    filter: blur(10px);
}
#sluzby .service-block-style4:hover .image-box .service-featured-img {
    position: relative;
    overflow: hidden;
}
#sluzby .service-block-style4:hover .image-box .service-featured-img:first-child img {
    transform: translateX(0) scaleX(1);
    opacity: 1;
    filter: blur(0);
}*/
#sluzby .service-block-style4 .service-featured-img:before {
    background: #121310;
    background: linear-gradient(0deg, #0c0d0eed 32.67%, #0c0d0ec2 52.67%, #00000012 85.32%);
    height: 100%;
    width: 100%;
    left: 0;
    bottom: 0;
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 2;
    transition: all 0.2s ease;
    opacity: 1;
}
#sluzby .service-block-style4 {
    margin-bottom: 50px;
}
#sluzby .service-block-style4 .inner-box .content-box {
    position: absolute;
    left:0;
    bottom: 0;
    padding: 20px 20px;
    z-index: 3;
}
#sluzby .service-block-style4 .inner-box .content-box .service-title {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
#sluzby .service-block-style4 .inner-box .content-box .service-details {
    font-size: 0.8rem;
    line-height: 1.4;
    color: #979797;
}

#blog .blog-item-current-style3 .inner-box .entry-header {
    border-radius: 20px;
    border-bottom-left-radius: 0px;
}
#blog .blog-item-current-style3 .inner-box .entry-header .thumb {
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    z-index: 2;
}
#blog .blog-item-current-style3 .inner-box .entry-content {
    z-index: 2;
}
#blog .blog-item-current-style3:hover .inner-box .entry-header .thumb {
    box-shadow: none;
}
#blog .blog-item-current-style3 .inner-box {
    position: relative;
    /*    margin: 20px 20px;*/
    z-index: 10;
}
#blog .blog-item-current-style3 .inner-box .entry-header:after, #blog .blog-item-current-style3 .inner-box .entry-header:before {
    content: " ";
    position: absolute;
    z-index: -1;
    inset: -0.2rem;
    background: conic-gradient(from var(--gradient-angle), #f3ac0a, #ffffff, #f3ac0a);
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    border-radius: 20px;
    animation: rotate 2.5s linear infinite;
    transition: all 300ms ease;

}
#blog .blog-item-current-style3 .inner-box:hover .entry-header:after {
    filter: blur(1rem);
}
#blog .blog-item-current-style3 .inner-box:hover .entry-header:after,
#blog .blog-item-current-style3 .inner-box:hover .entry-header:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: 1;
}
#sekce-blog #blog .blog-item-current-style3:hover .inner-box .entry-meta {
    border-bottom-left-radius: 20px;
}
.banner-shadow {
    box-shadow: 0 10px 20px -9px rgba(0, 0, 0, 0.5);
}
#banner-uvod #ikona-uvod img {
    max-width: 150px;
    max-height: 150px;
}
#team-uvod .team-current-theme9 .inner-box .image-box .image {
    background-color: #f3ac0a;
}
#team-uvod .team-current-theme9 .inner-box:hover .image-box .image:hover {
    background-color: #222222;
}
#blog .blog-item-current-style3 {
    margin: 20px 20px;
}
a.jl {
   display: inline-block;
   color: transparent !important;
   width: 22px;
   height: 20px;
   line-height: 20px;
   background: url(/wp-content/uploads/2025/10/favicon-bw.png) no-repeat center;
   background-size: contain;
   
   margin-left: 2px;
}
a.jl:hover {
    color: transparent;
}
.grecaptcha-badge {
    display: none;
} 
#faq .wpcf7-form .nice-select span.current {
    color: #222 !important;
}
#faq b {
    color: black;
}
 #sluzby-detail-leva ul#menu-sluzby li a {
        font-size: 14px;
    }


/*** MEDIA ***/

@media (min-width: 1024px) {

    #blog .blog-item-current-style3 {
        margin: 30px 30px;
    }
    #blog .blog-item-current-style3 .inner-box .entry-header:after, #blog .blog-item-current-style3 .inner-box .entry-header:before {
        inset: -0.44rem;

    }
}

@media (max-width: 1024px) {
    
     #sluzby-detail-leva ul#menu-sluzby li a {
        font-size: 14px;
    }
    
    .menuzord-primary-nav.menuzord-responsive .menuzord-menu > li > a:hover {
        color: #f3ac09;
    }
    .menuzord-primary-nav.menuzord-responsive .menuzord-menu > li.current-menu-item a {
         color: #f3ac09;
    }
    body .tm-header-menu, .tm-header-menu.active {
        z-index: 999999;
    }

    #sluzby .service-block-style4 {
        margin-bottom: 20px;
    }
    #in-list .tm-interactive-list h2 .hover-img {
        display: none;
    }
    #in-list .tm-interactive-list h2 .each-item {
        width: 100%;
        text-align: left;
    }
    body .tm-header-menu {
        background-color: #020202;
    }
}

@media (max-width: 767px) {

    #sluzby-detail  {
        display: flex; 
    }
    #sluzby-detail #sluzby-detail-prava {
        order: 1;
    }
    #sluzby-detail #sluzby-detail-leva {
        order: 2;
    }
    #in-list .tm-interactive-list h2 .each-item {
        width: 100%;
    }
    #in-list .tm-interactive-list h2 .hover-img {
        display: none;
    }
    #proc .tm-interactive-list .each-item {
        text-align: left;
    }
    .team-current-theme9 .inner-box .image-box .image,
    #banner-uvod .team-current-theme9 .inner-box .image-box .image {
        width: 208px;
    }
    .team-current-theme9 .inner-box .image-box .image img,
    #banner-uvod .team-current-theme9 .inner-box .image-box .image img {
        height: 200px;
    }
    #banner-uvod #ikona-uvod img {
        max-width: 100px;
        max-height: 100px;
    }
}

@media (max-width: 500px) {

    #banner-uvod #ikona-uvod img {
        max-width: 60px;
        max-height: 60px;
    }
    #sluzby .service-block-style4 {
        margin-bottom: 20px;
    }
    .team-current-theme9 .inner-box .image-box .image,
    #banner-uvod .team-current-theme9 .inner-box .image-box .image {
        width: 108px;
    }
    .team-current-theme9 .inner-box .image-box .image img,
    #banner-uvod .team-current-theme9 .inner-box .image-box .image img {
        height: 100px;
    }
    #profil .team-current-theme9 .inner-box .image-box .image {
        width: 300px;
    }
    #profil .team-current-theme9 .inner-box .image-box .image img {
        max-width: 300px;
        max-height: 300px;
        height: auto;
    }
    #sluzby-detail-leva ul#menu-sluzby li a {
        font-size: 12px;
    }
}

@keyframes rotate {
    0% {
        --gradient-angle: 0deg;
    }
    100% {
        --gradient-angle: 360deg;
    }
}

@keyframes zoom-in-zoom-out {
    0% {
        scale: 100%;
    }
    50% {
        scale: 130%;
    }
    100% {
        scale: 100%;
    }
}


@-webkit-keyframes vamtam-fadein-title{
    from{
        opacity:.9
    }
}
@keyframes vamtam-fadein-title{
    from{
        opacity:.9
    }
}
@-webkit-keyframes vamtam-zoomin{
    from{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes vamtam-zoomin{
    from{
        opacity:0;
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}

@keyframes global-loading{
    0%{
        transform:skewX(-45deg) translateX(-80%)
    }
    to{
        transform:skewX(-45deg) translateX(80%)
    }
}


@keyframes bg-text-ani {
    0% {
        background-position: -500%;
    }
    100% {
        background-position: 500%;
    }
}

@-webkit-keyframes bg-text-ani {
    0% {
        background-position: -500%;
    }
    100% {
        background-position: 500%;
    }
}

@keyframes blobbing-reverse {
    0%, 100% {
        border-radius: 73% 27% 62% 38% / 26% 36% 64% 74%;
    }

    7% {
        border-radius: 50% 50% 54% 46% / 69% 69% 31% 31%;
    }
    14% {
        border-radius: 71% 29% 42% 58% / 35% 67% 33% 65%;
    }
    21% {
        border-radius: 47% 53% 68% 32% / 70% 68% 32% 30%;
    }
    28% {
        border-radius: 25% 75% 62% 38% / 39% 60% 40% 61%;
    }
    35% {
        border-radius: 70% 30% 64% 36% / 43% 59% 41% 57%;
    }
    42% {
        border-radius: 44% 56% 67% 33% / 33% 46% 54% 67%;
    }
    49% {
        border-radius: 66% 34% 35% 65% / 68% 69% 31% 32%;
    }
    56% {
        border-radius: 43% 67% 29% 71% / 43% 46% 54% 57%;
    }
    63% {
        border-radius: 25% 75% 62% 38% / 39% 60% 40% 61%;
    }
    70% {
        border-radius: 71% 29% 27% 73% / 52% 59% 41% 48%;
    }
    77% {
        border-radius: 49% 51% 72% 28% / 32% 36% 64% 68%;
    }
    84% {
        border-radius: 74% 26% 43% 57% / 51% 25% 75% 49%;
    }
    91% {
        border-radius: 30% 70% 57% 43% / 53% 38% 62% 47%;
    }
}


@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 90deg;
    inherits: false;
}