/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/

/*Fuerza Albert Sans en toda la comunidad*/
* {
    font-family: albert sans !important;
}

/*color texto sesame*/
.color-sesame{
    color: #1f2d52;
}


/* Iconos del menú lateral */
#buddypanel-menu img {
    width: 30px;
}

.bb-template-v2 ul.buddypanel-menu > li > a > img:first-child {
    margin: auto;
}

.bb-template-v2 .side-panel-menu li {
    min-height: 60px;
}

/* header 100% */
.ses_header {
    width: 100% !important;
}

/* Espacio inferior en las cards del foro */
.-card-forum-details {
    padding: 22px 25px 0px 25px;
}

.bb-forum-content-wrap {
    margin-bottom: 0px;
}

/*breadcrums*/
#bbpress-forums .bbp-breadcrumb {
    display: block;
}

/*color título y texto del banner principal*/
/*Título y parrafo*/
.bs-forums-banner.has-banner-img h1,
.bs-forums-banner.has-banner-img p {
    color: #5A5A5A;
}

/*formulario de búsqueda*/
.bs-forums-banner.has-banner-img .bs-search-form:before {
    color: #5A5A5A;
}

/*Texto*/
.bs-forums-banner #forums-dir-search.bs-dir-search.bs-forums-search #bbp_search {
    color: #5A5A5A;
}

/*borde caja búsqueda*/
.bs-forums-banner.has-banner-img .bs-search-form {
    border: 1px solid #5A5A5A;
}

::placeholder {
    color: #5A5A5A !important;
}

/** HOME **/

    /*cards del partial title*/
        .hover-card{
            border: solid 1px #C2C2C2;
            color:#1F2D52;
        }
        .hover-card:hover{
            background: #f4f2ff;
            border: solid 1px #BABABA;
        }

    /*botones de escritorio*/
        .btn_desk{
            color:#8871FF;
        }
        .btn_desk:hover{
            color: gray;
        }



/** Recursos Page **/

#resources-page .page-header {
    margin-top: 100px;
}

#resources-page .page-header h1 {
    font-size: 40px;
    font-weight: bold;
}

#resources-page .widget {
    margin: 5px 0 0;
}

#resources-page .widget hr {
    margin: 15px 0;
}

#resources-page .widget h3 {
    margin-bottom: 10px;
}

#resources-page .widget li {
    margin-bottom: 0;
}

#resources-page .wp-block-categories-list li {
    padding: 0;
}

#resources-page .widget label {
    font-size: 17px;
    text-transform: none;
    font-weight: 500;
    margin-bottom: 0 !important;
}

#resources-page .content-resources .project-tiles {
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

#resources-page .content-resources .tabcontent {
    width: 100%;
    border-radius: 10px;
    max-width: 275px;
    margin: 5px;
    border: 1px solid var(--bb-content-border-color);
    transition: .2s all;
}

#resources-page .content-resources .tabcontent:hover {
    box-shadow: 0 4px 32px 0 rgb(18 43 70 / 10%);
}

#resources-page .content-resources .tabcontent img {
    width: 100%;
    min-height: 160px;
    max-height: 160px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
    background: #ededed;
}

#resources-page .content-resources .tabcontent .content {
    padding: 20px;
}

#resources-page .content-resources .tabcontent .text-ses {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.2;
    color: var(--bb-headings-color);
    min-height: 65px;
    font-weight: bold;
}

#resources-page .content-resources .tabcontent .text-cta {
    margin: 0;
    line-height: 20px;
    font-size: 16px;
    color: var(--bb-headings-color);
}


@media(max-width:500px) {
    #resources-page .content-resources .tabcontent {
        max-width: 100%;

    }

    #resources-page .content-resources .tabcontent img {
        min-height: 190px;
        max-height: 190px;
    }

    #resources-page .content-resources .tabcontent .text-ses {
        min-height: 48px;
    }
}