@font-face {
     font-family: theRefinery;
     src: url('../fonts/clarika-geo-extrabold.otf');
}

@font-face {
     font-family: GothamNarrowBold;
     src: url('../fonts/GothamNarrowBold.otf');
}

.displaynone{
    display: none;
}

/* Flex */
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-item-1 {
	flex: 1;
}
/* Flex Item */
.item {
	margin: 5px;
	text-align: center;
	font-size: 1.5em;
}
.container {
	max-width: 980px;
	margin: 0 auto;
}
body {
	font-family: theRefinery;
	color: #333;
	margin: 0;
    padding: 0;
}

/*--------------Inicio Logo--------------*/
article.logo{
    background-color: #009dde;
    padding: 5px;
    margin: 0;
}
article.logo a{
    width: 100%;
    text-align: center;
}
article.logo a img{
    width: 180px;
}
/*--------------Final Logo--------------*/

/*--------------Inicio Header--------------*/
header{
    background-image: url(https://midias.correiobraziliense.com.br/_midias/png/2020/08/20/1170x390px-6240619.png);
	background-color: #00aebb;
    float: left;
    width: 100%;
    min-height: 527px;
    background-size: cover;
    margin-bottom: 20px;
}
/*header article .boxheader{
    min-width: 450px;
}*/
header article .titulo{
    margin-left: 75px;
    position: relative;
    top: 89px;
}
header article .titulo span{
    color: #103042;
    display: block;
    font-size: 29px;
}
header article .titulo h1{
    color: #ffffff;
    font-size: 40px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 37px;
    text-align: left;
}
header .apresentado{
    color: #103042;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    top: 413px;
}
header .apresentado span{
    margin-bottom: 10px;
    display: block;
    text-align: center;
    font-size: 15px;
    font-family: GothamNarrowBold;
}
header .apresentado .marcas{
    position: relative;
    top: 12px;
}
header .apresentado .marcas a{
    margin-right: 40px;
    text-decoration: none;
    float: left;
}
header .apresentado .marcas a img{
    width: 140px;
}
/*--------------Final Header--------------*/

/*--------------Inicio Publicidade--------------*/
div.publicidade{
    margin: 20px 0;
    clear: both;
}
div.ads__with-bg {
    background: url(../img/pattern.png);
    width: 100%;
    display: block;
    clear: both;
}
div.publicidade iframe{
    width: 100%;
}
#google_image_div {
    width: 100% !important;
}
/*--------------final Publicidade--------------*/

/*--------------Inicio Section--------------*/
section article.video iframe{
    width: 100%;
    height: 550px;
}
section article.grupo{
    background-color: #019adc;
    background-image: linear-gradient(to right, #019adc, #c3d105);
    padding: 30px 0;
}

section article .descricao {
    color: #ffffff;
    text-align: center;
}
section article .descricao h2 {
    font-family: GothamNarrowBold;
    font-size: 19px;
}
section article .descricao h3{
    font-size: 24px;
    text-transform: uppercase;
    font-family: GothamNarrowBold;
}
section article .descricao p{
    font-size: 19px;
    font-family: GothamNarrowBold;
}
/*--------------Final Section--------------*/

/*--------------Inicio Lives--------------*/
article .lives a{
	color: #524f4f;
    cursor: pointer;
}
article .lives img{
	width: 100%;
}
article .lives iframe{
    width: 100%;
    height: 253px;
}
article .lives .item{
    background-color: #ffffff;
    margin: 20px;
    border-radius: 15px;
    overflow: hidden;
}
article .lives .um{
    width: 450px;
    margin: 0 auto;
}
article .lives .item .data{
    border: 1px solid #808080;
    /*float: left;
    border-radius: 10px;
    margin-top: -45px;
    background-color: #ffffff;
    padding: 10px;
    margin-left: 10px;
    z-index: 9;
    position: relative;*/
    float: left;
    border-radius: 10px;
    margin-top: -45px;
    background-color: #ffffff;
    padding: 10px;
    margin: -45px 10px 0 10px;
    display: block;
    z-index: 9;
    position: relative;
}
article .lives .item .data span{
    text-transform: uppercase;
    font-size: 20px;
}
article .lives .item .data span.dia{
    display: block;
    font-size: 40px;
    color: #2ea3ff;
    font-family: 'Open Sans', sans-serif;
}
article .lives .item .description{
	/*float: right;
    display: block;
    text-align: left;
    padding: 20px;
    width: 70%;*/

    /*float: right; */
    display: block;
    text-align: left;
    padding: 10px 20px;
    /* width: 70%;*/
}
article .lives .item .description h4{
    text-transform: uppercase;
    font-size: 20px;
    margin: 0 0 15px 0;
}
article .lives .item .description span{
    color: #000000;
	display: block;
    font-size: 18px;
    font-family: theRefinery;
    text-transform: uppercase;
    margin-bottom: 10px;
}
article .lives .item .description span.subtitle{
    color: #000000;
    font-size: 15px;
    text-transform: none;
    margin-bottom: 20px;
}
/*--------------Final Lives--------------*/

/*--------------Inicio Modal--------------*/
article .lives .item .modal {
    display: none;
    /*float: left;
    display: none;
    position: fixed;
    top: -80px;
    right: 0;
    bottom: 0;
    left: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: rgba(0,0,0,0.8);
    z-index: 99999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;*/
}
#mc_embed_signup h2{
    margin: 0 !important;
}
.cadastro #mc_embed_signup form{
    padding: 0 !important;
}
#mc_embed_signup .asterisk{
    display: initial;
}
article .lives .item .cadastro iframe{
    width: 100%;
    height: 290px;
}
    
article .lives .item .modal .fechar {
    position: absolute;
    width: 20px;
    right: -15px;
    top: -20px;
    text-align: center;
    margin-top: 5px;
    background: #009dde;
    border-radius: 50%;
    font-weight: bold;
    padding: 9px;
    text-decoration: none;
    font-size: 20px;
    color: #ffffff !important;
}
article .lives .item .modal .infoEvento {
    padding: 15px 20px;
    background: #fff;
    /*width: 600px;*/
    position: relative;
    margin: 10% auto;
}
article .lives .item .modal .infoEvento h2{
    font-size: 19px;
    text-align: left;
    margin: 0 0 10px 0;
}
article .lives .item .modal .infoEvento .foto{
    border-radius: 135px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
    border: 1px solid #808080;
}
article .lives .item .modal .infoEvento .foto img{
    width: 100px;
    height: 100px;
}
article .lives .item .modal .infoEvento span{
    display: block;
    color: #000000;
    font-size: 15px;
    text-align: left;
    margin-bottom: 10px;
}
article .lives .item .modal .infoEvento span.asterisk{
    display: initial !important;
}
article .lives .item .modal .infoEvento .cadastro iframe{
    width: 100%;
    height: 375px;
}
/*--------------Final Modal--------------*/

/*--------------Inicio Botão agenda--------------*/
article .lives .item .addeventatc {
    margin: 30px 0;
    background-color: #00a7d0;
    color: #fff !important;
    display: inline-block;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 10px 10px 45px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 0 0 0.5px rgba(50, 50, 93, 0.17), 0 2px 5px 0 rgba(50, 50, 93, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08), 0 0 0 0 transparent !important;
    background-image: url(../img/icon-calendar-t1.svg);
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 25px;
}
article .lives .item .addeventatc .dados {
    display: none !important;
}
/*--------------Final Botão agenda--------------*/

/*--------------Inicio Notícias--------------*/

/*article section{
	margin: 20px 0;
}*/
article.noticias{
    background-color: #e5edef;
    padding: 30px 0;
}
article.noticias .item{
    background-color: #ffffff;
    margin: 20px;
    overflow: hidden;
    padding: 10px;
}
article.noticias .item a{
    text-decoration: none;
}
article.noticias .item span{
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-bottom: 10px;
    display: block;
    text-transform: uppercase;
}
article.noticias .item img{
    width: 100%;
    height: 178px;
}
article.noticias .item h3{
    font-size: 18px;
    color: #000000;
    text-align: left;
    margin: 15px 0 0 0;
}
/*--------------Final Notícias--------------*/

/*--------------Inicio Footer--------------*/
footer{
    background-color: #009dde;
}
footer p{
    color: #ffffff;
    font-size: 16px;
}
footer p:before {
    content: "© ";
}
/*--------------Final Footer--------------*/