/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by:
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@media (max-width: 1600px){
    #menu-header > nav > ul > li > a{ font-size: 1vw; }
}

@media (max-width: 1300px){
    .logo-header > h1{ font-size: 2vw; }
    section.section-title.books-list  > h2 {
        margin: 0 1vw;
        padding-right: 50px;
    }
}

@media (max-width: 1000px){
    .form-home-icons svg{width: 6.5vw;}
    header .logo-header{-webkit-column-gap: 4px;-moz-column-gap: 4px;column-gap: 4px;}
    section.section-title.text > h1 > span, 
    section.section-title > h2 > span,
    section.section-title.text > h3 > span{position: unset;}
    section.section-title.text > h1, 
    section.section-title > h2,
    section.section-title.text > h3{z-index: 99;}
    span .float-img.top-right.img-size.percent{right: 0 !important;}
    img.float-img.top-right.right-img-size.half.header {
        right: 0 !important;
        top: -5px;
    }
    .float-img.header {height: 50px !important;}
    header.active .float-img.header {height: 45px !important;}
    body.body-home{ margin-top: 50px;}
    .form-teacher-side .banner-form{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .form-teacher-side img {max-width: 350px;}
    .book-home .book-infos .book-code-list{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .my-list-container-books {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    div.container-escrito{width: 100%;}
    .page-my-list-books{width: 100%;}
    div.my-list-share{width: 100%;}
    div.container-escrito .lista-favoritos{width: 100%;}
    .my-list-copy{width:0%;}
    .fixed-code{
        right: 15px;
        width: 240px;
    }
    .fixed-code > input {width: 175px;}

    .menu-exibicao.ajuste{width: 100%;}

    .img-author{
        height: 23vw;
        width: 23vw;
    }

    .logo-header a{width: 150px;}
    .logo-header a:last-child{width: auto;}

    .not-home-content{margin-top: 0;}
    .show1000{display: block;}
    .hidde1000{ display: none; }
    .book-page-img h2{font-size: 1.3rem; margin-bottom: 7px;}
    .book-page-img h3{font-size: 1rem; margin-bottom: 15px;}
    body{ margin-top: 50px; }
    header .logo-header{ width: 100%; }
    #menu-header{ 
        position: absolute;
        -webkit-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        position: absolute;
        width: 100vw;
        height: 100vh;
        top: 0;
        left: 0;
        pointer-events: none;
        opacity: 0;
    }
    header.is-active #menu-header{
        background: #00000080;
        z-index: 99998;
        pointer-events: all;
        opacity: 1;
    }
    #menu-header > nav{
        -webkit-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        position: absolute;
        width: 300px;
        background: var(--primaryColor);
        height: 100vh;
        right: 100vw;
        top: 0;
        opacity: 1;
    }
    header.is-active #menu-header > nav{ right: calc(100vw - 300px); }
    header.is-active #menu-header > nav > ul{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: unset;
            -ms-flex-pack: unset;
                justify-content: unset;
        padding-top: 75px;
        margin-left: 30px;
    }
    header.is-active #menu-header > nav > ul > li{ margin-bottom: 25px; }
    header.is-active #menu-header > nav > ul > li > a{ 
        font-size: 1.2rem; 
        color: #FFF;
    }
    #menu-header > nav > ul > li > a.active{ border-bottom: 2px solid #FFF }
    .header-div.content-container { 
        padding: 0px 3vw; 
        height: 50px;
    }
    header.active .header-div{height: 40px !important;}
    .content-container { width: 94vw; }
    header img{ 
        z-index: 99999;
        width: 25%;
    }
    .hamburger.hamburger--collapse{ z-index: 99999; }

    section.section-title > h2{ font-size: 1.5rem; }

    .hamburger.hamburger--collapse{ display: block; }
    .menu-mobile{ display: block; }
    .menu-mobile > form{ 
        margin-bottom: 30px; 
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
    }
    .menu-mobile > form > div{ 
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        margin-right: 2%; 
        -ms-flex-wrap: wrap; 
            flex-wrap: wrap;
    }
    .menu-mobile > form p{ 
        font-size: .9rem;
        font-weight: bold;
        margin-right: 4px;
    }
    .menu-mobile > form select{ 
        border: none;
        border-bottom: 2px solid var(--primaryColor);
        background-color: #FFF;
        width: 100%;
    }
    .content-section.book-list{ display: block; }
    .content-section > .menu-lateral{ display: none; }
    .content-section > div{ 
        width: 96%;
        padding: 0 2%;
    }

    .home-teacher > div{
        width: 32%;
        padding: 0;
    }

    .home-infos{ display: block; }
    .home-infos > div{ 
        width: 91% !important; 
        margin-bottom: 15px;
    }
    div.form-teacher-side{ padding: 30px 3.99%; }
    
    section.section-title{ margin-bottom: 30px; }
    section.section-title > hr{ top: 2px; }

    .all-book-infos{
        display: -ms-grid;
        display: grid;
        -webkit-column-gap: 20px;
           -moz-column-gap: 20px;
                column-gap: 20px;
    }
    .cover-book img{max-width: 350px;}
    .cover-book{
        -ms-grid-row: 1;
            grid-row-start: 1;
        -ms-grid-row-span: 0;
        grid-row-end: 1;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        width: 100%;
        margin-bottom: 25px;
    }
    .infos-book{
        -ms-grid-row: 3;
            grid-row-start: 3;
        -ms-grid-row-span: 0;
        grid-row-end: 3;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
        width: 100%;
    }
    .codes-book{
        -ms-grid-row: 1;
            grid-row-start: 1;
        -ms-grid-row-span: 0;
        grid-row-end: 1;
        -ms-grid-column: 3;
            grid-column-start: 3;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
        width: 100%;
        margin-bottom: 25px;
    }
    .book-page .book-home{ min-width: 70%; }
    .content-container2{ margin: 0 3vw; }
    .home-infos > div:first-child{ padding: 30px 4% 15px 4%; }
    .infos-book > section > div:last-child{width: 100%; height: 20px;}
    .infos-book > section > div > img { height: 100%; }

    .registers-title { top: 3px; }

    .my-list{
        bottom: 15px;
        right:15px;
        width: 234px;
    }
    .container-codes > section > input{width: 175px;}
    .float-quant-livros{right: 55px;}

    img.livro-selo{left: 0;}
}

@media (max-width: 800px){
    .nova-img-materiais{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
    .book-home .book-infos .book-code-list input{
        width: 123px;
        font-size: .8rem;
        padding: 0;
    }
    #show-books {grid-template-columns: repeat(auto-fill,minmax(180px,1fr));}

    .book-home .book-infos .book-code-list p{font-size: clamp(.75rem, 2vw, 1rem);}
}

@media (max-width: 700px){
    #show-books{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-column-gap: 10px !important;
           -moz-column-gap: 10px !important;
                column-gap: 10px !important;
        row-gap: 20px !important;
    }
    #show-books-father{
        width: 100% !important;
        padding: 0 !important;
    }
    #show-books.layout .book-home{
        width: calc(50% - 8px);
        min-width: unset !important;
    }

    .float-img.top-right.percent.especifico{right: -20px;}

    section.section-title.text > h1{
        font-size: 1.4rem;
        padding-right: 50px;
    }
    .right-img-size.half {right: -15px !important;}
    img.float-img.top-right.top-img-size.left-img-size.half {
        left: 0 !important;
        top: -20px !important;
    }
    .top-right.percent{top: -75% !important}
    .float-img{width: 65px !important;}
    .layout-banner-inferior.mobile{display: block;}
    .layout-banner-inferior.desk{display: none;}
    #userInfosReadBook{
        left: -2px;
        top: 44px;
        border-radius: 0 0 10px 10px;
        width: calc(100% - 20px);
        border-top: 2px solid #FFF;
    }
    .get-user-infos.active > a{
        border-right: none;
        border-bottom: 2px solid #FFF;
    }
    .get-user-infos.active {
        border-radius: 10px 10px 0 0 !important;
        width: 80% !important;
        margin-left: 0%;
    }

    .div-faq{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .div-faq img{
        width: 200px !important;
        height: auto !important;
        margin-bottom: 10px;
    }

    .content-container .cadastro-container {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .cadastro-simples{
        width:80%;
        margin-bottom:20px;
    }
    .cadastro-completo{
        width:80%;
    }

    .carousel-home-desk{display: none !important;}
    .owl-carousel.owl-loaded.carousel-home-mobile{display: block;}

    .menu-mobile > form > div { 
        width: 48%; 
        -ms-flex-wrap: nowrap; 
            flex-wrap: nowrap;
        margin-bottom: 5px;
    }
    .menu-mobile > form{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .menu-mobile > form > div p{
        width: 30%;
        text-align: center;
    }
    .menu-mobile > form > div select{ width: 70%; }
    .book-line{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .book-line > section{min-width: 140px;}
    .home-teacher{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .home-teacher > div {
        width: 42% !important;
        margin-bottom: 15px;
        padding: 0 3%;
        height: 125px;
    }
    .home-teacher div.last-card-teacher{ width: 42% !important; }

    .home-news > div:first-child > a{ width: 48%; }
    .home-news > div:first-child > a:last-child { display: none; }
    .home-news > div:last-child > button{ width: 170px; }
    .home-news > div:last-child > label {
        font-size: .8rem;
        text-align: end;
    }
    
    .book-tab{ padding: 20px 15px; }

    .home-teacher > div > a > h3{ font-size: 1rem; }

    #book-author.active > p{width: 69%;}
    .show-new h1{ font-size: 1.5rem; }
    .show-new .data{ font-size: .9rem; }

    .author-list{ min-width: 50%; }
    .author-list div {
        width: 100px;
        height: 100px;
        margin: 0 10px;
    }
    .author-list p:nth-child(1) {
        width: 75px;
        margin: 0 10px;
    }
    .author-list a {
        font-size: 1rem;
        text-align: center;
    }

    .search-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; }
    .letters{ margin-bottom: 10px; }

    .dinamic-form li{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .dinamic-form li .left{ 
        width: 100%; 
        -webkit-box-pack: unset; 
            -ms-flex-pack: unset; 
                justify-content: unset;
        margin-bottom: 3px;
    }
    .dinamic-form li .right{
        width: 100%;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .dinamic-form li .right input[type=text], 
    .dinamic-form li .right select{
        width: 100%;
    }
    .dinamic-form li .right textarea, 
    .dinamic-form li .right select.multi-select{ width: 100%; }

    .mida-group-item {
        width: 50%;
        margin-bottom: 20px;
    }

    .listagem-imagens{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
    }

    .listagem-imagens > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1;
    }

    .listagem-imagens > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 2;
    }
    
    .listagem-videos{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto;
        justify-items: center;
    }
    
    .listagem-videos > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1;}

    .home-news .owl-theme .owl-nav .owl-prev,
    .home-news .owl-theme .owl-nav .owl-next{height: 34px;}
}

@media (max-width: 600px){
    .imagem-materiais{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 12px;
    }
    .imagem-materiais img{max-width: 80% !important;}
    .div-autoras{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    #book-video iframe{
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        padding: 15px;
    }
    .centralizado{
        -ms-grid-column-span: 2;
        grid-column-end: 3;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-row: 3;
            grid-row-start: 3;
        -ms-grid-row-span: 0;
        grid-row-end: 3;
        width: 40% !important;
    }

    .hidde600{display: none;}
    .show600{display: block;}

    .infos-footer > div{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
    }
    .infos-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .infos-footer > div.construtiva{ margin-top: 10px; }

    footer img{
        width: 50%;
        margin-bottom: 10px;
    }

    .logos-editors > div{
        grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
        margin-top: 15px;
    }
    
    .logo-header > h1{ font-size: 1.2rem !important; }
    .home-infos > div:first-child > form > div > input{ margin-left: 0; }
    .home-infos > div:first-child > form > div > textarea { margin-left: 0; }
    .logos-editors > h2{ font-size: 1.5rem; }

    .news-filter{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .news-field-filter{ margin-bottom: 8px; }
    .news-field-filter p{ width: 20%; }
    .news-field-filter select.mobile{ width: 100%; }
    .news-field-filter input.mobile{ width: 100%; }
    
    .form-recaptcha{
        gap: 12px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: end;
            -ms-flex-align: end;
                align-items: flex-end;
    }
}

@media (max-width: 500px){
    section.section-title > h2 {
        margin-left: 1.5vw;
        padding-right: 25px !important;
    } 
    .book-home .book-infos .book-code-list label{display: none;}

    .mida-group-item .link-light{min-height: unset;}
    .mida-group-item .midia-img{
        min-height: unset;
        height: 50vw;
    }
    .form-teacher-side.cadastre-se h2{padding: 7px 0px;}

    header .logo-header a h1{
        font-size: 1.25rem;
        margin-left: 5px;
    }

    .show-author{display: block;}
    .author-right{width: 100%;}
    .author-left{
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin-bottom: 10px;
    }
    .author-left img{width: 60%;}

    .hidde500{ display: none; }
    .show500{display: block;}
    .link-news { width: 100%; }
    section.section-title > h2{
        font-size: 1.1rem;
    }
    .menu-mobile > form > div { 
        width: 100%; 
        -ms-flex-wrap: nowrap; 
            flex-wrap: nowrap;
        margin: 0 0 5px 0 !important;
    }
    .cover-book{
        -ms-grid-row: 1 !important;
            grid-row-start: 1 !important;
        -ms-grid-row-span: 0 !important;
        grid-row-end: 1 !important;
        -ms-grid-column: 1 !important;
            grid-column-start: 1 !important;
        -ms-grid-column-span: 3 !important;
        grid-column-end: 4 !important;
    }
    .infos-book{
        -ms-grid-row: 2 !important;
            grid-row-start: 2 !important;
        -ms-grid-row-span: 0 !important;
        grid-row-end: 2 !important;
        -ms-grid-column: 1 !important;
            grid-column-start: 1 !important;
        -ms-grid-column-span: 3 !important;
        grid-column-end: 4 !important;
        padding: 0 3%;
        width: 94%;
        margin-bottom: 30px;
    }
    .codes-book{
        -ms-grid-row: 3 !important;
            grid-row-start: 3 !important;
        -ms-grid-row-span: 0 !important;
        grid-row-end: 3 !important;
        -ms-grid-column: 1 !important;
            grid-column-start: 1 !important;
        -ms-grid-column-span: 3 !important;
        grid-column-end: 4 !important;
        padding: 0 3%;
        width: 94%;
    }
    .infos-book > section > div > h2{ font-size: 1.3rem; }
    .infos-book > section > div > h3{ font-size: 1rem; }
    .cover-book img{ width: 100%; }

    .logo-header > h1{ 
        font-size: 1rem !important; 
        margin-left: 5px;
    }
    
    .home-teacher > div > a > svg{ height: 60px; }
    .book-prev-next > section{ width: 40%; }
    .book-prev-next > section > a > p{ font-size: .78rem; }
    .all-book-infos{ margin-top: 20px; }

    header img{
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s;
        width: 100%;
        min-width: unset;
    }
    .logo-header a{width: 135px;}
}

@media (max-width: 420px){
    .book-home .book-infos .book-code-list input {
        width: 120px !important;
        font-size: .75rem;
    }

    .book-home .book-infos .book-code-list > img{width: 12px;}
}

@media (max-width: 400px){
    .section-title h2 .top-right.percent {right: -5px;}   

    .book-home .book-infos .book-code-list{padding: 0;}
}

@media (max-width: 370px){
    img.float-img.top-right.right-img-size.half.header {display: none;}
}