/*
 Theme Name:   Whitwell Community Centre (Responsive Child)
 Theme URI:    http://www.whitwell-pc.gov.uk
 Description:  Responsive Child Theme
 Author:       Karl Austin
 Author URI:   http://karlaustin.nocm
 Template:     responsive
 Version:      1.0.0
 Text Domain:  whitwell-community-centre
*/

@import url('../responsive/style.css');
@import url(http://fonts.googleapis.com/css?family=Marcellus+SC|Marcellus|Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,300,600);

html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, 
ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 font-family: 'Open Sans', sans-serif;
}

#container {
 max-width: 100%;
 padding: 0;
}

#container > div {
 margin-left: 25px;
 margin-right: 25px;
}

#container .skip-container {
 padding: 0;
}

#container > #header {
 margin: 0 0;
 position: relative;
}

#header #logo {
 position: relative;
}

#header .main-nav {
 top: -45px;
 position: relative;
 width: 100%;
}

#header .main-nav > ul.menu {
 background-color: rgba(65,0,135,0.8);
 background-image: none;
 padding-left: 25px;
 padding-rght: 25px;
}

#container > #wrapper {
 margin: -50px auto 25px auto;
 max-width: 1400px;
 padding: 0.25% 2% 2% 2%;
}

#content, #content-blog, #content-full {
 margin-top: 10px;
}

#content a, #content span, #content-full a, #content-full span, #content-blog a, #content-blog span {}

#content a, #content-full a, #content-blog a {
 color: #4da4d8;
}

#content a:hover, #content-full a:hover, #content-blog a:hover {
 color: #9f2936;
 text-decoration: underline;
}

#content div.page, #content div.event, #content div.post {
 padding-right: 2%;
}

#footer {
 background-color: rgba(65, 0, 135, 0.8);
 margin: -25px auto 0;
 max-width: 100%;
}

#footer-wrapper {
 margin: 0 auto;
 max-width: 1400px;
}

#footer_widget .widget-wrapper {
 border: none;
 background-color: transparent;
 font: Marcellus, serif;
 font-size: 1.2em;
}

#footer_widget .widget_text {
 margin-bottom: 0;
}

#footer_widget .widget-wrapper {
 margin-bottom: 0;
}

#menu-title {
 border-left: 1px solid #585858;
 color: #FFF;
 display: block;
 float: right;
 font-family: 'Marcellus SC', serif;
 font-size: 2.1em;
 font-weight: 700;
 height: 45px;
 letter-spacing: 0.2em;
 line-height: 45px;
 margin: 0;
 padding: 0 0.9em;
 position: relative;
 text-decoration: none;
 text-shadow: 0 -1px 0 #000;
 white-space: nowrap;
}

#wrapper {
 border: 1px solid #d2cab6;
 border-radius: 0;
 border-bottom: 0;
 border-top: 0;
}

.contact-telephone p {
 color: #9F2936;
 font-size: 1.9em;
 margin-top: 10px;
}

.menu-item, .menu-item a {
 font-family: 'Marcellus', serif;
}
.menu-item a {
 font-size: 1.25em;
 letter-spacing: 0.1em;
}

.menu .current-menu-item a {
 background-color: rgba(49,0,102,0.8);
 background-image: none;
}
/**
.menu > li:hover {
 background-color: rgba(49,0,102,0.8);
}
*/
.menu a:hover {
 background-color: rgba(49,0,102,0.8);
 background-image: none;
}

.menu li li {
 background-color: #7a4fa8;
}

.menu li li a {
 font-size: 1em;
}

#menu-main li .sub-menu li:hover, #menu-main li .sub-menu li a:hover {
 background: #e6d5bc !important;
}

h1,h2,h3,h4,h5,h6,h7,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h7 a,
#content h1 a,#content h2 a,#content h3 a,#content h4 a,#content h5 a,#content h6 a,#content h7 a,
#content-blog h1 a,#content-blog h2 a,#content-blog h3 a,#content-blog h4 a,#content-blog h5 a,#content-blog h6 a,#content-blog h7 a,
#content-post h1 a,#content-post h2 a,#content-post h3 a,#content-post h4 a,#content-post h5 a,#content-post h6 a,#content-post h7 a {
 color: #0d2b3e;
 font-family: 'Marcellus', serif;
}

table {
 width: 85%;
}

table th {
 background-color: #b3d5ab;
 color: #30243c;
 font-family: 'Marcellus', serif;
 font-weight: 600;
 font-size: 1.25em;
}

table.doclist {}
table.doclist tr:first-child {
 border-top: 0px;
}
table.doclist tr td:first-child {
 background-color: #b3d5ab;
}
table.doclist tr td + td {
 background-color: #eaeaea;
}
table.doclist tr td[colspan] {
 background-color: #fff;
}
.breadcrumb-list {
 font-size: 1.15em;
 margin-bottom: 2.0em;
}
#wrapper .breadcrumb-list a, #wrapper .breadcrumb-list span {
 color: #4e8542;
}

dt {
 color: #761e28;
 font-family: 'Marcellus', serif;
 font-size: 1.2em;
 font-weight: 600;
 margin: 0;
}
dd {
 margin: 0 0 20px 0;
 padding: 0 0 0 20px;
}

.gallery {
 background-color: #e3ded1;
 border: 1px solid #b9ad8c;
 max-width: 790px;
 padding: 10px 9px;
}
.gallery dl {
 padding: 2px 3px;
}
.gallery dl a img {
 border: 1px solid #fff;
}

div.councillor {
/* border: 1px solid #d9d9d9;*/
 margin-bottom: 30px;
 min-height: 250px;
 width: 100%;
}
div.councillor.left img {
 float: left;
 margin: 5px 1.4% 5px 5px;
 width: 20%;
}
div.councillor.right img {
 float: right;
 margin: 5px 5px 5px 1.4%;
 width: 20%;
}
div.councillor p {
 margin: 10px 2px 0 22.4%;
 min-height: 25px;
 width: 76.5%;
}
div.councillor.right p {
 margin: 10px 22.4% 0 1.4%;
}
div.councillor div.about {
/* border-bottom: 1px solid #e3ded1;*/
 min-height: 185px;
 padding-bottom: 5px;
}
div.councillor span {
 display: inline-block;
 font-weight: 400;
 width: 38.5%;
}
div.councillor span.address {
 background-color: inherit;
 border: none;
 color: #877952;
 font-style: italic;
 text-align: right;
 width: 61.5%;
}
div.councillor span.elected {
 border-bottom: 1px solid #e3ded1;
 display: block;
 font-size: 0.75em;
 padding-bottom: 5px;
 width: 100%;
}
div.councillor span.name {
 font-size: 1.2em;
 font-weight: 600;
}
div.councillor span.email {
 width: 50%;
}
div.councillor span.telephone {
 width: 50%;
}
div.councillor span.email::before {
 content: "Email: ";
 font-weight: 600;
}
div.councillor span.elected::before {
 content: "Elected ";
}
div.councillor span.telephone::before {
 content: "Telephone: ";
 font-weight: 600;
}
div.councillor span.title {
 background-color: #f2f2f2;
 clear: both;
 color: #761e28;
 margin: -15px 5px 5px;
 font-weight: 600;
 padding: 4px 0px 5px;
 text-align: center;
 width: 20%;
}
div.councillor.left span.title {
 float: left;
}
div.councillor.right span.title {
 float: right;
}
hr {
 background-color: #604878;
 margin: 20px auto 40px;
 width: 90%;
}

#content .doclist a, #content-blog .doclist a, #content-post .doclist a {
 color: #0d2b3e;
}

.dataTables_wrapper {
 padding: 5px 5px 10px;
}

#logo img {
 width: 100%;
}

h2.post-title {
 margin-bottom: 5px;
}

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

 #header .main-nav {
  background-color: rgba(193,152,89,0.8);
  background-image: none;
  position: relative;
  top: 0px;
  width: auto;
 }

 #header .main-nav > ul.menu {
  padding-left: 0.5%;
  padding-rght: 0.5%;
 }

 #menu-title {
  border-left: none;
  color: #262626;
  font-size: 1.3em;
  text-align: center;
  width: 100%;
 }
 #container > #wrapper {
  margin-top: 0;
 }

 .js .main-nav .menu {
  width: 99.5%;
 }
}