/**
Theme Name: BIOS Child
Author: Uaoh
Author URI: https://uaoh.it
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bios-child
Template: astra
*/

.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

html,
body{
  width:100%!important;
  overflow-x:hidden!important;
}

p {
    margin-bottom: 1em;
    line-height: 1.7;
}

span.wpcf7-list-item {
    margin: 0;
}

span.wpcf7-form-control-wrap.privacy-policy {
    width: auto;
    display: inline-block;
}

.cf7-privacy {
    font-size: .9rem;
    line-height: 1.5rem;
    display: inline-block;
}

.elementor-element.elementor-element-b13cd61.elementor-widget.elementor-widget-heading {
    display: none;
}

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] a {
    text-decoration: underline;
    color: #fff;
}

/* Style the buttons that are used to open and close the accordion panel */
.custom-accordion {
  background-color: var(--ast-global-color-4);
    color: var(--ast-global-color-2);
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 1.3;
}

button.custom-accordion:hover {
    background-color: var(--ast-global-color-0)!important;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: var(--ast-global-color-0);
    color: #fff;
}



/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
    background: #fafafa;
    border-radius: 10px;
}

.panel p {
    padding: 18px 18px;
    margin-bottom: 0!important;
}

.panel p:not(:first-child) {
    padding: 0px 18px 18px 18px;
}

.panel ul {
    padding: 0 18px;
}

.campo-ricerca {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0px 0px 0px 0px;
    z-index: 1;
}

.campo-ricerca .is-form-style {
    width: 100%;
}

.campo-ricerca_inner {
background-color: var(--e-global-color-primary );
    background-image: url(https://bios-center.it/wp-content/uploads/2022/04/single-servizi_header_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 3% 10% 3% 10%;
    border-radius: 5px 5px 5px 5px;
}

.loop-specialisti {
    background-color: var(--e-global-color-astglobalcolor4 );
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 100px 20px 100px 20px;
}

.loop-specialisti h2.titolo-branca {
    color: var(--e-global-color-secondary)
    
}

.loop-specialisti .elementor-container {
    flex-direction: column;
}

.specialista-card img {
    -webkit-mask-image: url(https://bios-center-new.uaoh.eu/wp-content/plugins/elementor/assets//mask-shapes/circle.svg);
    -webkit-mask-size: contain;
    -webkit-mask-position: center center;
    -webkit-mask-repeat: no-repeat;
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: var(--e-global-color-astglobalcolor0 );
    border-radius: 100% 100% 100% 100%;
    object-position: top;
    z-index: 1;
}

.specialista-img {
    z-index: 9!important;
}

.servizio-img {
    margin: 0;
    padding: 35px 35px 35px 35px;
    background-color: var(--e-global-color-astglobalcolor5 );
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-color: var(--e-global-color-astglobalcolor4 );
    border-radius: 200px 200px 200px 200px;
    transition: all .2s ease-in-out;
}

.servizio-img img:hover {
    filter: hue-rotate(223deg) brightness(0.9);
}

.specialista-card, .servizio-card {
    flex-direction: column;
    display: flex;
    text-align: center;
    gap: 20px;
}

.specialista-info {
	width: 100%;
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 5px 0px;
    border-color: var(--e-global-color-astglobalcolor0 );
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-top: -100px;
    margin-bottom: 0px;
    padding: 110px 20px 30px 20px;
    z-index: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 5px;
}

.servizio-info {
	width: 100%;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin-bottom: 0px;
    padding: 0px 20px 30px 20px;
    z-index: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 5px;
}


.specialista-card h3, .servizio-card h3 {
    color: var(--e-global-color-astglobalcolor2 );
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none; 
    transition: all 0.3s;
    margin-bottom: 0;

}

.specialista-card a, .servizio-card a {
    text-decoration: none!important;
}

.specialista-card:hover > .specialista-img, .servizio-card:hover > .servizio-img {
    scale: 1.05;
}

.specialista-card:hover > .specialista-info, .specialista-card:hover > .specialista-info a h3 {
    border-color: var(--e-global-color-secondary)!important;
    color: var(--e-global-color-secondary)!important;
}
.specialista-card a h3:hover {
    color: var(--e-global-color-secondary);
}

.specialista-card ul {list-style: none; margin: 0;}
.specialista-card ul li {
    font-family: "Roboto", Sans-serif;
    font-size: 0.9rem;
    line-height: 1.1em;}
.specialista-card ul li a {
    color: var(--e-global-color-primary );
}

.specialista-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 2rem;
    margin: 4rem auto;
}

/*.panel p:last-child {
    margin-bottom: 0!important;
}*/

.donne_schede h4 {
    line-height: 1.7;
    font-size: 1rem;
}

.donne_schede .elementor-tab-content {
    padding: 5%!important;

}

@media screen and (max-width: 1023px) { 
    
    .specialista-container {
        grid-template-columns: repeat(3,1fr);
        grid-gap: 1rem;
    } 
    
}


@media screen and (max-width: 767px) { 
    .loop-specialisti {
        padding: 50px 20px;
    }
    
    .campo-ricerca {
        transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0px 0px 0px 0px
    }
    .campo-ricerca_inner {
        padding: 7%;
        border-radius: 0;
    }
    .elementor-tab-title {
        padding: 5%!important;
    }
    .donne_schede .elementor-tab-title, .donne_schede .elementor-tab-title a {
    color: var( --e-global-color-primary)!important;
}
    
    .specialista-container {
        grid-template-columns: repeat(2,1fr);
    } 
    
}

.elementor-tab-title.elementor-active, .elementor-tab-title.elementor-active a {
    color: var( --e-global-color-secondary)!important;
}



/*.donne_schede li a {
    color: #fff;
}

.donne_schede li {
    list-style: none;
}

.donne_schede li a {
    display: flex;
    padding: 10px 20px;
    background: var( --e-global-color-primary );
    border-radius: 10px;
    color: #fff;
    transition: all .2s ease-in-out;
}

.donne_schede li a:hover {
    background: var( --e-global-color-secondary );
}

.donne_schede ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    gap: 10px;
    margin-top: 30px;
}

.donne_schede ullip {
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 600;
}*/
.specialisti-content h3:not(:first-child) {
    margin-top: 50px;
}
.specialisti-content h3 {
    border-bottom: 3px solid var(--e-global-color-secondary);
    margin-bottom: 30px;
    padding-bottom: 10px;
    font-size: 2rem;
    line-height: 1;
}

.specialisti-content p, .specialisti-content ul li {
    font-size: 1.2rem;
}

/*.main-header-menu .sub-menu .menu-link {
    padding: 0.2em 1em;
    display: block;
    word-wrap: break-word;
}
*/

.gallery_convenzioni .elementor-image-gallery .gallery-item img {
    margin: 0 auto;
    vertical-align: middle;
    min-height: 100px!important;
    max-height: 100px;
    object-fit: contain;
    margin-bottom: 10px;
    max-width: 220px;
}

.gallery-caption {
    border: none!important;
}

.ast-mobile-popup-drawer.active .menu-toggle-close .ahfb-svg-iconset svg {
    width: 40px;
    height: 40px;
    transition: none;
}

.hover-magenta a:hover {
    color: var(--e-global-color-secondary)!important;
}

.hover-magenta:hover h3 a  {
    color: var(--e-global-color-secondary)!important;
}


.hover-magenta:hover .elementor-element {
    border-color: var(--e-global-color-secondary)!important;
}

.hover-scale {
    transition: all .1s ease-in-out!important;
}
.hover-scale:hover {
    transform: scale(1.05)!important;
    transform-origin: left!important;
}

.gradient-right:before {
    display: block;
    position: absolute;
    top: 0;
    z-index: 99;
    content: '';
    width: 100%;
    height: 80px;
    background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 86%);
}

.gradient-right .dce-item_image {
    justify-content: center;
    aspect-ratio: 1;
    overflow: hidden!important;
    border-radius: 200px;
}

.dce-carousel-controls .swiper-button-prev, .dce-carousel-controls .swiper-button-next {
    width: auto!important;
    height: auto!important;
}

.is-ajax-search-details .is-title a, .is-ajax-search-post .is-title a {
    text-transform: capitalize;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 1.2rem!important;
	color: var( --e-global-color-secondary );
}

.is-form-style input.is-search-submit, .is-search-icon {
    display: inline-block!important;
    color: #666;
    padding: 0 30px!important;
    background: #ededed;
    box-shadow: none!important;
    outline: 0;
    margin: 0;
    font-size: 20px!important;
    border: 1px solid #ccc;
    border-radius: 5px;
    line-height: 1;
    height: 100%;
    text-transform: capitalize;
    vertical-align: middle;
    -webkit-transition: background-color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.is-form-style input.is-search-input {
    background: #fff;
    background-image: none!important;
    color: #333;
    padding: 30px 22px;
    margin: 0;
    outline: 0!important;
    font-size: 22px!important;
    text-align: center;
    height: 36px;
    font-family: 'Montserrat'!important;
    min-height: 0;
    font-weight: 700;
    line-height: 1;
    border-radius: 0;
    border: solid 1px #ccc!important;
    font-family: arial;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}




.wp-block-group {
    padding: 0;
}


.card--specializzazione .entry-content p {
    margin-bottom: 0!important;
}

.card--specializzazione .entry-content a {
    text-decoration: none!important;
}

@media (max-width: 544px) {
    .ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1 {
        position: absolute;
        bottom: 10px;
    }
    .specialista-container {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 2rem;
    } 
}



@media only screen and (max-width: 600px) {
    .panel {
  padding: 0;
}
      .is-form-style input.is-search-input {
        text-align: left;
        font-size: 16px!important;
    }
    .is-form-style input.is-search-submit, .is-search-icon {
        font-size: 14px!important;
    }
    .gallery_convenzioni .elementor-image-gallery .gallery-item img {
        margin-bottom: 0px
    }
}