/* 
 Theme Name:   MEF
 Theme URI:    
 Description:  
 Author:       Tribes
 Author URI:   
 Template:     salient
 Version:      1.0.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/



.fas{
	font-family:'FontAwesome';
}

.d-flex{
	display: flex;
}
.flex-j-center{
	justify-content:center;
}
.flex-i-center{
	align-items:center;
}
.flex-j-between{
	justify-content:space-between;
}
.flex-j-end{
	justify-content:flex-end;
}
.flex-gap-20{
	gap:20px;
}
.flex-gap-10{
	gap:10px;
}
.flex-gap-5{
	gap:5px;
}
.flex-row{
	flex-direction:row;
}
.flex-wrap{
	flex-wrap: wrap;
}
.d-grid-3{
	display: grid;
    grid-template-columns: repeat(3,1fr);
}
.pa-0{
	padding:0;
}
.pa-5{
	padding:5px;
}
.pa-10{
	padding:10px;
}
.ma-10{
	margin:10px;
}
.ma-rl-10{
	margin-right:10px;
	margin-left:10px;
}
.ma-tb-10{
	margin-top:10px;
	margin-bottom:10px;
}
.ma-tb-20{
	margin-top:20px;
	margin-bottom:19px;
}
.pa-t-20{
	padding-top:20px
}
.pa-b-20{
	padding-bottom:20px
}
.pa-16{
	padding:16px!important;
}
.text-up{
	text-transform:uppercase;
}
.border-light{
	border:1px solid lightgrey;
}
.white-font{
	color:white;
}
.black-font{
	color:black;
}
.st-font{
	font-family:var(--e-global-typography-primary-font-family);
}
.font-600{
	font-weight:600;
}
.font-16{
	font-size:16px;
}
.font-14{
	font-size:14px;
}
.buttoned-blue{
	background-color:var(--e-global-color-primary);
	color:white;
}
.buttoned-white{
	background-color:white;
}
body .radius-5{
	border-radius:5px!important;
}
.grid-img{
	height:190px!important;
	object-fit:cover;
	width:100%;
}

.text-center{
	text-align:center;
}
.width-100{
	width:100%;
}
body .height-min{
	height:min-content;
}
.top-separator{
	border-top: 1px solid #DADADA;
	padding-top:20px;
}

.bottom-separator{
	border-bottom: 1px solid #DADADA;
	padding-bottom:20px;
}
.h2-default{
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
	font-size:24px;
}
.box-shadow{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
}
.box-shadow:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
}
.pagination-buttons a{
	border: 1px solid black;
	padding:8px;
	color:black;
}
.overflow-hidden{
	overflow:hidden;
}
.flex-column{
	flex-direction:column;
}
#sponsors .carousel-logo-img{
	width: 150px;
    height: 75px;
    object-fit: contain;
}


/* tables */ 
table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  border: 1px solid #ddd;
}

th, td {
  text-align: center!important;
  padding: 8px!important;
}

th {
  background-color: #f2f2f2;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f2f2f2;
}

tr:hover {
  background-color: #e0e0e0;
}

thead th {
  background-color: #333;
  color: #fff;
}

td:first-child, th:first-child {
  width: 20%;
}

td:nth-child(2), th:nth-child(2) {
  width: 20%;
}

td:nth-child(3), th:nth-child(3) {
  text-align: center;
}

table {
  border: 1px solid #333;
}


/* Events */ 
.mef-event-wrapper > a > img{
	height:190px;
	object-fit:cover;
}
#mef-events-loading-message {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999;
  font-size: 24px;
}
.atcb-initialized, .atcb-button {
	width:100%!important	
}
.event-sticky-sidebar:nth-child(2) add-to-calendar{
	display:none;
}
/* Event Sponsors Logos */
.event-sponsors-wrapper{
	row-gap:15px;
	column-gap:45px;
}
.event-sponsor-logo-small{
	width:100px;
}
.event-sponsor-logo-medium{
	width:300px;
}
.event-sponsor-logo-large{
	width:400px;
}
/* temp */
.elementor-template-full-width #footer-outer {
	position:static!important;
	z-index:500!important;
}
.elementor-template-full-width #ajax-content-wrap > .um-clear{
	display:none;
}
#fix-um-e-popup .um{
	opacity:1!important;
}
@media(max-width:680px){
	#table_1_wrapper{
		overflow-x:scroll!important;
		padding:5px;
	}
}

@media(max-width:680px){
	.mb-d-grid-1{
		grid-template-columns:100%!important;
	}
	.mb-flex-wrap{
		flex-wrap: wrap;
	}
	.mb-flex-gap-10{
		gap:10px!important;
	}
	.mb-flex-j-center{
		justify-content:center!important;
	}
	#mef-events-actions{
		flex-direction: column-reverse;
		gap: 0;
	}
}