/*
Theme Name: AulaMentor
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

li.btn-top {
    min-height: 1em !important;
    line-height: 1.2em;
}

.btn-top a {
    color: #000000 !important;
    font-weight: bold !important;
    font-size: 0.7rem !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.nav>li>a,
.nav-dropdown>li>a,
.nav-column>li>a {
    color: rgba(102, 102, 102, 1);
    transition: all .2s;
}

.header-wrapper.stuck,
.header-shadow .header-wrapper {
    box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1);
}

.rrss-block .button.is-outline {
    border: 2px solid rgba(0, 0, 0, 0);
    background-color: #000000;
    color: #ffffff;
}

.lista-curso-destacado-home .icon-box-text.last-reset>h5 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: -5px !important;
    margin-bottom: 0;
}

.lista-curso-destacado-home .icon-box-text.last-reset>h6 {
    font-size: 0.8em;
    text-transform: lowercase;
}

.tit-curso-cursos-destacados p {
    margin-bottom: 10px;
}

.desc-curso-cursos-destacados p {
    margin-bottom: 0;
}

.lista-curso-destacado-home .icon-box-img {
    width: 15px !important;
    padding-top: 13px !important;
}

section.bg-patron.bg-patron .bg.section-bg.fill {
    background-repeat: repeat !important;
    background-position: center;
    background-size: auto !important;
}

.ov-hidden>div {
    overflow: hidden;
}

.opacity05 {
    opacity: 0.5;
}

/************linea de tiempo *********/
ul.lineaTiempo {
    --col-gap: 1rem;
    --row-gap: 1rem;
    --line-w: 0.25rem;
    display: grid;
    grid-template-columns: var(--line-w) 1fr;
    grid-auto-columns: max-content;
    column-gap: var(--col-gap);
    list-style: none;
    width: min(60rem, 100%);
    margin-inline: auto;
    font-size: 0.8rem;
}

/* line */
ul.lineaTiempo::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / span 20;
    background: rgb(225, 225, 225);
    border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
ul.lineaTiempo li:not(:last-child) {
    margin-bottom: var(--row-gap);
}

/* card */
ul.lineaTiempo li {
    grid-column: 2;
    --inlineP: 1.5rem;
    margin-inline: var(--inlineP);
    grid-row: span 2;
    display: grid;
    grid-template-rows: min-content min-content min-content;
}

/* date */
ul.lineaTiempo li .date {
    --dateH: 2.3rem;
    height: var(--dateH);
    margin-inline: calc(var(--inlineP) * -1);

    text-align: center;
    background-color: var(--accent-color);

    color: white;
    font-size: 1.25rem;
    font-weight: 700;

    display: grid;
    place-content: center;
    position: relative;

    border-radius: 10px 0 0 10px;
}

/* date flap */
ul.lineaTiempo li .date::before {
    content: "";
    width: var(--inlineP);
    aspect-ratio: 1;
    background: var(--accent-color);
    background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
    position: absolute;
    top: 100%;

    clip-path: polygon(0 0, 100% 0, 0 100%);
    right: 0;
}

/* circle */
ul.lineaTiempo li .date::after {
    content: "";
    position: absolute;
    width: 1.5rem;
    aspect-ratio: 1;
    background: #fff;
    border: 0.2rem solid var(--accent-color);
    border-radius: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
ul.lineaTiempo li .title,
ul.lineaTiempo li .descr {
    background: #fff;
    position: relative;
    padding-inline: 0.7rem;
}

ul.lineaTiempo li .title {
    overflow: hidden;
    padding-block-start: 1.5rem;
    padding-block-end: 1rem;
    font-weight: 500;
}

ul.lineaTiempo li .descr {
    padding-top: 15px;
    padding-block-end: 1.5rem;
    font-weight: 300;
}

ul.lineaTiempo li .descr ul,
ul.lineaTiempo li .descr ul li {
    margin: 0;
    padding: 0;
}

ul.lineaTiempo li .descr ul li {
    margin-bottom: 15px;
    ;
}

/* shadows */
ul.lineaTiempo li .title::before,
ul.lineaTiempo li .descr::before {
    content: "";
    position: absolute;
    width: 90%;
    height: 0.5rem;
    background: rgba(0, 0, 0, 0.5);
    left: 50%;
    border-radius: 50%;
    filter: blur(4px);
    transform: translate(-50%, 50%);
}

ul.lineaTiempo li .title::before {
    bottom: calc(100% + 0.125rem);
}

ul.lineaTiempo li .descr::before {
    z-index: -1;
    bottom: 0.25rem;
}

@media (min-width: 40rem) {
    ul.lineaTiempo {
        grid-template-columns: 1fr var(--line-w) 1fr;
    }

    ul.lineaTiempo::before {
        grid-column: 2;
    }

    ul.lineaTiempo li:nth-child(odd) {
        grid-column: 1;
    }

    ul.lineaTiempo li:nth-child(even) {
        grid-column: 3;
    }

    /* start second card */
    ul.lineaTiempo li:nth-child(2) {
        grid-row: 2/4;
    }

    ul.lineaTiempo li:nth-child(odd) .date::before {
        clip-path: polygon(0 0, 100% 0, 100% 100%);
        left: 0;
    }

    ul.lineaTiempo li:nth-child(odd) .date::after {
        transform: translate(-50%, -50%);
        left: calc(100% + var(--col-gap) + var(--line-w) / 2);
    }

    ul.lineaTiempo li:nth-child(odd) .date {
        border-radius: 0 10px 10px 0;
    }
}


ul li.bullet-arrow:before,
ul li.bullet-checkmark:before,
ul li.bullet-star:before {
    color: #fe9f1b;
    font-family: fl-icons;
    font-size: 16px;
    left: 0;
    position: absolute;
}

.b-radius-10 {
    border-radius: 10px;
    overflow: hidden;
}

.banner-grid.b-radius-10>div>div {
    border-radius: 10px;
    overflow: hidden;
}

.tit_sidebar_cursos h3 span {
    text-transform: capitalize !important;
    font-weight: bold;
    border-bottom: 3px solid #fe9f1b;
}

#areas-formativas-sidebar span.ux-menu-link__text>span {
    color: #1675a9;
}
#areas-formativas-sidebar span.ux-menu-link__text{
    cursor: pointer;
}
a.link_cursos{
    color: inherit;
}
span.boton-acceder-curso{
    position: absolute;
    z-index: 9;
    top: 35%;
    left: 12.5%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    padding: 10px;
    line-height: 1;
}
.col.curso:hover span.boton-acceder-curso {
    opacity: 1;
    visibility: visible;
}
.col-inner.area-seleccionada{
    padding: 20px 30px 20px 30px; background-color:rgb(247, 247, 247); border-radius:10px;
}
.descripcion-itinerarios{
    
}
.descripcion-itinerarios p{
    margin: 0 0 15px 0;
    font-size: 0.8rem;
}
.area-item.active a{
    font-weight: bold;
    color: #000;
}
.nombre-area_seleccionada{
    color: #fff;
    padding-top: 15px;
}
.rrss-aula-mentor a i{
    top: 0 !important;
}
.cursos-destacados-home > .col-inner{
    outline: 2px solid rgba(0,0,0,0);
    transition: outline 0.3s ease;
}
.cursos-destacados-home:hover > .col-inner{
    outline: 2px solid #fe9f1b;
    
}
@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}