/*
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
*/


/* global */

::selection {
    background-color: var(--awb-color5);
    color: #fff;
}

::-moz-selection {
    background-color: var(--awb-color5);
    color: #fff;
}

.fusion-button i {
    transition: 0.25s ease all;
}

.fusion-button:hover .fa-angle-right,
.sluzby:hover .fusion-button i {
    transform: translateX(5px);
}

.fusion-button:hover .fa-angle-left {
    transform: translateX(-5px);
}



/* header */

.fusion-sticky-container.fusion-sticky-transition .fusion-imageframe {
    max-width: 100px !important;
}

.fusion-sticky-container .fusion-imageframe {
    transition: all .1s ease-in-out;
}

.fusion-sticky-transition {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
}

.header_logo img {
    width: 80px !important;
}

/* hero */

.fusion-carousel .fusion-image-wrapper,
.fusion-image-carousel-fixed .fusion-carousel .fusion-image-wrapper img {
    width: 100%;
    max-width: 100% !important;
    max-height: 400px !important;
    height: 400px !important;
    object-fit: cover;
}

body .fusion-carousel .fusion-carousel-item img {
    height: 400px;
    border-radius: 20px;
    object-fit: cover;
}

.fusion-carousel-item,
.fusion-carousel-item-wrapper,
.fusion-image-wrapper {
    border-radius: 20px !important;
    height: 400px !important;
}

.fusion-carousel .fusion-carousel-item,
.fusion-carousel .fusion-carousel-wrapper {
    padding: 0 !important;
    border-radius: 20px !important;
}

#hero {
    background-position: center 2px !important;
}

/* sluzby */

#sluzby {
    background-size: initial !important;
}

.sluzby_item img {
    height: 100px !important;
    width: auto !important;
    margin-bottom: 30px;
}

.sluzby_item {
    transition: 0.25s ease all;
    overflow: visible !important;
}

.sluzby_item:hover {
    transform: scale(0.95);
}

.sluzby_item>.fusion-column-wrapper {
    position: relative;
    overflow: visible !important;
}

.sluzby_item>.fusion-column-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 98.5%;
    height: 98.5%;
    border-radius: 20px;
    border: 5px solid #ac1517;
    z-index: 10;
    transition: 0.5s ease all;
}


.sluzby_item:hover>.fusion-column-wrapper::before {
    width: 105%;
    height: 105%;
    opacity: 0;
}

/* o nas */

#o-nas {
    background-position: center bottom !important;
    background-size: initial !important;
    position: relative;
    z-index: 1;
}

#o-nas::after {
    content: "";
    position: absolute;
    top: -100px;
    width: 100%;
    height: 90%;
    background: url("http://deltacar.posunemevasvys.cz/wp-content/uploads/2022/07/europe_map.svg") center center no-repeat;
    background-size: contain;
    z-index: 0;
    opacity: 0.1;
}

/* novinky */

#novinky {
    position: relative;
    z-index: 2;
}

.novinky_item img {
    height: 250px !important;
    object-fit: cover;
    border-radius: 20px 20px 0 0;
}

.novinky_item {
    transition: 0.25s ease all;
    overflow: visible !important;
}

.novinky_item>.fusion-column-wrapper {
    position: relative;
    overflow: visible !important;
}

.novinky_item>.fusion-column-wrapper::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 98.5%;
    height: 98.5%;
    border-radius: 20px;
    border: 5px solid #262727;
    z-index: 10;
    transition: 0.5s ease all;
}



.novinky_item:hover>.fusion-column-wrapper::before {
    width: 105%;
    height: 105%;
    opacity: 0;
}

.novinky_item:hover {
    transform: scale(0.95);
}

/* off canvas */

#awb-oc-190 .awb-off-canvas-inner {
    border-radius: 20px;
}

/* podstranky */

.ptb {
    position: relative;
}

.ptb::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -120px;
    width: 100%;
    height: 200px;
    background: url("/wp-content/uploads/2022/07/ptb_sep.svg") center bottom no-repeat;
    background-size: cover
}


.kariera_card:not(:last-of-type) {
    position: relative;
}

.kariera_card:not(:last-of-type)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #dddddd;
}

.fusion-form-349 label {
    color: #fff;
}

/* download */

.file-download {
    transition: 0.25s ease all;
}

.file-download:hover {
    transform: scale(0.95);
}

@media (max-width: 1024px) {

    #sluzby,
    #o-nas {
        background-image: none !important;
    }
}

/* Hodnocení */

#feelbox-widget {
    width: 40% !important;
}

#feelbox-widget #bd {
    background-color: rgba(0, 0, 0, 0) !important;
}

#feelbox-widget #hdr {
    display: none !important;
}

/* #feelbox-widget span.percent {
    display: none !important;
}  */

#feelbox-widget li {
    height: 74px;
}

#feelbox-widget span.m {
    display: none !important;
}



/* TOGGLE */

.custom-toggle>.fusion-column-wrapper {
    border: 1px solid #000;
    border-radius: 16px;
    overflow: hidden;
    background-color: #fff;
    transition: 0.25s ease all;
    cursor: pointer;
}

.custom-toggle .custom-toggle-title::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 40px;
    font-weight: 400;
    font-family: inherit;
    line-height: 1;
    transition: all 0.25s ease;
}

.custom-toggle.active .custom-toggle-title::after {
    transform: rotate(45deg) translateX(4px);
}

.custom-toggle.active>.fusion-column-wrapper {
    background-color: var(--awb-color3);
}

.custom-toggle .custom-toggle-title {
    padding: 20px;
    position: relative;
}

.custom-toggle .custom-toggle-title h2 {
    transition: 0.25s ease all;
}

.custom-toggle:hover .custom-toggle-title h2,
.custom-toggle.active .custom-toggle-title h2,
.custom-toggle:hover .custom-toggle-title::after,
.custom-toggle.active .custom-toggle-title::after {
    color: var(--awb-color4) !important;
}

.custom-toggle-content {
    padding: 20px;
}