/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* events */
#events{}

	#events .top{
		padding: 5px;
		margin: -30px -30px 30px;
		font-size: var(--fontSize90);
		background: var(--softBgColor);
		border-bottom: 1px solid var(--softBorderColor);
	}

		#events .top .loader{
			text-align: center;
		}

		#events .top .left img{
			width: 16px;
		}

	#events .reservations{
		padding: 60px 20px;
		text-align: center;
		background: var(--softBgColor);
		border: 1px solid var(--softBorderColor);

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-m-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;

		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	}

		#events .reservations .total{
			color: var(--redColor);
			font-size: var(--fontSize140);
		}
	
	/* buttons */
	#events .buttons{
		margin: 2% 0 0;
		padding: 2% 0 0;
		border-top: 1px dashed var(--softBorderColor);
	}
	
		#events .buttons .btn{
			float: right;
			padding: 8px 12px;
			margin: 0 5px 0 0;
		}
		
@media screen and (max-width: 1380px){
	#events .top{
		margin: -20px -20px 20px;
	}
}