/*
Theme Name: HCPS
Theme URI: 
Description: HCPS
Version: 1.0.0
Author: Wonder Media
Author URI: https://www.wondermedia.co.uk/ 
Tags: 
*/

/*=====================================================
Global Styles
=====================================================*/

html {
	height: 100%;
}

body {
	font: normal 17px 'Roboto', sans-serif;
	color: #000000;
	font-weight: 400;
	height: 100%;
	background: #eeeeee;
}
a {
	color: #32739D;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}

h1 {
	font-size: 30px;
	font-weight: 700;
	color: #000;
	line-height: 50px;
	margin-bottom: 30px;
	margin-top: 10px;
}



p {
	margin: 20px 0px 20px 0px;
}


.alignleft {
	float: left;
}
.alignright {
	float: right;
	margin: 0px 0px 30px 30px;
}

/*=====================================================
Header Styles
=====================================================*/



.navbar-toggler {
    margin-left: auto;
	margin-right: auto;
}

.navbar {
	font-size: 16px ;
	font-weight: 400;
	padding: 10px 0px 10px 0px;
	background-color: #013299;
}

.navbar a {
	color: #ffffff !important;
}
.navbar ul > li > a {
	padding-left: 25px !important;
	padding-right: 25px !important;
}
.navbar ul > li > a:hover {
	color: #ffffff !important;
}

.navbar .current_page_item a {
	color: #ffffff !important;
	font-weight: 700;
}



/*=====================================================
Landing Page Styles
=====================================================*/

.btn-blue {
	border: 2px solid #013299;
	color: #013299;
	font-weight: 17px;
	font-weight: 700;
	padding: 15px 60px 15px 60px;
	display: inline-block;
	margin-top: 20px;
}

.btn-blue:hover {
	background: #013299;
	color: #FFFFFF;
}


/*=====================================================
Subpage Styles
=====================================================*/

.content {
	background: #FFFFFF;
	padding: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #ccc;
}

.footer-logo {
	max-width: 200px;
	margin-bottom: 20px;
}

/*===================================================

Media Queries

=====================================================*/



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.navbar-toggler {
		border: 0px;
	}
	.navbar a {
		color: #ffffff !important;
	}
	.navbar ul > li > a {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.navbar .current_page_item a {
		color: #ffffff !important;
		border-bottom: 0px;
	}
	.navbar-nav {
		padding-top: 20px;
	}

}



/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

}

@media only screen and (max-width : 600px) {

}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.footer-logo {
		max-width: 100%;
	}

	
}