@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root{ 

    font-family: 'Roboto', sans-serif;

    /* cores padrões */
    --color-primary: #2b9d4d;
    --color-secondary: #2D2F2F;
    --color-text: #494B4B;
    --color-back: #FFF;
    --color-dark: rgba(0,0,0,0.7);
    --color-light: #F4F3F2;

    /* botões */
    --btn-back: var(--color-primary);
    --btn-back-hover: var(--color-secondary);
    --btn-color: #FFF;
    --btn-color-hover: var(--btn-color);

    /* top bar */
    --bar-back: var(--color-primary);
    --bar-color: #FFF;
    --bar-icon-color: #FFF;
    --bar-icon-redes-color: #FFF;
    --bar-icon-redes-color-hover: #FFF;

    /* top */
    --top-logo-padding: 10px;
    --top-logo-padding-responsive: 5px;
    --top-logo-width-responsive: 160px;
    --top-logo-height-responsive: 80px;
    --top-back: transparent;    
    --top-nav-back: transparent;
    --top-nav-color: #FFF;    
    --top-nav-hover-back: var(--color-primary);
    --top-nav-hover-color: var(--top-nav-color);
    --top-drop-back: var(--color-primary);    
    --top-drop-color: var(--top-nav-color);
    --top-drop-hover-back: rgba(0,0,0,0.05);
    --top-drop-hover-color: var(--top-nav-color);

    /* footer */
    --footer-back: var(--color-primary);
    --footer-color: var(--top-nav-color);
    --footer-copy-back: rgba(0,0,0,0.1);
    --footer-copy-color: var(--footer-color);
    --footer-icon-color: var(--bar-icon-color);
    --footer-icon-redes-color: var(--bar-icon-redes-color);
    --footer-icon-redes-color-hover: var(--bar-icon-redes-color-hover);

    /* title */
    --title-color: var(--color-primary);
    --title-line-color: var(--color-primary);
    --title-line-size: 150px;
    --title-post-color: #333;

    --title-internal-color: var(--color-primary);
    --title-internal-back: var(--color-light);

}

header #bar { font-size: 0.9em; padding: 10px 0; }

header { position: absolute; z-index:999; width: 100%; }

header .navbar-nav { position: absolute; top: 0; }
header .navbar-nav a { font-size: 0.9em; padding:30px 20px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);  }

header .navbar-nav .dropdown-menu { min-width: 300px; }
header .navbar-nav .dropdown-menu a { font-size: 0.85em; font-weight: 300; padding: 10px 20px; line-height: 1.3em; }

#box-page-3 h4 { color: var(--color-primary) }

.accordion .card-header { display: block; cursor: pointer; }
.accordion .card-header:after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "f068"; float: right; }
.accordion .card-header.collapsed:after { content: "f067"; }

.header-foto {  position: relative; width: 100%;  height:400px; overflow: hidden;  }
.header-foto img { width: 100% }

.card { font-size: 0.9em; font-weight: 300; }
.card .card-title { font-size: 1.5em; color: var(--color-primary) }
.card .card-subtitle { font-size: 0.9em; margin: 15px 0; font-weight: 300 }
.card ul {  padding: 0; margin: 0 0 0 15px; }
.card ul li { padding: 0; margin: 0 }

@media (max-width:991.99px){
   .header-foto {  height:250px; }
   header .navbar-nav {background:#FFF;}
   header .navbar-nav a{text-shadow: none; color: #333;}
}


#slider-rodape {display: flex;flex-wrap: wrap;}
#slider-rodape .slider-item {height: 40vh;flex-grow: 1;}
#slider-rodape .slider-item:last-child {flex-grow: 10;}
#slider-rodape .slider-item img {max-height: 100%;min-width: 100%;object-fit: cover;vertical-align: bottom;}
 @media (max-height: 480px) {
	#slider-rodape .slider-item {height: 10vh;flex-grow: 2;}
}