/* *************************************    */
/* ------------------ GRAL-STYLES ---------------    */
/* *************************************   */



body, html {
        height: 100%;
        margin: 0;
}


body {
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 18px;
        letter-spacing: 1px;
        color: #FFFFFF;
        background-color: #FFFFFF;
}

.clear-float {
        clear: both;
}

img {
        border: none;
}


*, ol, ul, dl, body, html {
        margin: 0;
        padding: 0;
}

.container, .container-fluid, .row {
        padding-right: 0;
        padding-left: 0;
}

.row {
        margin-right: 0;
        margin-left: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
        padding-right: 0;
        padding-left: 0;
}

h1{

}

/* ------------------ CLASES GENERALES ---------------    */

b, strong {
        font-weight: bold;
}

#ppal-wrapper {
        background-color: #000000;
        padding-bottom: 100px;
}


/* *************************************    */
/* ------- OFFCANVAS ACCORDION MENU --------    */
/* *************************************   */

#offcanvasMenu {
        padding: 20px;
}

.offcanvas a {
        color: #333333;
        text-decoration: none;
}

.offcanvas .menu-title{
        margin-bottom: 30px;
}

.offcanvas h5 {
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
}

/* este es el enlace del menu nivel 1 */
.offcanvas a.accordion-header {
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
}

/* este es el enlace del submenu nivel 2 */
.offcanvas a.submenu-link {
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
}

/* aqui hago que se muestre el punto delante del menu cuando se pasa el raton */
.offcanvas a.accordion-header.menu-hover::before {
        font-family: 'Prompt', sans-serif;
        font-weight: 900;
        content: "· ";
}

/* aqui hago que se muestre el punto delante del menu activo */
.offcanvas a.accordion-header.menu-active::before {
        font-family: 'Prompt', sans-serif;
        font-weight: 900;
        content: "· ";
}

/* aqui para el submenu activo no hace falta nada porque ya mostramos la imagen por programacion */
.offcanvas a.submenu-link img.submenu-active{
        display: inline-block !important;
}



.offcanvas ul {
        list-style: none;
        padding-left: 30px;
        padding-top: 7px;
        padding-bottom: 3px;
}

.offcanvas ul li {
        margin-bottom: 8px;
}

.accordion-header-gral {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
}

.accordion-body {
        padding: 0;
}

.accordion-item {
        border: none;
}

.accordion-button {
        width: 100px;
        padding: 0;
}

.accordion-button:not(.collapsed) {
        background-color: #FFFFFF;
        box-shadow: none;
}

/* para ocultar la imagen delante del submenu*/
.submenu-image {
        display: none;
}

.offcanvas {
        position: fixed;
        bottom: 0;
        z-index: 1045;
        display: flex;
        flex-direction: column;
        max-width: 100%;
        visibility: hidden;
        background-color: #fff;
        background-clip: padding-box;
        outline: 0;
        transition: transform .3s ease-in-out !important;
}


/*  ------------------------- */

/* aqui esta clase me permite cambiar la imagen de la flecha por la mia */
.accordion-button::after {
        background-image: url("../images/menu-accordion-open.png");
}

/* aqui esta clase me permite cambiar la imagen de la flecha por la mia */
.accordion-button:not(.collapsed)::after {
        background-image: url("../images/menu-accordion-open.png");
}



/* *************************************    */
/* ------------------ CABECERA  ---------------    */
/* *************************************   */


/*  ---------- Cabecera--------------- */

#section-cabecera {
        padding-top: 50px;
        margin-bottom: 100px;
}

#section-cabecera .cabecera-gral {
        display: flex;
        align-items: center;
        justify-content: space-between;
}

a.menu-boton{
        text-decoration: none;
}

a.menu-boton span{
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 22px;
        line-height: 24px;
        color: #FFFFFF;
}

/*  ---------- LOGO--------------- */

.cabecera-gral a.logo-enlace {
        color: #FFFFFF;
        text-decoration: none;
}

.cabecera-logo-gral .logo-geobodies span {
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 49px;
        line-height: 49px;
        color: #FFFFFF;
}

.cabecera-logo-gral .logo-ursula span {
        font-family: 'Raleway', sans-serif;
        font-weight: 300;
        font-size: 29px;
        line-height: 29px;
        color: #FFFFFF;
        float: right;
}

/*  ---------- Cabecera Movil --------------- */

#section-cabecera .cabecera-gral-movil .cabecera-logo-gral {
        display: block;
        /*height: 80px;*/
        text-align: center;
}

#section-cabecera .cabecera-gral-movil .cabecera-logo-gral .logo-geobodies{
        display: inline-block;
}

#section-cabecera .cabecera-gral-movil .cabecera-logo-gral .logo-ursula{
        display: inline-block;
        margin-left: 32px;
}

#section-cabecera .cabecera-gral-movil .cabecera-dcha {
        text-align: center;
}






/* *************************************    */
/* ------------------ HOME ---------------    */
/* *************************************   */

#section-introduccion .introduccion {
        margin-top: 80px;
}

#section-introduccion .introduccion p{
        font-family: 'Prompt', sans-serif;
        font-weight: 200;
        font-size: 20px;
        line-height: 28px;
}

#section-introduccion .introduccion p.signature{
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        margin-top: 40px;
}

/* ------------ Event ---------------    */

#section-event-intro {
        margin-top: 80px;
        margin-bottom: 100px;
}

#section-event-intro h1 a {
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 60px;
        color: #FFFFFF;
        text-decoration: none;
        display: inline-block;
}

#section-event-intro h1 a:hover {
        color: #faffa2;
        text-decoration: underline;
}

#section-event-intro .text-intro{
        position: absolute;
        bottom: 0;
}

#section-event-intro .text-intro p{
        margin-bottom: 0;
}





/* *************************************    */
/* ------ ART AND VIDEOS  Y COLLAB. PROJ -----    */
/* *************************************   */

#section-aav-cp .page-imagen {
        /*position: relative;
        justify-content: right;
        display: flex;*/
}

#section-aav-cp .img-artandvideos-small {
        /*z-index: 99;
        position: absolute;
        left: 0;
        top: 154px;*/
}

#section-aav-cp .page-texto {
        position: relative;
}

#section-aav-cp .bloque-textos {
        height: auto;
        position: absolute;
        bottom: 0;
}

#section-aav-cp .bloque-textos .text-intro p{
        margin-bottom: 0;
}

#section-aav-cp .img-artandvideos-large {
        /*max-width: 550px;
        max-height: 309px;*/
}

#section-aav-cp .bloque-anyo {
        margin-bottom: 5px;
}

#section-aav-cp a {
        color: #FFFFFF;
        text-decoration: none;
}

#section-aav-cp a:hover {
        color: #FFFFFF;
        text-decoration: none;
        cursor: pointer;
}

/* ------------------ POSTS  ---------------    */

#section-aav-cp-post .row-page {
        margin-bottom: 40px;
}

/* ----------------------   */
/* SLIDER FER   */
/* ----------------------   */
#slider {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 10px;

        overflow: hidden;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
#slider ul {
        position: relative;
        list-style: none;
        height: 100%;
        width: 10000%;
        padding: 0;
        margin: 0;
        transition: all 750ms ease;
        left: 0;
}
#slider ul li {
        position: relative;
        height: 100%;

        float: left;
}
#slider ul li img{
        width: 100%;
        height: auto;
}
#thumbs #prev, #thumbs #next {
        width: 50px;
        line-height: 50px;
        border-radius: 50%;
        font-size: 2rem;
        text-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
        text-align: center;
        color: white;
        text-decoration: none;
        position: absolute;
        top: 35%;
        transform: translateY(-50%);
        transition: all 150ms ease;
}
#thumbs #prev{
        left: 10px;
        content: url("../images/gallery-button.svg") !important;
        transform: rotate(90deg);
}
#thumbs #next {
        right: 10px;
        content: url("../images/gallery-button.svg") !important;
        transform: rotate(-90deg);
}
#thumbs #prev:hover, #thumbs #next:hover {
        background-color: rgba(0, 0, 0, 0.5);
        text-shadow: none;
}
#bloque-textos {
        margin-left: 40px;
}
/*-------------- THUMBS -----------------*/
#thumbs {
        position: relative;
        width: 100%;
        height: auto;
        margin: 0 auto;

        overflow: hidden;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}
#thumbs ul {
        position: relative;
        list-style: none;
        height: 100%;
        width: 10000%;
        padding: 0;
        margin: 0;
        transition: all 750ms ease;
        left: 0;
}
#thumbs ul li {
        position: relative;
        height: 100%;
        margin-right: 5px;

        float: left;
}
#thumbs ul li img{
        width: 100%;
        height: auto;
        cursor: pointer;
}
#thumbs .active {
        border: 2px solid #FFFFFF;
}


/* ----- ajax load more -----    */
.bloque-textos .alm-btn-wrap {
        text-align: right !important;
}

.ajax-load-more-wrap.grey .alm-load-more-btn {
        background-color: transparent !important;
}

 .alm-btn-wrap .alm-load-more-btn {
         font-family: 'Prompt', sans-serif !important;
         font-weight: 700 !important;
         font-size: 27px !important;
         line-height: 30px !important;
         text-transform: lowercase !important;
 }

.alm-btn-wrap .alm-load-more-btn:after {
        content: url("../images/menu-post-open.png");
        margin-left: 10px;
        margin-bottom: 10px;
        position: absolute;
        bottom: -10px;
}

/* ----- boton que vacia el contenido -----    */
.alm-btn-wrap #load-less {
        display: inline-block !important;
}

#content-after .alm-btn-wrap {
        text-align: right !important;
}

/* ----- para hacer responsive los videos de vimeo -----    */
.video-container {
        position: relative;
        padding-bottom: 56.25%; /*panorámico*/
        padding-top: 25px;
        height: 0;
}

.video-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}


/* *************************************    */
/* ------------------ PUBLICATIONS  ---------------    */
/* *************************************   */

#section-publications .bloque-textos{
        margin-left: 40px;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
}

/* *************************************    */
/* ------------------ BIOGRAPHY  ---------------    */
/* *************************************   */

#section-biography .row-page {
        margin-bottom: 40px;
}

#section-biography .bloque-textos {
        margin-left: 40px;
}

#section-biography .bloque-textos .bloque-titulo{
        margin-bottom: 80px;
}

#section-biography .bloque-textos .titulo{
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 38px;
        margin-bottom: 20px;
}

#section-biography .bloque-textos .title-1{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 18px;
}

#section-biography .archivos {
        height: 40px;
        margin-top: 120px;
        margin-bottom: 20px;
}



/* *************************************    */
/* ------------- EVENTS NORMAL Y MOVIL  --------    */
/* *************************************   */

#section-events .bloque-textos .titulo{
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0;
}

#section-events .bloque-textos .bloque-anyo{
        margin-bottom: 0 !important;
}

#section-events .bloque-textos .title-1{
        margin-bottom: 0 !important;
}

#section-events .bloque-textos .title-1{
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        /*margin-bottom: 40px;*/
}

#section-events .bloque-textos .text-intro{
        font-size: 14px;
        line-height: 18px;
}

#section-events .bloque-textos .text-intro p{
        margin-bottom: 0;
}

#section-events .bloque-textos {
        margin-left: 0;
}

#section-events .container-01 {
        position: absolute;
        bottom: 0;
}

#section-events .container-02 {
        position: absolute;
        bottom: 0;
}

#section-events .container-03 {
        position: absolute;
        bottom: 0;
}

#section-events .container-04 {
        position: absolute;
        bottom: 0;
}

#section-events .container-05 {
        position: absolute;
        bottom: 0;
}

#section-events .container-07 {
        position: absolute;
        bottom: 0;
}

#section-events .container-071 {
        position: absolute;
        bottom: 0;
}

#section-events .container-08 {
        position: absolute;
        bottom: 0;
}

#section-events .container-09 {
        position: absolute;
        bottom: 0;
}

/*--------- movil -------------*/

#section-events-movil .bloque-textos {
        margin-top: 0;
}

#section-events-movil .bloque-titulo {
        margin-bottom: 30px;
}

/* *************************************    */
/* ------------------ EXHIBITIONS  ---------------    */
/* *************************************   */

#section-exhibitions .exhibitions-gral {
        padding-left: 100px;
}

#section-exhibitions .row-page {
        margin-bottom: 0;
}


/* *************************************    */
/* ------------------ PAGES  ---------------    */
/* *************************************   */

.page-gral .row-page {
        margin-bottom: 100px;
}

.page-gral .row-page .bloque-textos{
        margin-left: 40px;
}

.page-gral .row-page-image-right .bloque-textos{
        margin-right: 40px;
}

.page-gral .row-page-image-left .bloque-textos{
        margin-left: 40px;
}

.page-gral .titulo {
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 5px;
}

.page-gral .title-1 {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        /*margin-bottom: 40px;*/
}

.page-gral .text-intro{
        font-size: 15px;
        line-height: 24px;
}

.page-gral a {
        color: #FFFFFF;
        text-decoration: underline;
}

.page-gral a:hover {
        color: #faffa2;
        text-decoration: underline;
}

.page-gral a.page-enlace {
        color: #FFFFFF;
        text-decoration: none;
        display: block;
}

.page-gral a.page-enlace:hover {
        color: #FFFFFF;
        text-decoration: none;
}

.page-gral .image-repeat {
        margin-bottom: 10px;
}

.page-gral .image-alt {

}

.page-gral .text-intro ul {
        margin-left: 30px;
}

.page-gral .text-intro ul li{
        margin-bottom: 15px;
}

/* ------------------ read more  ---------------    */
.read-more-class {
        text-align: left !important;
        position: absolute !important;
        bottom: 0 !important;
}
.read-more-class .yrm-text-wrapper-custom-dimensions:after {
        content: url("../images/menu-post-open.png");
        margin-left: 10px;
        margin-bottom: 10px;
        position: absolute;
        bottom: -10px;
}

.read-less-class {
        text-align: left !important;
        position: relative !important;
}

.read-less-class  .yrm-text-wrapper-custom-dimensions:after {
        content: url("../images/menu-post-close.png");
        margin-left: 10px;
        margin-bottom: 10px;
        position: absolute;
        bottom: -10px;
}

.yrm-cntent-2 {
        color: #FFFFFF !important;
}

.yrm-toggle-expand-2 {
        border: none !important;
        text-align: left !important;
}

.yrm-button-text-2 {
        font-family: 'Prompt', sans-serif !important;
        font-weight: 700 !important;
        font-size: 27px !important;
        line-height: 30px !important;
        text-transform: lowercase !important;
}

.yrm-text-wrapper-custom-dimensions {
        position: absolute;
        top: 50%;
        left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
}

/* ------------------ NO ENCONTRADO ---------------    */

#section-no-encontrado {
        margin-top: 200px;
        padding-bottom: 200px;
}

#section-no-encontrado .no-encontrado h1 {
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 38px;
        margin-bottom: 100px;
}

#section-no-encontrado .no-encontrado p {
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
        font-size: 28px;
        line-height: 34px;
}

/* *************************************    */
/* ------ FOOTER -----    */
/* *************************************   */


#footer {
        background-color: #FFFFFF;
        color: #000000;
}

.footer-ppal {
        height: 80px;
}

.footer-ppal p.signatura{
        margin-top: 30px;
}

.footer-ppal p.signatura span.ursula{
        font-family: 'Prompt', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 18px;
}