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

:root body {
	--button-border-radius-top-left: 2em;
    --button-border-radius-top-right: 2em;
    --button-border-radius-bottom-right: 2em;
    --button-border-radius-bottom-left: 2em;
	--content_box_margin_bottom: 0;
	
	--awb-link_decoration_line: none;
	--awb-link_decoration_line_hover: none;
}

:root nav {
}

.text-bold {
	--button_typography-font-weight: bold;
}

.clr-1 {
	color: var(--awb-custom_color_1);
}
.clr-2 {
	color: var(--awb-custom_color_2);
}
.clr-3 {
	color: var(--awb-custom_color_3);
}
.clr-4 {
	color: var(--awb-custom_color_4);
}
.clr-5 {
	color: var(--awb-custom_color_5);
}
.clr-6 {
	color: var(--awb-custom_color_6);
}
.clr-7 {
	color: var(--awb-custom_color_7);
}
.clr-8 {
	color: var(--awb-custom_color_8);
}

.gap-1em > .fusion-column-wrapper {
    gap: 1em;
}
.gap-2em > .fusion-column-wrapper {
    gap: 2em;
}
.gap-3em > .fusion-column-wrapper {
    gap: 3em;
}

.fancy-list {
	list-style: none;
	padding-left: 1.5em;
}
.fancy-list > li {
	display: flex;
}
.fancy-list > li::before {
	content: "";
	display: inline-block;
	width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    background-image: var(--list-img);
    background-size: cover;
	margin-right: 0.5em;
}
.fancy-list > li:nth-child(9n+1) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-1.png);
}
.fancy-list > li:nth-child(9n+2) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-2.png);
}
.fancy-list > li:nth-child(9n+3) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-3.png);
}
.fancy-list > li:nth-child(9n+4) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-4.png);
}
.fancy-list > li:nth-child(9n+5) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-5.png);
}
.fancy-list > li:nth-child(9n+6) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-6.png);
}
.fancy-list > li:nth-child(9n+7) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-7.png);
}
.fancy-list > li:nth-child(9n+8) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-8.png);
}
.fancy-list > li:nth-child(9n+9) {
	--list-img: url(/wp-content/uploads/2024/09/VDC-stevilke-_ikona-9.png);
}

.circular-img.content-boxes .heading-with-icon img,
.circular-img.fusion-imageframe img {
	width: 100%;
	aspect-ratio: 1;
    object-fit: cover;
    clip-path: circle();
}

#menu-main-menu {
	--awb-gap: 0;
    --awb-justify-content: space-between;
}

#menu-main-menu .fusion-row > * {
	white-space: pre;
}

#menu-main-menu .awb-menu__mega-wrap {
	--awb-megamenu-width: auto !important;
}
#menu-main-menu .fusion-title {
	margin: 0 !important;
}
#menu-main-menu .fusion-title a {
    padding: 0.5em 0 !important;
    display: block;
}

.fusion-flexslider .slides img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.post-content {
	display: flex;
	flex-direction: column;
	gap: 1em;
	--h2_typography-font-size: 1.5em;
}
:root .fusion-flexslider.flexslider-posts-with-excerpt .slide-excerpt {
	width: 40%;
}
.fusion-title.title-vcentered {
	flex-grow: 1;
    display: flex !important;
	justify-content: center;
}
.fusion-meta-tb {
	display: flex;
    align-content: center;
}
.fusion-tb-categories::before,
.fusion-tb-modified-date::before {
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	margin-right: 0.5em;
	vertical-align: middle;
}
.fusion-tb-categories::before {
	content: "\f05a"; /* info-circle */
}
.fusion-tb-modified-date::before {
	content: "\f017"; /* clock */
}

.fusion-text > p:last-child {
	/*margin-bottom: 0;*/
}

.fusion-content-boxes .heading .heading-link:hover .content-box-heading,
.fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .heading .content-box-heading, .fusion-content-boxes .fusion-content-box-hover .link-area-link-icon-hover .heading .heading-link .content-box-heading {
    color: var(--link_hover_color) !important;
}

.fusion-text > p {
	margin: 0;
}

.fusion-testimonials {
	min-height: 120px;
}

.separator-dots {
	height: var(--awb-divider-height, 15px);
    background: radial-gradient(circle closest-side, var(--awb-custom_color_5) 6px, transparent 7px);
    background-size: 50px 100%;
	background-position: center;
}

/* ----------------------- */

#home-recent-posts .columns {
    gap: 4em;
}

@media screen and (max-width: 900px) {
	#home-recent-posts .columns {
		gap: 0;
	}
}
@media screen and (max-width: 768px) {
	#home-recent-posts .columns {
		display: flex;
		flex-direction: column;
	}
	
	#home-recent-posts .slides > li {
		height: auto;
	}
	#home-recent-posts .fusion-flexslider .slides img {
		aspect-ratio: auto;
	}
}

.fusion-footer {
	--awb-text-color: var(--awb-color1);
	--body_typography-color: var(--awb-text-color);
	--link_color: var(--awb-text-color);
}

.fusion-recent-posts .columns {
    display: grid;
    grid-template-columns: 1fr;
    align-items: stretch;
    gap: 1em;
	color: var(--awb-color1);
	--link_color: var(--awb-color1);
	--link_hover_color: gray;
}
.fusion-recent-posts .columns.columns-2 {
	grid-template-columns: repeat(2, 1fr);
}
.fusion-recent-posts .columns.columns-3 {
	grid-template-columns: repeat(3, 1fr);
}
.fusion-recent-posts .columns.columns-4 {
	grid-template-columns: repeat(4, 1fr);
}
.fusion-recent-posts .post {
	width: 100%;
	display: flex;
    flex-direction: column;
	background-color: var(--bg-color);
	padding: 0;
}
.fusion-recent-posts .post:nth-of-type(4n+1) {
	--bg-color: var(--awb-custom_color_4);
}
.fusion-recent-posts .post:nth-of-type(4n+2) {
	--bg-color: var(--awb-custom_color_5);
}
.fusion-recent-posts .post:nth-of-type(4n+3) {
	--bg-color: var(--awb-custom_color_6);
}
.fusion-recent-posts .post:nth-of-type(4n+4) {
	--bg-color: var(--awb-custom_color_7);
}
.fusion-recent-posts .fusion-flexslider img {
	clip-path: circle(47% at 50% 40%);
}
.fusion-recent-posts .recent-posts-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
	text-align: center;
	padding: 1.5em;
    padding-top: 0;
}
.fusion-recent-posts .recent-posts-content .meta + p,
.fusion-recent-posts .recent-posts-content .entry-title + p {
    flex-grow: 1;
}
.fusion-recent-posts .fusion-read-more-button {
    align-self: center;
}
.fusion-recent-posts .pagination {
	justify-content: center;
}

#services {
	--link_hover_color: gray;
}
#services .content-box-wrapper {
	padding: 0 0 1em 0;
	display: flex;
    flex-direction: column;
	justify-content: flex-start;
}
#services .content-box-heading,
#services .content-container {
	padding: 0 1em;
}
#services .content-container {
	flex-grow: 1;
}
#services .fusion-read-more-button {
    margin: 0px 35px;
}
#services .heading-link .image {
	padding: 0 1em;
}
#services .heading-link img {
	clip-path: circle(54% at 50% 40%);
    margin-bottom: 0.5em;
    height: 200px;
    object-fit: cover;
}

.text-with-ring {
	background: url(https://vdc.dev-server.net/wp-content/uploads/2024/08/Krog-mavricni-rotiran.png);
    height: 400px;
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-with-ring > * {
	padding: 20%;
}

.fusion-content-boxes.content-box-vertical {
	flex-direction: column;
	gap: 1em;
}
.fusion-content-boxes.content-box-vertical .heading-with-icon.icon-left img {
	width: 100px;
}
.fusion-content-boxes.content-box-vertical .content-wrapper-background {
    padding: 0;
}
.fusion-content-boxes.content-box-vertical .fusion-read-more-button {
	margin-left: 120px !important;
	margin-top: 0;
	--button_padding-top: 0.2em;
    --button_padding-bottom: 0.2em;
    --button_padding-left: 1em;
    --button_padding-right: 1em;
	--button_gradient_top_color: var(--awb-custom_color_5);
	white-space: nowrap;
}
.fusion-content-boxes.content-box-vertical .content-box-heading {
	padding-left: 120px !important;
}
.fusion-content-boxes.content-box-vertical .content-box-column {
	width: auto;
	--awb-item-margin-bottom: 0;
	height: 100px;
}

.read-more-white-black .fusion-read-more-button {
	--button_accent_color: var(--awb-color8);
    --button_gradient_top_color: var(--awb-color1);
    --button_padding-top: 15px;
    --button_padding-bottom: 15px;
    --button_padding-left: 15px;
    --button_padding-right: 15px;
    width: auto !important;
}

.fusion-layout-column.full-height .fusion-image-element,
.fusion-layout-column.full-height .fusion-image-element > .fusion-imageframe,
.fusion-layout-column.full-height .fusion-image-element > .fusion-imageframe > img {
	height: 100%;
}

.full-size-img-circle-left img {
    object-fit: cover;
    mask-image: radial-gradient(circle farthest-side at center 35%, white 80%, transparent 80.1%);
}
.full-size-img-circle-right img {
    object-fit: cover;
	mask-image: radial-gradient(circle farthest-side at center 35%, white 80%, transparent 80.1%);
}

.gapped-columns > * {
	column-gap: 4em;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr;
}
.gapped-columns > * > * {
	width: auto !important;
}

.fusion-fullwidth.page-header {
	background-color: var(--page-header-bg, var(--awb-custom_color_4));
}

.header-image-circle .flexslider .slides img {
	height: 400px;
	object-fit: cover;
	/*mask-image: radial-gradient(circle at 44% 30%, white 60%, transparent 60.1%);*/
    clip-path: circle(53.5% at 50% 41%);
    width: 468px;
}

.circle-mask {
	--awb-bg-position: center -70px !important;
	--mask-r: 61%;
    mask-image: radial-gradient(circle at 50% 35%, white var(--mask-r, 50%), transparent var(--mask-r, 50%));
}

.contentbox-side-fix.fusion-content-boxes.content-boxes-icon-on-side .icon,
.contentbox-side-fix.fusion-content-boxes.content-boxes-icon-on-side .image {
	position: initial;
}
.contentbox-side-fix.fusion-content-boxes.content-boxes-icon-on-side .heading-with-icon .heading-link,
.contentbox-side-fix.fusion-content-boxes.content-boxes-icon-with-title .heading-with-icon .heading-link{
	display: flex;
	align-items: center;
    text-align: center;
}
.contentbox-side-fix.fusion-content-boxes.content-boxes-icon-on-side .content-box-heading {
	padding-left: 0 !important;
}

.circular-content-boxes.fusion-content-boxes {
	--awb-title-color: var(--awb-color1);
	--awb-body-color: var(--awb-color1);
	display: flex;
	gap: 1em;
	text-align: center;
}
.circular-content-boxes.fusion-content-boxes .fusion-clearfix,
.circular-content-boxes.fusion-content-boxes::before,
.circular-content-boxes.fusion-content-boxes::after {
	display: none;
}
.circular-content-boxes.fusion-content-boxes > .fusion-column {
	aspect-ratio: 1;
	border-radius: 50%;
	background-color: var(--bg-color);
}
.circular-content-boxes.fusion-content-boxes > .fusion-column:nth-of-type(4n+1) {
	--bg-color: var(--awb-custom_color_4);
}
.circular-content-boxes.fusion-content-boxes > .fusion-column:nth-of-type(4n+2) {
	--bg-color: var(--awb-custom_color_5);
}
.circular-content-boxes.fusion-content-boxes > .fusion-column:nth-of-type(4n+3) {
	--bg-color: var(--awb-custom_color_6);
}
.circular-content-boxes.fusion-content-boxes > .fusion-column:nth-of-type(4n+4) {
	--bg-color: var(--awb-custom_color_7);
}
.fusion-content-boxes .content-box-wrapper {
	display: flex;
    flex-direction: column;
    /*gap: 1em;*/
    align-items: stretch;
    justify-content: center;
    height: 100% !important;
}
.fusion-content-boxes .content-box-wrapper .fusion-clearfix {
	display: none;
}
.circular-content-boxes.fusion-content-boxes .heading,
.circular-content-boxes.fusion-content-boxes .content-container {
	margin-bottom: 0 !important;
}

.uki-testimonials {
    display: flex;
	flex-direction: column;
	gap: 1em;
	color: white;
	
	font-family: var(--font-family);
	font-size: var(--font-size);
	line-height: var(--line-height);
	letter-spacing: var(--letter-spacing);
}
.uki-testimonial {
	padding: 1em;
	background-color: var(--bg-color);
}
.uki-testimonial .uki-testimonial-user {
	margin-top: 1em;
}
.uki-testimonial .uki-testimonial-user_name {
	font-weight: bold;
}
.uki-testimonial .uki-testimonial-user_desc {
	font-style: italic;
}
.uki-testimonial .uki-testimonial-content {
	white-space: pre-line;
}
.uki-testimonial:nth-of-type(4n+1) {
	--bg-color: var(--awb-custom_color_5);
}
.uki-testimonial:nth-of-type(4n+2) {
	--bg-color: var(--awb-custom_color_7);
}
.uki-testimonial:nth-of-type(4n+3) {
	--bg-color: var(--awb-custom_color_6);
}
.uki-testimonial:nth-of-type(4n+4) {
	--bg-color: var(--awb-custom_color_4);
}


.uki-testimonials.uki-testimonials-slider {
    display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0;
	position: relative;
    --n: 0;
}
.uki-testimonials.uki-testimonials-slider .uki-testimonials-slides {
	display: flex;
	flex-direction: row;
    overflow: hidden;
}
.uki-testimonials.uki-testimonials-slider .uki-testimonial {
	display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 100%;
    max-width: 100%;
    left: calc(-100% * var(--n));
    transition: left 1s;
    position: relative;
	padding: 1em 3em;
}
.uki-testimonials.uki-testimonials-slider .uki-testimonials-nav {
	padding: 0.5em;
	font-size: 2em;
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
    display: flex;
    align-items: center;
	opacity: 1;
	transition: opacity 1s;
}
.uki-testimonials.uki-testimonials-slider .uki-testimonials-nav.disabled {
	opacity: 0;
	cursor: default;
}
.uki-testimonials.uki-testimonials-slider .uki-testimonials-left {
	left: 0;
}
.uki-testimonials.uki-testimonials-slider .uki-testimonials-left:hover {
	background-image: linear-gradient(90deg, rgb(255 255 255 / 25%), transparent);
}
.uki-testimonials.uki-testimonials-slider .uki-testimonials-right {
	right: 0;
}
.uki-testimonials.uki-testimonials-slider .uki-testimonials-right:hover {
	background-image: linear-gradient(90deg, transparent, rgb(255 255 255 / 25%));
}

.uki-testimonials.uki-testimonials-circle {
	--circle-size: 300px;
}
.uki-testimonials.uki-testimonials-circle .uki-testimonial {
	padding: 0;
}
.uki-testimonials.uki-testimonials-circle .uki-testimonial-circle {
	padding: 0 1em 1em 1em;
	float: left;
    shape-outside: circle(calc(var(--circle-size) / 2) at calc(var(--circle-size) / 2 + 25px) calc(var(--circle-size) * 0.35));
    shape-margin: 1em;
	color: black;
}
.uki-testimonials.uki-testimonials-circle .uki-testimonial-user {
	width: var(--circle-size);
    height: var(--circle-size);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-image: url(/wp-content/uploads/2024/09/VDC-krog-_bel-z-mavrico.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
	margin: -14% 0 0 0;
	padding: 1em;
}
.uki-testimonials.uki-testimonials-circle .uki-testimonial-user_desc {
	font-style: inherit;
}
.uki-testimonials.uki-testimonials-circle .uki-testimonial-content {
	padding: 1.5em;
	white-space: pre-line;
}

.uki-list h5 {
    margin: 0;
}
.uki-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.uki-list i.fas {
    color: var(--icon-color, inherit);
}