/*
Theme Name:   Astra Child
Theme URI:    http://example.com/twenty-fifteen-child/
Description:  Twenty Fifteen Child Theme
Author:       Stefano Pomelli
Author URI:   http://example.com
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  astrachild
*/




/*----------- HEADER------------------ */

.ast-separate-container {background-color: #fff;}
.error404 #content {margin-top: 10vh;}
.entry-content {margin-top: 80px;}
.site-header {position: fixed; width: 100%;}
.prodotti-menu-item a {pointer-events: none;}
.prodotti-menu-item .sub-menu a {pointer-events: auto;}

.main-header-menu a {height: 50px;}

.site-content {background-color: #fff;}
.ast-container {max-width: 100vw; padding: 0;}

.ast-desktop .ast-primary-header-bar.main-header-bar {padding: 0px;}
.site-primary-header-wrap {
	padding: 0 8%;
    max-width: 1920px;
}

.main-header-menu .menu-link, .main-header-menu>a {padding: 0 0 0 2em;}
.ast-mobile-header-content {box-shadow: 0 4px 10px -2px rgba(0,0,0,.1);}
/*.ast-icon {display: none;}*/

.ast-custom-button:hover {background-color: #c5a474;}




/*----------- HERO------------------ */
#hero-bg span {background: linear-gradient(37deg,rgb(0,0,0) 14%,rgba(0,0,0,0) 100%);}
#hero {margin-top: 80px;}
#hero-bg {
	padding-top: 15vh;
	padding-left: 8%
}
.hero-title-section {
 padding-right: 20%;
}
.button-radius a {border-radius: 200px;}

/*----------- ABOUT ------------------ */
#about {
    padding: 12vh 30px;
}
#about .wp-block-media-text {margin: 0;}
#about h2 {padding-right: 6.9rem;}

#about .wp-block-media-text .wp-block-media-text__content .wp-block-group {padding-left: 0.7rem}



/*----------- FEATURES ------------------ */
.features-container {padding: 0 5rem;}
#features {padding: 5rem 30px;}



/*----------- SERVICES ------------------ */
#services {padding: 5rem 8%;}
/*.services-container {padding: 0 3rem;}*/
.service-card-text {gap: 12px; }
.service-cta:hover {color: #c5a474;}
.single-service-title {line-height: 1.4;}

/*----------- LOCATION ------------------ */
#location {
    padding: 12vh 30px;
}
#location h2 {padding-right: 6.9rem;}
#location p {padding-right: 4rem;}

.location-img-2 {margin-top: 0.44rem;}
#location .wp-block-media-text .wp-block-media-text__content .wp-block-group {padding-left: 0.7rem}
#location-button.wp-block-button .wp-block-button__link {background-color: black;}
#location-button.wp-block-button .wp-block-button__link:hover {background-color: #c5a474;}


/*----------- TEAM ------------------ */

#team {padding-bottom: 5rem;}
#team img {filter: brightness(120%);}
.team-card-text {padding: 1rem 10px 0px 0px;}
#team ul {padding: 0;}

.team-cards {
    /*display: flex;*/
    gap: 24px;
}

#team-member-description {
    margin-block-start: 10px;
}

.team-cards .wp-block-columns:nth-child(2) {margin-top: 0;}
#team-block {gap: 24px;}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {height: 2em; width: 2em;}

/*----------- NOLEGGIO ------------------ */

.entry-content[ast-blocks-layout] > * {margin-left: 0; margin-right: 0; max-width: 1920px;}
.page-id-48 .entry-content {padding: 6% 8% 0 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}


.noleggio-title {
    margin: 0;
}
#noleggio-description {margin: 30px 0 70px 0;}
#noleggio-description a {text-decoration: underline; font-weight: 600;}

.prodotti-group {margin-top: 50px;}
.page-id-48 .entry-content {margin-bottom: 100px;}


/*----------- PRODOTTI COMMERCIALI ------------------ */

.page-id-445 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}


#prodotti-commerciali-banner {
    display: flex;
    padding: 20px;
    background-color: #FFF4CB;
    border-radius: 5px;
    border: 2px solid #ECB800;
}
#prodotti-commerciali-banner p {color: #B56C00;}
.prodotti-commerciali-title {
    margin: 0;
}
#prodotti-commerciali-description {margin: 30px 0 30px 0;}
#prodotti-commerciali-description a {text-decoration: underline; font-weight: 600;}

.wp-block-gutenify-grid.prodotti-commerciali-group {--gutenify--grid-template-columns: 4;}

.prodotti-commerciali-group p {margin-top: 0.44rem;}
.prodotti-group {column-gap: 1em;}
.page-id-445 .prodotti-group figure:hover {filter: brightness(0.96);}
.prodotti-group p a {color: #000;}


/*----------- PRODOTTI SU MISURA ------------------ */


#misura-filters {gap: 0.5em;}
#misura-content {max-width: 100%;}

.ast-plain-container.ast-no-sidebar .entry-content > .alignfull {margin: 0; width: auto;}
.page-id-519 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}
#misura {padding: 0;}
#misura .wp-block-gutenify-container {margin: 0;}

#misura h3 {margin-top: 30px;}
#misura p {width: 80%;}
#comments {display: none;}
.entry-header.ast-no-title {display: none;}
.ast-separate-container .ast-article-single {padding: 0 ;}

.ast-separate-container #primary {margin: 0;}
#primary {padding: 0;}

.ast-separate-container .entry-content > .alignfull {margin: 0;}
.ast-separate-container .entry-content > .alignfull {padding: 0;}

.post-navigation {display: none;}


.entry-content > .wp-block-group.misura-filters {max-width: 1920px; padding: 0; margin: 70px 0 50px 0;}
:where(body .is-layout-flex) {gap: 1px;}

.entry-content p.prod-with-desc {margin-bottom: 8px;}




/*----------- PRODOTTI SU MISURA - SINGOLE ------------------ */


.page-id-604 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}
.page-id-610 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}
.page-id-608 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}
.page-id-612 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}
.page-id-596 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}
.page-id-614 .entry-content {padding: 6% 8% 6% 8%; max-width: 1920px; margin-left: auto; margin-right: auto;}


/*----------- MARCHE SINGOLE ------------------ */

.post .entry-content {padding: 6% 8% 6% 8%;}

.ast-single-post .entry-content a {text-decoration: none;}

/*----------- CONTATTI ------------------ */

.page-id-49 .entry-content[ast-blocks-layout] > * {margin-left: 0px; margin-right: 0;}
#contatti {padding: 6% 8%;}

.contatti-text-content {gap: 0; width: 90%;}
#contatti h2 {margin-bottom: 40px;}
.entry-content .contatti-subtitle {margin-bottom: 15px;}

.ast-plain-container.ast-no-sidebar #primary  {margin-bottom: 0;}
.page-id-49 h1 {display: none;}
.page-id-49 iframe {width: 100%; margin: 50px 0; padding: 0 8%;}

.page-id-49 .entry-content > .wp-block-group.contatti-title-section { padding: 0 8%;}



/*----------- PRIVACY POLICY ------------------ */

.page-id-3 .entry-content {padding: 6% 8% 6% 8%;}

.privacy-policy-1st-line {margin-top: 60px;}



.ast-scroll-top {display: none;}


/*------------------ FOOTER -------------------- */

.ast-builder-grid-row-container-inner {padding: 0 8%;}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row {max-width: 1920px;}
.ast-builder-html-element {display: flex; justify-content: space-between;}

.footer-widget-area[data-section="section-fb-html-2"] .ast-builder-html-element  {text-align: left;}



/*----------------------------------------- ALTRE MEDIA QUERY <DESKTOP > TABLET -------------------------------------------- */


@media only screen and (min-width: 922px) {



    .main-header-menu .menu-item {position: static;}
    #ast-hf-menu-1 {position: static ;}
    .sub-menu {position: absolute;}
    .main-header-menu .sub-menu {width: 100%;}

    .ast-builder-menu-1 .sub-menu {
        border-color: #eaeaea;
    }
    .sub-menu {
        display: flex;
        height: 400px;
        align-items: flex-end;
        justify-content: start;
        gap: 1em;
        padding: 30px 8% 80px 8%;
    }
    .main-navigation ul.sub-menu {padding-left: 8%;}
    .sub-menu li {
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 30vw;
        position: relative;
        max-width: 390px;
    }
    .sub-menu li:nth-of-type(1){
        background-image: url("http://ortopediabondanza.it/wp-content/uploads/2023/11/Noleggio-menu.jpg");
    }
    .sub-menu li:nth-of-type(2){
        background-image: url("http://ortopediabondanza.it/wp-content/uploads/2023/12/commerciali-menu.jpg");
    }
    .sub-menu li:nth-of-type(3){
        background-image: url("http://ortopediabondanza.it/wp-content/uploads/2023/11/misura-menu.jpeg");
    }
    
    

    
    .main-header-menu .sub-menu .menu-link{
        position: absolute;
        bottom: 30px;
        padding-left: 0;
        font-weight: bold;
    }




    

}

@media only screen and (max-width: 922px) {
    .ast-header-button-1 {margin-top: 30px;}

}

@media only screen and (max-width: 1440px) {
    #misura-filters {flex-wrap: wrap;}

}



/*------------------------------------------------------- TABLET --------------------------------------------------------- */


@media only screen and (max-width: 1024px) {
   


/*----------- HEADER------------------ */

.site-header {
    border-bottom: 1px solid #eaeaea;
}
.ast-mobile-header-content {padding-bottom: 40px;}
/*.ast-mobile-header-content {height: 90vh;}*/
.ast-builder-button-wrap {
    width: 100%;
    padding-right: 20px;
    text-align: center;
}


/*----------- HERO------------------ */
    
.hero-title-section {
    padding-right: 0%;
}
#hero-bg {
    padding-top: 30vh;
}

/*----------- ABOUT------------------ */

#about {
    padding-top: 6%;
}
.about-column-container {
    display: flex;
    flex-direction: column-reverse;
    gap: 4em;
}
#carousel-3d {
	margin-top: 4em;
}

#about .wp-block-media-text__content {padding-left: 0px }
#about {
    padding-left: 60px;
    padding-right: 60px;
}

/*----------- FEATURES ------------------ */
#features {padding: 5rem 8%;}
.features-container {padding: 1em 0;}

/*----------- SERVICES ------------------ */

.services-container .wp-block-columns {display: block;}
.services-container .wp-block-columns .wp-block-column {margin-top: 30px;}
.services-container .wp-block-columns .inherit-container-width {
    display: flex;
    flex-direction: row-reverse;
    gap: 3em;
}
/*.service-card {flex-basis: 160%;}*/
.service-card-text {width: 60%;}

/*----------- LOCATION ------------------ */
#location {
    padding: 6vh 60px 6vh 60px;
}
#location .wp-block-media-text {display: block;}
#location .wp-block-columns {display: block;}
#location figure:first-of-type {margin-top: 4em;}



/*----------- TEAM ------------------ */

.team-cards {
    display: block;
}
#team {
    padding-left: 60px;
    padding-right: 60px;

}

.team-cards .wp-block-columns:nth-child(2) {margin-top: 48px;}


/*----------- NOLEGGIO ------------------ */


.page-id-48 .entry-content {padding: 6% 60px 0 60px;}


/*----------- PRODOTTI COMMERCIALI ------------------ */

.page-id-445 .entry-content {padding: 6% 60px 6% 60px;}


/*----------- PRODOTTI SU MISURA ------------------ */

#misura-filters { justify-content: start; gap: 1em;}
.page-id-519 .entry-content {padding: 6% 60px 6% 60px;}

.ast-separate-container #content .ast-container {padding: 0 ;}

.ast-separate-container #primary {padding: 0;}

/*----------- PRODOTTI SU MISURA - SINGOLE ------------------ */

.page-id-604 .entry-content {padding: 6% 60px 6% 60px;}
.page-id-610 .entry-content {padding: 6% 60px 6% 60px;}
.page-id-608 .entry-content {padding: 6% 60px 6% 60px;}
.page-id-612 .entry-content {padding: 6% 60px 6% 60px;}
.page-id-596 .entry-content {padding: 6% 60px 6% 60px;}
.page-id-614 .entry-content {padding: 6% 60px 6% 60px;}

/*----------- MARCHE SINGOLE ------------------ */

.post .entry-content {padding: 6% 60px 6% 60px;}


/*----------- CONTATTI ------------------ */


#contatti {padding: 6vh 60px 6vh 60px;}
.page-id-49 iframe { padding: 0 60px;}
.page-id-49 .entry-content > .wp-block-group.contatti-title-section { padding: 6% 60px 0vh 60px;}


/*----------- PRIVACY POLICY ------------------ */

.page-id-3 .entry-content {padding: 6% 60px 6% 60px;}



/*------------------ FOOTER -------------------- */

.ast-builder-grid-row-container-inner {padding: 0 60px;}
.ast-builder-footer-grid-columns {display: block;}
.site-footer-primary-section-2 {margin-top: 50px;}
.ast-builder-html-element {display: flex; justify-content: start; gap: 9em;}




}




/*----------------------------------------- ALTRE MEDIA QUERY <TABLET > MOBILE -------------------------------------------- */


@media only screen and (max-width: 1250px) {
    
    #contatti-1st-column {margin-bottom: 30px;}
    #misura-1st-column {margin-bottom: 50px;}
	#misura-photos #misura-1st-column {margin-bottom: 0.44rem;}


    .contatti-columns.is-layout-flex {display: block; gap: 2em;}
    .contatti-text-content {gap: 2em;}

}

/*------------------------------------------------------- MOBILE --------------------------------------------------------- */



@media only screen and (max-width: 768px) {



/*----------- HEADER------------------ */




/*----------- HERO------------------ */

#hero-bg span {background: linear-gradient(37deg,rgb(0,0,0) 34%,rgba(0,0,0,0) 100%);}
#hero-bg {padding-left: 6%}
#hero-bg {
    padding-top: 15vh;
}


/*----------- ABOUT------------------ */

#about { padding: 12% 0 0 0; }
#about h2 {padding-right: 0;}
#about p {padding-right: 0;}
#about .wp-block-media-text .wp-block-media-text__content .wp-block-group {padding-left: 0rem}
#about .wp-block-media-text .wp-block-media-text__content {padding: 0 6%;}





/*----------- FEATURES------------------ */
#features {padding: 5rem 6%;}




/*----------- SERVICES------------------ */

.services-container .wp-block-columns .inherit-container-width {
    display: block;
    flex-direction: row-reverse;
    gap: 3em;
}
#services {padding: 5rem 6%;}
.service-card-text {width: 100%;}

#services .wp-block-columns {display: grid; gap: 1em;}
#services img {width: 100%;}


/*----------- LOCATION------------------ */

#location { padding: 10vh 0 0 0; }
#location h2 {padding-right: 0;}
#location p {padding-right: 0;}
#location .wp-block-media-text .wp-block-media-text__content .wp-block-group {padding-left: 0rem}
#location .wp-block-media-text .wp-block-media-text__content {padding: 0 6%;}

#location .wp-block-columns .wp-block-column:first-of-type .wp-block-group {padding-left: 0rem}
#location .wp-block-columns .wp-block-column:first-of-type {padding: 0 6%;}


/*----------- NOLEGGIO ------------------ */


.page-id-48 .entry-content {padding: 12% 6% 0 6%;}


/*----------- PRODOTTI COMMERCIALI ------------------ */

.page-id-445 .entry-content {padding: 12% 6% 12% 6%;}

.prodotti-commerciali-group {gap: 10px;}

.prodotti-commerciali-group.wp-block-gutenify-grid {grid-template-columns: repeat(auto-fit,minmax(220px,1fr));}


/*----------- PRODOTTI SU MISURA ------------------ */


.page-id-519 .entry-content {padding: 12% 6% 12% 6%;}

#misura {padding: 0;}
.ast-separate-container #content .ast-container {padding: 0 ;}

/*----------- PRODOTTI SU MISURA - SINGOLE ------------------ */

.page-id-604 .entry-content {padding: 12% 6% 12% 6%;}
.page-id-610 .entry-content {padding: 12% 6% 12% 6%;}
.page-id-608 .entry-content {padding: 12% 6% 12% 6%;}
.page-id-612 .entry-content {padding: 12% 6% 12% 6%;}
.page-id-596 .entry-content {padding: 12% 6% 12% 6%;}
.page-id-614 .entry-content {padding: 12% 6% 12% 6%;}


/*----------- MARCHE SINGOLE ------------------ */

.post .entry-content {padding: 12% 6% 12% 6%;}


/*----------- CONTATTI ------------------ */


#contatti {padding: 6% 0 0 0;}
.page-id-49 iframe { padding: 0 6%;}
.page-id-49 .entry-content > .wp-block-group.contatti-title-section { padding: 12% 6% 0 6%;}
#contatti-1st-column {padding: 6% 6%;}

/*----------- PRIVACY POLICY ------------------ */

.page-id-3 .entry-content {padding: 12% 6% 12% 6%;}


/*------------------ FOOTER -------------------- */


.ast-builder-html-element {display: block;}
.footer-menu-2 {margin-top: 70px;}
.footer-menu-1 {margin-top: 60px;}


}



/*------------------------------------------------- ALTRE MEDIA QUERY < MOBILE -------------------------------------------- */

@media only screen and (max-width: 550px) {
    .prodotti-commerciali-group.wp-block-gutenify-grid {grid-template-columns: repeat(auto-fit,minmax(160px,1fr));}
}

@media only screen and (max-width: 400px) {
    .prodotti-commerciali-group.wp-block-gutenify-grid {grid-template-columns: repeat(auto-fit,minmax(120px,1fr));}
}