@import url("https://fonts.googleapis.com/css?family=Baloo Thambi 2");
@import url("https://fonts.googleapis.com/css?family=Roboto Slab");
@import url("https://fonts.googleapis.com/css?family=Crimson Text");
@import url("https://fonts.googleapis.com/css?family=Gentium Basic");

*{
    /*margin: 0px;
    padding: 0px;*/
    box-sizing: border-box;
    outline: 0px;
}

:root{
    --ideal-blue: #0096d5;
    --ideal-blue-light: #d1f5ff;
    --ideal-blue-medio: #66ccff;
    --ideal-blue-dark: #002d60;
    --ideal-red: #e30009;
    --ideal-red-light-light: #ffeeef;
    --ideal-red-light: #ffcfd1;
    --ideal-red-medio: #ff9599;
    --ideal-red-dark: #880005;
    --ideal-beige: #eee8a9;
    --ideal-green-light: #7cfac3;
    --ideal-green-medio: #3ec08d;
    --ideal-green-dark: #008a5b;
    --cinza: #555;
    --cinza-claro: #ccc;
    --cinza-escuro: #222;
}

html{
    background-color: #fcfcfc;
    font-family: 'Baloo Thambi 2', sans-serif !important;
    color: var(--cinza) !important;
    font-size: 100%;
    background-color: #f0f0f0;
}

body{
    margin: 0px;
    padding: 0;
    background-color: #fff;
}
@media only screen and (min-width: 850px){
    body{
        max-width: 2000px;
        margin: auto;
    }
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto Slab';
    font-family: 'Crimson Text';
    font-family: 'Gentium Basic';
    color: #111;
}
h1{font-size: 200%; margin-bottom: 0.7em; margin-top: 0.7em; border-bottom: solid 1px var(--cinza-claro);}
h2{font-size: 180%; margin-bottom: 0.6em; margin-top: 0.6em;}
h3{font-size: 160%; margin-bottom: 0.5em; margin-top: 0.5em;}
h4{font-size: 140%; margin-bottom: 0.4em; margin-top: 0.4em;}
h5{font-size: 120%; margin-bottom: 0.3em; margin-top: 0.3em;}
h6{font-size: 100%; margin-bottom: 0.2em; margin-top: 0.2em;}

hr{
    border: 0px;
    border-top: solid 1px #ccc;
    width: 100%
}
a:link, a:visited{
    color: var(--ideal-blue);
    text-decoration: none;
}

p{
    text-indent: 0em;
}

input[type=email]:invalid{
    color: #a00;
}

button{
    padding: 0.3em;
    font: inherit;
    outline: none;
    border: none;
    border-radius: 0.3em;
    color: white;
}

@media only screen and (min-width: 850px){
    body{
        /*margin-left: 3em;
        margin-right: 3em;*/
    }
}

.ideal-button{
    background: var(--ideal-blue);
}
.ideal-button:active{
    background: var(--ideal-blue-dark);
}
.ideal-button-red{
    background: var(--ideal-red);
}
.ideal-button-red:active{
    background: var(--ideal-red-dark);
}

/***** HEADER template_header_class.php *****/
#ideal-header{
    display: flex;
    flex-direction: column;
    gap: 1px;
    justify-content: center;
    align-items: center;
    padding-top: 0.5em;
    padding-bottom: 0.0em;
    padding-left: 0em;
    padding-right: 0em;
    box-shadow: 0px 1px 5px rgba(0,0,0,.4);
    position: relative;
    width: 100%;
}
#ideal-header .header-logo{
    max-width: 200px;
}
#ideal-header .logo{
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*border: solid 1px red;*/
}
#ideal-header .header-address{
    text-align: center;
    display: block;
    font-weight: bold;
    color: var(--ideal-red);
}

#ideal-header .icone-localizacao-busca{
    display: flex;
    flex-direction: column;
}
#ideal-header .icone-img img{
    width: 30px;
}
#ideal-header .icone-localizacao-click{
    display: none;
}
#ideal-header .icone-localizacao-click:checked ~ .localidade-busca #form-localizacao-header{
    display: block;
    box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, 0.2);
}
#ideal-header .icone-search-click{
    display: none;
}
#ideal-header .icone-search-click:checked ~ .localidade-busca #form-busca-header{
    display: block;
    box-shadow: 0px 1px 10px 3px rgba(0, 0, 0, 0.2);
}
#ideal-header .localidade-busca{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 1;
    padding: 0.5em;
    /*background-color: white;*/
}

/***** FORM LOCALIZACAO-HEADER *****/
#form-localizacao-header{
    display: none;
    background-color: var(--ideal-blue-light);
    padding: 0.5em;
    padding-top: 1em;
    border-radius: 5px;
    width: 100%;
}
/***** FORM BUSCA-HEADER *****/
#form-busca-header{
    display: none;
    background-color: var(--ideal-blue-light);
    padding: 0.5em;
    padding-top: 1em;
    border-radius: 5px;
    width: 100%;
}
#ideal-header .localidade-busca .close{
    position: absolute;
    right: 0.5em;
    top: 0;
    font-size: 200%;
    font-weight: bold;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
/* MENU */
#ideal-header .header-menu{
    display: flex;
    flex-direction: row;
    gap: 2em;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    background-color: var(--ideal-blue);
    border-bottom: solid 1px var(--ideal-blue-dark);
    color: white;
    font-size: 110%;
    font-weight: bold;
}
#ideal-header .menu-click{
    display: none;
}
#ideal-header .icone-menu-click{
    display: none;
}
#ideal-header .icone-menu-click:checked ~ .menu-click{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 70vw;
    z-index: 1;
    background-color: var(--ideal-blue-light);
    padding: 0em;
    padding: 0.5em;
    padding-top: 0.5em;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 0vw;
    margin-right: 0vw;
    margin-top: 0vw;
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.4);
}
#ideal-header .menu-click .close{
    position: absolute;
    right: 0.5em;
    top: 0;
    font-size: 200%;
    font-weight: bold;
    padding-left: 0.3em;
    padding-right: 0.3em;
}
#ideal-header .menu-click .menu-item{
    display: block;
    color: white;
    font-weight: bold;
    border-radius: 5px;
    background-color: var(--ideal-blue);
    border-bottom: solid 1px var(--ideal-blue-dark);
    padding-top: 5px;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 5px;
}

/***** HEADER - TABLET & DESKTOP *****/
@media only screen and (min-width: 850px){
  #ideal-header{
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 2em;
      padding-top: 0.5em;
      padding-bottom: 0.0em;
      padding-left: 1em;
      padding-right: 1em;
      box-shadow: 0px 1px 5px rgba(0,0,0,.4);
      justify-content: center;
      position: relative;
  }
  #ideal-header .header-menu{
      display: none;
  }

  #ideal-header .logo{
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: fit-content;
  }
  #ideal-header .header-logo{
    /* A LOGO SE ALINHA COM O MENU DA ESQUERDA. VER #ideal-aside-menu-projetos .menu */
    width: 200px;
}
  #ideal-header .localidade-busca{
    display: block;
    position: relative;
    width: 100%;
    /*border: solid 1px green;*/
}
  #ideal-header .localidade{
      display: block;
      width: 100%;
  }

  /***** FORM LOCALIZACAO-HOME *****/
  #form-localizacao-header{
      display: flex;
      flex-direction: row;
      gap: 1em;
      margin-bottom: 1em;
      background-color: var(--ideal-blue-light);
      padding: 0.5em;
  }
  #form-localizacao-header label{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 0em;
      width: 100%;
  }
  #form-localizacao-header select{
      margin-bottom: 0em;
  }
  /***** FORM BUSCA-HEADER *****/
  #form-busca-header{
      display: flex;
      margin-bottom: 0.5em;
      padding: 0.5em;
      flex-direction: row;
      gap: 1em;
      background-color: var(--ideal-blue-light);
      border-radius: 5px;
      width: 100%;
  }
  #form-busca-header label{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: baseline;
      width: 100%;
      margin-bottom: 0em;
  }
  #ideal-header .localidade-busca .close{
      display: none;
  }
  #ideal-header .icone-localizacao-busca{
    display: none;
  }
  #ideal-header .icone-menu{
    display: none;
  }
}

/***** MAIN  - COMMON *****/
.ideal-main{
    padding: 1em;
}

/***** ASIDE - template_aside_parceiros.php *****/
#ideal-aside-parceiros{
    margin-left: 1em;
    margin-right: 1em;
    border-top: solid 1px #ddd;
}
#ideal-aside-parceiros .editorial-titulo{
    text-align: center;
    background-color: var(--ideal-red);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: solid 1px var(--ideal-red);
    border-bottom: solid 2px var(--ideal-red);
    color: var(--ideal-red-dark);/*aloisio*/
    background-image: repeating-linear-gradient(135deg, #cd6e5e, #cd6e5e 1px, #e97d6b 1px, #e97d6b 6px);
    margin: 0;
}
#ideal-aside-parceiros .aside-editorial{
    padding: 5px;
    border: solid 1px #cd6e5e;
    /*background-color: var(--ideal-red-light-light);*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0;
}
#ideal-aside-parceiros .main-aside-flex{
    display: grid;
    grid-template-columns: 100%;
    gap: 0.5em;
    justify-content: center;
    width: fit-content;
    margin: auto;
}
#ideal-aside-parceiros article{
    margin-bottom: 1em;
}
#ideal-aside-parceiros .aside-editorial .editor{
    font-size: 90%;
    text-align: center;
}
#ideal-aside-parceiros .aside-editorial .titulo{
    text-align: center;
    font-weight: bold;
}
#ideal-aside-parceiros .aside-editorial img{
    display: block;
    margin: auto;
}
#ideal-aside-parceiros .aside-editorial .mais{
    display: block;
    text-align: right;
    width: 100%;
}
#ideal-aside-parceiros .main-aside-flex img{
    /* ESSA IMAGEM É O RETÂNGULO DE PUBLICIDADE/PARCERIA */
    width: 180px;
    height: 150px;
}
/***** ASIDE - TABLET & DESKTOP *****/
@media only screen and (min-width: 850px){
  #ideal-aside-parceiros{
    margin-left: 0;
    margin-right: 0;
    padding-left: 1em;
    padding-right: 1em;
    display: block;
    width: 100%;
    margin-top: 1em;
    border-top: solid 0px #ddd;
/*    margin-bottom: 1em;
    border-left: solid 1px var(--cinza-claro);*/
    /*box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);*/
  }
  #ideal-aside-parceiros .main-aside-flex{
    display: flex;
    align-items: center;
    flex-direction: column;
  }
}

/***** ASIDE - template_aside_menu_projetos.php *****/
#ideal-aside-menu-projetos{
    display: none;
    padding-left: 1em;
    padding-right: 1em;
    margin-top: 1em;
    /*margin-bottom: 1em;*/
    text-align: center;
}

#ideal-aside-menu-projetos .menu .menu-item{
    padding: 0.1em;
}

#ideal-aside-menu-projetos .projetos .projetos-titulo{
    background-color: var(--ideal-blue-light);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: solid 1px var(--ideal-blue);
    border-bottom: solid 2px var(--ideal-blue);
    color: var(--ideal-blue-dark);
    background-image: repeating-linear-gradient(135deg, var(--ideal-blue-medio), var(--ideal-blue-medio) 1px, var(--ideal-blue-light) 1px, var(--ideal-blue-light) 6px);
}
#ideal-aside-menu-projetos .projetos .projetos-veja-mais{
    background-color: var(--ideal-blue-light);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: solid 1px var(--ideal-blue);
    border-top: solid 2px var(--ideal-blue);
    color: var(--ideal-blue-dark);
    background-image: repeating-linear-gradient(135deg, var(--ideal-blue-medio), var(--ideal-blue-medio) 1px, var(--ideal-blue-light) 1px, var(--ideal-blue-light) 6px);
}

@media only screen and (min-width: 850px){
    #ideal-aside-menu-projetos{
        display: flex;
        flex-direction: column;
        gap: 1em;
        width: auto;
    }

    #ideal-aside-menu-projetos .menu{
        /* ESTE MENU SE ALINHA COM A LOGO. VER #ideal-header .logo */
        width: 200px;
    }
    #ideal-aside-menu-projetos .menu .menu-item{
        border-bottom: solid 1px var(--ideal-blue-dark);
        background-color: var(--ideal-blue);
        color: white;
        font-weight: bold;
        display: block;
        width: 100%;
        border-radius: 5px;
    }
    #ideal-aside-menu-projetos .menu-item:hover{
        background-color: var(--ideal-blue-dark);
    }
    #ideal-aside-menu-projetos .projetos .projetos-grid{
        display: grid;
        grid-gap: 0px;
        /*grid-template-columns: repeat(auto-fit, minmax(100%, 100%));*/
        grid-template-columns: repeat(auto-fill, 100px) repeat(auto-fill, 100px);
        grid-template-columns: 100px 100px;
    }
    #ideal-aside-menu-projetos .projetos .projetos-grid a{
        width: 100px;
        height: 100px;
    }
    #ideal-aside-menu-projetos .projetos .projetos-grid img{
        width: 100px;
        height: 100px;
        object-fit: fill;
    }
}

/***** FOOTER *****/
#ideal-footer{
    background-color: var(--cinza);
    color: white;
    font-size: 90%;
    padding: 0.5em;
    margin-top: 1em;
}
#ideal-footer hr{
    border: 0px;
    border-bottom: solid 1px;
}
#ideal-footer section{
    padding-top: 1em;
    padding-bottom: 1em;
}
#ideal-footer a{
    display: block;
    color: white;
    text-decoration: none;
}
#ideal-footer .social{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#ideal-footer .social-image{
    max-width: 30px;
}
#ideal-footer .footer-menu{
    display: flex;
    justify-content: space-around;
}
#ideal-footer .copyright{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#ideal-footer .copyright a{
    display: flex;
    justify-content: center;
}
#ideal-footer .copyright img{
    max-height: 50px;
}
#ideal-footer .copyright span{
    display: block;
    flex-grow: 1;
    margin: auto;
}

/***** HOME MAIN CONTENT - template_main_home.php *****/
#main-home{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1em;
    padding-top: 0;
}
#main-home .noticias-grid{
    display: grid;
    gap: 0.5em;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-bottom: 1em;
}
#main-home .noticias-grid img{
    object-fit: cover;
    width: 100%;
    height: 140px;
}
#main-home .noticias-grid article{
}
#main-home .noticias-grid .localidade{
    font-size: 90%;
}
#main-home .videos-grid{
    width: 100%;
    display: flex;
    flex-direction: column;
}
#main-home .videos-grid .video-destaque{
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    margin-bottom: 0.5em;
}
#main-home .videos-grid .video-destaque video, #main-home .videos-grid .video-destaque iframe{
    position: absolute;
    top: 0;
    width: inherit;
    left: 0;
    height: 100%;
}
#main-home .videos-grid .video-thumbnails{
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}
#main-home .videos-grid .video-thumbnails .thumbnail{
    display: flex;
    flex-direction: column;
    width: 45%;
    gap: 1px;
    cursor: pointer;
}
#main-home .videos-grid .video-thumbnails .thumbnail img{
    width: 100%;
}
#main-home .videos-grid .video-thumbnails .thumbnail video{
    width: 100%;
}

/* Titulos das Editorias na home*/
.editoria-home .editoria-titulo{
    color: var(--ideal-red)
}
@media only screen and (min-width: 850px){
    /* Main */
    #main-home{
        padding-left: 1em;
        padding-right: 1em;
        border-left: solid 1px var(--cinza-claro);
        border-right: solid 1px var(--cinza-claro);
    }
    #main-home .noticias-grid{
        display: grid;
        gap: 1em;
        row-gap: 3em;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    }
    #main-home .noticias-grid img{
        object-fit: contain;
        width: 100%;
        height: 140px;
    }
    #main-home .noticias-grid article{
        border: solid 1px #ddd;
        padding: 5px;
    }
    #main-home .videos-grid .video-thumbnails{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 100%;
        gap: 10px;
        justify-content: space-between;
        align-items: flex-start;
        padding-top: 10px;
        padding-bottom: 10px;
        padding: 10px;
        /*background-color: #aaa;*/
        background-color: var(--ideal-blue-light);
        border-radius: 5px;
    }
    #main-home .videos-grid .video-thumbnails .thumbnail{
        display: flex;
        flex-direction: column;
        max-width: 100%;
        width: 100%;
        gap: 1px;
        cursor: pointer;
    }
    #main-home .videos-grid .video-thumbnails .thumbnail video{
        /*width: 150px;*/
        margin: auto;
        margin-top: 0;
        margin-bottom: 0;
        min-height: 80px;
    }
    #main-home .videos-grid .video-thumbnails .thumbnail img{
        /*width: 150px;*/
        margin: auto;
        margin-top: 0;
        margin-bottom: 0;
        min-height: 80px;
        object-fit: contain;
    }
    #main-home .videos-grid .video-thumbnails .thumbnail .titulo{
        padding-top: 0.5em;
        width: 100%;
        text-align: center;
        margin: 0;
        margin-top: 0;
        margin-bottom: 0;
        color: black;
    }
/*    #main-home .videos-grid .video-thumbnails .thumbnail:not(:last-child){
    }*/
    /* Seção das Editorias na home*/
    #main-home .editoria-home a{
        font-size: 110%;
    }
}

/***** NOTÍCIAS MAIN - template_main_videos.php *****/
#main-videos{
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    margin-top: 1em;
}
#main-videos .video-item{
    cursor: pointer;
}
#main-videos .video-item .video-titulo{
    height: fit-content;
}
#main-videos .video-item a{
    width: fit-content;
    color: initial;
    /*border: solid 1px red;*/
/*    display: flex;
    flex-direction: row;
    gap: 1em;*/
}
#main-videos .thumbnail img{
    width: 100%;
}
#main-videos .thumbnail video{
    width: 100%;
}
#main-videos #play-video-modal{
    display: none;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#main-videos #play-video-modal .modal-body{
    background-color: #fefefe;
    margin: auto;
    position: relative;
    padding: 2em;
    padding-top: 3em;
    border: 1px solid #888;
    border-radius: 5px;
    /*max-height: 90vh;
    max-width: 90vw;*/
    width: 100vw;
}
#main-videos #play-video-modal .modal-body .modal-close-icon {
    color: #aaaaaa;
    position: absolute;
    border: solid 0px red;
    right: 0.5em;
    top: 0em;
    font-size: 2em;
    font-weight: normal;
}
#main-videos #play-video-modal .modal-body .modal-content{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

#main-videos #play-video-modal .modal-body .modal-close-icon:hover,
#main-videos #play-video-modal .modal-body .modal-close-icon:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#main-videos #play-video-modal .modal-body .modal-content iframe{
    width: 100%;
}
@media (orientation: portrait){
    #main-videos #play-video-modal .modal-body{
        width: 90%;
        height: 50%;
    }
}
@media (orientation: landscape){
    #main-videos #play-video-modal .modal-body{
        width: 90%;
        height: 80%;
    }
}
@media only screen and (min-width: 850px){
    #main-videos .video-item .thumbnail{
        display: flex;
        flex-direction: row;
        gap: 0.5em;
    }
    #main-videos .video-item .video-titulo{
        width: 60%;
    }
    #main-videos .video-item .thumbnail img{
        width: 40%;
    }
    #main-videos .video-item .thumbnail video{
        width: 40%;
    }
    #main-videos #play-video-modal .modal-body{
        width: 90%;
        height: 80%;
    }
}

/***** FIM *****/

/***** NOTÍCIAS MAIN - template_main_noticias.php *****/
#main-noticias{
    border-left: solid 1px #ddd;
    border-right: solid 1px #ddd;
    margin-top: 1em;
}
#main-noticias .noticia-item{
    display: flex;
    flex-direction: row;
    gap: 1em;
}
#main-noticias .noticia-item img{
    width: 75px;
    height: 75px;
    object-fit: contain;
    background-color: #efefef;
    border: solid 1px #aaa;
}
#main-noticias .noticia-item .legenda{
    width: 100%;
    text-align: right;
}
#main-noticias .noticia-item .noticia-info{
    width: 100%;
}
@media only screen and (min-width: 850px){
    #main-noticias{
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        margin-top: 1em;
    }
    #main-noticias .noticia-item img{
        width: 150px;
        height: 150px;
    }
    #main-noticias .noticia-item .legenda{
        width: 100%;
        text-align: left;
    }
}
/* FIM */

/***** NOTÍCIA ITEM MAIN - template_main_noticia_item.php aloisio *****/
#main-noticia-item article img{
    max-width: 100%;
}
#main-noticia-item article .video{
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
#main-noticia-item article .video iframe{
    position: absolute;
    top: 0;
    width: inherit;
    left: 0;
    height: 100%;
    border: none;
    margin-top: 1em;
    margin-bottom: 1em;
}
#main-noticia-item .localidade{
    display: block;
    font-size: 90%;
}
#main-noticia-item .noticia-item-content{
    max-width: 100%;
}
#main-noticia-item .noticia-item-content img{
    width: 40%;
    max-width: 150px;
    display: block;
    float: left;
    margin-right: 1em;
    margin-bottom: 0em;
}
#main-noticia-item article a{
    display: block;
    width: 100%;
    overflow-x: hidden;
}
#main-noticia-item .galeria{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    gap: 2em;
}
#main-noticia-item .galeria img{
    width: 35%;
    height: 100px;
    cursor: pointer;
    object-fit: contain;
    order: solid 1px #dadada;
    ackground-color: #efefef;
    order-radius: 5px;
}
#main-noticia-item .galeria img:hover{
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.2);
}
/* fotos-modal - abre modal para exibir a foto clicada */
#main-noticia-item #fotos-modal{
    display: none;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#main-noticia-item #fotos-modal .modal-body{
    background-color: #fefefe;
    margin: auto;
    position: relative;
    padding: 2em;
    padding-top: 3em;
    border: 1px solid #888;
    border-radius: 5px;
    max-height: 90vh;
    max-width: 90vw;
}
@media (orientation: portrait){
    #main-noticia-item #fotos-modal .modal-body{
        width: 90vw;
        max-width: 90vw;
    }
    #main-noticia-item #fotos-modal .modal-content{
        width: 100%;
        max-width: 100%;
        height: fit-content;
        max-height: 90vh;
        display: flex;
        flex-direction: column;
        gap: 1em;
    }
    #main-noticia-item #fotos-modal .modal-content .main-foto{
        width: 100%;
        max-width: 100%;
        position: relative;
        order: solid 1px red;
    }
    #main-noticia-item #fotos-modal .modal-content .main-foto img{
        max-width: inherit;
    }
}
@media (orientation: landscape){
    #main-noticia-item #fotos-modal .modal-body{
        height: 90vh;
        max-height: 90vh;
    }
    #main-noticia-item #fotos-modal .modal-content{
        height: 100%;
        max-height: 100%;
        width: fit-content;
        max-width: 90vw;
        display: flex;
        flex-direction: column;
        gap: 1em;
    }
    #main-noticia-item #fotos-modal .modal-content .main-foto{
        height: inherit;
        max-height: inherit;
        width: 100%;
        display: flex;
        order: solid 1px blue;
    }
    #main-noticia-item #fotos-modal .modal-content .main-foto img{
        max-height: inherit;
        margin: auto;
    }
}
#main-noticia-item #fotos-modal .modal-body .modal-close-icon {
    color: #aaaaaa;
    position: absolute;
    border: solid 0px red;
    right: 0.5em;
    top: 0em;
    font-size: 2em;
    font-weight: normal;
}
#main-noticia-item #fotos-modal .modal-body .modal-close-icon:hover,
#main-noticia-item #fotos-modal .modal-body .modal-close-icon:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
/* fotos-modal2 - abre modal para exibir as fotos da galeria */
#main-noticia-item #fotos-modal2{
    display: none;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}
#main-noticia-item #fotos-modal2 .modal-body{
    margin: auto;
    position: relative;
    /*padding: 2em;
    padding-top: 3em;
    border: 1px solid #888;
    background-color: white;*/
    border-radius: 5px;
    max-width: 95vw;
}
#main-noticia-item #fotos-modal2 .modal-body .modal-content img{
    max-width: 100%;
}
#main-noticia-item #fotos-modal2 .modal-body .modal-close-icon {
    color: white;
    text-shadow: -1px -1px black, 1px 1px black, 1px -1px black, -1px 1px black;
    border: solid 0px red;
    position: absolute;
    right: 0.5em;
    top: 0;
    padding: 0px;
    text-align: justify;
    border-radius: 5px;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
}
/*#main-noticia-item #fotos-modal2 .modal-body .modal-close-icon:hover,
#main-noticia-item #fotos-modal2 .modal-body .modal-close-icon:focus {
    color: #000;
    text-decoration: none;
}*/
#main-noticia-item #fotos-modal2 .modal-body .modal-next-icon {
    color: white;
    text-shadow: -1px -1px black, 1px 1px black, 1px -1px black, -1px 1px black;
    border: solid 0px red;
    position: absolute;
    right: 0.5em;
    top: calc(50% - 1em);
    padding: 0px;
    text-align: justify;
    border-radius: 5px;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
}
#main-noticia-item #fotos-modal2 .modal-body .modal-previous-icon {
    color: white;
    text-shadow: -1px -1px black, 1px 1px black, 1px -1px black, -1px 1px black;
    border: solid 0px red;
    position: absolute;
    left: 0.5em;
    top: calc(50% - 1em);
    padding: 0px;
    text-align: justify;
    border-radius: 5px;
    font-size: 1.5em;
    font-weight: bold;
    cursor: pointer;
}


@media only screen and (min-width: 850px){
    #main-noticia-item{
        margin-top: 1em;
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
    }
    #main-noticia-item{
        margin-left: 15%;
        margin-right: 15%;
    }
    #main-noticia-item .galeria img{
        width: 200px;
        height: 150px;
    }
    #main-noticia-item .noticia-item-content{
        column-count: 2;
    }
}
@media only screen and (min-width: 1000px){ /* APENAS PARA QUE O NÚMERO DE COLUNAS SEJAM 3 QUANDO A TELAS A PARTIR DE 1000 PIXELS*/
    #main-noticia-item .noticia-item-content{
        column-count: 3;
        max-width: 100%;
    }
}
/* FIM */

/***** PROJETOS MAIN - template_main_projetos.php *****/
#main-projetos{
    margin-top: 1em;
}
#main-projetos .projeto-item{
    display: flex;
    flex-direction: row;
    gap: 1em;
}
#main-projetos .projeto-item .titulo{
    display: flex;
    gap: 0.5em;
    flex-direction: row;
    align-items: center;
}
#main-projetos .projeto-item img{
    width: 75px;
    height: 75px;
    object-fit: contain;
    background-color: #efefef;
    border: solid 1px #aaa;
}
#main-projetos .projeto-item .legenda{
    width: 100%;
    text-align: right;
}
#main-projetos .projeto-item .projeto-info{
    width: 100%;
}

@media only screen and (min-width: 850px){
    #main-projetos{
        border-left: solid 1px #ddd;
        border-right: solid 1px #ddd;
        margin-top: 1em;
    }
    #main-projetos .projeto-item img{
        width: 150px;
        height: 150px;
    }
    #main-projetos .projeto-item .legenda{
        text-align: left;
    }

}
/* FIM */

/***** PROJETO ITEM MAIN - template_main_projeto_item.php *****/
#main-projeto-item{
    display: flex;
    flex-direction: column;
}
#main-projeto-item .status-box{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#main-projeto-item .main-data{
/*    display: flex;
    flex-direction: column;
    justify-content: center;
    border:. solid 1px red;*/
    margin-bottom: 2em;
}
#main-projeto-item img{
    display: block;
    margin: auto;
    max-width: 100%;
    margin-bottom: 1em;
}
#main-projeto-item article{
    display: flex;
    flex-direction: column;

}
#main-projeto-item .projeto-item .main-data .resumo{
    margin-bottom: 1em;
}
#main-projeto-item .projeto-item .main-data .txt img{
    width: 40%;
    max-width: 150px;
    display: block;
    float: left;
    margin-right: 1em;
    margin-bottom: 0em;
}

/*#main-projeto-item .projeto-item .nucleos-grid{
    display: grid;
    gap: 0.5em;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-bottom: 1em;
}*/
#main-projeto-item .projeto-item .main-data .localidade{
    display: block;
    /*margin: auto;*/
    font-size: 90%;
}

@media only screen and (min-width: 850px){
    #main-projeto-item{
        border-right: solid 1px #ddd;
        border-left: solid 1px #ddd;
        margin-top: 1em;
        margin-left: 15%;
        margin-right: 15%;

    }
    #main-projeto-item .projeto-item .main-data{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #main-projeto-item .projeto-item .main-data img{
        display: block;
        margin: auto;
        margin-bottom: 0.5em;
    }
    #main-projeto-item .projeto-item .main-data .resumo{
        display: block;
    }
    #main-projeto-item .projeto-item .main-data .txt{
        column-count: 2;
    }
    #main-projeto-item .projeto-item .nucleos-projeto{
        column-count: 3;
    }
    /*#main-projeto-item .projeto-item .nucleos-grid{
        display: grid;
        gap: 0.5em;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        margin-bottom: 1em;
    }
    #main-projeto-item .projeto-item .nucleos-grid .nucleo-coluna:not(:last-child){
        border-right: solid 1px #ddd;
    }
    #main-projeto-item .projeto-item .nucleos-grid .nucleo-item{
        display: flex;
        flex-direction: column;
    }*/
    #main-projeto-item .projeto-item .nucleos-projeto .nucleo-item{
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
    }
    #main-projeto-item .projeto-item .nucleos-projeto .nucleo-item span{
        font-size: 90%;
    }
}
@media only screen and (min-width: 1000px){ /* APENAS PARA QUE O NÚMERO DE COLUNAS SEJAM 3 QUANDO A TELAS A PARTIR DE 1000 PIXELS*/
    #main-projeto-item .projeto-item .main-data .txt{
        column-count: 3;
    }
}
/**** FIM ****/

/***** NÚCLEO ITEM MAIN - template_main_nucleo_item.php *****/
#main-nucleo-item .status-box{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
#main-nucleo-item .materias .materias-grid{
    margin-top: 0.5em;
}

#main-nucleo-item .materias-grid{
    display: grid;
    gap: 0.5em;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 1em;
    justify-content: space-between;
}

#main-nucleo-item .materias h6{
    margin-bottom: 1em;
}

#main-nucleo-item .materias-grid .materia-item{
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    align-items: center;
    background-color: none;
}
#main-nucleo-item .materias-grid .materia-item:not(:last-child){
    border-bottom: solid 1px #ddd;
}
#main-nucleo-item .materias-grid .materia-item img{
    width: 50px;
    height: 50px;
    object-fit: contain;
}
#main-nucleo-item .materias-grid .materia-item a{
    /*color: var(--cinza);*/
}

@media only screen and (min-width: 850px){
    #main-nucleo-item{
        border-right: solid 1px #ddd;
        margin-top: 1em;
    }
    #main-nucleo-item .materias-grid{
        display: grid;
        gap: 1.5em;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        margin-bottom: 1em;
        justify-content: space-between;
    }
    #main-nucleo-item .materias-grid .materia-item{
        border-bottom: solid 1px #ddd;
    }
    #main-nucleo-item .materias-grid .materia-item img{
        width: 100px;
        height: 100px;
        object-fit: contain;
    }
    #main-nucleo-item .materias-grid .materia-item a{
    }
}
/**** FIM ****/

/***** BUSCA MAIN - template_main_busca.php *****/
#main-busca #resultado-busca .busca-item{
    borde: solid 1px red;
    margin-bottom: 0.5em;
    border-bottom: solid 1px #ddd;
}
#main-busca #resultado-busca .busca-item .titulo{
    display: flex;
    gap: 0.5em;
    flex-direction: row;
    align-items: center;
}
@media only screen and (min-width: 850px){
    #main-busca{
        border-right: solid 1px var(--cinza-claro);
        border-left: solid 1px var(--cinza-claro);
        margin-top: 1em;
    }
}
/**** FIM ****/

/***** MAIN CONTATO - template_main_contato.php *****/
.main-contato{
    padding: 1em;
}
.main-contato select:focus{
    border-color: var(--cinza);
}

#contato-form .contato-receber-conteudo{
    display: flex;
    flex-direction: row;
    align-items: center;
}
#contato-form .contato-receber-conteudo input[type=checkbox]{
    width: fit-content;
}
#contato-form .contato-receber-conteudo span{
    margin-left: 0.5em;
}
@media only screen and (min-width: 850px){
    .main-contato{
        border-right: solid 1px var(--cinza-claro);
        margin-top: 1em;
    }
    #ideal-main.main-contato{
        padding-left: 5em;
        padding-right: 5em;
        order: solid 1px red;
    }
}

/***** CMS MAIN - template_main_cms_class.php *****/
.main-cms{
    padding: 1em;
}
.main-cms-login{
    padding: 1em;
}
@media only screen and (min-width: 850px){
    .main-cms-login{
        width: 40%;
        justify-content: center;
        margin: auto;
    }
}

/***** FORM STANDARD *****/
.form-standard textarea, .form-standard input[type=text], .form-standard input[type=email], .form-standard input[type=password], .form-standard input[type=date], .form-standard input[type=number] {
    padding: 0.2em;
    border: solid 1px var(--cinza-claro);
    border-radius: 0.3em;
    outline: none;
    width: 100%;
    font: inherit;
}
.form-standard textarea{
    height: 7em;
    resize: none;
}
.form-standard label{
    margin-bottom: 1em;
    display: block;
}

.form-standard select{
    display: block;
    padding: 0.2em;
    border-radius: 0.3em;
    border: solid 1px var(--cinza-claro);
    width: 100%;
    font: inherit;
}

/* Classes gerais */
.autor{
    font-weight: normal;
    font-size: 90%;
    color: #999;
    display: block;
    margin-bottom: 0.5em;
}
.data{
    font-weight: normal;
    font-size: 90%;
    color: #999;
    display: block;
    margin-bottom: 0.5em;
}

.legenda{
    font-size: 90%;
    font-weight: normal;
    display: block;
    margin-bottom: 0.5em;
    color: var(--cinza);
}

/* Seção das Editorias na home*/
.editoria-home a{
    font-size: 110%;
}
/* Titulos das Editorias na home*/
.editoria-home .editoria-titulo{
    color: var(--ideal-red)
}

.warning{
    display: block;
    width: fit-content;
    border-radius: 5px;
    padding: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    color: #222;
    background-color: khaki;
    border: solid 1px orange;
    font-size: 90%;
}

.loader {
  border: 5px solid #aaa;
  border-top: 5px solid var(--ideal-blue); /* Blue */
  border-radius: 50%;
  width: 25px;
  height: 25px;
  animation: loader-spin 2s linear infinite;
}

.status_label{ /* Usado para formatar o label "Inativo" de projetos e núcleos*/
    background-color: red;
    color: white;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5px;
    font-size: 90%;
}

@keyframes loader-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}