/*
Theme Name: Ver. Sérgio Santana
Theme URI: https://sergiosantanapl.com.br
Author: João Vitor Corrêa
Author URI: https://jvcorrea.dev
Description: Tema desenvolvido por João Vitor
Version: 3.0
*/

/* FONTS */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');

/* COLORS */
:root{
    --color-blue: #00004C;
    --color-blue-clean: #00012f;
    --color-green: #47CE02;
    --color-green-clean: #4cdb03;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray: #c7c7c7;
    --color-gray-clean: #e1e1e1;
    --color-red: #C0392B;
    --color-red-clean: #c70303;
}

.color-red{color: var(--color-red-clean);}

        canvas {
            width: 100%;
        }

/* HEADER */
.navbar{height: 90px;}
.navbar-brand img{width: 72%; margin-top: -5px;}
nav a{font-family: 'Roboto', sans-serif;  color: var(--color-black); font-size: 14px; padding: 20px 0;}
nav a:hover{transition: 0.2s; color: var(--color-blue-clean); text-decoration: none;}
#list li {margin: 0 0 0 40px; display: inline-block;}

/* HOME */
.posts-home{margin-bottom: 30px; background-color: var(--color-gray-clean); padding: 50px 0 40px 0;}
.posts-home figure {width: 100%; height: 200px;	margin: 0; padding: 0; background: #fff; overflow: hidden; margin-bottom: 20px;}
.posts-home figure img {-webkit-transform: scale(1);transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%;} 
.posts-home figure:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);}
.posts-home h2{font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: 700; color: var(--color-black); margin-bottom: 30px;}
.posts-home a:hover{text-decoration: none; color: var(--color-blue);}

#carousel img{width:100%;}

.the-new a{color: var(--color-black);}
.the-new:hover {color: var(--color-blue);}

.content-news{margin-bottom: 50px;}
.content-news h3{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px;}
.content-news p{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px;}

.date-news p{background-color: var(--color-blue-clean); color: var(--color-white); width: 55px; font-size: 13px; padding-left: 3px; margin-bottom: 0px;}

.confira a{font-family: 'Open Sans', sans-serif; font-size: 14px; background-color: var(--color-blue-clean); color: var(--color-white); padding: 10px 20px; border-radius: 5px;}
.confira a:hover{background-color: var(--color-blue); color: var(--color-white); padding: 10px 20px; text-decoration: none; transition: 0.2s;}

.video-home{padding: 50px 0;}
.video-home h3{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px;}
.video-home p{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px;}

.post-destaque{margin: 50px 0;}
.post-destaque .col-lg-8{ height: 330px;}
.post-destaque .fa-award{font-size: 15px;}

.post-destaque figure {width: 100%; height: 330px;	margin: 0; padding: 0; background: #fff; overflow: hidden; float: left;}
.post-destaque figure img {-webkit-transform: scale(1);transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.post-destaque figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}

/* .post-destaque img{width: 100%; height: 330px; float: left;} */
.post-destaque h2{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 20px; margin-bottom: 20px; padding: 5px 10px; background-color: var(--color-blue-clean); color: var(--color-white);}
.post-destaque h3{font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 20px; color: var(--color-white); border-left: 5px solid var(--color-blue-clean); padding-left: 10px; margin: 10px 0px 10px 5px;}
.post-destaque h3:hover{ color: var(--color-gray);}
.title-destaque{background-color: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; left: 0; width: 80%; margin-left: 15px;}

.post-destaque h4{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 18px; border-left: 5px solid var(--color-blue-clean); padding-left: 10px;}
.post-destaque a{font-family: 'Open Sans', sans-serif; font-weight: 400; color: var(--color-black); font-size: 13px;}
.post-destaque a:hover{color: var(--color-blue-clean); text-decoration: none;}

/* POSTS */
.the-post{margin: 0px 0 0px 0;}
.the-post h1{font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center; margin: 10px 0 30px 0;}
.the-post p{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.conteudo{margin: 40px 0 40px 0;}

/* PROJETOS */
.projetos .text-intro{position: absolute;}
.projetos .intro img{width: 100%; float: left; margin-bottom: 50px;}
.projetos .intro h1{color: var(--color-white); font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center !important; padding: 40px 0 0 0;}
.projetos a:hover{text-decoration: none; color: var(--color-blue-clean);}

/* NOTÍCIAS */
.noticias .text-intro{position: absolute;}
.noticias .intro img{width: 100%; float: left; margin-bottom: 50px;}
.noticias .intro h1{color: var(--color-white); font-family: 'Open Sans', sans-serif; font-weight: 700; text-align: center !important; padding: 40px 0 0 0;}
.noticias figure {width: 100%; height: 200px;	margin: 0; padding: 0; background: #fff; overflow: hidden; margin-bottom: 20px;}
.noticias figure img {-webkit-transform: scale(1);transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; width: 100%;} 
.noticias figure:hover img {-webkit-transform: scale(1.3); transform: scale(1.3);}
.noticias a:hover{text-decoration: none; color: var(--color-blue);}

.paginacao{margin: 0 0 40px 15px; font-size: 13px;}
.paginacao a:hover{color: var(--color-white);}
.paginacao a{color: var(--color-white);}
.page-numbers{background-color: var(--color-blue-clean);  padding: 5px; color: var(--color-white);}
.page-numbers:hover{background-color: var(--color-blue); padding: 5px; transition: 0.2s;}

/* BIOGRAFIA */
/* .biografia .intro{background: url('https://sergiosantanapl.com.br/wp-content/uploads/biografia_sergio.jpg') center; background-size: cover;} */
.biografia .intro{height: 200px; margin-bottom: 50px; background: var(--color-blue-clean);}
.biografia .intro h1{color: var(--color-white); font-family: 'Open Sans', sans-serif; font-weight: 700; padding-top: 75px;}

/* FOOTER */
footer{background-color: var(--color-blue-clean); padding: 50px 0 10px 0px;}
footer p{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px; color: var(--color-white);}
footer a{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px;  color: var(--color-white);}
footer a:hover{color: var(--color-gray); text-decoration: none;}
.copy{background-color: var(--color-white);}
.copy a{font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 13px;  color: var(--color-black);}
.copy p{padding: 2px 0 2px 0;  color: var(--color-black);}
.footer{margin-bottom: 40px;}
.footer img{width: 100%;}
.footer h2{font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px;}
.footer p{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.footer .social{padding-left: 80px;}

/* SCROLL */
::-webkit-scrollbar-track {background-color: #292929;}
::-webkit-scrollbar {width: 10px; background: #292929;}
::-webkit-scrollbar-thumb {background: #000;}
::selection {background:#222222; color:#FFF;}

@media (max-width: 576px) { 

    /* HEADER */    
    .navbar{height: auto;}
    nav a{text-align: right; padding: 25px 0; margin-right: 10px;}
    #list li{ margin: 0 0 25px 0px; display: block; text-align: right;}
    .navbar-brand img{width: 200px;}
    .navbar button{float: left;}

    /* HOME */
    .post-destaque h2{margin-top: 20px;}    
    .post-destaque .col-lg-8{ height: 200px;}
    .post-destaque figure {width: 100%; height: 200px;	margin: 0; padding: 0; background: #fff; overflow: hidden; float: left;}
    .post-destaque figure img {width: 100%; height: 200px; -webkit-transform: scale(1);transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
    .post-destaque figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}

    .projetos .intro img{height: 100px;}
    .projetos .intro h1{padding: 30px 0 0 0; font-size: 30px;}

    .noticias .intro img{height: 100px;}
    .noticias .intro h1{padding: 30px 0 0 0; font-size: 30px;}


    .footer{text-align: center;}
    .footer img{width: 50%; text-align: center; margin-bottom: 30px;}
    .footer .social{padding-left: 30px; margin-top: 20px;}


}
/* SEO: H1 da home */
.home-h1{font-size:1.5rem;font-weight:700;margin:1.5rem 0 .5rem;color:#1a1a1a}
.home-h1 small{display:block;font-size:1rem;font-weight:400;color:#555;margin-top:.25rem}

/* SEO: temas de atuação no rodapé */
.footer .temas{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.footer .temas h2{color:var(--color-white);margin-bottom:10px}
.footer .temas ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.footer .temas li{margin:0}