/* =============================
 * Estilos personalizados. 
 * ============================= */

/* =============================
 * VARIABLES
 * ============================= */
:root {
  --orange: #e26805;
  --red: #d9534f;
  --red-dark: #a33a37;
  --teal: #20c997;
  --white: #fff;
  --gray: #bbb;
  --gray-dark: #777;
  --gray-light: #ddd;
  --primary: #f85f1f;
  --primary-dark: #cc4911;
  --secondary: #777;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #d9534f;
  --light: #eaeced;
  --dark: #333;
  --bs-primary-rgb: 15, 150, 210;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Figtree", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}


/* -----------------------------------------------------
 *  BOOTSTRAP
/* ----------------------------------------------------- */
.bg-primary {
    background-color: #f85f1f !important;
}


/* -----------------------------------------------------
 *  FONT
/* ----------------------------------------------------- */
.fa-duotone:before, .fad:before {
    color: var(--fa-primary-color, rgb(216 89 49));
}
.fa-duotone:after, .fad:after {
    color: var(--fa-secondary-color, rgb(253 178 79));
}

/* -----------------------------------------------------
 *  HTML
/* ----------------------------------------------------- */
body {
  padding-top: 86px;
}


/* -----------------------------------------------------
  *  YETI
 /* ----------------------------------------------------- */
.color-orange {
  color: var(--orange) !important;
}
.content-32 .nav-link.active {
    font-weight: bold;
}

.y-mask:before {
  background-color: rgba(0, 0, 0, 0.6);
}

.y-header-title {
  font-size: calc(3.325rem + .9vw);
}
.y-header-subtitle {
  font-size: 38px;
}


/* -----------------------------------------------------
  *  MENU
 /* ----------------------------------------------------- */
#menu-1 .navbar-brand img {
  height: 50px;
}

#menu-1.resize .navbar-brand img {
  height: 30px;
}
#menu-1 .navbar-nav>li>a {
    color: var(--bs-nav-link-color);
}
#menu-1 .navbar-nav>li>a:hover {
    color: var(--primary-dark);
}


/* -----------------------------------------------------
 *  HEADER
/* ----------------------------------------------------- */
.content-video-container {
  height: 700px;
}


/* -----------------------------------------------------
 *  HOME
/* ----------------------------------------------------- */
#home-conectividade {
  margin-top: -130px;
  z-index: 1;
  position: relative;
}


/* -----------------------------------------------------
 *  SOBRE
/* ----------------------------------------------------- */
.hero-1 .sticky-hero__media {
    background: url(../img/sobre.webp) no-repeat center center;
}


/* -----------------------------------------------------
 *  SERVIÇOS
/* ----------------------------------------------------- */
.content-28 .content-28-img {
    margin-bottom: -30%;
}

/* -----------------------------------------------------
 *  CONTATO
/* ----------------------------------------------------- */
.wpcf7-form-control {
    background-color: #eee;
    border-radius: 6px;
}


/* =============================
 * Regras de responsividade.
 * ============================= */

/* Dispositivos grandes (desktops, menores que 1200px) */
@media (max-width: 1199.98px) {}


/* Dispositivos medianos (tablets, menores que 992px) */
@media (max-width: 991.98px) {}


/* Dispositivos pequenos (smartphones na horizontal, menores que 768px) */
@media (max-width: 767.98px) {}


/* Dispositivos extra pequenos (smartphones na vertical, menores que 576px) */
@media (max-width: 575.98px) {}