/*
Theme Name: Ste Portfolio
Theme URI: https://zweiarts.com.br
Author: Zweiarts
Description: Tema de portfólio (projetos com fotos e filmes) baseado no template Redox. Prévia com conteúdo lorem ipsum.
Version: 1.0.12
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ste-portfolio
*/

/* ---- Logo em texto ---- */
.ste-logo{font-size:22px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:inherit;text-decoration:none;line-height:1}
.ste-logo img{max-height:42px;width:auto}

/* ---- Vídeo no projeto ---- */
.ste-video{margin:80px 0}
.ste-video .ste-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.ste-video iframe,.ste-video video{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---- Lista de projetos: legenda ---- */
.ste-work-caption{display:block;margin-top:14px;font-size:15px;opacity:.75}

/* ---- Páginas Sobre / Contato ---- */
.ste-page{padding-bottom:120px}
.ste-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.ste-about-grid img{width:100%;height:auto;display:block}
.ste-prose p{margin-bottom:1.2em;line-height:1.3}
.ste-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.ste-contact-info p{margin-bottom:10px}
.ste-form label{display:block;font-size:14px;margin-bottom:6px}
.ste-form input,.ste-form textarea{width:100%;border:0;border-bottom:1px solid currentColor;background:transparent;padding:10px 0;margin-bottom:26px;font:inherit;color:inherit;outline:0}
.ste-form textarea{min-height:140px}
.ste-form button{border:1px solid currentColor;background:transparent;color:inherit;padding:14px 34px;font:inherit;cursor:pointer;text-transform:uppercase;letter-spacing:.06em}
.ste-form button:hover{background:#111;color:#fff;border-color:#111}
.ste-notice{padding:14px 18px;border:1px solid currentColor;margin-bottom:30px}
.ste-hp{position:absolute;left:-9999px}
@media (max-width:767px){.ste-about-grid,.ste-contact-grid{grid-template-columns:1fr;gap:30px}}

/* ---- Título das páginas internas e menu ---- */
.page-title-wrapper .page-title{font-family:var(--font_dmsans);font-weight:200;line-height:.8;letter-spacing:3px;text-align:left;text-transform:lowercase}
@media only screen and (max-width:1919px){.page-title-wrapper .page-title{font-size:45px}}
.page-title-wrapper{margin-top:30px;margin-bottom:60px}
.header-area-2 .main-menu li a{font-size:19px;font-weight:300;padding:21px 17px}


/* ---- Rodapé, parágrafos e botões ---- */
@media only screen and (max-width:1919px){
  .footer-area-inner-page .footer-top-inner .info-text .text{font-size:18px}
  .footer-area-inner-page .copyright-text .text{font-size:13px}
}
p{padding:0;margin:0;font-weight:200;font-size:20px;color:#000}
.footer-area-inner-page .footer-nav-list li{font-size:18px;line-height:30px;color:var(--primary);transition-property:opacity;transition-duration:500ms;font-weight:300}
.rr-btn{justify-content:center;position:relative;overflow:hidden;z-index:5;padding:26px 42px;background-color:var(--primary);border:1px solid var(--primary);border-radius:100px;font-style:normal;font-weight:300;line-height:1;display:inline-flex;align-items:center;text-transform:capitalize}

/* ---- Títulos ---- */
h1,h2,h3,h4,h5,h6{padding:0;margin:0;color:var(--primary)}

/* ---- Título da home e fonte dos títulos ---- */
.works-wrapper-5 .section-header .section-title{font-weight:200;line-height:1.33;letter-spacing:0}
@media only screen and (max-width:1919px){.works-wrapper-5 .section-header .section-title{font-size:30px;max-width:370px}}
.font-heading-sequelsans-romanbody h1,.font-heading-sequelsans-romanbody h2,.font-heading-sequelsans-romanbody h3,.font-heading-sequelsans-romanbody h4,.font-heading-sequelsans-romanbody h5,.font-heading-sequelsans-romanbody h6{font-family:var(--font_dmsans)}

/* ---- Imagens sem cantos arredondados ---- */
.card{position:relative;width:100%;height:100%;object-fit:cover;background-repeat:no-repeat;overflow:hidden;border-radius:0;transition:1s cubic-bezier(0.445,0.05,0.55,0.95);will-change:transform;border:none}
img,video,iframe,.card,.card-bg,.thumb,.image,.image-wrapper,.title-thumb,.gallery-wrapper .image,.gallery-wrapper-2 .image,.work-box,.work-box__item .image,.ste-video-frame{border-radius:0 !important}
