﻿@import url('https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,300,700,500,100');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,500,100');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');


html {  
  overflow-y:scroll;
  overflow-x:hidden;  
}

a.mlLink
{
	color: #000 !important;
	font-size: 18px;
}

body, div, span, table, tr, td
{
	font-family: Lato, Sans-Serif, Arial;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, 
.col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, 
.col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, 
.col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.quote 
{
    line-height: 1.5;        
    letter-spacing: 1.2px;   
    font-family: "Roboto Condensed";
    font-size: 1.25em;
    
}

.quoter
{
    font-weight: 600;    
 }

.quoteheader
{
    letter-spacing: 2px;
    font-weight: 800;
    
}

.message
{
  color: #DD4C4F;
}

.bannerImage { border-radius: 10px; margin-bottom:10px;}

/* Banner Sizes */

.BannerColor
{
	background-color: #fff;
}

.bannerIcon
{
	font-size: 96px;
	padding: 45px 35px 35px 35px;
	text-shadow: -1px 2px 5px rgb(0 0 0 / 40%);
	text-align: center;
	color: #fff;
}

.bannerH1
{
	font-size: 60px;
	font-family: 'Barlow Condensed';
	text-shadow: -1px 2px 4px rgb(0 0 0 / 40%);
	font-weight: 800;
	letter-spacing: 4px;
	text-transform: uppercase;
	padding: 15px 25px 15px 25px;
	text-align: center;
	color: #fff;
}

.bannerH2
{
	font-size: 25px;
	padding: 15px 0px 10px 0px;
	text-shadow: -1px 1px 2px rgb(0 0 0 / 40%);
	text-align: center;
	color: #fff;	
}

.bannerH3
{	
	letter-spacing: 1.2px;
    font-family: Raleway;
    font-weight: 400;    
	font-size: 16px;
	text-transform:  lowercase;
	padding: 0px 25px 10px 25px;
	text-align: center;
	color: #fff;
}

input, button, select, textarea
{
	font-family: inherit;
	font-size: inherit;
	line-height: 1.5;
	padding: 2px;
	margin: 4px !important;
}

.ControlPanel, .PagingTable
{
	display: block;
	width: 100%;
	background-color: #FFFFFF;
	border-right: #003366 1px solid;
	border-top: #003366 1px solid;
	border-left: #003366 1px solid;
	border-bottom: #003366 1px solid;
}

.form-control {
    display: inline-block !important;
 }

.SkinObjectOld
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #003366;
	text-decoration: none;
}

.outline {
  outline: 2px solid DarkOrchid;
  outline-offset: 2px;
}

A:link, A:visited, A:hover, A:active
{
	text-decoration: none;
	color: #003366;
}

a.Social:link, a.Social:active, a.Social:visited
{
	color: #ffffff;
	padding: 0px;
	font-size: 1em;
}

a.SocialLg:link, a.SocialLg:active, a.SocialLg:visited
{
	color: #ffffff;
	font-size: 1.5em;
}

a.SocialLg:hover
{
	color: #626262;
	text-decoration: none;
}

a.button:link, a.button:active, a.button:visited, a.button:hover
{
	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
}

a.buttonRev:link, a.buttonRev:active, a.buttonRev:visited, a.buttonRev:hover
{
	color: #ffffff;
	font-size: 1.1em;
	text-decoration: none;
}

A.DirectoryButton:link
{
	text-decoration: none;
	color: #626262;
}

A.DirectoryButton:visited
{
	text-decoration: none;
	color: #626262;
}

A.DirectoryButton:hover
{
	text-decoration: none;
	color: #555;
}

A.DirectoryButton:active
{
	text-decoration: none;
	color: #626262;
}

A.TreeMenu_Node:link, A.TreeMenu_NodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:visited, A.TreeMenu_NodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.TreeMenu_Node:hover, A.TreeMenu_NodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.TreeMenu_Node:active, A.TreeMenu_NodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited
{
	text-decoration: none;
	color: #003366;
}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover
{
	text-decoration: none;
	color: #ff0000;
}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active
{
	text-decoration: none;
	color: #003366;
}

A.keyword:link
{
	text-decoration: none;
	color: #555555;
}

A.keyword:visited
{
	text-decoration: none;
	color: #555555;
}

A.keyword:hover
{
	text-decoration: none;
	color: #555555;
}

A.keyword:active
{
	text-decoration: none;
	color: #555555;
}

A.OtherTabs:link
{
	text-decoration: none;
	color: white;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: none;
	color: #cccccc;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}


/* Formattting */

.Center
{
	text-align: center;
}

.Left
{
	text-align: left;
}

.Right
{
	text-align: right;
}


.litePadding
{
	padding: 5px;
}

.medPadding
{
	padding: 10px;
}

.heavyPadding
{
	padding: 15px;
}

.new
{
	font-family: Oswald;
	font-weight: 600;
	font-size: 16px;
	color: #555555;
}

.thinLine
{
	width: 90%;
	height: 2px;
	border-bottom: 1px solid #dedede;
}

.thinLineCoupon
{
	width: 90%;
	height: 2px;
	border-bottom: 1px solid;
}


/* default arrow right */
.arrow-right
{
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	display: inline-block;
	padding-right: 12px;
	border-left: 10px solid #555;
}

/* font-awesome category search */
.category-icon{
    display:inline-block;
    font-size: 120px !important;    
    background-color:#fff;
    color:#626262;           
    vertical-align: bottom;    
    padding:15px;
}

/* block quote in the services module */
blockquote:not(.pull-quote)
{
	border-left: 8px solid #ddd;
	padding: 0 0 0 calc(1em + .5vw);
	font-size: 1em;
	color: #555;
	margin: calc(.5em + .25vw) 2vw calc(.5em + .25vw) 0;
	min-height: 60px;
}

.calendarDay
{
	font-size: 2em;
	line-height: 30px;
	font-weight: 600;
	color: #DD4C4F;
}

.calendarMth
{
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 400;
}

/* styles for LANGUAGE skinobject */

.Language
{
	vertical-align: middle;
	margin: 0px;
}

.Language img
{
	border: none;
}

p, P
{
	padding: 0px;
	margin: 0px 15px 15px 15px !important;		
	color: #555;	
}

.Logo
{
	padding-top: 10px;
	max-width: 250px;
	max-height: 190px;
	padding-bottom: 10px;
}

.dynLogo
{
	max-height: 155px;
	max-width: 325px;
}

.couponLogo
{
	max-height: 115px;
	max-width: 225px;
}

.sponsorLogo
{
	max-height: 75px;
	max-width: 155px;
}


/* style for module titles */
.Head
{
	font-size: 20px;
	font-weight: normal;
	color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-size: 11px;
	font-weight: bold;
	color: black;
}

.dirHeader
{
	color: #ffffff;
	font-weight: 300;
	font-family: Roboto, Sans-Serif;
	font-size: 1.3em;
	padding-left: 2px;
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-size: 13px;
	font-weight: normal;
}

/* text style used for rendered text which should appear disabled */
.NormalDisabled
{
	color: Silver;
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-size: 11px;
	font-weight: bold;
}

/* text style used for error messages */
.NormalRed
{
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-size: 12px;
	font-weight: normal;
}

/* style to apply if the content should be hidden */
.Hidden
{
	display: none;
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	background-color: White;
	color: Red;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_Container
{
	background-color: Transparent;
}
.DataGrid_Footer
{
	background-color: White;
}
.DataGrid_Header
{
	background-color: Transparent;
	color: Black;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.DataGrid_Item
{
	background-color: Transparent;
	color: Black;
	font-size: 10px;
	font-weight: normal;
}
.DataGrid_SelectedItem
{
	background-color: Silver;
	color: Blue;
	font-size: 10px;
	font-weight: normal;
}

/* styles used by TreeMenu Skin Object */

.TreeMenu_Node
{
	font-size: 12px;
	font-weight: normal;
}

.TreeMenu_NodeSelected
{
	font-size: 12px;
	font-weight: normal;
	background-color: #dcdcdc;
}



/* styles used in the FileManager */

.FileManager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
}
.FileManager_ToolBar
{
	border-bottom: black 1px solid;
	height: 25px;
}
.FileManager_Explorer
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
}

.FileManager_FileList
{
	height: 100%;
	border: #696969 1px solid;
	background-color: White;
	margin: 2px 2px 2px 2px;
	overflow: auto;
}

.FileManager_MessageBox
{
	text-align: center;
	vertical-align: middle;
	background-color: White;
	padding: 25px 25px 25px 25px;
}

.FileManager_Header
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #E7E7FF;
	background-color: #9EBFF6;
	border-bottom: #696969 1px solid;
	height: 25px;
}

.FileManager_Pager
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	background-color: #EEEEEE;
	border-top: #696969 1px solid;
	height: 25px;
}

.FileManager_StatusBar
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dedfde;
	height: 25px;
	margin: 2px 2px 2px 2px;
}

.FileManager_Item
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #F8F8F8;
	border-top: black 1px dashed;
	border-bottom: black 1px dashed;
}

.FileManager_AltItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #EEEEEE;
	border-style: none;
}
.FileManager_SelItem
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: White;
	background-color: #99ffff;
	border-style: none;
}

.FileManagerTreeNode
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

.FileManagerTreeNodeSelected
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	background-color: #dcdcdc;
}


/* styles used in the Wizard Framework */
.Wizard
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	height: 400px;
	width: 650px;
}
.WizardButton
{
	border-right: #696969 1px solid;
	padding-right: 2px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	padding-bottom: 2px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	background-color: #dcdcdc;
}
.WizardHeader
{
	background: #ffffcc;
	border-bottom: black 1px solid;
	height: 40px;
}
.WizardFooter
{
	border-top: black 1px solid;
	background: #ccffcc;
	height: 25px;
	text-align: right;
}
.WizardBody
{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 325px;
}
.WizardHelp
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 9pt;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 180px;
	padding-top: 5px;
	background-color: #ccffff;
}
.WizardHelpText
{
	overflow: auto;
	font-size: 8pt;
	width: 180px;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	height: 300px;
}
.WizardText
{
	font-size: 9pt;
	color: black;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Helvetica;
	background-color: #ffff99;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
}

/* button style for standard HTML buttons */
.StandardButton
{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	background: #dddddd;
	color: #000000;
	font-family: Tahoma, Verdana, sans-serif;
}

.c-button
{
	appearance: none;
	border: 0;
	border-radius: 5px;
	background: #0A6874;
	color: #fff !important;
	padding: 8px 16px;
	font-size: 16px;
}

.c-button:hover
{
	background: #074852;
}

.c-button:focus
{
	outline: none;
	box-shadow: 0 0 0 4px #cbd6ee;
}

.c-button
{
	min-width: 100px;
}


.g-button
{
	appearance: none;
	border: 0;
	border-radius: 5px;
	background: var(--secondarycolor);
	color: #fff !important;
	padding: 4px 16px;
	font-size: 16px;
}

.g-button:hover
{
	background: var(--primarycolor);
}

.g-button:focus
{
	outline: none;
	box-shadow: 0 0 0 4px #cbd6ee;
}

.g-button
{
	min-width: 100px;
}


.gl-button
{
	appearance: none;
	border: 0;
	border-radius: 5px;
	background: #DD4C4F;
	color: #fff !important;
	padding: 6px 16px;
	font-size: 16px;
	margin: -6px;
}

.gl-button:focus
{
	outline: none;
	box-shadow: 0 0 0 4px #cbd6ee;
}

.gl-button
{
	width: 110px;
}




/* GENERIC */
H1
{
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H4
{
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H5, DT
{
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

H6
{
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

TFOOT, THEAD
{
	font-size: 12px;
	color: #003366;
}

TH
{
	vertical-align: baseline;
	font-size: 12px;
	font-weight: bold;
	color: #003366;
}




SMALL
{
	font-size: 11px;
}

BIG
{
	font-size: 14px;
}

UL
{
	list-style-position: inherit;
}

UL LI
{
	list-style-type: square;
}

ul li
{
	list-style-type: square;
}


UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}
OL UL LI
{
	list-style-type: disc;
}

HR
{
	color: #696969;
	height: 1pt;
	text-align: left;
}

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
	border-bottom: blue 0px solid;
	border-left: blue 0px solid;
	border-top: blue 0px solid;
	border-right: blue 0px solid;
}

.ModuleTitle_MenuBar
{
	cursor: pointer;
	height: 16px;
	background-color: Transparent;
}

.ModuleTitle_MenuItem
{
	cursor: pointer;
	color: black;
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	border-left: white 0px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon
{
	cursor: pointer;
	background-color: #EEEEEE;
	border-left: #EEEEEE 1px solid;
	border-bottom: #EEEEEE 1px solid;
	border-top: #EEEEEE 1px solid;
	text-align: center;
	width: 15px;
	height: 21px;
}

.ModuleTitle_SubMenu
{
	z-index: 1000;
	cursor: pointer;
	background-color: #FFFFFF;
	border-bottom: #FFFFFF 0px solid;
	border-left: #FFFFFF 0px solid;
	border-top: #FFFFFF 0px solid;
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak
{
	border-bottom: #EEEEEE 1px solid;
	border-left: #EEEEEE 0px solid;
	border-top: #EEEEEE 1px solid;
	border-right: #EEEEEE 0px solid;
	background-color: #EEEEEE;
	height: 1px;
}

.ModuleTitle_MenuItemSel
{
	cursor: pointer;
	color: black;
	font-family: Lato, Tahoma, Arial, Helvetica;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
	border-right: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow
{
	font-family: webdings;
	font-size: 10pt;
	cursor: pointer;
}

/* Main Menu */

.MainMenu_MenuContainer
{
	background-color: transparent;
	width: 100%;
}
.MainMenu_MenuBar
{
}
.MainMenu_MenuArrow
{
	display: none;
}
.MainMenu_RootMenuArrow
{
	display: none;
}
.MainMenu_MenuIcon
{
	display: none;
}

.MainMenu_MenuBreak
{
	border: transparent 0px solid;
	background-color: transparent;
	height: 1px;
}

.RootMenuItem TD
{
	padding: 0px 8px 0px 15px;
	height: 44px;
	font-size: 1.17em;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
}
.RootMenuItemSel TD
{
	padding: 0px 8px 0px 15px;
	height: 44px;
	font-size: 1.17em;
	font-weight: 500;
	color: #DDECDB;
	text-align: center;
}
.RootMenuItemHover TD
{
	padding: 0px 8px 0px 15px;
	height: 44px;
	font-size: 1.17em;
	font-weight: 500;
	color: #DDECDB;
	text-align: center;
}

.MainMenu_MenuItem
{
	padding: 2px 25px 2px 13px;
	border: 0pt none;
	font-size: 1.0em;
	color: #444444;
	font-weight: 500;
}

.MainMenu_TabMenuItemSelHover
{
	font-size: 1.0em;
}


.MainMenu_MenuItemSel
{
	background-color: transparent;
	cursor: hand;
	font-size: 1.0em;
}
.Submenu
{
	border: 0px #5FA558 dotted;
	cursor: pointer;
	margin-top: 0px;
	margin-left: 0px;
	z-index: 1000;
	font-size: 1.0em;
	color: #444444;
	font-weight: 500;
	background: #DDECDB;
}
.Submenuitemselected
{
	padding: 2px 25px 2px 13px;
	border: 0pt none;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 1.0em;
	color: #FFFFFF;
	font-weight: 500;
	background: #5FA558;
}

.Submenuitembreadcrumb
{
	padding: 2px 25px 2px 13px;
	border: 0pt none;
	margin-top: 0px;
	margin-left: 0px;
	font-size: 1.0em;
	color: #FFFFFF;
	font-weight: 500;
	background: #5FA558;
}

/*---------------------------------*/
/* OWL Carousel*/

.owl-carousel
{
}

.owl-stage
{
}

.owl-stage-outer
{
	width: 100% !important;
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}

.owl-carousel .owl-item img
{
	display: block;
	height: 100%;
	width: auto;
	max-width: 100%;
}

div.polaroid
{
	width: 97%;
	background-color: white;
	border: solid 1px #ccc;
}

div.imgDesc
{
	text-align: center;
	padding: 12px 12px;
}

.imageContainer
{
	padding: 7px;
	width: 950px;
	margin-left: auto !important;
	margin-right: auto !important;
}


.item_img
{
	flex-grow: 1;
	height: auto;
	text-align: left;
	box-sizing: border-box;
	background: #ffffff;
	color: #626262;
	padding: 7px 7px 0px 7px;
}

.img50
{
	text-align: left;
	width: 100%;
	padding: 10px;	
}

.fa.menu
{
	vertical-align: top;
}

/* OWL NAVIGATION */

.owl-nav
{
	height: 100px;
}

.owl-theme .owl-dots, .owl-theme .owl-nav
{
	text-align: center; -webkit-tap-highlight-color:transparent}


.owl-theme .owl-nav
{
	margin-top: 0px;
}

.owl-theme .owl-nav
{
	background: #ffffff !important;
	text-decoration: none;
	font-size: 18px;
	margin: 0px;
}

.owl-theme .owl-nav [
class*=owl-]:hover
{
	background: #626262 !important;
	text-decoration: none;
	font-size: 18px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span
{
	background: #626262 !important;
}

.owl-theme .owl-dots .owl-dot span
{
}

.owl-theme .owl-dots, .owl-theme .owl-nav
{
	padding-top: 10px;
}

.active
{
	background-color: #fff !important;
}



/* Testng */

/*blipping*/

.blip{
	margin: 0 0;
	position: absolute;
	border-radius: 50%;
	background: green;
	opacity: 0.7;	
	width: 100px;
	height: 100px;
}


.blipping{
	border-radius: 50%;
	-webkit-animation: scaleUp 2.3s infinite linear;
    animation: scaleUp 2.3s infinite linear;
}

.delayedBlip{
	-webkit-animation-delay: -1.6s;
	animation-delay: -1.6s;
}

@keyframes scaleUp {

	0%{
		opacity: 1; transform: scale(0); 
	}
	40%{
		opacity: 0.5; transform: scale(0.5);
	}
	100%{
		opacity: 0; transform: scale(1.0);
	}
}
@-moz-keyframes scaleUp {
	0%{
		opacity: 1; -moz-transform: scale(0); 
	}
	40%{
		opacity: 0.5; -moz-transform: scale(0.5);
	}
	100%{
		opacity: 0; -moz-transform: scale(1.0);
	}
}
@-webkit-keyframes scaleUp {
	0%{
		opacity: 1; -webkit-transform: scale(0); 
	}
	40%{
		opacity: 0.5; -webkit-transform: scale(0.5);
	}
	100%{
		opacity: 0; -webkit-transform: scale(1.0);
	}
}



/* LEGACY STYLES from DNN 1-2 */

.HeadBg
{
	background-color: #CCCCCC;
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-weight: bold;
	font-size: 8.5pt;
	color: #FFFFFF;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}



.OtherTabs
{
	font-weight: bold;
	font-size: 8.5pt;
	color: white;
	font-family: Tahoma, Arial, Helvetica;
	text-decoration: none;
}



.PagingTable
{
	height: 33px;
}

.LabelEditTextClass
{
	border: solid 1px red;
	background-color: Transparent;
}

.LabelEditWorkClass
{
	/*background: url(/DotNetNuke/images/dnnanim.gif) no-repeat right;*/
	border: solid 0px red;
	background-color: Transparent;
}

/* style for the DNNTextSuggest control select menu */
.SuggestTextMenu
{
	border: solid 1px black;
	white-space: nowrap;
	background: white;
}
/* style for the DNNTextSuggest control selected menu node */
.SuggestNodeOver
{
	background-color: navy;
	color: White;
}


/*Edit In Place Tool Bar Classes*/
.eipbackimg
{
	border: outset 1px; /*give toolbar a 3D look*/
	position: absolute; /*needed so it doesn't take up space */
	margin-top: -22px; /*specify toolbar to be just above text */
	white-space: nowrap; /* makes toolbar horizontal */
	background: url(../../images/eip_toolbar.gif);
	background-color: #99cccc;
	background-repeat: repeat-x;
	height: 22px;
}

.eipbuttonbackimg
{
	width: 21px;
	height: 21px;
	cursor: pointer; /*change mouse to pointer when hover over button*/
	float: left;
}

.eipbutton_edit
{
	background: url(../../images/eip_edit.gif) no-repeat 100% center;
	float: left;
}
.eipbutton_save
{
	background: url(../../images/eip_save.gif) no-repeat 100% center;
	float: left;
}
.eipborderhover
{
	border: outset 1px;
}

/* used to collapse panes without any content in them */
.DNNEmptyPane
{
	width: 0px;
}

/* used to set the different module align options - from module settings */
.DNNAlignleft
{
	text-align: left;
}
.DNNAlignright
{
	text-align: right;
}
.DNNAligncenter
{
	text-align: center;
}

/* Login Styles */
.LoginPanel
{
}

.LoginTabGroup
{
}

.LoginTab
{
	float: left;
	background: url( "../../images/tablogin_gray.gif" ) left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	border: 1px #25569a solid;
}

.LoginTabSelected
{
	float: left;
	background: url( "../../images/tablogin_gray.gif" ) left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #FFF;
	background-position: 0% -41px;
	border: 1px #25569a solid;
}

.LoginTabHover
{
	float: left;
	background: url( "../../images/tablogin_gray.gif" ) left top;
	margin: 0 3px 3px 0;
	padding: 5px 5px 4px 5px;
	text-decoration: none;
	color: #555;
	border: 1px #C00 solid;
	cursor: pointer;
}

.LoginContainerGroup
{
	clear: both;
	padding-top: 5px;
}

.LoginContainer
{
}

/* Search SkinObject Styles */

div.SearchContainer
{
	position: relative;
	white-space: nowrap;
}

div.SearchBorder
{
	width: 200px;
	height: 20px;
	border: solid 1px #e0e0e0;
	position: relative;
	background-color: White;
	white-space: nowrap;
	float: left;
	margin-top: 2px;
}

input.SearchTextBox
{
	float: left;
	z-index: 10;
	border: 0px;
	width: 169px;
	height: 18px;
}

div.SearchContainer a
{
	padding: 0px 5px;
	position: relative;
	display: inline-block;
	display: -moz-inline-box;
}

div.SearchIcon
{
	float: left;
	width: 31px;
	height: 20px;
	cursor: pointer;
	z-index: 11;
	background: no-repeat 2px 2px;
	text-align: right;
}

div.SearchIcon img
{
	margin-top: 3px;
}

#SearchChoices
{
	width: 160px;
	clear: both;
	display: none;
	border: solid 1px #777;
	z-index: 2000;
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #eee;
	position: absolute;
	top: 21px;
	left: 0px;
}

#SearchChoices li
{
	cursor: pointer;
	margin: 2px;
	padding: 2px;
	padding-left: 25px;
	height: 20px;
	text-align: left;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 5px center;
	list-style: none;
	list-style-image: none;
	border: solid 1px #eee;
	display: block;
}

#SearchChoices li.searchHilite
{
	background-color: #ddf;
	border: solid 1px #aaf;
}

#SearchChoices li.searchDefault
{
	background-color: #eee;
	border: solid 1px #eee;
}

/* Event Viewer Styles */
.Exception
{
	color: #ffffff;
	background-color: #ff1414;
}
.ItemCreated
{
	color: #ffffff;
	background-color: #009900;
}
.ItemUpdated
{
	color: #ffffff;
	background-color: #009999;
}
.ItemDeleted
{
	color: #000000;
	background-color: #14ffff;
}
.OperationSuccess
{
	color: #ffffff;
	background-color: #999900;
}
.OperationFailure
{
	color: #ffffff;
	background-color: #990000;
}
.GeneralAdminOperation
{
	color: #ffffff;
	background-color: #4d0099;
}
.AdminAlert
{
	color: #ffffff;
	background-color: #148aff;
}
.HostAlert
{
	color: #ffffff;
	background-color: #ff8a14;
}
.SecurityException
{
	color: #ffffff;
	background-color: #000000;
}
#floater
{
	padding-right: 0px;
	padding-left: 0px;
	background: #ffffff;
	visibility: hidden;
	padding-bottom: 0px;
	margin: 0px;
	width: 150px;
	color: #ffffff;
	padding-top: 0px;
	position: absolute;
	height: auto;
}
#tablist
{
	width: 120px;
	margin: 0;
	padding-bottom: 10px;
	float: left;
}

.dashboardPanel
{
	margin-left: 120px;
	padding: 0 10px 10px 10px;
}

.dashboardPanel table td
{
	padding: 2px 4px;
}

.dashboardPanel table th
{
	padding: 2px 4px;
	font-size: 1em;
	font-weight: bold;
	color: #036;
	border-bottom: 1px solid #9FB1BC;
}

.dashboardTableAlt
{
	background-color: #eee;
}

.dashboardGrid
{
	margin: 10px;
}

.paneOutline
{
	border: 1px #CCCCCC dotted;
}
.containerAdminBorder
{
	border: 2px red solid;
}


/* Keywords */

.keywordContainer
{
	padding: 5px;
	text-align: left;
}

.keywordItem
{
	height: auto;
	box-sizing: border-box;
	margin-left: 8px;
	margin-bottom: 8px;
	padding: 4px 15px 7px 8px;
	font-size: 1.1em;
	background-color: #F1F0ED;
	border: none;
	color: #ffffff;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
}

.plusSign
{
	font-size: 1.1em;
	font-family: PT Sans;
	font-weight: 500;
	padding-right: 3px;
	padding-left: 3px;
}

.keywordbutton
{
	box-shadow: inset 0 -0.6em 0 -0.35em rgba(0,0,0,0.17);
}
.keywordbutton:hover
{
	opacity: .7;
}

.keywordbuttonHilite
{
	box-shadow: inset 0 -0.6em 0 -0.35em #c32222;
}
.keywordbuttonHilite:hover
{
	opacity: .7;
}

.keywordbuttonHiliteBlue
{
	box-shadow: inset 0 -0.6em 0 -0.35em #336699;
}
.keywordbuttonHiliteBlue:hover
{
	opacity: .7;
}


/* Buttons */

.greenbutton
{
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 12px 30px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 4px;
	box-shadow: 1px 1px #d3d3d3;
}
.greenbutton:hover
{
	opacity: .9;
}

.bluebutton
{
	background-color: #19334C; /* Green */
	border: none;
	color: white;
	padding: 20px 40px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	border-radius: 4px;
	box-shadow: 1px 1px #d3d3d3;
}
.bluebutton:hover
{
	opacity: .9;
}


.webbuttonthin
{
	background-color: #336699; /* Blue */
	border: none;
	color: white;
	padding: 8px 22px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 6px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.webbuttonthin:hover
{
	text-decoration: none !important;
	box-shadow: 0px 0px #ffffff;
	opacity: .8;
}

.webbuttonthin:before
{
	font-family: "FontAwesome";
	content: "\f24d";
	font-size: 1.3em;
	padding-right: 10px;
	padding-left: 0px;
}

.webbutton
{
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 8px 15px !important;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 6px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.webbutton:hover
{
	opacity: .9;
}


.webbuttonRed
{
	background-color: #C61127; /* Green */
	border: none;
	color: white;
	padding: 6px 15px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 6px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.webbuttonRed:hover
{
	opacity: .9;
}

.joinbutton
{
	background-color: #505769; /* Steel #505769; */
	border: none;
	color: #ffffff;
	padding: 6px 20px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 4px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.joinbutton:hover
{
	opacity: .7;
}

.joinbuttonOrange
{
	background-color: #FF5200; /* Orange */
	border: none;
	color: #ffffff;
	padding: 6px 20px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 4px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.joinbuttonOrange:hover
{
	opacity: .7;
}


.joinbuttonBlue
{
	background-color: #486996; /* blue */
	border: none;
	color: #ffffff;
	padding: 4px 15px 4px 15px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 6px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.joinbuttonBlue:hover .joinbuttonBlue:visited
{
	opacity: .7;
	color: #ffffff;
}


.joinbuttonLtBlue
{
	background-color: #2864b5; /* RD blue */
	border: none;
	color: #ffffff;
	padding: 6px 20px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 4px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.joinbuttonLtBlue:hover
{
	opacity: .7;
}


.joinbuttonGreen
{
	background-color: #006600; /* green */
	border: none;
	color: #ffffff;
	padding: 6px 20px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 4px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.joinbuttonGreen:hover
{
	opacity: .7;
}


.joinbuttonBurg
{
	background-color: #610021; /* green */
	border: none;
	color: #ffffff;
	padding: 5px 20px;
	text-align: center;
	opacity: 1;
	text-decoration: none;
	display: inline-block;
	font-size: 1.1em;
	border-radius: 4px;
	box-shadow: 1px 1px #d3d3d3;
	margin: 2px -2px;
}

.joinbuttonBurg:hover
{
	opacity: .9;
	font-size: 14px;
}




/* XS */

.xsmalltextlite, A:link.xsmalltextlite, A:visited.xsmalltextlite
{
	font-size: .5em;
	color: #949494;
}

A:hover.xsmalltextlite
{
	color: #336699;
}


.xsmalltext
{
	font-size: .5em;
	color: #626262;
}

.xsmalltextB
{
	font-size: .5em;
	color: #000000;
	font-weight: bold;
}


/* SMALL */

.smalltextlite, A:link.smalltextlite, A:visited.smalltextlite
{
	font-size: .75em;
	color: #949494;
}

A:hover.smalltextlite
{
	color: #DD4C4F;
}

.smalltext
{
	font-size: .75em;
	color: #626262;
}

.smalltextB
{
	font-size: .75px;
	color: #000000;
	font-weight: bold;
}


/* MEDIUM */

.mediumtextlite
{
	font-size: 1em;
	color: #949494;
	line-height: 22px;
}

A:link.mediumtextlite, A:visited.mediumtextlite
{
	color: #DD4C4F;
}


A:hover.mediumtextlite
{
	color: #DD4C4F;
}


.mediumtext
{
	font-size: 16px;
	color: #555;
	line-height: 24px;	
}


A:link.mediumtext, A:visited.mediumtext
{
	color: #DD4C4F;
}

A:hover.mediumtext
{
	color: #DD4C4F;
}

A:link.mediumtextGrey, A:visited.mediumtextGrey
{
	color: #555;
}

A:hover.mediumtextBlue
{
	color: #555;
}


.mediumtextB, A:link.mediumtextB, A:visited.mediumtextB, A:hover.mediumtextB
{
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}


.mediumtextC, A:link.mediumtextC, A:visited.mediumtextC, A:hover.mediumtextC
{
	font-size: 1em;
	color: #336699;
}



.mediumtextRed, A:link.mediumtextRed, A:visited.mediumtextRed, A:hover.mediumtextRed
{
	font-size: 11px;
	font-family: Verdana;
	color: #DD4C4F;
	font-weight: 600;
}


.normaltext, A:link.normaltext, A:visited.normaltext, A:hover.normaltext
{
	font-size: 1em;
	color: #626262;
}
.normaltextB, A:link.normaltextB, A:visited.normaltextB, A:hover.normaltextB
{
	font-size: 1em;
	color: #000000;
	font-weight: bold;
}
.normaltextC, A:link.normaltextC, A:visited.normaltextC, A:hover.normaltextC
{
	font-size: 1em;
	color: #336699;
}


/* LARGE */

.largetext
{
	font-size: 1.3em;
	color: #3E4340;
}
.largetextB, A:link.largetextB, A:visited.largetextB, A:hover.largetextB
{
	font-size: 1.3em;
	color: #555555;
	font-weight: 600;
}
.largetextC, A:link.largetextC, A:visited.largetextC, A:hover.largetextC
{
	font-size: 1.3em;
	color: #336699;
}

.largetextlite
{
	font-size: 1.3em;
	color: #949494;
}

/* XL */

.xlargetext
{
	font-size: 1.75em;
	color: #3E4340;
}

.xxlargetext
{
	font-size: 2.0em;
	color: #3E4340;
}

.xxxlargetext
{
	font-size: 2.5em;
	color: #3E4340;
}

.xxxlargeMenu
{
	font-size: 3.0em;
	color: #3E4340;
}

.footerHeading
{
	font-family: Roboto+Condensed;
	font-weight: 600;
	font-size: 24px;
}

.allcaps
{
	text-transform: uppercase;
}

.capitalize
{
	text-transform: capitalize;
}



/* ------- Colors ------- */

.button
{
	color: #ffffff;
}

.red
{
	color: Red;
	font-weight: bold;
}

.blue
{
	color: #336699;
	font-weight: bold;
}

.green
{
	color: #006600;
	font-weight: bold;
}

.white
{
    color: #ffffff;
}

.Grey 
{ 
    background-color: #f9f9f9;
}

.litegrey
{
	color: #b1b1b1;
	font-weight: bold;
}



.headingB
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
}

.headingB12
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

.imgRounded
{
	border-radius: 16px;
}

.phoneNumber
{
	font-size: 22px;
}

.boxshadow
{
box-shadow: 0 0 2px #454545; 
-webkit-box-shadow:002px#454545;
-moz-box-shadow:002px#454545;
-ms-box-shadow:002px#454545;
border-radius:7px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
-ms-border-radius:7px;
position:relative;
}

.boxshadowLite {
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    padding: 16px 20px;
    border-style: solid;
    border-color: #ccc;
    background-color: #fff;
    color: #565e69;
    font-size: 14px;
    border-radius: 12px;
    font-weight: 400;
    border-width: 1px;
}


.theDateMth
{
	font-family: Oswald;
	font-size: 22px;
	text-align: center;
	color: #555555;
	text-transform: uppercase;
	margin: 0px;
}

.theDateDate
{
	font-family: Oswald;
	font-size: 44px;
	text-align: center;
	color: #555555;
	margin: 0px;
	line-height: 44px;
}

.theDateDay
{
	font-size: 14px;
	text-align: center;
	color: #555555;
	font-weight: 500;
	margin: 0px;
}

/* Vertical Line */
.vl
{
	border-left: 3px solid #555;
	height: 20px;
}

/* Header */
.header
{
	color: #eee;
	font-size: 1.25em;
	font-family: Lato;
	padding: 12px 0 0 15px;
}

.headerRight
{
	color: #ffffff;
	font-size: 1.3em;
	font-family: Lato;
	padding: 15px 30px 0 35px;
	text-align: right;
}

.headerSocial
{
	color: #555555;
	font-size: 22px !important;
	padding-right: 3px;
}

.headerSocialWht
{
	color: #ffffff;
	font-size: 20px !important;
	padding-right: 7px;
}

.headerSocialYel
{
	color: #FFEC53;
	font-size: 22px !important;
	padding-right: 7px;
}

.header_div_left
{
	text-align: left;
	color: #fff;
	padding: 1px 0 0 10px;
	font-size: 1.1em;
	font-family: Lato !important;
}

/* speech bubble */
.div_HeaderPaneLeft::before
{
	font-family: "FontAwesome";
	content: "\f086";
	padding-right: 8px;
	font-size: 14px;
	
}





.directoryButton
{
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
}

/* Featured Businesses */

.featuredHeader
{
	top: 0px;
	font-family: 'Roboto' , Sans-Serif;
	font-size: 2.2em;
	color: #444444;
	font-weight: 400;
}

.featuredSubHeader
{
	font-family: 'Roboto' , Sans-Serif;
	font-size: 1.3em;
	color: #3E4340;
	font-weight: 400;
}

.bx-wrapper .bx-caption span
{
	background: rgba(0,0,0,0.5) !important;
	color: #eee !important;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 6px 20px 6px 20px !important;
	font-size: 1.3em !important;
	font-family: Roboto Condensed !important;
	font-weight: 400 !important;
}

.home-banner .box
{
	margin: 0 auto;
	padding: 0 0px;
}

.featuredLeft
{
	left: -5px;
	min-height: 275px !important;
}

.featuredRight
{
	right: -5px;
	min-height: 275px !important;
}

.footerIcons
{
	padding: 30px;
}


/* flex grid */

.itemsFixed
{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	height: 100%;
	width: 100%;
}

.itemNotFixed
{
	height: auto;
	text-align: left;
	box-sizing: border-box;
	background: transparent;
	color: #626262;
	padding: 5px;
	margin-left: 0px;
	margin-top: 1px;
}

.itemFixed
{
	flex: 1 0 240px;
	height: auto;
	text-align: left;
	box-sizing: border-box;
	background: transparent;
	color: #626262;
	padding: 5px;
	margin-left: 0px;
	margin-top: 1px;
}


.items
{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	align-items: flex-end;	
	margin-top: 0px;
	padding: 10px;
}
.item
{
	flex-grow: 1;
	height: auto;
	text-align: center;
	box-sizing: border-box;
	background: #ffffff;
	color: #626262;
	padding: 5px;	
	margin-top: 5px;
}



.flip-card
{
	background-color: #fff;
	border: 0px solid #f1f1f1;
}

/* This container is needed to position the front and back side */
.flip-card-inner
{
	position: relative;
	height: 100%;
	width: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner
{
	transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back
{
	position: absolute;
	height: 100%; -webkit-backface-visibility:hidden;/* Safari */
backface-visibility:hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front
{
	background-color: #fff;
	color: black;
}

/* Style the back side */
.flip-card-back
{
	background-color: #fff;
	color: #555;
	transform: rotateY(180deg);
}




.shadow-sm
{
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}


*
{
	box-sizing: border-box;
}



/* Create three columns of equal width */
.columns
{
	float: left;
	width: 33.3%;
	padding: 8px;
}

/* Style the list */
.price
{
	list-style-type: none;
	border: 1px solid #eee;
	margin: 0;
	padding: 0; -webkit-transition:0.3s;
transition:0.3s;
}


/* Add shadows on hover */
.price:hover
{
	box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2);
}

/* Pricing header */
.price .header
{
	background-color: #111;
	color: white;
	font-size: 1.5em;
}

/* List items */
.price li
{
	border-bottom: 1px solid #eee;
	padding: 10px;
	text-align: center;
	font-size: 1.1em;
	list-style-type: none !important;
}

/* Grey list item */
.price .grey
{
	background-color: #eee;
	font-size: 1.5em;
}

/* The "Sign Up" button */
.button
{
	background-color: #eee;
	border: none;
	color: #626262 !important;
	padding: 8px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: 400;
	border-radius: 5px;
}

.buttonRev
{
	background-color: #ccc;
	border: none;
	color: #626262 !important;
	padding: 8px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: 400;
	border-radius: 5px;
}

.buttonRev:hover
{
	background-color: #eee;
}

.buttonDark
{
	background-color: #555;
	border: none;
	color: #fff !important;
	padding: 8px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: 400;
	border-radius: 5px;
}

.buttonDark:hover
{
	background-color: #eee;
	color: #555 !important;
}

.buttonWin
{
	background-color: #EFC700;
	border: none;
	color: #000000 !important;
	padding: 8px 20px;
	text-align: center;
	text-decoration: none;
	font-size: 1.15em;
	font-weight: 400;
	border-radius: 5px;
}

.buttonWin:hover
{
	background-color: #EFC730;
}


/*ACCORDIAN*/

.home-accordion .panel-title a.collapsed
{
	color: #333;
	background-color: transparent;
	text-decoration: none;
}

.home-accordion .panel-title a
{
	color: #333;
}

.home-accordion .panel-title a
{
	font-size: 18px;
	font-weight: 500;
	text-transform: capitalize;
	display: block;
	padding: 9px 10px 9px 20px;
	line-height: 1.3;
	text-decoration: none;
}

.panel-group
{
	margin-bottom: 5px !important;
}

.panel-body
{
	font-size: 1em;
}

.panel-group .panel + .panel
{
	margin-top: 9px !important;
}

.home-accordion
{
	border-radius: 2px;
}

.panel-heading
{
	padding: 5px 7px !important;
	border-bottom: 1px solid transparent;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.featured img
{
	vertical-align: top !important;
}


/* PRINT */

@media print
{
	.no-print, .no-print *
	{
		display: none !important;
	}
}

/* FOOD MENU */

.menuCat span
{
	font-family: Roboto, Sans-Serif !important;
	font-weight: 300;
	font-size: 2.75em;
	text-transform: uppercase;
}

.menuItem span
{
	font-family: Roboto, Sans-Serif !important;
	font-weight: 300;
	font-size: 1.75em;
	text-transform: uppercase;
}

.menuItemDesc span
{
	font-family: Roboto, Sans-Serif !important;
	font-weight: 300;
	font-size: 1.4em;
	color: var(--primarycolor);
}

/* Image Module */

.imageType50
{
	background-color: #555;
	height: 3px;
	margin: 0 0 6px -15px;
}

.imageFooter
{
	text-transform: uppercase;
	padding-top: 5px;
}

.imageOffset
{
	padding-left: 10px;
	padding-right: 10px;
	min-width: 60%;
	max-width: 60%;
}

/* WIFI Classes */

.emailheader
{
	padding: 60px;
	text-align: center;
	background: #008001;
	color: white;
	font-size: 30px;
}

.wifi
{
	font-family: oswald;
	font-size: 2em;}

@media handheld, only screen and (max-width:480px)
{
	.emailheader
	{
		padding: 5px;
		padding-bottom: 15px;
		font-size: 20px;
	}

	.medPadding
	{
		padding: 0px;
	}
	
	p, P 
	{
		font-size: 16px;
		font-family: lato;  
		padding:5px;
}
   
    .eventName 
    {
        text-align:center;     
        font-weight:600;   
    }

}

