._none.block.block-layout-builder.block-field-blocknodepagebody ol li {
    position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    margin: .5em 0;
    background-color: rgb(255 255 255);
    color: #000000;
    border-radius: .3em;
    transition: all .3s ease-out;
    margin-top: 1rem;
    font-size: 1.3rem !important;
}
._none.block.block-layout-builder.block-field-blocknodepagebody ol {
    counter-reset: li;
    list-style: none;
    list-style: decimal;
    font-size: 1.3rem;
    font-family: Univers;
    padding: 1rem;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
}
._none.block.block-layout-builder.block-field-blocknodepagebody ol li:hover::before {
    color: var(--blue);
    background-color: white;
}
._none.block.block-layout-builder.block-field-blocknodepagebody ol li::before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: var(--blue);
    height: 53px;
    width: 53px;
    line-height: 2em;
    border: .3em solid #d9d9d9;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    color: white;
    transition: all .3s ease-out;
}
.tb-megamenu .nav>li>a,
.tb-megamenu .nav>li>span.tb-megamenu-no-link {
    padding: 0.5rem;
}

.carousel-caption,
.carousel-indicators {
    z-index: unset;
}

div#block-socialmedialinks ul {
    margin: 0;
}

header #search-block-form {
    height: 42px;
}

#navbar-main {
    background-color: #eaedf1e6 !important;
    transition: 525ms;
}

#navbar-main:hover {
    background-color: #eaedf1 !important;
	
}

#captcha .details-wrapper {
    display: flex;
    flex-direction: column;
}

div#views-bootstrap-noticias-noticias .row>div {
    display: flex;
    justify-content: center;
}

.navbar-dark .collapsed .navbar-toggler-icon {
    background-color: black;
    width: 48px;
    height: 48px;
}

.text-primary {
    color: var(--dark) !important;
}

div#edit-actions {
    width: 100%;
}

.container-fluid {
    padding: 0;
}

a:hover {
    text-decoration: none;
}

.statistics-counter:before {
    font-family: "Font Awesome 5 Free";
    content: "\f06e";
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 1.3rem;
    display: block;
    color: grey;
    float: left;
}

span.statistics-counter.nav-link {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    flex-wrap: nowrap;
}


/******************* Bloque de redes sociales *****************/

.addtoany_list>a {
    padding: 0;
}

span.a2a_kit.addtoany_list {
    position: fixed;
    left: 0;
    top: 40vh;
    display: flex;
    flex-direction: column;
    z-index: 999;
}

.addtoany_list a>span:hover {
    width: 54px !important;
}

.addtoany_list a>span {
    border-radius: unset !important;
    height: 48px !important;
    width: 48px !important;
    transition: 425ms ease;
}

.a2a_svg svg {
    height: 48px !important;
    width: 48px !important;
}


/******************* END  Bloque de redes sociales *****************/


/******************* Bloque de cambio de idioma *****************/

div#block-dropdownlanguage ul.dropdown-language-item.dropbutton li {
    display: block;
    border: 0 !important;
}

div#block-dropdownlanguage .dropbutton-widget {
    background: none !important;
    border: 0 !important;
}

div#block-dropdownlanguage li.dropbutton-toggle {
    display: none !important;
    border: 0 !important;
}

div#block-dropdownlanguage .js .dropbutton .dropbutton-action:hover,
.js .dropbutton .dropbutton-action:hover,
.js .dropbutton a:hover,
div#block-dropdownlanguage .js .dropbutton a:hover {
    background: none !important;
}

div#block-dropdownlanguage span.active-language,
div#block-dropdownlanguage li.dropbutton-toggle {
    display: none !important;
}

div#block-dropdownlanguage ul.dropdown-language-item.dropbutton:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0ac";
    position: absolute;
    right: 8px;
    font-size: 20px;
    top: -3px;
    color: var(--blue);
}

div#block-dropdownlanguage .js .dropbutton-multiple .dropbutton-widget {
    padding-right: 33px;
}


/******************* END Bloque de cambio de idioma *****************/


/******************* Bloque de PDF *****************/

a.print__link.print__link--pdf {
    visibility: hidden;
}

._none.block.block-layout-builder.block-extra-field-blocknodenoticiaentity-print-view-pdf {
    position: absolute;
    right: 9px;
}

.print__wrapper.print__wrapper--pdf {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
}

a.print__link.print__link--pdf:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1c1";
    right: 8px;
    font-size: 42px;
    color: var(--blue);
    margin-left: 5px;
    visibility: visible;
}


/******************* END Bloque de PDF *****************/


/******************* Bloque de etiquetas *****************/

.field--name-field-etiquetas {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.field--name-field-etiquetas .field__item:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f02c";
    color: var(--blue);
    margin: 2px;
    visibility: visible;
}

.field--name-field-etiquetas .field__item {
    margin-right: 5px;
}


/******************* END Bloque de etiquetas *****************/


/******************* Bloque de Twitter *****************/

._none.block.block-twitter-block.aos-init.aos-animate {
    border: 1px solid #0066334a;
    box-shadow: 5px 5px 15px 0 rgba(9, 121, 22, 0.21);
    border-radius: .5rem;
}

.timeline-Tweet.js-clickToOpenTarget:hover {
    background-color: #0080003b;
    transition: 525ms;
}

.timeline-Tweet {
    border-radius: 1rem;
}


/******************* END Bloque de Twitter *****************/


/******************* Formulario de Votos *****************/

form.votingapi-reaction-form .form-check {
    display: inline-flex;
    justify-content: space-around;
}

form.votingapi-reaction-form {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

form.votingapi-reaction-form label.option {
    display: flex;
}

div#votingapi-reaction-form-vote {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.votingapi-reaction-item-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

form.votingapi-reaction-form .form-check-input {
    display: none;
}

form.votingapi-reaction-form img {
    width: 2rem;
}

form.votingapi-reaction-form label.option {
    cursor: pointer;
}


.votingapi-reaction-item {
    padding: 0.2rem;
    transition: 1s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

form.votingapi-reaction-form .form-check-input:checked~label.option::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058";
    color: #2ca5e0;
}


/******************* END Formulario de Votos *****************/


/******************* Galería de imágenes*****************/

.node--type-galeria-de-imagenes .field--name-field-imagen-galeria {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
}

.node--type-galeria-de-imagenes .field--name-field-imagen-galeria img {
    margin-bottom: 1rem;
}


/******************* END Galería de imágenes*****************/


/******************* FAQs *****************/

.form-row {
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    align-content: center;
}

.form-row fieldset {
    margin: 1rem;
}

button {
    margin-left: 1rem;
    margin-bottom: 1rem;
}

.card .collapse.show:before {
    content: "";
    width: 5px;
    height: 100%;
    z-index: 39;
    position: absolute;
    top: 0;
    bottom: 0;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    left: 0;
    background-color: var(--blue);
    transition: 525ms ease-in;
}

div#edit-field-categoria-faq-target-id ul {
    list-style: none;
    columns: 2 auto;
}

fieldset#edit-field-categoria-faq-target-id--wrapper {
    width: 100%;
}

button.btn.btn-link:hover {
    text-decoration: none;
}

button.btn.btn-link {
    width: 100%;
    text-align: left;
    color: var(--blue);
    font-weight: bold;
    margin: 1rem;
    font-size: 1.2rem;
}

div#views-bootstrap-preguntas-frecuentes-block-1 .card {
    margin: 0.5rem 0;
}

div#views-bootstrap-preguntas-frecuentes-block-1 .btn:focus {
    box-shadow: none;
    text-decoration: none;
}

.card:hover {
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    transition: 0.8s;
}


/******************* END FAQs *****************/


/******************* Bloque de Twitter *****************/

p.timeline-Tweet-text a {
    color: green;
}

.timeline-Tweet:hover {
    background-color: #0a7431;
}

.timeline-Tweet:hover a,
.timeline-Tweet:hover span {
    color: white !important;
}


/******************* END Bloque de Twitter *****************/


/******************* Pàgina de inicio *****************/

.carousel-caption.d-none.d-md-block h3:not(:empty) {
    background-color: #00000099;
    transition: 0.5s all;
}

.carousel-caption.d-none.d-md-block h3:hover {
    background-color: #000000e6;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.carousel-caption.d-none.d-md-block a:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    padding: 5px;
    background-color: #212529e6;
    color: white;
    transition: 525ms;
}

.carousel-caption.d-none.d-md-block a {
    color: #212529;
    font-weight: bold;
    font-size: 1.6rem;
}

div#block-views-block-slider-de-portada-block-1 {
    width: 100vw;
    left: -15px;
}

div#block-dropdownlanguage span.fieldset-legend {
    display: none;
}

.tb-megamenu .nav>li>a:focus,
.tb-megamenu .nav>li>a:hover,
.tb-megamenu .nav>li>span.tb-megamenu-no-link:focus,
.tb-megamenu .nav>li>span.tb-megamenu-no-link:hover {
    color: var(--blue);
}

.tb-megamenu {
    background-color: transparent;
}

.tb-megamenu .nav>li>a,
.tb-megamenu .nav>li>span.tb-megamenu-no-link {
    color: var(--dark);
    border: none;
}

.tb-megamenu .dropdown-toggle::after {
    display: none;
}

section.row.region.region-navigation-collapsible {
    flex-direction: row;
    justify-content: flex-end;
}

.tb-megamenu .nav li.dropdown.open>.dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active>.dropdown-toggle {
    color: var(--blue);
}

.tb-megamenu .dropdown-submenu:hover>a,
.tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:hover,
.tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:focus,
.tb-megamenu .dropdown-submenu:hover>span.tb-megamenu-no-link {
    color: #abba64;
    color: var(--blue);
    background-color: #57575638;
    padding-left: .5rem;
    transition: 525ms;
}

.tb-megamenu .dropdown-menu li>a:hover,
.tb-megamenu .dropdown-menu li>a:focus,
.tb-megamenu .dropdown-submenu:hover>a,
.tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:hover,
.tb-megamenu .dropdown-menu li>span.tb-megamenu-no-link:focus,
.tb-megamenu .dropdown-submenu:hover>span.tb-megamenu-no-link {
    color: var(--blue);
    background-color: rgba(128, 128, 128, 0.31);
    padding-left: .5rem;
    transition: 525ms;
}

.tb-megamenu .dropdown-menu {
    border-bottom: 3px solid var(--blue);
}

.tb-megamenu .nav li.dropdown.active>.dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active>.dropdown-toggle,
.tb-megamenu .nav>li.dropdown.open.active>a:hover,
.tb-megamenu .nav>li.dropdown.open.active>span.tb-megamenu-no-link:hover,
.tb-megamenu .nav>.active>a,
.tb-megamenu .nav>.active>a:hover,
.tb-megamenu .nav>.active>a:focus,
.tb-megamenu .nav>.active>span.tb-megamenu-no-link,
.tb-megamenu .nav>.active>span.tb-megamenu-no-link:hover,
.tb-megamenu .nav>.active>span.tb-megamenu-no-link:focus {
    background-color: transparent;
    border-bottom: 1px solid var(--blue);
    color: var(--blue);
}

@media (min-width: 1200px) {
    div#block-views-block-slider-de-portada-block-1 img {
        height: 70vh;
        width: 100vw;
    }
}

.bg-edge2edge.text-light.text-center._none.m-1.vlb-section.aos-init.aos-animate .col-12 {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
}

.bg-edge2edge.text-light.text-center._none.m-1.vlb-section.aos-init.aos-animate .field--name-taxonomy-term-title h2:after {
    display: none;
}

.block-views-blocknoticias-noticias .more-link {
    text-align: center;
}

.block-views-blocknoticias-noticias .more-link a {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--secondary);
    font-size: 16px;
}

.bg-edge2edge.text-light.text-center._none.m-1.vlb-section.aos-init.aos-animate .field--name-taxonomy-term-title h2 {
    color: var(--blue);
}

div#views-bootstrap-accesos-directos-block-1 .col-sm-12.col-xl:hover {
    box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%);
    translate: 1px -2px;
    transform: translate(1px, -2px);
}

div#views-bootstrap-accesos-directos-block-1 .col-sm-12.col-xl {
    min-height: 280px;
    transition: 525ms;
}

div#views-bootstrap-galerias-block-3 img,
.views-field-field-imagen-principal-de-la-gal img {
    border-radius: 5px;
}

div#views-bootstrap-galerias-block-3>.row {
    align-items: center;
}

div#views-bootstrap-galerias-block-3>.row>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-edge2edge.bg-white.bg-color.text-light.text-center._none.m-1.mt-1.vlb-section.aos-init.aos-animate,
._none.m-1.contextual-region.block.block-block-content.block-block-contentb143d9ac-5d51-4363-8314-394cf6708e40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}


/******************* Bloque de búsqueda *****************/

header #search-block-form:hover input.form-search {
    width: 100%;
    cursor: pointer;
    cursor: hand;
    border-bottom: 1px solid var(--gray);
}

.js-form-type-search input.form-search {
    background-color: transparent;
    color: black;
    padding-left: 40px;
    border-radius: unset;
}

header #search-block-form {
    width: 320px;
}

fieldset.js-form-item.js-form-type-search.form-type-search.js-form-item-keys.form-item-keys.form-no-label.form-group {
    margin: 5px;
}

#search-block-form .icon {
    top: 10px;
    right: 22px;
    transition: 525ms;
}

header #search-block-form:hover .icon {
    left: 22px;
    right: unset;
}


/******************* END Bloque de búsqueda *****************/


/******************* Página de búsqueda *****************/

.list-group.node_search-results .list-group-item {
    margin: 1rem 0;
}

.list-group-item+.list-group-item {
    border-top-width: 2px;
}

.list-group-item {
    transition: 255ms;
    border-top-width: 3px;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px 1px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
}

.list-group-item:hover {
    translate: 1px -2px;
    transform: translate(1px, -2px);
}


/******************* END Página de búsqueda *****************/


/******************* Menú *****************/

nav#block-menudeiconosenlazados {
    display: contents;
}

a.carousel-control-next {
    z-index: unset;
}

#block-menudeiconosenlazados .svg-inline--fa {
    color: var(--blue);
    font-size: 1.5rem;
}

ul.tb-megamenu-nav span,
ul.tb-megamenu-nav a {
    text-transform: uppercase;
    font-size: 0.85rem;
}

.tb-megamenu .nav-collapse .dropdown-menu a,
.tb-megamenu .nav-collapse .nav>li>a,
.tb-megamenu .nav-collapse .dropdown-menu a,
.tb-megamenu .nav-collapse .nav>li>span.tb-megamenu-no-link,
.tb-megamenu .nav-collapse .dropdown-menu span.tb-megamenu-no-link {
    color: black;
}

#navbar-main button.navbar-toggler .navbar-toggler-icon {
    float: right;
}

.tb-megamenu .nav-collapse .nav>li>a:hover {
    color: var(--blue);
}

.tb-megamenu .dropdown-menu .active>a,
.tb-megamenu .dropdown-menu .active>a:hover,
.tb-megamenu .dropdown-menu .active>span.tb-megamenu-no-link,
.tb-megamenu .dropdown-menu .active>span.tb-megamenu-no-link:hover {
    background-color: var(--blue) !important;
}

@media (max-width: 992px) {
    .navbar-brand.mr-md-auto {
        width: 65vw;
    }
    button.navbar-toggler.collapsed {
        margin: 0;
        margin-right: 5px;
    }
    ul.tb-megamenu-nav {
        max-height: 69vh;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .tb-megamenu .nav-collapse .nav>li {
        width: 100%;
    }
    span.a2a_kit.addtoany_list {
        left: 5vw;
        bottom: 0;
        display: flex;
        flex-direction: row;
        top: unset;
    }
    .btn.btn-navbar.tb-megamenu-button {
        display: none;
    }
    .nav-collapse.always-show.collapse {
        display: block;
        overflow: visible !important;
    }
    .tb-megamenu .nav-collapse,
    .tb-megamenu .nav-collapse .dropdown-menu,
    .tb-megamenu-nav.nav {
        background-color: white;
        position: inherit;
    }
    .form-checkboxes.bef-checkboxes.bef-nested.form--inline ul {
        display: flex;
        flex-direction: column;
    }
    label.form-check-label {
        display: flex;
    }
}


/******************* END Menú *****************/


/******************* END Pàgina de inicio *****************/


/******************* Bloque de Noticias *****************/

#block-personalizado-content {
    background-color: #cdcccc4a;
    border-radius: 5px;
}
.field--name-field-etiquetas .field__items {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}
.node--type-noticia .field__label {
    font-size: 1.2rem;
    font-weight: bold !important;
}
body.path-frontpage #block-personalizado-content {
    background-color: #ffffff;
}
.node--type-noticia .field__label:after {
    content: ":";
}
body.page-node-type-noticia .field.field--name-title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.grid-item {
    display: flex;
    /*width: 260px;*/
    will-change: transform;
    transition: transform 450ms;
}

button.is-disabled {
    display: none;
}

.grid-item:hover,
.forum-item:hover {
    transition: transform 150ms;
    transform: translateY(-10px);
}

.grid-item img {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.block h2 {
    text-align: center;
    position: relative;
}

.block h2:after {
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px 1px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    margin-top: 1rem;
    border-radius: 50%;
    text-align: center;
    content: '';
    position: absolute;
    width: 40%;
    transform: scaleX(0);
    height: 3px;
    bottom: 0;
    left: 30%;
    background-color: var(--blue);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.block h2:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

div#views-bootstrap-noticias-noticias .row {
    align-content: center;
    justify-content: center;
    align-items: stretch;
}

div#views-bootstrap-noticias-block-4 .row {
    justify-content: center;
}

div#views-bootstrap-noticias-block-1,
div#views-bootstrap-noticias-block-2,
div#views-bootstrap-noticias-block-3 {
    justify-content: center;
    align-content: center;
    align-items: stretch;
    display: flex;
}

.box-shadow-effect {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%);
}

.box-shadow-effect:hover {
    box-shadow: 0 2px 20px -3px rgb(0 0 0 / 40%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.p-20 {
    padding: 20px !important;
}

a.category {
    font-size: 14px;
    color: #6e7076 !important;
    text-transform: uppercase;
}

.category.font-weight-bold {
    font-size: 17px;
}

.link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 1rem;
    color: #062f4f;
    font-family: Montserrat-Semibold, sans-serif;
}

.category {
    text-align: center;
}

.category a {
    color: var(--gray);
}

span.file {
    background-size: 1.2rem;
}

@media (max-width: 992px) {
    ._none.block.block-layout-builder.block-extra-field-blocknodenoticiaentity-print-view-pdf {
        position: relative;
    }
}


/******************* END Bloque de Noticias *****************/


/******************* Documentos *****************/

.node--type-documento .field.field--name-node-title:before {
    width: 104px;
    height: 128px;
    display: block;
    content: " ";
    position: relative;
    margin: 0 auto;
    background-image: url("../img/pdf_file_icon.png");
}

.card.card-default.flex-row.p-4.wow.zoomIn.animated:hover .row.flex.align-items-center.position-absolute {
    opacity: .9;
}

.row.flex.align-items-center.position-absolute {
    top: 2px;
    right: -10px;
    font-size: 1.2rem;
    width: 99px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    opacity: 0;
    transition: 2025ms lineal;
    transition-property: lineal;
    transition-duration: 2025ms;
    transition-timing-function: cubic-bezier(0.7, -0.82, 1, 1);
    transition-delay: 0s;
}

.row.flex.align-items-center.position-absolute svg {
    color: var(--blue);
}


/******************* END Documentos *****************/


/******************* Autoridades *****************/

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-5 {
    padding-top: 3rem !important;
}

.my-5 {
    margin-top: 6rem !important;
    margin-bottom: 3rem !important;
}

.border-0 {
    border: 0 !important;
}

.position-relative {
    position: relative !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%) !important;
}

.card {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
}

.member-profile {
    top: -90px;
    left: 0;
}

.text-center {
    text-align: center !important;
}

.w-100 {
    width: 100% !important;
}

.position-absolute {
    position: absolute !important;
}

.member-profile img {
    width: 160px;
    height: 160px;
}

.rounded-circle {
    border-radius: 50% !important;
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%);
}

.alert-wrapper {
    margin: 0 7vw;
}

.shadow-sm:hover {
    box-shadow: -2px 5px 13px 3px rgb(0 0 3 / 67%) !important;
}

.card-footer.theme-bg-primary.border-0.text-center,
.card-footer.theme-bg-primary.border-0.text-center a {
    background-color: var(--secondary);
    color: var(--blue);
}

div#views-bootstrap-directorio-block-2 .row,
div#views-bootstrap-directorio-block-3 .row,
div#views-bootstrap-directorio-block-4 .row,
div#views-bootstrap-directorio-block-6 .row,
div#views-bootstrap-directorio-block-7 .row,
div#views-bootstrap-directorio-block-5 .row {
    justify-content: center;
    align-items: center;
}

article.node--type-autoridad .field--name-field-foto img {
    border-radius: 50%;
}


/******************* END Autoridades *****************/


/******************* Directorio de contacto *****************/

#views-bootstrap-directorio-de-contactos-block-1 .contact:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2bb";
    vertical-align: middle;
    font-weight: 900;
    font-size: 72px;
    color: var(--blue);
}

#views-bootstrap-directorio-de-contactos-block-1 .list-phones a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f098";
    vertical-align: middle;
    font-weight: 900;
    font-size: 1rem;
    float: left;
    color: var(--blue);
}

#block-personalizado-content article header>h2.node__title {
    display: none;
}


/******************* END Directorio de contacto *****************/


/******************* Galería *****************/

.container-filter li {
    list-style: none;
    display: inline-block;
}

.container-filter a {
    display: block;
    font-size: 14px;
    margin: 10px 20px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 400;
    line-height: 30px;
    -webkit-transition: all 0.6s;
    border-bottom: 1px solid transparent;
    color: #807c7c !important;
}

.container-filter a:hover {
    color: #222222 !important;
}

.container-filter a.active {
    color: #222222 !important;
    border-bottom: 1px solid #222222;
}

.item-box {
    position: relative;
    overflow: hidden;
    display: block;
}

.item-box a {
    display: inline-block;
}

.item-box .item-caption {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
}

.item-box .item-mask .item-caption {
    position: absolute;
    width: 100%;
    bottom: 10px;
    opacity: 0;
}

.item-box:hover .item-caption {
    opacity: 1;
    visibility: visible;
    cursor: pointer !important;
}

.item-box:hover .item-caption {
    opacity: 1;
}

.item-box:hover .item-container {
    width: 100%;
}

.services-box {
    padding: 45px 25px 45px 25px;
}

.view-galerias.view-id-galerias .more-link {
    float: right;
}


/******************* END Galería *****************/


/******************* Eventos *****************/

div#views-bootstrap-eventos-block-1 .wrapper {
    background-color: white;
    min-height: 400px;
    position: relative;
    overflow: hidden;
}

div#views-bootstrap-eventos-block-1 .data:hover {
    transform: translateY(0);
}

.example-1 .wrapper .date {
    position: absolute;
    top: 0;
    left: 0;
    color: white;
}

.example-1 .wrapper span {
    display: block;
    text-align: center;
}

.example-1 .wrapper .day {
    font-weight: 700;
    font-size: 22px;
    text-shadow: 2px 3px 2px rgb(0 0 0 / 30%);
    position: relative;
    top: 22px;
}

.example-1 .wrapper .month {
    text-transform: uppercase;
}

.example-1 .wrapper .date {
    position: absolute;
    top: 1px;
    left: 1px;
    color: white;
    background-color: #000000b8;
    width: 80px;
    height: 80px;
    border-radius: 50%;
}

.example-1 .wrapper .month,
.example-1 .wrapper .year {
    font-size: 12px;
    position: relative;
}

.example-1 .wrapper .month {
    top: -20px;
}

.example-1 .wrapper .year {
    top: 3px;
}

article.grid-item.card.example-1:hover .date {
    background-color: #000000e6;
    transition: 525ms;
}

.example-1 .wrapper .content {
    background-color: white;
    box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
}


/******************* END Eventos *****************/


/*******************  Enlace de interés  *****************/

div#block-views-block-enlaces-de-interes-block-1 h2 {
    display: none;
}

#cboxLoadedContent,
div#cboxContent {
    border: 5px solid var(--blue);
}


/******************* END Enlace de interés *****************/


/******************* CURSOS *****************/

.card.card-just-text.curso .content {
    padding: 2rem;
    text-align: center;
}

.card-big-shadow {
    position: relative;
}

.coloured-cards .card.curso {
    margin-top: 30px;
}

.card.curso[data-radius="none"] {
    border-radius: 0px;
}

.card-big-shadow:before {
    background-image: url("../img/shadow.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    bottom: -12%;
    content: "";
    display: block;
    left: -12%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.card[data-color="green"] .description {
    color: #60773d;
}

.card[data-color="green"] .category {
    color: #92ac56;
}

.card.curso .content {
    padding: 20px 20px 10px 20px;
}

.card.curso {
    border-radius: 8px;
    box-shadow: 0 2px 2px rgb(204 197 185 / 50%);
    color: #252422;
    margin-bottom: 20px;
    background: white;
    position: relative;
    z-index: 1;
    border: 1px solid rgb(0 0 0 / 13%);
}


/******************* END CURSOS *****************/


/******************* Foro *****************/

.forum-post-container .media {
    margin: 10px 10px 10px 10px;
    padding: 20px 10px 20px 10px;
    border-bottom: 1px solid #f1f1f1;
}

.field--name-field-imagen-del-foro- {
    text-align: center;
}

.node--type-forum .field--name-body.field--type-text-with-summary {
    margin-bottom: 2rem;
}

.forum-avatar {
    float: left;
    margin-right: 20px;
    text-align: center;
    width: 110px;
}

.forum-avatar .img-circle {
    height: 48px;
    width: 48px;
}

.author-info {
    color: #676a6c;
    font-size: 11px;
    margin-top: 5px;
    text-align: center;
}

.forum-post-info {
    padding: 9px 12px 6px 12px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
}

.media-body>.media {
    background: #f9f9f9;
    border-radius: 3px;
    border: 1px solid #f1f1f1;
}

.forum-post-container .media-body .photos {
    margin: 10px 0;
}

.forum-photo {
    max-width: 140px;
    border-radius: 3px;
}

.media-body>.media .forum-avatar {
    width: 70px;
    margin-right: 10px;
}

.media-body>.media .forum-avatar .img-circle {
    height: 38px;
    width: 38px;
}

.mid-icon {
    font-size: 66px;
}

.forum-item {
    margin: 10px 0;
    padding: 10px 20px;
    will-change: transform;
    transition: transform 450ms;
}

.views-number {
    font-size: 24px;
    line-height: 18px;
    font-weight: 400;
}

.forum-container,
.forum-post-container {
    padding: 30px !important;
}

.forum-item small {
    color: #999;
}

.forum-item .forum-sub-title {
    color: #999;
    margin-left: 50px;
}

.forum-title {
    margin: 15px 0 15px 0;
}

.forum-info {
    text-align: center;
}

.forum-desc {
    color: #999;
}

.forum-icon {
    float: left;
    width: 220px;
    margin-right: 20px;
    text-align: center;
}

a.forum-item-title {
    color: inherit;
    display: block;
    font-size: 18px;
    font-weight: 600;
}

a.forum-item-title:hover {
    color: inherit;
}

.forum-item.active a.forum-item-title {
    color: #1ab394;
}

.col-md-1.forum-info svg.svg-inline--fa {
    font-size: 2.2rem;
}

@media (max-width: 992px) {
    .forum-info {
        margin: 15px 0 10px 0;
    }
    .forum-icon {
        margin: 0 auto;
        float: none;
    }
    .forum-desc {
        float: none !important;
    }
}


/******************* END Foro *****************/


/******************* Accesos directos *****************/
.taxonomy-term--type-accesos-directos img {
    width: 200px;
    height: 200px;
}
/******************* END Accesos directos *****************/

/******************* Accesos atención ciudadana *****************/

.accesos-ciudadano .col-sm-12.bs-region.bs-region--main {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.field--name-taxonomy-term-title {
    color: var(--blue);
}

div#views-bootstrap-accesos-en-la-pagina-de-atencion-ciudadana-block-1 .accesos-ciudadano {
    min-height: 280px;
    transition: 525ms;
}

div#views-bootstrap-accesos-en-la-pagina-de-atencion-ciudadana-block-1 .accesos-ciudadano:hover {
    box-shadow: 5px 5px 15px 0 rgb(0 0 0 / 10%);
    translate: 1px -2px;
    transform: translate(1px, -2px);
}

div#views-bootstrap-accesos-en-la-pagina-de-atencion-ciudadana-block-1 .row {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: flex-end;
}


/******************* END Accesos atención ciudadana *****************/


/******************* Comentario *****************/

.comment {
    display: block !important;
}

.comment__content.col-sm-10.card {
    max-width: 75% !important;
}

.comment__meta.col-sm-1 {
    max-width: 25%;
    display: flex;
    align-items: flex-start;
}

article.comment {
    display: flex !important;
    align-content: flex-start;
}

.comment__meta {
    float: left;
    padding: 0 !important;
}

.comment__author:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2bd";
    padding-right: 5px;
    vertical-align: middle;
    font-weight: 900;
    font-size: 3rem;
    display: block;
    color: grey;
}

.comment__content.card {
    border: 1px solid #6c757d;
}

.comment__content:before {
    border-right: 1.25em solid #6c757d !important;
}

small.comment__author {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: flex-start;
    flex-wrap: nowrap;
    margin-right: 1rem;
}

.comment--unpublished {
    border-radius: 5px;
    padding: 5px;
}


/******************* END Comentario *****************/


/******************* Formularios de quejas y sugerencias *****************/

form#webform-submission-quejas-y-sugerencia-add-form summary {
    font-size: 1.2rem;
    font-weight: bold;
}

form#webform-submission-quejas-y-sugerencia-add-form fieldset label,
form#webform-submission-quejas-y-sugerencia-add-form fieldset span {
    font-size: 1rem;
}

.webform-submission-form strong.error.form-item--error-message {
    color: red;
}


/******************* END Formularios de quejas y sugerencias *****************/


/******************* Footer *****************/
div#block-views-block-ultima-actualizacion-block-1 .time > b {
    width: 100%;
    display: block;
}
div#block-views-block-ultima-actualizacion-block-1 .time {
    text-align: center;
}
div#counter ul {
    padding: 0;
}
form.votingapi-reaction-form .radio {
    text-align: center;
}
.footer-wrapper {
    background-repeat: repeat;
}

ul {
    list-style-type: none;
}

footer.footer {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: transparent;
    background: linear-gradient(top, var(--secondary) 0%, #b2b2b2f5 100%);
    background: -moz-linear-gradient(top, var(--secondary) 0%, #b2b2b2f5 100%);
    background: -ms-linear-gradient(top, var(--secondary) 0%, #b2b2b2f5 100%);
    background: -o-linear-gradient(top, var(--secondary) 0%, #b2b2b2f5 100%);
    background: -webkit-linear-gradient(top, var(--secondary) 0%, #b2b2b2f5 100%);
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=var(--secondary), endColorstr=#b2b2b2f5);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#b2b2b2f5);
    color: black;
}

div#block-views-block-enlaces-de-interes-block-1 img:hover {
    filter: grayscale(0);
}

div#block-views-block-enlaces-de-interes-block-1 img {
    filter: grayscale(1);
    transition: 525ms;
}

div#block-views-block-enlaces-de-interes-block-1 .owl-item {
    will-change: transform;
    transition: transform 450ms;
}

div#block-views-block-enlaces-de-interes-block-1 .owl-item:hover {
    transition: transform 150ms;
    transform: translateY(-10px);
}

.fa-external-link-alt:before {
    display: none
}

div#counter>ul>li {
    list-style: none;
}

div#block-mapa-de-ubicacion .field--name-body {
    min-height: 40vh;
}


/******************* END Footer *****************/