/* WEBDTI - ARTICLES.CSS */

/* #one_box - ACADÊMICO/EMENTÁRIO */

#one_box {     
    background-color: #e1e6ea; 
    background-color: rgba(0, 72, 84, .001); 
}
.container article, 
#one_box article {     
    background-color: #f0f0f0; 
    border-radius: 4px;
}
.container article > :not(h6), 
#one_box article > :not(h6) {
    padding-left: 1%; 
    padding-right: 1%; 
}
.container article > :not(figure), 
#one_box article > :not(figure),
#one_box article#dados_ads { 
    padding-left: 8%; 
    padding-right: 8%;
}
.container article a.fig {
    display: block;
    width: 100%;
    padding: 0;
}
.container article,
.container article a.fig,
.container article a.fig figure,
.container article a.fig figure img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.container article a.fig em {
    display: block;
    padding-left: 8%;
    padding-bottom: 10px;
    color: #004854;
}
.container article h6, #one_box article h6 {
    padding-left: 0%;
    padding-right: 0%;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
    background-color: #f7f7f7;  
    color: rgb(0, 72, 84);
}
#one_box article h6 {
    font-size: 14px;
}
article#links {
    width: 60%;
    max-width: 500px;
    margin: 0 auto;
    background-color: transparent;  
    border: none;
}
#one_box #disciplinas { 
    background-color: #f0f0f0;
    border: 2px solid #fff;
}
#one_box #disciplinas a:hover, #one_box #disciplinas a:focus, 
#one_box #disciplinas a:active,
article#links a:hover, article#links a:focus, article#links a:active { 
    color: #d20000;
}
article h6, one_box article h6 { 
    padding: 5px 0; 
    margin-bottom: 15px;
    text-align: center;   
    color: var(--verde-escuro); 
    font-size: 16px;
    font-weight: 400;
}
article h6 img {
    display: none;
}
#one_box article:hover h6, 
#one_box article:focus h6, 
#one_box article:active h6  {
    background-color: #f3f3f3;
}
#one_box article h6.cor4_back,
#one_box article:hover h6.cor4_back, 
#one_box article:active h6.cor4_back, 
#one_box article:focus h6.cor4_back  {
   background-color: #990000; 
   color: #fff;    
}
article h6.cor7_back, 
article h6.cor7_back:hover, 
article h6.cor7_back:focus, 
article h6.cor7_back:active {
   background-color: var(--vermelho-escuro);
   color: #fff;     
}
#one_box article#home_onebox {
    padding-top: 10px;    
    font-size: 14px; 
    font-weight: bold;    
    text-transform: uppercase; 
    color: #444; 
    border-top: solid 1.5px #f3f3f3;     
    background-color: rgb(245,245,245);
}
#one_box article#home_onebox:hover, 
#one_box article#home_onebox:focus, 
#one_box article#home_onebox:active {
     background-color: #f0f0f0;
     border-top: solid 1.5px #fff; 
}
article em:first-of-type { 
   padding-top: 7px;
}
article a { 
   color: var(--vermelho-escuro);
}
span.cor1 {
   color: var(--vermelho-escuro);
}
div.cor3 a {
   color: #555;
}
div.cor3 a:hover, 
div.cor3 a:active, 
div.cor3 a:focus {
   color: var(--vermelho-escuro);
}
article a figure { 
   text-align: center;
   background-color: #f7f7f7;
}
figure img {
   width: 100%;
   height: 100%;    
   object-fit: contain;    
}
.fig_cor {
   background-color: azure; 
}
/* Imagens da página corpodocente.php */
#doc_vitae img {
    border-radius: 50%;
    border: solid 2px #f3f3f3;
}
article figure figcaption {
   text-align: center;  
}
.data {
    display: block;
    text-align: right;
    font-style: italic;
    font-size: 0.7em;
    color: var(--cinza-claro);
    padding-right: 5%;
    padding-bottom: 25px; 
}
.font_13_upper {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}
.two_boxes {
    border-bottom: 2px solid #fff;
}
.tit_nome {
    background-color: var(--vermelho-escuro);
    color: #fff;
    margin-left: 8%;
    margin-right: 8%;
    margin-bottom: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #fff;
    font-weight: 900;
    font-size: 14.5px;
}
.box_1 {
    padding-left: 1.5%;
    padding-right: 1.5%;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(235,235,235);
    font-weight: bold;
    font-size: 15px;
}
.box_2 {
    margin-left: 0%;
    padding-left: 1.5%;
    padding-right: 1.5%;
    background-color: rgb(245,245,245);
}
.icone {
    background: no-repeat center center;
    background-image: image();
    background-size: cover;
}
.cor_back {
    background-color: rgb(220,220,220);
}
div#one_box .cor_back1 {
     background-color: #f0f0f0;
}
article.art_geral {
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 40px;
    background-color: #fafafa;
    font-size: 18px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: justify;
}
body article.art_geral h6  {
     background-color: #f0f0f0;
}
article#jobs img, article#gates img {
    float: left;
    padding: 0 2%;
}
div#menu_art {
    background-color: #fafafa;
    border: 1px solid #eee;
}
#menu_art:hover, #menu_art:focus, #menu_art:active {
    background-color: #fff;
}
#menu_art a:hover, #menu_art a:focus, #menu_art a:active {
    border-bottom: solid 1px var(--dourado);
}
#menu_art h6 {
    text-align: center;
    background-color: #f7f7f7; 
}
div#uno  {
    padding: 15px 5%;
}
div#uno article {
    padding: 15px 5%;
    background-color: transparent; 
}
body article:hover h6,
body article:focus h6,
body article:active h6 {   
    background-color: #f7f7f7;
    transition: background .5s;    
} 
/* *** RESPONSIVO *** */

@media screen and (min-width: 630px){ 
    .two_boxes {
       display: flex;
    }
    .two_boxes p {
       padding-bottom: 0;
    }
    .box_1 {
        min-width: 120px;
        max-width: 120px;
        text-align: center;
        align-content: center;  
    }
    .box_2 {
        margin-left: 0%;
        padding-bottom: 0;
    }
}
@media screen and (min-width: 768px){ 
    article h6.cor7_back, 
    article h6.cor7_back:hover, 
    article h6.cor7_back:focus, 
    article h6.cor7_back:active {
       background-color: var(--vermelho-escuro);
       color: #fff;     
    }
    .container article, #one_box article {
       margin-bottom: 20px;    
       margin-left: 3%;
       margin-right: 3%;  
       font-size: 1.2rem;
       /* border-radius: 5px; */
    }
    .container article > :not(a.fig), 
    #one_box article > :not(a.fig),
    #one_box article#dados_ads { 
        padding-left: 8%; 
        padding-right: 8%;
    }
    .container article h6, #one_box article h6 {
        padding-top: 10px;
        padding-bottom: 10px; 
    }
    #one_box article#home_onebox {
        font-size: 14px;
        background-color: #dedede;
        margin-bottom: 0;
    }
    #one_box article#home_onebox:hover,
    #one_box article#home_onebox:focus,
    #one_box article#home_onebox:active {
        background-color: #e3e3e3;
    }
    #one_box article#home_onebox:hover img,
    #one_box article#home_onebox:focus img,
    #one_box article#home_onebox:active img {
        border: none;
    }
    .container article > :not(figure), 
    #one_box article > :not(figure) {    
       padding-left: 0; 
       padding-right: 0; 
    }
    article#links {
       padding-left: 0;
       padding-right: 0;
       border: none;    
       margin: 0 auto;
    }
    h4#margin_top_no {
       margin-top: -23px;
    }
    body article:hover,
    body article:focus,
    body article:active {   
       background-color: #eee;
       transition: background 0.3s; 
       border-radius: 5px;
    } 
    .container article figure, 
    #one_box article figure {
       padding-left: 0; 
       padding-right: 0;
    } 
    .tit_nome {
       margin-left: 0;
       margin-right: 0;
    }
    body article.art_geral:hover,
    body article.art_geral:focus,
    body article.art_geral:active {   
       transition: background 0.5s;   
    }   
}
@media screen and (min-width: 1000px){
    .container article {  
       font-size: 1.1rem;
    }
}