/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

p{
    white-space: pre-wrap;
    overflow-wrap: break-word;
}
.wp-block-wip-custom-blocks-biografia-author{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-top: 1px solid #1d1d1d;
    background-color: rgba(203,203,245,0.47);
    border-bottom: 1px solid #1d1d1d;
}
.wp-block-wip-custom-blocks-biografia-author p{
    width: 50%;
    padding: 5%;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #1d1d1d;
    background-color: #CBCBF6;
    margin: 0 !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #1d1d1d;
}
.bio-img-wrapper{
    width: 50%;
    height: 100%;
}
.bio-img-wrapper img{
    -o-object-fit: fill;
       object-fit: fill;
    border-bottom: 1px solid #1d1d1d;
}
.custom-buttons-block{
    display: table;
    table-layout: fixed;
    width: 100%;
    border-top: 1px solid #1d1d1d;
    text-transform: uppercase;
}
.custom-buttons-block-button{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #1d1d1d;
    padding: 3em;
}
.custom-buttons-block-button:hover{
color: #fafafa;
background-color: #EF3E0C;
}
.wp-block-wip-custom-blocks-titulo-flecha{
    margin-left: 1em !important;
}

/*PARRAFO DESTACADO*/
.destacado-wrapper{
    -webkit-margin-before: 0 !important;
            margin-block-start: 0 !important;
}
.content-wrapper{
    padding: 2em 6em;
    background-color: var(--lila);
    border-top: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
}
.content-wrapper p{
    margin: none !important;
    font-family: 'Space Grotesk', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}


/* cabecera workshops*/
#header-workshop-banner.inactive{
    background-color: #CBCBF6;
    padding: 2em;
    text-transform: uppercase;
    border-top:1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
}
#header-workshop-banner p{
    font-family: 'Space Grotesk', sans-serif;
    margin: 0;
}
#header-workshop-banner div.inactive{
    background-color: #1d1d1d;
    color: #f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
p.inactive{
    text-align: center;
    width: 90%;
    padding: auto !important;
}
p.inactive a{
    color: #CBCBF6;
}
  
/* DESTACADO TRES BLOQUES */
.block-wrapper{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    background-color: #CBCBF6;
    border-top: 1px solid #1d1d1d;
    border-bottom: 1px solid #1d1d1d;
    margin-bottom: 1em;
}
.block-wrapper .destacado-wrapper{
    border-left: 1px solid #1d1d1d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; /* Add display:flex to make flexbox */
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; /* Add flex:1 to make the div grow to fill the container */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch; /* Add align-self:stretch to make the div take up full height */
    padding: 1em;
}