/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/

/* Home sections */
.section-home { padding: 50px 20px; }
.section-home .title { font-size: 2rem; font-weight: 700; margin-bottom: 20px; }
.section-text { font-size: 1.1rem; line-height: 1.6; }

/* Footer */
.page-footer { background: #222; color: #fff; padding: 40px 20px; }
.page-footer a { color: #fff; }
.footer-ico { width: 24px; }
.footer-links { width: 40px; }
.cofinanciamento { max-width: 100%; }

/* Navbar */
.magirus-logo img {
    max-width: 100% !important;
    height: auto;
}

/* Animations */
[data-aos] { opacity: 0; transition: all 0.8s ease; }

.hero-section img.hero-image { max-height: 450px; object-fit: cover; }
.section-home img, .mid-section img { max-width: 90%; border-radius: 12px; }
.section-home .title, .mid-section .title { font-weight: 700; font-size: 2rem; }

/* Hero carousel */
#heroCarousel {
    height: 100vh;
    overflow: hidden;
}
#heroCarousel .carousel-item img.hero-image {
    height: 100vh;
    object-fit: cover;
}
#heroCarousel .carousel-caption {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    text-align: center;
}
#heroCarousel h1,
#heroCarousel p {
    text-shadow: 0 4px 15px rgba(0,0,0,0.6);
}

/* Default transparent navbar */
.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

/* Adjust menu links for transparency */
.navbar .nav-link {
    color: #fff;
    transition: color 0.3s ease;
}

/* Logo sizing */
.navbar .magirus-logo img {
    max-width: 15%;
    height: auto;
}
@media (max-width: 768px) {
    .navbar .magirus-logo img {
        max-width: 30%;
    }
}
.navbar .magirus-logo img {
    max-width: 15%;
    height: auto;
    transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
    .navbar .magirus-logo img { max-width: 30%; }
}

body{
    background: #fff9f9;
}

/* Give content containers a card-like feel */
.container, .section-home, .mid-section {
    background: #fff9f9;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.50);
    margin-bottom: 20px;
}

/* Reduce section image sizes */
.section-home img, .mid-section img, .section img {
    max-width: 70%;   /* Shrink images to 70% of container */
    height: auto;
    margin: 20px auto;
    display: block;
    border-radius: 8px; /* optional: soft rounded corners */
}

/* On mobile, keep them a bit larger for readability */
@media (max-width: 768px) {
    .section-home img,
    .mid-section img,
    .section img{
        max-width: 90%;
    }
}

/* Always white text for navbar links */
.navbar .nav-link,
.navbar .navbar-brand,
.navbar .navbar-toggler {
    color: #fff !important;
}

/* Optional: white hamburger icon on mobile */
.navbar .navbar-toggler-icon {
    filter: brightness(0) invert(1); /* makes the default dark icon white */
}

/* Logo image styling */
.nav-logo {
    max-height: 50px;
    height: auto;
    width: auto;
}

/* Responsive layout */
.navbar .container-fluid {
    padding: 0 1rem;
}

/* Hide one logo version depending on scroll (if using swap) */
.logo-light { display: none; }
.navbar.scrolled .logo-light { display: inline; }
.navbar.scrolled .logo-dark { display: none; }

/* Hamburger always right */
.navbar-toggler {
    order: 2;
    border: none;
}

/* White icon for hamburger */
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Responsive logo size */
@media (max-width: 768px) {
    .nav-logo {
        max-width: 30%;
    }
}

/* Dark overlay when mobile menu is active */
.mobile-menu-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.85);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 998; /* just below navbar */
}

/* Active state */
.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Light logo variant (only on overlay) */
.logo-light {
    display: none;
}



/* Custom header */
/* ----- Pages Header ----- */
/* ===== Overlay (for menu / dim background) ===== */
.mobile-menu-overlay{
    position:fixed; inset:0;
    background:rgba(0,0,0,.85);
    opacity:0; visibility:hidden;
    transition:opacity .25s ease;
    /* z-index ladder (Bootstrap 4): navbar .sticky-top ~1020; dropdown 1000+; modal 1050+ */
    z-index:10; /* below the navbar (1020) but above page content */
}
.mobile-menu-overlay.active{ opacity:1; visibility:visible; }

/* Body class while menu open (useful for logo swap, scrolling lock if you want) */
body.menu-open{ overflow:hidden; }

/* ===== Header scroll effect ===== */
.header-pages .navbar,
.header-default .navbar { transition: background-color .2s ease, box-shadow .2s ease; }

    /*
.header-scrolled .navbar {
    background: rgba(255, 255, 255, .95) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, .08);
}
*/

/* Navbar links: black on regular pages */
.header-pages .navbar-light .navbar-nav .nav-link{ color:#000 !important; }

/* Optional: logo swap defaults (dark on pages) */
.header-pages .logo-light{ display:none; }
.header-pages .logo-dark{ display:inline; }

.scrolled{
    background-color:rgba(0,0,0,.85) !important;
}

/* Keep each menu item on one line (desktop) */
@media (min-width: 992px) { /* match your navbar-expand-lg breakpoint */
    .navbar-nav { flex-wrap: nowrap; }                 /* don't wrap to a second row */
    .navbar-nav .nav-item,
    .navbar-nav .nav-link {
        white-space: nowrap;                             /* no line breaks inside items */
        word-break: normal;
        hyphens: none;
    }
    /* Optional: tighten spacing a bit to fit more items */
    .navbar-nav .nav-link { padding: .5rem .75rem; }   /* tweak as needed */
}