/**
 * Theme Name: Potters Park Events Centre v2.2
 */

body, div.event a {color: #706f6f; font-family: verbregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;}

h2 {color: rgb(169,203,59); font-size: 155%;}
h3,h4 {font-size: 111%;}

div.container {margin-top: 1.5em;}

h1 {margin-top: 0; margin-bottom: 20px;}

/* TODO Hide second layer of navigation links */
nav ul ul {display: none;}

nav ul {margin-top: 4.85em; margin-bottom: 20px; padding-left: 0;}

nav li {line-height: 1.0;}

/* Apply verb-bold to navigation list items, links, phone number, headings and event links  */
nav li, a, p.phone-number, h1, h2, h3, h4, h5, div.event a, div.features li, span#phone-number {font-family: verbbold, 'Helvetica Neue', Helvetica, Arial, sans-serif;}

/* Uppercase navigation list items, button links and headings */
nav li, a.btn, h2, h3, h5 {text-transform: uppercase;}

/* Make navigation list items (including the anchor within), the phone number link and third level headings green */
nav li, nav li:after, nav li a, nav li a:hover, p.phone-number a, h3, div.features li {color: rgb(169,203,59);}

/* Make current navigation list items (including the anchor within) black */
nav li.current-menu-item, nav li.current-menu-item a {color: black;}

/* Make navigation list horizontal */
nav li {display: inline-block; padding: 0 .25em 0 0;}

/* Add special character after each navigation list item and colour it green */
nav li:after {content: " | "; display: inline-block; margin: 0 0 0 .5em;}

/* Skip adding special character after the last navigation list item */
nav li:last-child:after {content: " ";}

a#next-event {background: rgb(133,201,227); border: none;}

/* Make button links square */
a.btn {border-radius: 0;}

/* Add a less than symbol after the text inside a button link */
a.btn:after {content: " >";}

a.btn {font-size: 1.5em; text-decoration: none;}

p.phone-number {margin-top: 20px; margin-bottom: 20px;}

p.phone-number a {font-size: 1.8em; line-height: 1.0;}

/* Apply navy colour to second level headings */
h5 {color: rgb(37,64,143);}

h4, p, p a, li {color: #706f6f;}
p {margin-top: 10px;}

h4 {font-style: italic; margin-top: -10px;}

p, li {font-family: verbregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;}

div.features {
    background: #eff5da;
    border: none;
    margin-top: 20px;
}

div.features li {font-size: 120%;}

ul {padding-left: 20px;}

/* Set a gradient background for the enquire botton */
a#enquire {
    background: blue;
    background: -webkit-linear-gradient(bottom left, rgb(37,64,143), rgb(0,174,239));
    background: -o-linear-gradient(bottom left, rgb(37,64,143), rgb(0,174,239));
    background: linear-gradient(to top right, rgb(37,64,143), rgb(0,174,239));
    border: none;
    padding: 0.5em;
}

p#deaf-community, p#deaf-community a {
    color: navy;
    font-style: italic;
}


/* Set a gradient background for the footer compartment, make the text white and add a 1em margin */ 
footer {
    background: blue; padding: 1em;
    background: -webkit-linear-gradient(-45deg, rgb(37,64,143), rgb(0,174,239), rgb(37,64,143)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(-45deg,rgb(37,64,143), rgb(0,174,239), rgb(37,64,143)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(-45deg,rgb(37,64,143), rgb(0,174,239), rgb(37,64,143)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(-45deg,rgb(37,64,143), rgb(0,174,239), rgb(37,64,143)); /* Standard syntax */
    margin-bottom: 1em;
}

footer p {
    color: white;
    margin-bottom: 0;
}

/* Make the blog name in the footer uppercase */
footer span.blogname {text-transform: uppercase;}

/*
 * Home Page
 */

body.page-template-page_home h2 {
	color:rgb(37, 64, 143);
}

body.page-template-page_home div.intro {
	padding-bottom: 10px;
}

body.page-template-page_home li strong {
	color: rgb(37,64,143);
	font-weight: normal;
}

body.page-template-page_home p#phone-number {
    color: rgb(37,64,143);
    font-family: verbbold, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.page-template-page_home p#phone-number a {
    color: rgb(169,203,59);
    font-size: 175%;
}

/*
 * Facilities Page
 */

body.page-template-page_facilities h2 {
	margin-bottom: 0px;
}

body.page-template-page_facilities div.tagline {
	color: rgb(112, 111, 111);
	line-height: 1;
	font-family: verbregular, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 155%;
	font-style: italic;
}

body.page-template-page_facilities h3 {
	color: rgb(37, 64, 143);
}

body.page-template-page_facilities hr {
	border-color: rgb(37,64,143);
}

body.page-template-page_facilities div.facilities ul {
	margin-top: 10px;
}

/*
 * Rooms Page
 */

body.page-template-page_rooms th {
    color: rgb(169,203,59);
}

body.page-template-page_rooms tr.odd td {
    background: #eef5d8;
}

body.page-template-page_rooms tr.even td {
    background: #ddeab1;
}

body.page-template-page_rooms td {
    border: 1px solid #a7d5e2;
}

body.page-template-page_rooms table.table thead:first-child tr:first-child th {
    border-bottom: 2px solid rgb(169,203,59);
}

body.page-template-page_rooms div.room {
    margin-bottom: 2em;
}

body.page-template-page_rooms h3 {
	color: rgb(37, 64, 143);
	margin-top: 25px;
}

body.page-template-page_rooms p.enquire-button {
    text-align: right;
}

body.page-template-page_rooms p.enquire-button a {
    background: blue;
    background: -webkit-linear-gradient(bottom left, rgb(37,64,143), rgb(0,174,239));
    background: -o-linear-gradient(bottom left, rgb(37,64,143), rgb(0,174,239));
    background: linear-gradient(to top right, rgb(37,64,143), rgb(0,174,239));
    border: none;
    padding: 0.5em;
}




/* New Booking Form */


.ninja-forms-required-items {
	display: none;	
}

.page-id-3350 h1 {
	margin-top: 25px;	
}

.page-id-3350 .left-half-wrap {
	width: 50%;
	float: left;
	padding-right: 15px;
}

.page-id-3350 .right-half-wrap {
	width: 50%;
	float: left;
	padding-left: 15px;
}

.page-id-3350 .left-third-wrap {
	width: 33.33%;
	float: left;
	padding-right: 15px;
}
.page-id-3350 .middle-third-wrap {
	width: 33.33%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.page-id-3350 .right-third-wrap {
	width: 33.33%;
	float: left;
	padding-left: 15px;
}

.page-id-3350 .start-wrap {
	float: left;
	width: 40%;
	padding-right: 15px;
}
.page-id-3350 .start-ampm-wrap {
	float: left;	
	width: 10%;
	padding-right: 15px;
}
.page-id-3350 .end-wrap {
	float: left;
	width: 40%;
	padding-left: 15px;
}
.page-id-3350 .end-ampm-wrap {
	float: left;
	width: 10%;
    padding-left: 15px;
}
.page-id-3350 hr {
	clear: both;	
}