/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.logo img {
    transition: all 0.5s ease;
}
.elementor-sticky--effects .logo img {
max-width: 100px;
height: auto;
}

.btn-green a:hover span.elementor-button-icon,
.btn-yellow a:hover span.elementor-button-icon {
    filter: brightness(0) invert(1);
}

/*POCETNA*/
/*Slider*/
.pocetna-carousel.elementor-widget-n-carousel.e-widget-swiper {
    --e-n-carousel-swiper-offset-size: 18vw;
}

.outline-stroke {
	-webkit-text-stroke: 2px #fff;
	height: 140px;
	width: 140px;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='white' stroke-width='4' stroke-dasharray='14%2c22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
	border-radius: 100px;
}
.outline-stroke .elementor-widget-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.outline-stroke-1 {
	-webkit-text-stroke: 2px #314C4E;
	background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='100' ry='100' stroke='%23314C4EFF' stroke-width='4' stroke-dasharray='14%2c 22' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}
.outline-stroke p {margin-bottom: unset;}

.text-linije:before, .text-linije:after {
    content: '';
    position: absolute;
    top: 52%;
    width: 100px;
    height: 1px;
    display: inline-flex;
    background: #fff;
}
.text-linije-1:before, .text-linije-1:after {background: #314C4E;} 
.text-linije:before {right: calc(100% + 14px);}
.text-linije:after {left: calc(100% + 14px);}

.cenovnik-prevoz {
	margin-top: auto;
	border: 1px solid #314c4e;
    padding: 10px 15px 0;
    border-radius: 16px;
}

.elementor-price-list .elementor-price-list-item .elementor-price-list-price {font-weight: 500;}

.o-nama-kolone, .o-nama-kolone .elementor-cta__bg-wrapper, .o-nama-kolone .elementor-cta__content {
    border-radius: 16px;
}

.elementor-cta__content:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(69, 111, 114, 0.00) 33%, #456F72 66%);
}

footer a:hover span,
.top-social a:hover span,
.top-lokacije a:hover span{
    text-decoration: underline;
}

.floating-btn {
    width: 50px;
    height: 50px;
    background-color: #1E2E2F;
    color: white;
    text-align: center;
    /*box-shadow: 2px 2px 3px #999;*/
    filter: drop-shadow(0px 0px 6px #ffffff50);
    padding: 10px;
    cursor: pointer;
    border-radius: 50% !important;
    z-index: 999;
    transition: .3s ease all;
}
/*.floating-btn:hover {
    opacity: 0.7;
}*/
.floating-btn.active {
    transform: rotate(-44deg);
}
.floating-btn.active {
    transform: rotate(-44deg);
    /*opacity: 0.7;*/
}
.floating-btn.active~.fixicon {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: .3s ease all;
}
.fixicon {
    width: 50px;
    height: 50px;
    background-color: #1E2E2F;
    color: white;
    text-align: center;
    /*box-shadow: 2px 2px 3px #999;*/
    filter: drop-shadow(0px 0px 6px #ffffff50);
    padding: 10px;
    cursor: pointer;
    border-radius: 50% !important;
    display: none;
    opacity: 0;
    transition: 300ms ease all;
    visibility: hidden;
}
.fixicon:hover {
    opacity: 0.7 !important;
}
.fwrap {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    min-width: 50px;
}
.fwrap img {
    filter: brightness(0) invert(1);
}


@media only screen and (max-width: 767px){
	.header-social li.elementor-icon-list-item.elementor-inline-item:last-of-type {
		display: none;
	}
	.text-linije:before, .text-linije:after {width: 50px;}
		body .pocetna-overlay::before {
		background: linear-gradient(180deg, #FFFFFF 0%, #00000030 100%) !important;
	}
	.fwrap {min-width: 40px;}

	.floating-btn, .fixicon {
		width: 40px;
		height: 40px;
		padding: 7px;
	}
}