/*
Theme Name: CIDADE PENTECOSTAL
Theme URI: https://www.elroi.com.br/
Description: CIDADE PENTECOSTAL - Tema exclusivo Elroi TI
Author: Giordano Magalhaes / Alexander
Author URI: https://www.elroi.com.br/
*/
/*
font-family: 'Nunito', sans-serif;
font-family: 'Poppins', sans-serif;
*/

/* -> GERAL */
html, body {
	height: 100%;
}
body {
    margin: 0;
	font-family: 'Nunito', sans-serif;
	font-size: 18px;
    font-weight: 400;
	color: #000000;
}
.body-modal {
    overflow: hidden;
}

.wrap {
	 position: relative;
	 width: 100%; max-width: 1200px;
	 margin: auto;
}
.wrapShort {
    max-width: 800px;
}

img {
	max-width:100%;
    height: auto !important;
}

a {
	color: #025DA0;
	text-decoration:none;
}
a:visited {
	color: #025DA0;
	text-decoration:none;
}
a:hover {
	color: #0095ff;
	text-decoration:none;
}
a:active {
	color: #025DA0;
	text-decoration:none;
}

.red {
    color: red;
}

#crumbs a {
    font-weight: 500;
    color: #00bedd;
    transition: all 200ms linear;
}
#crumbs a:hover {
    color: #00dbff;
}

.aligncenter {
    text-align: center;
}

/* <- GERAL */

/* <- HEADER */
header {
	position: absolute; top: 0; left: 0; z-index: 98;
	width: 100%;
	padding: 0;
    background-image: url(/wp-content/themes/cidpent/img/header-bg.jpg);
    background-position: center center;
    background-repeat: repeat-x;
    background-size: auto 100%;
}

header .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#header-logo {
	padding: 5px 0;
}
#header-logo img {
	max-width: 200px;
}

#header-fastMenu-buscaFrm {
    display: flex;
    align-items: center;
    padding: 0 10px;
    border-radius: 20px;
    border: #0c5f9e solid 2px;
    color: #0c5f9e;
}
#header-fastMenu-buscaFrm #s {
    flex-grow: 1;
    background-color: transparent;
    border: none;
}
#header-fastMenu-buscaFrm #s:hover, #header-fastMenu-buscaFrm #s:focus {
    outline: none;
}
#header-fastMenu-l1 {
    margin-bottom: 7px;
}
#header-fastMenu-l1 ul {
    list-style: none; margin: 0; padding: 0;
    display: flex;
}

#header-fastMenu-l1 ul li {
    position: relative;
    margin-left: -30px;
}
#header-fastMenu-l1 a {
    display: block;
    padding: 4px 40px 4px 20px;
    background-color: #0c5f9e;
    border-radius: 20px;
    border: #edeff2 solid 2px;
    color: #fff;
    transition: all 200ms linear;
}
#header-fastMenu-l1 a:hover {
    background-color: #0472c7;
}
#header-fastMenu-l1  .header-fastMenu-l1-item:nth-child(n+2) {
    margin-left: -30px;
}
#header-fastMenu-l1 .oj a {
    background-color: #fb6520;
}
#header-fastMenu-l1 .oj a:hover {
    background-color: #ff8800;
    color: #fff;
}
#header-fastMenu-l1 ul li:first-child {
    margin-left: 0;
}
#header-fastMenu-l1 ul li:last-child a {
    padding: 4px 20px;
}

#header-fastMenu-l1 ul ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 7px;
    z-index: 999;
    min-width: 200px;
    background-color: #f5f5f5;
    border-radius: 7px;
    overflow: none;
    width: fit-content;
}
#header-fastMenu-l1 ul ul li {
    margin: 2px auto;
    width: 100%;
}
#header-fastMenu-l1 ul li:hover ul {
    display: block;
}
#header-fastMenu-l1 ul ul a, #header-fastMenu-l1 ul ul a:last-child {
    padding: 4px 20px;
    background-color: #eef3ff;
    border-radius: 0;
    border: none;
    color: #003d68;
    white-space: nowrap;
}
#header-fastMenu-l1 ul ul a:hover {
    background-color: #dfe7fa;
    color: #ff6400;
    /* #header-fastMenu-l1 ul ul a:last-child:hover */
}

#header-sep {
    height: 100px;
}

.header_scroll {
    position: fixed;
    box-shadow: 4px 4px 10px 0 #00000038;
}
.header_scroll #header-logo img {
	height: 50px;
}
.header_scroll #menuprinc {
    display: none;
}
/* <- HEADER */

/* -> MENUPRINC */
#menuprinc {
    position: absolute; bottom: -140px; left: 50%;
    width: 100%;
    min-height: 100px;
    transform: translateX(-50%);
    background-image: url(/wp-content/themes/cidpent/img/header-menu-bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 120% 100%;
}
#menuprinc-wrap {
    margin: auto;
    padding: 20px 0 40px;
    width: fit-content;
}
#menuprinc ul {
    list-style: none; margin: 0; padding: 0;
    display: flex;
}
#menuprinc li {
    margin: 0 30px;
    position: relative;
}
.menuprinc-principais {
    display: flex;
}
.menuprinc-upper {
    font-weight: 700;
    text-transform: uppercase;
}
#menuprinc a {
    display: block;
    padding: 20px 10px 12px 10px;
    font-size: 18px; line-height: 20px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    transition: all 200ms linear;
}
#menuprinc a:hover {
    
}
#menuprinc ul ul {
    display: none;
    position: absolute; top: 80px; left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    background-color: #E8EAEB;
    border-radius: 20px;
    box-shadow: 4px 4px 10px 0 #025ea083;
    padding: 20px;
}
#menuprinc ul ul ul {
    display: block;
    position: relative;
    top: auto; left: auto;
    transform: translate(0);
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
#menuprinc ul ul li {
    margin: 0;
}
#menuprinc ul ul a {
    white-space: nowrap;
    padding: 10px;
    color: #025DA0;
    text-align: left;
}
#menuprinc ul ul a:hover {
    text-decoration: underline;
}
#menuprinc .menuprinc-title, #menuprinc .menuprinc-cat > a {
    margin-top: 20px;
    font-weight: 700;
    color: #fb6520;
    white-space: nowrap;
    text-transform: uppercase;
}
#menuprinc .menuprinc-title:first-child, #menuprinc .menuprinc-cat:first-child {
    margin-top: 0;
}

#menuprinc li:hover ul {
    display: block;
}

#menuprinc ul ul .menuprinc_barrinha {
    display: none;
}

.menuprinc_barrinha {
    margin-top: 5px;
    width: 100%;
    height: 4px;
    border-radius: 1px;
    background-color: #fb6520;
    transition: all 200ms ease-out;
}
#menuprinc a:hover .menuprinc_barrinha {
	width:100%;
    background-color: #025DA0;
}

#menumob-btn {
    display: none;
    font-size: 40px;
    color: #025DA0;
}
#menumob {
    display: none;
    position: fixed; top: 0; left: 0; z-index: 99;
    padding: 10px 0 50px;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.98);
    overflow-y: auto;
}
#menumob-close {
    position: absolute; top: 20px; right: 20px;
    opacity: 0.7;
    transition: all 200ms linear;
}
#menumob-close:hover {
    opacity: 1.0;
    cursor: pointer;
}
#menumob-logo {
    padding: 20px 0 30px;
    text-align: center;
}
#menumob-logo img {
    max-width: 300px;
}
#menumob-menu ul {
    list-style: none; margin: 0; padding: 0;
}
#menumob-menu li {
    margin-bottom: 2px;
}
#menumob-menu a {
    display: block;
    padding: 10px 20px;
    margin: 5px auto;
    background-color: rgba(245,245,245,1.00);
    font-size: 18px;
    font-weight: 700;
    color: #025DA0;
}
#menumob-menu ul ul a {
    padding: 10px 20px 10px 40px;
    background-color: rgba(245,245,245,1.00);
    font-size: 18px;
    font-weight: 500;
}
#menumob-rs {
    margin: 30px auto;
    display: flex;
    justify-content: center;
}
#menumob-rs a {
    position: relative;
    margin: 0 7px;
    width: 40px; height: 40px;
    background-color: #025DA0;
    border-radius: 50%;
    transition: all 200ms linear;
}
#menumob-rs a:hover {
    background-color: #025DA0;
}
#menumob-rs a [class*="fa-"] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 28px;
    color: #000;
    transition: all 200ms linear;
}
#menumob-rs a:hover [class*="fa-"] {
    color: #000;
}
#menumob-menu .menumob-menu-categoria > a {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #fb6520;
    text-transform: uppercase;
}
#menumob-menu .menumob-biglink a {
    display: block;
    padding: 4px 40px 4px 20px;
    background-color: #0c5f9e;
    border-radius: 20px;
    border: #edeff2 solid 2px;
    color: #fff;
    transition: all 200ms linear;
    text-align: center;
    text-transform: uppercase;
}
#menumob-menu .menumob-biglink a:hover {
    background-color: #0472c7;
}

/* <- MENUPRINC*/

/* -> INI */

/*** section ***/
.section-pretitle {
    margin-bottom: -14px;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #3b7dab;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.section-title {
    margin-bottom: 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    font-weight: 700;
    color: #ff6400;
    letter-spacing: 1px;
}
.section-content {
    color: #696969;
}

/*** main ***/
#main {
    background-image: url(/wp-content/themes/cidpent/img/main-bg.jpg);
    background-position: center top;
    background-size: cover;
}

/*** ini-motivos ***/
#ini-motivos {
    padding: 80px 0 40px;
}
#ini-motivos-title {
    font-size: 30px;
    font-weight: 700;
    color: #0c5f9e;
    text-align: center;
    text-transform: uppercase;
}
#ini-motivos-itens {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
.ini-motivos-item {
    width: 100%;
    max-width: 184px;
    margin: 0 40px;
    text-align: center;
}
.ini-motivos-icon {
    margin-bottom: 30px;
}
.ini-motivos-txt {
    color: #025DA0;
}

/*** ini-sep ***/
#ini-sep {
    background-color: #025DA0;
    padding: 70px 0;
}
#ini-sep .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#ini-sep-la {
    max-width: 50%;
    font-family: 'Poppins', sans-serif;
    font-size: 48px; line-height: 48px;
    font-weight: 600;
    color: #fff;
}
#ini-sep-la span {
    text-transform: uppercase;
    color: #fb6520;
}
#ini-sep-lb a {
    display: inline-block;
    padding: 7px 24px;
    background-color: #fb6520;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    transition: all 200ms linear;
}
#ini-sep-lb a:hover {
    background-color: #00bedd;
}

/*** sepForm ***/
#ini-sepForm {
    padding: 70px 0;
    background-color: #025DA0;
}
#ini-sepForm .wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px;
}
#ini-sepForm-la, #ini-sepForm-lb {
    width: 100%;
    max-width: 500px;
}
#ini-sepForm-la-l1 {
    margin-bottom: 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 44px; line-height: 48px;
    font-weight: 600;
    color: #fff;
}
#ini-sepForm-la-l1 span {
    text-transform: uppercase;
    color: #fb6520;
}
#ini-sepForm-la-l2 {
    margin: 30px auto;
    font-size: 18px;
    color: #fff;
}
#ini-sepForm-la-l3 {
    margin: 30px auto;
    color: #fff;
}
.mb-3 {
    margin-bottom: 15px;
}
.form-control {
    width: 100%;
    border-radius: 14px;
    border: #f8640100 solid 1px;
    padding: 12px 20px;
    font-size: 18px;
    background-color: #fff;
    transition: all 200ms linear;
}
.form-control:focus {
    outline: none;
    border: #F86501 solid 1px;
}
.form-control::placeholder {
    color: #a0b1bd;
}
.btn {
    background-color: #F86501;
    border-radius: 14px;
    border: none;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    transition: all 200ms linear;
}
.btn:hover {
    background-color: #ff6700;
    cursor: pointer;
}

/*** ini-info ***/
#ini-info {
    padding: 70px 0;
}
#ini-info-grid {
    max-width: 1000px;
    margin: auto;
    display: grid;
    grid-template-areas: 
        "info1 info1 info1 info1 info1 info1 info1"
        "info1 info1 info1 info1 info1 info1 info1"
        "info2 info2 info2 info2 info3 info3 info3"
        ;
    gap: 20px;
}
#ini-info-grid-1 {
    position: relative;
    grid-area: info1;
}
#ini-info-grid-2 {
    position: relative;
    grid-area: info2;
}
#ini-info-grid-3 {
    position: relative;
    grid-area: info3;
}
.ini-info-title {
    position: absolute; top: -14px; left: 50%;
    transform: translateX(-50%);
    padding: 2px 20px;
    border-radius: 20px;
    background-color: #ff6400;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
}
.ini-info-img {
    border-radius: 50px;
    overflow: hidden;
}
.ini-info-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
}
.ini-info-play {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
}

/*** ini-estrutura-l1 ***/
#ini-estrutura {
    padding: 70px 0;
}
#ini-estrutura-l1 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
#ini-estrutura-l2 {
    margin-top: 30px;
}
#ini-estrutura-fotos img {
    width: 290px;
    height: 180px !important;
    object-fit: cover;
    object-position: center;
    margin: auto;
}
#ini-estrutura-l3 {
    margin-top: 60px;
    text-align: center;
}

/*** ini-localizacao ***/
#ini-localizacao {
    padding: 70px 0;
}
#mapframe {
    max-width: 1000px;
    margin: auto;
    border-radius: 40px;
    border: #025DA0 solid 4px;
    overflow: hidden;
}

/* <- INI */


/* -> FOOTER */
#footer-oj {
    width: 100%; max-width: 1600px;
    margin: auto;
}
#footer-oj img {
    width: 100%;
}

#footer-logo {
    max-width: 240px;
}

.footer-l1 {
    padding: 50px 0;
    background-color: #025DA0;
    font-size: 16px;
    color: #D4E1E7;
}
footer .wrap {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.footer-col {
    width: fit-content;
    max-width: 300px;
}
footer a, footer a:visited {
    font-weight: 300;
    color: #D4E1E7;
    transition: all 200ms linear;
}
footer a:hover {
    color: #ffffff;
}

#footer-links {
    display: flex;
}
.footer-links-col {
    margin: 0 20px;
}
#footer-links a {
    display: block;
    margin: 0 0 5px 0;
    font-size: 14px;
}
#footer-links .footer-links-big > a {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: #ff6500;
    text-transform: uppercase;
    white-space: normal;
}
#footer-links ul {
    list-style: none; margin: 0; padding: 0;
}
#footer-links .menu-menu-rodape-container {
    columns: 2;
    gap: 15px;
}
#footer-links li {
    break-inside: avoid;
}
.footer-links-grp {
    margin-bottom: 40px;
}
.footer-links-grp:last-child {
    margin-bottom: 0;
}

.footer-info-item {
    margin-bottom: 14px;
    display: flex;
}
.footer-info-item:last-child {
    margin-bottom: 0;
}
.footer-info-icon {
    flex-shrink: 0;
    margin-right: 7px;
}
.footer-info-icon img {
    max-height: 20px;
    transform: translateY(-2px);
}
.footer-info-txt-title {
    font-weight: 700;
    text-transform: uppercase;
}
.footer-info-txt {
    font-size: 14px;
}

.footer-rs {
    width: fit-content;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.footer-rs a {
    position: relative;
    background-color: #ff6500;
    border-radius: 50%;
    width: 30px; height: 30px;
    transition: all 200ms linear;
}
.footer-rs a:hover {
    background-color: #ff8800;
}
.footer-rs [class*='fa-'] {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;
    color: #fff;
}

.footer-horarios-title {
    font-size: 14px;
    font-weight: 700;
    color: #ff6500;
    text-transform: uppercase;
}
.footer-horarios-item {
    margin-bottom: 10px;
    font-size: 14px;
}
.footer-horarios-item:last-child {
    margin-bottom: 0;
}
.footer-horarios-item-title {
    font-weight: 500;
}
.footer-horarios-item-txt {
    padding-left: 10px;
    font-size: 14px;
}

.footer-l2 {
    padding: 20px 0;
    background-color: #00497e;
    font-size: 14px;
    color: #fff;
}
.footer-l2 .wrap {
    align-items: center;
}
/* <- FOOTER */

/* -> PAGE TITLE */
.conteudoBigTitle-title {
    padding: 150px 0 20px;
    background-color: rgba(12,95,158,1.00);
    font-family: 'Spartan', sans-serif;
    font-size: 36px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.conteudoBigTitle-crumbs {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 300;
    color: #c3c3c3;
}
.page-content {
    margin: 40px 0 80px;
    min-height: 200px;
}
/* <- PAGE TITLE */

/* -> PAGINAS INTERNAS */
.wp-block-table td {
    padding: 5px;
}

.btnBlueOj a, .buttonBlueOj {
    display: inline-block;
    padding: 10px 50px;
    background-color: #ff6400;
    border-radius: 30px;
    border: none;
    font-weight: 700;
    color: #ffffff;
    text-align: center;
    transition: all 200ms linear;
}
.btnBlueOj a:hover, .buttonBlueOj:hover {
    background-color: #0095ff;
}
.buttonBlueOj:disabled {
    background-color: #d4956a;
}
.btnBlueOjMini a {
    display: inline-block;
    padding: 3px 20px;
    background-color: #ff6400;
    border-radius: 30px;
    color: #ffffff;
    text-align: center;
    transition: all 200ms linear;
}
.btnBlueOjMini a:hover {
    background-color: #0095ff;
}

.pageTopico {
    margin: 40px auto 20px;
    font-size: 24px;
    font-weight: 700;
    color: #156caf;
    border-bottom: #ff6400 solid 1px;
}

.msgerro {
    width: fit-content;
    background-color: rgba(245,245,245,1.00);
    padding: 20px;
    border-radius: 4px;
    border: rgba(210,210,210,1.00) solid 1px;
}
.msgerro-title {
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
}
.inscr_titulo {
    margin: 30px auto 20px;
    font-size: 1.4em;
    font-weight: 700;
    text-transform: uppercase;
}
/* <- PAGINAS INTERNAS */

/* -> CATEGORIAS */
.categoria-lista {
    list-style:none; margin:0; padding:0;
    text-align:center;
}
.categoria-item {
    display:inline-block; vertical-align:top;
    margin:20px 10px;
    width:100%; max-width:340px;
	text-align:left;
}
.categoria-item a {
	font-weight:700;
	transition:all 200ms linear;
}
.categoria-imagem {
    width:100%; height:220px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-box-shadow: 1px 1px 2px 0 #696969;
    box-shadow: 1px 1px 2px 0 #696969;
}
.categoria-data {
	display:none;
    font-size:12px;
    margin:0;
    text-align:left;
}
.categoria-titulo {
	font-size:18px;
    margin:10px 0 5px 0;
    text-align:left;
}
.categoria-vermais {
	display:inline-block;
	padding:3px 10px;
	border-radius:3px;
	background-color:rgba(187,0,0,1.00);
	font-size:12px;
	color:rgba(255,255,255,1.00) !important;
}
.categoria-vermais:hover {
	background-color:rgba(255,0,0,1.00);
	color:rgba(255,255,255,1.00) !important;
}
/* <- CATEGORIAS */

/* -> CORPO DOCENTE */
.corpoDocente-lst {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px 50px;
}
.corpoDocente-item {
    display: flex;
}
.corpoDocente-imagem {
    width: 150px;
    height: 150px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    border-radius: 50%;
}
.corpoDocente-info {
    margin-left: 20px;
}
.corpoDocente-titulo {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 700;
    color: #025DA0;
}
.corpoDocente-descricao {
    color: rgb(77, 77, 77);
}
.corpoDocente-btnLates {
    margin-top: 20px;
}
.corpoDocente-btnLates a {
    display: inline-block;
    padding: 7px 20px;
    background-color: #025DA0;
    border-radius: 22px;
    font-weight: 700;
    color: #fff;
}
.corpoDocente-btnLates a:hover {
    background-color: #003d68;
}
/* <- CORPO DOCENTE */

/* -> AREA DO ALUNO */
.widthmax-700 {
    max-width: 700px;
    margin: auto;
}
.hide {
    display: none !important;
}
/* <- AREA DO ALUNO */