
/* secondary color: #12264A */
/* banner top: #F4F4F4 */

/* 
Headings:

font-family: 'Oswald', Arial;
font-style: normal;
font-weight: normal;

Body:
  font-family: Roboto;
  font-size: 18px;
*/

:root {
    --gs-primary-fg:       #ffffff;
    /* --gs-primary-fg:       hsl(46, 100%, 49%); &/ /* #FCC100 */
    
    /* --gs-primary-bg:       hsl(284, 84%, 20%); */
    /*--gs-primary-bg:       hsl(46, 100%, 49%);*/ /* #FCC100 */
    --gs-primary-bg:       hsl(219, 61%, 18%); /* #12264A */
    --gs-primary-bg-blue:       hsl(219, 61%, 18%); /* #12264A */

    /*--gs-primary-bg:       hsl( 0,  0%, 96%);*/  /* #F4F4F4 */

    /*
    --gs-primary-border:   hsl(46, 88%, 35%);
    --gs-primary-hover-bg: hsl(46, 100%, 58%);
   */
    
    --gs-primary-border:   hsl(219, 40%, 10%);
    --gs-primary-hover-bg: hsl(219, 61%, 25%); /* was 295 rather then 284 */



    --gs-secondary-bg:     #E7D821; 
    /*--gs-secondary-bg:     hsl(46,OD 100%, 49%);  */
    /*--gs-secondary-bg:     hsl(219, 60%, 18%);*/ /* was 295, and eurovision-lod had an hsla() alpha val of 0.7 */
    
    /* --gs-primary-text-fg: var(--gs-primary-fg); */
    /*--gs-primary-text-fg: var(--gs-primary-bg); */
    --gs-primary-text-fg: #000000);
    /* --gs-tab-bg:          var(--gs-primary-bg); */
    --gs-tab-bg:          #000000;

    
    --gs-bg: #fff;
    --gs-text:#2d4156;
    
    --gs-btn-primary-bg: #459e00;
    --gs-btn-primary-text: var(--cc-bg);
    --gs-btn-primary-hover-bg: #255500;
    --gs-btn-secondary-bg: #eaeff2;
    --gs-btn-secondary-text: var(--cc-text);
    --XX-overlay-bg: rgba(4, 6, 8, .85);
}

/* 
   cc => 'cookie consent'
   The library we use for this defines its own root vars
*/

:root {
    /*
    --cc-btn-primary-bg: hsl(284, 84%, 20%);
    --cc-btn-primary-hover-bg: hsl(295, 92%, 30%);
   */
    
    --cc-btn-primary-bg: hsl(46, 100%, 49%);
    --cc-btn-primary-hover-bg: hsl(46, 100%, 58%);

}




/* Override existing values */

#container {
	max-width: 1280px;
}


/*
.container-upper {
    margin: 0 auto 0px auto;
}

.container-lower {
    max-width: 1200px;
    line-height: 145%;
    margin: 0 auto 20px auto;
}
*/




#topArea {
	max-width: 1280px;
}


/* Add any new CSS you require for the interface here! */

body { 
    background-color: #fff;
}

/* 
   Streetlife York has nav-bar and content in the same font (Roboto)
   Heading in XX
*/


body { 
    font-family: Roboto;
}


.ui-widget {
    font-family: Roboto;
    /* font-size: 18px; */    
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Roboto;
    /* font-size: 18px; */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', Arial;
    font-style: normal;
    font-weight: normal;
    color: #000000 !important;
    line-height: 120%;
}

h4 {
    font-size: 110%;
}

/* control whether you want roundd corners or not */
/* => GS3 defines the follow to be 6pt */
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px;
}



#thewillow-header {
    background-color: #F4F4F4;
    border-bottom: 10px solid var(--gs-primary-bg-blue);
}

#topArea.ui-state-default {
    margin: auto;
    width: 100%;
    border: none;
    background-image: none;
    background-color: #F4F4F4;
    font-weight: bold;
    color:#000000;
}

#topArea.ui-state-default a,
#topArea.ui-state-default a:visited {
    color: #666666;    
}
    
#gs_banner {
    /*background-color: #F4F4F4;  */
    background-color: #FFFFFF; 
    color: #595959;
    border-bottom: #E7D821 solid 2px;
}

.ui-widget-header {
    border: 1px solid #d4ccb0;
    background-image: none;
    background-color: var(--gs-primary-bg);
    color: #ffffff;
    font-weight: bold;
}


#gs-nav .ui-state-default, #bannerLinksTab .ui-state-default
/* #gs_footer.ui-widget-header, */
/* .collectionLink .ui-state-default */
{
    border: 1px solid #d4ccb0;
    background-image: none;
    /* background-color: var(--gs-secondary-bg) !important; */
    background-color: var(--gs-secondary-bg);
    /*color: #ffffff; */
    color: #000000;
    font-weight: bold;

    /* The following should probably be moved over to default interface css */
    text-align: left;
    /*padding-left: 6px; */
    padding: 0.6rem 0.5rem 0.4rem 0.7rem;

    font-size: 110%;
}


#gs-nav a {
    font-size: 120%;
}

#quicksearcharea a {
     font-size: 120%;
}

#gs-document {
    padding-top: 1rem;
}

/*
.ui-widget {
	font-family: "Open Sans", sans-serif;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: "Open Sans", sans-serif;
}
*/

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    /*border: 1px solid #dddddd; */
    border: none;
    background: #ffffff;
    /* color: #2d3748; */
}
/*
.ui-widget-content a {
	color: #2d3748;
}
.ui-widget-header {
	border: 1px solid #5a5a5a;
	background: #404040;
	color: #2d3748;
	font-weight: bold;
}
.ui-widget-header a {
	color: #2d3748;
}

*/


/* Based on: https://stackoverflow.com/questions/17838380/styling-jquery-ui-autocomplete */

.ui-menu .ui-menu-item {
    background:white;
    color: black;
    font-size:80%;
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid var(--gs-primary-border);
    background-image: none;
    /*background-image: url(images/ui-icons_eeeeee_256x240.png); */
    background-color: var(--gs-primary-bg);
    font-weight: bold;
    color: var(--gs-primary-text-fg);
}


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid var(--gs-primary-border); 
    background-image: none; 
    /*background-image: url(images/ui-icons_eeeeee_256x240.png); */
    background-color: var(--gs-primary-hover-bg);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid var(--gs-primary-text-fg); /* flash border same colour as text */
    background-color: var(--gs-primary-hover-bg);
    background-image: none; 
    /*background-image: url(images/ui-icons_eeeeee_256x240.png);  */
    font-weight: bold;
    color: var(--gs-primary-text-fg);
}

/*
.ui-state-default a, .ui-state-default a:link {
    color: #000000 !importantxx;
    background-color: #E7D821 !importantxx;
}
*/

/* The following was used as a hack to get regular CL tabs and artificially introduced Tabs
   to have a controlable tab-selected colour/background coour */

/*
#gs-nav .ui-state-default a, gs-nav .ui-state-default a:link {
    color: #000000 !important;
}

#gs-nav .ui-state-default.ui-tabs-selected a, gs-nav .ui-state-default.ui-tabs-selected a:link {
    color: #E7D821 !important;
}
*/

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: var(--gs-primary-text-fg);
    background-color: var(--gs-primary-hover);
}




li.ui-tabs-selected {
    background-color: #000000 !important; 
    color: #E7D821 !important;
    border-color: #000000 !important;
}



/*
jquery-ui main theme is different image, and tingediwth green :

  background-image: url(images/ui-icons_8DC262_256x240.png);

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
    background-image: url(images/ui-icons_eeeeee_256x240.png);
}
*/


#usercommentlink a, #usercommentlogoutlink a {
  color: var(--gs-primary-bg) !important;
}

.usercommentheading {
    color: var(--gs-primary-bg) !important;
}



.navList {
    background-color: var(--gs-primary-bg);
}


#titlearea {
    padding-top: 6px;
o}

#quicksearcharea {
    padding-top: 6px;
    padding-right: 4px;
}

#titlesearchcontainer {
    padding-bottom: 15px;
}


#commentssection.centrediv {
    width: 100%; 
    margin: 0;
}

#userMenuDiv {
    text-transform: none;
}

#gs_content {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.metadataTable{
    width: 100%;
}

#commentarea textarea {
    width: 100%;
}

#gs_content a {
    /* border-bottom: 1px solid #003FC5; */
    border-bottom: 1px solid #E7D821;
    font-weight: 999; /* aka bolder */
}

#gs_content a:hover {
    /*border-bottom: 2px solid #003FC5; */
    border-bottom: 2px solid #E7D821;
}

#gs_content .rt-column a, #gs_content .rt-column a:link, #gs_content .rt-column a:visited {
    border-bottom: none;
    padding-bottom: 1px;
}

#gs_content .rt-column a:hover {
    border-bottom: none;
    padding-bottom: 1px;
    background-color: #E6E6E6;
}


#gs_content .rt-column:hover {
    background-color: #E6E6E6;
}





#new-banner {
    width: 1280px;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
    height: 250px;	      
}

.new-banner-page-about {
    background-image: url(../images/banner-images/1-Willow-Exterior-York-Press.png);
}		

.new-banner-page-stories {
    background-image: url(../images/banner-images/2-willow-york-ceri-oakes-tommy.png);
}		

.new-banner-action-query {
    background-image: url(../images/banner-images/9-Rainbow-Plaque.png);
}		

.new-banner-doc-itb-video {
    background-image: url(../images/banner-images/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
}
.new-banner-doc-wg-video {
    background-image: url(../images/banner-images/4-I-love-Willow-The-Tab.png);
}
.new-banner-doc-li-video {
    background-image: url(../images/banner-images/5-love-it-Ceri-Oakes.png);
}
.new-banner-doc-cd-video {
    background-image: url(../images/banner-images/6-cheap-drinks-Ceri-Oakes.png);
}
.new-banner-doc-cm-video {
    background-image: url(../images/banner-images/7-Cheesy-Music.png);
}
.new-banner-doc-tln-video {
    background-image: url(../images/banner-images/8-The-Last-Night.png);
}
.new-banner-doc-default-video {
    background-image: url(../images/banner-images/1-Willow-Exterior-York-Press.png);
}		

.new-banner-page-tandc {
    background-image: url(../images/banner-images/11-Terms-and-conditions.png);
}
.new-banner-page-copyright {
    background-image: url(../images/banner-images/12-copyright.png);
}

.new-banner-page-ats {
    background-image: url(../images/banner-images/13-About-this-site.png);
}
.new-banner-page-privacy {
    background-image: url(../images/banner-images/14-privacy.png);
}
.new-banner-page-contact-us {
    background-image: url(../images/banner-images/15-Willow-Sign.png);
}		

#over-banner-logo {
    background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023.png);
    background-size: cover;
    height: 240px;
    width: 175px;
    margin-top: 2px;
}


#gs_footer .ft-row {
    position: relative;
}

#gs_footer .ft-column {
    float: left;
    width: 12.5%;
    text-align: left;
}

#gs_footer .ft-column-lr-gap {
    width: 40%;
}
    
#gs_footer .ftlogo-column {
    display: flex;
    justify-content: center;
    align-items: end; /* used to be center */
    
    float: left;
    width: 13.5%; /* used to be 15% */
    height: 90px;
}

#gs_footer .ft-outer-div {
    background-color: #FFFFFF;
    border: none;
    color: #595959;
}
#gs_footer a {
    color: #595959;
}

#ft-logo-l-padding {
    width: 8%;
}


#ft-logo-streetlife {
    background-image: url('../images/footer-logos/1 StreetLife-logo.png');
    background-position: center;
    background-size: auto 80px;
    background-repeat: no-repeat;
    height: 80px;
    margin-bottom: 5px;
}

#ft-logo-yorkuni {
    background-image: url('../images/footer-logos/2 UOY-Logo-Stacked-shield-Black.png');
    background-position: center;
    background-size: auto 45px;
    background-repeat: no-repeat;
    height: 45px;
    margin-bottom: 5px;
}

/*
#ft-logo-ukri {
    background-image: url('../images/footer-logos/3 UK-Research-and-Innovation-(UKRI).png');
    background-position: center;
    background-size: auto 33px;
    background-repeat: no-repeat;
    height: 33px;
    margin-bottom: 14px;
}
*/

#ft-logo-ukri {
    background-image: url('../images/footer-logos/3 UK-Research-and-Innovation-(UKRI).png');
    background-position: center;
    background-size: auto 45px;
    background-repeat: no-repeat;
    height: 45px;
    margin-bottom: 5px;
}

#ft-logo-thomfong {
    background-image: url('../images/footer-logos/4 ThomFong-illustrated-small-logo.png');
    background-position: center;
    background-size: auto 80px;
    background-repeat: no-repeat;
    height: 80px;
    /*margin-bottom: 5px; */
}

#ft-logo-explore-libarch {
    background-image: url('../images/footer-logos/5 Explore-LibArch-coloured.png');
    background-position: center;
    background-size: auto 45px;
    background-repeat: no-repeat;
    height: 45px;
    margin-bottom: 7px;
}

#ft-logo-greenstone {
    background-image: url('../images/footer-logos/6 gsdl-server.png');
    background-position: center;
    background-size: auto 55px;
    background-repeat: no-repeat;
    height: 55px;
    /*margin-bottom: 5px; */
}

#ft-logo-greenstone-text {
    font-size: 120%;
}


/* CSS for Query page/Explore More */

#QueryForm {
    width: 100%;
    background-color: #E6E6E6;
    margin-top: 1.5rem;
    padding: 1.0rem 2.0rem 2.0rem 2.0rem;
}

.exploremore-row {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.exploremore-form-label {
    float: left;
    width: 20%;
}

.exploremore-form-input {
    float: left;
    width: 80%
}

div.exploremore-form-input b {
    font-size: 120%;
}
    
.objecttype-checkbox {
    float: left;
    width: 33%;
    padding-bottom: 1.2rem;
}

.query-buttons {
    color: #ffffff;
    background-color: #000000;
    font-size: 105%;
    width: 8rem;
    height: 2.5rem;
}


/* Tablet Friendly Banner Headers */
/* @media only screen and (max-width: 640px) { */
@media (max-width: 1280px) {

    /* Based loosely on, https://www.portabludesign.com/blog/mobile-background-css-squarespace */

    #container {
	width: 100%;
	max-width: revert;
	min-width: 640px;
    }

    #topArea {
	width: 100%;
	max-width: revert;
	min-width: 640px;
    }

    
    #new-banner {
	min-width: 640px;
	max-width: revert;
	width: 100%;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	height: 125px;
    }
    
    .new-banner-page-about {
	background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
    }		
    
    .new-banner-page-stories {
	background-image: url(../images/banner-images-mobile/2-willow-york-ceri-oakes-tommy.png);
    }		
    
    .new-banner-action-query {
	background-image: url(../images/banner-images-mobile/9-Rainbow-Plaque.png);
    }		
    
    .new-banner-doc-itb-video {
	background-image: url(../images/banner-images-mobile/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
    }
    .new-banner-doc-wg-video {
	background-image: url(../images/banner-images-mobile/4-I-love-Willow-The-Tab.png);
    }
    .new-banner-doc-li-video {
	background-image: url(../images/banner-images-mobile/5-love-it-Ceri-Oakes.png);
    }
    .new-banner-doc-cd-video {
	background-image: url(../images/banner-images-mobile/6-cheap-drinks-Ceri-Oakes.png);
    }
    .new-banner-doc-cm-video {
	background-image: url(../images/banner-images-mobile/7-Cheesy-Music.png);
    }
    .new-banner-doc-tln-video {
	background-image: url(../images/banner-images-mobile/8-The-Last-Night.png);
    }
    .new-banner-doc-default-video {
	background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
    }		
    
    .new-banner-page-tandc {
	background-image: url(../images/banner-images-mobile/11-Terms-and-conditions.png);
    }
    .new-banner-page-copyright {
	background-image: url(../images/banner-images-mobile/12-copyright.png);
    }
    
    .new-banner-page-ats {
	background-image: url(../images/banner-images-mobile/13-About-this-site.png);
    }
    .new-banner-page-privacy {
	background-image: url(../images/banner-images-mobile/14-privacy.png);
    }
    .new-banner-page-contact-us {
	background-image: url(../images/banner-images-mobile/15-Willow-Sign.png);
    }		
    
    #over-banner-logo {
	background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023-mobile.png);
	background-size: cover;
	height: 120px;
	width:  87px;
    }


    #gs_footer .ft-column {
	/*width: 19%; */
	/*width: revert; 
	max-width: 25rem; */
	width: 9.5rem;
    }
    
    #gs_footer .ft-column-lr-gap {
	/*width: 42%; */
	width: inherit;
	/*min-width: 18%;
	max-width: 42%; */
    }

    #gs_footer .ft-column-dms {
	float: right;
	width: 200px;
	/*max-width: revert; */
	max-width: 19%;
    }

    #gs_footer .ftlogo-column {
	height: 70px;
    }
    
    #ft-logo-streetlife {
	background-image: url('../images/footer-logos-tablet/1 StreetLife-logo.png');
	background-size: auto 60px;
	height: 60px;
    }

    #ft-logo-yorkuni {
	background-image: url('../images/footer-logos-tablet/2 UOY-Logo-Stacked-shield-Black.png');
	background-size: auto 34px;
	height: 34px;
    }

    #ft-logo-ukri {
	background-image: url('../images/footer-logos-tablet/3 UK-Research-and-Innovation-(UKRI).png');
	background-size: auto 25px;
	height: 25px;
    }

    #ft-logo-thomfong {
	background-image: url('../images/footer-logos-tablet/4 ThomFong-illustrated-small-logo.png');
	background-size: auto 60px;
	height: 60px;
    }

    #ft-logo-explore-libarch {
	background-image: url('../images/footer-logos-tablet/5 Explore-LibArch-coloured.png');
	background-size: auto 34px;
	height: 34px;
    }

    #ft-logo-greenstone {
	background-image: url('../images/footer-logos-tablet/6 gsdl-server.png');
	background-size: auto 41px;
	height: 41px;
    }
    #ft-logo-greenstone-text {
	font-size: 100%;
	margin-top: -6px;
    }

}

/* for footers, need to kick in with ones designed for mobile as bit sooner */

@media (max-width: 860px) {

    #gs_footer .ftlogo-column {
	height: 40px;
	width: 16%;
    }
    
    #ft-logo-l-padding {
	width: 4% !important;
    }
    
    #ft-logo-streetlife {
	background-image: url('../images/footer-logos-mobile/1 StreetLife-logo.png');
	background-size: auto 40px;
	height: 40px;
    }

    #ft-logo-yorkuni {
	background-image: url('../images/footer-logos-mobile/2 UOY-Logo-Stacked-shield-Black.png');
	background-size: auto 23px;
	height: 23px;
    }

    #ft-logo-ukri {
	background-image: url('../images/footer-logos-mobile/3 UK-Research-and-Innovation-(UKRI).png');
	background-size: auto 17px;
	height: 17px;
    }

    #ft-logo-thomfong {
	background-image: url('../images/footer-logos-mobile/4 ThomFong-illustrated-small-logo.png');
	background-size: auto 40px;
	height: 40px;
    }

    #ft-logo-explore-libarch {
	background-image: url('../images/footer-logos-mobile/5 Explore-LibArch-coloured.png');
	background-size: auto 23px;
	height: 23px;
    }

    #ft-logo-greenstone {
	background-image: url('../images/footer-logos-mobile/6 gsdl-server.png');
	background-size: auto 28px;
	height: 28px;
    }

    #QueryForm {
	margin-top: 1.0rem;
	padding: 0.5rem 1.0rem 1.0rem 1.0rem;
    }

    div.exploremore-form-input b {
	font-size: 100%;
    }

    .exploremore-form-label {
	width: 25%;
    }
    
    .exploremore-form-input {
	width: 75%
    }
    
    .objecttype-checkbox {
	width: 50%;
	padding-bottom: 1.2rem;
    }
    
}

/* Mobile Friendly Banner Headers, kicks in at 640px, and tested at 320px */
/* @media only screen and (max-width: 640px) { */
@media (max-width: 640px) {

    /* Based loosely on, https://www.portabludesign.com/blog/mobile-background-css-squarespace */

    #container {
	width: 100%;
	max-width: revert;
	min-width: 320px;
    }

    #topArea {
	width: 100%;
	max-width: revert;
	min-width: 320px;
    }

    
    #new-banner {
	min-width: 320px;
	max-width: revert;
	width: 100%;
	background-size: cover;
	margin-left: auto;
	margin-right: auto;
	/*height: 62px; */
    }
    /*
    .new-banner-page-about {
	background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
    }		
    
    .new-banner-page-stories {
	background-image: url(../images/banner-images-mobile/2-willow-york-ceri-oakes-tommy.png);
    }		
    
    .new-banner-action-query {
	background-image: url(../images/banner-images-mobile/9-Rainbow-Plaque.png);
    }		
    
    .new-banner-doc-itb-video {
	background-image: url(../images/banner-images-mobile/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
    }
    .new-banner-doc-wg-video {
	background-image: url(../images/banner-images-mobile/4-I-love-Willow-The-Tab.png);
    }
    .new-banner-doc-li-video {
	background-image: url(../images/banner-images-mobile/5-love-it-Ceri-Oakes.png);
    }
    .new-banner-doc-cd-video {
	background-image: url(../images/banner-images-mobile/6-cheap-drinks-Ceri-Oakes.png);
    }
    .new-banner-doc-cm-video {
	background-image: url(../images/banner-images-mobile/7-Cheesy-Music.png);
    }
    .new-banner-doc-tln-video {
	background-image: url(../images/banner-images-mobile/8-The-Last-Night.png);
    }
    .new-banner-doc-default-video {
	background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
    }		
    
    .new-banner-page-tandc {
	background-image: url(../images/banner-images-mobile/11-Terms-and-conditions.png);
    }
    .new-banner-page-copyright {
	background-image: url(../images/banner-images-mobile/12-copyright.png);
    }
    
    .new-banner-page-ats {
	background-image: url(../images/banner-images-mobile/13-About-this-site.png);
    }
    .new-banner-page-privacy {
	background-image: url(../images/banner-images-mobile/14-privacy.png);
    }
    .new-banner-page-contact-us {
	background-image: url(../images/banner-images-mobile/15-Willow-Sign.png);
    }		
   */

    /*
    #over-banner-logo {
	background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023-mobile.png);
	background-size: cover;
	height: 60px;
	width:  43px;
    }
    */

    #over-banner-logo {
	display: none;
    }
    
    #gs_footer .ft-column {
	width: 25%;
    }

    #gs_footer div.ft-column div {
	line-height: 120%;
	padding-bottom: 0.4rem;
    }

    #gs_footer .ft-column-lr-gap {
	width: 10%; 
	/* min-width: 20%; */
    }

    #br-beforeDMLogos {
	display: none;
    }    
    #gs_footer .ft-column-dms {
	width: 8%;
    }
    
    #gs_footer .ft-column-dms img {
	padding-bottom: 0.5rem;
    }
    
    #ft-logo-l-padding {
	display: none !important;
    }

    #gs_footer .ftlogo-column {
	/*height: 40px; */
	width: 30%;
    }


    .exploremore-form-label {
	width: 40%;
	font-size: 95%;
    }
    
    .exploremore-form-input {
	width: 60%
    }
    
    .objecttype-checkbox {
	width: 90%;
	padding-bottom: 1.2rem;
	height: 2.4rem;
	font-size: 95%;
    }

    .query-buttons {
	width: 6rem;
    }
}
