/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.seo-text{ font-size: .9rem; padding: 0; padding-left: 0 !important; padding-right: 0 !important; margin-top: 1rem; }
.social-img{display:flex;gap:12px;list-style:none;margin:0;padding:0}
.social-img li{ border: none !important; }
.social-img a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px}
.social-img img{display:block;width:22px;height:22px}

/* Горизонтальний список логотипів */
.logo-list{
  display:flex;  align-items:center;  gap:5px;  flex-wrap:wrap;           /* ламається в кілька рядків, якщо мало місця */
  list-style:none;  margin:0;  padding:0;
}
.logo-list li{ display:flex; border: none !important;  }
.logo-list a{
  display:inline-flex;  align-items:center;  justify-content:center;
  padding:3px 3px;         /* невеликий «подих» навколо логотипа */
  transition:transform .2s ease, opacity .2s ease;
}
.logo-list a:hover{ transform:translateY(-2px); opacity:.95 }
.logo-list img{
  height:22px;      width:auto;  max-width:32px;   object-fit:contain;
}
.map-iframe iframe{ width: 100% !important; }
p.contact__name {    margin-bottom: 0; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.star-rating{ text-align: center; margin-bottom: 2rem;     width: 120px; }
.star-rating:before, .woocommerce-page .star-rating:before{
    color: #FFF; letter-spacing: 3px;
}
.star-rating span:before{ color: #FFF; letter-spacing: 3px;}

.wpml-ls-item .nav-dropdown{ min-width: 82px; }

@media (max-width: 989px) {
    .footer{ font-size: 14px; }
}
@media (max-width: 850px) {
    .footer .large-columns-4>.col {
        flex-basis: 50%;
        max-width: 50%;
    }
}
@media (max-width: 530px) {
    .footer .large-columns-4>.col {
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }
    .footer .img {
        display: block; margin: 0 auto 1.5rem;
    }
    .footer .widget .is-divider {
        margin-left: auto;
        margin-right: auto;
    }
    .footer .text h6{ text-align: center; }
    .footer .social-img , .footer ul{ align-items: center;    justify-content: center; }
    .banner h1 strong, .banner h2 strong{     font-size: 100% !important; }
    #banner-911495560 {    padding-top: 500px !important;}
}