/*
Theme Name: Devmulti
Theme URI: https://www.devmulti.com.br
Author: Bruno
Author URI:https://devmulti.com.br/
Description: Um tema leve para Wordpress.
Version: 1.2
Text Domain:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: e-commerce, custom-menu, custom-logo, featured-images, footer-widgets, theme-options, translation-ready, blog, right-sidebar, sticky-post, threaded-comments
*/

body {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-size: contain;
    margin: 0; /* Remove margens padrão */
    padding: 0; /* Remove paddings padrão */
}
/* Ajustes para dispositivos móveis e tablets */
@media (max-width: 768px) {
    body {
        background-attachment: scroll; /* Permite que o fundo se mova com o conteúdo */
    }
}
 .content-area{
     min-height: 500px;
     padding: 3rem 0;
 }
 a {
     color: #b20000;
     text-decoration: none;
     font-size: 15px;
 }
 li {
     color: #000;
     text-decoration: none;
     font-size: 15px;
 }
 b {
    color: #2c2c2c;
    text-decoration: none;
    font-size: 20px;
}
i {
    color: #a0a0a0;
    text-decoration: none;
    font-size: 20px;
}
 
 /*h1 margim top titulos paginas */
 .h1, h1 {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 25px;
    color: #004260;
}
 .h2, h2 {
    font-family: "Raleway", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-top: 60px;
    color: #004260;
}
.h3, h3 {
    font-family: "Raleway", sans-serif;
    margin-top: 25px;
    color: #ffffff;
    font-size: revert;
    font-weight: 400;
}

 /* General */
 .size-auto,
 .size-full,
 .size-large,
 .size-medium,
 .size-thumbnail {
     max-width: 100%;
     height: auto;
 }
 .btn-secondary {
  color: #202020;
  background-color: #fff;
  border-color: #6c757d;
}
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: transform 0.3s ease-in-out;
    background-color: #fff; /* Certifique-se de que o fundo do header seja branco ou a cor desejada */
}

.site-header.hidden {
    transform: translateY(-100%);
}
  /* Canvas da direita*/
  .offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto;
    background-color: none;
}
/* Estilo básico para tornar o formulário de contato responsivo */
.wpcf7-form {
    max-width: 100%;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
}


.wpcf7-form select {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
}

.wpcf7-form p {
    margin-bottom: 10px;
}

/* Estilos adicionais para ajustar a aparência e o layout em tamanhos de tela menores */
@media (max-width: 768px) {
    .wpcf7-form input[type="text"],
    .wpcf7-form input[type="email"],
    .wpcf7-form textarea,
    .wpcf7-form select {
        width: 100%;
    }
}
/* Section Hero */
.hero-section {
    position: relative;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

/* Section About */
  .about-section {
    padding: 60px 0;
  }

  .about-section h2 {
    font-size: 2rem;
    margin-bottom: 20px;
  }

  .about-section p {
    font-size: 1.1rem;
    margin-bottom: 20px;
  }

  .about-section ul {
    list-style: none;
    padding: 0;
  }

  .about-section ul li {
    font-size: 1rem;
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
  }

  .about-section ul li::before {
    content: "\f00c"; /* FontAwesome check icon */
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #4f7cac;
  }

  .about-section img {
    max-width: 100%;
    border-radius: 8px;
  }
  .about-section {
    min-height: 100vh;
    padding: 60px 0;
}

@media (max-width: 767px) {
    .about-section .col-md-6 {
        margin-bottom: 1.5rem;
    }
}

.bg-image {
    background-size: cover;
    background-position: center;
    height: 300px;
}

@media (max-width: 767px) {
    .bg-image {
        height: auto;
        padding: 60px 0;
    }
}


/* Call action faixa */
.bg-image {
    background-image: url('img/tec.jpeg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.bg-image {
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    height: 300px;
    position: relative;
}

.bg-image .position-absolute {
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.bg-image .row {
    position: relative;
    z-index: 2;
    height: 100%;
}

.bg-image h1 {
    color: #bbbbbb;
    font-weight: bold;
    font-family: "Raleway", sans-serif;
}

.bg-image h1 strong span {
    color: #fff;
}

.bg-image .btn {
    margin-top: 20px;
}
 
.custom-offcanvas {
    position: relative;
}

.custom-offcanvas::before,
.custom-offcanvas::after {
    content: '';
    position: absolute;
    top: 0;
    right: -2px; /* Ajuste conforme necessário */
    width: 4px;
    height: 100%;
}

.custom-offcanvas::before {
    background-color: #DAA520; /* Amarelo */
    right: 4px; /* Ajuste para posicionar as linhas */
}

.custom-offcanvas::after {
    background-color: #00264d; /* Azul */
    right: 0;
}

/* Estilos para a página moderna */
h1, h2 {
    color: #333;
}

.lead {
    font-size: 1.25rem;
}

footer {
    background-color: #222;
    color: #fff;
}

footer a.btn-primary {
    background-color: #007bff;
    border: none;
}

img.rounded.shadow {
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}