/**
Theme Name: The Mahjong Mingle
Author: David Mascarina
Author URI: https://www.dgm7.com/
Description: Theme for The Mahjong Mingle site
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-mahjong-mingle
Template: astra
*/

/* BOOKING */

button.el-button {border-radius: 50px !important;}

svg.bpa-head__vector{display: none;}

/*table.ffp_table {color: #ffffff !important;}*/

div.bpgc-front-gift-card-filter {display: none;}

.bpgc-frontend-main-inner_container {border: 1px #ffffff solid !important;}

.bpgc-gift-card-service-dur {display: none !important;}

div.bpgc-front-gift-card-detail span {
	font-family: Lato, sans-serif;
}

.bpgc-gift-card-services-list {display: none;}

/* EVENTS */

ul.mc-event-list {
	margin: 0px;
	list-style-type: none;
	padding: 0px;
}
ul.mc-event-list h3{
	margin: 0px;
}
ul.mc-event-list .wp-block-button {
	margin-top: 1em;
}
ul.mc-event-list h3 a:link{
	text-decoration: none;
}
ul.mc-event-list li {
	list-style-type: none;
	margin: 1em 0px;
	padding: 4em;
	background: #DCEFFE;
	width: 100%;
	float: left;
	border-radius: 10px;
}

ul.mc-event-list li span.datebox {
	color: #fff;
	font-weight: bold;
	font-size: 35px;
	line-height: 1.1em;
	background: #14366A;
	width: 140px;
	height: 180px;
	float: left;
	padding: 20px;
	margin: 0em 1em 1em 0em;
	display: flex;
  align-items: center; 
	text-align: center;
	border-radius: 10px
}
ul.mc-event-list li div.infobox {
	float: left;
	width: 50%;
	margin: 0em 0em 1em 0em;
	
}
ul.mc-event-list li div.photobox {
	width: 345px;
	height: 345px;
  background: #14366A;
  overflow: hidden;       
  display: inline-block;
	border: 1px solid #14366A;
			border-radius: 10px;
	margin-left: 1em;

}

ul.mc-event-list li div.photobox img {
	width: 100%;
  height: 100%;
  object-fit: cover; 
  object-position: center;
  display: block;

}

div.sub-details {
	padding: 50px;
	background-color: #DCEFFE;
	border-radius: 10px;
}

.date-time-block {float: left; padding-right:100px; padding-bottom: 100px;}

.ff-btn-submit {border-radius: 100px !important;}

div.astra-advanced-hook-3392 p {line-height: 1.6em; font-size: 13px;
}

div.astra-advanced-hook-3392 a {text-decoration: underline;
}


@media only screen and (max-width: 600px) {
  ul.mc-event-list li div.photobox {
	width: 200px;
	height: 200px;
			border-radius: 10px;
	  margin-left: 0em;

}
	ul.mc-event-list li div.infobox {
	width: 100%;
}
	.date-time-block {float: none; padding-right:0px; padding-bottom: 0px}
	
	div.sub-details {
	padding: 25px;
	background-color: #DCEFFE;
	border-radius: 10px;
}
}