/*
Theme Name:     Medilink Child
Template:       medilink
Theme URI:      https://radiustheme.com
Author:         Radiustheme
Author URI:     https://radiustheme.com/demo/medilink
Description:    Medilink | Responsive WordPress Medical Theme is one of the Latest and World Standard Multipurpose Responsive WordPress Medical  Theme. Using medilink user can get to Start a  Medical, Medical  Shop and Medical schedule.
Version:        1.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    medilink
Tags:           one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/
body{
    background:#000;
}
h1,h2,h3,h4,h5,h6{
    margin-top:0;
}
p{
    margin-top:0;
}
.global-title h1 {
    color:#fff;
    font-family: "Russo One", Sans-serif;
    font-weight: 400;
    font-size:30px;
}
.global-title h1 span{
    color: #FF0000;
    font-size: 50px;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 10px;
}
/*Аккордеон*/
  .accordion {
            background-color: #eee0;
            border: none;
            border-radius: 4px;
            margin: 20px 0;
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .accordion-item {
            border-top: none;
            position: relative;
            border-radius: 50px; /* Закругление для всего элемента */
            overflow: hidden; /* Чтобы содержимое не выходило за края */
        }

.accordion-header {
    background-color: #fff;
    cursor: pointer;
    padding: 25px 25px;
    text-align: left;
    outline: none;
    font-size: 20px;
    font-weight:500;
    color:#000;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Russo One", Sans-serif;
}

.accordion-header:hover .plus {
    /*background-color: #ff000040;*/
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 15px;
    background-color: #fff;
    border-top: none;
    transition: max-height 0.3s ease, padding 0.3s ease;
}
.accordion-content p{
    max-width:800px;
    margin-bottom:0;
    font-family: "Montserrat", Sans-serif;
    color: #1c1d24;
    font-size: 18px;
    line-height:28px;
}
.accordion-content ul>li{
    max-width:800px;
    color:#1c1d24;
}
.accordion-content li + li{
    margin-top:10px;
}
.accordion-content ul>li>span{
    font-weight:600;
    color:#1c1d24;
}
.accordion-content p + p{
    margin-top:7px;
}
        .accordion-content.open {
            padding: 0px 25px 35px;
            max-height: 1000px; /* Достаточно большое значение для плавного раскрытия */
        }

        .plus {
            position: relative;
            width: 40px;
            height: 40px;
            border: 1px solid #ccc;
            border-radius: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s ease;
        }

        .plus-fill {
            width: 100%;
            height: 100%;
            position: absolute;
            background-color: transparent;
        }

        .bar {
            position: absolute;
            width: 35%;
            height: 1px;
            background-color: #333;
            transition: 0.3s ease;
        }

        .bar-top {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(90deg);
        }

        .bar-bottom {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
        .accordion-header.active .bar-top {
            transform: translate(-50%, -50%) rotate(0deg);
        }

        .accordion-header.active .plus {
            /*background-color: #FF0000;*/
        }
        
/*Подвал сайта*/
.politic{
    color:#fff;
    font-family: "Montserrat", Sans-serif;
}
.politic a{
    color:#fff;
    font-family: "Montserrat", Sans-serif;
}
/*ФОРМА САЙТА*/
.btn-form input[type="submit"] {
    padding: 10px 25px;
    font-size: 14px;
    background: #f10;
    border-radius: 50px;
    padding: 10px 40px;
}
.form-item input[type="text"]{
    border-radius: 50px;
    padding: 20px 15px;
    height: 50px;
}
@media(max-width:767px){
    .accordion-header {
        font-size: 16px;
        display: grid;
        grid-template-columns: 86% 1fr;
        gap: 20px;
    }
    .global-title h1{
        font-size:16px;
        line-height:26px;
    }
    .global-title h1 span{
        font-size: 34px;
        line-height:34px;
    }
    .accordion-header {
        padding: 10px 25px;
    }
    .accordion-item {
        border-radius: 20px;
    }
    .accordion{
        gap:15px;
    }
    .accordion-content p {
        font-size: 16px;
        line-height: 26px;
    }
}    
@media(max-width:380px){
    .accordion-header {
        padding: 20px 20px;
        display: grid;
        grid-template-columns: 80% 1fr;
    }
}