@import '../webfonts/open-sans-family/stylesheet.css';
@import '../webfonts/roboto-family/stylesheet.css';

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

body{
	font:normal 1em/1.5 OpenSansRegular, Arial, sans-serif;
	color:#252525;
	padding:0;
	margin:0;
	outline:none;
	background:#1a2a3e;
}

h1.ui-title{
	font:normal 1.1em/0.8 OpenSansLight, Arial, sans-serif!important;
	color:#FFF;
	padding:0;
	text-transform:none;
	margin:0;
}
h1, h2, h3, h4, h5, h6{
	font:normal 1.5em OpenSansSemibold, Arial, sans-serif;
	color:#4d4d4f;
	padding:0;
	margin:0 0 1em;
	text-shadow:none!important;
	text-transform:uppercase;
}

p{
	color:#252525;
}

img{
	width:100%!important;
	max-width:100%!important;
	height:auto!important;
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper{
	background:none;
}

.tblCol3,
.tblCol4{
	width:100%;
	border-collapse:collapse;
	border:none;
	padding:0;
	margin:0;
}
.tblCol3 th,
.tblCol3 td,
.tblCol4 th,
.tblCol4 td{
	font-size:0.8em;
	text-align:left;
	padding:0.7em;
}
.tblCol3 th,
.tblCol4 th{
	color:#FFF;
	background:#7aac4c;
}
.tblCol3 td{
	width:33.333%;
}
.tblCol4 th,
.tblCol4 td{
	width:25%;
	border:1px solid #E3E3E3;
}
td.tblHalf{
	width:12.5%;
}
.tblCol3 tr:nth-child(odd),
.tblCol4 tr:nth-child(odd){
	background:#efefef;
}


.ui-page-theme-a a,
html .ui-bar-a a,
html .ui-body-a a,
html body .ui-group-theme-a a,
a{
	color:#cc332a;
	text-decoration:none;
	cursor:pointer;
	outline:none;
}
a:visited{
	color:#cc332a;
}

.ui-page-theme-a a:hover,
html .ui-bar-a a:hover,
html .ui-body-a a:hover,
html body .ui-group-theme-a a:hover,
a:hover{
	color:#e4352b;
}
.ui-page-theme-a a:active,
html .ui-bar-a a:active,
html .ui-body-a a:active,
html body .ui-group-theme-a a:active,
a:active{
	color:#e4352b;
}

.cf:before,
.cf:after{
	content:"";
	display:table;
}
.cf:after{
	clear:both;
}

cite{
	font:normal 1.1em OpenSansRegular, Arial, sans-serif;
	color:#e7e7e7;
	text-transform:uppercase;
}

.ui-header,
.ui-footer{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.ui-footer{
	font-size:0.9em;
	color:#9dceea!important;
	text-align:center;
	text-transform:uppercase;
	/*text-shadow:none!important;*/
	border:none!important;
}
.ui-footer a:link{
	color:#9dceea;
}
.ui-footer a:visited{
	color:#9dceea;
}
.ui-footer a:active{
	color:#9dceea;
}
.ui-footer .ui-btn{
	font:normal 1.3em OpenSansRegular, Arial, sans-serif;
	color:#9dceea;
	text-shadow:none!important;
}
.ui-footer .ui-btn:visited{
	color:#9dceea;
}
.ui-footer .ui-btn:active{
	color:#9dceea;
}

footer.ui-footer nav ul li:first-of-type a{
	border-left:none;
}

.ui-page-theme-b a:link,
.ui-page-theme-b a:visited,
html .ui-bar-b a:link,
html .ui-bar-b a:visited,
html .ui-body-b a:link,
html .ui-body-b a:visited,
html body .ui-group-theme-b a:link,
html body .ui-group-theme-b a:visited{
	color:#FFF;
	cursor:pointer;
}

.ui-page-theme-b a:hover,
html .ui-bar-b a:hover,
html .ui-body-b a:hover,
html body .ui-group-theme-b a:hover{
	color:#f9ad81;
}

.auto-style1{
	height:19px;
}

#detail,
#eventDetails,
#main,
#main2,
#noticeDetails,
#detailSub{
	height:100%;
	background:#FFF;
}
#detailSub,
#detail{
	height:auto;
}

#main2{
	background:#CCC url(../mobile/layout/Slider1.jpg) center top no-repeat;
	webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

#detail .ui-header,
#eventDetails .ui-header,
#main2 .ui-header,
#main .ui-header,
#noticeDetails .ui-header,
#detailSub .ui-header{
	padding:0.5em;
	border:none;
	background:#4f4e4e!important;
}

#detail .ui-header .ui-btn,
#eventDetails .ui-header .ui-btn,
#main2 .ui-header .ui-btn,
#main .ui-header .ui-btn,
#noticeDetails .ui-header .ui-btn,
#detailSub .ui-header .ui-btn{
	top:1.9em;
	padding:0.3em;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:none!important;
}

#detail .ui-header .ui-title,
#eventDetails .ui-header .ui-title,
#main2 .ui-header .ui-title, 
#main .ui-header .ui-title,
#noticeDetails .ui-header .ui-title,
#detailSub .ui-header .ui-title{
	color:#FFF;
	margin:0 auto!important;
	padding:0.3em 0;
}

#detail .ui-footer .ui-btn,
#eventDetails .ui-footer .ui-btn,
#main2 .ui-footer .ui-btn,
#main .ui-footer .ui-btn,
#noticeDetails .ui-footer .ui-btn,
#detailSub .ui-footer .ui-btn{
	font-family:OpenSansSemibold;
	color:#FFF!important;
	border-color:#4F4E4E!important;
	background:#4F4E4E!important;
}
/*#default .ui-btn:hover,*/
#detail .ui-header .ui-btn:hover,
#eventDetails .ui-header .ui-btn:hover,
#main2 .ui-header .ui-btn:hover,
#main .ui-header .ui-btn:hover,
#noticeDetails .ui-header .ui-btn:hover,
#detailSub .ui-header .ui-btn:hover,
#detail .ui-footer .ui-btn:hover,
#eventDetails .ui-footer .ui-btn:hover,
#main2 .ui-footer .ui-btn:hover,
#main .ui-footer .ui-btn:hover,
#noticeDetails .ui-footer .ui-btn:hover,
#detailSub .ui-footer .ui-btn:hover{
	color:#FFF!important;
	background:#4F4E4E!important;
}

.ui-btn-left{
	left:1em;
}
.ui-btn-right{
	right:1.1em;
}

.ui-header-fixed .homeIcon.ui-btn:before,
.ui-header-fixed .backIcon.ui-btn:before,
.ui-footer .emailIcon.ui-btn:before,
.ui-footer .fullViewIcon.ui-btn:before,
.ui-footer .phoneIcon.ui-btn:before{
	content:"\f0c9";
	font:normal 1.5em fontawesome;
	color:#FFF;
	display:inline-block;
}
.ui-header-fixed .homeIcon.ui-btn span,
.ui-header-fixed .backIcon.ui-btn span{
	display:none;
}
.ui-header-fixed .homeIcon.ui-btn,
.ui-header-fixed .backIcon.ui-btn{
	text-shadow:none;
}
.ui-header-fixed .homeIcon.ui-btn:focus,
.ui-header-fixed .backIcon.ui-btn:focus,
.ui-footer .emailIcon.ui-btn:focus,
.ui-footer .fullViewIcon.ui-btn:focus,
.ui-footer .phoneIcon.ui-btn:focus{
	box-shadow:none;
}
.ui-header-fixed .homeIcon.ui-btn:before{
	content:"\f015";
	font-size:1.7em;
	color:#FFF;
}
.ui-header-fixed .backIcon.ui-btn:before{
	content:"\f112";
	color:#FFF;
}

.ui-footer .emailIcon.ui-btn,
.ui-footer .fullViewIcon.ui-btn,
.ui-footer .phoneIcon.ui-btn{
	padding:1em;
}
.ui-footer .emailIcon.ui-btn:before,
.ui-footer .fullViewIcon.ui-btn:before,
.ui-footer .phoneIcon.ui-btn:before{
	display:block;
	margin-bottom:0.2em;
}
.ui-footer .emailIcon.ui-btn:before{
	content:"\f0e0";
}
.ui-footer .fullViewIcon.ui-btn:before{
	content:"\f08e";
}
.ui-footer .phoneIcon.ui-btn:before{
	content:"\f095";
}




.ui-header{
	border:none;
	padding:0.5em;
	background:#4d4d4f;
}
.ui-title{
/*	width:230px;
	height:81px;*/
	width:90px;
	height:64px;
	display:block;
	margin:0 auto!important;
	padding:0;	
	text-indent:-9999em;
	background:url(../mobile/layout/logo-mobile.png) center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

/**********************************
HOME
**********************************/
#default{
	min-width:320px;
	/*height:100%;
	min-height:650px;
	background: rgb(119,189,216);
	background: -moz-linear-gradient(top,  rgba(119,189,216,1) 0%, rgba(86,179,216,1) 41%, rgba(0,156,219,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(119,189,216,1)), color-stop(41%,rgba(86,179,216,1)), color-stop(100%,rgba(0,156,219,1)));
	background: -webkit-linear-gradient(top,  rgba(119,189,216,1) 0%,rgba(86,179,216,1) 41%,rgba(0,156,219,1) 100%);
	background: -o-linear-gradient(top,  rgba(119,189,216,1) 0%,rgba(86,179,216,1) 41%,rgba(0,156,219,1) 100%);
	background: -ms-linear-gradient(top,  rgba(119,189,216,1) 0%,rgba(86,179,216,1) 41%,rgba(0,156,219,1) 100%);
	background: linear-gradient(to bottom,  rgba(119,189,216,1) 0%,rgba(86,179,216,1) 41%,rgba(0,156,219,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bdd8', endColorstr='#00acec',GradientType=0 );*/
	background:#3c4144 url(../mobile/layout/Slider1.jpg) center center no-repeat;
	webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
#default .ui-header{
	margin-bottom:10em;
	background:#4f4e4e;
	background:rgba(79,78,78,0.9);
}
#default .ui-title{
	width:120px;
	height:85px;
}
#default ul.mainMenu,
#default ul.mainMenu li{
	list-style:none;
	padding:0;
	margin:0;
}

#default .ui-corner-all{
	-webkit-border-radius:1.2em;
	-moz-border-radius:1.2em;
	border-radius:1.2em;
}

#default .ui-content{
	padding:0;
}

/*.ui-mobile .ui-page{
	min-height:200px;
}*/

#default .ui-btn{
	position:relative;
	font:normal 2em/1 OpenSansSemibold, Arial, sans-serif;
	color:#FFF;
	text-shadow: none!important;
	text-transform:uppercase;
	text-align:left;
	border:none;
	border-bottom:1px solid #4f4e4e;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	/*padding:1em 1em 1em 5em;*/
	padding:0.7em 0.7em 0.7em 3.3em;
	margin:0;
	white-space:normal;
	display:block;
	background:#4f4e4e;
	background:rgba(79,78,78,0.9);
}
#default .ui-btn:before{
	width:30px;
	position:absolute;
	top:0;
	left:0;
	font-family:fontawesome;
	content:"\f0c9";
	font-size:0.8em;
	color:#999;
	display:block;
	padding:1em;
	margin-bottom:0.1em;
	background:#4f4e4e;
}
#default .ui-btn:hover{
	/*background:#4197d9;*/
}
#default ul.mainMenu li .ui-btn:before{
	content:"\f044";
}
#default ul.mainMenu li + li .ui-btn:before{
	content:"\f19c";
}
#default ul.mainMenu li + li + li .ui-btn:before{
	content:"\f15c";
}
#default ul.mainMenu li + li + li + li .ui-btn:before{
	content:"\f274";
}
#default ul.mainMenu li + li + li + li + li .ui-btn:before{
	content:"\f041";
}
#default ul.mainMenu li + li + li + li + li + li .ui-btn:before{
	content:"\f1d8";
}
/*#default .ui-btn-icon-right{
	padding-right:2.5em;
	padding-left:2.5em;
}*/

#default .ui-footer{
	color: #9dceea;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 2em;
	text-shadow: none;
	background: #4f4e4e!important;
}

#default .ui-footer p{
	padding:0;
	margin:0.4em 0;
}

#default .ui-footer a{
	font:normal 1.2em OpenSansRegular, Arial, sans-serif;
	color:#e7e7e7;
	text-shadow:none;
	display:block;
	margin:0;
}
#default .ui-footer a.homeFooter:before{
	content:"\f108";
	font-family:fontawesome;
	font-size:inherit;
	color:inherit;
	margin-right:0.5em;
	display:inline-block;
}

#default .ui-controlgroup{
	margin:0 0 2.1em;
}

/**********************************
MAIN2
**********************************/


/**********************************
DETAILS
**********************************/
.subMenu{
	display:inline-block;
	padding:0.5em 1em;
}
.subMenu:before{
	content:"\f0c9";
	font-family:fontawesome;
	font-size:inherit;
	font-weight:normal;
	font-style:normal;
	color:inherit;
	display:inline-block;
	margin-right:0.5em;
}
#detail .subMenu{
	font:normal 1.2em RobotoMedium, Arial, sans-serif;
	color:#FFF;
	text-shadow:none;
	text-transform:uppercase;
	border-color:transparent;
	margin-bottom:1em;
	background:#e4352b;
}
#panelSubNav{
	background:rgba(0,0,0,0.9);
}
#panelSubNav .ui-btn{
	font:normal 0.9em RobotoRegular, Arial, sans-serif;
	color:#FFF;
	text-shadow:none;
	border-color:#1b1b1b;
	background:#1b1b1b;
}
#panelSubNav .ui-btn.closeMe{
	background:#e4352b;
}

#detail .subMenu:hover{
	color:#FFF;
	background:#cc332a;
}
#panelSubNav .ui-btn:hover{
	background:#cc332a;
}

/**********************************
PAGES
**********************************/
ul.pages{
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
}
ul.pages li{
	float:left;
	width:49.777%;
	padding:0;
	margin:0 0 1px 0;
	height:75px;
	display:table;
	background:#FFFFFF;
	background:rgba(79,78,78,0.90);
}
ul.pages li:hover{
	background:#cc332a;
}
ul.pages li:nth-child(odd){
	margin-right:1px;
}
ul.pages li a{
	height:90px;
	font:normal 1em OpenSansSemibold, Arial, sans-serif;
	color:#FFF;
	text-shadow:none;
	text-align:center;
	padding:1em;
	display:table-cell;
	vertical-align:middle;
}
ul.pages li a:visited{
	color:#FFF;
}
ul.pages li a:hover{
	color:#FFF;
	background:#cc332a;
}
ul.pages li a:active{
	color:#FFF;
}

/**********************************
RETINA DEVICES
**********************************/
/*@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx){ 
	#default .ui-title{
		width:230px;
		height:235px;
		margin-top:2.5em;
		background:url(../mobile/layout/logo-mobile@2x.png);
		-webkit-background-size:cover;
		-moz-background-size:cover;
		background-size:cover;
	}
}*/

/**********************************
MEDIA QUERY
**********************************/
@media only screen and (max-width:500px){
	.legendCalendar td{
		width:100%;
		display:block;
		clear:both;
		text-align:left;
		padding-bottom:0.5em;
	}
	.legendCalendar td img{
		float:left;
		margin-right:0.5em;
	}
}

@media only screen and (max-width:480px){
	#default .ui-btn{
		font-size:1.5em;
		padding:0.755em 1.2em 0.755em 3.8em;
	}
	#default .ui-btn:before{
		width:21px;
		font-size:1em;
		padding:0.6em 1em 1em;
	}
}

@media only screen and (max-width:320px){
	#default .ui-btn{
		font-size:1.2em;
		padding-left:3.8em;
	}
	#default .ui-btn:before{
		width:21px;
		font-size:1em;
		padding:0.6em 1em 1em;
	}
	
	#default .ui-footer{
		padding:1em;
	}
	
	#default .ui-footer p{
		margin-bottom:-0.2em;
	}
	#default .ui-footer a{
		font-size:0.9em;
	}
	
	#default cite{
		font-size:0.7em;
	}
}