*
{
	font-family: 'Roboto', sans-serif;
}

body
{
	background: #ededed;
}

.ahkera-background-1
{
	background-color: #ce0b2b;
}

.ahkera-background-2
{
	background-color: #0068b4;
}

.ahkera-background-3
{
	background-color: #43a5d8;
}

.ahkera-background-4
{
	background-color: #082f6b;
}

a
{
	color: #3387c2;
}

a[href^="tel:"]
{
	white-space: nowrap;
}

img.ahkera-logo
{
	max-width: 270px;
}

ol
{
	list-style: none;
	padding-left: 10px;
}

ol li
{
	background-repeat: no-repeat;
	background-size: 17px 19px;
	background-position-y: 3px;
	padding-left: 21px;
}

ol li:nth-child(1) {background-image: url('../images/number-1.png');}
ol li:nth-child(2) {background-image: url('../images/number-2.png');}
ol li:nth-child(3) {background-image: url('../images/number-3.png');}
ol li:nth-child(4) {background-image: url('../images/number-4.png');}
ol li:nth-child(5) {background-image: url('../images/number-5.png');}
ol li:nth-child(6) {background-image: url('../images/number-6.png');}
ol li:nth-child(7) {background-image: url('../images/number-7.png');}
ol li:nth-child(8) {background-image: url('../images/number-8.png');}
ol li:nth-child(9) {background-image: url('../images/number-9.png');}


/**
 * HEADER
 */

div#header
{
	padding: 20px 0 5px;
}

div#header div.header-details
{
	font-size: 90%;
}

/**
 * MAIN NAVIGATION
 */

@media screen and (min-width: 576px)
{
	div#main-navigation ul
	{
		vertical-align: bottom;
		height: 100%;
		padding-bottom: 40px;
		margin: 0 auto;
	}

	div#main-navigation a
	{
		color: #006ab3;
		text-transform: uppercase;
		padding: 10px;
		font-weight: bold;
	}

	div#main-navigation li.active a,
	div#main-navigation a:hover
	{
		background-color: #006ab3;
		color: white;
		text-decoration: none;
	}
}

@media screen and (max-width: 575px)
{
	a.mobile-menu-button
	{
		position: absolute;
		top: 0;
		right: 15px;
		padding: 0;
		z-index: 100; /* Ensure that the button stays in top of everything just in case. */
	}
	
	div#main-navigation ul
	{
		margin-top: 5px;
		flex-direction: column;
		align-items: stretch;
	}
	
	div#main-navigation li
	{
		text-align: center;
		padding: 5px 0;
	}
	
	div#main-navigation li a
	{
		display: block; /* Just to make the 'a' element grow to the same size with the 'li' element */
		color: #006ab3;
		text-transform: none;
		font-weight: bold;
	}
	
	div#main-navigation li.active,
	div#main-navigation li:hover
	{
		background-color: #006ab3;
	}
	
	div#main-navigation li.active a,
	div#main-navigation li:hover a
	{
		color: white;
		text-decoration: none;
	}
	
	div.header-details
	{
		margin-top: 20px;
		text-align: center;
	}
}


/*
 * BACKGROUNDS
 */

div.blue-area
{
	background-color: #248dc1;
	color: white;
}

div.white-area
{
	background-color: white;
	color: #333333;
}

div.gray-area
{
	background-color: #d6d3d6;
	color: #333333;
}


/*
 * CONTENT AREA
 */

div.main-title
{
	padding-top: 60px;
	text-align: center;
}

div.main-content
{
	padding: 40px 0;
}


/*
 * LEFT MENU
 */

@media screen and (min-width: 576px)
{
	div.main-content div.left-menu
	{
		border-right: 3px solid #378cc7;
		padding-left: 60px;
	}
	
	div.main-content div.left-menu + div /* The content div next to .left-menu */
	{
		padding-left: 50px;
	}
	
	div.main-content div.left-menu ul
	{
		flex-direction: column;
	}
	
	div.main-content div.left-menu li
	{
		padding-left: 10px;
	}
	
	div.main-content div.left-menu li.parent-page-link
	{
		padding-left: 0;
		border-bottom: 2px solid #378cc7;
		margin-bottom: 7px;
	}
}

@media screen and (max-width: 575px)
{
	div.main-content div.left-menu
	{
		background-color: #378cc7;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	div.main-content div.left-menu li,
	div.main-content div.left-menu li a
	{
		color: white;
	}
	
	div.main-content div.left-menu li.parent-page-link a
	{
		color: #082f6b;
	}
}

div.main-content div.left-menu li a.active,
div.main-content div.left-menu li a:hover
{
	color: #082f6b;
	text-decoration: underline;
}


/*
 * FOOTER
 */

div#footer
{
	padding: 60px 0 50px;
}

div#footer a.ahkera-logo
{
	/* Disable logo link */
	pointer-events: none;
	cursor: default;
}

div#footer div.footer-text
{
	padding: 10px 0 0 75px;
}


/*
 * TABLES
 */

table
{
	border: 1px solid silver;
}

table td
{
	padding: 5px;
}

table td + td
{
	border-left: 1px solid silver;
}

table tr:nth-child(2n+2)
{
	background-color: #f0f0f0;
}