/* CSS Document */
/*
20140331 PW CC3911/SDB-113 	System admin: enable html input on the release note function
20140403 PW CC3911/SDB-113	Added styles for jquery back to top button
20170425 DK CC4452/SDB-688	Added responsive styles to the public footer
*/

/* Primary container of the footer region */
footer{
	font-family: Arial, Helvetica, sans-serif;		
}	
	
  	/* Adjust font-size of the copyrights section */
	#footer-copyrights-section{
		font-size:13px;
	}
		/* Adjust anchor tags styles in the footer element */
		footer a{
			color: #fff;	
			padding: 2px 10px;					
			display: block;
			border-bottom: none!important;
		}
		
		/* Specify line separators in the footer menu */
		#footer-menu-section a{
			border-right: 1px solid #818181;
		}
		
		/* Specify link hover styles of footer element links */
		footer a:hover{
			text-decoration: underline!important;
		}
		
		/* Specify styles of the footer element links - color property */
		footer a:link,
		footer a:hover,
		footer a:visited,
		footer a:active{
			color: #fff!important;
		}

	/* Specify gradient background for the footer-wrapper element */
	footer .footer-wrapper{
		display: flex; /* Flexbox ensures that elements behave predictably when the page layout must accommodate different screen sizes and different display devices. */
		justify-content: center; /* Items are centered along the line */
		background: #7f0101; /* For browsers that do not support gradients */
		background: -webkit-linear-gradient(#7f0101, #a92020); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#7f0101, #a92020); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#7f0101, #a92020); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#7f0101, #a92020); /* Standard syntax */
		font-size: 11px;
	}
		/* Specify styles of the footer menu - Centering the footer menu text */
		footer ul{	
			text-align: center;			
			list-style: none;
			padding-left: 0;
			margin-top: 6px;
			margin-bottom: 6px;
			overflor: auto;
		}
			footer ul li{
				display: inline-block;
			}
			
			/* Remove the last menu separator off the menu */
			footer ul li.last a{
				border-right: none!important;
			}
		
	/* Center align the copyright text */		
	.copyrights{
		text-align: center;
		padding: 5px 0;
	}
	
/* Styles will be applied on a viewport size below 1200 pixels */	
@media only screen and (max-width : 1200px) {
	
	footer a{				
		padding: 3px 5px;
	}
	
}	

/* Styles will be applied on a viewport size below 992 pixels */	
@media only screen and (max-width : 992px) {
	
	#footer-menu-section .container{
		width: 100%;
	}
	
}

/* Styles will be applied on a viewport size below 930 pixels */	
@media only screen and (max-width : 930px) {

	#footer-menu-section a{				
		border-right: none
	}
	
	#footer-menu-section ul{
		padding-left: 15%;
	}			
		#footer-menu-section ul li{
			float: left;
			text-align: left;
			width: 33%;
		}
	
}

/* Styles will be applied on a viewport size below 420 pixels */	
@media only screen and (max-width : 420px) {

	#footer-menu-section ul{
		padding-left: unset;
		padding-right: unset;
	}
		#footer-menu-section ul li{
			float: unset;
			text-align: center;
			width: 100%;
		}		
			#footer-menu-section a{
				border-right: none;
				padding: 2px 0;
			}
			
}