/* Block admin notices*/

[data-id="clone_resolution_options_notice"], .fs-slug-global_clone_resolution_notices,
.fs-notice[data-id^=clone_resolution_options_notice] {
	display:none !important;
}

/* Styles for speaker block section on LID, front and back end*/

.home-speaker-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 3rem;
    margin-top:3rem;
}

.home-speaker-wrapper {
    display:flex;
    justify-content:flex-end;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center 20%;
    height:400px;
}
.home-speaker-wrapper > img {
    flex:0 1 50%;
    width:50%;
    height:100%;
    object-fit:cover;
    border-radius:5px 0 0 5px;
}
.home-speaker-details {
    height:100%;
    flex:0 1 50%;
    width:50%;
    background:var(--base-3);
    border-radius:0 5px 5px 0;
}
.home-speaker-details * {
    margin:0;
}
.home-speaker-details h3 {
    font-size:1rem;
    color:var(--accent);
    padding: 2rem 0 0 2rem;
}
.home-speaker-details h4 {
    font-size:1.1rem;
    font-weight:200;
    padding: .2rem 0 4rem 2rem;
}

/*Edit*/
.home-speaker-wrapper {
    overflow:hidden;
}
.home-speaker-details {
    position:relative;
}
.speaker-bio-link-home {
    margin-left:0 !important;
    right:unset !important;
    left:20px;
}




/*BRAND LOGOS*/

.brand-wrapper {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
}
.brand-wrapper .brand-logo {
 flex: .5 1 20%;
 margin:25px;
}


/*Container gets a background
and inherits a max width from elsewhere. */
.brand-logo {
    width:80%;
}

/*Image is wrapped inside a link which is
aligned to center. */
.brand-logo a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/*Set image to block display and set its width only
for a more-controlled padding. */
.brand-logo img {
    display: block;
    max-width: 100%;
    width: 320px;
}
/*If supported we can contain it and add a height
to fix any long and think logos. */
@supports (object-fit:contain) {
    .brand-logo img {
        height: 7rem;
        object-fit: contain;
    }
}
/*Kill any white bgr on jpegs. */
.brand-logo img[src$=".jpg"],
.brand-logo img[src$=".png"] {
    mix-blend-mode: multiply;
}

/*Home speaker list only*/
.home-speaker-wrap .brand-logo a {
	justify-content:flex-start;
	margin-left:1.5rem;
}

/*Speaker bio links*/
.home-speaker-wrapper{
	position:relative;
}
a.speaker-bio-link-home {
	position:absolute;
	bottom:30px;
	right:30px;
	margin-top:30px;
	max-height:30px;
}
.speaker-bio-link-home span svg {
	position:relative;
	width:20px;
	color:var(--accent);
	top:3px;
	left:6px;
}

.home-speaker-wrapper > a {
	width:50%;
    max-height: 100%;
    overflow: hidden;
}
.home-speaker-wrapper > a img {
	min-height: 100%;
    width: 100%;
    object-fit: cover;
}
.speaker-bio-link-home {
	background:var(--accent);
	padding:12px;
	border-radius:3px;
	color:white !important;
}
.speaker-bio-link-home  * {
	color:white !important;
}




/*Mobile*/


@media screen and (max-width: 850px) {
    /*globals*/
    .gbp-section {
        margin: 1.5rem .5rem;
    }
    .site-footer .gbp-section {
        margin:0;
    }
    /*Home speakers*/
    .home-speaker-wrap {
        grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
        gap: 3rem;
        margin-top: 3rem;
    }
    
    .home-speaker-wrapper {
        flex-direction:column;
        height:unset;
        justify-content: flex-start;
        align-items:flex-start;
		margin-bottom:20px;
        
    }
	.home-speaker-wrapper > a:first-of-type {
		width:100%;
	}
	a.speaker-bio-link-home {
		position:absolute;
		bottom:-35px;
		width:100%;
		left:0;
	}
     .home-speaker-wrapper > img,
     .home-speaker-wrapper > .home-speaker-details {
         flex:0 1 100%;
         width:100%;
         height:unset;
         text-align:center;
     }
	.home-speaker-wrapper > .home-speaker-details h3 {
		padding:1rem !important;
	}
	.home-speaker-wrapper > .home-speaker-details h4 {
        padding: 0 0 1rem 0 !important;
    }
	
	.home-speaker-wrap .brand-logo a {
		margin-left:unset;
	}
	a.speaker-bio-link-home {
		max-height:50px;
		height:50px;
	}
	.home-speaker-wrapper > a {
		height:130%;
		max-height:130%;
	}
    .home-speaker-wrapper .brand-logo {
        width:60%;
        margin:0 auto;
    }

    /*logo sections*/
    .brand-wrapper .brand-logo {
        flex:0 1 40%;
        margin:10px;
    }
    .brand-wrapper .brand-logo img {
        width:300px;
    }

    /*Footer*/
    .site-footer nav,
    .site-footer nav ul {
        align-items:center;
    }

    .nav-register.gbp-button--primary {
        justify-content: unset;
        padding:0;
    }
    .nav-register.gbp-button--primary a {
        background:var(--accent-2);
        margin-left:1.5rem;
        border-radius:2px;
    }
    .site-footer .gb-block-image {
        text-align:center;
    }
    .site-footer .gb-block-image img {
        max-width:75%;
    }
    
}