/*
Theme Name: KH News 
Author: Fla
Author URI: http://www.instagram.com/lanniedesign
Version: 1.0
*/
:root {
    --principal: #8077bc;
    --cor2: #282828;
    --cor3: #e0cfa0;
    --cor4: #7f7f7f;
}

body {
    background: #f5f5f4;
    font-size: 16px;
    color: #7f7f7f;
    font-family: "Montserrat", sans-serif;
}

.clear {
    width: 100%;
    display: block;
    clear: both;
}

a {
    text-decoration: none;
    color: var(--principal);
}

a:active, a:hover {
    color: var(--cor3);
    text-decoration: none;
    outline: 0;
}

a:focus, a:hover {
    color: var(--cor3);
    text-decoration: none;
}

* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    word-break: break-word;
}

iframe {
    width: 100%;
    min-height: 400px;
}

li, ul {
    margin: 0px;
}

blockquote {
    padding: 20px;
    margin-top: 35px;
    margin-bottom: 30px;
    position: relative;
    display: block;
    border-radius: 19px;
    background: var(--principal);
    color: #fff;
}

em, i {
    font-style: italic;
}

b, strong {
    font-weight: 700;
}

.artigo-image img {
    width: auto;
}
.artigo-text a {
    text-decoration: underline;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    font-family: inherit;
    line-height: 1.2;
    font-weight: 600;
    margin-top: 15px;
}
.artigo-text h1 {font-size: 21px;}
.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
}

.artigo-text li {
    margin-left: 20px;
    display: inline-block;
}

ul.post-categories, ul.post-categories li {
    display: inline-block;
    list-style: none;
}

.artigo-text img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
.noticias-faixa:before {
    content: "";
    position: absolute;
    left: -12px;
    background: #f5f5f4;
    width: 20px;
    height: 20px;
    transform: rotateZ(45deg);
    margin-top: 10px;
}

.noticias-faixa:after {
    content: "";
    position: absolute;
    right: 79px;
    background: #f5f5f4;
    width: 20px;
    height: 20px;
    transform: rotateZ(135deg);
    margin-top: 10px;
    bottom: -12px;
}
.navegacao a {
    padding: 10px;
}

.navegacao {
    line-height: 17px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    padding: 20px;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
}

.header-img {
    height: 773px;
    background: url(images/header.png) top center;
}

.container {
    margin: auto;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1100px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1100px;
    }
}

.borda-header {
    background: url(images/bordinha.png) top center no-repeat;
    margin-top: -15px;
    height: 39px;
    background-position: 0px 1px;
}

.container-fluid.header-full {
    background: var(--cor2);
    height: 257px;
    margin-top: -7px;
    padding-top: 35px;
}

.container-logo {
    width: 41%;
}

.menu li:nth-child(3) a {
    background: var(--principal);
    color: #fff;
    padding: 5px 8px;
    border-radius: 4px;
    font-weight: 400;
}

.menu li {
    list-style: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}

.menu li > a {
    color: #2d2d2d73;
    font-size: .8rem;
    padding: 27px 13px;
    font-weight: 500;
}

.logo {
    height: 160px;
    background: url(images/logo.png) top center no-repeat;
    margin-bottom: 27px;
}
.share-home sh.fab.fa-twitter.sh, .share-home sh.fab.fa-whatsapp.sh, .share-home sh.fab.fa-facebook-f.sh {
    border-radius: 100px;
    width: 30px;
    height: 30px;
    padding: 4px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
}

.share-home {
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

.box-posts:hover .share-home {
    bottom: 40px;
}

.box-posts:hover .share-home sh.fab.fa-twitter.sh, .box-posts:hover .share-home sh.fab.fa-whatsapp.sh, .box-posts:hover .share-home sh.fab.fa-facebook-f.sh {
    line-height: 20px;
}
.descricao {
	font-weight: 500;
    font-size: 11px;
    text-align: justify;
    width: 55%;
    line-height: 19px;
	color: #ffffff8f;
}
.twitter > span > a:hover {
    background: #fff;
    border-radius: 3px;
    color: #68d5ed;
    padding: 2px 17px;
}

.youtube:hover {
    background: #ef5744;
}

a.facebook-rede:hover {
    letter-spacing: 2px;
    opacity: 0.8;
}

 button.slick-prev.slick-arrow:before {
    content: "<";
    font-size: 11px;
    font-family: 'MADE Tommy Soft';
    font-weight: 900;
    color: var(--principal);
}

button.slick-prev.slick-arrow {
    right: 174px;
}

button.slick-next.slick-arrow:before {
    content: ">";
    font-size: 11px;
    font-family: 'MADE Tommy Soft';
    font-weight: 900;
    color: var(--principal);
}
.pesquisa button:hover {
    opacity: 0.8;
}

 
.pesquisa {
    position: relative;
    width: 100%;
    margin-bottom: 15px;
    margin-top: 15px;
}

.foto-galeria a:hover {
    background: #e1e1e1;
    color: #232323;
}

.twitter i.fa-brands.fa-twitter {
    display: block;
    margin-bottom: 5px;
}

.twitter a {
    color: #ffffffbf;
}

input#s {
    width: 100%;
    background: #232323;
    border: none;
    padding: 13px 15px;
    font-size: 11px;
    font-style: italic;
    font-family: Montserrat;
    font-weight: 400;
    border-radius: 100px;
}

.pesquisa button {
    position: absolute;
    top: 8px;
    right: 13px;
    border: unset;
    background: var(--principal);
    color: #fff;
    border-radius: 100px;
    width: 24px;
    height: 24px;
    font-size: 9px;
    cursor: pointer;
}

.box-primeiro {
    width: 70%;
    height: 410px;
    overflow: hidden;
    margin-bottom: 20px;
}

.box-segundo {
    width: 28%;
    position: relative;
    margin-bottom: 20px;
    height: 400px;
}

.ima-destaquea2 {
    width: 56%;
    height: 395px;
    background: linear-gradient(45deg, black, transparent);
    position: relative;
}

.ima-destaquea2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.8;
}

.all-idestaquea2 {
    width: 65%;
    background: var(--cor2);
    padding: 20px;
    margin-top: 10px;
    margin-left: -77px;
    z-index: 11;
    text-align: center;
    height: 394px;
    position: relative;
}

.swiper-slide {
    display: flex;
    flex-wrap: nowrap;
}

.all-idestaquea2 > h1 {
    font-family: Lora;
    font-style: italic;
    font-weight: 700;
    font-size: 1.39rem;
    text-align: center;
    color: #fff;
}

.all-idestaquea2 p {
    font-size: 0.7rem;
    line-height: 18px;
    display: block;
    text-align: justify;
    margin-bottom: 20px;
}

.core-icone {
    height: 21px;
    background: url(images/core.png) top center no-repeat;
    margin-bottom: 20px;
    margin-top: 20px;
}

.all-idestaquea2 span {
    border: 1px dashed #ffffff29;
    border-radius: 9px;
    padding: 6px 12px;
    font-family: Lora;
    font-style: italic;
    text-transform: uppercase;
    color: var(--cor4);
    font-size: .7rem;
}

.part-tag {
    position: absolute;
    right: 1px;
    margin: 20px;
    border: 1px dashed #ffffff45;
    padding: 4px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
}

.box-posts {
    width: 32.4%;
    margin-bottom: 4px;
}
.imagem-inicio {
    height: 235px;
    border-radius: 5px;
    position: relative;
    background: var(--principal);
}

.imagem-inicio img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.body-home {
    background: #fff;
    padding: 20px;
    height: 175px;
    border-radius: 5px;
}

.body-home h1 {
    margin: 0;
    margin-bottom: 1rem;
    font-size: 1rem;
    text-align: center;
    font-weight: 600;
    line-height: 22px;
}

.body-home h1 > a {
    color: var(--cor3);
    padding: 3px 5px;
}

.body-home p {
    font-size: .64rem;
    line-height: 17px;
    margin-top: 11px;
    font-weight: 500;
    color: #00000085;
}

.data-home span {
    text-align: center;
    background: #f5f5f4;
    padding: 4px 15px;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    color: #00000069;
    font-weight: 700;
    font-family: Open sans;
    border-radius: 100px;
}

.data-home {
    text-align: center;
    margin-bottom: 20px;
}

.bio {
    width: 43.7%;
    position: relative;
    height: 556px;
    margin-bottom: 3px;
    background: #fff;
    border-radius: 5px;
    margin-top: -30px;
}

.foto-bio {
    width: 100%;
    height: 206px;
    background: url(images/bio.png) top center no-repeat;
}

.bio .fa-instagram {
    width: 40px;
    height: 40px;
    background: #f5f5f4;
    border-radius: 100px;
    text-align: center;
    color: #6b6b6b;
    position: absolute;
    top: 125px;
    margin-left: 24px;
    line-height: 39px;
}

.bio p {
    display: block;
    font-size: 11px;
    font-weight: 500;
    padding: 25px;
    margin-top: 0px;
    text-align: justify;
    line-height: 17px;
}

.box-noticias {
    width: 46%;
    margin-top: 20px;
}

.noticias {
    background: var(--cor2);
    padding: 20px 25px;
    margin-bottom: 15px;
    position: relative;
}

.noticias h1 {
    margin: 0;
    font-size: .92rem;
    font-style: italic;
    font-family: Lora;
    font-weight: 500;
    color: #fffffffa;
    letter-spacing: -.5px;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.noticias h6 {
    margin: 0;
    text-transform: uppercase;
    font-size: .6rem;
    letter-spacing: 0px;
    font-weight: 500;
}

.box-slider-projetos {
    height: 292px;
    overflow: hidden;
}

.insta-all {
    width: 52.4%;
    margin-bottom: 20px;
}

.insta-box {
    background: #fcfcfc;
    height: 185px;
    padding: 20px;
}

.projetos-body > .text-pro {
    overflow: hidden;
}

.insta-faixa {
    background: #be3b4f;
    padding: 20px 25px;
    color: #fff;
}

.insta-faixa .fa-instagram {
    width: 30px;
    height: 30px;
    border: dashed 1px #ffffff52;
    border-radius: 100px;
    text-align: center;
    line-height: 29px;
    font-size: 13px;
    margin-right: 10px;
}

.insta-faixa a {
    font-family: Lora;
    font-weight: 600;
    font-style: italic;
    text-transform: uppercase;
    color: #ffffffc7;
}

.insta-faixa small {
    display: block;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    margin-left: 46px;
    color: #ffffff54;
    margin-top: -4px;
}

.box-videos-twitter {
    width: 46%;
}

a.videos-faixa {
    padding: 20px 30px 20px 74px;
    display: block;
    background: url(images/icone2.png) top left no-repeat #ffffff;
    background-position: 29px 24px;
}

a.videos-faixa h1 {
    margin: 0;
    font-family: Lora;
    font-style: italic;
    font-size: 1rem;
    color: #f74c4c;
    text-transform: uppercase;
}

a.videos-faixa p {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 9px;
    margin-top: 5px;
    margin-left: 4px;
    color: #00000038;
}

.tweets {
    height: 184px;
    background: #5c9cb5;
    margin-bottom: 20px;
    color: #ffffffa8;
    font-size: 12px;
    padding: 30px;
}

.tweets a {
    color: #ffffff6b;
}

.galeria-faixa {
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.links {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    padding: 21px;
    justify-content: center;
    align-items: center;
    display: flex;
    width: 68%;
}

.links a {
    padding: 3px;
    margin: 3px;
}

.tag-galeria {
    background: var(--principal);
    color: #fff;
    text-align: center;
    padding: 20px;
}

.tag-galeria h4 {
    margin: 0;
    font-family: Lora;
    font-style: italic;
    font-size: 1.24rem;
    text-transform: uppercase;
    margin-bottom: -7px;
}

.tag-galeria small {
    text-transform: uppercase;
    font-weight: 400;
    color: #ffffff4a;
    font-size: 9px;
    letter-spacing: 2px;
}

.foto-icone {
    background: url(images/galeria.png) top center no-repeat;
    height: 78px;
    display: block;
    width: 8%;
    background-position: -10px 2px;
}

.galeria-code {
    margin-bottom: 40px;
}

.footer {
    padding: 30px;
    text-transform: uppercase;
    font-size: 10px;
    text-align: left;
    background: #fff;
    letter-spacing: 1px;
    color: #9f9d9d;
}

.tag-des {
    position: absolute;
    right: 110px;
    bottom: 33px;
    padding: 5px 6px;
    border-radius: 3px;
    color: #ffffffb0;
    background: var(--cor3);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 10px;
}

.box-primeiro:hover .ima-destaquea2 img {
    opacity: 0.4;
}

.box-primeiro:hover .all-idestaquea2 > h1 {
    color: var(--cor4);
}

.box-posts:hover .imagem-inicio img {
    opacity: 0.8;
}

a.videos-faixa:hover {
    padding: 20px 30px 20px 65px;
}

a.videos-faixa:hover h1 {
    color: #0009;
}

.insta-faixa a:hover {
    color: #fff;
}

.bio .fa-instagram:hover {
    transform: rotate(-20deg);
}

nav.menu {
    padding: 24px;
    background: url(images/menu.png) top left no-repeat #fff;
    max-width: 1100px;
    margin: auto;
    border-radius: 5px;
    margin-top: -34px;
    margin-bottom: 23px;
    padding-left: 75px;
    overflow: hidden;
    background-position: 11px 5px;
    text-align: center;
    line-height: 10px;
}

.menu li > a:hover {
    background: var(--principal);
    color: #fff;
}

.menu li:nth-child(3) a:hover {
    background: var(--principal);
    color: #fff;
    padding: 28px 8px;
    border-radius: unset;
}

.box-posts:hover h1 > a {
    background: #f8f8f8;
    border-radius: 4px;
    padding: 3px 5px;
}

.noticias:before {
    border-left: 10px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 7px solid #2d2d2d;
    content: "";
    position: absolute;
    top: -7px;
    left: 55px;
}

.all-idestaquea2:before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 10px solid #2d2d2d;
    position: absolute;
    left: -10px;
    bottom: 49px;
}

.links a:hover {
    color: var(--cor3);
}

.body-home h3 {
    background: #fff;
    position: relative;
    padding: 17px;
    border-radius: 5px;
    margin-top: -45px;
    width: 100%;
    text-align: center;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 800;
}

.noticias-faixa {
    width: 1000%;
    background: #fff;
    padding: 13px 28px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
}

.noticias-faixa > a {
    font-family: 'MADE Tommy Soft';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    margin-top: 4px;
}

.noticias-faixa > a > small {
    color: #00000070;
    font-weight: normal;
    letter-spacing: 1px;
    font-size: 10px;
    margin-top: -1px;
    display: block;
}

.boxcadavd:hover .imagem-videos img {
    filter: brightness(0.9);
}

.boxcadavd:hover .ico-videos {
    margin-top: -155px;
}

.noticias-faixa > span {
    font-family: 'MADE Tommy Soft';
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    color: #6b6b6b;
    line-height: 46px;
    padding-right: 30px;
}

.box-projetos {
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: space-between;
    height: 293px;
    border-radius: 5px;
    flex-wrap: wrap;
}

.projetos-body {
    width: 59.1%;
}

.projetos-img {
    width: 41%;
    height: 100%;
    position: relative;
    margin-left: -5px;
}

.box-projetos-todo {
    width: 54.6%;
    position: relative;
}
.projetos-body h4 {
    border: 1px dashed #00000030;
    border-radius: 4px;
    padding: 7px;
    width: 84%;
    text-align: center;
    margin: auto;
    margin-top: 19px;
    font-size: 14px;
    font-weight: 700;
}
.projetos-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.artigo-titulo {
    background: #f5d7b0;
    padding: 16px;
    border-radius: 6px;
    margin: auto;
    margin-top: -7px;
    width: 100%;
    position: relative;
    text-align: center;
    border-bottom: 3px solid #00000008;
    line-height: 22px;
}

.artigo-titulo a {
    font-size: 15.5px;
    font-family: "Raleway";
    color: rgb(208 170 122);
    font-weight: 900;
    text-align: center;
}

.artigo-text {
    font-size: 13px;
    color: rgb(51 51 51 / 84%);
    background: #fff;
    padding: 32px;
    line-height: 24px;
    text-align: justify;
    border-radius: 6px;
}
.artigo-text h1, .artigo-text h2, .artigo-text h3 {
    font-family: 'MADE Tommy Soft';
    font-weight: 600;
}
.share {
    margin-bottom: 30px;
}

.infos-art {
    font-size: 12px;
    color: #100f0e6e;
    position: absolute;
    bottom: 24px;
    width: auto;
    padding: 11px;
    background: #fff;
    font-weight: 900;
    border-radius: 6px 14px;
    margin: 10px;
}

.sidebar {
    font-size: 12px;
    color: rgba(88, 88, 88, 0.749);
    background: #fff;
    padding: 23px;
    line-height: 19px;
    text-align: justify;
    margin-bottom: 20px;
    border-radius: 6px;
}

.sidebar-title {
    background: var(--cor2);
    padding: 9px 15px;
    border-radius: 3px;
    margin: auto;
    text-transform: uppercase;
    font-size: 10px;
    text-align: center;
    color: #fff;
    width: max-content;
    margin-left: auto;
    margin-right: unset;
    margin-bottom: -11px;
    position: relative;
}

.artigo-image img {
    width: 100%;
    height: auto;
}

.artigo-image {
    position: relative;
}

sh.fab.fa-twitter.sh,sh.fab.fa-whatsapp.sh, sh.fab.fa-facebook-f.sh {
    width: 42px;
    padding: 14px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 10px;
}

sh.fab.fa-twitter.sh {
    background: #3bafd2;
}

sh.fab.fa-whatsapp.sh {
    background: #a9d090;
}

sh.fab.fa-facebook-f.sh {
    background: #0571b1;
}

sh.fab.fa-twitter.sh:hover, sh.fab.fa-whatsapp.sh:hover, sh.fab.fa-facebook-f.sh:hover {
    background: #fff;
    color: #0000007a;
}

.artigo {
    margin-bottom: 40px;
    width: 67%;
}

.sidebar-container {
    width: 30%;
}

.infos-single span {
    margin: 10px;
    background: #f5f5f4;
    border-radius: 5px;
    padding: 2px 6px;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
}

.side {
    font-size: 11.895px;
    font-family: "Montserrat";
    color: rgb(179 154 124);
    padding: 20px;
    background: #fbe8d1;
    line-height: 17px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.side-title ti {
    color: rgb(255 255 255);
    font-family: "Montserrat";
    font-weight: 600;
    border-left: 23px solid #0000000a;
    text-transform: uppercase;
    font-size: 11px;
    border-radius: 4px;
    background: #90aeb8;
    padding: 5px 18px;
}

.sidebar li > strong {
    background: #be3b4f;
    padding: 5px 8px;
    border-radius: 3px;
    font-family: 'Lora';
    font-weight: 600;
    color: #fff;
    font-style: italic;
}

.sidebar li {
    list-style: none;
    border-bottom: dashed 1px #00000012;
    margin-bottom: 11px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 4px;
}

.imagem-posts, .imagem-posts img {
    width: 100%;
    height: auto;
    border-radius: 15px;
}

.titulo-posts {
    background: var(--principal);
    padding: 30px;
    border-radius: 4px;
    position: relative;
    width: 100%;
    color: #fff;
    margin-top: -23px;
    width: 93%;
}

.infos-single {
    background: #fff;
    padding: 25px;
    margin-top: -12px;
    margin-bottom: 40px;
    border-radius: 10px 10px 10px 24px;
    width: 100%;
}

.infos-data {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #fff;
    border-radius: 1px 1px 30px 0px;
    color: #cc6574;
    letter-spacing: -1px;
    text-align: left;
    padding: 6px 16px 13px 9px;
    font-size: 17px;
    font-weight: 600;
    line-height: 16px;
}

.info-autor-posts {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #9095bf;
    font-weight: 500;
}

.titulo-posts h1 {
    font-size: 1.4rem;
}

.share-post {
    margin-top: 11px;
}

.sidebar-pro > .projetos-img {
    height: 250px;
}

.sidebar-pro > .projetos-img, .sidebar-pro > .projetos-body {
    width: 100%;
}

.sidebar-pro {
    margin-bottom: 20px;
}

.sidebar-pro .projetos-img {
    width: 100%;
    height: 200px;
}

.sidebar-pro .projetos-body {
    width: 100%;
    height: auto;
}

.sidebar-pro .box-projetos {
    display: block;
    height: auto;
}

.sidebar-pro .text-pro {
    height: auto;
}

.sidebar-pro .box-slider-projetos {
    height: auto;
}

.sidebar-pro .projetos-body h4 {
    margin-top: 0px;
}

.sidebar-pro .projetos-body {
}

.titulo-posts a {
    font-weight: 600;
    color: #fff;
}

button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
    position: absolute;
    width: 30px;
    font-size: 0px;
    border-radius: 100px;
    border: unset;
    margin: 20px;
    opacity: 0;
    z-index: 11111;
    right: 1px;
    height: 30px;
    bottom: 0px;
    background: #fff;
}

button.slick-next.slick-arrow {right: 0px;}

.box-slider-projetos:hover button.slick-next.slick-arrow, .box-slider-projetos:hover button.slick-prev.slick-arrow {
    opacity: 1;
    cursor: pointer;
}

.projetos-body > .text-pro {
    height: 194px;
    padding: 16px;
    font-size: 11px;
    line-height: 17px;
    text-align: justify;
    font-weight: 500;
}

.foto-galeria {
    background: url(images/galeria.png) top center;
    height: 215px;
    padding: 30px;
    text-align: center;
    border-radius: 5px;
    margin-top: 19px;
    padding-top: 142px;
}

.foto-galeria a {
    background: #232323;
    font-size: 11px;
    border-radius: 11px;
    color: #ffffffd9;
    padding: 4px 11px;
    font-family: 'MADE Tommy Soft';
}

.bio h1 {
    font-family: 'MADE Tommy Soft';
    text-align: center;
    font-size: 3rem;
    font-weight: 300;
    color: var(--principal);
}

.bio h1 > strong {
}

.links-pro {
    height: 46px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
}

.links-pro a {
    background: var(--principal);
    width: 101%;
    border-radius: 3px;
    margin-left: 0px;
    color: #fff;
    line-height: 47px;
    font-size: 11px;
}

.links-pro a:nth-child(2) {
    background: var(--cor2);
}

.links-pro a:hover {
    background: #f5f5f4;
    color: var(--principal);
}

.tag-projetos {
    position: absolute;
    top: 1px;
    width: 39%;
    text-align: center;
    right: 1px;
    z-index: 11;
}

.icone-pro {
    width: 40px;
    height: 40px;
    background: url(images/filme.png) top center no-repeat #fff;
    border-radius: 100px;
    margin: auto;
    margin-top: -14px;
    z-index: 1111;
    background-position: 9px 8px;
}

.tag-projetos span {
    background: #fff;
    padding: 4px 8px;
    text-transform: uppercase;
    border-radius: 3px;
    display: block;
    width: max-content;
    margin: auto;
    margin-top: 6px;
    font-family: 'MADE Tommy Soft';
    font-weight: 600;
    font-size: 9px;
    color: #00000073;
}

.twitter {
    width: 43.7%;
    border-radius: 4px;
    background: url(images/twitter.png) bottom center #68d5ed no-repeat;
    color: #fff;
    padding: 35px;
    height: 293px;
    margin-bottom: 18px;
    position: relative;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}

.about-tt {
    width: 100%;
    position: absolute;
    bottom: 9px;
    text-align: center;
    left: 0px;
    padding: 23px;
    font-size: 12px;
}

.twitter a {
    color: #ffffffbf;
}

.twitter > span > a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
}

.box-outras-redes {
    width: 54.6%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

a.facebook-rede {
    background: url(images/facebook.png) top center #0d5795;
    padding: 34px;
    display: block;
    border-radius: 5px;
    margin-bottom: 15px;
    width: 79%;
    height: 90px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 4px;
    color: #fff;
    font-weight: 500;
    background-position: 8px 5px;
    line-height: 26px;
    font-size: 9px;
}

.youtube {
    background: #e14d3a;
    width: 18.9%;
    border-radius: 5px;
    height: 89px;
    text-align: center;
    padding: 20px;
    font-size: 41px;
    color: #fff;
}

.youtube a {
    color: #fff;
}

.youtube a:hover {
    color: #1615153b;
}
.insta-back {
    background: #db425f;
    height: 185px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
    padding: 9px;
}

.boxcadavd {
    width: 23.94%;
    position: relative;
    overflow: hidden;
}

.imagem-videos {
    height: 200px;
    border-radius: 5px;
    position: relative;
}

.imagem-videos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    filter: brightness(0.8);
}

.tag-vd {
    background: #fff;
    padding: 4px 8px;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 3px;
    font-weight: 600;
    display: block;
    width: max-content;
    margin-top: 6px;
    left: 12px;
    bottom: 20px;
    position: absolute;
    color: #0000007d;
}

.titulo-video {
    height: 100px;
    background: #fff;
    padding: 19px;
    border-radius: 5px;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
}

.ico-videos {
    position: absolute;
    top: 0px;
    background: url(images/play.png) top center no-repeat;
    height: 200px;
    width: 100%;
    background-position: 88px;
}

@media only screen and (max-width: 500px) {
    .header-img {
        height: 0;
        padding-bottom: 59%;
        background-size: cover;
    }

    .container-logo {
        width: 100%;
    }

    .box-posts {
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }

    .logo {
        height: 0;
        padding-bottom: 36%;
        background-size: cover;
    }

    nav.menu {
        border-radius: 9px;
        padding: 26px;
        text-align: center;
        position: relative;
        line-height: 33px;
        padding-top: 36px;
    }

    .descricao {
        width: 100%;
        padding: 20px;
        background: var(--cor2);
        padding-top: 0px;
        padding-bottom: 45px;
    }

    .container-fluid.header-full {
        height: auto;
        padding-top: 0px;
    }

    .box-primeiro, .box-segundo, .box-posts, .bio, .box-noticias, .insta-all, .box-videos-twitter {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .box-posts {
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
    }

    .galeria-faixa {
        display: block;
    }

    .links {
        display: block;
        width: 100%;
        text-align: center;
    }

    .foto-icone {
        width: 64px;
        height: 76px;
        margin: -76px 1px -9px 0px;
        background: url(images/galeria.png) top center no-repeat #fff;
        background-position: -12px;
    }

    .galeria-code {
        width: 100%;
        margin-top: 30px;
    }

    .footer {
        text-align: center;
    }

    .foto-bio {
        left: -25px;
    }

    .bio {
        text-align: right;
    }

    nav.menu a:hover {
        background: unset;
        color: unset;
    }

    .noticias-faixa > span {
        display: none;
    }

    .noticias-faixa {
        text-align: center;
        display: block;
        padding: 20px;
    }

    .bio p {
        text-align: center;
    }
    .bio .fa-instagram {
    left: 10px;
}

    .box-projetos-todo {
        width: 100%;
    }

    .projetos-img, .projetos-body, .box-outras-redes, .twitter {
        width: 100%;
    }

    .box-projetos {
        height: auto;
    }

    .box-slider-projetos {
        height: auto;
    }

    .projetos-img {
        height: 300px;
        margin: 0px;
        border-radius: 4px;
    }

    .tag-projetos {
        margin-top: 444px;
        width: 100%;
    }

  

    .youtube {
        width: 27.7%;
    }

    .titulo-video {
        height: auto;
    }

    .ico-videos {
        background-position: top center;
        background-position-y: 56px;
    }

    .sidebar-container, .artigo {
    width: 96%;
    margin: auto;
}

	.artigo {
		margin-bottom: 40px;
	}
	
	.ico-videos {
    background-position: top center;
    background-position-y: 27px;
    height: 100%;
}
.boxcadavd {
    width: 100%;
}

a.facebook-rede {
    width: 70%;
    font-size: 9px;
    letter-spacing: 1px;
    background-position: top center;
    padding: 10px;
    line-height: 61px;
}

.foto-galeria {
    background: url(images/galeria.png) top center no-repeat #282828;
    margin-bottom: 20px;
    background-size: contain;
    padding-top: 131px;
}
.imagem-videos {
    height: 139px;
}
.body-home, .projetos-body > .text-pro, .bio, .insta-back {
    height: auto;
}

.noticias-faixa:before, .noticias-faixa:after {
    display: none;
}
     
.container {
    width: 96%;
}

.bio h1 {
    font-size: 2.5rem;
}
}