/*
Theme Name: Atec
Theme URI: https://atec.rs
Author: Atec Technologies
Author URI: https://atec.rs
Version: 2023
*/

/* 
1.0 HEADER 
2.0 MENU 
3.0 PAGE LAYOUT & ELEMENTS
4.0 PAGES
5.0 FOOTER
6.0 MEDIA QUERIES
*/

:root {
  --primary-color: #a1e3e3;
  --secondary-color: #C6DEF1;
  --tertiary-color: #FAEDCB;
}

/******** 1.0 HEADER ********/

#header-box {
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: 1px solid #e0e0e0;
}

.content-header.container-fluid .row {
	padding: 0 3%;
}

.header-page img, .header-page.home-header-slider img {
	width: 100%;
	background-color: var(--primary-color);
}

.header {
	padding-top: 5px;
}

.header-info.phone a:hover {
	color: #38c8c0;
}

.header-info {
	display: flex;
	justify-content: end;
	margin-top: 0px;
	line-height: 19px;
	color: #6e6e6e;
	align-items: center;
}

.header-info.location {
	padding-left: 52px;
	padding-right: 52px;
}

.header-info a {
	color: #6e6e6e;
}

.header-info i {
	font-size: 18px;
	padding-top: 0;
	margin-top: -11px;
	color: var(--primary-color);
}

.cp-social-icons ul.header-social {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 15px;
	margin-left: 45px;
}

.cp-social-icons ul.header-social li {
    display: inline-block; 
}

.header .cp-social-icons li:nth-child(1) {
	border: 1px solid var(--primary-color);
	padding: 8px 12px;
	border-radius: 50%;
}

.header .cp-social-icons li:nth-child(2) {
	border: 1px solid var(--primary-color);
	padding: 8px 8px;
	border-radius: 50%;
}

.header .cp-social-icons li:nth-child(3) {
	border: 1px solid var(--primary-color);
	padding: 8px 9px;
	border-radius: 50%;
}

.header-info p {
	margin-top: 0;
	margin-left: 10px;
	font-size: 16px;
	margin-bottom: 5px;
	color: #464343;
}

.section-fp-news-box a {
	color: #000;
}

.section-fp-news-box img {
	transition: all 0.3s;
	width: 100%;
}

.section-fp-news-box:hover img {
	transform: translateY(-3px);
	box-shadow: 0 20px 70px rgba(0,0,0,0.1);
	transition: all 0.3s;
}

.wp-block-columns.fp-section-about-us.container-fluid.is-layout-flex.wp-container-core-columns-is-layout-5.wp-block-columns-is-layout-flex {
	padding: 0;
}

h4.wp-block-heading {
	color: #38c8c0;
	font-size: 21px;
	letter-spacing: 1px;
	text-transform: unset;
	margin-bottom: 40px;
}

.wp-block-column.fp-section-lab.is-layout-flow.wp-block-column-is-layout-flow ul li {
	list-style-type: none;
}

.wp-block-column.fp-section-lab.is-layout-flow.wp-block-column-is-layout-flow ul li::before {
	content: "\f192";
	font-family: "Font Awesome 6 Free";
	font-size: 10px;
	color: #38c8c0;
	padding-right: 15px;
}

.wp-block-list {
	padding-left: 0;
}

h4.wp-block-heading {
	color: #38c8c0;
	font-size: 20px !important;
	letter-spacing: 1px;
	text-transform: unset;
	margin-bottom: 40px;
}

.wp-block-column.fp-section-lab.is-layout-flow.wp-block-column-is-layout-flow {
	padding-right: 22%;
}

.wp-block-button__link.wp-element-button {
    background-color: #fff;
      color: #39c9c1;
      text-align: center;
      display: inline-block;
      padding: 10px 25px;
      border-radius: 52px;
      margin: 0 auto;
        margin-top: 0px;
      margin-top: 25px;
      font-size: 19px;
      font-weight: 600;
      letter-spacing: 0.5px;
      border: 2px solid #39c9c1;
      transition: all 0.3s ease-in-out;
}

.wp-block-button__link.wp-element-button:hover {
	background-color: #39c9c1;
	color: #fff;
	font-size: 19px;
	border: 2px solid #39c9c1;
	transition: all 0.3s ease-in-out;
}

.fp-section-lab .wp-block-heading {
	font-size: 35px;
}

.wp-block-column.fp-section-lab.is-layout-flow.wp-block-column-is-layout-flow {
	padding-left: 25px;
	display: flex;
	align-self: center;
	flex-direction: column;
}

.section-fp-news-box h5, .section-fp-news-box {
	font-size: 23px;
	font-weight: 400;
	margin-bottom: 0;
	padding-top: 15px;
}

.section-fp-news-box {
	font-size: 14px;
	margin-bottom: 25px;
	padding-right: 80px;
}

.section-fp-news {
	z-index: 99;
	height: fit-content;
	padding-left: 90px;
}

.header-page-title h1 {
	font-size: 44px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.home-header-slider .header-page-img {
	position: relative;
}

.header-page img {
	flex: none;
	width: auto;
}

.logo-header img {
	max-width: 130px;
}

.header-page {
	position: relative;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.home .header-page img {
	width: 100%;
		padding: 0;
}

.info-heading {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #333;
}

.header-page-title h1 {
	text-align: center;
	position: absolute;
	top: 50%;
	margin: auto;
	display: block;
	left: 0;
	right: 0;
	color: #fff;
	font-size: 48px;
	padding: 0;
	transform: translateY(-50%);
	text-shadow: 3px 0px 11px #aaa;
}



/******** 1.0 END HEADER ********/

/******** 2.0 MENU ********/
.dropdown:hover .dropdown-menu {
    display: block;
}

#mega-menu-wrap-primary {
	letter-spacing: 0.5px;
}

.menu-item-has-children .caret {
	position: relative;
	content: "\f0d7";
	font-family: "FontAwesome";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	z-index: 999;
	cursor: auto;
}

.menu-item-has-children .caret::before {
	position: absolute;
	content: "\f0d7";
	font-family: "FontAwesome";
	top: -3px;
	left: 3px;
}

.dropdown-item.active {
	background-color: transparent;
	color: #000 !important;
}

.navbar-default {
	background-color: #a50046;
	border-color: #a50046;
	margin-bottom: 0;
}

#menu-main-menu a {
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	white-space: nowrap;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.2px;
	color: #000000;
}

#menu-main-menu .active a, #menu-main-menu a:hover {
	background-color: transparent;
}

#menu-main-menu a:hover {
	color: #cdb88d;
}

#menu-main-menu a:hover::before, #menu-main-menu a.active::before {
	transform-origin: left center;
	transform: scaleX(1);
}

.dropdown-menu {
	border-radius: 5px;
	box-shadow: 0 16px 50px rgba(0,0,0,0.07);
	border: none;
}

.dropdown-menu a {
	color: #797b86 !important;
	padding: 11px 40px !important;
}

.dropdown-menu a:hover {
	color: #414141 !important;
}

.dropdown-menu a::before {
	display: none !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	font-family: "Poppins", sans-serif !important;
}

/******** 2.0 END MENU ********/


/******** 3.0 PAGE LAYOUT & ELEMENTS ********/

/* Standard Page Elements */

.breadcrumb-top li {
	list-style: none;
	display: inline;
}

.breadcrumb-top ul {
	padding: 0;
}

#scroll-top {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: none;
	text-indent: -9999px;
	background: url('images/icon_top.png') no-repeat;
	outline: none !important;
}

body {
	font-family: "Open Sans", sans-serif;
	color: #535353 ;
	font-size: 17px;
	line-height: 1.8;
	font-weight: 400;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
	font-weight: 500;
	line-height: 1.2;
}

/******** 3.0 END PAGE LAYOUT & ELEMENTS  ********/


/******** 4.0 PAGES ********/
.page-organizacija figure {
	margin: 0;
}

.page-organizacija {
text-align: center;
}

.page-organizacija h3 {
	font-weight: 600;
	text-align: center;
	color: #82b9b9;
}

.page-skalendar {
	text-align: center;
}

.page-zmaj a {
	color: #82b9b9;
	font-size: 20px;
}

.page-zmaj a:hover {
	text-decoration: underline;
}
/******** Letopisi ********/

.letopisi-archive {
	padding: 50px 0 50px 0;
}

.letopis-box img {
	width: 100%;
}

.letopis-box h2 {
	font-size: 25px;
	padding-top: 15px;
	color: #0a3147;
	transition: all 0.3s;
}

.letopis-box:hover h2 {
	color: var(--primary-color);
	transition: all 0.3s;
}

/******** Zaposleni ********/

.zaposleni-kategorija-page {
	padding: 5% 0 4% 0;
}


.zaposleni-content {
	text-align: center;
	margin-top: 10px;
}

.zaposleni-content p {
	font-size: 14px;
	font-weight: 600;
	color: #79aeae;
}

.zaposleni-thumbnail img {
	border-radius: 50%;
}


/********** Dokumenta **********/

.archive-dokumenta.container ul li {
	list-style: none;
	padding: 10px;
}

.archive-dokumenta h3 {
	background-color: var(--secondary-color);
	margin-bottom: 0px;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	padding: 13px 20px;
}

.archive-dokumenta {
	margin-top: 40px;
	margin-bottom: 40px;
}

.dokument-item {
	border-bottom: 1px solid #c1c1c1;
	color: #3f3f3f;
}

.dokument-item:last-child {
	border-bottom: none;
	color: #3f3f3f;
}

.dokumenta-lista a {
	color: #666;
	font-size: 15px;
}

.dokumenta-lista {
	background-color: #fff;
}

ul.dokumenta-lista {
	padding-left: 12px;
	padding-right: 12px;
}

/********* Galerija *********/
.mega-img img {
max-width: 120px !important;    
}

/********** Takmicenja ************/

.archive-takmicenja-box img {
	float: left;
	width: 580px;
	margin-right: 45px;
}

.archive-takmicenja-box {
	margin-bottom: 50px;
}

.archive-takmicenja-content h4 {
	font-size: 29px;
	font-weight: 500;
	line-height: 1;
	color: #0a3147;
	transition: all 0.3s;
	margin-bottom: 0;
}

.archive-takmicenja-box .date {
	color: #0a3147;
	font-size: 11px;
}

.archive-takmicenja-excerpt-text p {
	color: #485055;
	font-size: 16px;
}

.archive-takmicenja-box .excerpt a:nth-child(2) {
	color: #222;
	background-color: #cdecc9;
	padding: 7px 10px;
}

/******** HOME PAGE ********/

.image{
    position: relative;
    width: 100%; /* This makes sure the container spans the full width of its parent */
}

.main-image {
    max-width: 500px;
    height: auto;
    display: block;
}

.overlay-image {
	position: absolute;
	bottom: -189px;
	left: -70px;
	width: 239px;
	height: auto;
	transition: ease-in-out, 0.7s;
}

.about-us-title-fp {
	text-transform: uppercase;
	position: relative;
}

.overlay-image:hover {
	transform: scale(1.1,1.1);
	transition: ease-in-out, 0.7s;
	border: 1px solid var(--primary-color);
}

.fp-section-about-us-text h2 {
	color: #c9e4de;
	font-size: 21px;
	letter-spacing: 1px;
	text-transform: unset;
	margin-bottom: 0;
}

.fp-section-about-us-text h3 {
	color: #434343;
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 500;
}

.fp-section-about-us-img figure {
	margin: 0;
}

.fp-section-about-us-img img {
	width: 100%;
}

.fp-btn-usluge a {
	background-color: #fff;
	color: #39c9c1;
	text-align: center;
	display: inline-block;
	padding: 10px 25px;
	border-radius: 52px;
	margin: 0 auto;
	margin-top: 25px;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 0.5px;
	border: 2px solid #39c9c1;
	transition: all 0.3s ease-in-out;
}

.fp-btn-usluge:hover a {
	background-color: #39c9c1;
	color: #fff;
	font-size: 19px;
	border: 2px solid #39c9c1;
	transition: all 0.3s ease-in-out;
}

.fp-usluge-section .expertises-box-inner {
	padding: 25px 0;
	text-align: center;
	background-color: #fff !important;
	margin-bottom: 15px;
	box-shadow: 1px 11px 11px rgba(0,0,0,0.1);
}

.fp-btn-usluge {
	text-align: center;
}

.fp-section-about-us {
	margin-top: 70px;
}

.doctor-info h2 {
	font-size: 19px;
	font-weight: 500;
	line-height: 25px;
	color: #333;
}

.doctor-info h3 {
	font-size: 15px;
	line-height: 1.66em;
	font-weight: 400;
	color: #203a8a;
}

.doctor-slide img {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 5px 40px;
	box-sizing: border-box;
	width: 100%;
}

.doctor-info {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.container-fluid.doctors-slider-section h4, .container-fluid.expretise-archive.fp-usluge-section h4 {
	color: #434343;
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 500;
	text-align: center;
}

.container-fluid.doctors-slider-section p, .container-fluid.expretise-archive.fp-usluge-section p {
	text-align: center;
	padding-bottom: 35px;
	font-weight: 300;
	font-size: 20px;
	color: #1c1c1c;
}

.container-fluid.doctors-slider-section {
	padding: 3% 12px 4% 12px;
}

.row.front-page-section-1 {
	position: relative;
}

.container-fluid.front-page-content .col {
	padding: 0;
}

.fp-secttion-parallax .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
	position: relative;
}

.fp-secttion-parallax-text {
	position: absolute;
	top: 0;
	z-index: 2;
	left: 50%;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
}

.fp-img-about-us figure {
	margin: 0;
}

.archive-news-title {
	text-align: center;
	font-size: 30px;
	margin-bottom: 60px;
}

.archive-news-title::after {
	content: "";
	display: block;
	width: 15%;
	height: 3px;
	background: var(--primary-color);
	margin: 22px auto 10px;
}

.fp-archive-news-content h4 {
	font-size: 21px;
	color: #82b9b9 !important;
}

.fp-archive-news-content .archive-news-excerpt-text .view-full-post  {
	border: 1px solid #82b9b9;
	background-color: #82b9b9;
	padding: 7px 24px;
	color: #fff !important;
	font-size: 12px;
}

.excerpt.view-all-news {
	text-align: center;
}

.info-section {
	display: flex;
	justify-content: center;
	gap: 20px;
	padding: 60px 20px;
	background-color: var(--secondary-color);
	background-image: url("images/bcg-footer.png");
	background-repeat: repeat;
	background-size: contain;
	flex-wrap: wrap;
	background-blend-mode: exclusion;
	align-items: stretch;
}

.info-section h4 {
	text-align: center;
	margin-bottom: 37px;
	text-transform: uppercase;
	color: #686868;
	font-size: 28px;
}


.info-card {
  background-color: #fff;
  border-radius: 16px;
  padding: 40px 20px;
  flex: 1 1 250px;
  max-width: 350px;
  min-height: 350px; 
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: transform 0.3s ease;
}

.info-card:hover {
  transform: translateY(-5px);
}

.info-icon {
	width: 103px;
	height: 103px;
	background-color: #f0f8ff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.info-icon img {
	width: 60px;
}

.info-card h3 {
	font-size: 24px;
	margin: 0 0 10px;
	color: #1a3e5d;
}

.info-card p {
	font-size: 16px;
	color: #797979;
}

.info-card a {
	color: #8298AA;
	font-weight: 600;
}

/******** O Nama ********/
.page-o-nama {
	font-family: "Poppins", sans-serif;
	margin-bottom: 0;
}

.page-o-nama p {
	font-size: 20px;
}

.o-nama-gallery figure {
	margin: 0;
}

/******** Video ***********/

.video-archive {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: flex-start;
  padding: 40px 0;
}


.video-card {
  cursor: pointer;
  overflow: hidden;
  transition: transform 0.2s ease;
  flex: 0 0 calc((100% / 3) - 13.33px);
  box-sizing: border-box;
}


.video-card:hover {
  transform: scale(1.02);
}

.video-thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  padding: 15px;
}

.play-button svg {
  width: 30px;
  height: 30px;
  fill: #000;
}

.video-info {
  padding: 15px;
  text-align: center;
}

.video-title {
  font-size: 1.1rem;
  color: #333;
  margin: 0;
}

/* VIDEO POPUP */

.video-popup {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.85);
}

.video-popup-content {
	position: relative;
	max-width: 80%;
	margin: 5% auto;
	background-color: #000;
	border-radius: 10px;
	padding-top: 32.25%;
	overflow: hidden;
}

.video-popup-iframe-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-popup-iframe-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.video-popup-close {
	position: absolute;
	top: -10px;
	right: 10px;
	font-size: 45px;
	color: #fff;
	background: transparent;
	border: none;
	cursor: pointer;
	z-index: 10001;
}

/******** Lekari i Medicinske sestre ********/


.page-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.our-doctors img {
	position: relative;
	overflow: hidden;
	display: inline-block;
	padding: 5px 40px;
	box-sizing: border-box;
}

.container.our-team-archive {
	padding: 3% 12px;
}

.content-our-clients h4 {
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
}

.content-our-clients {
	padding: 2% 12px 4%;
}

.medical-da-box-text {
	text-align: center;
}

.medical-da-box-text h2 {
	font-size: 19px;
	font-weight: 500;
	line-height: 25px;
	color: #333;
}

.content-our-clients p {
	text-align: center;
	padding-bottom: 12px;
	font-weight: 300;
	font-size: 20px;
	color: #434343;
}

.medical-da-box-text h3 {
	font-size: 15px !important;
	line-height: 1.66em;
	font-weight: 400;
	color: #203a8a;
}

.lab-team {
	padding-top: 5%;
}

.lab-team h3 {
	padding-bottom: 26px;
}

.our-clients-filter h3 {
	color: #172541;
	font-size: 27px;
	font-weight: 400;
}

.our-clients-filter ul li {
	display: inline-block;
	color: #1E3F80;
	background-color: #fff;
	border: 1px solid #1E3F80;
	padding: 1px 0px;
	font-weight: 700;
	font-size: 13px;
	transition: all 0.3s ease-in-out;
	margin-right: 5px;
	margin-bottom: 10px;
}

.our-clients-filter ul li a {
	font-weight: 300;
	padding: 0px 0px;
	font-size: 15px;
	display: block;
	color: #1E3F80;
}

.our-clients-filter ul li:hover {
	color: #fff;
	background-color: #3888c8;
	border: 1px solid #3888c8;
}

.our-clients-filter ul li a:hover, .our-clients-filter ul li a:active {
    color: #fff;
}

.wp-block-column.fp-section-lab.is-layout-flow.wp-block-column-is-layout-flow {
	padding-right: 4%;
}

#our-clients-container {
	margin-top: 35px;
}

a {
	text-decoration: none;
	transition: all 0.3s;
}

.content-section {
	padding: 2% 0 3% 0;
}

.expertise-single-content {
	padding-right: 6%;
}

.team-single-content {
	color: #434343;
}

.team-single-content > h3 {
	color: #434343;
	padding: 25px 12px 25px 12px;
	font-size: 21px;
	border-top: 1px solid #f0f0f0;
}

.medical-da-box-text h2 {
	font-size: 19px;
	font-weight: 500;
	line-height: 25px;
	color: #333;
}

.medical-da-box-text h3 {
	font-size: 15px;
	line-height: 1.66em;
	font-weight: 400;
	color: #203a8a;
}

.expertise-single-content .our-doctors img {
	width: 100%;
}

.services-sidebar h3 {
	padding-top: 0;
	padding-bottom: 10px;
	color: #0c0a0a;
	font-size: 24px;
	font-weight: 600;
	padding-left: 7px;
}

ul#expertise-menu, ul.laboratorija-menu {
	padding-left: 0px;
	list-style-type: none;
}

#expertise-menu li a, .laboratorija-menu li a {
	font-size: 17px;
	letter-spacing: 0.3px;
	line-height: 21px;
	font-weight: 500;
	color: #222;
	position: relative;
	display: block;
	padding-right: 3px;
}

#expertise-menu li, .laboratorija-menu li {
	background-color: #f7f7f7d4;
	margin-bottom: 13px;
	padding: 12px 10px;
}

.services-sidebar {
	padding: 10px 20px 20px 20px;
	margin: 0;
}

.team-single-content ul {
	padding-left: 5px;
	list-style-type: none;
}

.team-single-content ul li::before {
	content: "f111";
	color: #38c8c0 !important;
	content: "\f111";
	font-size: 7px;
	font-family: "Font Awesome 5 Free";
	position: relative;
	top: -3px;
	padding-right: 6px;
}

#expertise-menu li a::after, .laboratorija-menu li a:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "\f054";
	font-size: 16px;
	font-family: "Font Awesome 5 Free";
	color: var(--primary-color);
	font-weight: 900;
}


#expertise-menu li a:hover, .laboratorija-menu li a:hover {
	color: var(--primary-color);
	transition: all 0.3s;
}

.wp-block-separator {
	opacity: 1;
	border: none;
}

.pagination ul a {
	color: #11192e;
	padding: 0 7px;
	font-weight: 600;
	font-size: 15px;
}

.pagination ul li {
	display: inline-block;
}

.pagination ul a:hover, .pagination ul li.active a {
	color: #cdb88d;
}

.pagination ul {
	list-style: none;
}

.pagination {
	display: flex;
	padding-left: 0;
	list-style: none;
	text-align: center;
	justify-content: center;
}

.pagination {
	justify-content: right;
}

.expertise-single-content.single-lab ul {
	column-count: 2;
}

.expertise-single-content.single-lab h2 {
	padding-bottom: 15px;
}

.container.expretise-archive.usluge-main h2 {
	font-size: 34px;
	text-align: center;
}

.expertise-single-content.single-lab {
	padding-right: 2%;
}

.container.expretise-archive.usluge-main p {
	text-align: center;
	padding-bottom: 15px;
	font-weight: 300;
	font-size: 20px;
	color: #434343;
}

.usluge-box-text h3 {
	font-size: 15px;
	line-height: 1.66em;
	font-weight: 400;
	color: #203a8a;
	text-align: center;
}

.usluge-box-text .excerpt a {
	font-size: 15px;
	line-height: 1.66em;
	font-weight: 400;
	color: #333;
	text-align: center;
}

.usluge-box-text h1 {
	font-size: 20px;
	color: red;
	font-size: 21px;
	font-weight: 500;
	line-height: 25px;
	color: #333;
	text-transform: uppercase;
	text-align: center;
}

.usluge-box-text .btn-txt i {
	font-size: 11px;
}

.expertises-box-inner.lab-box-inner {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.expertises-content.lab-content {
	display: flex;
}

.archive-lab-imgr {
	flex-shrink: 0;
	padding-right: 5px;
}

.expertises-box-text.lab-box-text {
    flex-grow: 1;
}

.archive-lab-imgr img {
	width: 100%;
	max-width: 40px;
	max-height: 40px;
}

.expertises-box-inner:nth-child(2n) {
	background-color: #f7f7f7;
	margin-bottom: 15px;
}

.our-usluge {
	padding: 0 7px;
}

.expertises-box-inner {
	transition: all 0.5s;
}

.expertises-box-inner.lab-box-inner:hover {
	background-color: transparent;
}


/* Front page */

.front-page-section-expertise {
	padding-top: 120px;
}

.fp-expertise-box {
	text-align: center;
	padding-bottom: 35px;
}

.front-page-section-expertise h2 {
	position: relative;
	margin-bottom: 0;
	text-align: center;
	font-weight: 700;
	font-size: 44px;
}

.front-page-section-1 i {
	color: var(--primary-color);
	font-size: 30px;
	margin-bottom: 16px;
}

.front-page-section-1 h4 {
	font-size: 20px;
}

.fp-expertise-box a {
	color: #000;
}

.team-single-content em {
	font-size: 16px;
	font-weight: 500;
}

.expertises-box-inner {
	padding: 0 0 10px 0;
	text-align: center;
}

.usluge-box-text .excerpt a {
	font-size: 15px;
	line-height: 1.66em;
	font-weight: 400;
	color: #333;
	text-align: center;
}

.expertises-box-text .btn-txt i {
	font-size: 11px;
}

.expertises-box-text {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.expertises-box-text h1 {
    margin-bottom: 10px;
}

.expertises-box-text .excerpt {
    margin-top: auto;
    padding-top: 10px;
}

.expretise-archive {
	padding: 2% 12px 3%;
}

.container.expretise-archive.lab-archive p {
	text-align: center;
	padding-bottom: 12px;
	font-weight: 300;
	font-size: 20px;
	color: #434343;
}

.expertises-box:nth-child(2n) {
    background-color: #fafafa;
}

.lab-archive .expertises-box:nth-child(2n) {
    background-color: #fafafa;
}

.container.expretise-archive.lab-archive h3 {
	font-size: 34px;
	text-align: center;
}

.expertises-box {
	margin-bottom: 25px;
}

.expertises-box.lab-box {
	margin-bottom: 0;
	padding: 20px 15px;
}

.container.expretise-archive.lab-archive h1 {
	text-align: left;
	font-size: 19px;
	font-weight: 500;
	color: #333;
	text-transform: uppercase;
	margin-top: 4px;
}

.container.expretise-archive.lab-archive a {
	color: #6e6e6e;
}

.expertises-box.lab-box:hover h1 {
    color: #00cab9;
}

.our-doctors-inner img {
	width: 100%;
}

.excerpt-all-content li {
	line-height: 25px;
}

.excerpt-all-content ul {
	padding-left: 15px;
}

.expertises-box-text h1 {
	font-weight: 500;
	font-size: 20px;
	transition: ease-in-out 0.5s;
	color: var(--primary-color);
}

.excerpt-all-content {
	text-align: left;
}

.expertises-box img {
	width: 100%;
}

.expertises-box-text a {
	color: #535353;
}

.expertises-box-text p {
	color: #535353;
	line-height: 27px;
	font-size: 16px;
}

.expertises-box-text a span {
	letter-spacing: 0.3px;
	font-weight: 600;
	padding: 2px 12px;
	color: #000;
}

.expertises-box-inner:hover {
	background-color: #fff;
	transition: all 0.5s;
}

.section-fp-blog-boxes.row h5 {
	position: relative;
	margin-bottom: 0;
	text-align: center;
	font-weight: 800;
	font-size: 26px;
	margin-bottom: 25px;
}

.section-fp-blog {
	padding: 50px 0 60px 0;
	background-color: #f8f8f8;
}

.section-fp-blog-inner a h2 {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	color: #11192e;
	transition: all 0.3s;
	background: transparent;
	margin-top: 10px;
}

.section-fp-blog-inner a h2 {
	line-height: 19px;
}

.view-full-post-btn.view-full-post {
	color: #061a24;
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;
	transition: transform 0.3s cubic-bezier(0.2, 0.95, 0.25, 1);
	font-weight: 500;
	letter-spacing: 0.5px;
	transition: all 0.3s;
}

.section-fp-blog-inner:hover .view-full-post-btn.view-full-post  {
	color: #cdb88d;
	transition: all 0.3s;
}

.text-services {
	margin-top: 40px;
	padding-left: 73px;
	font-size: 19px;
}

/* Contact page */

li.contact-list {
	display: inline-block;
	display: flex;
	align-items: end;
}

.contact-list i {
	font-size: 35px !important;
}

.cp-contact-form h6 {
	padding-bottom: 15px;
	color: #6e6e6e;
	font-weight: 400;
}

.cf-contact-info h3 {
	margin-bottom: 25px;
	margin-top: 20px;
	font-size: 25px;
	font-weight: 500;
	color: #11192e;
	padding-left: 32px;
}

.cf-contact-info ul {
	list-style: none;
	font-size: 18px;
	font-weight: 300;
}

.cf-contact-info i {
	color: #cdb88d;
	font-size: 16px;
	padding-right: 10px;
	margin-top: 20px;
}

.contact-info-content i {
	padding-right: 20px;
	font-size: 26px;
	padding-top: 5px;
}

.cp-box p {
	font-weight: 600;
	margin-bottom: 0;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.contact-info-content {
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.cf-contact-info a {
	color: #11192e;
	text-decoration: none;
}

.cf-contact-info a:hover {
	color: #cdb88d;
}

.contact-list {
	margin-bottom: 21px;
}

.contact-detail-title {
	font-weight: 600;
}

.contact-detail-list li {
	margin-bottom: 18px;
	margin-top: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #808080;
	position: relative;
	padding-left: 40px;
	list-style: none;
}

.contact-detail-list .contact-icon {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 0;
	top: 6px;
}

.contact-detail-list .contact-detail {
	font-size: 14px;
	line-height: 14px;
	color: #1f1f1f;
	display: block;
}

.title-cl {
	font-weight: 500;
	padding-bottom: 0;
	display: block;
}

.contact-detail-list img {
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.contact-detail-list .small {
	font-size: 12px;
	color: #808080;
	display: block;
}

.contact-page h4 {
	color: #3b3b3b;
	font-size: 17px;
	padding-bottom: 15px;
	padding-left: 0;
}

.contact-page label {
	width: 100%;
}

.wpcf7-form-control-wrap {
	color: #717171;
	font-weight: 400;
}

.cp-contact-form {
	padding: 5%;
	background-color: #fafafa;
}

.contact-info-cp-wrapper {
	background-color: var(--primary-color);
	padding: 5%;
	text-align: center;
}

.cp-box p::after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background: #999;
	margin: 3px auto 10px;
}

.cp-contact-form h3 {
	color: #78dddd !important;
	text-align: center;
}

.button-submit-contact input {
	color: #FFF;
	background-color: #a1e3e3 !important;
}

.contact-page input {
	border: 1px solid #dfdfdf;
	margin-bottom: 0px;
	padding: 10px;
	width: 100%;
	border-radius: 3px;
	transition: all 0.3s;
}

.cp-contact-form h3, .contact-info-cp-wrapper h3 {
	margin-bottom: 25px;
	margin-top: 0px;
	font-size: 25px;
	font-weight: 500;
	color: #3b3b3b;
}

.contact-info-cp-cont {
	padding-top: 3%;
}

.contact-info-content i {
	color: var(--green-color);
}

.button-submit-contact input {
	margin-top: 5px;
	border: 2px solid var(--green-color);
	margin-bottom: 5px;
	padding: 10px;
	width: 100%;
	border-radius: 3px;
	transition: all 0.3s;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.cp-contact-form .wpcf7-form-control.wpcf7-submit {
	text-transform: uppercase;
	background-color: #fff;
}

.wpcf7-submit {
	background-color: var(--green-color);
	border: 1px solid var(--green-color);
	color: #fff;
	padding: 5px 15px;
	font-weight: 500;
	border-radius: 3px;
	transition: all 0.3s;
}

.wpcf7-submit:hover {
	transition: all 0.3s;
	text-decoration: underline;
}

.wpcf7-form-control.wpcf7-textarea {
	max-height: 200px;
	border: 1px solid #dfdfdf;
	width: 100%;
	padding: 10px;
	border-radius: 3px;
}

.contact-info-content span {
	color: #535353;
}

/********* PROJEKTI **********/

.archive-news-content.archive-projekti-content h4 {
	font-size: 25px;
	padding-top: 15px;
	transition: all 0.3s;
	color: #0a3147;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/********* VESTI **********/

.archive-news-content h4 {
	font-size: 25px;
	padding-top: 15px;
	transition: all 0.3s;
	color: #0a3147;
	display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.archive-news-content h4:hover {
    color:var(--primary-color);
}

.view-full-post:hover {
	color: var(--primary-color);
}

.archive-news-date {
	font-size: 12px;
	color: #0a3147;
}

.archive-news-excerpt-text p {
	color: #0a3147;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;

}

.archive-news-box {
	margin-bottom: 40px;
}

a.view-full-post, a:visited.view-full-post {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 11px;
	color: #0a3147;
}

.excerpt:hover a {
	color: #a1e3e3;
}

.row.blog-prev-next a {
	color: #0a3147;
}

.zaposleni-content h2 {
	color: #2b2b2b;
	font-size: 21px;
	font-weight: 500;
	text-transform: capitalize;
	margin-bottom: 1px;
}

.next-link {
	text-align: right;
}

.archive-news-box img {
	width: 100%;
}

.single-news-details h1, .single-news-details h1:hover {
	color: #0a3147;
}

.published-on {
	font-size: 13px;
	color: #737373;
	margin-top: -19px;
	margin-bottom: 12px;
}

.prev-link a:hover, .next-link a:hover {
	color: #a1e3e3;
}

/******** 5.0 PAGES ********/


/******** 5.0 FOOTER ********/

footer {
	font-size: 14px;
	font-weight: normal;
	background-color: #f6f6f6;
	border-top: 1px solid #e5f1fd;
	background-position: top;
	background-repeat: repeat-x;
	padding-bottom: 30px;
	background-position: bottom right;
	background-color: #F9E6AC;
	background-image: url("images/bcg-footer.png");
	background-blend-mode: overlay;
}

#footer {
	padding: 3% 12px 3% 12px;
}

footer .header-info i {
	color: #D9C696;
	font-size: 22px;
	padding-top: 0;
}

.header-info-text {
	font-weight: 600;
}

.footer-column.footer-column-middle a {
	color: #575757;
}

.header-info.location span {
	color: #575757;
}

.footer-column-left {
	text-align: center;
}

.footer-column-left p {
	margin-top: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}

.footer-column h4 {
	color: #020202;
	font-size: 20px;
	position: relative;
	margin-bottom: 20px;
}

.footer-column img {
	max-width: 195px;
	margin-bottom: 20px;
}


.footer .cp-social-icons li:nth-child(1) {
	padding: 12px 16px;
	border: 3px solid #fff;
	border-radius: 50%;
}

.footer .cp-social-icons li:nth-child(2) {
	padding: 12px 11px;
	border: 3px solid #fff;
	border-radius: 50%;
}

.footer .cp-social-icons li:nth-child(3) {
	padding: 11px 13px;
	border: 3px solid  #fff;
	border-radius: 50%;
}

.footer .cp-social-icons ul.header-social {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 15px;
	/* margin-left: 45px; */
	align-items: center;
	align-self: center;
	justify-content: center;
}

.footer .cp-social-icons i {
	font-size: 22px;
	color: #fff;
	display: flex;
	justify-content: center;
}

.btn-outline-light:hover {
	background-color: transparent !important;
}

footer .cf-contact-info, footer .cf-contact-info a {
	list-style: none;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
	letter-spacing: 0.5px;
}

.footer-column .cf-contact-info i {
	color: var(--primary-color);
	font-size: 19px;
	padding-right: 10px;
	margin-top: 5px;
}

.contact-address.cp-space i {
	padding-right: 6px;
}

footer .header-info.location {
	padding-left: 7px;
	padding-right: 20px;
}

.footer .header-info {
	display: flex;
	justify-content: start;
	margin-top: 0px;
	line-height: 19px;
	color: #434343;
	font-size: 17px;
	font-family: "Poppins", sans-serif;
}

.footer .header-info {
	margin-bottom: 15px;
}

footer .header-info.working-hour {
	padding-top: 13px;
}

footer .header-info.working-hour span {
	line-height: 30px;
	color: #424242;
}

footer .header-info.working-hour i {
	color: var(--green-color);
	font-size: 18px;
	padding-top: 7px;
}

.footer .header-info p, .footer .header-info p a {
	font-size: 16px;
	color: #424242;
	line-height: 25px;
}

.footer-column.logo_footer p {
	padding-top: 15px;
	color: #acacac;
}

.dokument-item a:hover {
	color: #A3C6E1;
}

.footer-menu a {
	font-weight: 500;
	font-size: 11px;
	float: right;
}

.header-info.location i {
	font-size: 26px;
	margin-left: -5px;
}

ul#expertise, ul#footer_menu {
	padding-left: 0;
	list-style-type: none;
}

#expertise a, #footer_menu a {
	color: #575757;
	font-size: 16px;
	line-height: 30px;
}

#expertise a:hover, #footer_menu a:hover {
	color: #38c8c0;
}

#expertise a:hover, #footer_menu a:hover {
	color: #38c8c0;
}

.footer-column {
	padding-top: 25px;
}

.footer a {
	text-decoration: none;
	color: #000;
	transition: all 0.3s;
}

.footer a:hover, .footer a:hover span {
	color: #38c8c0;
}

.footer-column.logo_footer img {
	padding-top: 20px;
	max-width: 210px;
	width: 100%;
}

.website-design {
	font-size: 12px;
	color: #535353;
	text-align: center;
	font-weight: 400;
	background-color: #EED68F;
	padding: 15px 0 10px 0;
}

.website-design.container-fluid a {
	color: var(--secundary-color);
}

.website-design.container-fluid a:hover {
	color: #d8d8d8;
}

.zaposleni-itemt {
	margin-bottom: 20px;
	text-align: center;
}
/******** PAGE LINKS ********/
.page-links p a {
	font-size: 23px;
	color: #535353;
}

.page-links p a:hover {
	color: #a1e3e3;
	text-decoration: underline;
}

/******** 5.0 END FOOTER ********/


/******** 6.0 MEDIA QUERIES ********/

/* X-Large devices (large desktops, less than 1920px) */
@media (min-width: 1920px) {

.header-page img, .header-page.home-header-slider img {
	width: 100%;
}

}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {

.cp-contact-form {
	margin: 0;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	padding: 0px 8px 0px 8px !important;
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {

footer .cf-contact-info, footer .cf-contact-info a {
	font-size: 16px;
}

.navbar-expand-lg {
	justify-content: flex-end;
}

.cf-contact-info {
	padding-bottom: 20px;
}

body {
	font-size: 16px;
}

.archive-takmicenja-box img {
	width: 530px;
	margin-right: 30px;
}

.wp-block-column.fp-section-about-us-text.is-layout-flow.wp-block-column-is-layout-flow {
	flex-basis: 50% !important;
}

.wp-block-column.fp-section-about-us-images.is-layout-flow.wp-block-column-is-layout-flow {
	flex-basis: 50% !important;
}

.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2), .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
	width: calc(100% - var(--wp--style--unstable-gallery-gap, 16px)*.5);
}

.overlay-image {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	transition: ease-in-out, 0.7s;
}

.main-image {
	max-width: 100%;
	height: auto;
	display: block;
}

.mega-mega-img {
	display: none !important;
}

.header-info.location {
	padding-left: 25px;
	padding-right: 45px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 5px 5px;
}

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

button:focus:not(:focus-visible) {
	outline: 0;
	box-shadow: none;
}

.navbar.navbar-expand-lg.col-12 {
	padding: 3px;
}

.wp-block-column.fp-section-about-us-text.is-layout-flow.wp-block-column-is-layout-flow {
	flex-basis: 100% !important;
}

.wp-block-column.fp-section-about-us-images.is-layout-flow.wp-block-column-is-layout-flow {
	flex-basis: 100% !important;
}

.overlay-image:hover {
	transform: scale(1);
}

.wp-block-column.fp-section-about-us-text.is-layout-flow.wp-block-column-is-layout-flow {
	order: 1;
}

.fp-section-about-us {
	margin-top: 40px;
}

.video-card {
	flex: 0 0 calc((100% / 2) - 13.33px);
}

.footer-column-left img {
	max-width: 160px;
}

#header-box {
	border-top: 0px solid #e0e0e0;
}

.content-header.container-fluid {
	position: relative;
	height: 66px;
}

#mega-menu-wrap-primary {
	letter-spacing: 0.5px;
	position: absolute;
	right: 18px;
	top: 33px;
}

.content-header .navbar {
	position: initial;
}

.content-header .navbar-toggler i {
	color: #11192e;
	font-size: 24px;
}

.cf-contact-info h3, .cf-contact-info ul {
	padding-left: 0;
}

.cp-contact-form {
	padding: 40px 50px 30px;
	margin: 0;
}

.fp-watermark {
	font-size: 72px;
}

.footer-column.logo_footer {
	margin-bottom: 30px;
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
	order: 2;
}

.wp-block-column.fp-section-lab.is-layout-flow.wp-block-column-is-layout-flow {
	order: 1;
	display: flex;
}

.wp-block-columns.fp-section-labaratory.is-layout-flex.wp-container-core-columns-is-layout-6.wp-block-columns-is-layout-flex {
	padding-top: 25px;
}

.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
	flex-basis: 100% !important;
}

.wp-block-columns {
	display: flex;
	margin-bottom: 1;
	box-sizing: border-box;
	flex-wrap: wrap !important;
	align-items: normal !important;
}

.home-header-content h1 {
	font-size: 30px;
}

.home-header-content p, .home-header-content p span {
	font-size: 68px;
	line-height: 68px;
}

.header-info {
	display: none;
}

footer .header-info {
	display: block;
}

.logo-header img {
	max-width: 90px;
}

.footer .header-info {
	display: block;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.footer-column {
	text-align: center;
}

.archive-takmicenja-box img {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

.info-card {
	min-height: 371px;
}

}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

.info-card {
	min-height: auto;
	max-width: 100%;
	margin-bottom: 20px;
}

.website-design {
	text-align: center;
}

.contact-list {
	margin-bottom: 10px;
}

.cp-contact-info {
	text-align: center;
	padding-left: 32px;
}

.footer-menu a {
	float: none;
}

.copyright-left {
	order: 2;
	padding-top: 10px;
}

.footer-column h4 {
	font-size: 21px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.single-news-content h1 {
	font-size: 27px;
}

.news-single-contents h3 {
	font-size: 18px;
}

#header-box {
	padding-top: 0;
}

.front-page-section-expertise {
	padding-top: 50px;
}

.archive-news-content h4 {
	-webkit-line-clamp: 0;
}
}

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    
footer {
	text-align: center;
} 

.header {
	padding-top: 5px;
	padding-bottom: 5px;
}

#mega-menu-wrap-primary {
	top: 11px;
}

.video-card {
	flex: 1 1 100%;  
    max-width: 100%;  
    margin: 0;        
    box-sizing: border-box;  
    padding: 0 12px; 
}

.video-card:hover {
	transform: scale(1);
}

.content-header .navbar {
	position: absolute;
	right: 13px;
	top: 25px;
}

.footer .header-info {
	display: block;
	justify-content: center;
}

}

@media (max-width: 478.98px) {
footer .menu-nase-usluge-sidebar-container {
	column-count: 1;
}

.content-our-clients h4 {
	font-size: 28px;
}

}
   
    /******** 6.0 END MEDIA QUERIES ********/