/*
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{
    overflow-x:hidden;
}
.text-p p{
    margin-bottom:0 !important;
}
/*Цветная полоса прокрутки*/
::-webkit-scrollbar{
 width:0.9vw;
 background: #f1f1f1;
}
::-webkit-scrollbar-thumb{
 background: -webkit-linear-gradient(transparent,#8ad903);
 background: linear-gradient(transparent,#8ad903);
 border-radius: 20px;
 z-idex:9999;
}
::-webkit-scrollbar-thumb:hover{
 background: -webkit-linear-gradient(transparent,#8ad903);
 background: linear-gradient(transparent,#8ad903); 
}
ul li{
    color: #262626;
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
}
li + li{
    margin-top:10px;
}
.elementor-accordion-item p{
    margin-bottom:0;
}
.elementor-accordion-item p + p{
    margin-top:10px;
}

/*Стили*/
.header{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.info-header{
    display:flex;
    align-items:center;
    gap:30px;
}
.info-header a{
    font-size:18px;
    line-height:24px;
    color:#000;
    display:flex;
    align-items:center;
    gap:5px;
}
.info-header a>img{
    width:18px;
    margin-top:-3px;
}
.phone-social{
    display:flex;
    align-items:center;
    gap:7px;
}
.social-header{
    display:flex;
    align-items:center;
    gap:7px;
}
.social-header svg{
    margin-top:-3px;
}
.logo a img{
    width:60px;
    padding:10px 0;
}
/*ПРЕИМУЩЕСТВА*/
.grid-preim{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-gap:20px;
}
.preim-item{
    position:relative;
    border-radius:20px;
    overflow: hidden;
}
.preim-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%; /* Adjust this value to control the height of the gradient */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent); /* Adjust the rgba value to control the darkness */
    border-radius: 0 0 20px 20px;
}
.preim-item span{
    position:absolute;
    bottom:10px;
    left:10px;
    color:#fff;
    font-size:24px;
    padding:10px;
    line-height: 28px;
    font-family: "Montserrat", Sans-serif;
}
.pre-1{
    height:500px;
    background:url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/pry.jpeg) no-repeat center center;
    background-size:cover;
    grid-column: span 4;
    grid-row: span 2;
}
.pre-2{
    background:url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/1_alpaca.jpg) no-repeat center center;
    background-size:cover;
    grid-column:span 2;
    grid-row:span 1;
}
.pre-3{
    background:url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/Adsa.jpg) no-repeat center center;
    background-size:cover;
    grid-column:span 2;
    grid-row:span 3;
}
.pre-4{
    background:url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/nas.jpg) no-repeat center center;
    background-size:cover;
    grid-column:span 2;
    grid-row:span 2;
}
.pre-5{
    background:url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/f-scaled.jpeg) no-repeat center center;
    background-size:cover;
    grid-column:span 2;
}
.pre-6{
    background:url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/ark.jpeg) no-repeat center center;
    background-size:cover;
    grid-column:span 2;
}
/*ЧАСТО ЗАДАВАЕМЫЕ ВОПРОСЫ*/
.elementor-9 .elementor-element.elementor-element-770375d .elementor-accordion-item .elementor-tab-title.elementor-active{
    background:#8AD903;
    color:#fff !important;
}
.elementor-9 .elementor-element.elementor-element-770375d .elementor-tab-title {
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 30px;
}
.elementor-9 .elementor-element.elementor-element-770375d .elementor-accordion-item {
    border-width: 0px;
    border-color: #000000;
    background: #fff;
    border-radius: 20px;
}
.elementor-9 .elementor-element.elementor-element-21dce67 .dot.active {
    transform: scale(1);
    background: #8ad903;
}
.elementor-accordion {
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.clock{
    display:flex;
    flex-direction:columns;
    gap:5px;
}
.elementor-9 .elementor-element.elementor-element-c8978c7 .elementor-button:hover{
    background:#8ad903;
}
.elementor-9 .elementor-element.elementor-element-33177f3 .elementor-button:hover{
    background:#8ad903;
}

@media(max-width:767px){
    .link-adres{
        display:none;
    }
    .logo a img {
        width: 50px;
    }
    .info-header a {
        font-size: 22px;
        line-height: 24px;
    }
    .header {
        padding: 0 10px;
    }
    .social-header{
        gap:3px;
    }
    .social-header svg {
        width: 32px;
        height: 32px;
    }
    .elementor-9 .elementor-element.elementor-element-6cd8931.elementor-arrows-yes .elementor-main-swiper {
        width: calc(100% - 0px);
    }
    .grid-preim {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr);
        grid-gap: 10px;
    }
    .pre-1 {
        height: 200px;
        grid-column: span 1;
        grid-row: span 1;
    }
    .pre-2 {
        background: url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/1_alpaca.jpg) no-repeat right center;
        background-size: cover;
        grid-column: span 1;
        grid-row: span 2;
    }
    .preim-item span {
        font-size: 15px;
        padding: 3px;
        line-height: 20px;
    }
    .pre-3 {
        grid-column: span 1;
        grid-row: span 2;
    }
        .pre-4 {
        background: url(https://alpaka-ferma.ru/wp-content/uploads/2024/07/nas.jpg) no-repeat left center;
        background-size: cover;
        grid-column: span 1;
        grid-row: span 2;
    }
    .pre-5 {
        grid-column: span 1;
    }
    .pre-6 {
        grid-column: span 2;
    }
}