/*
Theme Name: 	Boxbeton
Theme URI: 		https://betonove-produkty.cz/
Description: 	web
Author: 		Jan Lasac
Author URI: 	http://janlasac.cz
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
*/

.single .main-content-area article .post-excerpt {
    color: white;
}
body.single-post .main-content-area article .entry-content h3 {
    color: white;
}
#info .btn-theme-colored2 {
    color: white;
}
#info strong {
    color: white;
}
#o-nas-benefity h5 { 
    color: white;
}
#o-nas-benefity .features-block-style1 .inner-box .btn-link {
    display: none;
}
.grecaptcha-badge {
	display: none;
}
.box-namiru {
    border-color: #00a0d2;
    background: #38a2ff8c;
    color: white;
    border-width: 1px;
    border-radius: 20px;
    backdrop-filter: blur(12px);
}
.box-namiru .elementor-icon-box-wrapper {
    padding: 10px;
}
#nase-produkty .features-block-style8 .content {
    padding: 20px 20px 20px 20px;
    background: linear-gradient(0deg, #0c0d0eed 6.67%, #0c0d0ec2 28.67%, #00000012 75.32%, #00000000 90.32%);
    background: linear-gradient(0deg, #0c0d0ecc 6.67%, #0c0d0e9e 33.67%, #0000000d 85.32%, #00000000 95.32%);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 20px;
    z-index: 4;
}
#nase-produkty .features-block-style8 .thumb {
    border-radius: 20px;
    position: relative;
}
#nase-produkty .features-block-style8 .content .service-icon {
    visibility: hidden;
}
.features-block-style8 .custom-img-link-boxbeton {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.blog-item-current-style3 .entry-header .custom-link-post {
        position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
}
.single .main-content-area article .post-excerpt {
    color: #e6e2e2;
}
.single .news-details-bottom .news-details__categories {
    display: none;
}
.single .tm-sc-gallery .tm-gallery-item-default a {
    border-radius: 20px;
}
.single .tm-sc-gallery .tm-gallery-item-default a img {
    border-radius: 20px;
}
.single .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title {
    margin-top: 4px;
}
#main-header .menuzord-primary-nav .menuzord-menu ul.dropdown li a,
#sticky-header .menuzord-primary-nav .menuzord-menu ul.dropdown li a {
    font-size: 0.9rem;
    padding: 8px 25px 8px 22px;
}
#reference-sekce .testimonial-block-style4 {
    position: relative;
    margin: 40px 10px;
}
#reference-sekce .testimonial-block-style4 .inner-box .info-box:before {
    background-image: url(/wp-content/uploads/2025/09/quote1-3.png);
}
#reference-sekce .testimonial-block:hover .inner-box {
    background-color: #2f312a;
    /*    backdrop-filter: blur(12px);
        background-color: #1D1D1D;
        background-color: #1d1d1d80;*/
    border: 1px solid rgba(51, 51, 51, 0.5);
}
#reference-sekce .testimonial-block-style4 .inner-box {
    position: relative;
    /*    margin: 20px 20px;*/
    z-index: 22;
}
#reference-sekce .testimonial-block-style4:after, #reference-sekce .testimonial-block-style4:before {
    content: " ";
    position: absolute;
    z-index: -1;
    inset: -0.5rem;
    background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2));
    background: conic-gradient(from var(--gradient-angle), #121310, #00aeef, #121310);
    opacity: 0;
    transform: scale(0);
    visibility: hidden;
    border-radius: 20px;
    animation: rotate 2.5s linear infinite;
    transition: all 300ms ease;
}
#reference-sekce .testimonial-block-style4:after {
    filter: blur(1rem);
}
#reference-sekce .testimonial-block-style4:hover:after, #reference-sekce .testimonial-block-style4:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: -1;
}
#elementor-header-top-sticky #sticky-header {
    backdrop-filter: blur(12px);
    background-color: #1D1D1D;
    background-color: #1d1d1d80;
}
.tm-sc-projects .projects-current-theme2 .image-box .image:before {

}
.single .main-content-area table {
    /*        -webkit-box-shadow: 0 0 14px 0 #00aeeeb0;
        -moz-box-shadow: 0 0 14px 0 #00aeeeb0;
        box-shadow: 0 0 14px 0 #00aeeeb0;*/
}
.single .main-content-area table td, .single .main-content-area table th {
    text-transform: none;
    background: #b7bbc0;
    color: #212529;
}
.portfolio .tm-sc-projects .projects-current-theme2 .content-box {
    top: auto;
    left: 20px;
    right:  20px;
    left: 0px;
    right:  0px;
    bottom: 0;
    transform: none;
}
.tm-sc-projects .projects-current-theme2 .image-box {
    box-shadow: 0 10px 20px -9px rgba(0, 0, 0, 0.5);
    /*     margin: 20px;*/
}
.portfolio .tm-sc-projects .projects-current-theme2:hover {
    cursor: pointer !important;
}
.portfolio .tm-sc-projects .projects-current-theme2:hover .content-box {
    padding: 30px 0 0;
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: auto;
    transform: translate(-50%, -50%);
    z-index: 0;
    display: none;
    cursor: pointer !important;
}
.portfolio .tm-sc-projects .projects-current-theme2 .content-box:hover .title {
    font-size: 1rem;
}
.portfolio .tm-sc-projects .projects-current-theme2 .content-box .title {
    visibility: visible;
    opacity: 1;
    transform: none;
}
#blog-content .blog-item-current-style3 .inner-box .entry-meta {
    background-color: #121310c4;
}
#blog-content .blog-item-current-style3 .inner-box .entry-meta li {
    padding-left: 6px;
}
#blog-content .blog-item-current-style3 .inner-box .entry-meta:before,
#blog-content .blog-item-current-style3 .inner-box .entry-meta:after  {
    display: none;
}

.portfolio .tm-sc-projects .projects-current-theme2 .content-box .cat-list li {
    color: #fff;
}
.portfolio .tm-sc-projects .projects-current-theme2 .content-box {
    background: linear-gradient(0deg, #0c0d0eed 6.67%, #0c0d0ec2 28.67%, #00000012 75.32%, #00000000 90.32%);
    background: linear-gradient(0deg, #0c0d0ecc 6.67%, #0c0d0e9e 33.67%, #0000000d 85.32%, #00000000 95.32%);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-bottom: 10px;
}
.portfolio .tm-sc-projects .projects-current-theme2 .content-box .title {
    background-color: #00aeefb5;
    background-color: transparent;
}
.portfolio .tm-sc-projects .projects-current-theme2 .content-box .cat-list {
    display: none;
}
.portfolio  .tm-sc-projects .projects-current-theme2 .image-box {
    border-radius: 20px;
}
.portfolio .tm-sc-projects .projects-current-theme2 .content-box .title a {
    color: #fff;
}
#boxy-vyhody .features-block-style1 .inner-box .content-box {
    border-right: 1px solid #FFFFFF21;
}
#boxy-vyhody .features-item:first-child .features-block-style1 .inner-box .content-box {
    border-left: 1px solid #FFFFFF21;
}
.btn-default span.btn-title {
    text-transform: uppercase;
}

#galerie-reference .tm-gallery-item-default a {
    border-radius: 20px;
}
#galerie-reference .tm-gallery-item-default:hover a:before {
    background: #121310;
    background: linear-gradient(0deg, #0c0d0eed 8.67%, #0c0d0ec2 22.67%, #00000012 55.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;
}
.single #poptavka {
    padding: 4%;
    backdrop-filter: blur(12px);
    background-color: #1D1D1D;
    background-color: #1d1d1d80;
    border-radius: 20px;
}
.single #poptavka .wpcf7 form.invalid .wpcf7-response-output,
.single #poptavka .wpcf7 form.unaccepted .wpcf7-response-output,
.single #poptavka .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    border-width: 1px;
}
.single #poptavka .wpcf7 form.sent .wpcf7-response-output {
    border-color: #00a0d2;
    background: #38a2ff82;
    color: white;
    border-width: 1px;
}
#galerie-home .tm-gallery-item-currenty-style2 .inner-box .image-box,
#galerie-home .tm-gallery-item-currenty-style2 .inner-box .image-box .image,
#galerie-home .tm-gallery-item-currenty-style2 .inner-box .image-box .image img,
#galerie-home .tm-gallery-item-currenty-style2 .inner-box .info-box,
#galerie-home .tm-gallery-item-currenty-style2 .inner-box .info-box::before {
    border-radius: 20px;
}

#side-list ul li svg path {
    fill: white;
}

#blog .blog-item-current-style3 .inner-box {
    position: relative;
    /*    margin: 20px 20px;*/
    z-index: 22;
}
#blog .blog-item-current-style3:after, #blog .blog-item-current-style3:before {
    content: " ";
    position: absolute;
    z-index: -1;
    inset: -0.5rem;
    background: conic-gradient(from var(--gradient-angle), var(--theme-color2), var(--theme-color1), var(--theme-color2));
    background: conic-gradient(from var(--gradient-angle), #121310, #00aeef, #121310);
    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:after {
    filter: blur(1rem);
}
#blog .blog-item-current-style3:hover:after, #blog .blog-item-current-style3:hover:before {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    z-index: -1;
}
.elementor a.jl {
    display: inline-block;
    width: 22px;
    height: 20px;
    line-height: 20px;
    background: url(/wp-content/uploads/2025/10/favicon-bw.png) no-repeat center;
    background-size: contain;
    color: transparent !important;
    margin-left: 2px;
}
.elementor a.jl:hover {
    color: transparent;
}

@media (min-width: 1024px) {
    .single #galerie-produkt .isotope-layout.isotope-layout-single-item:not(.shop-archive):not(.blog-archive) .isotope-item {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
        padding: 0 15px;
    margin: 0 0 30px;
    width: 49.98% !important;
    position: relative !important;
}
    #main-header .menuzord-menu ul.dropdown, #sticky-header .menuzord-menu ul.dropdown {
        min-width: 280px;
    }
    .menuzord-primary-nav .menuzord-menu > li > a:hover {
        transform: scale(1.2);
        font-weight: bold;
    }
    #reference .testimonial-block-style4 .inner-box .author-text {
        font-size: 16px;
    }
}

@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;
}