/*@font-face {
  font-family: 'Skola Sans';
  src: url('fonts/SkolaSans-Regular.woff2') format('woff2'),
       url('fonts/SkolaSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Skola Sans', sans-serif;
}

/* Cert icons */
.icon1 {
    background: url('../img/icons/iso.png');
    height: 20px;
    width: 20px;
    display: block;
    /* Other styles here */
}
.icon2 {
    background: url('../img/icons/recycle-bin.png');
    height: 120px;
    width: 120px;
    display: block;
    /* Other styles here */
}
/* Make the icon smaller */
.featured-box-full img {
    max-width: 160px;    /* adjust size here */
    margin-bottom: 20px; /* space under icon */
}

/* Make the button bigger */
.featured-box-full .btn {
    padding: 15px 35px;      /* bigger button */
    font-size: 1.2rem;       /* larger text */
    border-width: 3px;       /* thicker border */
    border-radius: 6px;      /* optional - nicer shape */
}

.custom-icon-list li {
    padding-left: 40px;
    display: flex;
    align-items: center;
}

.custom-icon-list li > [class*="fa-"]:first-child {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* Apply ONLY to this specific list */
.list.list-icons.list-style-none.text-4.pl-none.mb-2.pb-2.pr-3 li {
    padding-left: 40px !important;   /* spacing between icon and text */
    display: flex;
    align-items: center;
}

/* Icon vertical alignment ONLY for this list */
.list.list-icons.list-style-none.text-4.pl-none.mb-2.pb-2.pr-3 li > [class*="fa-"]:first-child {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


/* BASE: Turns Porto border into a container for an image */
.page-header.page-header-decor .page-header-title-border {
    position: relative;
}

/* UNDERLINE IMAGE (default positioning for all) */
.page-header.page-header-decor .page-header-title-border::after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;          /* place image below the line */
    margin-top: 6px;
    width: 100px;        /* adjust size */
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}
/* -------------------------------------------------
   SEA VERSION
---------------------------------------------------*/
.page-header.page-header-sea {
    background-color: #1960ab; /* your blue */
}

.page-header.page-header-sea .page-header-title-border {
    background: #1960ab; /* underline color */
}

.page-header.page-header-sea .page-header-title-border::after {
    background-image: url('../img/icons/seasq.png');
}


/* -------------------------------------------------
   LEAF VERSION
---------------------------------------------------*/
.page-header.page-header-leaf {
    background-color: #7AB34B; /* green header */
}

.page-header.page-header-leaf .page-header-title-border {
    background: #2e7a38;
}
/*
.page-header.page-header-leaf .page-header-title-border::after {
    background-image: url('../img/icons/leafsq.png');
}


/* -------------------------------------------------
   BUG VERSION
---------------------------------------------------*/
.page-header.page-header-bug {
    background-color: #FF1000; /* red header */
}

.page-header.page-header-bug .page-header-title-border {
    background: #9e2626;
}

.page-header.page-header-bug .page-header-title-border::after {
    background-image: url('../img/icons/szsq.png');
}

/* -------------------------------------------------
   WASTE VERSION
---------------------------------------------------*/
.page-header.page-header-waste {
    background-color: #6C5650; /* red header */
}

.page-header.page-header-waste .page-header-title-border {
    background: #53423D;
}

.page-header.page-header-waste .page-header-title-border::after {
    background-image: url('../img/icons/binw.png');
}


section.page-header .page-header-title-border {
    width: 400px !important;
}

html .text-color-db,
html .text-db {
	color: #072E58 !important;
}

html .text-color-hover-db:hover,
html .text-hover-db:hover {
	color: #031426 !important;
}

/* ==========================================================
   REVOLUTION SLIDER V2
   ========================================================== */

/* Remove overlay */

#revolutionSlider .slotholder:after{
    opacity:0 !important;
    background:transparent !important;
}

/* ==========================================================
   BASE CAPTION
   ========================================================== */

#revolutionSlider .tp-caption{

    color:#fff;

    text-align:center;

    text-shadow:
    -1px -1px 0 rgba(0,0,0,.35),
     1px -1px 0 rgba(0,0,0,.35),
    -1px  1px 0 rgba(0,0,0,.35),
     1px  1px 0 rgba(0,0,0,.35),
     0 4px 10px rgba(0,0,0,.35),
     0 12px 30px rgba(0,0,0,.35);

}



/* ==========================================================
   SLIDER V2
   Typography
   ========================================================== */

.slide-main,
.s1-left,
.s1-right{

    font-family:"Gabarito",sans-serif;

    font-weight:700;

    color:#fff;

    white-space:nowrap;

    letter-spacing:-1px;

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    text-shadow:
    -1px  0   0 rgba(0,0,0,.35),
     1px  0   0 rgba(0,0,0,.35),
     0   -1px 0 rgba(0,0,0,.35),
     0    1px 0 rgba(0,0,0,.35),
    -1px -1px 0 rgba(0,0,0,.35),
     1px -1px 0 rgba(0,0,0,.35),
    -1px  1px 0 rgba(0,0,0,.35),
     1px  1px 0 rgba(0,0,0,.35),
     0 8px 24px rgba(0,0,0,.35);

}

.word-accent{

    display:inline-block;

    font-weight:700;

    transform-origin:center center;

    transition:

        transform .28s ease,

        font-weight .28s ease;

}

.word-accent.active{

    font-weight:800;

    transform:scale(1.055);

}

.s1-left{

    z-index:20;

}

.s1-right{

    z-index:20;

}

.tp-caption{

    backface-visibility:hidden;

    transform-style:preserve-3d;

    will-change:transform,opacity;

}

.rev_slider .tp-caption{

    transform-origin:center center;

}

@media (max-width: 991px){

#revolutionSlider .s1-left,
#revolutionSlider .s1-right{

    width:90vw !important;

    left:50% !important;

    right:auto !important;

    margin-left:-45vw !important;

    white-space:normal !important;

    text-align:center !important;

}

.slider-container.rev_slider_wrapper,
#revolutionSlider{

    height:560px !important;

}

#revolutionSlider .s1-left{

    top:140px !important;

    font-size:76px !important;

    line-height:1.08 !important;

}

#revolutionSlider .s1-right{

    top:250px !important;

    font-size:76px !important;

    line-height:1.08 !important;

}

#revolutionSlider .tp-bullets{

    bottom:26px !important;

}

}

@media (max-width:767px){

.slider-container.rev_slider_wrapper,
#revolutionSlider{

    height:470px !important;

}

#revolutionSlider .s1-left{

    top:118px !important;

    font-size:64px !important;

    line-height:1.1 !important;

}

#revolutionSlider .s1-right{

    top:210px !important;

    font-size:64px !important;

    line-height:1.1 !important;

}

#revolutionSlider .tp-bullets{

    bottom:18px !important;

}

}

@media (max-width:575px){

.slider-container.rev_slider_wrapper,
#revolutionSlider{

    height:400px !important;

}

#revolutionSlider .s1-left,
#revolutionSlider .s1-right{

    width:88vw !important;

    margin-left:-44vw !important;

}

#revolutionSlider .s1-left{

    top:100px !important;

    font-size:45px !important;

    line-height:1.12 !important;

}

#revolutionSlider .s1-right{

    top:170px !important;

    font-size:45px !important;

    line-height:1.12 !important;

}

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 700px) {
	#header .header-logo {
		max-width: 250px;
	}

	#header .header-logo img {
		width: 100% !important;
		height: auto !important;
		max-width: 250px;
	}
}

@media (max-width: 991px) {
	#header .mobile-lang-selector > a {
		display: inline-flex;
		align-items: center;
		gap: 6px;
	}

	#header .mobile-lang-selector img {
		width: 20px;
		height: 20px;
	}

	#header .mobile-lang-selector span {
		font-size: 13px;
		font-weight: 700;
		line-height: 1;
	}
}

	

@media (max-width: 991px) {
	.homepage-service-boxes > [class*="col-"] {
		display: flex;
		justify-content: center;
	}

	.homepage-service-boxes .featured-box {
		width: 90%;
		max-width: 350px;
	}

	.homepage-service-boxes .featured-box .box-content {
		padding: 2.4rem !important;
	}

	.homepage-service-boxes .featured-box .icon-featured {
		width: 88px;
		height: 88px;
		margin: 12px;
	}

	.homepage-service-boxes .featured-box h4 {
		font-size: 1.05em;
	}

	.homepage-service-boxes .featured-box p {
		font-size: 0.8em;
	}

	.homepage-service-boxes .featured-box .btn.btn-lg {
		font-size: 0.9rem;
		padding: 0.7rem 1.4rem;
	}
}

@media (max-width: 767px) {
	#povijest .timeline-box .toggle-content img {
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 767px) {
	#footer .footer-copyright ul {
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		gap: 10px;
		padding: 0;
		margin: 0;
		list-style: none;
		white-space: nowrap;
	}

	#footer .footer-copyright li {
		float: none;
		padding-right: 0;
		font-size: 0.9em;
	}

	#footer .footer-copyright li:last-child:empty {
		display: none;
	}
}

@media (max-width: 767px) {
	#footer a.logo {
		display: inline-block;
		margin-bottom: 1rem;
	}
}