/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .ud_section{
    /* border: 1px solid red; */
    width: 80%;
    float:left;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    box-sizing: border-box;
    position:relative;
    max-width: 1080px;
 }
 .ud_col{
    box-sizing: border-box;
    position:relative;
    width: 100%;
    float:left;
 }
 .ud_slideshow{
    width: 100%;
    position:relative;
    height: 500px;
    overflow: hidden;
    margin: 0px!important;
 }
 .ud_slideshow_slide_content{
    width: 100%;
    float:left;
    background-color: #fafafa;
    box-sizing: border-box;
    height: 500px!important;
    position:relative;
 }
div.ud_slideshow_slide_content > h1{
    position:absolute;
    top: 50%;
    left: 13%;
    transform: translate(0%, -50%);
    font-size: 50px;
    margin-left: 30px;
    font-size: 30px!important;
    background-color: var(--primary);
    color: white!important;
    padding: 10px;
    height: 52px;
    border-radius: 9px;
 }
 div.ud_slideshow_slide_content > div.ud_slide_tagline{
    position:absolute;
    top: 50%;
    right: 10%;
    margin-right: 40px;
    transform: translate(0%, -50%);
    font-size: 50px!important;
    margin-left: 30px;
    font-size: 50px!important;
    color: white!important;
    padding: 10px;
    font-weight:800;
    height: 42px;
    border-radius: 9px;
    text-shadow: 3px 3px 23px rgba(0, 0, 0, 0.36);
 }
 .slick-slider{
    width: 100%;
    position:relative;
    height: 500px;
    overflow: hidden;
    margin: 0px!important;
 }
 .ud_flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    float:left;
 }
 .ud_template_body{
    width: 100%;
    float:left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
 }
 ul.slick-dots {
    position: absolute;
    bottom: 0px;
}
div.ud_col > h2,
div.ud_team > h2,
div.ud_text > h2,
.ud_col > * > h2{
    font-size: 30px!important;
    font-weight: 700!important;
    color: var(--accent);
}
.ud_text,
.ud_team,
.ud_content{
    padding: 20px;
    float: left;
    cursor: pointer!important;
}
.ud_team {
    background-color: var(--accent);
}

div.ud_team > h2 ,.ud_team > p {
    color: white!important;
}
ul.ud_team_list{
    list-style: none;
    padding: 0px!important;
    margin: 0;
}
.ud_person::marker{
    content: none;
}
.ud_team_list > li{
    padding: 0px;
    margin: 0px;
    width: 100%;
    float:left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 16px;
}
.ud_team_name{
    font-weight: 800;
    color: white;
}
.ud_team_img {
    border-radius: 50%;
    background-color: white;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-position: center;
}

ul.ud_team_list {
    float: left;
    /* border: 1px solid red; */
    padding: 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

li.ud_person {}

.ud_team_actions {
    filter: invert(1);
    display: flex;
    gap: 10px;
}

.ud_team_function {
    color: white;
}
.ud_colpd0 > div.ud_col > div.ud_content{
    width: 100%;!;!0;!00;!00%;!00;!0;!;
    height: 100%;
    padding: 0px!important;
    border-radius: 4px!important;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.ud_image {
    width: 100%;
    height: 200px;
    background-color: #f1f1f1;
}



.ud_carroussel_person {
    display: grid;
    grid-template-rows: 130px 1fr;
    grid-template-columns: 1fr;
    border: none;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

.ud_carroussel_person_img {
    background-color: #fafafa;
    /* min-height: 190px; */
    /* background: rgb(240,30,139); */
    /* background: linear-gradient(115deg, rgba(240, 30, 139, 1) 12%, rgba(0, 27, 139, 1) 100%); */
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.ud_carroussel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    grid-gap: 20px;
}

.ud_carroussel_person_info {
    padding: 10px;
    float: left;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ud_carroussel_person_name {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    color: Var(--accent);
}
.ud_carroussel_person_function {
    font-size: 17px;
    text-align: center;
    font-style: italic;
}
.ud_carroussel_person_img_thumb{
    width: 120px;
    height: 120px;
    background-color:white;
    border-radius: 50%;
    border: 5px solid #3c3c3c17;
    -webkit-box-shadow: 0px 0px 59px 0px rgba(255,255,255,0.34);
    -moz-box-shadow: 0px 0px 59px 0px rgba(255,255,255,0.34);
    box-shadow: 0px 0px 59px 0px rgba(255,255,255,0.34);
    background-size: cover!important;
}
.ud_carroussel{
    margin-top: 20px;
}

.ud_img {
    background-color: #fafafa;
    width: 100%;
    padding-bottom: 63%;
    border-radius: 7px;
}
.ud_section_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0px;
    margin: 10px 0px;
}
.ud_col.ud_flex_h{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    float:left;
    gap: 15px;
}
.ud_col > a.ud_btn_outline {
    text-decoration: none;
    color: black!important;
    border-radius: 6px;
    font-weight: 600;
    padding: 10px 16px;
    border: 1px solid grey;
    box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}
.ud_gradient{
    background: rgb(240,30,139);
    background: linear-gradient(115deg, rgba(240, 30, 139, 1) 12%, rgba(0, 27, 139, 1) 100%);
}
.ud_template_body > .ud_section_wrapper:nth-child(1){
    margin-top: 0px!important;
    padding-top: 0px!important;
}
div.ud_gradient > div.ud_section > div.ud_col > *,
div.ud_gradient > div.ud_section > div.ud_col > * > *{
    color:white!important;
}
.ud_slideshow_slide_content,
.ud_slideshow,
.ud_image{
    background-size: cover!important;
    background-position: center!important;

}


.ud_section_wrapper.ud_allow_fullwidth > .ud_section {
    max-width: 100%;
}
.ud_slideshow::after{
    width: 300px;
    height: 300px;
    background-image: url("https://unia2025.ruw-web.nl/wp-content/uploads/2025/01/Unia-header-triangle.webp");
    background-size: contain;
    background-position:center;
    background-repeat: no-repeat;
    content: '';
    position:absolute;
    bottom: 0px;
    right: 0px;
}

.ud_section_wrapper.ud_white {
    background-color: white!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.ud_section_wrapper.ud_white  > div.ud_section > div.ud_col > div.ud_cta > div.ud_cta_text > h2
{
    color: var(--accent)!important;
}
.ud_section_wrapper.ud_white  > div.ud_section > div.ud_col > div.ud_cta > div.ud_cta_text > p
{
    color: black!important;
}
.unia_cta_btn{
    background-color: var(--accent);
    color: white;
    padding: 10px 20px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    text-decoration: none;
    float: left;
}
.ud_cta_text {
    display: flex
;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.ud_carroussel_person_img_thumb{
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat;
    border: 0px;
}


.ud_text > h1,
.ud_text > h2,
.ud_text > h3,
.ud_text > h4,
.ud_text > h5,
.ud_text > h6,
.ud_col,
.ud_col > h1,
.ud_col > h2,
.ud_team > h2,
.ud_cta_text > p
{
    font-family: 'SF Lucar pro bold',Helvetica,Arial,Lucida,sans-serif;
}
.ud_section_wrapper.ud_grey {
    background-color: rgb(244, 244, 244)!important;
}
div.ud_text > *:not(h2),
div.ud_text > * > *:not(h2),
div.ud_text > * > * > *:not(h2),
div.ud_text > ul > li,
div.ud_text > p{
    font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif!important;
    font-size: 15px!important;
    font-weight: 300!important;
    color: black!important;

}
.ud_gradient > .ud_section > .ud_col > .ud_btn_outline{
    background-color: white!important;
    color: black!important;
}

.ud_cta {
    text-align: center;
    cursor:pointer!important;
}

.ud_cta_text > h2 {
    font-size: 30px;
    color: white!important;
}
.ud_carroussel_person_text,
.ud_cta_text > p {
    color: white!important;
    font-size: 16px;
    font-weight: 300!important;
    font-family: "Open Sans", Helvetica, Arial, Lucida, sans-serif!important;  
}
.ud_carroussel_person_img_thumb{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: white;
}
.ud_carroussel_person_text{
    text-align:center!important;
    color: black!important;
}
li.ud_person > div.ud_team_info > div.ud_team_actions{
    margin-top: 5px;
    filter: none;
}
div.ud_carroussel_person_info > div.ud_team_actions{
    margin-top: 5px;
    filter: invert(0);
    justify-content:center;
}
div.ud_carroussel_person_info > div.ud_team_actions > a > svg{
    filter: invert(1)
}

div.ud_carroussel_person_info > div.ud_team_actions > a {
    background-color: #f8f8f8 !important;
    border-radius: 6px;
    padding: 7px;
    display: flex;
    gap: 6px;
}
div.ud_carroussel_person_info > div.ud_team_actions > a > span{
    color: black;
}
div.ud_carroussel_person_info > div.ud_team_actions > a:hover{
    filter: brightness(0.9);
}
@media screen and (max-width: 768px) {
    div.ud_carroussel,
    div.ud_section{
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    div.ud_carroussel > *,
    div.ud_col,
    div.ud_col > *{
        width: 100%;
    }
}
div.ud_text > h2 > strong,
div.ud_text > h2{
    font-size: 30px!important;
    font-weight: 700!important;
    color: var(--accent);
}
.unia_breadcrumbs{
    margin-bottom: -20px!important;
}
.unia_breadcrumbs > * {
    color: var(--primary)!important;
    font-size: 16px!important;
    font-weight: 500!important;
}