/* Add here all your CSS customizations */

/* Eco-Escolas ESTGV */

:root {
  --verdeEcoEscolas: #00b259;
  --azulEcoEscolas: #0079c1; 
  --preto: #444;
  --bordo: #CCC;
  --fundo: #FCFFFC; /*#FCFCFC;*/
  --form-bg: #F0F6F0;
}
.slide-1-bg {
		background-color: #E7F2E9;
}
.slide-2-bg {
		background-color: var(--verdeEcoEscolas);
}
.slide-3-bg {
		background-color: lightgray;
}

html {
  /*scroll-behavior: smooth;*/ /* ------------ */
}

.logos {
	max-height:30px; 
	margin:20px 25px;
}

::-moz-selection {
	color: #FFF;
	background: var(--verdeEcoEscolas);
}

::selection {
	color: #FFF;
	background: var(--verdeEcoEscolas);
}

html .btn-primary {
	background-color: var(--azulEcoEscolas);
}
html .btn-primary:hover,
html .btn-primary.hover {
	background-color: var(--verdeEcoEscolas);
}
html .btn-primary:active,
html .btn-primary.active {
	background-color: var(--verdeEcoEscolas) !important;
}
html .btn-primary:focus,
html .btn-primary.focus {
	background-color: var(--verdeEcoEscolas);
}
html .btn-primary.disabled,
html .btn-primary:disabled {
	background-color: lightgray;
}

#titulo {
	margin: 0;
	padding: 0;
}
#subtitulo {
	color: var(--preto);
	margin: 0;
	padding-top: 0px; 
	padding-bottom: 0px;
	margin-bottom: 30px;
}

#vetores {
	justify-content: center;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

#ideias-bg {
		background-color: var(--form-bg);
}

.vector-caption { 
	margin-top: .5em;
}
@media (min-width: 0px) {
	.vector-caption { 
		font-size: .8em;
		line-height: 1.2em;
	}
}
@media (min-width: 768px) {	
	.vector-caption { 
		font-size: 1.1em;
	}
}
@media (min-width: 992px) {	
	.vector-caption { 
		/*padding-left: 0%; 10% para 4*/
		/*padding-right: 0%; 10% para 4*/
	}
}
@media (min-width: 1200px) {	/* xl */
	.vector-caption { 
		/*padding-left: 0%; 15% para 4*/
		/*padding-right: 0%; 15% para 4*/
	}
}

.imagem-vetores{
	/*margin: 0 5px !important; para 4*/
	max-inline-size: 200px;
}

h1, h2, h3, h4, h5, h6 {
	color: var(--preto);
	letter-spacing: 0;
}

strong {
	/*color: var(--verdeEcoEscolas);*/
}

a {
	color: var(--azulEcoEscolas);
}

a:hover {
	color: var(--verdeEcoEscolas);
}

a:focus {
	color: var(--azulEcoEscolas);
}

a:active {
	color: var(--azulEcoEscolas);
}

html .text-color-primary,
html .text-primary {
	color: var(--verdeEcoEscolas) !important;
}

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
	color: var(--azulEcoEscolas) !important;
}

.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child,
.list.list-icons li a:first-child > .icons:first-child {
	color: var(--verdeEcoEscolas);
	border-color: var(--verdeEcoEscolas);
}


#header .header-nav.header-nav-links nav > ul li:hover > a {
	color: var(--verdeEcoEscolas); 
}
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
	color: var(--verdeEcoEscolas);
}
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active, 
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus,
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover {
	background: var(--verdeEcoEscolas);
}
#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
	color: var(--preto);
}
html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active {
	background: var(--verdeEcoEscolas) !important;
	color: #FFF !important;
}

#header .header-btn-collapse-nav {
background: var(--azulEcoEscolas);
}

.wide-banner{

	width: unset !important;

	margin-left: 50% ;
	transform: translateX(-50%);/* Move to the left by 50% of own width */

	/* Scale image...(101% - instead of 100% - avoids possible 1px white border on left of image due to rounding error */
	/*width: 101%;*/

	/* ...but don't scale it too small on mobile devices - adjust this as needed */
	/* min-width: 1086px; */

	/* allow content below image to appear on top of image */
	/*position: absolute;*/
	/*z-index: -1;*/

	/* OPTIONAL - try with/without based on your needs 
	top: 0;*/

	/* OPTIONAL - use if your outer element containing the img has "text-align: center" 
	left: 0;*/
}

@media (min-width: 0px) {	/* xs */
	.owl-carousel {
		height: 150px;
	}
	.wide-banner{
		height: 150px;
	}
}
@media (min-width: 576px) {	/* sm */
	.owl-carousel {
		height: 220px;
	}
	.wide-banner{
		height: 220px;
	}
}
@media (min-width: 768px) {	/* md, lg, xl */
	.owl-carousel{
		height: 330px;
	}
	.wide-banner{
		height: 330px;
	}
}


.owl-carousel {
	margin-bottom: 30px !important;
}
.owl-carousel .owl-dots .owl-dot span { 
	background-color: var(--verdeEcoEscolas);
	width: 16px;  
	height: 16px; 
	margin: 10px 4px !important;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background-color: var(--azulEcoEscolas); 
}

.social-icons li:hover a {
	background: var(--azulEcoEscolas);
	color: #FFF !important;
}
.social-icons li:hover.social-icons-facebook a {
	background: var(--azulEcoEscolas) !important;
}
.social-icons li:hover.social-icons-linkedin a {
	background: var(--azulEcoEscolas) !important;
}

.image-bottom-border {
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	border-bottom-color: var(--verdeEcoEscolas);
}

.minimal-border {
	border: solid 0.25px var(--bordo);
}

.thumb-info .thumb-info-type,
.thumb-info .thumb-info-action-icon,
.thumb-info-social-icons a,
.thumbnail .zoom,
.img-thumbnail .zoom,
.thumb-info-ribbon {
	background-color: var(--verdeEcoEscolas);
}

.coordenador {
	background-color: var(--azulEcoEscolas) !important;	
}

article {
	padding: 10px;
	margin-bottom: 2em;
	border: 0.25px var(--bordo) solid;
	background-color: white;
	transition: all 250ms;	
}
article:hover {
	border: .75px var(--verdeEcoEscolas) solid;
	transform: scale(1.01);
}
#iniciativas {
	background-color: var(--fundo);
}

.pessoa-nome {
	font-weight: 600;
	letter-spacing: 0; 
	margin: 0px;
}
.pessoa-cargo {
	font-weight: 300;
	letter-spacing: 0;
	margin: 0px;
}
@media (min-width: 0px) {	/* xs */
	.pessoa-nome {
		font-size: 1.1em; 
		padding-top: .7em;
		line-height: 1em; 
	}
	.pessoa-cargo {
		font-size: 1.1em;   /* <-- */
		padding-top: 0.33em; 
		line-height: 1em; 
	}
}
@media (min-width: 576px) {	/* sm */
	.pessoa-nome {
		font-size: 1em; 
		padding-top: .7em;
		line-height: 1em; 
	}
	.pessoa-cargo {
		font-size: 1em;   /* <-- */
		padding-top: 0.33em; 
		line-height: 1em; 
	}
}
@media (min-width: 768px) {	/* md */
	.pessoa-nome {
		font-size: 1em; 
		padding-top: .7em;
		line-height: 1em; 
	}
	.pessoa-cargo {
		font-size: 1em;   /* <-- */
		padding-top: 0.33em; 
		line-height: 1em; 
	}
}
@media (min-width: 992px) {	/* lg */
	.pessoa-nome {
		font-size: .85em; 
		padding-top: .7em;
		line-height: 1em; 
	}
	.pessoa-cargo {
		font-size: .85em;   /* <-- */
		padding-top: 0.33em; 
		line-height: 1em; 
	}
}
@media (min-width: 1200px) {	/* xl */
	.pessoa-nome {
		font-size: 1em; 
		padding-top: .7em;
		line-height: 1em; 
	}
	.pessoa-cargo {
		font-size: 1em;   /* <-- */
		padding-top: 0.33em; 
		line-height: 1em; 
	}
}

.thumb-info .thumb-info-title {
	font-weight: 500;
	letter-spacing: 0; /* <-- */
	max-width: 95%;
	font-size: 0.8em;  /* <-- */ 
	padding: 8px 15px 0px; /* <-- */
	line-height: 1.1em;
}

.thumb-info .thumb-info-type {
	border-radius: 0px; /* <-- */
	font-size: 1em;   /* <-- */
	font-weight: 500;
	letter-spacing: 0;
	margin: 2px -2px -15px 0px;  /* <-- */
	padding: 0px 10px;  /* <-- */
	text-transform: none; /*uppercase;*/
	line-height: 2em; /* <-- */
	white-space: nowrap;
}

@media (min-width: 0px) {	/* xs */
	.thumb-info .thumb-info-title {
		padding-top: .85em;
		font-size: 1em;
		line-height: 1.1em;
	}
	.thumb-info .thumb-info-type {
		font-size: 1em;
		line-height: 2em;
	}
}
@media (min-width: 576px) {	/* sm */
	.thumb-info .thumb-info-title {
		padding-top: 0.4em;
		font-size: .8em;
		line-height: 1.1em;
	}
	.thumb-info .thumb-info-type {
		font-size: .85em;
		line-height: 2em;
	}
}
@media (min-width: 768px) {	/* md */
	.thumb-info .thumb-info-title {
		padding-top: 0.3em;
		font-size: .8em;
		line-height: 1.1em;
	}
	.thumb-info .thumb-info-type {
		font-size: .85em;
		line-height: 2em;
	}
}
@media (min-width: 992px) {	/* lg */
	.thumb-info .thumb-info-title {
		padding-top: 0.5em;
		font-size: .85em;
		line-height: 1.1em;
	}
	.thumb-info .thumb-info-type {
		font-size: .85em;
		line-height: 2em;
	}
}
@media (min-width: 1200px) {	/* xl */
	.thumb-info .thumb-info-title {
		padding-top: 0.5em;
		font-size: .85em;
		line-height: 1.1em;
	}
	.thumb-info .thumb-info-type { 
		font-size: .85em;
		line-height: 2em;
	}
}

html .thumb-info .thumb-info-action-icon-primary {
	background-color: var(--verdeEcoEscolas);
}

#barra_de_logos {
	background-color: var(--azulEcoEscolas);  
}

#footer {
	background-color: var(--verdeEcoEscolas);  
	border-top:0;
	padding-top: 4px;
}

.footer-copyright {
	background: var(--azulEcoEscolas) !important;
}

/* ----------------------- */