@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


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

body {
 font-family:"Roboto", sans-serif !important;
 background-color: #f8f8f8;
}

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


p.white, a.link.white {
 color: #FFFFFF;
}

a {
 color: #115B89;
 font-size: 1rem;
}

a:hover{ 
 color: #115B89;
  text-decoration: none;
}

a.link.white {
 font-weight: bold;
 text-decoration: underline;
}

h1 {
 font-size: 1.5rem;
 color: #0461e4;
 font-weight: 600;
}

h2.title, h3.title-area {
 color: #0461e4; 
 font-size: 1.2rem;
}

h2.title {
 text-transform: uppercase;
 font-weight: 600;
 font-size: 1.5rem;
}

h2.title.white {
 color: #FFFFFF;
}

h3.subtitle-time {
 font-size: 16px;
 color: #434343;
 font-weight: bold;
}

span.title {
 font-size: 1.2rem;
 color: #ffffff;
 background-color: #004ee6;
 border-radius: 5px;
 padding: 0 1rem;
}

span.title.black {
 font-size: 1.1rem;
 color: #4c4b4b;
 padding: 0;
 text-transform: none;
 background-color: #f8f8f8;
}

span.text {
 background-color: #009bdf;
 font-weight: 300;
 padding: 0 1rem;
}

span.bi.bi-pin-angle-fill {
 border: 1px solid #cecece;
 border-radius: 38px;
 padding: 0.2rem 0.8rem 0.2rem 0.6rem;
}

span.text-welcome {
 font-size: 1.5rem;
 font-weight: bold;
 color: #4c4b4b; 
 border-radius: 5px;
 padding: 0 3rem 0 1rem;
}

p.local {
 justify-content: right;
 display: grid;
 margin: 0;
}

section {
 padding: 3rem 0;
 //min-height: 100vh;
}

section.blue {
 background-color: #0461e4; 
 padding: 4rem 0;
}

section.blue.image {
 background-image: url('https://www.ucs.br/site/midia/arquivos/lines-star_2.png');
 background-repeat: no-repeat;
 background-position: right 10% bottom 50%;
}

.bottom {
 position: absolute;
 left: 5%;
 bottom: 20px;
 width: 90%;
}

.card {
 border-radius: 10px;
 padding: 1rem 2rem;
 margin-top: 2rem;
 box-shadow: 2px 2px 6px 0 rgb(206 206 206 / 68%);
 border: rgb(206 206 206 / 68%);
 padding-bottom: 90px;
 flex: 1 1 250px;
}

.card-event {
 display: flex;
}

.card.no-margin {
 margin: 0 !important;
}

.card.grid {
 display: grid;
 grid-template-columns: 11fr 1fr;
 box-shadow: 2px 2px 6px 0 rgb(206 206 206 / 68%);
 border: rgb(206 206 206 / 68%);
 padding-bottom: 1rem;
}

.card.card-body {
 box-shadow: none;
 border: 1px solid #e0dfdf;
}

.img-fluid.star {
 position: absolute;
 top: -4rem;
}

a.bt-primary {
 display: flex;
 justify-content: center;
 padding: 0.6rem;
 background-color: #da2a40;
 color: #FFFFFF;
 font-size: .95rem;
 border-radius: 0.4rem;
 transition: 0.4s;
 font-weight: 500;
}

a.bt-primary:hover {
 background-color: #ba2336;
 transform: scale(1.08);
}

a.bt-primary.disabled {
  color: #FFFFFF;
  pointer-events: none;
  background-color: #bbbaba;
}

a.btn-outline-secondary {
 display: flex;
 justify-content: center;
 padding: 0.6rem;
 border: 1px solid #da2a40;
 color: #da2a40;
 font-size: .95rem;
 border-radius: 0.4rem;
 transition: 0.4s;
 font-weight: 500;
}

a.btn-outline-secondary:hover {
 background-color: #da2a40;
 color: #FFFFFF;
 border: 1px solid #da2a40;
 transform: scale(1.08);
 transition: .3s;
}

a.btn-circle {
 display: flex;
 background-color: #da2a40;
 border-radius: 50%;
 color: #FFFFFF;
 width: 36px;
 height: 36px;
 justify-content: center;
 align-items: center;
}

a.btn-circle:hover {
 transform: scale(1.2);
 transition: .3s;
}

@media (min-width: 576px) and (max-width: 768px) {
 .md-min-w-100 {
   min-width: 100%;
 }
}

@media (min-width: 767px) and (max-width: 1024px) {
 .lg-min-w-100 {
   min-width: 100%;
 }

 .lg-min-w-60 {
  min-width: 60%;
 }
}