/*Global Slider styles*/

    /*Primary */
    #profile-slider {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* align-items: center; */
        margin: 0 auto;
        flex-wrap: nowrap;
        background-color: #eaeef2; /* Dark gray background for WHOLE element to make sure left/right buttons have bgcolor. */
        border: 1px solid #333;
    }

    #profile-slider .inst-links {
        display: none;
    }

    /**button styles**/
    #profile-slider button.right, #profile-slider button.left {
        display: block;
        width: 100%;
        height: 99%;
        cursor: pointer;
        font-size: xx-large;
        color: #0f1732;
        text-decoration: none;
        padding:0.5em;
        background-color: #eaeef2;
        border:0;
    }
    /*main slide color*/
    .profile-slide {
        background-color: #0f1732; /* blue background */
        color: #fefeff; /* white text */
        width: 100%;
        padding: 1em 2em; /* Padding around the content */
    }
    .profile-slide a {
        color: #fefeff; /* white text */
    }
    
    .profile-slide figure a {
        padding-left: 20px;
    }
    /*main slide text color*/
    .profile-slide h5 {
        padding-left: 20px;
        color: #fefeff; /* white text */
    }
    /* remove default margin from image */
    .profile .wp-block-image {
        margin-bottom: 0;
    }
    /* remove default margin from paragraph */
    #profile-slider p{
        margin-left: 17px;
    }
    /* remove default margin from column */
    #profile-slider .wp-block-column {
        margin-bottom: 0;
    }
    

    

    
/*End Global Styles*/



/*Desktop (min-width: 768px)*/
@media (min-width: 768px) {
    #profile-slider .profile{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    #profile-slider .info{
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }    

    .inst-container {
        width: 40%;
    }

    /* full width (.entry-content-inner >) */
    .entry-content-inner > #profile-slider .profile {
        position: relative;
    }
    .entry-content-inner > #profile-slider figcaption {
        width:150px;
        min-height: 70px;
    }
    .entry-content-inner > #profile-slider img.cymraeg {    
        position: absolute;
        top:0;
        left: 155px; /* Remove margin to the left of the image */
    }

    .entry-content-inner > #profile-slider  h5 {
        align-self: center;
        padding-left: 53px;
        padding-bottom: 40px;;
    }

    .entry-content-inner > #profile-slider .inst-links {
        display: initial;
        align-self: center;

    }

    .entry-content-inner > #profile-slider .inst-logo {
        min-width: 20%;
        margin-left: 45px;
    }

    .entry-content-inner > #profile-slider .pathway p {
        margin-left:-29px;
    }

    /* end full width */






    /* within column (.wp-block-column >) */
    .wp-block-column >#profile-slider .wp-block-image {
        width: 100%;
    }
    .wp-block-column > #profile-slider img.cymraeg {      
        position: relative;
        top:0;
        left: -10px; /* Remove margin to the left of the image */
    }
    .wp-block-column > #profile-slider p:first-of-type {
        margin-bottom:0;
        margin-top:-7px;
    }
    .wp-block-column > #profile-slider p {
        margin-bottom: 0;
        margin-top: 0;
    }
    .wp-block-column > #profile-slider figure.pic-container, .wp-block-column > #profile-slider .wp-block-image {
        width: 127px;
    }
    .wp-block-column > #profile-slider  h5 {
        width: 100%;
    }
    /* end within column */

}



/*End Desktop*/



/*Mobile */
@media (max-width: 767px) {
    .profile {
        position:relative;
    }
    .cymraeg {
        position: absolute;
        top: 0;
        right: -20px;
    }
    .inst-logo {
        margin-left:30px;
    }
    div.pathway {
        display: none;
    }
    .profile-slide figure a {
        padding-left: 0;
    }
}


/*End Mobile*/