/* Style for custom Speakers page */

*, *:before, *:after {
  box-sizing: border-box;
}
body strong {
    font-weight: 500; 
}

#ast-scroll-top.ast-scroll-top-icon {
    background-color: var(--main-theme-color);
}
div#main-wrapper {
    padding: 20px;
}
.speaker-list-section {
	padding: 20px 0 10px 0;
}
.row {
	max-width: 1200px;
	margin: 20px auto;
}
.list-wrapper {
	padding: 0 1.2rem;
}
/* Section titles */

.section-title-wrapper {
	margin: 1.3rem;
	text-align: center;
}
.section-title-wrapper .title-text {
	font-weight: 800;
    font-size: 3.2rem;
    text-transform: capitalize;
}
.section-title-wrapper .separator-parent {	
	line-height: 0;
}
.section-title-wrapper .separator {	
	margin: 1px 0 10px 0;
	border-top: 2px solid var(--main-theme-color);
    width: 10%;
    display: inline-block;
}
.section-title-wrapper .desc {
	margin: 0;
	padding: 0.6em;
	line-height: 1.5;
}
.section-title-wrapper .desc p {
	margin-bottom: 1.4rem;	
}

/* Manual List Content */

.manual-list-content {
}
.speakers-wrap {
    display: grid;
	grid-template-columns: repeat(auto-fit, min(370px, 100%));
	justify-content: center;
    gap: 20px;
}
.speakers-wrap.col-3 {
	grid-template-columns: repeat(auto-fit, min(370px, 100%));
}
.speakers-wrap.col-4 {
	grid-template-columns: repeat(auto-fit, min(270px, 100%));
}
.speaker-card{
	display: flex;
    flex-direction: column;
	border-radius: var(--global-card-border-radius);
	overflow: hidden;
    transition: transform 0.15s ease-in;
    box-shadow: 3px 3px 10px -1px rgb(0 0 0 / 0.27);
    -webkit-box-shadow: 3px 3px 10px -1px rgb(0 0 0 / 27%);
    -moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.27); 
}
.speaker-card:hover{
    transform: scale(1.016);
}
.speaker-card .image-content img {
	transition: filter 0.15s ease-in;
}
.speaker-card:hover .image-content img{
	-webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
}
.speakers-wrap .speaker-card .speaker-content {
	display: flex;
    flex-direction: column;
    height: 100%;
	
	padding: 1rem;
	text-align: center;
	overflow: hidden;
}
.speakers-wrap .speaker-card .speaker-content .name,
.speakers-wrap .speaker-card .speaker-content .title,
.speakers-wrap .speaker-card .speaker-content .company {
	overflow: hidden;
}
.speakers-wrap .speaker-card .speaker-content .company {
	margin-top: auto;
}
.speakers-wrap .speaker-card .speaker-content .name-text{
	margin-top: 0.8em;
    margin-bottom: 4px;
	font-family: 'Lato',sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    line-height: 1.1;
    text-transform: uppercase;   
	letter-spacing: 0.7px;
}
.speakers-wrap.col-4 .speaker-card .speaker-content .name-text{
    font-size: 0.95rem;  
}
.speakers-wrap .speaker-card .speaker-content .title-text {
	font-size: 1rem;
    line-height: 1.3;
    margin-top: 2px;
    margin-bottom: 5px;
}
.speakers-wrap.col-4 .speaker-card .speaker-content .title-text {
	font-size: 0.82rem;
}
.speakers-wrap .speaker-card .speaker-content .company-text {
	font-weight: 800;
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
	letter-spacing: 0.5px;
    margin-top: 3px;
    margin-bottom: 10px;
}
.speakers-wrap.col-4 .speaker-card .speaker-content .company-text {
    font-size: 0.82rem;
}
.speakers-wrap .separator-parent {	
	line-height: 0;
}
.speakers-wrap .separator {	
	margin: 1px 0 10px 0;
	border-top: 2px solid var(--main-theme-color);
    width: 12%;
    display: inline-block;
}
.row-separator-parent {
	padding: 1px;
	margin: 30px 20px 0 20px;

}
.row-separator-parent .separator {
	border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #eaeaea;
    max-width: 100%;
	margin: 20px 0;
}

@media only screen and (max-width: 768px) { 
	.row {
		margin: 20px auto 5px auto;
	}
	.speakers-wrap {
/* 		grid-template-columns: repeat(auto-fit, 360px); */
	}
    .speakers-wrap .speaker-card{
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
    }
    .speakers-wrap .manual-speakers-wrap {
        width: 100%;
    }
	.section-title-wrapper {
		margin: 0.7rem;
	}
	.section-title-wrapper .title-text{
		font-size: 2.8rem;
	}
}

/*
 *  Search & Filter
 */
.filter-container {
	margin: 8px 0;
}
.searchandfilter select {
    background-position: calc( 100% - 10px ) 50%;
    background-image: none;
    -webkit-appearance: auto;
    appearance: auto;
}
.filter-container #search-filter-form-11879 > ul{
	display:flex;
	flex-direction:row; 
	justify-content: flex-end; 
	flex-wrap:wrap;
	width:100%;
	margin-left:0;
	margin-bottom: 0.7rem;
}
.filter-container #search-filter-form-11879 ul li{
	margin: 2px 10px 10px;
	max-width:100%;
	padding: 0;
}


/* SEARCH FIELD */

.searchandfilter .sf-field-search INPUT{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 4px;
    border: 1px solid #999;
}
.searchandfilter .sf-field-search INPUT:focus-visible {
	outline: #4a4a4a auto 1px;
}
.sf-field-search .sf-input-text{
    background-color: #FFFFFF;
    padding: 0.15em 1.8em 0.15em 0.5em;
    height: 30px;
	width: 12rem;
	font-size: 16px;
}

/* This is styling the search placeholder text*/ 
.searchandfilter INPUT.sf-input-text::placeholder
{
    color: #999;
}

/* This is adding the magnifying glass to the search box*/ 
.searchandfilter .sf-field-search::after {
    content: "\f002";
    font-family: fontawesome;
    color: #030506;
    font-size: 14px;
    z-index: 10;
    position: relative;
    left: -28px;
    top: 0px;
}

/* SPEAKER SORT ORDER */

#search-filter-form-11879 .sf-field-sort_order select.sf-input-select {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius: 4px;
    border: 1px solid #999;
}
#search-filter-form-11879 .sf-field-sort_order select.sf-input-select:focus-visible {
	outline: #4a4a4a auto 1px;
}
#search-filter-form-11879 .sf-field-sort_order select {
    padding: 0.15em 1.8em 0.15em 0.5em;
    background-color: #fff;
    height: auto;
	height: 30px;
    font-size: 16px;
}
@media only screen and (max-width: 768px) { 
	div#main-wrapper {
		padding: 10px 5px;
	}
    .searchandfilter .sf-field-search INPUT {
        max-width: 160px;
    }
    
}