@charset "utf-8";
/* Custom Font - NOT GOOGLE*/
/*
@font-face {
    font-family: 'Audimat';
    src: url('fonts/audimat-regular.otf');
}
@font-face {
    font-family: 'Audimat';
    src: url('fonts/audimat-bold.otf');
    font-weight: bold;
}
*/
/*
	Custom Google Font
*/
@import url('https://fonts.googleapis.com/css?family=Droid+Serif');
@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i,900,900i');
.ui_contentTitleFont{
	/*
		Description:
			- The below styles are used to style the titles for the main content area. These are
			title such as the title insert and titles that appear on ACL pages like the shop. For the
			shop this would set the style for the main product titles.
	*/
	font-family: 'Droid Serif', serif;
	line-height: 32px;
}
.ui_contentFont{
	/*
		Description:
			- The below styles are used to style the main content area of a beuie
			where all the inserts and text are placed.
	*/
	font-family: 'Lato', sans-serif;
	font-size: 15px!important;
	color: #898989;
}
	@media only screen and (max-device-width: 500px){
		/*
			Description:
			 - This is  used to increase the font size of the main content area so that it can be
			 easily read on a mobile device. This may need to be adjusted depending on the
			 font used for the main content area.
		*/
		.ui_contentFont{
	    	font-size: 26px!important;
	    }
	    .ui_contentTitleFont{
		    line-height: 50px;
		}
	}
.ui_mainFont{
		/*
		Description:
			- The below styles are used to style the main UI for the mobile layout and other
			such layouts. This allows the mobile menu and ui to have its own unique look
			if the design of the beuie needs it.
	*/
	font-family: 'Lato', sans-serif;
}