/*--------------------------------------------------------------
SINGLE POST - Content
--------------------------------------------------------------*/
.single-post .section-breadcrumbs {
	margin-bottom: 0;
}

.section-single-page {
	position: relative;
	display: block;
	padding: var(--space-24) var(--space-4) var(--space-32) var(--space-4);
	background-color: var(--color-background);
}

.container-single-page {
	max-width: var(--container-2xl);
	display: flex;
	flex-direction: row;
	gap: var(--space-4);
	margin: 0 auto;

}

.single-page-column {
	display: flex;
	flex-direction: column;
}

.single-page-column__first {
	flex: 73%;
	max-width: 73%;
}

.single-page--thumbnail img {
	object-fit: cover;
	aspect-ratio: 99/46;
	display: block;
	box-shadow: 0 3px 6px #00000029;
}

.single-page--content {
	margin-bottom: var(--space-10);
	padding: var(--space-8) var(--space-6) var(--space-16) var(--space-6);
	background-color: var(--color-white);
	box-shadow: 0 3px 6px #00000029;
}

.single-page__categories {
	display: block;
	margin-bottom: var(--space-5);
	font-size: var(--text-sm);
}

.single-page_divider {
	height: 1px;
	width: 100%;
	display: block;
	margin-bottom: var(--space-6);
	background-color: #666;
	opacity: 20%;
}

.single-page__title {
	display: block;
	margin-bottom: var(--space-4);
	color: var(--color-primary);
	font-size: var(--text-2xl);
	font-weight: var(--font-bold);
	line-height: var(--leading-6);
}

.single-page--content .simptom-divider {
	margin-bottom: var(--space-7);
}

.single-page--content p {
	margin-bottom: var(--space-5);
	font-size: var(--text-base);
	line-height: var(--leading-8);
}

.single-page--content p strong {
	font-weight: var(--font-bold);
}

.single-page--content ul {
	margin-left: 2em;
}

.single-page--content ul li {
	margin-bottom: var(--space-2);
}

.single-page--content h3 {
	margin-bottom: var(--space-2);
	color: var(--color-text);
	font-size: var(--text-xl);
	font-weight: var(--font-bold);
	line-height: var(--leading-6);
}

.single-page--content h3:not(:first-of-type) {
	margin-top: var(--space-10);
}

.single-page__content img {
	max-width: 100%;
	display: block;
	margin-bottom: var(--space-6);
	box-shadow: 0 3px 6px #00000029;
}

.single-page--content blockquote {
	display: block;
	margin: 0 0 var(--space-8) 0;
	padding: var(--space-8) var(--space-16) var(--space-8) var(--space-7);
	border-left: var(--space-3) solid var(--color-secondary);
	background-color: var(--color-background);
}

.single-page--content blockquote p{
	max-width: 700px;
	margin-bottom: 0;
	line-height: var(--leading-8);
}

.single-page--tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: var(--space-6);
}

.single-page-content--tag {
	display: inline-block;
	padding: var(--space-3) var(--space-4);
	margin-right: var(--space-3);
	margin-bottom: var(--space-2);
	border-radius: var(--border-radius);
	background-color: #66666640;
	color: var(--color-text);
	font-size: var(--text-base);
	font-weight: var(--font-normal);
	line-height: 1;
	text-decoration: none;
	transition: all var(--transition-time) ease-in-out;
}

.single-page-content--tag a {
	color: var(--color-text);
	text-decoration-color: transparent;
	transition: all var(--transition-time) ease-in-out;
}

.single-page-content--tag:hover {
	background-color: var(--color-secondary);
}

.single-page-content--tag:hover a {
	color: var(--color-white);
}

.single-page-column__last {
	flex: 27%;
	max-width: 27%;
}

.single-page--categories-wrapper,
.single-page--tags-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	margin-bottom: var(--space-14);
	padding: var(--space-6) var(--space-8) var(--space-2) var(--space-6);
	background-color: var(--color-white);
	box-shadow: 0 3px 6px #00000029;
}

.single-page--categories-title,
.single-page--tags-title{
	display: block;
	margin-bottom: var(--space-3);
	color: var(--color-primary);
	font-size: var(--text-xl);
	font-weight: var(--font-bold);
	line-height: var(--leading-6);
}

.single-page--categories-wrapper .simptom-divider,
.single-page--tags-wrapper .simptom-divider {
	margin-bottom: var(--space-6);
}

ul.single-page--categories-list {
	margin: 0;
	list-style: none;
}

.single-page--categories-list-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: var(--space-5) 0;
	border-bottom: solid 1px #70707020;

}

.single-page--categories-list-item:last-of-type {
	border-bottom: none;
}

.single-page--categories-list-item a {
	color: var(--color-text);
	line-height: 1;
	text-transform: uppercase;
	text-decoration-color: transparent;
}

.single-page--categories-list-item a:hover {
	color: var(--color-secondary);
	text-decoration-color: var(--color-secondary);
}

.single-page--tags-wrapper {
	padding-bottom: var(--space-6);
}

.single-page--tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0;
}

.single-page--tags-list-item {
	display: inline-block;
	padding: var(--space-3) var(--space-4);
	margin-right: var(--space-3);
	margin-bottom: var(--space-2);
	border-radius: var(--border-radius);
	background-color: var(--color-background);
	color: var(--color-text);
	font-size: var(--text-base);
	font-weight: var(--font-bold);
	line-height: 1;
	text-decoration: none;
	transition: all var(--transition-time) ease-in-out;
}

.single-page--tags-list-item a {
	color: var(--color-text);
	text-decoration-color: transparent;
	transition: all var(--transition-time) ease-in-out;
}

.single-page--tags-list-item:hover {
	background-color: var(--color-secondary);
}

.single-page--tags-list-item:hover a {
	color: var(--color-white);
}

.single-page--cta-banner {
	position: relative;
	display: block;
	padding: var(--space-12) var(--space-6);
	background-image: url("/wp-content/uploads/2023/11/GUMB-CTA.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
}

.single-page--cta-banner-sub-title {
	display: block;
	margin-bottom: var(--space-4);
	color: var(--color-white);
	font-size: var(--text-base);
	font-weight: var(--font-bold);
	line-height: var(--leading-6);
	text-align: center;
}

.single-page--cta-banner-title {
	display: block;
	margin-bottom: var(--space-6);
	color: var(--color-white);
	font-size: var(--text-xl);
	font-weight: var(--font-bold);
	line-height: var(--leading-6);
	text-align: center;
}

.single-page--cta-banner-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-3) var(--space-6);
	border-radius: var(--border-radius);
	background-color: var(--color-secondary);
	color: var(--color-white);
	font-size: var(--text-base);
	font-weight: var(--font-bold);
	text-decoration: none;
	text-align: center;
	transition: all var(--transition-time) ease-in-out;
}

.single-page--cta-banner-button:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
}

@media only screen and (max-width: 1024px) {
	.section-single-page {
		padding: var(--space-10) var(--space-4) var(--space-16) var(--space-4);
	}
	.container-single-page {
		gap: var(--space-12);
	}

	.container-single-page {
		flex-direction: column;
	}

	.single-page-column__first,
	.single-page-column__last {
		max-width: 100%;
		flex: 100%;
	}

	.single-page--categories-wrapper, .single-page--tags-wrapper {
		margin-bottom: var(--space-8);
	}

	.single-page--cta-banner {
		display: none;
	}
}

@media only screen and (max-width: 768px) {
	.section-single-page {
		padding: var(--space-8) var(--space-4) var(--space-12) var(--space-4);
	}

	.single-page--content {
		padding: var(--space-4) var(--space-4) var(--space-10) var(--space-4);
	}

	.single-page-content--tag {
		padding: var(--space-2) var(--space-3);
		margin-right: var(--space-2);
		margin-bottom: var(--space-2);
		font-size: var(--text-sm);
	}

	.single-page__categories {
		margin-bottom: var(--space-3);
		font-size: var(--text-xs);
	}

	.single-page__title {
		font-size: var(--text-xxl);
	}

	.single-page--content h3:not(:first-of-type) {
		margin-top: var(--space-8);
	}

	.single-page--content blockquote {
		margin-bottom: var(--space-6);
		padding: var(--space-6) var(--space-12) var(--space-6) var(--space-6);
	}

	.single-page--tags-list-item a {
		font-size: var(--text-sm);
	}
}

/*--------------------------------------------------------------
SINGLE POST - CTA layout
--------------------------------------------------------------*/
/*****CTA layout*****/
.page-service--service-cta-layout {
    display: flex;
    flex-direction: column;
    margin: 0 auto ;
    padding: var(--space-18) var(--space-4);
    background-color: var(--color-background);
}

.page-service--service-cta-title {
    display: block;
    margin-bottom: var(--space-4);
    color: var(--color-white);
    text-align: center;
    font-size: var(--text-3xl);
    font-weight: var(--font-bold);
    line-height: var(--leading-8);
}

.page-service--service-cta-content {
    max-width: var(--container-2xl);
    display: block;
    margin: 0 auto var(--space-12) auto;
}

.page-service--service-cta-content p {
    margin-bottom: 0;
}

.page-service--service-cta-content > * {
    color: var(--color-white);
    text-align: center;
    font-size: var(--text-xl);
    font-weight: var(--font-normal);
    line-height: var(--leading-6);
}
.page-service--service-cta-layout.sledenje-page .page-service--service-cta-content > * {
    font-size: var(--text-xxl);
    font-weight: var(--font-normal);
}

.page-service--service-cta-layout.sledenje-page .page-service--service-cta-title:has(:not(#podrocja-page)) {
    width: fit-content;
    margin: var(--space-8) auto;
    font-size: var(--text-3xl);
    line-height: 1em;
    border: 6px solid var(--color-white);
    text-align: center;
    padding: var(--space-4) var(--space-8);
}
.page-service--service-buttons-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    flex-wrap: wrap;
}
.page-service--service-cta-button {
    cursor: pointer;
    display: inline-block;
    padding: var(--space-6) var(--space-14);
    border: 1px solid var(--color-secondary);
    border-radius: var(--border-radius);
    background-color: var(--color-secondary);
    color: var(--color-white);
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    text-decoration: none;
    line-height: 1;
}
.page-service--service-secound-cta-button {
    cursor: pointer;
    padding: var(--space-6) var(--space-14);
    border: 1px solid #666;
    border-radius: var(--border-radius);
    background-color: #666;
    color: var(--color-white);
    font-size: var(--text-lg);
    font-weight: var(--font-bold);
    text-decoration: none;
    line-height: 1;
}
.page-service--service-secound-cta-button:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
}
.page-service--service-cta-button img {
    margin-left: var(--space-1);
    transition: all linear 300ms;
}
.page-service--service-cta-button:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}
.page-service--service-cta-button:hover img {
    transform: translateX(8px);
}

.simptom-banner-form {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out;
    background-color: var(--color-background);
}
.cta-form-container{
    max-width: 1080px;
    margin: 0 auto;
    padding-top: var(--space-8);
}
.cta-form-container h2{
    font-size: var(--text-2xl);
    line-height: var(--leading-5);
    margin-bottom: var(--space-5);
    text-align: center;
}


.cta-form-container.center{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.cta-form-container .simptom-divider{
    margin: 0 auto;
}
.simptom-banner-form:has(.center) .cta-form-container{
    max-width: 560px;
}
.simptom-banner-form  .cf7mls_next{
    float: unset !important;
    margin: 0;
    padding-bottom: var(--space-8);

}
.simptom-banner-form:has(.center) input:not(input[type='checkbox']){
    width: 100%;
}
.simptom-banner-form:has(.center) .cf7mls-btns{
    text-align: center;
}
.simptom-banner-form  .cf7mls-btns .cf7mls_back,
.simptom-banner-form p:empty{
    display: none !important;
}
.simptom-banner-form  p{
    margin-bottom: unset;
}
.simptom-banner-form:has(.center) input[type="submit"]{
    width: 100%;
    padding-block: 16px !important;
}

.simptom-banner-form:has(.center) .wpcf7-response-output{
    max-width: 560px;
    margin: 0 auto  var(--space-8) auto;
}
.button.page-service--service-cta-button:focus{
    color: var(--color-white) !important;
}
.simptom-banner-form:has(.center) h4{
    font-weight: 400;
    text-align: center;
}
@media only screen and (max-width: 1024px) {
    .page-service--service-cta-layout {
        padding: var(--space-12) var(--space-4);
    }

    .page-service--service-cta-title {
        font-size: var(--text-lg);
    }

    .page-service--service-cta-content > * {
        font-size: var(--text-2xl);
    }
}

@media only screen and (max-width: 768px) {
    .page-service--service-cta-content > * {
        font-size: var(--text-xxl);
    }

    .page-service--service-cta-button {
        padding: var(--space-6);
        line-height: var(--leading-6);
        text-align: center;
        font-size: var(--text-base);
    }
}

/*****INQUIRY*****/

.page-service--service-inquiry-title {
    font-size: var(--text-2xl);
    text-align: center;
}
.page-service--service-inquiry-layout .simptom-divider {
    margin: var(--space-6) auto var(--space-12) auto;
}
.page-service--service-inquiry-layout {
    display: block;
    margin: 0 auto;
    padding: var(--space-24) var(--space-4);
    background-color: var(--color-background);
}
.page-service--service-inquiry-layout.podpora-page {
    background-color: transparent;
}
.page-service--service-inquiry-layout.bg-image-active .wrapper--contact-form {
    gap: var(--space-6);
}
.page-service--service-inquiry-layout.bg-image-active textarea::placeholder {
    line-height: 1.8em;
}
@media screen and (min-width: 1024px) {
    .page-service--service-inquiry-layout.bg-image-active form {
        max-width: 1920px;
        margin: 0 auto;
        background: url(/wp-content/uploads/2024/01/BG-Sledenje-vozil.jpg) no-repeat left/contain;
    }
    .page-service--service-inquiry-layout.bg-image-active .wrapper--contact-form {
        max-width: var(--container-md);
        gap: var(--space-12);
        margin-right: 150px;
    }

    .page-service--service-inquiry-layout.bg-image-active textarea {
        max-height: unset;
        padding-bottom: 200px;
    }
}
@media screen and (max-width: 767px) {
    .page-service--service-inquiry-layout.bg-image-active .wrapper--contact-form {
        flex-direction: column;
    }
    .page-service--service-inquiry-layout.bg-image-active .wrapper--contact-form .column-cf7-form {
        width: 100%;
    }
}

.page-service--service-inquiry-content > * {
    max-width: var(--container-md);
    display: block;
    margin: 0 auto var(--space-8) auto;
    color: var(--color-primary);
    text-align: center;
    line-height: var(--leading-8);
}

.page-service--service-inquiry-content h2,
.page-service--service-inquiry-content h3 {
    display: block;
    margin-bottom: var(--space-4);
    color: var(--color-primary);
    font-size: var(--text-2xl);
    font-weight: var(--font-bold);
    line-height: var(--leading-5);
}

.page-service--service-inquiry-layout .wrapper--contact-form {
    max-width: var(--container-2xl);
    display: flex;
    flex-direction: row;
    gap: 26px;
    margin: 0 auto;
}

.page-service--service-inquiry-layout .column-cf7-form {
    width: 50%;
}

@media only screen and (max-width: 1024px) {
    .page-service--service-inquiry-layout {
        padding: var(--space-16) var(--space-4) 0 var(--space-4);
    }

    .wrapper--contact-form {
        flex-direction: column;
        text-align: center;
    }

    .column-cf7-form {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .page-service--service-inquiry-layout {
        padding: var(--space-10) var(--space-4) 0 var(--space-4);
    }
}

/*--------------------------------------------------------------
SINGLE POST - Related posts
--------------------------------------------------------------*/
.section-single-page--related-news {
	position: relative;
	display: block;
	margin-top: 72px;
	margin-bottom: var(--space-32);
	padding: 0 var(--space-4);
}

.container-single-page--related-news {
	max-width: var(--container-2xl);
	margin: 0 auto;

}

.single-page--related-news-title {
	display: block;
	margin-bottom: var(--space-2);
	color: var(--color-primary);
	font-size: var(--text-3xl);
	font-weight: var(--font-bold);
	line-height: var(--leading-6);
}

.section-single-page--related-news .simptom-divider {
	margin-bottom: var(--space-12);
}

.related-news--posts {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: var(--space-8);
}

.simptom-related-post {
	position: relative;
	overflow: hidden;
}

.simptom-related-post img {
	max-width: 430px;
	object-fit: cover;
	aspect-ratio: 43/28;
	display: block;
	margin-bottom: var(--space-5);
	border-radius: var(--border-radius);
	transition: all var(--transition-time) ease-in-out;
}

.simptom-related-post__tittle {
	display: block;
	margin-left: var(--space-6);
	color: var(--color-primary);
	font-size: var(--text-lg);
	font-weight: var(--font-bold);
	line-height: var(--leading-6);
	text-decoration: underline;
	text-decoration-color: transparent;
	transition: all var(--transition-time) ease-in-out;
}

.simptom-related-post__link {
	text-decoration-color: transparent;
}


.simptom-related-post__link:hover .simptom-related-post__tittle {
	color: var(--color-secondary);
	text-decoration-color: var(--color-secondary);
}

.simptom-related-post__link:hover img {
	transform: scale(1.05);
}

@media only screen and (max-width: 1024px) {

	.section-single-page--related-news {
		margin-bottom: var(--space-20);
	}

	.section-single-page--related-news .simptom-divider {
		margin-bottom: var(--space-8);
	}

	.single-page--related-news-title {
		font-size: var(--text-2xl);
	}

	.related-news--posts {
		grid-template-columns: repeat(2, 1fr);
	}

	.related-news--posts .simptom-related-post:nth-of-type(3) {
		display: none;
	}

}

@media only screen and (max-width: 768px) {

	.section-single-page--related-news {
		margin-bottom: var(--space-16);
	}


	.related-news--posts {
		grid-template-columns: repeat(1, 1fr);
	}

	.related-news--posts .simptom-related-post:nth-of-type(3) {
		display: block;
	}

	.simptom-related-post img {
		max-height: 180px;
	}
}