/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* meu-sticky */

.fusion-sticky-transition {
    box-shadow: 5px 5px 10px #000;
}

.fusion-gallery-image img {
    object-fit: contain!important;
    background: #000!important;
}

/* hero */

.hero_sekce {
    position: relative!important;
}

.hero_sekce::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url(/wp-content/uploads/2022/03/hero_hydro.svg) right bottom no-repeat;
    background-size: contain;
    z-index: 5;
    opacity: 0.2;
}

.play_icon {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    fill: var(--awb-color4);
    margin-top: 32px;
}

.box_play_icon {
    transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}

.box_play_icon:hover {
    transform: scale(1.2);
}

/* button effect */

.fusion-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    pointer-events: none;
    background-color: var(--awb-color5);
    z-index: 1;
    transition: 0.4s ease all;
}


.fusion-button {
    position: relative !important;
}

.fusion-button::before {
    content: "";
    display: block!important;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    pointer-events: none;
    background-color: var(--awb-color5);
    z-index: 3;
    transition: 0.4s ease all;
}

.fusion-button:hover::after,
.fusion-button:hover::before {
    height: 50%;
}

.fusion-button-text {
    position: relative;
    z-index: 10;
}

/* button effect - end */


/* rozcestnik sluzby */

.sekce_sluzby .sluzby_card_title .title-heading-center {
    transform: scale(1);
    transition: 0.3s ease all;
    text-shadow: rgba(22, 22, 22, 0.9) 3px 3px 0px;
}

.sekce_sluzby .fusion-layout-column:hover .sluzby_card_title .title-heading-center {
    transform: scale(1.1);
    /*color: var(--awb-color2)!important;*/
}

.sekce_sluzby .fusion-column-inner-bg-image {
    filter: saturate(0);
    transition: 0.4s ease all;
}

.sekce_sluzby .fusion-column-inner-bg-image:hover {
    filter: saturate(1)!important;
}

/* rozcestnik sluzby - end */

/* o nas */

.onas_image img {
    object-fit: cover;
}


/* kontakt */

#kontakt {
    position: relative;
    background-size:50%!important;
}
#kontakt::before {
    content: "";
    width: 100%;
    position: absolute;
    height: 30%;
    background: var(--awb-color1);
    top: 0;
}

/* co nabizime */
/*
#co-nabizime {
    background-size:50%!important;
}


#co-nabizime img {
     max-width: 50px;
} */


/* produkty box */

.produkt_item .fusion-title,
.produkt_item .fusion-content-tb,
.produkt_item .fusion-button {
    position: relative;
    z-index: 20;
}

.produkt_item .fusion-title h3 {
    transition: 0.4s ease all;
}

.produkt_item:hover .fusion-title h3 {
    color: var(--awb-color4)!important;
}

.produkt_item .fusion-column-wrapper::after {
    content: "";
    position: absolute;
    display: block!important;
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    pointer-events: none;
    background-color: var(--awb-color8);
    z-index: 1;
    transition: 0.4s ease all;
}

.produkt_item .fusion-column-wrapper {
    position: relative !important;
}

.produkt_item .fusion-column-wrapper::before {
    content: "";
    display: block!important;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    pointer-events: none;
    background-color: var(--awb-color8);
    z-index: 3;
    transition: 0.4s ease all;
}

.produkt_item:hover .fusion-column-wrapper::after,
.produkt_item:hover .fusion-column-wrapper::before {
    height: 100%;
}

/* produkty icons */

.icon_full {
    position: relative;
    width: 100%;
    height: 124px;
    z-index: 999;
}

.icon_full_trubka {
    position: relative;
    width: 100%;
    height: 124px;
    z-index: 999;
    max-width: 200px;
    margin: 0 auto;
}

.CNC_icon {
    position: absolute;
    width: 96px;
    height: auto;
    left: 45%;
    transform: translateX(-50%);
}

.ruka {
    position: absolute;
    width: 96px;
    height: auto;
    left: 50%;
    bottom: 20%;
    transform: translateX(-50%);
}

.kolo_1 {
    position: absolute;
    width: 48px;
    height: auto;
    left: 42%;
    bottom: 64%;

}

.kolo_2 {
    position: absolute;
    width: 32px;
    height: auto;
    left: 50%;
    bottom: 42%;
}

.trubka {
    position: absolute;
    width: 96px;
    height: auto;
    left: 25%;
    bottom: 20%;
}

.kolo_3 {
    position: absolute;
    width: 32px;
    height: auto;
    left: 41%;
    bottom: 32%;
}

.kolo_4 {
    position: absolute;
    width: 32px;
    height: auto;
    left: 26%;
    bottom: 59%;
}

.kolo_5 {
    position: absolute;
    width: 32px;
    height: auto;
    left: 57%;
    bottom: 59%;
}

.svar {
    position: absolute;
    width: 96px;
    height: auto;
    left: 34%;
    bottom: 28%;
}

.svarecka {
    position: absolute;
    width: 96px;
    height: auto;
    left: 28%;
    bottom: 37%;
    transform: rotate(-30deg);
}

.soustruh_nuz {
    position: absolute;
    width: 64px;
    height: auto;
    left: 50%;
    bottom: 56%;
}

.soustruh_hlava {
    position: absolute;
    width: 80px;
    height: auto;
    left: 32%;
    bottom: 30%;
    transform: rotate(-30deg);
}

.CNC_icon,
.ruka,
.kolo_1,
.kolo_2,
.pipe,
.trubka,
.kolo_3,
.kolo_4,
.kolo_5,
.svar,
.svarecka,
.soustruh_nuz,
.soustruh_hlava {
    z-index: 1;
    overflow: visible;
}

.helma {
    left: 55%;
    bottom: 10%;
}


#CNC_hlava.active,
#Shape3.active,
#Shape4.active {
    animation: obrabeni 1.5s infinite;
}

/* timeline */

.sekce_timeline::after {
    content: "";
    position: absolute;
    display: block;
    left: calc(50% - var(--site_width)/2 + 104px);
    top: 0;
    width: 2px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.432);
}

@keyframes obrabeni {
    0% {
        transform: translate(0);
    }

    33% {
        transform: translateX(64px) translateY(-64px);
    }

    66% {
        transform: translateX(0px) translateY(-64px);
    }
    
    100% {
        transform: translate(0);
    }
}

#hlava_cut.active {
    animation: deleni 2s infinite;
}

@keyframes deleni {
    0% {
        transform: translate(0);
    }

    25% {
        transform: translateX(32px) translateY(-64px);
    }

    50% {
        transform: translateX(64px) translateY(32px);
    }

    75% {
        transform: translateX(-64px) translateY(-32px);
    }
    
    100% {
        transform: translate(0);
    }
}


.kolo_1.active,
.kolo_2.active,
.kolo_3.active,
.kolo_4.active,
.kolo_5.active {
    animation: rotace 2s linear infinite;
}

@keyframes rotace {
    0% {
        transform: rotate(0deg);

    }

    100% {
        transform: rotate(360deg);
    }
}

.svarecka.active {
    animation: svareni 2s infinite;
}

@keyframes svareni {
    0% {
        transform: translate(0);
    }

    50% {
        transform: translateX(22px) translateY(-28px);
    }
    
    100% {
        transform: translate(0);
    }
}

.soustruh_hlava.active {
    animation: hlava 2s linear infinite;
}

@keyframes hlava {
    0% {
        transform: rotate(0deg);

    }

    100% {
        transform: rotate(-360deg);
    }
}

.soustruh_nuz.active {
    animation: nuz 2s forwards;
}

@keyframes nuz {
    0% {
        transform: translate(0);
    }
    
    100% {
        transform: translate(-20px);
    }
}


/* partneri - loga */

.custom_partneri_logo .reference-img img {
    height: 120px!important;
    width: auto!important;
    object-fit: contain!important;
}

.custom_partneri_logo .reference-img span.fusion-imageframe {
    vertical-align: middle;
    opacity: 0.7;
    transition: all 0.4s ease;
    filter: grayscale(100%);
    transform: scale(1);
}

.custom_partneri_logo .reference-img span.fusion-imageframe:hover {
    opacity: 1;
    filter: grayscale(0%);
    transform: scale(1.2);
}


/* partneri - end */


/* Kariera */

/* oprava vysky */

.fusion-flex-container .fusion-row .fusion-builder-row-inner {
    flex-grow: 1!important;
}

.kariera_card .kariera_card_img img {
    height: 300px;
    width: 100%;
    object-fit: cover;
}

.kariera_card .kariera_card_button {
    position: absolute!important;
    left: 32px;
    bottom: 32px;
}

.kariera_card_obsah .fusion-title,
.kariera_card_obsah .fusion-content-tb,
.kariera_card_obsah .fusion-button {
    position: relative;
    z-index: 20;
}

.post-card .kariera_card_obsah .fusion-title h3,
.post-card .kariera_card_obsah .fusion-button .fusion-button-text,
.post-card .kariera_card_obsah .fusion-button .fas {
    transition: 0.4s ease all;
}

.post-card:hover .kariera_card_obsah .fusion-title h3,
.post-card:hover .kariera_card_obsah .fusion-button .fusion-button-text,
.post-card:hover .kariera_card_obsah .fusion-button .fas {
    color: var(--awb-color4)!important;
}

.kariera_card_obsah .fusion-column-wrapper::after {
    content: "";
    position: absolute;
    display: block!important;
    top: 0;
    left: 0;
    height: 0%;
    width: 100%;
    pointer-events: none;
    background-color: var(--awb-color8);
    z-index: 1;
    transition: 0.4s ease all;
}

.kariera_card_obsah .fusion-column-wrapper {
    position: relative !important;
}

.kariera_card_obsah .fusion-column-wrapper::before {
    content: "";
    display: block!important;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0%;
    width: 100%;
    pointer-events: none;
    background-color: var(--awb-color8);
    z-index: 3;
    transition: 0.4s ease all;
}

.post-card:hover .kariera_card_obsah .fusion-column-wrapper::after,
.post-card:hover .kariera_card_obsah .fusion-column-wrapper::before {
    height: 100%;
}


/* partneri */

.fusion-layout-column.reference-img > .fusion-column-wrapper {
    padding: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.reference-border-right {
    border-right: 1px solid var(--awb-color8);
}

.reference-border-bottom {
    border-bottom: 1px solid var(--awb-color8);
}


/* o nas page */

body .fusion-content-boxes-1 .fusion-content-box-hover .link-area-link-icon-hover .heading .icon i.circle-yes {
    background-color: var(--awb-color6)!important;
}


/* kontakt */

.iframe {
    height: 100%!important;
}

/* casova osa */

.casova-osa h3 {
    min-height: 86px!important;
    display: flex;
    align-items: center;
}

.cas_box_img img {
    height: 300px;
    width: auto;
    object-fit: contain;
}

.rok_box .fusion-column-wrapper .fusion-title {
    background-color: #818385!important;
    border-radius: 50px!important;
}


/* respo */

@media only screen and (max-width: 1360px) {
    .fusion-body .sekce_kontakt_kontajner .fusion-builder-column {
        width: 50%!important;
    }
}

@media only screen and (max-width: 1340px) {
    .sekce_timeline::after {
        left: 130px;
    }
}

@media only screen and (max-width: 1024px) {
    .mapa_kontakt_block {
        height: 350px;
    }

    .sekce_timeline::after {
        display: none!important;
    }
}

@media only screen and (max-width: 416px) {
    .page-id-20 .icon-wrapper {
        display: none!important;
    }

    .page-id-20 .fusion-li-item-content {
        margin-left: 0px!important;
    }

    .page-id-20 .kontakt_box .fusion-column-wrapper {
        padding: 8px!important;
    }
}

.fusion-form-form-wrapper .fusion-form-field .fusion-form-upload-field-container .fusion-form-upload-field-button {
    position: absolute !important;
}