@font-face {
  font-family: "site-webfont";
    src:url("../fonts/site-webfont.eot");
    src:url("../fonts/site-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/site-webfont.woff") format("woff"),url("../fonts/site-webfont.ttf") format("truetype");}

.err
{
	font-family : Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color: red;
}
hr {
    clear:both;
}
body {
    letter-spacing: 1px; 
    font: 14px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 200 !important;
    line-height:20px;
}
.fullwidth.slider {
    margin: 0 auto;
    max-width:1600px;
}
.container {
    max-width:1500px;
    width: 95%;
}

.section-webstats table.aws_data td table td {vertical-align: bottom !important;}
.section-webstats table.aws_data td table td img {vertical-align: bottom !important;}
.section-webstats table.aws_data td.aws > img {max-height: 7px;}
i.glyphicon {font-size: 11px;}


/* slider */
#slider-panes,
#slider-panes img {
    height: auto;
    max-width:1600px !important;
    width:100% !important;
}


/* font colours */
h1, h2, h3, h4, h5, h6,
.documentDescription {
    color: #0c4390;  /*  blue */
}
.documentFirstHeading {
    border-bottom:0;
    padding-top: 9px;
}
#content a, 
#content a:hover {
    border-bottom: none !important;
    text-decoration: underline;
}
#content a:hover {
    color: #72c802;  /*  orange */
}
#content p,
#content li {
    letter-spacing: 1px; 
    font: 14px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 200 !important;
    line-height:20px !important;
}
#content li {
    list-style: inside;
    margin-bottom: 8px;
}
body.section-front-page #content a {
    font-size:18px;
}


/* logo */
#portal-logo img {
    max-width: 360px;
    width:100%;
}

/* navigation bar & portlet header */
#mainnavigation-wrapper,
#above-content-wrapper {
    clear:both;
}
#portal-nav,
.plone-navbar,
#footer-addr,
#portal-footer-wrapper {
    background-color: #0c4390;  /*  blue */
}
.plone-nav > li > a {
    padding-right:20px;
    padding-left:20px;
}
.plone-navbar,
.plone-nav > .selected > a,
.plone-nav > li > a:hover, 
.plone-nav > li > a:focus {
    background: linear-gradient(45deg, rgba(255,255,255,0.1) 14%, transparent 14%, transparent 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 64%, transparent 64%, transparent);
    background: -moz-linear-gradient(45deg, rgba(255,255,255,0.1) 14%, transparent 14%, transparent 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 64%, transparent 64%, transparent);
    background: -o-linear-gradient(45deg, rgba(255,255,255,0.1) 14%, transparent 14%, transparent 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 64%, transparent 64%, transparent);
    background: -webkit-linear-gradient(45deg, rgba(255,255,255,0.1) 14%, transparent 14%, transparent 50%, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0.1) 64%, transparent 64%, transparent);
}

.plone-navbar {
    margin-bottom:0;
    background-size: 10px 10px;
    background-color: #0c4390;
}
.plone-nav > li > a {
    font-size: 19px;
}
.plone-nav > .selected > a,
.plone-nav > li > a:hover, 
.plone-nav > li > a:focus {
    /* background-color:#fdac53; */   /*  orange */
    /* background-image: -moz-linear-gradient(left center , #ffd14d, #ed7634, #622137,#e7547b,#76ab34); */
    background-color: #72c802;
    background-size: 10px 10px;
}
.portlet .portletHeader > a,
.portlet .portletHeader {
    color:#fff;
    background: #6fc204;
}
.portletContent p a {
    color: #558915 !important;   /* darker green */
}
.portletNavigationTree .portletContent > ul > li > a {
    background: #fcfcfc;
    color: #558915 !important;   /* darker green */
}
.portletNavigationTree .portletContent > ul > li > a:hover,
.portletNavigationTree .portletContent .navTreeCurrentNode > a {
    background: #6fc204;  /* green */
    color: #fff !important;
}


section.portlet {
    border-color:#6fc204;
}
body.section-contact-us .portlet-static-venue-hire-enquiry {display:none;}
body.section-contact-us.subsection-general-enquiry .portlet-static-general-enquiry {display:none;}
body.section-contact-us.subsection-general-enquiry .portlet-static-venue-hire-enquiry {display:block;}

.vevent span.cal_month {
    background: #6fc204 important;
}
h2.tileHeadline a,
h2.tileHeadline a span.summary {
    color:#6fc204;  /* green */
}

h2.tileHeadline a:hover,
h2.tileHeadline a span.summary:hover {
    color:#fdac53 !important;  /* orange  */
} 


/* breadcrumbs */
.plone-breadcrumb {
    background-color:#f6f6f6;
    clear:both;
}


/* search */

/* buttons */
.standalone, [type="submit"], button, .standalone:hover, [type="submit"]:hover, button:hover, .standalone:focus, [type="submit"]:focus, button:focus, .standalone:active, [type="submit"]:active, button:active, .standalone.active, .active[type="submit"], button.active, .open > .dropdown-toggle.standalone, .open > .dropdown-toggle[type="submit"], .open > .dropdown-togglebutton {
    color: #fff;
    background-color: #0c4390;
    border-color: #0c4390;
}
.standalone:hover, .context:hover, .destructive:hover, [type="submit"]:hover, button:hover, .standalone:focus, .context:focus, .destructive:focus, [type="submit"]:focus, button:focus {
    color: #fff;
    background-color: #fdac53;
    border-color: #fb8e17;
    text-decoration: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
input[type="text"], input[type="email"], input[type="password"], textarea, select {
    border-color:#0c4390;
}

/* body */
.documentDescription {
    line-height:26px;
    font-weight: normal;
}
#portal-header,
#portal-columns #content h1,
#portal-columns #content .documentDescription,
#portal-columns #content-core,
#agencies,
#portal-footer-wrapper #portal-footer {
    margin:20px auto;
    max-width:1500px;
    width:100%;
}

/* homepage */
body.section-front-page #portal-breadcrumbs,
#content #viewlet-above-content-title #slider-wrapper {
    display: none;
}

/* homepage widths */
#content .full,
#content .half,
#content .thirds,
#content .quarter {
    padding-top:9px;
    width:100%;
}
#content .full > div,
#content .half > div,
#content .thirds > div,
#content .quarter > div {
    min-width:225px;
    margin: 0 auto;
    float:left;
}
#content .full > div {
    width: 100%;
}
#content .half > div {
    width:49%;
}
#content .thirds > div {
    width:32%;
}
#content .quarter > div {
    width:25%;
}
.underln{text-decoration:underline;}
.left{float:left;}
.left-txt{text-align:left;}
.right{float:right;}
.right-txt{text-align:right;}

.visualClear{clear:both !important;}
.clear-left {clear:left !important;}


/* homepage circles */
#homebox p {
    color: #0c4390;
    text-align:center;
    font-size:20px;
}
#homebox img {
    border-radius: 50%;
    margin: 10px 10px;
    width:200px;
    height:200px;
    text-align: center;
    float: none;
    box-shadow: 10px 10px 20px 0 #bababa;
    -moz-box-shadow: 10px 10px 20px 0 #bababa;
    -webkit-box-shadow: 10px 10px 20px 0 #bababa; 
}

/* facilities */
body.section-venue-hire #content h3 {
    padding-top: 10px;
    margin: 10px;
}
body.section-venue-hire #content img {
    border-radius:6px;
    max-width:240px;
}
body.section-venue-hire #content p {
    margin-bottom: 20px;
}


/* table of costs */
p strong em {
    color: red;
    font-size: 12px;
}
table.hireCosts {
    float:left;
    margin: 6px 20px 6px 0;
    max-width:500px;
    min-width:290px;
    width:48%;
}
table.hireCosts.NFP {
    margin-right:0;
}
table.hireCosts th {
    color: #0c4390;
    font-size:18px;
    font-weight:normal;
    text-align:center;
    padding:8px 0;
}
table.hireCosts td {
    font-size:14px;
    line-height:20px;
    padding: 6px;
}
table.hireCosts > tbody > tr > th, 
table.hireCosts > tbody > tr > td {
    border: 1px solid #0c4390;
}


/* history */
body.section-history h2 {
    margin-top:40px;
}
body.section-history #content img {
    border-radius: 4px;
    height:auto;
    margin: 8px 8px 30px 8px;
    max-width:300px;
    width:100%;
}
body.section-history #content img.image-right {
    margin-right: 0;
}
body.section-history #content img.image-right.moveup {
    margin-top: -32px;
    max-height:350px;
}
body.section-history #content img.image-left {
    margin-left: 0;
}

body.section-village-overview #content img {
    border-radius: 4px;
    height:auto;
    max-width:400px;
    width:100%;
}

/* organisations */
#content #content-core > div.item {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    box-shadow: 3px 3px 3px 3px #767676;
    margin:0 25px 25px 0;
    padding: 0 6px 12px 12px;
}
#content #content-core > div.item h2 {
    font-size:18px;
    line-height:26px;
    margin-top:6px;
    text-align:center;
}
#content #content-core > div.item span {
    clear:both;
    width:200px;
}
#content #content-core > div.item img {
    margin-right:12px;
    max-width:200px;
    float:left;
}
#content #content-core > div.item a {
    text-decoration:none;
}


/* overview */
body.section-village-overview #portal-column-two img {
    margin-top:62px;
}


/* contact forms */
#portal-column-two img {
    border-radius: 6px;
    margin-bottom:20px;
    max-width:100%;
}
body.section-contact-us #content-core > div {
    width:auto;
    margin-right:20px;
}
body.section-contact-us #content-core > div.pfg-form {
    float:left;
}
body.section-contact-us #content-core > div .field {
    width: 100%;
}
body.section-contact-us #content-core form .boolean {
    margin-top:-18px;
}
body.subsection-te-ara-hou-village-hire .pattern-pickadate-time-wrapper {
    display:none;
}

/* footer table */
#agencies-content .footerTable,
.agencies.aboveFoot {
    clear:both;
}
#agencies-content .footerTable {
}
.portlet-static-footer-table {display:none;}

/* agencies in footer area */
#agencies .inFoot,
#portal-footer .aboveFoot {
    display:none;
}
#agencies {
    border-top: 1px solid #c8d1de;
}
.agencies {
    padding-top:29px;
}
.agencies h3,
.agencies p {
    padding: 0 12px;

    text-align:center;
}
.agencies img {
    height:auto;
    max-width:100px;
    max-height:120px;
    margin: 10px 10px 20px 0;
}
.agencies img.tah-logo {
    max-width:130px;
}


/* footer address info */
#portal-footer-wrapper #portal-footer {
    margin-bottom: 0;
}
#portal-footer-wrapper,
#portal-footer-wrapper #portal-footer {
    padding-top: 1px;
    margin-top:0 !important;
}
#portal-footer-wrapper .portletWrapper:first-child {
    border-bottom: 0;
}
#portal-footer-wrapper .portletWrapper {
    width:100%;
}
#portal-footer-wrapper p {
    border-bottom: 0;
    padding-bottom:2px;
    font-size:15px;
}
.addrAndMap .addressFooter {
    float:left;
    margin-bottom:20px;
    text-align:left;
    width:100%;
}
.addrAndMap .headerFooter h2 {
    color: #fff;
    padding-left:0;
    margin-left:0;
    text-align:left;
}
.addrAndMap .addressFooter h3,
.addrAndMap .addressFooter .footerheading {
    color:#fff !important;
    font-size: 19px;
    font-weight:400;
    margin: 15px 0 8px !important;
}
.addrAndMap .addressFooter > div {
    color: #fff;
    font-size:15px;
}
#portal-footer-wrapper .addrAndMap .addressFooter a {
    color: #fff;
    font-weight:bold;
}
#portal-footer-wrapper .addrAndMap .addressFooter a:hover {
    text-decoration: underline;
    color: #fdac53;
}
.addrAndMap .addressFooter > div {
    float:left;
    line-height: 26px;
    text-align:left;
    width: 30% !important;
}
.addrAndMap .addressFooter .addr {
    min-width:350px;
}
.addrAndMap .addressFooter .contact {
    margin-top:12px;
    min-width:270px;
}
.googlemap,
.googlemap iframe {
    display:inline;
    max-width:750px;
    width:100%;
}


/* copyright information */
#copyright {
    font-size:14px !important;
    line-height: 20px;
    margin-bottom: 25px !important;
}
#copyright, #copyright strong {
    color:#fff !important;
}

#site-credits a {
    color:#fff !important;
    font-size:11px !important;
}


/*  Size adjustments */
@media only screen and (max-width: 1502px){
    #portal-columns #content h1,
    #portal-columns #content .documentDescription,
    #portal-columns #content-core {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 1320px){
    .hire.left {
        width: 70%;
    }
}


@media only screen and (max-width: 1279px){
    .addrAndMap .addressFooter {
        width:100%;
    }
}
@media only screen and (max-width: 1111px){
    .hire.left {
        width: 65%;
    }
}



@media only screen and (max-width: 1049px){
    #homebox img {
        width: 160px;
        height: 160px;
    }
    #content .quarter > div {
        min-width: 160px;
    }
    #homebox p {
        font-size: 20px;
    }
    .hire.left .imageR {
        padding-left: 0;
    }
}


@media only screen and (max-width: 980px){
    .hire.left {
        width: 98%;
    }
    .hire.right {
        margin-top:20px;
        width: 98%;
    }
    .hire.right img {
        min-width:200px;
        width:30%;
    }
    #content .hire.right {
        width:100% !important;
    }
    #content .hire.right div {
        float:left !important;
        width:49% !important;
    }
}


@media only screen and (max-width: 900px){
    body.section-history h2 {
        clear: both;
    }
}


@media only screen and (max-width: 829px){
    body.section-front-page #portal-columns #content-core {
        padding: 0 5px;
    }
    #portal-searchbox {
        position:absolute;
        right: 20px;
        top: 20px;
    }
}

@media only screen and (max-width: 767px){
    #portal-searchbox {
        right: 20px;
        top: -50px;
    }
    #portal-searchbox [type="submit"] {
        display: inline;
    }
    #content .quarter > div {
        width: 48%;
        margin-bottom: 20px;
    }
    table.hireCosts {
        min-width:270px;
    }
    #portal-column-two > div,
    #portal-column-two img {
        float:left;
        margin-top:0;
        margin-right:18px;
        max-width:240px;
    }
    body.section-village-overview #content {
        margin-bottom:4px;
    }
    .col-xs-6 {
        width: 100%;
    }
    body.section-contact-us #portal-column-two img {
        display:none;
    }
}

@media only screen and (max-width: 640px){
    .JFC {
        clear:both;
    }
    #portal-searchbox {
        float:none;
    }
    table.hireCosts {
        min-width:470px;
    }
}

@media only screen and (max-width: 625px){
    body.section-history #content img.image-right.moveup {
        margin-top: 0;
    }
    table.hireCosts {
        margin-right:0;
    }
}

@media only screen and (max-width: 480px){
    table.hireCosts {
        min-width:370px;
    }
    .hire.right img {
        width:25%;
    }
    .hire.left .imageL {
        padding-right: 0;
    }
    .hire.left .imageR {
        padding-left: 0;
    }
    .hire.left .image-right {
        display:none;
    }
    body.section-front-page article#content {
        margin-bottom:2px;
    }
    #portal-column-two > div, 
    #portal-column-two img {
        max-width: 100%;
        width:480px;
    }
}


@media only screen and (max-width: 420px){
    #portal-searchbox {
        display: none;
    }
}


@media only screen and (max-width: 389px){
    #homebox img {
        width: 140px;
        height: 140px;
    }
    #content .quarter > div {
        min-height:230px;
        min-width: 140px;
    }
    table.hireCosts {
        min-width:270px;
    }
    #content .hire.right div {
        width:99% !important;
    }
    #portal-column-two > div, 
    #portal-column-two img {
        width:360px;
    }
}

@media only screen and (max-width: 340px){
    .hire.left .imageL {
        padding-right: 0;
    }
    .hire.left .imageR {
        padding-left: 0;
    }
    .hire.left h3 {
        clear:both;
        padding-top:10px;
    }
    #content .quarter > div {
        min-height:210px;
        width: 95% !important;
    }
    #portal-column-two > div, 
    #portal-column-two img {
        width:320px;
    }
    .addrAndMap .addressFooter > div {
        font-size:15px;
    }
    #portal-footer-wrapper {
        padding: 0 0 30px 0;
    }
}