body {
  background-color: #d2ebf1;
  
  
    box-sizing:border-box;

}

.h1 {
    color: rgb(239, 119, 27)!important;
}

.h2 {
    color: rgb(239, 119, 27)!important;
}

.h3 {
    font-weight: bold!important
}

@font-face {
    font-family: Montserrat;
    src: url(./fonts/Montserrat-Medium.ttf);
    font-weight: bold;
}


/* Montserrat-Regular.ttf */

.font-especial {
    font-family: Montserrat!important;
}

#menu3 a {
    color: rgb(56, 56, 56);
    background-color: #ffb43d;
    /* border: solid 2px orange; */
    border-radius: 16px;
    padding: 10px;
    margin-right: 10px;
    margin-bottom:10px;
    font-size: .7rem;
    word-wrap:normal;
    line-break: anywhere;
}

@media screen and (max-width: 600px) {
    .font-sm {
        font-size: 60%;
    }
    .divTabs .nav-link {
        font-size: smaller;
    }
    body{
        background-size: 25%;
    }
    h1 {
        font-size: 1.8rem;
    }
    h2 {
        font-size: 1.5 rem;
    }
    h3 {
        font-size: 1.3rem;
    }
}

.bg-portal {
    background-color: #059f93!important
}
.bg-white10 {
    background-color: #ffffff31;
}
.bg-portalnav {
    background-color: #059f9380!important
}

.bg-amarelonav {
    background-color: #ffb43d!important
}

/* .bannerportal {
    mix-blend-mode: darken;
} */
.nav-link {
    /* color: white!important; */
    font-family: Montserrat!important;
    font-size: 1.2em;
}

#menulateral .nav-link {
    color: rgb(24, 24, 24)!important;
    font-family: Montserrat!important;
    font-size: 1.2em;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1.5em;
    font-size: 3vw;
    color: #ffb43d;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0;
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

.btn-icon {
    width: 44px;
    height: 44px;
}

.chat {
    max-height: 600px;
}

@media only screen and (min-width: 768px) {
    .border-md-left {
        border-left: 1px solid #dee2e6 !important;
    }
    .carousel-item {
        height: 45vh!important;
    }
    .carousel-item h1 {
        font-size: 1.8rem!important;
    }
    /* .container{
			max-width: 960px;
		} */
}

img.profile {
    object-fit: cover;
}


/* .show-read-more .more-text {
		  display: none;
	  } */

.text-sangue {
    color: #721c24;
}

.bg-amarelo {
    background-color: #ffb43d!important;
}

.bg-amarelo2 {
    background-color: #fbb91c!important;
}

.bg-laranja {
    background-color: rgb(239, 119, 27)!important;
}

.bg-rosa {
    background-color: rgb(230, 33, 85)!important;
}

.bg-azul {
    background-color: rgb(30, 177, 231)!important;
}

.bg-verdeagua {
    background-color: rgb(16, 148, 158)!important;
}

.bg-verde {
    background-color: rgb(157, 164, 35)!important;
}

.bg-roxo {
    background-color: rgb(132, 109, 163)!important;
}

.bg-roxo2 {
    background-color: #662e91!important;
}

.bg-nav {
    background-color: #b7b7b7!important;
}

.text-amarelo {
    color: #ffb43d!important;
}

.text-amarelo2 {
    color: #fbb81c!important;
}

.text-laranja {
    color: #ef771b!important;
}

.text-rosa {
    color: #e62155!important;
}

.text-azul {
    color: #1eb1e7!important;
}

.text-verdeagua {
    color: #128e97!important;
}

.text-verde {
    color: #959d22!important;
}

.text-roxo {
    color: #662e91!important;
}

.text-preto {
    color: #000!important;
}

.border-amarelo {
    border-color: #ffb43d!important;
}

.border-amarelo2 {
    border-color: #fbb81c!important;
}

.border-laranja {
    border-color: #ef771b!important;
}

.border-rosa {
    border-color: #e62155!important;
}

.border-azul {
    border-color: #1eb1e7!important;
}

.border-verdeagua {
    border-color: #128e97!important;
}

.border-verde {
    border-color: #959d22!important;
}

.border-roxo {
    border-color: #662e91!important;
}

.btn-amarelo {
    color: #fff;
    background-color: #ffb43d;
    border-color: #ffb43d;
}

.btn-amarelo2 {
    color: #fff;
    background-color: #fbb81c;
    border-color: #fbb81c;
}

.btn-laranja {
    color: #fff;
    background-color: #ef771b;
    border-color: #ef771b;
}

.btn-rosa {
    color: #292929;
    background-color: #e62155;
    border-color: #e62155;
}

.btn-rosa :hover {
    color: #000;
}

.btn-azul {
    color: #fff;
    background-color: #1eb1e7;
    border-color: #1eb1e7;
}

.btn-verdeagua {
    color: #fff;
    background-color: #128e97;
    border-color: #128e97;
}

.btn-verde {
    color: #fff;
    background-color: #959d22;
    border-color: #959d22;
}

.btn-roxo {
    color: #fff;
    background-color: #925380;
    border-color: #662e91;
}

.btn-outline-amarelo {
    color: #ffb43d;
    border-color: #ffb43d;
}

.btn-outline-amarelo2 {
    color: #fbb81c;
    border-color: #fbb81c;
}

.btn-outline-laranja {
    color: #ef771b;
    border-color: #ef771b;
}

.btn-outline-rosa {
    color: #e62155;
    border-color: #e62155;
}

.btn-outline-azul {
    color: #1eb1e7;
    border-color: #1eb1e7;
}

.btn-outline-verdeagua {
    color: #128e97;
    border-color: #128e97;
}

.btn-outline-verde {
    color: #959d22;
    border-color: #959d22;
}

.btn-outline-roxo {
    color: #925380;
    border-color: #662e91;
}

/* Estilo base para o card */
.card {
    border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
  }

  #menuButton {
    border-color: unset !important;
  }
  /* Layout em 4 colunas no desktop */
  @media screen and (min-width: 1024px) {
    #videosContainer {
      display: grid;
      grid-template-columns: auto auto auto auto;
    }
  }
  
  /* Layout em 3 colunas no tablet */
  @media screen and (max-width: 1023px) {
    #videosContainer {
        display: grid;
      grid-template-columns: auto auto auto;
    }
  }
  
  /* Layout em 2 colunas no celular */
  @media screen and (max-width: 767px) {
    #videosContainer {
        display: grid;
      grid-template-columns: auto auto;
    }
    h5 {
        font-size:75%;
    }
    .container {
        padding-left: 0px;
        padding-right: 0px;
    }
  }