@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
  --main-empresa: #2f4e2e;
  --main-black: #373435;
  --main-red: #af0027;
}

*{
	margin:0; 
	padding:0;
	box-sizing: inherit;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
  font-family: 'Open Sans', sans-serif;
  font-weight: 500;
  color: var(--main-black);
}

:root {
  --plyr-audio-control-color: #fff;
  --plyr-color-main: var(--main-empresa);  
}

/*
personalizar a barra em geral, aqui estou definindo 10px de largura para a barra vertical
e 10px de altura para a barra horizontal 
*/
::-webkit-scrollbar {
width:10px;
height: 10px;
}
 
/*
aqui é para personalizar o fundo da barra, neste caso estou colocando um fundo cinza escuro
*/
::-webkit-scrollbar-track {
background:#333;
}
 
/*
aqui é a alça da barra, que demonstra a altura que você está na página
estou colocando uma cor azul clara nela
*/
::-webkit-scrollbar-thumb {
background: var(--main-empresa);
}

.btn-empresa{
  background-color: var(--main-empresa) !important;
  color: #fff !important;
  text-decoration: none;
  border-radius: 10px !important;
}

.btn-empresa:hover{
  background-color: var(--main-black);
  color: #fff !important;
}

.btn-empresa i{
  color: #fff !important;
}

.btn-empresa.preto{
  background-color: var(--main-black)  !important;
  border: 1px solid var(--main-black)  !important;
  color: #fff;
}

.btn-empresa.preto:hover {
  background-color: var(--main-empresa)  !important;
  border: 1px solid var(--main-empresa)  !important;
  color: #fff;
}

.btn-empresa.vermelho{
  background-color: var(--main-red)  !important;
  border: 1px solid var(--main-red)  !important;
  color: #fff;
}

.btn-empresa.vermelho:hover {
  background-color: var(--main-black)  !important;
  border: 1px solid var(--main-black)  !important;
  color: #fff;
}

.btn-empresa.branco{
  background-color: #fff;
  border: 1px solid #fff;
  color: var(--main-black);
}

.btn-empresa.branco:hover {
  background-color: var(--main-black);
  border: 1px solid var(--main-black);
  color: #fff;
}

.btn-outline-empresa {
  background-color: #fff !important;;
  color: var(--main-empresa) !important;;
  border: 1px solid var(--main-empresa) !important;;
  text-decoration: none;
  border-radius: 10px !important;
}

.btn-outline-empresa:hover {
  background-color: var(--main-empresa);
  color: #fff;
  border: 1px solid var(--main-empresa);
  text-decoration: none;
}

.font-white{
  color: #fff;
}

.margin-10{
  margin-top: 10px;
}

.margin-20{
  margin-top: 20px;
}

.margin-30{
  margin-top: 30px;
}

.margin-40{
  margin-top: 40px;
}

.margin-50{
  margin-top: 50px;
}

.margin-60{
  margin-top: 60px;
}

.margin-70{
  margin-top: 70px;
}

.margin-80{
  margin-top: 80px;
}

.margin-90{
  margin-top: 90px;
}

.margin-100{
  margin-top: 100px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 100px;
}

.width-100{
  width: 100%;
}
.height-100{
  height: 100%;
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-brands-400.eot");
  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
  
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../webfonts/fa-solid-900.eot");
  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }