/* ===================================================

   ABOUT HERTFORD STYLE SHEET
   hertford.org.uk
   
   Adapted from Hertford Music Festival style sheet

   ===================================================
   
   Steve Beeston
   April 2013 / August 2022

   Updated 28/7/24 for new header by Steve Beeston
   -  Menu duplications removed (can be found in menu.css)

   ===================================================
*/


@import "menu.css";



/*
   =====
   FONTS
   =====
*/


/* belgrano-regular - latin */
@font-face {
  font-family: 'Belgrano';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/belgrano-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/belgrano-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/belgrano-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/belgrano-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/belgrano-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/belgrano-v18-latin-regular.svg#Belgrano') format('svg'); /* Legacy iOS */
}



/* poppins-300 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-300italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/poppins-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-300italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/poppins-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins-v20-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/poppins-v20-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins-v20-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins-v20-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins-v20-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins-v20-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins-v20-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}

/* Some fonts removed 28/7/24 SRB
   Krona One
   Georgia
   Angla-Saxon Caps
*/



   
* {margin: 0px; padding: 0px;}


/*
   ============
   LAYOUT STUFF
   ============
*/


body {
   font-family: "Poppins", verdana, arial, "sans serif";
   font-size: 15px;
   color: #222;
   background: #2D5415; /* 2022D 14/76/22 SRB */
}


div.outer-wrapper {
   position: relative;
   float: left;
   background-color: #333;
   width: 100%;
   min-height: 100%;
}

div.inner-wrapper {
   position: relative;
	margin: 0 auto;
   width: 100%;
   max-width: 980px;
   max-width: 1080px; /* SRB 4/8/22 */
   color: white;
   /* background-color: #2c2c2c; SRB 20/7/22 */
}

#news div.outer-wrapper {
   background-color: #e8e8e8;
}

/* SRB 22/1/24 */
ol {
   margin-left: 15px;
}

/* SRB 28/6/25
	Narrow column introduced for newer galleries */

.narrow-column-700 {
	max-width: 700px;
	margin: auto; 
	text-align: left
}




/*
   -------------------
   Headers and footers
   -------------------
*/


header, footer {
	width: 100%;
}


header {
   /* position: absolute; --- SRB 16/9/23 */
   z-index: 2;
   padding: 0px;
   float: left;
   background: transparent;
   background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(64,64,64,0.2), rgba(32,32,32,0.5));
   background-color: #2D5415; /* SRB 17/9/23 */
   border-bottom: 4px solid #274b11; /* SRB 14/8/24 */
   border-bottom: 5px solid #456332; /* SRB 14/8/24 */
}

header .nav {
   color: white;
   font-size: 1.3rem;
   cursor: pointer;
   text-shadow: 1px 1px 2px #333;
}

#news header,
#retail-database header,
#housing-database header,
#gallery header {
   position: relative;
}

header .inner-wrapper,
header .row {
   background: transparent;
}


footer {
   background: #4A7231;
   background: #2D5415; /* 2022D 14/76/22 SRB */
   /* height: 120px; --- why restrict the height? disabled by SRB 14/8/22 */
   position: relative;
   float: left;
   color: white;
   border-top: 5px solid #456332; /* SRB 14/8/24 */
	/*bottom: 0;*/
   padding-top: 15px /* SRB 17/8/24 */
}  

footer .row {
   background-color: #2D5415;
}

footer p,
footer a {
   font-size: 1rem;
   color: white !important;
}

footer a {
   color: white;
}

footer ul {
    list-style-type: none;
    margin-left: 0;
   padding-inline-start: 0;
}

footer ul li a,
footer a {
   display: inline;
   padding: 0;
   display: block;
   width: 100%;
   text-decoration: none;
   font-size: 1rem;
   /* SRB 15/8/24 */ 
   font-size: 0.9rem;
   line-height: 1.4rem;
}

footer ul li a:hover, footer ul li a:active {
    text-decoration: underline;
}






div.banner-image-wrapper {
    width: 100%;
    background: #ddd;
    position: relative;
}

/* SRB 28/08/24 disabled
#housing-database div.banner-image-wrapper,
#retail-database div.banner-image-wrapper {
   background: #383838;
}
*/

#contact form {
   max-width: 470px;
   margin: 40px auto;
}

div.url-field {
   display: none;
}

#content {
   position: relative;
   float: left;
   /* padding: 15px 0; replaced with line below SRB 6/7/13 */
   margin: 15px 0;
   clear: both;
   min-height: 600px;
   background: white;
   width: 100%;
}

.text-left {
   text-align: left !important;
}

.text-right {
   text-align: right !important;
}

.text-center,
.text-centre {
   text-align: center !important;
}

.rounded-corners {   
   border-radius: 10px;
}






#home .intro,
#about .intro {
   padding-left: 170px;
   padding-right: 170px;
   margin-top: -100px;
   background-color: #2A2A2A;
   border-radius: 10px;
   opacity: 0.95;
}

#home .intro p {
   margin-top: 20px;
}

#about .intro {
   margin-bottom: 20px;
}

#shopping .intro,
#arts-leisure .intro {
   margin-top: -120px;
   padding: 20px 40px; 
   opacity: 0.95; 
   border-radius: 10px
}

#bircherley-green-feature .intro,
#post-office-feature .intro {
   margin-top: -70px; 
   padding: 20px 40px; 
   opacity: 0.95;
   border-radius: 10px;
}

table#ward-details td,
.ward-details p {
   font-size: 0.9rem !important;
   margin: 5px 0;
}

div#accordion {
   width: 100%;
   float: left;
}

.ui-accordion .ui-accordion-header {
   font-size: 120%;
}

div#content a {
   border-bottom: 1px dotted #00a651;
   border-bottom: 1px dotted #349e47; /* SRB 27/8/18 */
   border-bottom: 1px dotted #4A7231; /* SRB 13/7/22 */
   border-bottom: 1px dotted #2D5415; /* 2022D 14/76/22 SRB */
}

.noborder {
   border: 0;
}

/* Venues page */
div#column1 {
   position: relative;
   float: left;
   width: 530px;
}

/* Venues page */
div#column2 {
   position: relative;
   float: right;
   width: 450px;
   text-align: right;
}

div.map {
   margin-top: 60px;
}

.map a {
   font-size: 10px;
   color: #dd1a22;
   text-align: left;
}

table.mmt-acts {
   margin: 20px 0 40px;
}

table.mmt-acts tr {
   height: 20px;
}

#carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}

div.credit {
   float: left; 
   width: 500px;
}

div.social-media-icons {
   float: right;
   text-align: right;
   width: 100%;
}



div.social-media-icons img {
   float: right;
   margin-left: 3px;
   width: 35px;
   height: 35px;
}




header div.social-media-icons {
   margin-right: 7px;
   margin-top: 9px;
   margin-bottom: 5px;
}

footer div.social-media-icons {
   margin-bottom: 15px;
}

footer .logo {
   width: 200px; 
   height: auto;
}


div#column-right {
   position: relative; 
   float: right; 
   width: 65%; 
   margin-left: 10px;
}

div#column-left {
   position: relative; 
   float: left; 
   width: 32%; 
}

div#column-left table tr {
   height: 20px;
}

.venue-list li a {
   line-height: 24px;
}

.centre {
   text-align: center;
}

#working {
   visibility: hidden;
   height: 26px;
   float: right;
}


/*
   ==========
   TYPOGRAPHY
   ==========
*/


/* p, h1, h2, h3, h4 { -- SRB 10/10/24 00747 --- reverted 16/10/24*/
p, h1, h2, h3, h4 {
   margin: 14px 0;
}

h1, h2, h3, h4 {
   font-family:  "Belgrano", verdana, arial, "sans serif";
   font-weight: normal;
   letter-spacing: -1px; /* SRB 14/8/22 */
   line-height: 1.4; /* SRB 14/8/22 */
}

#home h1 {
   font-size: 1.6rem;
   border-bottom: 1px solid silver; /* SRB 28/8/24 */
}

p, td, li, select, input, label {
   font-family: Poppins, Roboto, "open sans", verdana, arial, "sans serif";
   font-size: 1rem;
   /* line-height: 26px; --- replaced by below SRB 27/9/23 */
   line-height: 1.5rem;
   line-height: 1.6rem; /* SRB 10/10/24 00747 */
   /* margin: 15px 0; /* SRB 10/10/24 00747 -- disabled 14/10/24 */
}

p {
   text-align: left; /* SRB 30/9/23 */
}

a {
   color: #6cde26; 
   color: #51c30b; /* SRB 26/7/22 */
   text-decoration: none;
}

h1 {
   font-size: 2.2rem; /* SRB 27/4/17 */
}

h2 {
   font-size: 30px;
}

#privacy h2 {
   font-size: 1.6rem
}

h3 {
   font-size: 25px;
   /* color: #00a651 !important; */
}

#privacy h3 {
   font-size: 1.4rem
}

h4 {
   font-size: 22px;
   font-weight: normal;
}

ul {
   margin-left: 15px;
}

p.opening {
   font-family:  "Belgrano", verdana, arial, "sans serif";
   font-size: 1.35rem;
   margin-bottom: 20px;
   /* border-bottom: 1px solid #555; --- removed by SRB 22/8/24 */
   padding-bottom: 20px;
   line-height: 1.8rem;
}

/*
p.opening::first-letter {
   initial-letter: 2;
   margin-right: 0.3rem;
}
*/

/* SRB 9/23 */
p.first::first-letter,
p.first:first-letter {
   font-family:  "Belgrano", verdana, arial, "sans serif";
   font-size: 200%;
   /* initial-letter: 2;  not supported by Safari */
   margin-right: 0.2rem;
   line-height: 2rem;
   float: left;
   font-size: 3.2rem;
   margin-top: 0.55rem;
}

.pagenumber {
   font-size: 0.9rem;
    padding-top: 0.45rem;
    background-color: white;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    margin: 0 0 1.25rem;
    display: inline-block;
    padding: 10px 16px;
}

.small {
   font-size: 0.9rem;
}

p.publication-date{
   font-style: italic;
   color: silver;
   text-align: center;
}

footer .social-media-icons p {
   text-align: right;
}

footer p.copyright {
   text-align: center;
   margin-top: 0;
}

/* 
   ===========================
   TOGGLE SWITCH
   Used on the retail database
   SRB 18/8/22
   ===========================
 */

.toggle-left,
.toggle-right {
   border: 2px solid #2D5415; 
   padding: 5px;  
}

.toggle-left {
  border-radius: 10px 0 0 10px; 
}

.toggle-right {
   border-radius: 0px 10px 10px 0; 
}

.toggle-active {
   color: white; 
   background: #2D5415; 
   cursor: default;
   pointer-events: none;
}

.toggle-inactive {
   color: #2D5415; 
   background: silver; 
}





/*
   ==========
   NAVIGATION
   ==========
*/


nav {
   float: right;
   /* height: 23px;*/
   /* margin-top: 28px; */
}





/*
   =======
   BUTTONS
   =======
*/

a.button,
input[type="submit"] {
   background: #00a651;
   background: #349e47; /* SRB 27/8/18 */
   background: #4A7231; /* SRB 13/7/22 */
   background: #2D5415; /* 2022D 14/76/22 SRB */

	padding: 5px;
   padding: 10px; /* SRB 23/8/17 */
	color: #fff; 
   font-size: 0.9rem;
	/* border-radius: 5px; SRB 23/8/17 */
   display: inline-block;
   margin-top: 5px;
   transition: background-color 300ms ease-out;
   border-width: 0;
}

a.button:hover,
input[type="submit"]:hover {
   background-color: #6d9c4f;
   background-color: #4d7f2e; /* SRB 9/8/22 */
   background-color: #456332; /* SRB 14/8/24 */
}

.button:disabled {
   background: silver;
}

a.small-button {
   padding: 7px;
   font-size: 0.8rem;
}

a img {
   border:0;
}

a.paypal-button {
    font-size: 1rem;
    margin: initial;
    cursor: pointer;
    background: #444 !important;
    padding: 3px 6px;
    color: #bbb;
    border: #888 2px solid;
    border-radius: 5px;
    display: inline;
    margin: 20px auto;
}


/*
   ========================
   TABLE STUFF
   Imported from Foundation
   ========================
*/


table {
   background: white;
   margin-bottom: 1.25rem;
   border: solid 1px #dddddd;
   table-layout: auto;
}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
   display: table-cell;
   line-height: 1.125rem;
   vertical-align: top;
}
table tr th, table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222222;
    text-align: left;
}

table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9;
}

th {
   font-weight: 600;
}



/*
   ==========
   NEWS PAGES
   ==========

/* News page image caption
   Used with SPAN   */

#news .top-row {
   background-color: white;
}

#news p,
#news li {
   color: #333;
   margin-top: 0;
}

#news p,
#news ul {
   margin-bottom: 16px;
}

#news p a {
   color: forestgreen;
}

#news p a.button {
   color: white;
}

#news p a:hover {
   text-decoration: underline;
}

#news p a.button:hover {
   text-decoration: none;
   background-color: #4e812e;
}

#news figure {
   margin: 0 0px 20px 0px;
   /*
   SRB 25/9/22 
   margin: 0 -60px 20px -60px;  /* use this with large-10 column layout *
   margin: 0 -150px 20px -150px; /* use this with large-8 column layout *
   margin: 0 -60px 20px -60px;  /* use this with large-10 column layout */
}

a.home-page-story {
   /* color: #666; --- replaced with #555 to increase contrast - SRB 4/1/21 */
   color: #555;
   border-bottom-width: 0px !important; /* SRB 2/4/19 */
   width: 100%; /* SRB 8/8/22 */
}

a.home-page-story img {
   width: 100%;
}

a.home-page-story p,
.second-news-panel {
   padding: 8px;
   border-style: solid !important;
   border-color: #ccc;
   border-width: 0 1px 1px 1px;
}

a.home-page-story h3 {
   /* font-family: Marcellus, georgia; */
   font-family: Poppins, Roboto, 'open sans', arial, sans-serif; /* SRB 14/4/18 */ 
   font-size: 1.1rem; 
   color: white; 
   background: #4A7231;
   background: #2D5415; /* 2022D 14/76/22 SRB */
   padding: 5px 8px;
   margin: 0px;
   letter-spacing: normal; /* SRB 23/11/19 */
   font: 20px 'Belgrano'; /* SRB 10/6/20 */
} 

.news-page-title {
   border-bottom: 2px solid silver; 
   margin-bottom: 25px;
   font-size: 1.7em; /* SERB 22/1/24 */
}

.news-item blockquote, .issues-item blockquote {
   font-family: Georgia, 'Libre Baskerville', serif;
   line-height: 1.5;
   color: #333;
   border-left: 4px solid silver;
   font-style: italic;
   font-size: 1rem;
   padding: 10px 20px;
   line-height: 1.6;
   margin: 0 0 1.25rem;
   background-color: #f8f8f8;
}

.news-item blockquote p,
.news-item blockquote li {
    font-family: Georgia, 'Libre Baskerville', serif;
    font-style: italic;
    color: #333;
}

.news-item blockquote.pull {
    background: url(../img/openquote.gif) top left no-repeat;
    color: #030;
    font-size: 1.0rem;
    line-height: 1.5rem;
    font-style: italic;
    padding: 13px;
    padding-left: 100px;
    margin-left: 0px;
    border-left: 0;
}

.caption, figcaption {
   display: block;
   font-size: 14px; 
   background-color: #eee; 
   border: 1px solid silver; 
   border-top-width: 0px;
   line-height: 16px; 
   padding: 4px;  
   /* SRB 19/1/20 */
   font-size: 14px;
   color: #444;
   line-height: 22px;
   /* SRB 27/11/20 */
   font-style: italic;
   text-align: center;
}


/*
   Disabled because iut broke the Bircherley Green Redevelopment gallery/feature
   SRB 3/8/22


/* SRB 17/11/20 *
figure {
   padding: 0;
   margin: 0 0 1.25rem 0
}
*/




.news-row {
   background-color: #eee;
    position: relative;
    float: left;
}


/* Added 23/11/19 by SRB */

.news-headline,
h2.news-entry {
   font-family: Belgrano;
   letter-spacing: -1px;
}

/* Added 05/04/23 by SRB */
.news-item h3 {
   color: #555;
   font-size: 1.4rem;
   font-size: 1.5rem; /* SRB 27/9/24 */
   margin-top: 25px; /* SRB 27/9/24 */
}

/* Added 21/09/24 by SRB */
.news-item h4 {
    color: #555;
    font-size: 1.3rem;
}

p.news-headline {
   font-size: 22px;
   color: #333; 
   padding: 7px; 
   margin-top: 0;
   background-color: #ddd; 
   line-height: 1.2em;
   line-height: 25px; /* SRB 15/4/20 */
}

#news h2 {
   color: #555;
}

h2.news-entry {
   font-size: 30px;
   margin-bottom: 7px;
   margin-bottom: 0px; /* reduce gap between headline and date beneath SRB 27/8/24 */
}

/* SRB 15/4/20 */
#news div.panel {
   padding: 0.9rem 0.5rem;
   background-color: #eaf1fd;
}

/* SRB 15/4/20 */
#news aside {
   border-left: 0px solid silver;
   padding-left: 5px;
}

/* SRB 15/4/20 */
#news div.panel {
   padding: 0.9rem 0.5rem;
   background-color: #e9f1e4;
   background-color: #eef4ea; /* SRB 22/1/24 */
   background-color: #f1f3eb; /* SRB 22/1/24 */
   margin-bottom: 1.25rem;
}

/* SRB 24/6/20 */
p.top-news {
   font-size: 26px;
   line-height: 26px;
   line-height: 30px; /* SRB 13/3/21 */
   background-color: #4A7231;
   background: #2D5415; /* 2022D 14/76/22 SRB */
   color: white;
   border-width: 0px !important;
   margin-bottom: 0;
}

/* SRB 4/1/21 */
p.update {
   border-left: 2px solid #4A7231;
   border-left: 2px solid #2D5415; /* 2022D 14/76/22 SRB */   
   padding-left: 10px;
   font-style: italic;
}

.top-news-panel {
   padding-left: 0.9375rem; 
   padding-right: 0.9375rem; 
   position: relative;
   width: 100%;
   float: left; /* SRB 19/7/20 */
}

#news .top-news-panel a.home-page-story p {
   border-width: 0;
   color: white;
}

a.home-page-story p.teaser {
   padding-top: 3px;
   padding-bottom: 3px;
   margin-bottom: 3px;
   font-size: 16px;
   border-width: 0;
   color: white;
}

.top-news-panel a.home-page-story p.dateline,
.second-news-panel a.home-page-story p.dateline 
{
   font-size: 12px; 
   font-weight: 400; 
   font-family: 'Poppins', 'Roboto'; 
   letter-spacing: normal;
   padding-top:2px;
   margin-top: 0;
   color: #bfcbe4;
   border: 0;
}

.top-news-panel a.home-page-story p.dateline {
   color: #bfe1aa;
}

#news .second-news-panel a.home-page-story p.dateline {
   color: #ccc;
   margin-bottom: 0;
}

#home .dateline,
#news .dateline {
   font-size: 12px; 
   font-weight: 400; 
   font-family: 'poppins', sans-serif; 
   letter-spacing: normal; 
   color: #aaa;
   line-height: 1.1rem; /* SRB 27/7/24 */
}

#news .dateline {
   color: #333;
}

.second-news-panel {
   margin-bottom : 20px;
   border-width: 0;
   padding-left: 0.9375rem;
   padding-right: 0.9375rem;
   position: relative;
   width: 100%;
   float: left;
}

.second-news-panel .image-container {
   float: right;
   max-width: 450px;
   max-width: 520px; /* SRB 9/8/22 */
   /*
   Took these margin-lefts out because I was unable to determine their purpose and they were putting a grey margin down the left of some boxes
   margin-left: 5px; /* SRB 4/1/21 
   margin-left: 6px; /* SRB 9/8/22 */
   /* Put back as text was getting too close to the image SRB 3/2/22 */
   margin-left: 6px; /* SRB 9/8/22 */
}

#news .second-news-panel p.news-headline {
   color: white;
   background-color: inherit;
   border-width: 0px !important;
   margin: 0;
   line-height: 28px; /* SRB 4/1/21 */
}

.news-panel {
   padding-top: 0;
}

div.news-headline-box-container {
   background-color: #4A7231;
   background-color: #2D5415; /* 2022D 14/76/22 SRB */
}

.news img {
    width: 100% !important;
    height: auto !important;
}

#news a img {
    display: inline-block;
    vertical-align: middle;
}

#news hr {
    border-top: 1px solid #2D5415;
    clear: both;
    margin: 1.25rem 0 1.1875rem;
    height: 0;
}

#home p.news-headline {
   font-size: 1.2rem; 
   background-color: #282828; 
   color: #eee;
}







/*
   ========
   FEATURES
   ========
*/


div.feature-panel {
   padding: 0;
}

div.feature-panel img {
   display: block;
}


div.feature-details {
   padding: 0;
   border: 1px solid #444;
   margin-bottom: 14px;
   color: #eee;
   background-color: #282828;
}

div.feature-details h2 {
   font-size: 1.3rem;
   letter-spacing: -1px;
   margin: 0;
   padding: 8px;
}

div.feature-details p {
   font-size: 0.9rem;
   line-height: initial;
   border-width: 0;
   padding: 2px 8px 10px;
   margin: 0;
}

#features .feature-panel {
   width: 31%;
   margin: 10px;
   margin-right: auto; /* SRB 17/8/24 00743 */
}

#features h1 {
   text-align: center;
}

/*
   -------------------------------
   Title overlay for banner images
   -------------------------------
*/

.banner-image-wrapper img {
   display: block;
}

.title-outer {
   text-align: center;
   position: absolute;
   bottom: 0px;
   width: 100%;
   padding: 32px 0;
   padding: 40px 0 10px;
   margin-bottom: 0;
   background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.8) 60%,rgba(0,0,0,.81));
   background: linear-gradient(180deg,transparent 0,rgba(0,0,0,.6) 60%,rgba(0,0,0,.6));
}

.title-inner {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

.title-inner p.subject {
   text-align: center;
   color: #ddd;
   color: #eee; /* SRB 17/3/23 */
   font-weight: 600;
   font-weight: 400; /* SRB 15/9/23 */
   letter-spacing: 1px;
   margin-bottom: 0;
   border-top: 2px solid #ddd;
   padding-top: 5px;
   display: inline;
}

.title-inner h1 {
   font-size: 2.5em;
   color: #ddd;
   color: #eee; /* SERB 17/3/23 */
   margin: 2px 0;
}

/*
.feature-panel {
   padding: 0;
   background-color: #282828;
   border: 1px soild silver;
}

.feature-panel h2 {
   font-size: 1.2rem;
   padding: 8px;
   margin: 0;
   color: #eee;
}
*/






button,
.button,
.pagenumber,
div.news-pagination ul.pagination li a {
   padding: 0.5rem 1rem;
font-family: Poppins, Roboto, 'open sans', arial, sans-serif; /* SRB 14/4/18 */ 
    transition: background-color .3s;
   border-radius: 3px;
}

.pagenumber {
   padding-top: 0.45rem;
   background-color: white;
   border-color: #ccc;
   border-width: 1px;
   border-style: solid;
   margin: 0 0 1.25rem; /* SRB 13/1/21 to behave the same way as button */
   display: inline-block; /* SRB 13/1/21 to behave the same way as button */
}

div.news-pagination ul.pagination li a {
   color: white;
   background-color: #4A7231;
   background-color: #2D5415; /* 2022D 14/76/22 SRB */
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: white;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.875rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.3125rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}

/* SRB 3/8/22 */
#contact textarea {
   height: auto;
}






/*
   =============
   COUNT THINGS
   STREET THINGS
   =============
*/

.count-things-container,
.street-things-container {
   width: 100%;
   display: flex;
}

.count-things,
.street-things {
   background-color: #2A2a2a;
   margin-bottom: 15px;
   border-left: 3px solid #333;
   border-right: 3px solid #333;
}

.count-things:first-child,
.street-things:first-child {
   border-right: 7px solid #333;
   border-left: 0px solid #333;
}

.count-things:last-child,
.street-things:last-child {
   border-left: 7px solid #333;
   border-right: 0px solid #333;
}

.count-things h2 {
   font-size: 1.5rem;
   margin-top: 0;
}

.count-things p {
   font-size: 0.9rem;
   line-height: 1.4rem;
}

.count-things,
.street-things,
.flex-auto {
   /* min-height: 490px; SRB 5/9/22 */
   /* flex: 1; SRB 6/9/22 */
   flex: auto;
}

.street-things img {
   display: block;
}

.street-things .feature-details {
   margin-bottom: 0;
}

/*    
   Addendum SRB 25/9/24 
   Use margin instead of border
*/

.count-things,
.street-things {
   border-width: 0px;
   margin-left: 3px;
   margin-right: 3px;
}

.count-things:first-child,
.street-things:first-child {
   border-width: 0px;
   margin-right: 7px;
   margin-left: 0px;
}

.count-things:last-child,
.street-things:last-child {
   border-width: 0px;
   margin-left: 7px;
   margin-right: 0px;
}




h2.supermarket-name {
   font-size: 1.3rem;
   padding: 0;
   margin-bottom: 6px;
}

ul.pagination li a:hover:not(.active) {background-color: #6d9c4f;}

#news summary {
    font-size: 1.2em;
    font-weight: 400;
    color: #555;
    font-family: Belgrano;
    letter-spacing: -1px;
    transition: 0.5s ease;
   cursor: pointer;
}

#news figure img {
   display: inline-block;
   vertical-align: Middle;
}

.span-tag {
    font-size: 13px;
    padding: 2px 8px 2px 4px;
     color: #fff !important;
   background: #4A7231;
   background-color: #2D5415; /* 2022D 14/76/22 SRB */
   color: #fff;
   margin: 5px;
   display: inline-block;
}



/*
   ========================
   RETAIL AND HOUSING PAGES
   ========================
*/

div.inner-wrapper {
   /* Set the max width of the inner wrapper for the retail listings page to 1000px
      because thee banner images are 1000px.
      If the inner wrapper width is greater than 1000px then the images are resized up and look bad. SRB 10/8/22 */
   max-width: 1000px
}

.retail-info-box-container {
    position: absolute;
    float: left;
    width: 100%;
    padding: 20px;
    bottom: 0px;
}

.retail-info-box {
   position: relative;
   float: left;
   border: 2px solid #2D5415; 
   display: inline-block; 
   text-align: center;
   padding: 10px;
   border-radius: 10px; 
   margin-right: 20px;
   background: rgba(255,255,255,0.85);
   margin-bottom: 10px;
}

.retail-info-box p:first-child {
   font: 1rem 'Poppins';
   color: #2D5415;
   font-weight: 500;
   font-weight: 400; /* SRB 18/3/25 */
}

.retail-info-box p {
   color: #2D5415;
   font:  48px belgrano;
   margin-bottom: auto;
}

/* disabled SRB 12/9/24
.retail-detail {
   float: left; 
   background-color: #eee;
}
*/

.retail-detail h2,
.retail-detail h3,
.retail-detail h4,
.retail-detail p,
.retail-detail td,
.retail-detail li {
   color: #333;
}

#define-retail p,
#define-retail li {
   font-size: 0.8rem;
   line-height: 1.2rem;
}

.trades-list a {
   border: 1px solid #3459A3;
   border-radius: 5px;
   margin: 3px 0 3px;
   padding: 2px 4px;
   display: inline-block;
   font-size: 0.9rem;
   background-color: #f8f8f8;
   color: #2D5415
}

.trades-list a:hover {
   color: #f8f8f8;
   background-color: #2D5415;
   transition: 0.3s;
}

/* SRB 28/08/24  */
#retail-database .outer-wrapper,
#housing-database .outer-wrapper {
   background-color: #e8e8e8;
}

/* SRB 20/11/20 */
#retail-database a.shop-name,
#retail-database a.shop-trade,
#housing-database a.shop-name {
   color: #2D5415;
}

/* SRB 20/11/20 */
#retail-database a.shop-name,
#housing-database a.shop-name {
   /* font-weight: bold; --- replaced with 600 below by SRB 4/1/20 */
   font-weight: 500;
}

#retail-database .pagenumber,
#housing-database .pagenumber {
   color: #333
}

table.housing-detail {
   background-color: #333; 
   border-width: 0;
}

table.housing-detail td {
   background-color: #333; 
   color: white; 
   font-size: initial;
   padding-left: 0;
}

details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; margin-left: -10px}
  100%  {opacity: 1; margin-left: 0px}
}

#retail-database div.banner-image-wrapper,
#housing-database div.banner-image-wrapper {
   width: 100%;
   background: #ddd;
   background: gray; /* SRB 28/08/24 */
   background-color: olivedrab; /* SRB 28/08/24 */
   background-color: #6c8241; /* SRB 28/08/24 */
   position: relative;
}

a.social-button {
    display: flex;
   align-items: center;
    width: 200px;
   height: 32px;
    min-height: 32px;
    background: #666;
    color: white;
    font-size: 0.9rem;
    vertical-align: middle;
    margin-bottom: 12px;
}

div.previous-panel {
   float: left;
   width: 100%;
   background: #393939;
   border-top: 1px solid #888;
   margin-top: 30px;
   padding: 0 10px;
}

div.previous-panel p {
   font-size: 0.9em;
}

/* 
   ================================
   MESSAGES 
   ================================
*/

.success, 
.failure {
   font: 13px arial;
   display: inline; 
   padding: 3px; 
   border-radius: 4px; 
   border-width: 2px; 
   border-style: solid; 
   margin: 3px;
   float: left;
   color: white;
}

.success {
   background-color: green; 
   border-color: green;
}

.failure {
   background-color: red; 
   border-color: red;
}



/*
   ==============================
   NEWS

   Added by Steve Beeston 15/1/17
   ==============================
*/



.news-date {
   font-size: 13px;
   padding-bottom: 20px;
   margin-top: 0;
   color: #333;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
    margin-top: 15px;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: #555;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    font-size: 1rem;
}

ul.pagination li a.active {
    background-color: #eee;
    color: black;
    border: 1px solid #ddd;
}

/*
ul.pagination li a:hover:not(.active) {background-color: #ddd;}
*/

img.imageborder {
   border: 12px solid #eee;
   border-radius: 5px;
   box-shadow: 3px 3px 5px #ccc;
   /*transform: rotate(3deg);
   -ms-transform: rotate(3deg);
   -webkit-transform: rotate(2deg);*/
}



/* SRB 22/6/22 added */
.caption, figcaption {
    display: block;
    background-color: #f4f4f4;
    border: 1px solid silver;
    border-top-width: 0px;
    color: #444;
    line-height: 20px;
    font-style: italic;
}











/* --------------------------
   Added styling for act tags
   Steve Beeston 25/4/17
   --------------------------
*/


.span-tag i {
    cursor: pointer;
}

.fa {
    margin-left: .2em;
    margin-right: .4em;
}

a .span-tag:hover {
   background: #11B762;
   transition: background-color .3s;
}



/*
   ================================
   VIDEO
   ================================
*/

.video-responsive {
   margin-top: 30px;
   overflow:hidden;
   padding-bottom:56.25%;
   position:relative;
   height:0;
   clear: both;
   border: 10px solid #ddd;
   border-radius: 5px;
   box-shadow: 2px 2px 2px #bbb;
}

.video-responsive iframe{
   left:0;
   top:0;
   height:100%;
   width:100%;
   position:absolute;
}



.shortcut-panel {
   float: left;
   border: solid 2px #00a651;
   border: solid 2px #349e47; /* SRB 27/8/18 */
   border: solid 2px #4A7231; /* SRB 13/7/22 */
   border: solid 2px #2D5415; /* 2022D 14/76/22 SRB */
   border-radius: 5px;
   padding: 10px;
}

.shortcut-panel h4 {
   font-family: Poppins, Roboto, 'open sans', arial, 'sans serif';
   font-size: 16px;
   font-weight: bold;
   color: #00a651;
   color: #349e47; /* SRB 27/8/18 */
}


/* SRB 23/8/17 */
.crisp { 
   image-rendering: -webkit-optimize-contrast;
}


/* SRB 28/08/24 - used on hime page*/
.more-link {
   font-size: 0.8rem;
   color: white;
}


/* ====================
   SEARCH PAGE
   Added by SRB 24/4/19
   ====================
*/

/*
.search-box {
    padding: 5px;
    margin: 5px 0px;
    border: 2px solid #b9bdc1;
    border: 1px solid #ccc;
    width: 100%;
    max-width: 350px;
    color: #797979;
}

.search-button {
   width: 100px; 
   padding: 5px 15px;
}

#searchform {
    border: 1px solid silver;
    max-width: 250px;
    margin: -10px auto 15px auto;
}

#searchform input {
    border-width: 0;
    padding: 5px;
    width: 210px;
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

ul.simple-list {
   margin-left: 0;
}

ul.simple-list li {
   list-style-type: none;
}

ul.simple-list li a {
   color: #666;
   line-height: 28px;
}

.pagenumber {
    font-size: 14px;
    border: 1px solid #999;
    padding: 7px 10px;
    display: inline-block;
}

.pagination-controls a.button {
    color: #eee;
    padding: 8px 10px;
    font-size: 14px;
}

*/





/*
   ===============================
   FLEX STUFF
   ===============================
*/



.flex-container {
   padding: 0;
   margin: 0;
   list-style: none;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-direction: row;
   -webkit-flex-flow: row wrap;
   justify-content: flex-start;
}

.flex-item {
   /* background: white; SRB 28/12/19 */
   /* padding-right: 10px; SRB 28/12/19 */
   width: 33.3%;
   height: 100%;
   margin-top: 10px;
   color: white;
}





#home .height-365 {
   min-height: 365px;
}

/* Added #features .height-160 -- SRB 22/5/23 */
#home .height-160,
#features .height-160 {
   min-height: 160px;
   margin-bottom: 0;
}








/* -----------------------------------------
   ADDITIONS FOR RESPONSIVE DESIGN
   -----------------------------------------

   Steve Beeston
   6th July 2013

   -----------------------------------------
*/

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

   #shopping .intro {
      margin-top: -80px;
   }
}


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

   div.inner-wrapper {
      width: 95%;
      width: 100%; /* SRB 31/8/22 */
   }

   div#content {
      /* width: 98%; */
   }

   div#column-right {
      float: left;
   }

   p, h1, h2, table {
      margin: 10px 5px;
      margin: 10px 0px; /* SRB 31/8/22 */
   }

   .headwrap img {
      margin-left: 5px;
   }

   .actvenue, img {
      /* margin-left: 5px;SRB 17/2/16 */
   }

   a.home-page-panel p {
   font-size: 30px;
   }

   .count-things h2 {
      font-size: 1.4rem;
   }

   .second-news-panel .image-container {
      max-width: 450px;
      margin-bottom: 10px;
      margin-bottom: 0px; /* SRB 3/9/22 Reset to 0 - not surewhy this was set because it was causing a grey line below the image on iPads */
   }

   #news h2 {
      line-height: 2.2rem;
   }

   #news figure {
      margin: 20px 0;
   }

   .news-page-title {
      padding-bottom: 10px;
   }

/* SRB 28/7/24 */
   .top-news-panel,
   .second-news-panel,
   .news-panel {
      padding-left: 5px;
      padding-right: 5px;
   }
}



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

   .feedbackquote {
      width: 50%;
   }

   #home .intro {
      padding-left: 100px;
      padding-right: 100px;
      margin-top: -25px;
   }

  #shopping .intro {
      margin-top: 0px;
   }

   .second-news-panel .image-container {
      max-width: 400px;
   }   
 


}



@media only screen and (max-width: 740px) {
   div.headwrap {
      /* height: 140px; */
      background-position: 430px 10px; 
   }
  
   .act-image,
   .venue-image {
      float: none;
      border-width: 5px;
      margin-left: 0;
   }




   div#column-right, 
   div#column-left {
      width: 100%;
      float: left;
      clear: both;
      margin: 0;
   }

.second-news-panel .image-container {
      max-width: 370px;
   }   

}



/*
   --------------------------
   EVERYTHING BREAKS DOWN TO 
   ONE COLUMN FROM 639PX DOWN
   --------------------------
*/


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

   div.social-media-icons,
   div.icon-container {
      /* SRB 15/8/24 
      text-align: center;
      padding: 0;
      */
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
   }

   /* SRB 15/8/24 */
   header div.social-media-icons {
    margin-right: 7px;
    margin-bottom: 10px;
   }

   a.home-page-panel:first-child {
      margin-top: 20px;
   }

   a.home-page-panel p {
      font-size: 36px;
   }

   #about .intro {
      margin-top: 0;
      padding-left: 0;
      padding-right: 0;
      /* SRB 3/9/22 To prevent text butting up againt the left and right-hand edges of hthe screen */
      padding-left: 7px;
      padding-right: 7px;
   }

   .count-things-container,
   .street-things-container{
      display: block;
   }

   .count-things,
   .street-things {
      min-height: auto;
   }

   .count-things,
   .street-things,
   .count-things:first-child,
   .count-things:last-child,
   .street-things:first-child,
   .street-things:last-child {
      border-width: 0;
   }

   #features .feature-panel {
      width: 100%;
      margin: 10px; /* SRB 17/8/24 */
   }

   #bircherley-green-feature .intro,
   #post-office-feature .intro {
      margin-top: 0; 
      padding: 20px 40px; 
      border-radius: 0px;
   }

   table {
      margin-left: 2px;
      margin-right: 2px;
   }

   .retailer-list {
      padding-left: 0;
      padding-right: 0
   }

   .pagination,
   .sorting,
   #searchform {
      text-align: left;
      padding-left: 10px;
   }

   .retail-info-box {
      margin-right: 7px;
   }

   a.social-button { 
      margin-left: auto;
      margin-right: auto;
   }

   /* SRB 28/7/24 */
   .top-news-panel,
   .second-news-panel,
   .news-panel {
      padding-left: 0;
      padding-right: 0;
   }

   .second-news-panel .image-container {
      max-width: 100%;
      margin-left: 0;
      margin-bottom: 10px;
   }   

   /* Added #features .height-160 -- SRB 22/5/23 */
   #home .height-365,
   #home .height-160,
   #features .height-160 {
      min-height: initial;
   }

   footer .social-media-icons p {
      text-align: center;
   }

   footer .text-right {
      text-align: center !important;
   }

}




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

   #home .intro {
      margin-top: 0;
      padding-left: 50px;
      padding-right: 50px;
      border-radius: 0;
   }

}



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


   .hpa {
      width: 100%;
   }

   .act-image,
   .venue-image {
      float: left;
      width: 95%;
   }

   div.credit {
      width: 98%;
      margin-left: 5px;
   }

   

  
   img {
      max-width: 100%
   }

   div.map {
      width: 95%;
      border-width: 5px;
      float: left;
      margin-top: 5px;
   }

   /* Venues page */
   div#column1,
   div#column2 {
      width: 100%;
   }

   iframe {
      max-width: 95%;
   }

   
}