/* FRAMEWORK */
body { font-family: 'Open Sans', sans-serif; color: #333; font-weight: 400; background: #f3f3f3; }
.button { background: transparent; padding: 1rem 1.5rem; border: 2px solid #0298da; text-transform: uppercase; font-weight: 700; transition: .5s; }
.button:hover { background: #0298da; color: #fff; }
.title { font-weight: 600; font-size: 1.5rem; line-height: 1.1; margin-bottom: 2rem; }

/* MASTER */
.search { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, .7); z-index: 999; display: none; }
.search .infos { display: flex; width: 100%; height: 100vh; align-items: center; justify-content: center; flex-direction: column; }
.search .infos input { box-sizing: border-box; width: 90%; max-width: 500px; border: 2px solid #ccc; padding: 1rem 1.5rem; margin: .3rem 0; resize: none; transition: 0.3s; font-family: 'Open Sans', sans-serif; }
.search .infos input:focus { border-color: #0298da; }
.search .infos .button { cursor: pointer; width: 90%; border-color: #0298da; font-family: inherit; color: #fff; }
.whatsapp { position: fixed; width: 4rem; height: 4rem; bottom: 2rem; right: 2rem; background-color: #25d366; color: #fff; border-radius: 50%; text-align: center; transition: .3s; z-index: 700; }
.whatsapp:hover { background: #128c7e; }
.whatsapp svg { font-size: 2rem; margin-top: 1rem; }
.header { background: #fff; }
.header .bar { background: #252a7b; color: #fff; padding: .5rem 0; font-weight: 700; text-transform: uppercase; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; transition: .3s; }
/*.header .bar:hover { color: #0298da; }
.header .bar svg { color: #0298da; font-size: 1.7rem; margin-left: .5rem; }*/
.header .bar h3 { margin-right: 1rem; }
.header .bar .social { color: #fff; margin-left: 1rem; }
.header .bar .social svg { color: #fff; background: #0298da; padding: .5rem; border-radius: 100%; width: 1.2rem; height: 1.2rem; font-size: 1.2rem; margin-left: .3rem; transition: 0.3s; }
.header .bar .social svg:hover { background: #fff; color: #333; }
.header .width-content { display: flex; justify-content: space-between; align-items: center; padding: 1rem 0; }
.header .logo { width: 12rem; transition: .3s; }
.header .logo:hover { opacity: .7; }
.header .menu li { display: inline; position: relative; }
.header .menu li:hover .submenu { display: block; }
.header .menu li a { padding: 1rem; transition: .3s; font-weight: 600; }
.header .menu li a:hover { color: #252a7b; }
.header .menu li svg { font-size: .9rem; margin-left: .2rem; cursor: pointer; }
.header .menu li .search-button svg { font-size: 1.2rem; margin-left: 0; color: #0298da; border-left: .125rem solid #d51b1d; padding-left: 1rem; }
.header .menu li .search-button svg:hover { color: #252a7b; }
.header .menu li .submenu { position: absolute; left: 0; background: #252a7b; margin: 1rem 0 0 -1rem; display: none; color: #fff; transition: .3s; z-index: 150; }
.header .menu li .submenu li { display: block; transition: .3s; }
.header .menu li .submenu li:hover { background: #0298da; }
.header .menu li .submenu li a { padding: 1rem 2rem; display: block; white-space: nowrap; }
.header .menu li .submenu li a:hover { color: inherit; }
.header .button-menu { display: none; }
.header .button-menu svg { background: #0298da; color: #fff; width: 20px; height: 20px; padding: 1rem; border-radius: 50%; cursor: pointer; }
.header .responsive { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); color: #fff; top: 0; left: 0; z-index: 999; display: none; }
.header .responsive div { position: absolute; display: flex; width: 100%; height: 100%; top: 0; left: 0; overflow: auto; align-items: center; justify-content: center; text-align: center; }
.header .responsive ul li a { padding: .25rem 0; font-weight: 600; font-size: 1.3rem; display: block; }
.header .responsive ul li ul { margin-top: 0; }
.header .responsive ul li ul li { margin-left: 2rem; }
.header .responsive ul li ul li a { color: #ccc; }
.header .menu-desktop { background-color: #252a7b; color: #fff; }
.header .menu-desktop ul { display: flex; padding: .5rem 0; justify-content: center; flex-wrap: wrap; width: 100%; }
.header .menu-desktop ul li { padding: .5rem 0; width: 14.28%; text-align: center; }
.header .menu-desktop ul li a { font-weight: 600; padding: .5rem 0; }
.page-header { background-color: #0298da; padding: 2rem 0; }
.page-header .width-content { width: 50rem; position: relative; }
.page-header .title { color: #fff; text-transform: uppercase; font-weight: 700; font-size: 2rem; margin-bottom: 0; }
.page-header h2 { color: #fff; margin-top: 1rem; }
.page-header h2 svg { margin-right: .3rem; }
.page-header h2 span { background: #333; color: #fff; padding: .5rem 1rem; border-radius: 1rem; width: auto; text-transform: uppercase; font-size: .7rem; margin-left: 1rem; }
.footer { background: #252a7b; color: #fff; }
.footer a { transition: .3s; }
.footer a:hover { color: #0298da; }
.footer .content .links { display: flex; padding: 2rem 0; align-items: center; justify-content: space-around; width: 56.25rem; }
.footer .content .links .logo { width: 12rem; }
.footer .content .links .social svg { color: #fff; background: #0298da; padding: 1rem; border-radius: 100%; width: 1.2rem; height: 1.2rem; font-size: 1.2rem; margin-left: .7rem; transition: 0.3s; }
.footer .content .links .social svg:hover { background: #fff; color: #333; }
.footer .content .links .social .youtube { color: #fff; background: #0298da; padding: 1rem 1.7rem 1rem 1rem; border-radius: 30px; position: relative; top: -1rem; margin-left: .7rem; }
.footer .content .links .social .youtube svg { padding: 0; margin-right: .7rem; }
.footer .content .links .social .youtube:hover, .footer .content .links .social .youtube:hover svg { background: #fff; color: #333; }
.footer .content .contacts { display: flex; }
.footer .content .contacts li { width: 31.33%; margin: 0 1%; border: .125rem solid #0298da; padding: 1.5rem; line-height: 1.4; border-radius: 5px; }
.footer .content .contacts li svg { font-size: 2.2rem; margin: .2rem 1rem 0 0; float: left; }
.footer .developer { padding: 2rem 0; font-size: .9rem; }

/* DEFAULT */
.page-home .banners { margin-bottom: 2rem; }
.page-home .banners img { width: 100%; }
.slick-prev, .slick-next { width: 3rem !important; height: 3rem !important; z-index: 100; background: #f3f3f3 !important; }
.slick-prev::before, .slick-next::before { font-size: 2rem !important; font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; color: #252a7b !important; opacity: 1 !important; }
.slick-next { right: 0 !important; border-radius: 5px 0 0 5px; }
.slick-next::before { content: "\f054" !important; }
.slick-prev { left: 0 !important; border-radius: 0 5px 5px 0; }
.slick-prev::before { content: "\f053" !important; }
.page-home { margin-top: 2rem; }
.page-home .news { display: flex; flex-wrap: wrap; align-items: flex-start; }
.page-home .news article { background: #fff; width: 48%; margin-bottom: 2rem; }
.page-home .news article.text .image { background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 2rem 1rem 7rem 1rem; display: flex; align-items: center; transition: .3s; box-sizing: border-box; }
.page-home .news article.text .image:hover { background-position: top center; }
.page-home .news article.text .image svg { background: #fff; padding: .4rem; border-radius: 50%; width: 1rem; height: 1rem; margin-right: .5rem; }
.page-home .news article.text .image h3 { background: #d35400; color: #fff; padding: .5rem 1rem; border-radius: 1rem; width: auto; text-transform: uppercase; font-size: .3rem; transition: .3s; }
.page-home .news article.text .image h3:hover { background: #fff; color: #333; }
.page-home .news article.text .infos { padding: 1.5rem; box-sizing: border-box; }
.page-home .news article.text .infos h2 { font-size: 1.5rem; font-weight: 600; line-height: 1.1; transition: .3s; }
.page-home .news article.text .infos h2:hover { color: #252a7b; }
.page-home .news .anuncios { margin-bottom: 2rem; width: 100%; }
.page-home .news .anuncios img { width: 100%; }
.page-home .news .block1 { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
/*.page-home .news .block2 { width: 40%; }
.page-home .news .block2 iframe { width: 92%; height: 220px; margin-bottom: 20px; }
.page-home .news .block2 iframe:nth-child(2) { height: 155px; }
.page-home .news .block2 h2 { background: #252a7b; color: #0298da; font-weight: 600; padding: 1.2rem 0; text-align: center; font-size: 1.5rem; width: 92%; margin-left: 8%; }
.page-home .news .block2 img { width: 92%; margin-bottom: 2rem; }
.page-home .news .block2 .button { display: block; text-align: center; width: 92%; margin: 0 0 8% 2rem; box-sizing: border-box; }*/
.page-home .news .block3 { display: flex; flex-wrap: wrap; justify-content: space-between; }
.page-home .news .block3 article { width: 32%; }
.page-home .news .block3 article.text .image { background-image: none; padding: 2rem 1rem; }
.page-home .news .block3 article.text .image svg { background: #333; color: #fff; }
.page-home .news .block3 article.text .infos { padding: 0 2rem 2rem 2rem; }
.page-home .news .block3 article.text .infos p { margin-bottom: 1rem; transition: .3s; }
.page-home .news .block3 article.text .infos p:hover { color: #0298da; }
.page-home .news .block4 { width: 100%; }
.page-home .news .block4 article { width: 32%; }
.page-home .news .block5 { width: 100%; }
.page-home .news .block5 article { width: 32%; }
/*.page-home .social { background: #252a7b; color: #fff; padding: 2rem 0; margin-bottom: 2rem; }
.page-home .social ul { display: flex; flex-wrap: wrap; }
.page-home .social ul li { width: 20%; }
.page-home .social ul li svg { font-size: 3rem; }
.page-home .social ul li h3 { text-transform: uppercase; margin-top: 1rem; }
.page-home .videos { background: #252635; color: #fff; padding: 4rem 0 2.5rem 0; }
.page-home .videos .width-content { display: flex; }
.page-home .videos .width-content .button { margin-top: 2rem; display: inline-block; }
.page-home .videos .width-content iframe { width: 100%; height: 20rem; margin-bottom: 1.5rem; border-radius: 5px; }
.page-home .videos .width-content h2 { font-size: 1.5rem; font-weight: 600; line-height: 1.1; }
.page-home .videos .width-content .outros { width: 48%; margin-left: 2%; }
.page-home .videos .width-content .outros a { display: flex; margin-bottom: 1.5rem; }
.page-home .videos .width-content .outros a iframe { height: 10rem; width: 40%; margin: 0 1.5rem 0 0; border-radius: 5px; }*/

/* SOBRE */
.page-sobre .about { display: flex; flex-wrap: wrap; margin: 2rem auto; }
.page-sobre .about img { width: 90%; border-radius: 5px; }
/*.page-sobre .team ul { display: flex; flex-wrap: wrap; margin-top: 2rem; }
.page-sobre .team ul li { width: 18%; margin: 0 1% 2rem 1%; }
.page-sobre .team ul li img { width: 100%; margin-bottom: .5rem; border-radius: 5px; }
.page-sobre .team ul li h3 { font-weight: 600; font-size: 1.2rem; margin-bottom: .3rem; }*/

/* PROGRAMAÇÃO */
.page-programacao .programming { margin: 2rem auto; width: 60rem; }
.page-programacao .programming .item { margin: 1.5rem 1rem; display: flex; align-items: center; }
.page-programacao .programming .item h3 { color: #0298da; font-size: 2.5rem; width: 40%; }
.page-programacao .programming .item img { width: 10rem; height: 10rem; object-fit: cover; border-radius: 100%; margin: 0 2rem; }
.page-programacao .programming .item p { font-weight: 600; font-size: 1.5rem; line-height: 1.1; width: 50%; }
.page-programacao .programming .item p span { font-weight: 400; font-size: 1rem; }
.ui-tabs, .ui-tabs .ui-tabs-nav { padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
.ui-widget-header { border: 0 !important; background: #f3f3f3 !important; color: #333 !important; margin-bottom: 0 !important; }
.ui-tabs .ui-tabs-nav li { width: 14.28% !important; margin: 0 !important; border-radius: 0 !important; border: 0; background: transparent; text-align: center; }
.ui-tabs .ui-tabs-nav li a { width: 100%; padding: .5em 0 !important; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { font-weight: 700 !important; font-size: 1rem; text-transform: uppercase; color: #333 !important; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #f3f3f3 !important; border: none !important; border-bottom: 3px solid #0298da !important; }

/* NOTÍCIAS */
.articles { margin: 2rem auto; }
.articles li a .infos { display: flex; flex-wrap: wrap; margin-bottom: 1rem; background: #fff; transition: .3s; }
.articles li a .infos:hover { background: #f3f3f3; }
.articles li a .infos .categorie { position: absolute; margin: 2rem 0 0 2rem; display: flex; }
.articles li a .infos .categorie svg { background: #fff; padding: .4rem; border-radius: 50%; width: 1rem; height: 1rem; margin-right: .5rem; }
.articles li a .infos .categorie h3 { background: #333; color: #fff; padding: .5rem 1rem; border-radius: 1rem; width: auto; text-transform: uppercase; font-size: .7rem; transition: .3s; }
.articles li a .infos .categorie h3:hover { background: #fff; color: #333; }
.articles li a .infos img { width: 90%; height: 15rem; object-fit: cover; }
.articles li a .infos .title { margin: 2rem 0 1rem 0; padding-right: 2rem; }
.articles li a .infos p { padding-right: 2rem; }
.articles li a .infos h4 { font-size: .9rem; margin-top: 1rem; }
.articles li a .infos h4 svg { margin-right: .3rem; }
.page-noticias .pagination { border: 2px solid #0298da; padding: 1rem 0; font-weight: 600; box-sizing: border-box; margin-bottom: 2rem; }
.page-noticias .pagination a { transition: 0.3s; margin: 0 .2rem; }
.page-noticias .pagination a:hover { color: #0298da; }
.page-noticias .pagination a.active { color: #0298da; }
.page-noticias .pagination a.first { margin-right: 1rem; }
.page-noticias .pagination a.last { margin-left: 1rem; }
.page-noticias .pagination span { margin: 0 10px; font-weight: 700; }

/* NOTÍCIA */
.page-noticia .infos { margin: 2rem auto; }
.page-noticia .infos .anuncios { max-width: 50rem; margin: 0 auto 2rem auto; }
.page-noticia .infos .anuncios img { width: 100%; }
.page-noticia .infos .photo, .page-noticia .infos iframe { max-width: 50rem; max-height: 30rem; margin-bottom: 2rem; }
.page-noticia .infos iframe { width: 100%; max-width: 50rem; height: 35rem; margin-bottom: 2rem; }
.page-noticia .infos .subtitle { font-style: italic; margin-bottom: 2rem; position: relative; top: -1rem; }
.page-noticia .infos p { font-size: 1rem; }
.page-noticia .infos .description { line-height: 1.4; width: 50rem; }
.page-noticia .infos .description iframe { width: 100%; height: 30rem; margin: 2rem 0; border-radius: 5px; }
.page-noticia .infos .description strong { font-weight: bold; }
.page-noticia .infos .description em { font-style: italic; }
.page-noticia .infos .description a { color: #252a7b; text-decoration: underline; }
.page-noticia .infos .images { width: 50rem; margin-top: 2rem; }
.page-noticia .infos .images img { border-radius: 5px; width: 22%; height: 8rem; object-fit: cover; margin: 0 1% 1rem 1%; transition: .3s; }
.page-noticia .infos .images img:hover { opacity: .7; }
.page-noticia .infos .social { margin-top: 2rem; }
.page-noticia .infos .social .title { margin-bottom: .5rem; }

/* CONTATO */
.form { width: 60rem !important; margin: 2rem auto; }
.form input, .form textarea { box-sizing: border-box; width: 100%; border: 2px solid #ccc; padding: 1rem 1.5rem; margin: .3rem 0; resize: none; transition: 0.3s; font-family: 'Open Sans', sans-serif; }
.form textarea { height: 10rem; }
.form input:focus, .form textarea:focus { border-color: #0298da; }
.form .button { cursor: pointer; width: 100%; border-color: #0298da; font-family: inherit; }
#map { height: 30rem; }

/* PLAYER */
.player { background: #252a7b; }
.player .infos { padding: 3rem 0; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.player .infos .logo { width: 11rem; margin-bottom: 1.5rem; }
.player .infos .social { margin-top: 1.5rem; color: #fff; }
.player .infos .social svg { color: #fff; background: #0298da; padding: 1rem; border-radius: 100%; width: 1.2rem; height: 1.2rem; font-size: 1.2rem; margin-left: .7rem;; transition: 0.3s; }
.player .infos .social svg:hover { background: #fff; color: #333; }