:root { --primary-color: #0C4855;
--secondary-color: #1ba3c0; --accent-color: #0C4855;
--slightly-gray: #f4f4f4;
}
button,
hr,
input {
overflow: visible;
}
progress,
sub,
sup {
vertical-align: baseline;
}
html,
legend {
box-sizing: border-box;
}
a,
body.blog .blog-article__title a:hover,
legend {
color: inherit;
}
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
details,
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: ButtonText dotted 1px;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
.blog-article__title,
.custom-sidebar h2,
.widget-area h2 {
font-size: 36px;
font-family: "Abhaya Libre", serif;
color: var(--accent-color);
}
summary {
display: list-item;
}
.site-contact .menu-row .right-side,
.site-nav .menu,
.slick-dots li button,
[hidden],
figure figcaption,
template {
display: none;
}
body {
margin: 0;
overflow-x: hidden !important;
color: #222;
font: 125%/1.4 "Work Sans", sans-serif;
}
body.no-scroll {
overflow: hidden;
height: 100vh;
}
*,
::after,
::before {
box-sizing: inherit;
}
.slick-list,
body.video-is-playing {
overflow: hidden;
}
a:active,
a:focus,
a:hover {
color: rgba(0, 0, 0, 0.7);
}
button {
cursor: pointer;
transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}
.clearfix::after {
clear: both;
content: "";
display: table;
}
.hide-text,
.slick-next,
.slick-prev {
overflow: hidden;
padding: 0;
text-indent: 101%;
white-space: nowrap;
position: absolute;
}
.visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.mt-0,
.single-post .line-before-section {
margin-top: 0;
}
.mt-1 {
margin-top: 0.5rem;
}
.mt-2 {
margin-top: 1rem;
}
.mt-3 {
margin-top: 1.5rem;
}
.mt-4 {
margin-top: 2rem;
}
.mt-5 {
margin-top: 2.5rem;
}
.about-us .line-before-section,
.mt-6,
.page-home .section-home-blog {
margin-top: 3rem;
}
.mb-4 {
margin-bottom: 2rem !important;
}
.container {
max-width: 1680px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
width: 100%;
}
.page-container,
.page-container--row {
flex-direction: row;
align-items: stretch;
gap: 70px;
}
.page-container {
display: flex;
max-width: 1392px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 1350px) {
.page-container {
flex-direction: column;
align-items: center;
}
}
.left-container {
max-width: 970px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
flex: 3;
}
.right-container {
width: 100%;
flex: 1;
}
.right-container .cta-section {
background-image: url(//drjelenaglavinic.com/wp-content/themes/privatna_klinika/assets/images/cta.png);
}
.content-container {
max-width: 1428px;
width: 100%;
margin: 0 auto;
}
.line-before-section {
max-width: 367px;
position: relative;
margin-top: 0.85rem;
}
.separator {
height: 3px;
max-width: 720px;
width: 100%;
background: var(--primary-color);
margin: 3rem auto 0;
}
.inner-wrapper,
.site-header-wrapper {
max-width: 1680px;
margin: 0 auto;
}
.appointment .top-banner,
.contact-section-wrapper .contact-container h5,
.contact-section-wrapper .contact-container p,
.single-post .wp-block-image,
.tax-treatment_types .top-banner {
margin: 0;
}
.single-post .wp-block-image img {
height: auto;
max-width: 100%;
}
.single-post .is-bold-line {
border: none;
border-top: 4px solid #000;
}
body.blog .site-content {
margin-top: 30px;
}
body.blog .blog-article__title::after {
content: "";
display: block;
margin: 0.5rem auto;
max-width: 90%;
width: 100%;
height: 4px;
background-color: var(--primary-color);
}
.tax-treatment_types .card-item__desc,
body.blog .card-item__desc {
min-height: 60px;
height: auto;
}
.single-post .card-item__text,
.tax-treatment_types .card-item__text {
white-space: normal;
line-height: 1 !important;
min-height: inherit;
}
.single-treatment .card-item__text,
body.blog .card-item__text {
white-space: normal;
line-height: 1 !important;
}
.single-post .top-banner .banner__title,
.single-treatment .top-banner .banner__title {
line-height: 1;
}
.single-post .left-container > p {
padding: 0 1rem;
}
.single-post .site-main .inner-wrapper {
padding: 0 !important;
}
.about-us .banner,
.appointment .banner--top,
.page-cenovnik .banner,
.single-post .banner,
.single-treatment .banner.banner--top,
.tax-treatment_types .top-banner .banner {
padding: 0;
}
.single-post .card-item__desc {
height: inherit;
}
.single-treatment .banner__paragraph,
.tax-treatment_types .banner__paragraph {
font-size: 24px;
}
.single-treatment .card-item__desc {
height: auto;
padding-block: 0.75rem;
}
.page-home .cta-section,
.tax-treatment_types .cta-section {
height: 409px;
}
.tax-treatment_types .card-item__text {
display: flex;
justify-content: center;
align-items: center;
}
.page-o-nama .doctor-list .doctor-card img {
width: auto !important;
-o-object-fit: contain;
object-fit: contain;
}
.blog img.card-item__image {
-o-object-fit: cover;
object-fit: cover;
}
.blog-article__title {
margin-inline: 1rem;
text-align: center;
}
.site .custom-logo-link,
.site-branding,
.site-nav .menu-item-has-children:hover > .sub-menu {
display: flex;
}
.site .custom-logo {
width: 101px;
height: 101px;
}
.site-nav {
justify-content: initial !important;
}
.site-header {
display: none;
flex-direction: column;
background-color: #fff;
z-index: 101;
position: -webkit-sticky;
position: sticky;
top: 0;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.site-header .custom-logo {
width: 120px;
height: 120px;
}
.site-header .site-branding {
position: absolute;
top: 0.5rem;
}
.admin-bar .site-header {
top: 46px;
}
.site-header-wrapper {
display: flex;
align-items: center;
flex-basis: 92px;
padding: 0;
width: 100%;
justify-content: space-between;
}
.site-header .menu ul {
display: none;
padding: 0;
margin: 0;
}
.site .menu-header-menu-container {
max-width: calc(1140px - 1rem);
margin: 0 auto;
width: 100%;
padding-left: 1rem;
}
.site .menu-header-menu-container ul {
margin-left: 0;
padding-left: 0;
}
.site .menu-header-menu-container .custom-logo {
transform: translateY(4px) scale(1.1);
}
.site .menu-header-menu-container .custom-logo-link {
display: flex;
transform: scale(1.1) translateY(-12px);
margin-left: -40px;
transform-origin: top left;
border-radius: 50%;
box-shadow: 0 6px 3px -1px rgba(0, 0, 0, 0.55);
font-size: 12px;
}
.site-nav {
display: flex;
flex: 1;
justify-content: flex-end;
align-items: center;
}
.site-nav .menu .current-menu-item a,
.site-nav .menu .menu-item a:focus,
.site-nav .menu .menu-item a:focus-within,
.site-nav .menu .menu-item a:hover,
.site-nav .menu .menu-item:hover > a,
.site-nav .menu-item .menu a:focus,
.site-nav .menu-item .menu a:focus-within,
.site-nav .menu-item .menu a:hover {
border-bottom: 3px solid var(--accent-color);
}
.site-nav .menu-item {
position: relative;
color: #000;
font-size: 15px;
letter-spacing: 0.015em;
list-style: none;
text-transform: uppercase;
display: flex;
align-items: center;
font-family: Montserrat, sans-serif, "Work Sans", sans-serif, sans-serif;
}
.site-footer .footer-menu,
.site-footer .site-info {
font-family: Montserrat, sans-serif;
}
.site-nav .menu-item a {
white-space: nowrap;
padding-bottom: 0.5rem;
border-bottom: 3px solid transparent;
}
.site-nav .menu-item > a {
padding: 10px;
}
.site-nav .menu .sub-menu {
display: none;
flex-direction: column;
background-color: #fff;
position: absolute;
top: 99%;
left: 0;
}
.site-nav .menu .sub-menu a {
width: 100%;
border-bottom: unset;
padding: 12px;
transition: background-color 250ms ease-in-out;
font-family: "Work Sans", sans-serif, sans-serif;
color: #4c4c4c;
}
.site-nav .menu .sub-menu a:hover {
background-color: var(--primary-color);
border-bottom: unset;
color: #fff;
}
.site-menu-toggle {
position: relative;
display: flex;
align-items: center;
width: 2rem;
height: 2rem;
cursor: pointer;
border: unset;
background-color: transparent;
padding: unset;
}
.site-menu-toggle .line {
width: 100%;
height: 4px;
background-color: #fff;
transition: background-color 350ms;
}
.site-menu-toggle .line::after,
.site-menu-toggle .line::before {
position: absolute;
content: "";
display: block;
background-color: #fff;
width: 100%;
height: 4px;
}
.site-menu-toggle .line::before {
top: 0;
transform-origin: top right;
}
.site-menu-toggle .line::after {
right: 0;
bottom: 0;
transform: scaleX(0.85);
transform-origin: bottom right;
}
.site-menu-toggle.active .line {
background-color: transparent;
}
.site-menu-toggle.active .line::before {
transform: rotate(-45deg) scaleX(1.25) translate(-2px, -2px);
}
.site-menu-toggle.active .line::after {
transform: rotate(45deg) scaleX(1.25) translate(-2px, 2px);
}
.site-footer {
color: #e5e5e5;
background-color: #333;
}
.site-footer .inner-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 96px 2rem;
max-width: 1520px;
}
.site-footer__buttons {
display: flex;
flex-direction: column;
justify-content: flex-start;
white-space: nowrap;
flex: 1;
margin-left: auto;
padding-left: 1rem;
}
.site-footer__buttons .btn {
max-width: 274px;
width: 100%;
padding: 11px 22px;
line-height: 18px;
align-self: flex-end;
margin: 0;
}
.site-footer__buttons .btn:first-child {
margin-bottom: 1rem;
}
.site-footer .footer-info-section,
.site-footer .footer-pages-section {
display: flex;
flex: 1;
justify-content: flex-start;
flex: 1;
align-items: flex-start;
}
.site-footer .site-info {
flex: 1 100%;
display: flex;
justify-content: space-between;
font-size: 15px;
font-weight: 200;
margin-top: 60px;
padding-top: 42px;
border-top: 1px solid #e5e5e5;
}
.site-footer .site-info__contact {
display: flex;
flex-direction: column;
margin-left: 10%;
}
.site-footer .site-info__contact .contact-info {
margin-top: 10px;
}
.about-us .cta-section,
.appointment .line-before-section,
.contact-section-wrapper .top-banner,
.page-home .cta-section,
.page-home .separator,
.site-footer .site-info__contact .contact-info:first-child {
margin-top: 0;
}
.site-footer .site-info__contact p {
margin: 0;
font-size: 15px;
}
.site-footer .site-info__social {
display: flex;
gap: 2rem;
}
.site-footer .footer-menu .menu {
padding: 0;
margin-top: 0;
white-space: nowrap;
}
.site-footer .footer-menu-wrapper {
display: flex;
gap: 5rem;
margin-left: 10%;
}
.site-footer .footer-menu__title {
font-weight: 600;
}
.site-footer .footer-menu .menu-item,
.site-footer .footer-menu__title {
font-size: 0.9375rem;
line-height: 1.5rem;
}
.site-footer .footer-menu .menu-item {
font-weight: 300;
list-style: none;
}
.site-footer .footer-menu .menu-item a:hover {
text-decoration: underline;
color: rgba(229, 229, 229, 0.85);
}
.blog .cards .cta-section {
margin: 1rem auto;
height: 517px;
}
.blog .right-container {
margin-top: 8.25rem;
}
.blog .cards__row {
gap: 4rem;
}
.blog-posts {
display: grid;
row-gap: 3rem;
margin: 3rem 0 0;
padding: 0 1.5rem;
gap: 1rem;
}
.blog-article {
display: grid;
grid-template-columns: 1.25fr 2fr;
}
.blog-article__title {
margin-bottom: 0;
line-height: 1.1;
}
.blog-article__content {
padding: 0 2rem 1rem;
margin: 2rem 0;
text-align: center;
border-bottom: 26px solid var(--primary-color);
box-shadow: 5px 3px 15px rgba(0, 0, 0, 0.25);
display: flex;
flex-direction: column;
align-items: center;
}
.blog .card-item {
margin: 0;
display: flex;
align-items: center;
}
.blog .card-item:hover {
transform: unset;
}
.blog .card-item__image {
aspect-ratio: 1/1;
background-color: var(--primary-color);
}
@media (max-width: 1024px) {
.blog-posts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 3rem;
}
.blog-article {
display: flex;
flex-direction: column;
box-shadow: 5px 3px 15px rgba(0, 0, 0, 0.25);
}
.blog-article__content {
margin: 0;
box-shadow: unset;
}
.blog .card-item__image {
min-width: unset;
max-width: unset;
border-radius: 0;
}
}
.blog .blog-posts .card-item__image {
height: auto;
}
.blog-featured-image {
height: 517px;
position: relative;
min-width: calc(100% + 36px);
width: 100%;
}
.blog .top-banner {
margin: 0;
padding: 0;
}
.blog .banner {
padding: 32px 0;
}
.blog .main-article__desc,
.blog .main-article__text {
font-family: "Work Sans", sans-serif;
color: rgba(0, 0, 0, 0.8);
padding: 0 15px;
letter-spacing: -0.015em;
}
.blog .main-article__image {
width: 100%;
margin: 0 0 56px;
}
.blog .main-article__desc {
font-size: 24px;
line-height: 50px;
}
.blog .main-article__text {
font-size: 18px;
line-height: 30px;
margin-top: 33px;
}
.custom-sidebar h2,
.widget-area h2 {
white-space: nowrap;
text-align: center;
}
.line-before-section,
.widget-area {
border-top: 1px solid #000;
}
.appointment .wpcf7-form-control[aria-invalid="true"],
.widget-area .wp-block-columns,
.widget-area figure {
margin-bottom: 0;
}
.widget-area .wp-block-column {
position: relative;
margin-bottom: 1rem;
}
.widget-area .wp-block-column img {
width: 100%;
height: 100%;
}
.widget-area .wp-block-group__inner-container {
width: 90%;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
background-color: #fff;
padding: 10px;
border-radius: 2px;
transform: translateY(-2rem);
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25));
}
.widget-area .wp-block-group__inner-container h4 {
color: var(--accent-color);
margin-top: 0;
margin-bottom: 0.5rem;
font-size: 30px;
font-family: "Abhaya Libre", serif;
}
.widget-area .wp-block-group__inner-container p {
margin-top: 0;
margin-bottom: 20px;
text-align: center;
font-family: "Work Sans", sans-serif;
line-height: 30px;
font-size: 18px;
}
.widget-area .wp-block-group__inner-container::after {
content: "";
display: block;
height: 17px;
width: 100%;
background-color: #dcde81;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.custom-sidebar h2 {
margin: 0.5em 0;
}
.site-contact {
display: flex;
align-items: center;
height: 101px;
background-color: var(--primary-color);
}
.site-contact .menu-row {
display: flex;
align-items: center;
justify-content: start;
padding: 0 1rem;
height: 100%;
}
.site-contact .menu-row .left-side {
display: flex;
flex-direction: column;
gap: 0.5rem;
flex: 1;
margin-left: 1.5rem;
}
.site-contact__text-row {
display: flex;
align-items: center;
gap: 7px;
font-family: Montserrat, sans-serif;
font-weight: 500;
color: #fff;
}
.site-contact__text {
font-size: 12px;
letter-spacing: -0.015em;
}
@media (min-width: 540px) {
.site-contact__text {
font-size: 15px;
}
}
.hero-video {
height: 100%;
text-align: center;
}
.hero-video__overlay {
position: relative;
background-color: #000000de;
}
.hero-video__main-video {
max-width: 100%;
height: 100%;
opacity: 0.3;
-o-object-fit: cover;
object-fit: cover;
}
.hero-video__content {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 20;
}
.hero-video__play-btn {
border: none;
background-color: transparent;
transition: 0.5s;
}
.hero-video__play-btn img {
height: 82px;
width: 82px;
}
.hero-video__play-btn:hover {
transform: scale(1.1);
}
.hero-video__play-btn:focus-visible {
border: none;
outline: 0;
}
.hero-video__play-btn:hover path {
fill: #444444;
}
.hero-video__play-btn:hover circle {
stroke: #444444;
}
.hero-video__welcome-msg {
margin: 0;
color: var(--accent-color);
font-family: "Abhaya Libre", serif;
font-weight: 700;
font-size: 64px;
}
.hero-video__desc {
margin-top: 0;
font-family: "Work Sans", sans-serif;
color: #fff;
text-align: center;
font-size: 18px;
max-width: 55%;
font-weight: 300;
}
.hero-video__cta-btns {
display: flex;
flex-direction: column;
gap: 1rem;
font-weight: 600;
}
.hero-video__cta-btns a,
.hero-video__cta-btns button {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary-color);
border-radius: 6px;
height: 40px;
width: 185px;
font-size: 15px;
color: #fff;
text-transform: uppercase;
border: none;
outline: 0;
}
.hero-video__cta-btns a:hover,
.hero-video__cta-btns button:hover {
background-color: #9edec9;
}
.hero-video__popup {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.9);
z-index: 102;
flex-direction: column;
display: none;
opacity: 0;
transform: scale(0.3);
transition: 0.5s;
}
.btn,
.slick-dots li,
.slick-next,
.slick-prev {
transition: background-color 250ms ease-in-out;
cursor: pointer;
}
.cta-buttons,
.hero-video__popup.active,
.offcanvas .menu-item:not(.menu-item-has-children),
.slick-track,
.social-list__link {
display: flex;
}
.hero-video__popup.show {
opacity: 1;
transform: scale(1);
}
.hero-video__top-section {
display: flex;
justify-content: flex-end;
margin-right: 1rem;
}
.admin-bar .hero-video__top-section,
.contact-section-wrapper .contact-map {
margin-top: 2rem;
}
.hero-video__close-icon {
cursor: pointer;
color: #fff;
font-size: 2.2rem;
}
.hero-video__close-icon:hover {
color: #ededed;
}
.btn,
.btn:active,
.btn:focus,
.btn:hover {
color: #fff;
}
.hero-video__secondary-video-container {
align-self: center;
width: 95%;
height: 100%;
}
.hero-video__secondary-video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.btn {
margin-left: 3.5rem;
font-size: 15px;
border-radius: 6px;
background-color: #333;
padding: 0.35em 2.35rem;
text-align: center;
}
.btn:hover {
background: var(--primary-color);
}
.btn--gray {
background-color: #e5e5e5;
color: #333;
}
.btn--gray:hover {
color: #333;
background-color: rgba(229, 229, 229, 0.9);
}
.btn--white {
background-color: #fff;
color: #7b7777;
}
.btn--white:hover {
color: #7b7777;
background-color: #f2f2f2;
}
.btn--black {
background-color: #000;
color: #fff;
}
.btn--black:hover {
color: #fff;
}
.btn--rect {
border-radius: unset;
}
.slick-slider {
margin: 0 auto;
max-width: 1680px;
}
.slick-slide {
display: block;
background-color: #3d3d3d;
}
.offcanvas .menu-item-has-children,
.slider {
position: relative;
}
.slick-next,
.slick-prev {
overflow: hidden;
position: absolute;
top: calc(50% - 20px);
margin: 0 40px;
width: 50px;
height: 60px;
border: unset;
background-color: #c4c4c4;
color: #c4c4c4;
z-index: 99;
}
.slick-next:hover,
.slick-prev:hover {
background-color: #abaaaa;
}
.slick-dots {
display: flex;
justify-content: center;
align-items: center;
gap: 24px;
padding: 0;
margin: 0;
}
.page-home .section-home-cta,
.slick-dots .slick-active {
background-color: #c4c4c4;
}
.slick-dots li {
width: 18px;
height: 18px;
border-radius: 50%;
list-style: none;
border: 2px solid #c4c4c4;
}
.slick-arrow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.slide-excerpt,
.slide-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.slick-prev {
left: 0;
-webkit-clip-path: polygon(50% 0%, 0 50%, 50% 100%);
clip-path: polygon(50% 0%, 0 50%, 50% 100%);
}
.slick-next {
right: 0;
-webkit-clip-path: polygon(50% 0%, 50% 100%, 100% 50%);
clip-path: polygon(50% 0%, 50% 100%, 100% 50%);
}
.slide {
display: flex;
height: 500px;
padding: 0 29px;
}
.slide .slide-excerpt p {
margin-top: 0;
margin-bottom: 2.5rem;
font-weight: 300;
}
.slide--light {
max-height: 446px;
background-color: #fff;
}
.slide--light .slide-excerpt {
color: #000;
}
.slide--light .slide-details__btn {
background-color: var(--secondary-color);
}
.slide-details {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1 1 50%;
text-align: center;
letter-spacing: -0.015em;
margin: 1em 1em 2em;
}
.slide-details__btn {
position: relative;
display: flex;
align-items: center;
text-transform: uppercase;
margin-left: unset;
height: 68px;
letter-spacing: 1px;
line-height: 1.618;
margin-top: 25px;
background-color: var(--secondary-color);
white-space: nowrap;
padding: 1em 30px 1em 70px;
font-size: 20px;
font-weight: 300;
}
.slide-details__btn:hover .plus {
transform: rotateZ(90deg);
}
.slide-details__btn .plus {
position: absolute;
left: 30px;
background-color: #fff;
color: #333;
border-radius: 50%;
height: 20px;
width: 20px;
min-width: 20px;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.slide-details__btn .plus::after,
.slide-details__btn .plus::before {
content: "";
position: absolute;
background-color: #333;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.slide-details__btn .plus::before {
height: calc(20px - 8px);
width: 2px;
}
.slide-details__btn .plus::after {
width: calc(20px - 8px);
height: 2px;
}
.slide-title {
white-space: nowrap;
font-family: "Abhaya Libre", serif;
font-size: 3rem; color: var(--primary-color);
line-height: 72px;
margin: 0;
user-select: none;
}
.banner__footer,
.cta-buttons .btn {
font-family: Montserrat, sans-serif;
}
.slide-excerpt {
padding: 0 1.5em;
color: #fff;
max-width: 80%;
user-select: none;
}
@media (min-width: 1024px) {
.blog-featured-image {
min-width: auto;
}
.slide-details {
justify-content: center;
}
.slide-excerpt {
line-height: 1.618;
}
.slide-button {
margin-top: 1.25em;
}
}
@media (min-width: 1200px) {
.slide-excerpt {
line-height: 36px;
}
}
.slide-button {
background: #3d3d3d;
color: #fff;
padding: 0.5em 1em;
}
.slide-image {
display: flex;
flex: 1 1 50%;
justify-content: center;
align-items: center;
margin: 1em;
overflow: hidden;
}
.slide-image .wp-post-image {
width: 100%;
max-width: 693px;
max-height: 390px;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.cta,
.cta-section {
flex-direction: column;
display: flex;
}
.banner {
text-align: center;
padding: 32px 0;
}
.banner__paragraph {
font-size: 36px;
line-height: 50px;
font-weight: 300;
margin: 20px 0;
padding: 0 80px;
color: #000000cc;
}
.banner__paragraph--light {
font-weight: 300;
}
.banner__footer {
font-size: 18px;
max-width: 350px;
margin: 0 auto;
}
.banner__text {
font-size: 18px;
font-weight: 400;
color: #7b7777;
margin-top: 10px;
}
.banner__image {
width: 44px;
height: 44px;
border-radius: 50%;
margin-top: 20px;
-o-object-fit: cover;
object-fit: cover;
}
.cta {
justify-content: center;
align-items: center;
padding: 72px 0;
}
.cta-buttons .btn {
margin: 0;
font-size: 15px;
font-weight: 100;
padding: 0.75em 3em;
}
.cta-buttons .btn:last-child {
margin-left: 30px;
}
.cta__message {
margin-top: 0;
font-weight: 500;
}
.cta-section {
margin-top: 80px;
background-repeat: no-repeat;
background-position: center;
height: 345px;
width: 100%;
align-items: center;
justify-content: end;
background-color: var(--primary-color);
text-align: center;
background-size: 100% 100%;
}
.cta-section__group {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 46px;
}
.cta-section__title {
color: #fff;
font-family: "Abhaya Libre", serif;
text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5);
font-size: 48px;
margin: 0;
height: 83px;
}
.cta-section__buttons {
max-width: 688px;
width: 100%;
display: flex;
-moz-column-gap: 42px;
column-gap: 42px;
justify-content: center;
}
.cta-section__btn {
max-width: 254px;
width: 100%;
height: 66px;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
border-radius: 0;
font-size: 18px;
color: #fff;
font-weight: 400;
margin: 0;
}
.top-banner {
margin: 20px 0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
padding: 32px 20px;
}
.top-banner .banner__paragraph {
color: rgba(0, 0, 0, 0.8);
line-height: 50px;
font-weight: 400;
}
.page-cenovnik .banner__title,
.top-banner .banner__title {
margin-bottom: 0;
padding: 0;
margin-top: 0;
color: var(--accent-color);
display: inline-block;
font-family: "Abhaya Libre", serif;
letter-spacing: -1px;
font-size: 3rem;
}
.top-banner .banner__title::after {
content: "";
display: block;
margin: 0.5rem auto;
max-width: 90%;
width: 100%;
height: 4px;
background-color: var(--primary-color);
}
.doctor-list {
width: 100%;
margin-bottom: 1rem;
}
.doctor-list .doctor-card {
display: flex;
padding: 0.5rem;
margin-top: 1.5rem;
}
.doctor-list .doctor-card__left {
display: flex;
flex-direction: column;
align-items: center;
max-width: 570px;
flex-grow: 2;
flex-shrink: 3;
}
.doctor-list .doctor-card__title {
color: var(--accent-color);
font-family: "Abhaya Libre", serif;
font-size: 48px;
margin-top: 0;
text-align: center;
white-space: nowrap;
margin-bottom: 2rem;
font-weight: 700;
}
@media (max-width: 425px) {
.doctor-list .doctor-card {
display: block;
}
.doctor-list .doctor-card__title {
font-size: 42px;
}
}
.doctor-list .doctor-card p {
margin-top: 0;
font-family: "Work Sans", sans-serif;
line-height: 30px;
font-size: 18px;
}
@media (min-width: 425px) {
.doctor-list .doctor-card__right {
margin-left: 25px;
width: 374px;
}
}
.doctor-list .doctor-card img {
width: 100%;
height: 100%;
flex-grow: 1;
flex-shrink: 1;
}
.doctor-list .separator {
content: "";
display: block;
width: 100%;
border-bottom: 1px solid #000;
margin: 42px 0;
}
@media screen and (max-width: 1024px) {
.doctor-list .doctor-card {
align-items: center;
}
}
.offcanvas {
position: fixed;
top: 101px;
height: calc(100vh - 101px);
width: 100vw;
display: flex;
flex-direction: column;
justify-content: space-between;
row-gap: 4rem;
padding: 44px;
background-color: #fff;
z-index: 999;
transform: translateX(100vw);
transition: transform 250ms ease-in-out;
overflow: scroll;
visibility: hidden;
}
.cards,
.offcanvas .menu {
flex-direction: column;
display: flex;
}
.admin-bar .offcanvas {
top: 147px;
height: calc(100vh - 147px);
}
.offcanvas.active {
transform: translateX(0);
}
.offcanvas .menu {
padding: 0;
margin: 0;
}
.offcanvas .menu-header-menu-container {
height: 101px;
}
.offcanvas .menu > .menu-item {
border-bottom: 2px solid var(--primary-color);
}
.offcanvas .menu > .menu-item:last-child {
border-bottom: none;
}
.offcanvas .menu-item {
font-family: Montserrat, sans-serif, "Work Sans", sans-serif;
list-style: none;
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
}
.offcanvas .menu-item a {
display: block;
padding: 0.8rem 0;
width: 100%;
}
.offcanvas .menu-item-has-children .sub-menu a {
text-transform: capitalize;
font-family: "Work Sans", sans-serif, sans-serif;
}
.offcanvas .sub-menu {
display: none;
padding: 0 1rem;
margin: 0 0 0.5rem;
}
.offcanvas .accordion {
position: absolute;
top: 6px;
right: 0;
display: inline-block;
vertical-align: middle;
margin-left: auto;
cursor: pointer;
width: 40px;
height: 40px;
}
.offcanvas .accordion::after,
.offcanvas .accordion::before {
position: absolute;
display: block;
content: "";
background-color: var(--primary-color);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.card-item__desc,
.page-home .section-home-workers--light .slick-slide {
background-color: #fff;
}
.offcanvas .accordion::before {
height: 4px;
width: 50%;
}
.offcanvas .accordion::after {
transition: opacity 250ms ease-in-out;
width: 4px;
height: 50%;
}
.offcanvas .accordion.active::after {
opacity: 0;
}
.offcanvas .social-list {
justify-content: center;
gap: 2rem;
}
.social-list {
display: flex;
align-items: center;
gap: 1rem;
}
@media (min-width: 900px) {
.social-list {
gap: 2rem;
}
}
.social-list img {
width: 85%;
}
.cards {
width: 100%;
text-align: center;
}
.cards .cta-section {
height: 560px;
max-width: 374px;
margin: 2rem auto;
}
.appointment .screen-reader-response,
.appointment br,
.cards .cta-section__title,
.page-cenovnik .ooteam-accordion--hero .ooteam-accordion__title {
display: none;
}
.cards .cta-section__buttons {
flex-direction: column;
gap: 22px;
align-items: center;
}
.cards__row {
display: grid;
max-width: 1428px;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 3rem;
margin-bottom: 2rem;
justify-items: center;
}
@media (min-width: 768px) {
.admin-bar .site-header {
top: 32px;
}
.site-header .menu ul,
.site-nav .menu {
display: flex;
}
.hero-video__desc {
max-width: 576px;
font-size: 24px;
}
.hero-video__cta-btns {
flex-direction: unset;
}
.admin-bar .offcanvas {
top: 133px;
height: calc(100vh - 133px);
}
.cards__row {
gap: 2rem;
}
}
@media (min-width: 1350px) {
.right-container .cards__row {
max-width: 367px;
}
.line-before-section {
margin-top: 6.7rem;
}
.site-contact .menu-row .right-side,
.site-header {
display: flex;
}
.offcanvas,
.site .menu-header-menu-container .custom-logo-link,
.site-menu-toggle {
display: none;
}
.site-contact {
height: 50px;
}
.site-contact .menu-row {
align-items: unset;
justify-content: unset;
padding: 0;
justify-content: space-between;
}
.site-contact .menu-row .left-side {
gap: 1rem;
flex-direction: row;
}
.cards {
padding: unset;
}
.cards__row {
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.single-treatment .cta-section {
background-size: cover;
}
.page-home .cta-section,
.tax-treatment_types .cta-section {
height: 610px;
}
.page-home .section-home-discount .slide-image {
margin: 0;
flex: initial;
}
.page-home .section-home-discount .slide-title {
white-space: normal;
line-height: 1.2;
}
.page-home .section-home-discount .slick-slide > div,
.page-home .section-home-discount .slide,
.page-home .section-home-discount .slide-container {
height: 100%;
}
.doctor-list .doctor-card__title,
.page-home .section-home-discount .slide .slide-excerpt p {
margin-bottom: 0;
}
.page-home .section-shared-banner .banner__paragraph.banner__paragraph--light {
font-size: 30px;
}
.blog .main-article__image {
margin-top: 0;
}
.blog .main-article__desc {
font-size: 18px;
line-height: 33px;
}
.blog .main-article__text {
font-size: 16px;
line-height: 28px;
}
.cta-section {
margin-top: 2rem;
height: 610px;
background-position: top;
}
.cta-section__buttons {
align-items: center;
max-width: 100%;
flex-direction: column;
}
.cta-section__buttons .btn {
margin: 0;
}
.cta-section__buttons .btn:last-child {
margin-top: 1rem;
}
.doctor-list .doctor-card {
flex-direction: column;
}
.cards__row {
flex-direction: column;
align-items: center;
}
.cards .card-item {
width: 100%;
}
.cards .card-item__image {
max-width: 100%;
}
}
@media screen and (max-width: 400px) {
.line-before-section {
margin-top: -1.5rem;
}
.page-home .top-banner .banner__paragraph {
font-size: 20px;
}
.blog .blog-featured-image {
height: auto;
}
.blog .main-article__image {
width: 100%;
margin: 0 0 37px;
}
.cta-section {
max-width: 100%;
}
.cta-section__btn {
height: 58px;
width: 90%;
}
.heading {
margin-bottom: -2rem;
}
.heading__text {
font-size: 18px;
line-height: 33px;
}
.cards .card-item__text {
font-size: 28px;
}
}
.card-item {
position: relative;
margin-bottom: 20px;
}
.card-item:hover,
.page-home .section-home-treatments .treatment:hover {
transform: scale(1.025);
}
.card-item__image {
width: 100%;
max-width: 428px;
max-height: 763px;
border-radius: 20px;
}
.card-item__desc {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 20px);
height: 60px;
min-width: 85%;
padding: 0 10px;
filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.25));
border-bottom: 10px solid #dcde81;
}
.card-item__text {
margin: 0;
font-weight: 700;
color: var(--accent-color);
font-family: "Abhaya Libre", serif;
font-size: 30px !important;
line-height: 1.618 !important;
white-space: nowrap;
}
@media screen and (max-width: 985px) {
.cards .card-item__desc {
display: flex;
align-items: center;
justify-content: center;
}
.cards .card-item__text {
white-space: normal;
font-size: 26px !important;
line-height: 25px !important;
}
}
.contact-section-wrapper,
.contact-section-wrapper .contact-map iframe {
width: 100%;
}
.contact-section-wrapper .contact-container {
display: flex;
margin-top: 2rem;
justify-content: space-between;
width: 90%;
}
.contact-section-wrapper .contact-container .basic-info__text-row,
.contact-section-wrapper .contact-container .work-time-info__row {
margin-bottom: 0.5rem;
}
.contact-section-wrapper .contact-container .work-time-info__row {
display: flex;
justify-content: space-between;
gap: 1rem;
}
@media screen and (max-width: 1390px) {
.contact-section-wrapper {
padding: 0 2rem;
}
}
.page-home .section-home-workers {
width: 100%;
padding: 64px 0;
}
.page-home .section-home-blog .blog-post .btn,
.page-home .section-home-workers .inner-wrapper {
margin: 0 auto;
}
.page-home .section-home-discount {
padding: 56px 0;
background-color: #3d3d3d;
}
@media (max-width: 768px) {
.hero-video {
height: 90vh;
}
.hero-video__overlay {
height: 100%;
}
.slick-next,
.slick-prev {
margin: 0 12px;
width: 35px;
height: 40px;
}
.slide-details {
margin: 0;
}
.banner__footer {
font-size: 1rem;
}
.top-banner .banner__paragraph {
padding: 0;
font-size: 24px;
}
.top-banner .banner__title::after {
max-width: 45%;
}
.page-home .section-home-discount {
padding-top: 0;
padding-bottom: 2.5rem;
}
.page-home .section-home-discount .slide-excerpt {
max-width: unset;
padding: 10px;
line-height: 1.618;
}
}
.page-home .section-home-discount .slick-arrow {
top: calc(62% - 20px);
}
.page-home .section-home-workers--light .slide .slide-excerpt p {
font-weight: 400;
}
.page-home .section-home-workers--light .slide {
padding: 0 20px;
}
@media (max-width: 960px) {
.slide-image {
margin-inline: 0;
}
.page-home .section-home-workers--light .slick-arrow {
top: 20%;
width: 50px;
height: 60px;
margin: 0 20px;
}
}
.page-home .section-home-workers--light .wp-post-image {
max-width: auto;
}
.page-home .section-home-workers--light .slide-title {
margin-top: 1rem;
}
.page-home .section-home-workers--light .slide-details {
flex: 1 1 65%;
}
.page-home .section-home-workers--light .slide-image {
margin: 0;
flex: 1 1 35%;
}
.page-home .section-home-workers--light .slide-image .wp-post-image {
max-width: 374px;
}
.page-home .section-home-workers--light .slide-excerpt {
font-size: 20px;
line-height: 1.8;
padding: 0;
}
.page-home .section-home-workers--light .btn {
font-size: 20px;
}
.page-home .section-home-blog .blog-post {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.page-home .section-home-blog .blog-post__paragraph {
max-width: 80%;
margin: 0 auto 2rem;
font-weight: 400;
}
.page-home .section-home-treatments {
text-align: center;
margin-top: 3rem;
}
.page-home .section-home-treatments__title {
font-family: "Abhaya Libre", serif;
color: var(--accent-color);
font-size: 3rem;
grid-column: -1/1;
line-height: 1;
margin: 1rem 0;
}
.page-home .section-home-treatments .inner-wrapper {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(334px, 1fr));
gap: 2.5rem;
margin: 0 auto;
padding: 0 1em;
}
@media (min-width: 480px) {
.site-contact .menu-row {
gap: 1rem;
}
.site-contact .menu-row .left-side {
margin-left: 0.5rem;
}
.page-home .section-home-treatments .inner-wrapper {
grid-template-columns: repeat(auto-fit, minmax(435px, 1fr));
}
}
.page-home .section-home-treatments .treatment {
display: grid;
grid-template-rows: 328px 106px 106px;
align-items: center;
justify-items: center;
transition: transform 0.2s;
}
@media (min-width: 700px) {
.page-home .section-home-treatments .treatment {
max-width: 65%;
margin: 0 auto;
}
}
@media (min-width: 940px) {
.page-home .section-home-treatments .treatment {
max-width: initial;
}
}
.page-home .section-home-treatments .treatment-desc {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #fff;
border-bottom: 2rem solid var(--accent-color);
margin: 0 2rem;
padding: 0 0.5em;
grid-row: -1/-3;
grid-column: -1/1;
max-width: 420px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}
.page-home .section-home-treatments .treatment__heading {
font-family: "Abhaya Libre", serif;
color: var(--accent-color);
font-size: 2.25rem;
line-height: 2.6rem;
letter-spacing: -0.015em;
margin: 0.5em 0 0;
}
.page-home .section-home-treatments .treatment__paragraph {
font-size: 1.125rem;
line-height: 1.875rem;
margin-top: 0.5em;
max-width: 90%;
color: #000;
}
@media (max-width: 540px) {
.banner__paragraph {
font-size: 34px;
padding: 0;
}
.cta-section__title {
display: none;
}
.page-home .section-home-workers--light .slide-image .wp-post-image {
max-width: unset;
width: unset;
}
.page-home .section-home-workers--light .slide-excerpt {
max-width: unset;
}
.page-home .section-home-workers--light .slide-excerpt p {
margin-bottom: 0.5rem;
}
.page-home .section-home-blog .inner-wrapper {
padding: 0 !important;
}
.page-home .section-home-blog .blog-post .slide-image {
margin: 0;
}
.page-home .section-home-treatments .treatment__paragraph {
max-width: 100%;
}
}
.page-home .section-home-treatments .treatment__background {
grid-row: 1/3;
-o-object-fit: cover;
object-fit: cover;
grid-column: -1/1;
height: 414px;
width: 100%;
border-radius: 20px;
}
.page-home .section-home-blog .inner-wrapper {
display: flex;
padding: 64px 16px;
margin: 0 auto;
justify-items: center;
}
.page-home .section-home-blog .blog-post {
background-color: #3d3d3d;
text-align: center;
padding: 25px 0 30px;
max-width: 700px;
justify-self: start;
flex: 2;
}
.page-home .section-home-blog .blog-post-thumbnail {
display: flex;
justify-self: end;
background-color: #e5e5e5;
flex: 1;
}
.page-home .section-home-blog .blog-post-thumbnail .wp-post-image {
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
overflow: hidden;
}
.page-home .section-home-blog .blog-post__title {
text-transform: uppercase;
font-weight: 400;
font-size: 1.43rem;
color: #e5e5e5;
}
.page-home .section-home-blog .blog-post__heading {
font-family: "Abhaya Libre", serif;
font-size: 48px;
line-height: 1;
color: #e5e5e5;
margin: 0;
}
.page-home .section-home-blog .blog-post__paragraph {
color: var(--accent-color);
font-size: 1.43rem;
line-height: 1.8;
padding: 0 1.5em;
}
@media (max-width: 540px) {
.page-home .section-home-blog .blog-post-thumbnail .wp-post-image {
height: 286px;
-o-object-position: 70%;
object-position: 70%;
}
.page-home .section-home-blog .blog-post__paragraph {
padding: 0;
margin-top: 1.5rem;
}
.page-home .section-shared-banner {
padding: 32px 24px;
}
}
@media screen and (max-width: 964px) {
.site-footer .site-info__contact .contact-info,
.site-footer .site-info__contact .contact-info:first-child {
margin-top: 1rem;
}
.site-footer .inner-wrapper {
justify-content: center;
flex-direction: column;
padding-top: 4rem;
padding-bottom: 4rem;
}
.page-home .separator,
.site-footer .footer-menu-wrapper,
.site-footer .site-info__text {
display: none;
}
.site-footer .footer-info-section {
order: 2;
flex-direction: column;
align-items: center;
margin-top: 2.5rem;
}
.site-footer .footer-pages-section {
justify-content: center;
}
.site-footer .site-info {
order: 3;
flex-direction: column-reverse;
align-items: center;
gap: 3rem;
margin-top: 2rem;
border-top: none;
}
.site-footer .site-info__contact {
width: 100%;
border-top: 2px solid #fff;
margin-top: 2rem;
padding-top: 2rem;
margin-left: 0;
flex-direction: column-reverse;
}
.site-footer .site-info__contact .contact-info strong {
font-weight: 600;
}
.site-footer__buttons {
margin-left: 0;
order: 1;
max-width: 283px;
padding-left: 0;
width: 100%;
}
.site-footer__buttons .btn {
max-width: inherit;
width: inherit;
}
.slide {
flex-direction: column;
height: auto;
max-height: initial;
}
.slide-image {
order: 1;
}
.slide-details {
order: 2;
}
.slick-arrow {
top: calc(60% - 20px);
}
.page-home .section-home-blog .inner-wrapper {
flex-direction: column;
}
.page-home .section-home-blog .blog-post,
.page-home .section-home-treatments .treatment-desc {
max-width: initial;
}
.page-home .section-shared-banner--bottom {
margin-top: -3rem;
}
}
@media screen and (max-width: 768px) {
.contact-section-wrapper .contact-container {
flex-direction: column;
text-align: center;
}
.contact-section-wrapper .work-time-info__row {
justify-content: center !important;
}
.contact-section-wrapper .work-time-info__text-row {
margin-top: 2rem;
}
.page-home .hero-video__desc {
line-height: 26px;
}
.page-home .hero-video__cta-btns {
margin-top: 2.5rem;
}
.page-home .banner__title {
font-size: 40px;
line-height: 50px;
}
.page-home .cta-section__btn {
height: 58px;
}
.page-home .section-home-workers--light .slide .slide-excerpt {
font-size: 1rem;
}
.page-home .section-home-workers--light .slide .slide-excerpt p {
margin-bottom: 0;
}
}
@media screen and (max-width: 400px) {
.page-home .hero-video__cta-btns a:first-child {
order: 1;
}
.page-home .section-home-workers--light .slide-title,
.page-home .slide-title {
font-size: 40px;
}
.page-home .section-home-treatments .treatment__paragraph,
.page-home .slide .slide-excerpt p {
font-size: 1rem;
}
.page-home .section-home-treatments__title {
font-size: 40px;
margin-bottom: 0;
}
.page-home .treatment__heading {
font-size: 28px;
}
.page-home .section-home-blog .blog-post__title {
font-size: 20px;
}
.page-home .section-home-blog .blog-post__paragraph {
margin-top: 0;
font-size: 20px;
}
}
.about-us .doctor-card {
margin-top: -1rem !important;
}
.about-us .doctor-list .doctor-card__right {
display: flex;
align-items: center;
}
.about-us .doctor-list .doctor-card img {
height: 447px;
width: 374px;
}
.about-us .cta-section-wrapper {
width: 100%;
margin-bottom: 2rem;
}
.about-us .separator {
background-color: transparent;
max-width: calc(100% - 1rem);
margin: 42px auto;
}
.about-us .top-banner,
.page-cenovnik .top-banner {
margin-bottom: 0;
padding: 0;
}
@media screen and (max-width: 1350px) {
.blog .right-container {
margin-top: 0;
}
.about-us .page-container {
gap: 0;
}
}
.tax-treatment_types .cards {
padding: 30px 18px;
}
.single .site-main .inner-wrapper {
display: flex;
flex-direction: column;
align-items: center;
padding: 30px 18px;
gap: 2rem;
}
.single .site-main .single__title {
color: var(--accent-color);
display: inline-block;
margin-bottom: 2rem;
margin-top: 0;
padding: 0;
text-align: center;
}
.page-cenovnik .banner__title::after,
.single .site-main .single__title::after {
content: "";
display: block;
margin: 0.5rem auto;
max-width: 90%;
height: 4px;
background-color: var(--primary-color);
width: 100%;
}
.single .size-full {
min-width: calc(100% + 18px * 2);
}
.single__featured-image {
position: relative;
min-width: calc(100% + 36px);
width: 100%;
}
@media (min-width: 1024px) {
.single .size-full,
.single__featured-image {
min-width: auto;
}
}
.single p {
line-height: 1.886;
font-size: 18px;
}
.page-cenovnik .site-main {
margin-bottom: 2rem;
}
.page-cenovnik .page-container article {
width: 100%;
margin-bottom: 44px;
padding: 0 1rem;
}
.page-cenovnik .ooteam-accordion {
margin-top: 22px;
}
.page-cenovnik .ooteam-accordion__title {
font-size: 1rem;
background-color: var(--secondary-color);
color: #000;
padding: 10px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.page-cenovnik .ooteam-accordion td {
text-align: center;
font-size: 1rem;
color: #666;
}
.page-cenovnik .ooteam-accordion tr:nth-child(odd) td {
background-color: #f3f3f3;
}
.page-cenovnik .ooteam-accordion tr:nth-child(2n) td {
background-color: #f9f9f9;
}
.page-cenovnik .ooteam-accordion__sign {
margin-left: 0.2rem;
}
.page-cenovnik .ooteam-accordion--hero .row-1 .column-1 {
background-image: url(https://drjelenaglavinic.com/wp-content/themes/privatna_klinika/assets/images/prices/marble-header-image.jpg);
}
.page-cenovnik .ooteam-accordion--hero .row-1,
.page-cenovnik .ooteam-accordion--hero .row-2,
.page-cenovnik .ooteam-accordion--hero td[colspan="3"] {
font-weight: 700;
}
.appointment .page-container {
gap: 70px;
}
.appointment .left-container {
max-width: 100%;
}
.appointment .appointment-content {
max-width: 1064px;
max-height: 1014px;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-color: #e3e3e1;
background-size: cover;
background-position-x: -300px;
display: flex;
justify-content: flex-end;
padding: 2rem;
}
.appointment .wpcf7-not-valid-tip {
background-color: var(--accent-color);
color: #fff;
margin: 0.8rem 0;
padding: 0.3rem;
display: block;
}
.appointment .wpcf7-textarea + .wpcf7-not-valid-tip {
margin-top: 0.4rem;
}
.appointment form {
max-width: 500px !important;
}
.appointment .wpcf7-form-control {
padding: 1rem;
margin-bottom: 2rem;
width: 100%;
}
.appointment .wpcf7-textarea {
resize: none;
}
.appointment .wpcf7-submit {
width: 100%;
color: #fff;
background-color: var(--primary-color);
border: none;
cursor: pointer;
}
.appointment .wpcf7-submit:hover {
background-color: #2bf1af;
}
.appointment .wpcf7-response-output {
margin: -3rem 0 0 !important;
max-width: 500px;
}  .custom-h2 {
font-family: "Abhaya Libre",serif;
color: var(--accent-color);
font-size: 2.5em;
line-height: 1;
margin: 20px;
}
.btn-custom  {
margin-top: 35px;
background: var(--secondary-color);
border-radius: 0px;
line-height: 2.2;
padding: 7px 30px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
border: none;    
transition: 0.3s ease-in-out;
border: 1px solid var(--secondary-color);  
font-weight: 600;
}
.btn-custom:hover {
transform: scale(1.1);  
}
.hero-image {
position: relative;
background-repeat: no-repeat;
background-position: top center; background-size: cover;
height: 100vh;
width: 100%;
margin-top: 0px; 
padding: 0 20px;   
}
.hero-image::before {
content: ""; 
position: absolute; 
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6); 
z-index: 1; 
}
.slide-container {
padding: 50px 0;
}
.hero-image > * {
z-index: 100;
}
.hero-image h1 {    
margin: 0; color: #fff;
font-family: "Abhaya Libre",serif;
font-weight: 700;
font-size: 64px;    
}
.hero-image h2 {
font-weight: 400;
}
.hero-image .content-container {
position: relative;    
display: flex;
justify-content: center;
align-items: center;
height: 90vh;
text-align: center;
color: #fff;
}
.hero-image .inner-wrapper {
max-width: 800px;
display: flex;
align-items: center;
flex-direction: column;
} .reviews {
padding: 50px 60px;
}
.reviews .inner-wrapper{
display: grid;
justify-items: center;
align-items: center;
text-align: center;
}
.reviews p {
max-width: 700px;
} .team-title-nn {
text-align: center;
margin-top: 100px;
}
.page-home .section-home-workers {
padding: 0px 0 !important;
} .blog-newest .cards-container {
text-align: left;
display: grid;
grid-template-columns: repeat(3, 1fr); 
gap: 20px;  
margin-top: 20px;
max-width: 1360px; 
padding: 20px; 
}
.blog-newest .card {
background-color: #fff; 
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
border-radius: 15px; 
overflow: hidden; 
display: flex;
flex-direction: column;
justify-content: space-between;
}
.blog-newest .card p {
font-size: 16px;
}
.blog-newest .card img {
width: 100%; 
height: auto; 
display: block; 
}
.blog-newest .card-body {
padding: 15px; 
flex-grow: 1;
}
.blog-newest .meta-data {
padding: 10px 15px; 
background-color: var(--primary-color); 
color: #fff; 
}
.blog-newest .meta-data p {
margin: 0;
font-size: 16px;;
}
.blog-newest .post-link {
margin: 30px 0;
display: inline-block;
font-size: 16px;
font-weight: 600;
transition: 0.3s ease-in-out;    
text-transform: uppercase;
}
.blog-newest .post-link:hover {
border-bottom: -10px solid var(--secondary-color);
} @media (max-width: 1024px) {
.blog-newest .cards-container {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.blog-newest .cards-container {
grid-template-columns: 1fr; }
} .new-cta {
position: relative;
background-repeat: no-repeat;
background-position: top center; background-size: cover;
height: 50vh;
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
padding: 0 20px;   
}
.new-cta::before {
content: ""; 
position: absolute; 
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(91, 244, 193, 0.2), rgba(82, 224, 180, 0.6));    
z-index: 1; 
}
.new-cta > * {
z-index: 100;
}
.new-cta h2 {
font-size: 44px;
color: #fff;
margin-bottom: 10px;
max-width: 800px;
}
.new-cta-home {
background: var(--accent-color);
padding: 20px;
}
.new-cta-home .inner-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.new-cta-home .btn-custom {
margin: 0 0 0 30px;
background: var(--secondary-color);
border: none;
color: #fff;
}
.new-cta-home h4 {
color: #fff;
}
.section-home-discount h2 {
color: #fff;
}
.map {
text-align: center;
margin-bottom: -8px;
}
.map .content-container {
max-width: 60%;
padding: 50px 0;
}
.map .inner-wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.map-title {
padding: 0 20px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.maps-wrapper {
display: flex;
gap: 1px;
background-color: #333;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 15px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.maps-wrapper .left-side,
.maps-wrapper .right-side {
width: 50%;
}
@media (max-width: 500px) {
.map .content-container {
max-width: 96%;
}
.maps-wrapper .left-side,
.maps-wrapper .right-side {
width: 100%;
}
.maps-wrapper {
flex-direction: column;
}
.hero-image {
margin-top: 1px;
height: 90vh;
margin-bottom: -50px;
}
.hero-image .content-container {
height: 69vh;
}
.hero-image h1 {           
font-size: 44px;   
margin-top: 80px; 
}
.hero-image h2 {
font-size: 22px;    
}
.hero-image p {
font-size: 0.8em;
}
.new-cta h3 {
font-size: 34px;        
}
.site .custom-logo {
width: 60px;
height: 60px;
}
.site-contact {
padding: 0 0 0 20px;
}
.left-side div:nth-child(2) {
display: none;
}
.left-side .site-contact__text {
font-size: 0.8em;
}
} .has-light-green-cyan-color.has-text-color.has-medium-font-size {
color: var(--primary-color) !important;
}
.card-item__desc {
border-bottom: 10px solid var(--primary-color);
} .services-form input,
.services-form textarea {
width: 100%;
background: rgba(255, 255, 255, 0.5);
border: none;
border: 1px solid #333;
}
.services-form input {
height: 40px;
font-size: 16px;
padding: 5px;
}
.services-form {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 50px;
}
.servies-form-content {
width: 70%;
padding: 20px 40px 0px 40px;
background:#f9f9f9;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.services-form .wpcf7-submit {
background: var(--secondary-color);
outline: none;
border: none;
transition: 0.3s;
}
.services-form .wpcf7-submit:hover {
transform: scale(1.05);
}
.ti-header-write-btn {
background: var(--secondary-color) !important;
border: 1px solid var(--secondary-color) !important;
}
.treatment-desc {
border-bottom: 2rem solid var(--primary-color) !important;
}
.slide-excerpt br {
margin-bottom: 10px;
}
.appointment .wpcf7-submit:hover {
background-color: var(--secondary-color);
}
.site-footer .inner-wrapper {
padding: 96px 2rem 0 2rem;
}
.accordion-pricelist-wrapper {
margin-top: 50px !important;
background: #cecece;
padding: 0px 0px 22px 0px;
border-radius: 10px;
max-width: 60%;
}
.post-13 .is-layout-flex {
justify-content: center;
}
.page-cenovnik .ooteam-accordion__title {
background-color: #0C4855 !important;
color: #fff;
}
@media (max-width: 600px) {
.accordion-pricelist-wrapper {
max-width: 95%;
}
.map .inner-wrapper {
display: flex;
flex-direction: column;
}
.reviews {
padding: 50px 20px;
}
.custom-h2 {
font-size: 2em;
}
.servies-form-content {
width: 100%;
padding: 0px 15px 0px 15px;
background:#f9f9f9;
border-radius: 20px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}