.section:nth-child(2n) {
    background-color:unset;
    overflow: hidden; /* Contain margins. */
  }
  .head-section{
    width:100%; 
    background-color: #f0b323 !important;
    color:#000 !important;
}
.gt1{
    font-weight: bold;
    font-size: 1.5em;
}
.gt2{
    
   margin: 0 0 1em 0 !important;
   color:#615e9b;
   width: 40%;
   /* font-style: oblique; */
  
}
.generic-titles-n{
    font-size: 1.7rem;
    margin: 0rem auto 2rem;
    font-style: bold;
    color: #1ea5e0;
}

.area-siders{
    margin-bottom: .8em;
    border-radius: 6px;
    font-size: .9rem;
    /* background-color: rgba(242, 242, 242, 1); */
}
.area-siders ul{
    list-style:decimal;
  }
  .area-siders li{
    margin-bottom:.9em;
    font-size:1em;
  }
.area-list{
    background-color:initial;
    
}

.item-title{
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: .4em;
    font-weight: 600;
}

.u-1of3 {
    width: 25% !important;
    flex: none !important;
}
.editora-detalhes{
    display:none;
}
.flexShow{
    display: flex;
}
button{
    background: #fff;
    padding:initial !important;
    margin:initial !important;

    border: initial !important;
    border-radius:initial !important;
    background: initial !important;
    background: initial !important;
    background: initial !important;
    background: initial !important;
    background: initial !important;
    text-shadow:initial !important;
    box-shadow:initial !important;
    min-width:initial !important;
    max-width:initial !important;

}
button{
        background: #fff;
        margin: .5em 0 .5em 0 !important;
        padding: .2em !important;
        text-align: left !important;
        color: #000 !important;
        font-weight: 600!important;
        font-size: .9em!important;
        width:100% !important;
        border-bottom: 1px solid rgba(0, 145, 216, 0.4) !important;
}
input[type="button"]:hover,button:hover{
    color:rgb(99, 98, 162) !important;
}
dl a{
    text-decoration: none;

}
dl a:hover{
    text-decoration:underline;
}
.editora-cell-detalhes{
    background-color: unset;
    border-radius: .6em;
    padding-bottom: 1em !important;
    margin: .5em;
    font-size: .8em;
}
.editoras-list dd{
    margin: .2em;
}

.area-button,.area-button:focus,.area-button:hover,.area-button:active{
    background: #0905f7;
    transition: background-color 0.3s;
    padding: .8em 1em;
    color: #fff;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 1em;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
    border-radius: 2em;
    min-width: 270px;
  }
  .area-button:focus,
  .area-button:hover {
    background: #0905f7;
    text-decoration:none;
    color:#FFFF80;
  }
  .area-button:active {
    color: #fff;
    text-decoration:none;
  
  }
  .area-button-green,.area-button-green:focus,.area-button-green:hover,.area-button-green:active{
    color:#fff;
    background-color: #529d39;
  
  }
  
  .area-button-blue,.area-button-blue:focus,.area-button-blue:hover,.area-button-blue:active{
    color:#fff;
    background-color: #009cde;
  
  }
  .area-button-orange,.area-button-orange:focus,.area-button-orange:hover,.area-button-orange:active{
    color:#6362a2;
    background-color: #f0b323;
  
  }
  .area-button-purple,.area-button-purple:focus,.area-button-purple:hover,.area-button-purple:active{
    color:#fff;
    background-color: #6362a2;
  
  }
/*media querys::devices*/

@media screen and (min-width: 0px) and (max-width: 768px) {
    .u-1of3 {
        width:initial !important;
        flex: none !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1120px) {
    .u-1of3 {
        width:initial !important;
        flex: none !important;
    }
    
}