/* STYLE 29 */


/**************************************************************************/
/* >>>>>>> w3.CSS CUTDOWN FOR SWAN PURPOSES PLUS SOME MINOR TWEAKS <<<<<< */
/**************************************************************************/

/* W3.CSS 4.12 November 2018 by Jan Egil and Borge Refsnes                            */
/* html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}                  */
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */

html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}

dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:0.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}

.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both; box-sizing:border-box;}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter,.w3-fifth{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}

/* changed this from 600 to 768 */
@media (min-width:769px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.95%}.w3-col.m4,.w3-third{width:33.25%}.w3-fifth{width:19.5%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.9%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}

@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}

.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}

@media (max-width:1205px){.w3-auto{max-width:95%}}

@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}  
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}

@media (max-width:769px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}

.w3-display-position{position:absolute}

.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-fifth,.w3-row-padding>.w3-col{padding: 0px 4px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}

.w3-topbar{border-top:6px solid #ccc!important}
.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}
.w3-rightbar{border-right:6px solid #ccc!important}

.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}

.w3-margin{margin:16px!important}
.w3-margin-top{margin-top:16px!important}
.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}
.w3-margin-right{margin-right:16px!important}

.w3-padding-small{padding:4px 8px!important}
.w3-padding{padding:8px 16px!important}
.w3-padding-large{padding:12px 24px!important}

.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}

.w3-left{float:left!important}
.w3-right{float:right!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}



/************************/
/* SWAN SPECIFIC LAYOUT */
/************************/

/****** SCREEN SIZE STRATEGY *****************
  Very Small: <601;
  Small:      601-768;   (includes iPAD, most smartphones)
  Medium:     769-992;   (really in there for swapping orientation on smartphones)
  Large:      >992;      (includes iPAD Pro)
  
  Test via Chrome developer tools:
  Responsive
  iPhone 6
  iPAD & iPad Pro
**********************************************/

/******
version 28   added wine list
******/


* {box-sizing: border-box;}
/*
*, *:before, *:after {box-sizing: inherit;}
*/


/* THREE ROWS AND THREE COLUMNS FOR THE MAIN DESIGN */

.header, .footer, .content { 
  padding-top: 20px; width:60%; font-family: 'Roboto', 'Segoe UI','Noto Sans', sans-serif; font-size: 1.3em; line-height: 1.5em; background-color: #F7F6F4;
}
.footer { line-height: 1em; background-color: #EEF4F7;}

/* set up the three columns: lhs margin, content, rhs margin */

.column { float: left; }

.mainpane::after { content: ""; clear: both; display: table; }

.content   { padding-top: 0px; }
.lhsmargin { width: 20%; clear:left;  padding: 15px; }
.rhsmargin { width: 20%; clear:right; padding: 15px; }

/* remove lhs+rhs borders on smaller screen */

@media screen and (max-width:992px) {
.header, .footer, .content { width:100%; font-size: 1.1em; line-height: 1.4em;}
.lhsmargin { width: 0%; display:none; }
.rhsmargin { width: 0%; display:none; }
}

/* headers */

h1 { color: #E94E1B; font-size: 2em;   padding-top: 0px !important; text-align: center; }                  /* page title */
/* h2 { color: white;   font-size: 1.4em; text-align: center; line-height: 0em; padding: 20px 0px; }  */   /* section headers */
h2 { color: #004650; font-size: 1.8em; line-height: 0em; padding: 40px 0px 20px 0px; }                              /* section headers */
h3 { color: #004650; font-size: 1em; display: flex; justify-content: center; font-size: 0.7em; line-height: 0.9em; }   /* T&Cs */
h4 { color: #004650; font-size: 1.2em; padding-top: 10px; }                                                /* sub-headings */

/* note, h1 to h3 appear on every page, h4 only on some; logically h3 and h4 should be swapped but website testers prefer this order */

@media screen and (max-width:1350px) {
  h1  { font-size: 1.6em; }
  h2 { font-size: 1.6em; }
}

@media screen and (max-width:1100px) {
  h1 { font-size: 1.5em; };
  h2 { font-size: 1.5em; }
}

@media screen and (max-width:992px) {
  h2 { font-size: 1.5em; line-height: 0em; }
}

@media screen and (max-width:600px) {
  h1 { font-size: 1.2em; }
  h2 { font-size: 1.4em; line-height: 0em; }
}

body { color: #004650; padding-left:0px; padding-right:0px; font-family: 'Roboto', 'Segoe UI','Noto Sans', sans-serif; background-color: #F7F6F4;} 

@media screen and (max-width:992px) {
  body { padding-left: 10px; padding-right: 10px; }
}


/* STANDARD PAGE HEADER */

.sticky        { padding-bottom: 20px; /*position: -webkit-sticky; position: sticky; z-index:3; top: 0; margin: 0; line-height: 0.9; background-color: white; */}
.stickyHdr     { padding:0; margin:0; }

.swan-logo     { width: 80%;  }
.nav-icon      { width:50px; cursor:pointer; float:right; color: #E94E1B; }

.third         { width: 33.33%;}
.quarter       { width: 20%;   }
.half          { width: 60%;   }

.positionRight { right:0px; }

@media screen and (max-width:1200px) {
  .swan-logo   { width: 70%; }
  .nav-icon    { width: 45px; }
}

@media screen and (max-width:992px) {
  .swan-logo   { width: 70%; }
  .nav-icon    { width: 45px; }
}

@media screen and (max-width:600px) { 
  .swan-logo   { width: 90%; }
  .nav-icon    { width: 40px; }
}


/* STANDARD NAVIGATION */
/* sidenav ... background-image: linear-gradient( 45deg, #fffdee, #004650, #fffdee); */

.sidenav             { height: 85%; width: 0; position: fixed; z-index: 4; top: 0; right: 0; background: #004650; overflow-x: hidden; transition: 0.2s; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.6);} 
.sidenav a, .dropbtn { font-family: inherit; padding: 4px 8px 4px 16px; text-decoration: none; font-size: 20px; color: #F7F6F4; background: #004650; display: block; }
.sidenav a:hover     { color: #004650;; background: #F7F6F4 } /* { color: #e94e1b; } */
.closebtn            { font-size:50px !important; cursor:pointer; line-height: 0.1em;color: #e94e1b; padding-left:  10px;}

/* temp - pull down menu for transition period */

.dropbtn            { border: none; outline: none; background-color: inherit; font-family: inherit; font-size: 20px; padding: 4px 8px 4px 16px}
.dropdown-content   { display: none; position: absolute; background-color: #E1ECDB; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.6); z-index: 5; }
.dropdown-content a { float: none; padding: 10px 30px; text-decoration: none; display: block; text-align: left; font-size:16px; color: #F7F6F4; background-color: #004650; line-height: 0.9em;}
.dropdown:hover .dropbtn          { background-color: #004650;}
.dropdown-content a:hover         { background-color: #F7F6F4; color: #004650; border-style: solid; border-color: #004650; border-width: 1px;}
.dropdown:hover .dropdown-content { display: block; }

@media screen and (min-width:992px) {
.sidenav { height: 90%; }
}

/*
.sexyBackground  { background-image: linear-gradient( 45deg, #fffdee, #004650, #fffdee); padding-top:10px; padding-bottom:10px; }
@media screen and (max-width:992px) {
  .sexyBackground  { padding-top:5px; padding-bottom:5px; }
}

@media screen and (max-width:600px) {
  .sexyBackground  { padding-top:1px; padding-bottom:1px; line-height: 1em;}
}

*/
.sexyBackground {}



/******************/
/* GENERAL LAYOUT */
/******************/

.centreThisSection { display: flex; justify-content: center; }

.highlightedText   { color:#ba3c12; text-decoration: none; font-weight: bold;}  /* #e94e1b */
a.highlightedText:hover { text-decoration: underline; }

.smallText         { font-size: 0.9em; }   /* KRS ... { line-height: 1.4em; } */
.verySmallText     { font-size: 0.7em; line-height: 0.9em; }   /* KRS ... { line-height: 0.6em; } */

.width100pc     { width:100%; }
.width90pc      { width:90%; }
.width80pc      { width:80%; }
.width60pc      { width:60%; }
.width50pc      { width:50%; }
.width40pc      { width:40%; }
.width20pc      { width:20%; }

.maxWidth800px  { max-width:800px; }

.reduceWidthWhenWide     { width:60%; }
.veryReduceWidthWhenWide { width:40%; }

@media screen and (max-width:992px) {
  .reduceWidthWhenWide     { width:100%; }
  .veryReduceWidthWhenWide { width:100%; }
}

.cantExpandAsTooSmall    { width:100%; }
@media screen and (max-width:769px) {
  .cantExpandAsTooSmall    { width:40%; display: flex; justify-content: center;}
}

.padBetweenSections  { padding-bottom: 10px !important; }    /* KRS ... overrides 25px */
.padFromAbove { padding-top: 30px; }

.whiteText     { color:white !important; }
.centreText    { text-align: center; }
.asterisk      { color: red; }
.maxWidth800px { max-width:800px; }
.notification  { margin:20px 0px; padding:10px; border-style:solid; border-color:#E94E1B; border-width:2px; max-width:100%; display: flex; justify-content: center; background-color:#FFFDEE; }
.shiftRight    { padding-left:25px; }
.audioControls { padding-top:10px; }
.grayScale     { filter: grayscale(100%); }

.buttonRegister  { border: none; color: white; background-color: #004650; padding: 10px; text-align: center; text-decoration: none; display: inline-block; font-size: 1.4em; margin: 4px; transition-duration: 0.4s; cursor: pointer; border-radius: 4px; }
/* .sexyBackground  { background-image: linear-gradient( 45deg, #fffdee, #004650, #fffdee); color: white; } */

.content ul li::before  { content: "\2022"; color: #004650; font-weight: bold; display: inline-block; width: 1em; }
.content ul li          { list-style: none; color: #004650; }

.content dt             { padding-top:10px; padding-bottom:5px; font-size:1.2em}
.content dl             { padding-left:20px; color: #004650; }
.content dl dd          { padding-left:10px; }

.noBullet ul li::before { content: ""; display: inline-block; width: 1em; }
.noBulletFooter { list-style: none; padding-top:0; border-top:0;}

hr { color: #004650; }
p  { width:100%; color: #004650; }     /* KRS ... added */

.clearFix::after { content: ""; clear: both; display: table; }
.clearFixLeft    { float:left; width:200px; height:auto; padding:0px 20px 15px 0px; }
.clearFixRight   { float:right; width:200px; height:auto; padding:0px 0px 15px 20px; }

.videoVerticalControls { margin-top:10px; margin-bottom: 10px; width: 320px; height: 636px; border: solid 1px; border-color: lightgray;}
@media screen and (max-width: 1200px) { .videoVerticalControls { width: 240px; height: 424px; } }
@media screen and (max-width: 769px)  { .videoVerticalControls { width: 400px; height: 747px; } }

.videoHorizontalControls { margin-top:10px; margin-bottom: 10px; width: 636px; height: 320px; border: solid 1px; border-color: lightgray;}
@media screen and (max-width: 1200px) { .videoHorizontalControls { width: 424px; height: 240px; } }

.agmControls { width: 640px; height: 480px; }
@media screen and (max-width: 769px)  { .agmControls { width: 320px; height: 240px; } }


/* KRS ... font control mechanism not added */


/* INDEX AND ABOUTUS */
 
 .w480h320 { max-width:480px; max-height:320px; }

.subscribeLink       { font-size:1.3em; background-color:#004650; color:white; padding:10px 20px 10px 20px; margin:50px 0 50px 0; cursor:pointer; text-decoration:none; }
.subscribeLink:hover { background-color: #659096; }
.subscribeButton     { margin: 20px 0 20px 0; text-align: center; border: none; }

.descriptionBlock      { padding-left:20px; padding-right: 20px; }
.descriptionButton     { margin: 20px 0 20px 0; text-align: center; border: none; }
.descriptionLink       { font-size:1.1em; background-color:#004650; color:white; padding:20px; cursor:pointer; text-decoration:none; border-radius: 25px; display:inline-block; min-width:235px; }
.descriptionLink:hover { background-color: #659096; }
.descriptionTitle      { font-size:1.6em;  font-weight: bold; color: #E94E1B; margin: 0px; text-align: center; padding-bottom:10px; line-height:  1em;}
.descriptionSubTitle   { font-size:1.2em;  color: gray; margin: 0px; text-align: center; padding-bottom:5px;}
.descriptionText       { font-size:1em; text-align:center; width:100%; color: #004650;}
.descriptionListItem   { font-size:0.9em; color: #004650;}

.offeringTitle         { font-size:1.4em; color:white; position: absolute; padding:0; margin:0; text-align: center; }
.offeringTitleSmall    { font-size:1.2em; color:white; position: absolute; padding:0; margin:0; text-align: center; }
.offeringDescription   { font-size:1.1em; color:white; position: absolute; top:0px; left:0px; padding:0; margin:0; display:none; text-align:center; width:95%; line-height: 1.2em; }
.offeringLink          { color:  purple; font-size:1.1em; background-color:transparent; color:white; position: absolute; padding:5px 10px 5px 10px; cursor:pointer; text-decoration:none; margin: 10px 0 10px 0; text-align: center; border: 1px solid; visibility: hidden;}
.offeringLink:hover    { background-color: #659096; }

@media screen and (max-width: 1500px) {
  .offeringTitle       { font-size: 1.5em; }
  .offeringDescription { font-size: 1em; line-height: 0.9; padding-top: 5px; }
  .offeringLink        { font-size: 1em; padding:2px 5px 2px 5px;}
}
@media screen and (max-width: 1200px) {
  .offeringTitle       { font-size: 1.2em; }
  .offeringTitleSmall  { font-size: 1em;   }
  .offeringDescription { font-size: 0.9em; line-height: 0.9em; padding-top: 5px; }
  .offeringLink        { font-size: 0.8em; padding:2px 5px 2px 5px;}
  .descriptionTitle    { font-size: 1.5em; }
  .descriptionListItem { font-size: 0.9em; }
}
@media screen and (max-width: 1000px) {
  .offeringTitle       { font-size: 1.2em; }
  .offeringDescription { font-size: 0.8em; line-height: 0.8em; padding-top: 5px; }
  .offeringLink        { font-size: 0.8em; padding:2px 5px 2px 5px; }
}
@media screen and (max-width: 769px) {
  .offeringTitle       { font-size: 2.5em;   }
  .offeringTitleSmall  { font-size: 1.5em; }
  .offeringDescription { font-size: 1.2em; line-height: 1.1em;}
  .offeringLink        { font-size: 1.3em; padding:5px 10px 5px 10px; }
  .descriptionTitle    { font-size: 1.4em; }
  .descriptionListItem { font-size: 1em; }
}
@media screen and (max-width: 600px) {
  .offeringTitle       { font-size: 1.7em; }
  .offeringTitleSmall  { font-size: 1.2em; }
  .offeringDescription { font-size: 1.0em; }
  .offeringLink        { font-size: 1.1em; }
  .descriptionTitle    { font-size: 1.5em; }
  .descriptionListItem { font-size: 0.9em;}
}



/* HISTORY */

.history-background { background-color: lightgray; color: #004650; border:6px solid #ccc; margin-left:16px; margin-right:16px; line-height: 1.2; font-size: 0.9em;}


/* BAR and OFFSALES */


.beerDiv    { border-right-style: solid; border-right-color: #004650; border-right-width: 1px; }
.beerDivL   { border-left-style: solid; border-left-color: #004650; border-left-width: 1px; }
.beerIcon   { max-width: 128px;}

.beerDescription { font-size: 1em; color: #004650; text-align: center; width: 95%; padding-left:10px; }
.beerSpacer      { padding-left:7px; padding-right:7px; }
.beerHR          { visibility: hidden; margin:0px;}
.beerLead        { margin-left: 50px; }

@media screen and (max-width: 769px) {
  .beerDiv  { border: none; }
  .beerHR   { visibility: visible; margin:30px;}
  .beerLead { margin-left: 0px; }
}

.narrowText {padding-left:5px; padding-right:5px;}



/* CONTACTUS */

.spaceForIcons           { padding-right:40px; }
.spaceForIconsL          { padding-left:40px; }
.mapframe                { width:100%; height:450px; border:0; display: flex; justify-content: center; }
.gReviews                { padding: 2em 2em; box-sizing: border-box; background-color: rgb(229, 227, 223); border-radius: 2em; }
.gStarList               { text-align: left; box-sizing: border-box; margin:0; padding:0; line-height: 1; }
.gStarList ul            { display: inline-block; list-style: none !important; margin:0; padding:0; }
.gStarList ul li         { float: left; margin:0; padding:0; }
.gStarList ul li::before { content: "\2605"; color: #E4B248; font-size: 180%; }



/* MEET THE TEAM */

.cardImage                { width:200px; max-width: 100%; height: auto; }
.cardMainAreaToExpandFrom { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); width: 220px; padding:10px; margin: auto; text-align: center; background-color: #FFFDEE; }
.cardTitle                { font-size:0.9em; color: #004650; text-align: center; padding:0px; margin-bottom:0px; }
.cardSubtitle             { font-size: 0.6em; color: gray; text-align: center; padding:0px; margin-top:0px; }
.cardButton               { border: none; outline: 0; display: inline-block; padding: 10px; background-color: #004650; color:white; text-align: center; cursor: pointer; width: 90%; font-size: 0.8em; display: block; }
.cardTitleEmail           { border: none; outline: 0; padding-bottom: 15px; color:gray; text-align: center; cursor: pointer; width: 200px; font-size: 0.8em; display: block; }
.cardExpandableArea       { display: none; overflow: hidden; background-color: #f8f8f8; width: 220px; padding:10px; border: 2px dotted #004650; margin: auto; position: relative; top: 10px; font-size: 0.8em; line-height:1.2em; }


.cardList { display: inline-block; vertical-align: top; width: 25%; padding: 0px 0px; list-style: none; line-height:1em; }
                       
@media only screen and (max-width: 1800px)  { .cardList { width: 30%; } }
@media only screen and (max-width: 1300px)  { .cardList {width: 40%; } }
@media only screen and (max-width: 610px)   { .cardList { width: 100%; padding: 0px; font-size: .8em; } }


/* MERCHANDISE */

.merchandiseImage                { display: block; max-width: 200px; height: auto; padding: 10px; }
.merchandiseMainAreaToExpandFrom { position: relative; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); width: 220px; padding:10px; margin: auto; text-align: center; background-color: #FFFDEE; }
.merchandiseTitle                { font-size:0.9em; color: #E94E1B; text-align: center; padding:0px; margin-bottom:0px; }
.merchandisePrice                { font-size: 1.2em; color: gray; text-align: center; padding:0px; margin:0px; }
.merchandiseAvailability         { font-size: 0.6em; color: gray; text-align: center; }
.merchandiseButton               { border: none; outline: 0; display: inline-block; padding: 10px; color:white; text-align: center; cursor: pointer; width: 90%; font-size: 0.8em; display: block; }
.merchandiseExpandableArea       { display: none; overflow: hidden; background-color: #f8f8f8; width: 220px; padding:10px; margin: auto; position: relative; top: 10px; font-size: 0.8em; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); }

button:hover { opacity: 0.7; }


/* TERMS and CONDITIONS */

.content .legal { padding-bottom:20px; color: #004650; }
.spacedOutList  { padding-bottom:15px; }


/* FAQs */

.content table.faqs              { padding-top:20px; width:100%; color: #004650; }
.content th.faqs                 { background-color: #004650; text-align:left; padding:10px; }
.content tr.faqs:nth-child(odd)  { background-color: white; font-size:0.9em; }
.content tr.faqs:nth-child(even) { background-color: #f8f8f8; color: #004650; font-size:0.9em; }
.content tr.faqs:nth-child(1)    { background-color: #b2c7ca; color: white; padding:20px; }
.content td.faqs                 { padding:10px; border: none; }

.accordion              { background-color: #004650; color: white; cursor: pointer; padding: 10px 0 10px 10px; margin: 5px 0 5px 0; width: 99%; /* frig ... should be 100% */ border: none; text-align: left; outline: none; font-size: 17px; transition: 0.4s; }
.accordion-active       { background-color: #659096; color: white; }
.accordion:hover        { background-color: #659096; color: white; }
.accordion:after        { content: '\002B'; /* PLUS */ color: white; font-weight: bold; float: right; margin-right: 20px; }
.accordion-active:after { content: "\2212"; /* MINUS */ color:white; }
.accordion-panel        { padding: 0 5px; display: none; background-color: white; overflow: hidden; transition: max-height 0.2s ease-out; border: none; }

.charityAccordion tr.faqs:nth-child(1) { /* charity page only during selection */
  background-color: #E6EDEE;
  color: #004650;
  font-size: 1em;
}


/* NEWS */

.newsLink a       { text-decoration: none; }
.newsLink a:hover { color: #e94e1b; text-decoration: underline }


/* pages with big pictures with overlayed text */

.overlayedBackground   { width:90%; background: rgb(255,255,255); background: rgba(255,255,255, 0.8); padding:0px 10px 0px 10px; position: absolute; top: 8px; left: 8px; }
.overlayedText         { color: #004650; line-height: 1.3; }
.replacementText       { display:none; }
.positionBigImage      { position: relative; }
.relativePosition      { position: relative; }

@media screen and (max-width: 550px) {
  .overlayedText       { display:none; }
  .overlayedBackground { display:none; }
  .replacementText     { display:block; }
}



/* EVENTS */

.eventContainer { position: relative; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); width: 220px; margin: auto; text-align: center; background-color: #FFFDEE; padding:10px; }
.eventImage     { display: block; max-width: 200px; height: auto; padding: 10px; }
.eventOverlay   { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; max-width: 240px; opacity: 0; background-color: white; padding:0; }

.eventContainer:hover .eventOverlay { opacity: 0.9; text-align: center; }

.eventText      { color: #004650; font-size: 0.7em; position: absolute; text-align: center; padding:20px; line-height: 1.1em; }
.renovationText { color: #004650; font-size: 0.7em; position: absolute; padding:10px; text-align: left; line-height: 1em;}
.eventTitle     { font-size:0.8em; color: #E94E1B; text-align: center; padding:0px; font-weight: bold; line-height: 1.1em; }
.summaryTitle   { font-size:1.1em; color: #004650; text-align: center; padding:0px; }
.eventSubtitle  { font-size: 0.8em; color: #004650; text-align: center; padding:0px; margin:0px; }

.noDecoration { text-decoration: none; }

/* anything to do with press e.g. medi page, awards page, etc. */

.press_container          { border: 2px solid #004650; background-color: #FFFDEE; border-radius: 5px; padding: 16px; margin: 16px 0; }
.press_container::after   { content: ""; clear: both; display: table; }
.press_container h4       { padding-top: 0px; margin: 0px; }
.press_container p        { padding-top: 0px; font-size:0.7em; margin: 5px; }
.press_container a        { text-decoration: none; }
.press_container a:hover  { color: #659096; }
.press_container a.active { background-color: white; color: #004650; }

@media (max-width: 640px) {
  .press_container     { text-align: center; }
  .press_container img { margin: auto; float: none; display: block; }
}



/* FORWARD AND REVERSE ARROWS */

.right-arrow                          { float:right; margin: 20px; height: 50px; width: 50px; }
.left-arrow                           { float:left;  margin: 20px; height: 50px; width: 50px; }
.left-arrow:hover, .right-arrow:hover { opacity: 0.7; }


/****************************/
/* footer at bottom of page */
/****************************/

.footer a        { text-decoration: none; }
.footer a:hover  { opacity: 0.7;  text-decoration: none; }
.footer a:active { background-color: white; color: #004650; border-radius: 5px; }
.footer p        { display: flex; justify-content:center; color: white; }
.footer td       { padding-bottom: 3px; }
 


/* the standard social media icons in the contact section */

.icon-png       { height: 50px; width: 50px; padding:5px; }
.icon-png:hover { opacity: 0.7; }

@media only screen and (max-width: 500px) {
  .icon-png    { height: 40px; width: 40px; padding:5px; }
  .right-arrow { height: 40px; width: 40px; }
  .left-arrow  { height: 40px; width: 40px; }
}



/* GO TO TOP BUTTON */

#goToTopBtn { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #ba3c12; color: white; cursor: pointer; padding: 15px; border-radius: 4px; }
#goToTopBtn:hover { background-color: #555; }


/* W3 OVERRIDES */

.w3-row-padding img {margin-bottom: 4px;}
.w3-row-padding:after,.w3-row-padding:before {content:""; display:table; clear:both;}
.w3-row-padding,.w3-row-padding>.w3-third {padding:4px 2px;}