@charset "utf-8";

/* CSS Document */


/******************************

COLOR PALETTE




[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
	3.1 Logo
	3.2 Main Nav
	3.3 Header Side
	3.4 Hamburger
4. Menu
	4.1 Menu Social
	4.2 Menu copyright
5. Home
7. Page Section
8. Buttons
9. Popular
10. Footer
	10.1 Newsletter
	10.2 Footer Content
	10.3 Footer Copyright


******************************/


/*********************************
Pastoral Educativa
*********************************/

.pastoral-educativa {
    background-color: #ffffff;
    border-top: 10px solid #1a1a1a;
}

.pastoral-educativa .row {
    width: 100%;
    margin: auto;
}

.pastoral-educativa .texto {
    padding: 40px;
}

.pastoral-educativa .texto img {
    display: flex;
    width: 80%;
    margin: auto;
}

.pastoral-educativa .texto p {
    color: #808080;
}

.pastoral-educativa h1,
.pastoral-educativa h2 {
    color: #1a1a1a;
}

.pastoral-educativa .titulo {
    padding-bottom: 30px;
    padding-top: 30px;
}

.pastoral-educativa .imagen {
    padding: 0;
}

.pastoral-educativa .imagen img {
    width: 100%;
}


/*********************************
Actividades pastoral
*********************************/

.act-pastoral {
    background-image: url(../images/background-act.jpg);
    background-position: right;
}

.act-pastoral .row {
    width: 100%;
    margin: auto;
    padding: 0;
}

.act-pastoral .texto {
    padding: 40px;
    color: #ffffff;
    background-color: rgba(184, 0, 0, 0.644);
}

.act-pastoral .texto ul {
    list-style: disc;
}

.act-pastoral .texto ul li {
    font-size: 12pt;
    margin-bottom: 10px;
}

.act-pastoral .texto p {
    font-size: 12pt;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #ffffff;
}

.act-pastoral h1,
.act-pastoral h2 {
    color: #ffffff;
}

.act-pastoral .titulo {
    padding-bottom: 30px;
    padding-top: 30px;
}

.act-pastoral .imagen {
    background-image: url(../images/pastoral_2.jpg);
    background-size: cover;
    background-position: center center;
    border-right: 5px solid #ffb606;
}


/*********************************
Datos adicionales
*********************************/

.datos-adicionales {
    background-color: #1a1a1a;
    border-bottom: 10px solid #ffb606;
}

.datos-adicionales .row {
    width: 100%;
    margin: auto;
}

.datos-adicionales .texto {
    margin: auto;
    padding: 40px;
}

.datos-adicionales h1,
.datos-adicionales h2 {
    color: #ffffff;
}

.datos-adicionales .titulo {
    padding-bottom: 30px;
    padding-top: 30px;
}

.datos-adicionales .imagen {
    padding: 0;
}

.datos-adicionales .imagen img {
    width: 100%;
}


/*********************************
Palabras del capeella
*********************************/

.palabras-capellan {
    background-color: #1a1a1a;
}

.palabras-capellan .img-container {
    display: flex;
    align-items: flex-end;
}

.palabras-capellan img {
    flex: 1;
    width: 100%;
}

.palabras-capellan .row {
    margin: auto;
    padding: 0;
}

.palabras-capellan .columna-palabras {
    height: 100%;
}

.palabras-capellan .texto {
    padding: 40px;
    text-align: center;
}

.palabras-capellan .texto .comillas {
    color: #ffb606;
    font-size: 50pt;
    line-height: 0.2;
}

.palabras-capellan .texto .container-comillas {
    margin-bottom: 20px;
}

.palabras-capellan .titulo {
    text-align: center;
    color: #ffffff;
    margin: 90px auto;
    margin-bottom: 0px;
}

.pastoral-educativa .imagen {
    background-color: #c5c5c5;
}

.palabras-capellan .texto p {
    color: #FFFFFF;
}

.palabras-capellan .nombre-c {
    position: absolute;
    left: -20%;
    top: 100%;
    text-align: center;
}

.palabras-capellan .nombre-c h1 {
    color: #ffffff;
}

.palabras-capellan .nombre-c h3 {
    font-style: italic;
}


/*********************************
8.3 Accordions
*********************************/

.accordion_container {
    margin-bottom: 15px;
}

.accordion {
    height: 60px;
    width: 100%;
    background: #f8f4f4;
    padding-left: 30px;
    cursor: pointer;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.accordion.active {
    background: #ffb606;
    color: #FFFFFF;
}

.accordion:active {
    background: #ffb606 !important;
    color: #FFFFFF;
}

.accordion::after {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 100%;
    content: '+';
    background: #ffb606;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.accordion.active::after {
    content: '-';
}

.accordion:hover {
    background: #e4e4e4;
}

.accordion_panel {
    padding-left: 30px;
    padding-right: 30px;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

.accordion_panel p {
    padding-top: 15px;
}

.page_section {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*********************************
10. Footer
*********************************/

.footer {
    width: 100%;
    padding-top: 86px;
    background: #1a1a1a;
}

.footer .section_title h1 {
    color: #FFFFFF;
}


/*********************************
 Footer borde
*********************************/

.newsletter-normal {
    border-bottom: solid 2px #4d4e4e;
}


/*********************************
10.2 Footer Content
*********************************/

.footer_content {
    padding-top: 80px;
    padding-bottom: 83px;
    border-bottom: solid 2px #4d4e4e;
}

.footer_content .logo_container {
    padding-left: 0px;
}

.footer_content .logo span {
    color: #FFFFFF;
}

.footer_about_text {
    margin-top: 24px;
    margin-bottom: 0px;
    padding-right: 20px;
}

.footer_column_title {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    padding-top: 15px;
}

.footer_column_content {
    margin-top: 32px;
}

.footer_list_item {
    margin-bottom: 11px;
}

.footer_list_item a {
    font-size: 14px;
    color: #a5a5a5;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.ocultar-img {
    display: none;
}

.footer_list_item a:hover {
    color: #ffb606;
}

.footer_contact_item {
    font-size: 14px;
    font-weight: 400;
    color: #a5a5a5;
    margin-bottom: 22px;
}

.footer_contact_item:last-child {
    margin-bottom: 0px;
}

.footer_contact_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-right: 10px;
}

.footer_contact_icon img {
    width: 100%;
}


/*********************************
10.3 Footer Copyright
*********************************/

.footer_bar {
    padding-top: 19px;
    padding-bottom: 19px;
}

.footer_social .menu_social_item a i {
    color: #FFFFFF;
}

.footer_social .menu_social_item a i:hover {
    color: #ffb606;
}

.footer_social .menu_social_item:last-child {
    margin-right: 0px;
}


/* estilos de botón para regresar arriba */

.simplescrollup__button {
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    transition: 1s all;
    z-index: 10000;
}

.simplescrollup__button--show {
    transform: translateX(350px);
}

.simplescrollup__button--hide {
    transform: translateX(500px);
}

.mostrar-responsive {
    display: none;
}

.boton_arriba {
    width: 13%;
}