/*!
Theme Name:   Storefront Child-Myschool-Main-site
Theme URI:    https://woocommerce.com/storefront/
Template: storefront
Author:       Jeansemen
Author URI:   https://www.promozioneitalia-lab.it/
Description:  Storefront based child theme for Myschool
Version:      1.0.0
Tested up to: 5.5.1
Requires PHP: 5.6.0
License:      GNU General Public License v2 or later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  myschool
Tags:         e-commerce, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready, rtl-language-support, footer-widgets, sticky-post, theme-options, editor-style
*/
.site-title{
    display:none;
}
.storefront-breadcrumb{
    display:none;
}

/*Template Homepage*/

.site-header-cart{
    display:none;
}

.site-search{
    display:none;
}


/* Fascia 5 */
#container_fascia5{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.prod-title-desc *{
    color: #0075c6;
}
.prod-title{
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}

.prod-desc{
  margin:0 30px 70px 30px;
  text-align:center;
  font-size:25px;
}

.card{
    display:flex;
}

.card-container{
  max-width:970px;
  margin-left:auto;
  margin-right:auto;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 380px;
  grid-gap: 10px;

}

.card-content{
  display:flex;
  flex-direction: column;
}

.logo-scuola{
  max-height: 300px;
  height:100%;
}

.card-subtitle{
  margin-top:20px;
  padding: 10px;
  text-align: center;
  max-height: 65px;
  color:white;
  background-color:#0075c6;
}

@media (max-width: 1400px) {

  #container_fascia5{
    max-width: 900px;
  }

  .card-container{
    grid-template-columns: 300px 300px 300px;
    grid-template-areas: "card-1 card-2 card-3"
  }

}

@media (max-width:1000px){

  #container_fascia5{
    max-width: 600px;
  }

  .card-title{
    font-size: 1em;
    margin-top: 0px;
    line-height: 1.2;
  }
  .card-subtitle{
    font-size:0.9em;
    margin-top:0px;
    line-height: 1;
  }
  .card-body{
    font-size:0.85em;
    margin-top:0px;
    line-height: 1.3;
  }

  .card-container {
    display: grid;
    grid-template-rows: 300px 300px
    grid-template-columns: 300px 300px;
    grid-template-areas: "card-1 card-2"
                         "card-3 card-4"
  }
}

@media (max-width:600px){

  .card-title{
    font-size: 1em;
    margin-top: 0px;
    line-height: 1.2;
  }
  .card-subtitle{
    font-size:0.9em;
    margin-top:0px;
    line-height: 1;
  }
  .card-body{
    font-size:0.85em;
    margin-top:0px;
    line-height: 1.3;
  }

  .card-container {
    display: grid;
    grid-template-rows: 200px 200px 200px 200px;
    grid-template-columns: 80vh;
    grid-template-areas: "card-1"
                         "card-2"
                         "card-3"
                         "card-4"
                         ;
    height:400px;
    overflow-y:scroll;
    margin-left: 10%;
    margin-right: 10%;
  }
}



/*Fine Template Homepage*/


/* Fascia Footer */

#footer{
  background-color: #0075c6;
  width: 100%;
  left: 0;
  bottom: 0;
  position:fixed;
}

#footer_container {
  background-color: #0075c6;
  color: white;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

.policy_links {
  display: flex;
  list-style: none;
  margin:0;
}


.policy_links li a {
  display: inline-block !important;
  padding: 15px !important;
  text-decoration: none !important;
  color: white !important;
  font-size: 20px !important;
}

.iub_footer{
    display:none !important;
}

#copy{
  padding-right: 15px;
  margin:0;
}

@media (max-width: 970px) {

  .policy_links li a {
    padding: 8px;
    font-size: 15px;
  }

  #copy{
    font-size: 15px;
  }
}

@media (max-width: 550px) {
    .policy_links li a{
      font-size: 15px!important;  
    }
}

@media (max-width: 400px) {

  .policy_links{
    max-width: 290px;
    margin-left:auto;
    margin-right: auto;
  }

  a.policy_links{
    flex-basis: 30%;
  }

  #copy{
    margin-bottom: 15px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

}
/*FAQ*/
div#fasciafaq {
    padding: 10px;
}
.faq{
    position: relative;
    margin-bottom: 1em;
    border-bottom: 1px solid #0075c6;
    max-width: 600px;
    margin: 0 auto;
}
.faq .viewA {
    position: absolute;
    top: 0;
    right: 0;
    content: '+';
    font-size: 1.5em;
    font-weight: 700;
    color: #0075c6;
}
.faq p{
    max-width: 95%;
}
p.domanda {
    position: relative;
    font-weight: 500;
    margin: 1em 0;
}
p.risposta {
    margin: 0 0 1em;
    transition: 0.2s all linear;
    opacity:0;
    position:absolute;
    color: #0075c6;
}
p.risposta.active{
    position:relative;
    opacity:1;
}
/*FINE FAQ*/