/*
Theme Name: Podgorica Child
Template: podgorica
*/

/*********************/
/**** GENERAL ****/
ol,
ul {
	margin-bottom: 0 !important;
}
a {
	text-decoration: none !important;
}
a {
	color: goldenrod;
}
a:focus,
a:hover {
	color: #fff;
}
.theme_color {
	color: goldenrod;
}
.about-section .content-column .inner-box .text {
	font-size: 130%;
}
.single-post .page-title {
	display: none;
}
.sidebar-page-container {
	margin: 0;
	padding: 60px 0px 110px;
}
.btn-style-two {
	text-transform: unset;
	border-radius: 0;
	background: radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		),
		radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		);
	border: 1px solid #fff;
}
.btn-style-two:hover {
	border: 1px solid #fff;
	color: #fff;
	background: radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%), radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%);
}
.auto-container,
.auto-container-hero-image {
	width: 100%;
}
.auto-container-hero-image {
	position: static;
	max-width: 1200px;
	height: 100%;
	padding: 0px 15px;
	margin: 0 auto;
}
/**** GENERAL END ***/
/***********************/

/********************/
/**** HEADER ***/
.main-header .header-top {
	background: linear-gradient(90deg, rgba(5, 31, 52, 1) 0%, rgba(9, 9, 121, 1) 32%, rgba(5, 31, 52, 1) 100%);
	border-bottom: 2px solid goldenrod;
	height: 5vh;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
}
.main-header .main-box {
	height: 10vh;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.main-header .main-box .outer-container {
	display: flex;
	justify-content: space-between;
}
.main-header .main-box .logo-box {
	display: flex;
	align-items: center;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-header.light-version .main-menu .navigation > li:hover > a,
.main-header.light-version .main-menu .navigation > li.current > a {
	color: goldenrod;
}
.main-menu .navbar-header .navbar-toggle {
	border: none;
}
/**** HEADER END ***/
/**********************/

/********************/
/**** POCETNA ****/
.hero-image {
	background-image: url("https://www.doktorpsihijatar.com/wp-content/uploads/2023/06/ordinacija.jpg");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 85vh;
	position: relative;
}
.hero-image .content {
	width: max-content;
	/* position: absolute; */
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: #0000002b;
	padding: 9rem 13rem;
	color: #fff;
	background: linear-gradient(90deg, rgb(5, 31, 52) 0%, rgba(9, 9, 121, 0.75) 32%, rgb(5, 31, 52) 100%);
	border: 2px solid goldenrod;
}
.hero-image .content h1 {
	font-family: "Courgette", cursive;
	margin-top: 0;
}
.hero-image .content p {
	margin-bottom: 35px;
	color: #95999d;
}
.special-text {
	font-weight: bold;
	color: goldenrod;
}
.special-text a:hover {
	color: goldenrod;
}
.about-section .auto-container .row {
	display: flex;
	align-items: center;
}
.about-section .content-column .about-title h2 {
	font-size: 230%;
}
.text-align-right {
	text-align: right;
}
.text-align-right .about-title h2::after {
	left: unset !important;
	right: 0;
}
.sec-title h2:after {
	background-color: goldenrod;
}
/**** POCETNA END ****/
/*********************/

/*******************/
/**** O NAMA ****/
.about-section-content {
	padding: 9rem 0;
}
.page-id-1840 .call-to-action {
	position: relative;
	background-attachment: unset;
	background-repeat: no-repeat;
	/* background-position: unset; */
	background-size: cover;
	text-align: center;
	border-top: 2px solid goldenrod;
	border-bottom: 2px solid goldenrod;
}
.page-id-1840 .call-to-action::before {
	background-color: transparent;
}
.page-id-1840 .onama-call-to-action {
	width: 100%;
	text-align: center;
	padding: 0 0 120px 0;
}
.about-section .content-column .about-title h2:after {
	background-color: goldenrod;
}
h4.istaknuto-onama {
	line-height: 160%;
	font-size: 175%;
}
h4.istaknuto-onama-bc {
	/* padding: 0 20% 0 0; */
	width: 80%;
	text-align: left;
	font-size: 130%;
	line-height: 160%;
}
.o-nama-kontaktirajte-nas {
	margin-top: 30px;
}
.zelja-ne-menja-nista {
	font-family: "Courgette", cursive;
	color: goldenrod;
}
.ukratko {
	padding: 120px 0px 90px 0;
}
.nas-cilj {
	padding: 0px 0px 120px 0;
}
.call-to-action {
	padding: 120px 0;
}
.call-to-action h4.istaknuto-onama-bc {
	color: #fff;
}
.news-section,
.news-section.blog-grid {
	padding: 120px 0 90px 0;
}
.about-section .content-column {
	margin-bottom: 0px;
	padding-top: 0px;
	align-items: center;
}
.about-section .image-column-first {
	text-align: right;
}
.about-section .image-column-first img,
.about-section .image-column-second img {
	border: 2px solid goldenrod;
	box-shadow: 0 10px 10px #2d3f3d12;
	width: 90%;
}
/**** O NAMA END ****/
/***********************/

/***********************/
/**** KONTAKT ****/
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
	border-radius: 50px;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
	border-color: goldenrod;
}
.contact-info-detail li .icon {
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
}
.big-logo {
	opacity: 0.1;
}
.contact-form .form-group textarea {
	border-radius: 15px;
}
.wpcf7-list-item.first label,
.wpcf7-list-item.last label {
	cursor: pointer;
}
label {
	font-weight: inherit;
}
.contact-form .form-group .field-label {
	color: goldenrod;
	font-weight: 700;
}
.contact-info-detail li .icon {
	background: radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		),
		radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		);
}
.captcha-image .cf7ic_instructions span {
	color: goldenrod;
}
/**** KONTAKT END ****/
/***********************/

/***********************/
/****** Q&A PAGE *******/
.page-id-1862 footer.main-footer {
	margin-top: 9rem;
}
.nas-tim-person {
	display: flex;
	gap: 5rem;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	padding: 9rem 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1.42857143;
}

.terapeuti-nikolina-ljubic .content-image,
.terapeuti-aleksandra-kovac .content-image {
	order: 2;
}

.terapeuti-nikolina-ljubic .content-image img,
.terapeuti-aleksandra-kovac .content-image img {
	float: right;
}

.nas-tim-person .content-image {
	width: 50%;
}

.nas-tim-person .content-image img {
	border: 2px solid goldenrod;
}

.nas-tim-person .content-text {
	width: 100%;
}

.nas-tim-person .content-text .content-title {
	margin: 0;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #444;
}

.nas-tim-person .content-text .content-subtitle {
	margin-bottom: 2rem;
}

.nas-tim-person .content-text .content-desc {
	color: #777;
	line-height: 1.6;
	font-size: 15px;
}

.divider_line2 {
	border-bottom: 1px solid goldenrod;
	margin: 1rem auto;
	position: relative;
}

.divider_line2 .et-profile-female:before {
	content: "☺";
}

.divider_line2 i {
	background: radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		),
		radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		);
	color: #fff;
	width: 27px;
	height: 27px;
	border-radius: 100%;
	background-color: #d3d3d3;
	text-align: center;
	vertical-align: middle;
	line-height: 27px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/**** Q&A ACCORDION ****/

.qa-accordion-title {
	font-weight: 700;
	font-size: 23px;
}

.qa-accordion {
	background-color: #fff;
	font-size: 16px;
	margin-bottom: 8px;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	transition: 0.4s;
	color: goldenrod;
}

.qa-accordion:hover {
	box-shadow: 0 1px 10px hsl(210deg 14% 49% / 30%);
}

.accordion-active {
	background-color: #fff;
}

.qa-accordion:after {
	content: "\002B";
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.accordion-active:after {
	content: "\2212";
}

.qa-panel {
	padding: 5px 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

.qa-panel p a {
	color: #090979;
}

.qa-panel p a:hover {
	text-decoration: underline !important;
}
/**** Q&A ACCORDION END ****/
/******** Q&A PAGE END*******/
/*********************************/

/***********************/
/***** BLOG *****/
.blog .page-title {
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: fixed;
	background-position: center;
	min-height: 400px;
	border-top: 2px solid goldenrod;
	border-bottom: 2px solid goldenrod;
}
.blog .page-title::before {
	background: unset;
}
.news-style-one .inner-box .image-box img {
	height: 260px;
	object-fit: cover;
}
.news-style-one .inner-box .lower-content {
	border: 1px solid #eeeeee;
	height: 260px;
	display: flex;
	align-items: center;
	padding: 0;
}
.news-style-one .inner-box:hover .lower-content .upper-box h3 a {
	color: goldenrod;
}
.single-blog-news-style-one .inner-box .lower-content .title a,
.single-blog-news-style-one .inner-box .lower-content .title a:hover {
	color: #777777;
}
/***** CATEGORY BLOG PAGE *****/
/*********************************/

.page-title .bread-crumb a {
	color: #fff;
}
.page-title .bread-crumb a:hover {
	color: goldenrod;
}
/***** CATEGORY BLOG PAGE END *****/
/***********************/

/***********************/
/**** FOOTER ****/
.main-footer {
	background: linear-gradient(90deg, rgba(5, 31, 52, 1) 0%, rgba(9, 9, 121, 1) 32%, rgba(5, 31, 52, 1) 100%);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
}
.main-footer .footer-bottom {
	background: #051f34;
	border-top: 2px solid goldenrod;
}
.main-footer .widgets-section {
  position: relative;
  padding: 80px 0px 50px;
}
footer.main-footer {
	border-top: 3px solid goldenrod;
}
.footer-widget ul li a,
.footer-widget ul li,
.footer-widget .textwidget p {
	margin-bottom: 20px;
	text-transform: uppercase;
}
.footer-widget ul li a:hover,
.footer-widget ul li:hover {
	color: #aaaaaa;
}
.footer-icon-letter {
	color: #fff;
	font-weight: 700;
	margin-right: 5px;
}
.footer_pisite-nam {
	letter-spacing: 0.35px;
	font-size: 17px;
}
.footer-widget a {
	color: #fafafa;
}
.footer-widget a span {
	margin-right: 0;
}
.main-footer .posts-widget h2,
.main-footer .posts-widget .widget-content {
	margin-left: 0;
}
.footer-social-media {
	display: flex;
	gap: 3rem;
}
.footer-social-media a span {
	font-size: 18px;
}
	
/**** FOOTER END ****/
/***********************/

/********************/
/**** SIDEBAR ****/
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover,
.widget ul li a:hover {
	color: goldenrod;
}
.sidebar-widget .sidebar-title h3:before {
	background-color: goldenrod;
}
.sidebar .popular-posts .post a,
.sidebar .popular-posts .post a:hover,
.widget ul li a:hover {
	color: goldenrod;
}
/**** SIDEBAR ****/
/********************/

/************************************/
/******** DISPLAY NONE ********
/* Q&A stranica */
.page-id-1913 section.page-title,
/* Blog stranica */
.call-number,
.header-top .top-left ul li:first-child,
.contact-info-detail li:last-child,
.comment-form p:first-child,
.comment-form .form-group .field-label {
	display: none;
}
/******** DISPLAY NONE END ********
/************************************/

/***********************/
/**** PAGINATION ****/
.styled-pagination li a:hover,
.styled-pagination li a.active,
.styled-pagination li span.current,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
	background: radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		),
		radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		);
	border-color: goldenrod;
}
.pagination > li:last-child > a {
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}
/**** PAGINATION ****/
/***********************/

/***********************/
/**** SCROLL TO TOP ****/
.scroll-to-top {
	background: radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		),
		radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		);
}
.scroll-to-top:hover {
	background: radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		),
		radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		);
}
/**** SCROLL TO TOP END ****/
/*****************************/

/***********************/
/**** SCROLLBAR ****/
::-webkit-scrollbar {
	width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
/* Handle */
::-webkit-scrollbar-thumb {
	background: radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		),
		radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		);
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
	background: radial-gradient(
			ellipse farthest-corner at right bottom,
			#fedb37 0%,
			#fdb931 8%,
			#9f7928 30%,
			#8a6e2f 40%,
			transparent 80%
		),
		radial-gradient(
			ellipse farthest-corner at left top,
			#ffffff 0%,
			#ffffac 8%,
			#d1b464 25%,
			#5d4a1f 62.5%,
			#5d4a1f 100%
		);
}
/**** SCROLLBAR END ****/
/***********************/

/********************************/
/****** MEDIA QUERIES *****/
@media only screen and (max-width: 1350px) {
	/* NAS TIM */
	.nas-tim-person {
		flex-direction: column;
	}
	.terapeuti-nikolina-ljubic .content-image,
	.terapeuti-aleksandra-kovac .content-image {
		order: 0;
	}
	.terapeuti-nikolina-ljubic .content-image img,
	.terapeuti-aleksandra-kovac .content-image img {
		float: unset;
	}
	.nas-tim-person .content-image {
		text-align: center;
	}
	.nas-tim-person .content-image {
		width: 30%;
	}
}

@media only screen and (max-width: 1200px) {
	.nas-tim-person .content-image {
		width: 35%;
	}
	.auto-container {
		max-width: 960px;
	}
}

@media only screen and (max-width: 1025px) {
	.auto-container,
	.auto-container-hero-image {
		max-width: 920px;
	}
	/* POCETNA */
	.pocetna-prvi {
		flex-direction: column;
	}
	.pocetna-drugi {
		flex-direction: column-reverse;
	}
	/* .pocetna-prvi .content-column,
	.pocetna-drugi .content-column {
		padding: 0 70px 20px 70px;
	} */
	.pocetna-prvi .content-column .about-title h2:after,
	.pocetna-drugi .content-column .about-title h2:after {
		left: 0;
	}
	.about-section .image-column-first,
	.about-section .image-column-second {
		text-align: center;
	}
	.about-section .image-column-first img,
	.about-section .image-column-second img {
		width: 100%;
	}
}

@media only screen and (max-width: 993px) {
	.auto-container,
	.auto-container-hero-image,
	.hero-image .content {
		max-width: 820px;
	}
	.hero-image .content {
		width: 100%;
	}
	/* POCETNA */
	.news-style-one .inner-box .image-box img {
		width: 100%;
	}
	/* TERAPEUTI */
	.nas-tim-person .content-image {
		width: 50%;
	}
	/* O NAMA */
	.page-id-1840 .about-section .content-column .about-title h2:after {
		position: static;
		display: block;
		margin: 10px auto 0 auto;
	}
	.o-nama-prvi {
		flex-direction: column;
	}
	.o-nama-drugi {
		flex-direction: column-reverse;
	}
	.o-nama-prvi .content-column,
	.o-nama-drugi .content-column {
		text-align: center;
		/* padding: 0 50px; */
	}
	.about-section .image-column img {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.auto-container,
	.auto-container-hero-image,
	.hero-image .content {
		max-width: 680px;
	}
	.main-header .header-top .auto-container {
		display: flex;
	}
	.main-header .main-box .logo-box {
		display: block;
	}
	.main-header .header-top .top-left {
		display: flex;
		align-items: center;
	}
	.main-header .header-top .top-left ul {
		margin: 0 !important;
		display: flex;
		justify-content: start;
	}
	.main-header .header-top .social-icon {
		display: flex;
		justify-content: end;
	}
	.main-header .main-box {
		height: auto;
	}
	.main-header .main-box .outer-container {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
	.main-header .main-box .outer-container .clearfix:before {
		display: table;
		content: unset;
	}
	/* POCETNA */
	.main-menu .navbar-header {
		padding: 20px 0 0 0;
	}
	.main-header .header-top .top-right,
	.main-header .header-top .top-left {
		width: unset;
	}
	.main-header .main-box .logo-box {
		float: left;
	}
	.hero-image .content {
		padding: 5rem;
	}
	/* TERAPEUTI */
	.nas-tim-person .content-text .content-desc {
		font-size: 14px;
	}
	.nas-tim-person .content-image {
		width: 100%;
	}
	/* O NAMA */
	h4.istaknuto-onama-bc {
		/* padding: 0 50px; */
		font-size: 130%;
	}
	/* KONTAKT */
	.contact-form-section {
		padding: 50px 0px;
	}
	/* BLOG */
	.news-section.blog-grid {
		padding-bottom: 60px;
	}
	.news-style-one .inner-box .image-box img {
		height: 350px;
	}
	.news-style-one .inner-box .lower-content {
		display: block;
		height: max-content;
	}
}

@media only screen and (max-width: 321px) {
	.main-header .header-top .top-right ul li,
	.main-header .header-top .top-left ul li {
		margin: 0px 0px;
	}
	.main-header .header-top .top-left ul li {
		padding-left: 18px;
		padding-right: 0px;
	}
}
/***** MEDIA QUERIES END *****/
/********************************/