/*
Template:       doctio
Theme Name:     Doctio Child
Theme URI:      https://demo.themedraft.net/wp/doctio/
Author:         ThemeDraft
Author URI:     https://themedraft.net/
Description:    Doctio is a medical health WordPress theme
Version:        1.0.0
Text Domain:    doctio
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, translation-ready
*/


.site-branding{
	 position: absolute;
    top: 50px;
}

.uk-sticky-fixed .site-branding{
	top: 0px;
}


.specializare {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
   

}

.specializare .content {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    max-width: 800px;
    text-align: center;
}

.specializare h1, .specializare h2, .specializare h3 {
    margin-top: 0;
}

.specializare table {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
}

.specializare table, th, td {
    border: 1px solid #ddd;
}

.specializare th, .specializare td {
    padding: 10px;
    text-align: left;
}

.specializare thead {
    background-color: #5b3695;
    color: #fff !important;
}

.specializare thead th{
    color: #fff !important;
}

.specializare tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.specializare tbody tr:nth-child(odd) {
    background-color: #fff;
}

.clinic-image {
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
}

.page-builder-not-used .content-area{
	margin: 70px 0 !important;
}

.container-specializare{
	margin: auto;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.specializare-clinica {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    flex: 1 1 calc(50% - 20px); /* 50% width minus the gap */
    box-sizing: border-box;
    overflow: hidden;
}

.specializare-clinica::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.1;
    z-index: 1;
}

.specializare-clinica h3,
.specializare-clinica p {
    position: relative;
    z-index: 2;
}

.specializare-clinica h3 {
    margin-top: 0;
}

.specializare-clinica p {
    margin: 10px 0;
}

.specializare-clinica span {
    display: block;
    font-weight: bold;
}

/* Specific background images */
.diabet-nutritie::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/front-view-diabetic-woman-checking-her-glucose-level_23-2150756393.jpg');
}

.orl::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/hearing-exam-otolaryngologist-doctor-checking-woman-s-ear-using-otoscope-auriscope-medical-clinic_657921-266.jpg');
}

.endocrinologie::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/endocrinologist-examining-throat-young-woman-clinic-women-with-thyroid-gland-test-endocrinology-hormones-treatment-inflammation-sore-throat_657921-270.jpg');
}

.neurologie::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/doctor-adjusting-brain-waves-scanning-device-patient-s-head-brain-neurology-stady_482257-31616.jpg');
}

.pediatrie::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2022/06/service-1.jpg');
}

.neurologie-pediatrica::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/young-child-psychologist-talking-with-sad-little-girl-office_23-2148026278.jpg');
}

.nutritie::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/diet-concept-with-female-scientist-healthy-food_23-2148193250.jpg');
}

.pneumologie::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/doctor-doing-their-work-pediatrics-office_23-2149224178.jpg');
}

.medicina-interna::before {
    background-image: url('https://drbun.ro/wp-content/uploads/2024/07/young-male-psysician-with-patient-hospital_1303-17876.jpg');
}

.container-specializare h1{
	    text-align: center;
    width: 100%;
    color: #5b3695;
}
.container-specializare h2{
    font-size: 20px;
    line-height: 18px;
  }

 .container-specializare h3{
    font-size: 18px;
    line-height: 18px;
  }

  .elementor-608 .elementor-element.elementor-element-433d3c3b {
    padding: 105px 20px 25px 20px !important;
}

.highlight {
    background-color: #ff0;
    color: #000 !important;
    font-weight: bold !important;
}

.container h1{
	    text-align: center;
    width: 100%;
    color: #5b3695;
}

.header-mini-cart, .td-header-src-btn, .td-footer-top-wrapper{
	display: none !important;
}

.container table{
	width: 100% !important;
}


.banner-area{
    height: 150px !important;
}

.sidebar-widget-area .widget{
    padding: 30px 10px !important;
}

.main-menu-area {
    background: #E0EBEF !important;
}


.appointment-step {
    margin-bottom: 20px;
}

.appointment-step h2 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.appointment-step label {
    display: block;
    margin-top: 10px;
}

.appointment-step input, 
.appointment-step select, 
.appointment-step button {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
}

.appointment-step button {
    background-color: #0073aa;
    color: white;
    border: none;
    cursor: pointer;
    font-size: 1em;
}

.appointment-step button:hover {
    background-color: #005177;
}


.main-navigation ul li ul li a {
    padding: 10px !important;
    font-size: 15px;
    line-height: 26px;
}

.td-img-caption{
        padding: 15px !important;
    text-align: center !important;
    border-radius: 15px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
        background-color: #5b3695 !important;
}

.clinic-image-2{
    width: 50% !important;
}

@media only screen and (max-width: 960px) {
    .td-slide-title h2{
        font-size: 38px !important;
       max-width: 240px;
    }
    .site-branding {
        top: 105px;
    }
    .banner-area {
        height: 200px !important;
        padding: 75px 0 !important;
    }
    .clinic-image-2{
        width: 100%;
    }
}