/*
Theme Name: ApexClinic
Theme URI: https://themes.radiantthemes.com/apexclinic/
Author: RadiantThemes
Author URI: https://themeforest.net/user/radiantthemes
Description: ApexClinic is an extremely versatile and fully mobile responsive WordPress Medical Theme which is apt for medical professionals, especially doctors, physicians, pediatric consultants, dental surgeons/dentists and for all healthcare professionals. This WordPress Medical Theme has been custom designed, keeping in mind the website design requirement of diverse medical fraternity, who are looking for a robust online/web platform. ApexClinic Medical WordPress Theme is perhaps one of the best solutions for all healthcare professionals, be it hospitals, dental clinics, pediatricians, medical consultants etc. who are in search of a dynamic website of their own.
Version: 1.3.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apexclinic
Tags:  medical, clinic, pharmacy, health, theme-options, left-sidebar, right-sidebar, header options, sticky post, translation ready, threaded comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ApexClinic is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.header-image {
    position: relative;
    width: 100%;
    height: 180px; /* Измените высоту по вашему усмотрению */
    overflow: hidden;
}

.header-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Цвет текста */
    background-color: transparent; /* Убираем фон */
    padding: 10px;
    border-radius: 5px;
    font-family: 'Rubik', sans-serif; /* Применяем шрифт Rubik */
    font-size: 2em; /* Увеличиваем размер шрифта */
}

/* Основные стили для фиксации футера внизу */
html, body {
    height: 100%;
    margin: 0;
}

#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#content {
    flex: 1;
}

/* Дополнительные стили для вашего футера */
.site-footer {
    background: #007B8F; /* Замените на ваш цвет */
    color: white;
    padding: 20px;
    text-align: center;
}
.custom-terms-page {
    font-size: 26px;
    line-height: 1.5;
}

.custom-terms-page ol {
    margin-left: 20px;
}

.custom-terms-page li {
    margin-bottom: 10px;
}
.custom-content {
    font-size: 24px;
    line-height: 1.6;
    margin: 20px 0;
}

.custom-content p {
    margin: 10px 0;
}

.custom-content ol {
    margin-left: 20px;
}

.custom-content ol li {
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-content ol.start-2 {
    counter-reset: item 1;
}

.custom-content ol.start-2 li {
    list-style-type: none;
    counter-increment: item;
}

.custom-content ol.start-2 li::before {
    content: counter(item) ". ";
    font-weight: normal;
}
.custom-content {
    font-size: 24px;
    line-height: 1.8;
    margin: 20px 0;
}

.custom-content p {
    margin: 20px 0;
}

.custom-content ol {
    margin-left: 20px;
    margin-bottom: 20px;
}

.custom-content ol li {
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-content ol.start-2 {
    counter-reset: item 1;
}

.custom-content ol.start-2 li {
    list-style-type: none;
    counter-increment: item;
}

.custom-content ol.start-2 li::before {
    content: counter(item) ". ";
    font-weight: normal;
}
.custom-content img {
    display: block;
    margin: 0 auto 20px;
}
.custom-content strong {
    font-weight: bold;
}
.custom-content p[style*="text-align: center;"] {
    text-align: center;
}
.custom-content {
    font-size: 24px;
    line-height: 1.8;
    margin: 20px 0;
}

.custom-content p {
    margin: 20px 0;
}

.custom-content h4 {
    font-size: 26px;
    margin-bottom: 20px;
}

.custom-content ol {
    margin-left: 20px;
    margin-bottom: 20px;
}

.custom-content ol li {
    margin-bottom: 10px;
    font-weight: bold;
}

.custom-content ol.start-2 {
    counter-reset: item 1;
}

.custom-content ol.start-2 li {
    list-style-type: none;
    counter-increment: item;
}

.custom-content ol.start-2 li::before {
    content: counter(item) ". ";
    font-weight: normal;
}

.custom-content img {
    display: block;
    margin: 0 auto 20px;
}

.custom-content strong {
    font-weight: bold;
}

.custom-content em {
    font-style: italic;
}

.custom-content p[style*="text-align: center;"] {
    text-align: center;
}
.fixed-contact-block {
    position: fixed;
    top: 100px; /* можно настроить по вашему усмотрению */
    right: 20px; /* можно настроить по вашему усмотрению */
    background-color: #0693e3; /* измените на цвет вашего header */
    color: #ffffff; /* текст белого цвета */
    padding: 10px;
    border-radius: 5px;
    z-index: 1000;
}

.fixed-contact-block h3 {
    margin-top: 0;
    margin-bottom: 10px;
}

.fixed-contact-block p {
    margin: 5px 0;
}
#contact-widget {
    background: #0073aa;
    color: white;
    padding: 20px;
    width: 250px;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: fixed;
    top: 20%;
    right: 20px;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}

#contact-widget h3 {
    margin-top: 0;
    font-size: 1.5em;
    margin-bottom: 10px;
}

#contact-widget p {
    margin: 0;
    font-size: 1em;
    line-height: 1.6;
}

#contact-widget a {
    color: white;
    text-decoration: underline;
}

#contact-widget a:hover {
    color: #d9d9d9;
    text-decoration: none;
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

#contact-widget {
    background: #1174f2;
    color: white;
    padding: 20px;
    width: 250px;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: fixed;
    top: 20%;
    right: 20px;
    z-index: 1000;
    transition: all 0.3s ease-in-out;
}

#contact-widget h3 {
    margin-top: 0;
    font-size: 1.5em;
    margin-bottom: 10px;
    color: #d8fbbc; /* Изменение цвета заголовка */
}

#contact-widget p {
    margin: 0;
    font-size: 1em;
    line-height: 1.6;
}

#contact-widget a {
    color: white;
    text-decoration: underline;
}

#contact-widget a:hover {
    color: #d9d9d9;
    text-decoration: none;
}