/*
sparx-nav.css (unique differences from the original sparx-nav.css)
navigation.css (unique differences from the original navigation.css)
sparx-nav-base.css (common parts shared by both CSS files)

*/
@import url('/xtras/css/sparx-nav-base.css');
#page{margin: 0 auto;}
.registered-heading {font-size: 14px;}
.w3-half{max-width:500px;}
/* Footer Style*/

#footer .copyright{border-top:1px solid #ccc;margin:0 35px 20px;padding:18px 0;letter-spacing:0;}
.footer-header-inner{overflow: hidden;max-width:980px;margin:0px auto;}


@media only screen and (max-width: 900px) {
	.fcontent {margin: 0px; padding: 0px 15px; width: 100%!important; }
	.md {width:100% ;border-bottom: 1px solid #CCC;margin:0px;}
	.category {display:none;}
	.logo-image-footer,.logo-EA-footer{display:none!important;}
	#footer .copyright {border: none;text-align: center;}
	/*style the (+) and (-) */
	.footer-heading-show{ display:none}
	.footer-heading-off{ display:block}
	.footer-heading-show,.footer-heading-off{
		width: 100%;
		font-size: 11px;
		text-decoration: none;
		opacity: .95;
		margin-right: 0;
	}
	.footer-hide {
		display:none;
	}
	.footer-show {
		display:block;
	}
	.footer-category-content a {font-size: 11px;padding:5px;display: block;}
	.footer-category-content a:hover {text-decoration: none!important; background-color: #DDD;color: #666}
    #footer .copyrightitems{clear: both; float:none;}
	#footer .copyrightitems a {font-size: 9px;padding:2px 5px;}
	#footer .copyright { margin:0px auto !important;text-align: center;letter-spacing:-1; max-width: 285px;
		font-family: Arial,Helvetica,sans-serif;}
	.social ul li {padding: 0px; width: 20px;}
	.md{

		background-position: 98%  12px;
		background-repeat: no-repeat;
	}
	.md label {
		cursor: pointer;
		line-height: 30px;
		height: 30px;
		font-size: 11px;
		width:96%;
		margin-left:12px;
		display: inline-block;

	}

	.md label::after {
		content:"";
		width: 10px;
		height: 30px;
		float: right;
		display: inline-block;
		background-image: url("/images/layout/bullet-transparent.png");
		background-repeat: no-repeat;
		background-size: 4px 7px;
		background-position: 2px 12px;
	}

	.md ul {
		position: relative;
		height: 0;
		overflow: hidden;
		transition: height .3s ease;
		margin: 0px 0px 0px 20px!important;
	}
	#footer ul li a{

		font-size: 11px!important;
		padding: 5px;
		text-decoration: none!important;
		color: #666;
		line-height: 24px;
	}
	#footer ul li a:hover{
		background-color: #DDD;
	}
	#footer .social ul li a:hover{
	background-color: transparent;
	}
	#footer ul li:last-child{
		margin-bottom: 5px;
	}
	.md input {
		opacity: 0;
		visibility: hidden;
	}
	.md input:checked ~ ul {
		height: auto;
	}
	.md input[type=checkbox] {
		display: none;
	}
	.md input[type=checkbox]:checked ~ label::after {
		background-size: 7px 4px;
		background-image: url("/images/layout/bullet-transparent-open.png");
		background-position: 0px 12px;
	}

}