/* Import FONTS */
@import url("fonts.css");

/* css customizado */
body {
	font-size: 18px;
	background-color: #1D7098;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

nav .nav-item {
    position: relative;
}

/* zerando borda e bg da tag card*/
.card {
	background-color: transparent !important;
	border: 0px solid transparent !important;
}

/* controles contraste */
.controle-contraste { }

 .controle-contraste a { 
	text-decoration: none;
 }

button:focus {
    outline: none !important;
}

abbr[title], abbr[data-original-title] {
    -webkit-text-decoration: none;
    text-decoration: none;
    border-bottom: 1px dashed;
}

a {
    color: #13688D;
}

a:hover {
    text-decoration: underline;
}

strong {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 800;
}

.hide,
.text-hide { display: none; }

.cor001 { color: #13688D; }

.btn {
	background-color: #1D7098 !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: .6rem 1rem;
    color: #FFF;
    text-transform: uppercase;
    border: transparent;
}


.btn:hover {
	background-color: #FFCC00 !important;
    color: #1D7098;
}

/*-----------------*/
.logo {	
	width: 168px;
	height: 187px;
	display: inline-block;
	/*usando o svg como mascara para controlar a cor*/
	-webkit-mask: url(../images/logo.svg) no-repeat 100% 100%;
	mask: url(../images/logo.svg) no-repeat 100% 100%;
	-webkit-mask-size: cover;
	mask-size: cover;
	-webkit-mask-position: center;
    mask-position: center;
	background-color: #FFF;
}

header {
	background: linear-gradient(#0f384c 0%, #1d7098 100%);
	min-height: 350px;
}


header h2 {
	font-size: 2.75rem;
    color: #FFCC00;
    font-weight: 700;
    letter-spacing: -.05em;
}

/* Sobre a Remaos */
.card {
	cursor: default;
	color: #FFF;
}

.card .card-title {
	font-size: 1.85rem;
	font-weight: 700;
	color: #FFCC00;
	letter-spacing: -.05em;
}

.card .card-body {
	border-radius: 6px;
	background-color: #3282a7 !important;
}

.card i.fas {
	font-size: 2.75rem;
}

.card .card-text {
	font-size: 1rem;
	font-weight: 400;
}

.card .btn {
	font-size: .85rem;
}

.card .btn i.fab {
	font-size: 1.2rem;
}

/* footer */

footer {
}

footer p {
	font-weight: 700;
	font-size: 1.0rem; 
	color: #FFF 
}

 footer a {
    color: #FFF;
    transition: color ease-in .2s;
}

 footer a:hover {
    color: #FC0;
    transition: color ease-out .3s;
}

footer i.fab,
footer i.far,
footer i.fas { font-size: 1.3rem }


/*----------------------------------------------------*/
/* @media queries */
/*----------------------------------------------------*/

/* Dispositivos large (desktops com menos de 1200px) */
@media (max-width: 1199.98px) { 

 }

/* Dispositivos médios (tablets com menos de 992px) */
@media (max-width: 991.98px) { 
	


}

 /*/ Dispositivos small (telefones em modo paisagem, com menos de 768px) */
@media (max-width: 767.98px) {

/*--- tirar animações responsivo ---*/
	section {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	header { min-height: auto !important; }

	header h2 { font-size: 2rem; }

	.logo {	
		width: 108px;
		height: 120px;
	}

}

/* Dispositivos extra small (telefones em modo retrato, com menos de 576px) */
@media (max-width: 575.98px) { 
	header {}


 }