@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700');

html {box-sizing: border-box;font-family:"Roboto", sans-serif;}
*, *:before, *:after {box-sizing: inherit;}

body {
  font-family:"Roboto", sans-serif !important;
}

p {
  color: #191919;
  font-size: 1rem;
}

.white {
 color: #ffffff;
}

#navbar {
 background-color: #1d7192;
 color: #fff;
 font-weight: bold;
 text-transform: uppercase;
}

a.navbrand-link, a.not-capa {
 color: #fff;
}

a.navbrand-link:hover {
 text-decoration: none;
}


h1 {
 font-size: 2.18rem;
 font-weight: 600;
 padding-top: .5rem; 
}

h2 {
 font-size: 1.3rem;
 font-weight: 500;
 margin-top: 1.5rem;
 text-transform: uppercase;
} 

h5 {
 font-size: 1.1rem;
 color: #FFFFFF;
 margin-top: 1rem;
 font-weight: 400;
 
}

section {
 margin: 2rem 0;
}

section.bg1 {
 background-color: #002242;
 padding: 3rem 0 5rem;
 margin: 2rem 0 0;
}

.box {
 padding: 25px;
 background-color: #002242;
 margin: 40px auto 10px;
 border-radius: 10px;
}

h2.box-title {
 color: #fff;
 font-size: 1.1rem;
}

p.box-text {
 color: #fff; 
 margin: 0;
}

p.box-text.bold {
 font-weight: bold;
}

p.text-noticia {
 color: #FFFFFF;
 font-weight: 300;
 font-size: 14px;
}

a.box-link {
 color: #fff;
}

hr {
 background-color: #fff;
}

#itens .card {
  margin-bottom: 15px;
  border: 0;
  border-radius: 10px;
}

#itens .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

#itens .card .card-header .btn-header-link {
  color: #fff;
  display: block;
  text-align: left;
  background: #1d7192;
  color: #FFFFFF;
  padding: 20px;
  font-size: 18px;
  font-weight: 400;
}

#itens .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  float: right;
}

#itens .card .card-header .btn-header-link.collapsed {
  background: #1d7192;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
}

#itens .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

#itens .card .collapsing {
  background: #f1f1f1;
  line-height: 30px;
  /* padding: 20px; */
}

#itens .card .collapse {
  border: 0;
}

#itens .card .collapse.show {
  background: #f1f1f1;
  line-height: 30px;
  color: #222;
  /* padding: 20px; */
  border-radius: 0 0 10px 10px;
}

.img-fluid.destacada {
 border-radius: 6px 6px 0 0 !important;
}

.img-fluid.logo {
 margin: 2rem 1rem;
}

a.btn-primary {
  display: flex;
  padding: 0.7rem 2rem;
  border-radius: 6px;
  justify-content: center;
  background-color: #1d7192;
  border: #1d7192;
}

a.btn-primary:hover {
 transition: .3s;
 transform: scale(1.05);
 background-color: #185c77;
 border: #185c77;
}

a.btn-secondary {
 display: flex;
 padding: 0.8rem 2rem;
 border-radius: 6px;
 border: 1px solid #993c8a;
 justify-content: center;
 background: none;
 color: #993c8a;
 font-weight: 500;
}

a.btn-secondary:hover {
 background-color: #993c8a;
 border: 1px solid #993c8a;
 color: #FFFFFF;
 transition: .3s;
}

ul.itens-not {
 padding-left: 0;
 margin: .2rem 1rem;
}

.link-noticia {
 margin: 0 0 10px 0px;
 border: 1px solid #ffffff42;
 padding: 1rem;
 border-radius: 0 0 6px 6px;
}

.col-sm-6.opc:hover, ul.itens-not:hover {
 transform: scale(1.02);
 transition: .3s;
}

.img-fluid.photo {
 border-radius: 10px;
 margin: 1rem 0 1.5rem;
}

@media (min-width: 576px) and (max-width: 767px) {
 .column {
  flex-direction: column;
 }

 .full {
  max-width: 100%;
 }

 .img-fluid.photo {
  margin: 1rem 0 0.5rem;
 }
}

@media (min-width: 768px) and (max-width: 991px) {
 .column {
  flex-direction: column;
 }

 .full {
  max-width: 100%;
 }

 .link-noticia {
  padding: 2rem !important;
 }
}