/*
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
*/

.logo img {
    transition: 0.25s ease all;
}

.logo:hover img {
    opacity: 0.7;
}

.hero_loga img {
    height: 50px;
    width: auto;
    object-fit: contain;
}

.fusion-sticky-transition {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16) !important;
}

header .menu-item:not(:last-of-type) span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 3px;
    background-color: var(--awb-color5);
    transition: 0.45s ease all;
}

header .menu-item:not(:last-of-type):hover span::after {
    width: 100%;
}

.underline_headline {
    position: relative;
    display: inline-block;
}

.underline_headline::after {
    background-color: var(--awb-color5);
}

.hero_img,
.hero_img img {
	width: 100%;
}

.custom_gallery {
	position: relative;
}

.custom_gallery:hover .custom_gallery_btn i {
	transform: rotate(360deg);
	transition: all .2s, transform .6s cubic-bezier(.21, .6, .35, 1);
	color: #fff !important;
}
.custom_gallery:hover .custom_gallery_btn {
    background: var(--button_gradient_top_color_hover);
    color: #fff !important;
    border-color: var(--button_border_hover_color);
}

.custom_gallery:hover .custom_gallery_btn .fusion-button-text {
	color: #fff !important;
}

.custom_gallery .hidden_img {
	display: none !important;
}

.custom_gallery_btn {
	position: absolute !important;
	right: 50px;
	bottom: 20px;
	display: inline-block !important;
	z-index: 10;
	pointer-events: none;
}

.fusion-form-form-wrapper .fusion-form-field:not(.fusion-form-textarea-field) .fusion-form-input-with-icon>i {
	top: 50% !important;
}

.fusion-text a,
.post-content p a {
	text-decoration: underline;
}

.fusion-text a:hover,
.post-content p a:hover {
	text-decoration: none;
}

textarea {
	resize: none;
}

.home_img_col::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    height: 130%;
    background-color: var(--awb-color3);
    border-radius: 20px;
	pointer-events: none;
}

.underline_headline {
    color: var(--awb-color5);
}

.form_col::after {
    content: "";
    position: absolute;
    right: -140px;
    top: 150px;
    width: 200px;
    height: 200px;
    transform: rotate(90deg);
    background: url("/wp-content/uploads/2023/02/Cu500nm.png") left center no-repeat;
    background-size: contain;
    z-index: -1;
}

.form_col::before {
    content: "";
    position: absolute;
    left: -140px;
    bottom: 150px;
    width: 200px;
    height: 200px;
    transform: rotate(-90deg);
    background: url("/wp-content/uploads/2023/02/Cu500nm.png") right center no-repeat;
    background-size: contain;
    z-index: -1;
}

.burger {
	display: flex !important;
	align-self: center !important;
}

.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content {
	flex-direction: row !important;
	align-content: center !important;
	justify-content: center !important;
}

.fusion-alert.alert-success.success {
	background: #fff !important;
}

.header-wrapper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
}

.gdpr_lightbox {
    z-index: 99999 !important;
}

.ilightbox-toolbar.metro-white {
    left: auto !important;
    right: 8px !important;
}

#menu_side {
    position:fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    transform: translateX(100vw);
    transition: 0.5s ease all;
}

#menu_side.active_menu {
    transform: translateX(0);
}

#side_menu_close_button {
    position: absolute;
    right: 32px;
    top: 32px;
}

#side_menu_button,
#side_menu_close_button {
    cursor: pointer;
}

#menu_side.fusion-fullwidth .fusion-row,
#menu_side.fusion-fullwidth .fusion-layout-column {
    position: static !important;
}

@media (max-width: 1024px) {
	#menu-hlavni-menu .menu-item,
    #menu-podstranky .menu-item {
		display: block;
		width: 100%;
		margin-bottom: 8px;
	} 


	#menu-hlavni-menu .menu-item a,
    #menu-podstranky .menu-item a {
		padding-right: 0 !important;
        z-index: 99999999;
        position: relative;
	}

	#menu-hlavni-menu .menu-item a span,
    #menu-podstranky .menu-item a span {
		font-size: 24px !important;
	}  
	
	.home_img_col::before,
	.form_col::after,
	.form_col::before {
		display: none;
	}
    #side_menu_close_button {
        top: 48px;
    }
}

@media (max-width: 640px) {
	#menu-hlavni-menu .menu-item a span,
    #menu-podstranky .menu-item a span {
		font-size: 20px !important;
	}  
}
