Theme Name: isjv
Theme URI:
Description: Custom theme for isjv.com.au
Version: 1.0
Author: James Courtney-Prior
Author URI:
*/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	background: #f1f1f2;
	font-family: 'asapregular', sans-serif; 
	font-size: 14px;
	line-height: 18px;
	color: #4d4d4f;
}
a {
	text-decoration: none;
	color: #a39d87;
}
	a:hover {
		color: #CE1126;
	}
	
header a, h2 a {
	color: #4d4d4f; font-style: normal; text-decoration: none;
}

#container {
	width: 100%; margin: 0 auto; padding: 0;
}	

header {
	display: block;
	width:100%;
	padding-top: 2em;
	background-image: url('images/header-1905.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
	header img{
		display:block;
		margin-bottom: 1em;
		margin-left:auto;
		margin-right:auto;
		border:none;
	}
	header h1 {
	}
	
	header nav {
		text-align: center;
		min-height:60px;
		background-color: #d2d4d4;
		vertical-align: bottom;
		-webkit-box-shadow: 0 10px 0 0 rgba(0,0,0,0.2);
		box-shadow: 0 10px 0 0 rgba(0,0,0,0.2);
	}
		header nav ul {
			display: inline;
			list-style: none;
			padding-left: 0;
		}
			header nav li {
				display:inline-block;
				*display: inline; /* ie7 hack */
				*zoom: 1; /* ie7 hack */
				position:relative;
				font-size: 18px;
				font-family: 'asapbold', sans-serif;
				-webkit-text-stroke: 1px rgba(77, 77, 79, 0.1);
				text-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 0.3);
				padding: 20px 15px 15px 15px;
				margin: 0 auto;
			}
				header nav ul ul {
						display: none;
						position: absolute;
						margin:15px 0 0 -15px;
						text-indent: 0px;
						z-index: 1;
						text-align:left;
				}
				header ul li:hover > ul {
						display: block;
				}
							header nav ul ul li {
								display:block;
								position:relative;
								font-size: 14px;
								line-height:14px;
								font-family: 'asapbold', sans-serif;
								text-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 0.3);
								margin: 0 auto;
								padding:10px 0 10px 0;
								background: #d2d4d4;
							}
							header nav ul ul a {
									width: 100%;
									padding: 10px 15px 10px 15px;
									white-space:nowrap;
							}
												header nav ul ul ul {
													display: none;
													left: 100%;
													top: 0;
													margin:0;
													text-indent: 0px;
													z-index: 1;
													width: 100%;
													text-align:left;
												}
													header ul ul li:hover > ul {
														display: block;
													}

														}
														header nav ul ul ul li {
															font-size: 14px;
															line-height: 14px;

														}
				
#home-bg {
	background-image: url('images/home.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
#home-content {
	background: rgba(0,0,0,0.70);
	margin-left: 50%;
	margin-bottom:-3em;
	padding: 4em 3em 4em 3em;
}
#home-content p {
	color: #FFFFFF;
	margin-bottom: 1.5em;
	font-size: 20px;
	line-height: 24px;
}
#home-content h1, h2, h3 {
	color: #FFFFFF;
	margin: 1.5em 0 1.5em 0;
	font-size: 24px;
	line-height: 28px;
}
#home-content a {
	text-decoration:none;
	color: #a7a18c;
}
#home-content a:hover {
		color: #CE1126;
	}
#content {
	margin: 0 auto;
	max-width:800px;
	padding: 4em 3em 4em 3em;
}
#content p {
	margin-bottom: 1.5em;
}
#content h1, h2, h3 {
	font-size: 24px;
	line-height: 28px;
	font-family: 'asapregular', sans-serif;
	margin: 2em 0 1em 0;
	color: #4d4d4f;
}
#content ul {
	margin-left: 1em;
}
#content ul li {
	margin-bottom: 0.5em;
}
#content ul li:last-child {
	margin-bottom:1.5em;
}
#content .intro {
	margin: 4em 0 3em 0;
	font-size: 24px;
	line-height: 28px;
}
#nwrl-link {
	margin: 0 0 3em 0;
}
#nwrl-link p {
	margin: 0 3em 1em 3em;
	text-align:center;
	font-size: 20px;
	line-height: 20px;
}
footer {
	background-color: #d2d4d4;
	margin-top: 2em;
	margin-bottom:0;
	padding: 2em 5.5em 5em 5.5em;
	text-align:center;
	-webkit-box-shadow: 0 -10px 0 0 rgba(0,0,0,0.2);
	box-shadow: 0 -10px 0 0 rgba(0,0,0,0.2);
}
footer img {
	display: inline-block;
	margin-left:1em;
	margin-right:1em;
	margin-bottom: 1.5em;
	border:none;
}
footer p {
	font-size: 14px; 
	line-height: 18px;
	text-shadow: 1.5px 1.5px 1px rgba(255, 255, 255, 0.3);
	margin-left:auto;
	margin-right:auto;
}
footer a {
	text-decoration:none;
	color: #4d4d4f;
}
footer a:hover {
		color: #CE1126;
	}

/* Wordpress hacks and overrides */

.current_page_item {
	border-bottom: 5px solid #CE1126;
}
header nav ul ul ul li.current_page_item {
	border-bottom: none;
}
header nav ul ul ul li.current_page_item > a {
	border-bottom: 5px solid #CE1126;
}
#content > p:nth-child(1) {
	/* margin: 4em 0 3em 0; */
	font-size: 20px;
	line-height: 28px;
}
#content h2 {
	margin-bottom:1em;
}

/* Menu responsiveness */
body { 
  -webkit-animation: bugfix infinite 1s; 
}
@-webkit-keyframes bugfix { 
  from { padding: 0; } 
  to { padding: 0; } 
}
/* default checkbox */
input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
label { 
  cursor: pointer;
  user-select: none;
}
nav[role="custom-dropdown"] {
  label {
    display: none;
  }
}

/* @media queries for devices */

@media (max-width: 54.5em), (max-device-width: 54.5em) {
	header nav {
		min-height:30px;
	}
		header nav li {
			display:inline-block;
			position:relative;
			font-size: 14px;
			font-family: 'asapbold', sans-serif;
			padding: 10px 10px 10px 10px;
		}
		header nav ul ul {
			margin:10px 0px 0px -15px;
		}
		#home-content {
		background-color: rgba(0,0,0,0.70);
		margin-left: 0;
		margin-bottom:-3em;
	}
	#content > p:nth-child(1) {
	font-size: 18px;
	line-height: 24px;
	}
	#content h1, h2, h3 {
	font-size: 20px;
	line-height: 24px;
	}
	footer {
		padding: 2em;
	}
}
@media (max-width: 41em), (max-device-width: 41em) {

footer img {
		max-width:18em;
		height:auto;
}
nav[role="custom-dropdown"] ul {
      display: none;
      height: 100%;
    }

    label {
      position: relative;
      display: block;
    }

    label:after {
        position: absolute;
        content: "\2261";
	margin-left: -0.25em;
		font-size:24px;
		line-height:28px;
		color:#4d4d4f;
    }
    
    input:checked ~ ul {
	display: block;
	padding-top:1.5em;
	padding-left:0;
      }
header nav li {
      display: block;
      }

    input:checked ~ ul ul {
		display: block;
		margin:5px 0px 0px 0px;
		text-align: center;
		position: relative;
		padding-left:0;
		width:100%;
      }                    
}
}
@media (max-width: 29.75em), (max-device-width: 29.75em) {
		#content > p:nth-child(1) {
	font-size: 14px;
	line-height: 18px;
	}
	#content p {
		font-size:12px;
		line-height:14px;
	}
	footer p {
		font-size:12px;
		line-height:14px;
		text-align:left;
	}
}
/* Visual Form Builder */
.vfb-desc {
	font-size:16px !important;
	font-family: 'asapbold', sans-serif !important;
	font-weight:normal !important;
}