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

body {
  font-family:"Roboto", sans-serif !important;
}
#menuEscoladeMusica{
 background-color: #ba0a7f;
 padding: 12px;
}
h1, h2, h3 {
 font-family: "Roboto", sans-serif;
 font-weight: bold;
}
h1 {
 color: #FFF;
 font-size: 2rem;
 text-transform: uppercase;
 float: left;
 margin: 0;
}
h2 {
 font-size: 1.125rem;
 color: #d49800;
 margin: 1rem 0;
 text-transform: uppercase;
}
p {
  color: #393a3f;
  font-size: 16px;
}
p.txt-branco {
  color: #fff;
  font-size: 16px !important;
}
a {
  color: #0054b3;
  font-size: 16px;
}
a:hover { 
  color: #0054b3;
  text-decoration: none;
}
a.link {
  color: #fff;
  font-size: 16px;
  text-decoration: underline;
}
a.link:hover{ 
  color: #fff;
  text-decoration: none;
}
a.link-whats {
 color: #fff;
 font-weight: bold;
}
a.link-whats:hover {
 color: #fff;
}
ul, li {
 margin-bottom: 5px;
 font-size: 16px;
 color: #393a3f;
 font-family: "Roboto", sans-serif;
} 
.material-icons {
 vertical-align: sub;
}
section {
 padding: 40px 0;
}
.box-princ {
 padding: 25px;
 background-color: #790452;
 margin: 40px auto 10px;
 border-radius: 10px;
}
.box-princ h2 {
 color: #ffb702;
}
hr.line{
 border: 1px solid #FFFFFF;
 border-top: none;
}
.card {
 border: 1px solid rgba(121 4 82);
 margin: 20px 0 0 0;
 border-radius: 10px;
}
.card-header:first-child {
 border-radius: 10px 10px 0 0;
}
.card-header {
 background-color: rgba(255, 255, 255);
 border-bottom: 1px solid #790452;
}
.card-body {
 padding: 1.7rem 2rem;
}
.vertical-align {
  display: flex;
  align-items: center;
}

button:focus {outline:0 !important;}

.navbar{
 padding: .2rem 1rem;
}
.btn-outline-secondary {
 color: #fff;
}
.img-fluid.rounded {
 border-radius: .6rem !important;
}

.flex {
 display: flex;
}

.md-w-1-2 {
 max-width: 50%;
}

.space-between {
 justify-content: space-between;
}

.gap-48 {
 gap: 48px;
}

.box-music-festival {
 background-color: #262626;
 border-radius: 10px;
 padding: 2rem;
 margin: 1rem;
}

.box-music-festival h2 {
 font-size: 2.25rem;
 color: #ffffff;
 text-transform: uppercase;
 line-height: 100%;
}

.box-music-festival h2 > span {
 font-size: 1.5rem;
 color: #FF0F00;
 display: block;
}

.box-music-festival p, ul, li {
 color: #ffffff;
}

.box-music-festival ul {
 list-style: none;
 padding: 0;
 margin: 0;
}

.box-music-festival li {
 display: flex;
 gap: 8px;
}

.box-music-festival img {
 border-radius: 10px;
}

.btn-red {
 display: flex;
 justify-content: center;
 background-color: #FF0F00;
 color: #ffffff;
 text-transform: uppercase;
 padding: 12px 24px;
 border-radius: 12px;
 font-size: 1.5rem;
 font-weight: bold;
 transition: .3s;
}

.btn-red:hover {
 color: #ffffff;
 background-color: #e8170a;
 transition: .3s;
}

.mt-16 {
 margin-top: 1rem;
}

@media (max-width: 992px) {
 h1 {
  font-size: 28px;
 }
 .md-flex-col {
  display: flex;
  flex-direction: column;
 }
 .md-w-full {
  max-width: 100%;
 }
 .flex-col {
  flex-direction: column;
 }
 .w-full {
  min-width: 100%;
 }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot');
  src: url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
@font-face {
  font-family: 'Roboto Regular';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local('Roboto Regular'),
    url('/site/midia/arquivos/roboto-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto Bold';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: local('Roboto Bold'),
    url('/site/midia/arquivos/roboto-bold.woff2') format('woff2');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font: normal normal 16px/1 'Glyphicons Halflings';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: 4px;
}