/* Reset ------------ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0; width: auto; max-width: 838px;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
strong{font-weight:bold;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}abbr,acronym{border:0;}

 /*
 *  Fonts
*/

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-Black.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-BlackItalic.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-Bold.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-BoldItalic.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-Light.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-LightItalic.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-RegularItalic.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-MediumItalic.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-Regular.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik Pro';
  src: url('/fonts/Aeonik Pro/AeonikPro-Medium.woff2') format('woff2'),
      url('/fonts/Aeonik Pro/AeonikPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}


/* FA styles */

.fa-twitter-square {color:#4099FF;}
.fa-facebook-square {color:#3b5998;}
.fa-instagram {color:#a64931;}

/* Styles ------------ */

* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; *behavior:url('/css/boxsizing.htc');}

html {min-height:100%; height:100%; width:100%;}
body {background:#fff; color:#000; font:14px/1.3 'Aeonik Pro', Arial, sans-serif; font-weight:400; height:100%; min-height:100%; width:100%; -webkit-text-size-adjust:100%;}

hr {border:0; border-bottom:1px solid #f2f2f2; float:left; height:0px; margin:5px 0 10px 0; padding:0; width:100%;}
em {font-style: italic;}
a {color:#61ad69;}

.container {max-width:1200px; margin:0 auto; clear:both;}

/*
body > .container {position:relative; z-index:2;}
*/

header {z-index:2; position:relative; top:0; left:0; width:100%; background:#fff; text-align:left; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch;}
.toptier {position:relative; margin:0 auto 0 auto; vertical-align: bottom; background:#000; display:none;}

header ul {list-style:none;}
header ul li {display:inline-block;}
header .navlogo {display:none;}
header .navlogo img {width:30px; height:auto;}

header .members-bar {width:100%; padding:15px; background:rgba( 0,0,0, .05 ); border-bottom:1px solid rgba( 0,0,0, .05 ); font-size:12px;}
header .members-bar .links {display:flex; width:100%;}
header .members-bar .link-block {display:flex;}
header .members-bar .spacer {flex:1;}
header .members-bar a {display:inline-flex; align-items:center; color:rgba( 0,0,0, .6 ); text-decoration:none;}
header .members-bar a:hover {text-decoration:underline;}
header .members-bar a:before {content:'|'; margin:0 15px; color:rgba( 0,0,0, .2 ); font-size:11px; line-height:1em;}
header .members-bar a:hover:before {text-decoration:none;}
header .members-bar a:first-child:before {display:none;}
header .members-bar .badge {display:inline-flex; margin-left:5px; width:12px; height:12px; align-items:center; justify-content:center; background:#d21300; border-radius:50%; font-weight:bold; font-size:9px; line-height:1em; color:#fff;}

@media ( max-width:800px ){
  header .members-bar {display:none;}
}

/* new Search css added */
div.search-container {border:5px solid #76d682; background:#76d682; border-radius: 4px; transition: all .5s ease-in-out; position:absolute; top:90%; right:0; width:300px; display:none;}
nav ul li.iconnav:hover div.search-container {display:block;}
/*div.search-container #quickfind {border-radius: 4px 4px 4px 4px; }*/
div.search-container #quickfind .results {border:5px solid #76d682; position: absolute; overflow: visible; background: #ffffff; z-index: 9999; width:300px; padding: 10px; border-radius: 0 0 4px 4px; border-top: none; text-align: left;}
div.search-container #quickfind .results .inner a { width: 100%; border-bottom: 1px solid #e8e8e8; padding:5px; font-size:14px; font-weight:normal;}
div:nth-child(2) { border-left: none; } 
div.search-container #quickfind .results .inner a:last-child { border-bottom: none; }
div.search-container #quickfind .results .inner a:hover { background: #f0f0f0; }
div.search-container #quickfind .results .highlight {background:#fe9;}
.search-input:focus,
.search-input:active,
.search-input:target { outline: none !important; border: none !important; box-shadow: none !important;  }
.search-input::placeholder {color:#ccc;}
.search-input {  padding:5px 10px; width: 290px; background: #ffffff; border:0; text-align:left; margin:0 0 0 5px;}

.membersubtag {margin:30px 20px 20px 20px; text-align:center; line-height:2.5em;}
.membersubtag a {border-radius:3px; font-size:12px; padding:6px 12px; margin:0 3px; background:#6c94a6; text-decoration: none; color:#fff;}
.membersubtag a:hover {opacity:0.8;}
.membersubtag a.selected {background:#fff; color:#333; border:1px solid #eee; font-weight:bold;}
.membersubtag a.selected i {display:none;}
.memberfilter {margin:0 auto; padding-top:20px; width:100%; display:block; text-align:center;}
.memberfilter input {padding:5px 10px; text-align:left; max-width:100%; width:300px; margin:0 auto; font-size:14px; border-radius:3px; border:1px solid #ccc;}

input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance: none;}

nav {clear:both; position:relative; font-size:0.00001px; z-index:6; width:100%; text-align:center; padding:0 30px; 
  font-size:18px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch;}

nav a:hover {text-decoration: none;}

nav h1 {width:250px;}
nav h1 img {width:100%; height:auto; padding:20px 25px 20px 25px;}
nav h1:hover img {opacity:0.7;}

nav ul {display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch; list-style:none; margin:0 0 0 auto;}
nav ul li {display:flex; align-items:stretch;}
nav ul li a {padding:15px 25px 10px 25px; align-items: center; display: flex; text-decoration:none; color:#333; font-weight:bold; border-bottom:5px solid transparent;}
nav>ul>li:hover>a {color:#76d682; text-decoration: none; border-bottom:5px solid #76d682; transition: border .2s ease-in-out;}

nav ul li.iconnav {position:relative;}
nav ul li.iconnav>a {color:#aaa; padding:17px 10px 13px 10px; font-size:15px;}
nav ul li.iconnav:first-of-type>a {padding-left:25px;}
nav ul li.iconnav:last-of-type>a {padding-right:10px; margin-right:15px;}
nav ul li.iconnav:hover i.fa-search {color:#76d682;}

nav ul li.iconnav .fa-user {color:#fc0;}

nav ul ul {position:absolute; display:none; justify-content:flex-start; flex-wrap:wrap; left:0; width:100%; top:100%; box-shadow:0 5px 5px rgba(0,0,0,.2); background:linear-gradient(to bottom,#eee, #fff); padding:30px;}

nav>ul>li>ul {display:none; opacity:0; transform:translatey(-1000px); transition:0.2s ease-in 0s; box-shadow:0 200px 300px rgba(0,0,0,0.4);}
nav>ul>li:hover>ul {display:flex; opacity:1; transform:translatey(0);}

nav ul ul li {display:block; position:relative;}
nav ul ul li a {display:block; color:#333; font-size:12px; text-align:left; padding:10px; border-bottom:0;}
nav ul ul li:hover a {color:#999; border-bottom:0;}

nav ul ul li a div {background-color:#000; background-size:cover; width:268px; height:201px; display:flex; font-size:20px; text-align:center; font-weight:bold; align-items: flex-end; position:relative;}
nav ul ul li a div.event-tile {height:auto; aspect-ratio:1/1;}
nav ul ul li a div div {background:linear-gradient(to top, rgba(0,0,0,0.6), transparent); display:flex; align-self:flex-end; color:#fff; width:100%; text-align:left; position:absolute; left:0; bottom:0; padding:40px 40px 20px 20px; text-shadow:0 0 5px rgba(0,0,0,0.4);}

nav ul ul li:hover a>div {/*transform: scale(1.05);*/ font-size:20px;}
nav ul ul li:hover a>div div {background:linear-gradient(to top, rgba(0,0,0,0.3), transparent);}

nav ul ul li a i.fa-ellipsis-h {position:absolute; bottom:20px; right:20px; font-size:14px; background:#fff; border-radius:50%; text-align:center; padding-top:1px; width:20px; height:20px; line-height:20px; color:#000;}

nav ul ul ul {display:none !important; position:absolute; right:20px; top:90%; padding:10px 0; background:#fff; border-radius: 5px; box-shadow:0 0 5px rgba(0,0,0,0.3); width:248px; z-index:7;}
nav ul ul ul li {width:100%;}
nav ul ul ul li a {width:100%;}
nav ul ul li:hover ul {display:block !important;}
nav ul ul li:hover ul:after {bottom: 100%; right: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px;}
nav ul ul ul li a {padding:10px 10px;}
nav ul ul li:hover a i.fa-ellipsis-h {background:#000; color:#fff;}
nav ul ul ul a:hover {background:#eee; border-radius:3px;}

nav .badge {display: inline-block; margin-left:5px; padding: 0 5px; font-family: Arial, sans-serif; font-size:11px; color: #fff; border: 1px solid; border-radius: 15px; background: #f33;}

.burger {display:none;}


.pageresponse {position:relative; z-index:1000; color:#000; overflow:hidden; background:url('/images/highlight.gif') repeat; width:100%; border-top:1px solid #ffe99b; border-bottom:1px solid #ffe99b;}
.pageresponse span {float:left; width:50px; padding:15px 0 0 0;}
.pageresponse i {font-size:24px;}
.pageresponse cite {color:#666; font-style:normal; white-space:nowrap;}
.pageresponse p {padding:10px 10px 10px 0; float:left; margin:0;}
.pageresponse a:link,
.pageresponse a:visited {color:#999;}
.pageresponse a:hover {text-decoration:underline;}
.pageresponse a.close {font-size:28px; font-weight:bold; text-decoration:none; color:rgba( 0,0,0, .3 );}
.pageresponse a.close:hover {color:rgba( 0,0,0, .5 );}

.hero {width:100%; height:50vh; position:relative; background:url('/images/heroes/kruger-hero.jpg'); background-size:cover; background-position:center center; /* margin-top:80px; */}
/*.hero img.temphero {width:100%; max-width:100%;}*/

.hero .fireappealpromo {position:absolute; top:30px; right:20px;}
.hero .fireappealpromo a {display:block; margin:5px 0; background:#900; padding:5px 10px; border-radius:3px; font-size:16px; text-decoration: none; color:#fff; transition:0.1s;}
.hero .fireappealpromo a i {margin-left:5px; text-decoration: none; color:#fc3;}
.hero .fireappealpromo a:hover {background:#600; transform:scale(1.05);}

.subhero {/*position:absolute;*/ position:relative; margin:-50px auto 0 auto; /*top:75%; left:0; right:0;*/ /*transform:translatex(-50%);*/}
.subhero .container {display:flex; box-shadow:0 0 50px rgba(0,0,0,0.3); flex-wrap:wrap;}
.subherofirst {width:100%; background:#4f9851; padding:10px 30px; position:relative;}
.subherofirst h3 {color:#fff; font-size:35px; font-weight:bold; margin:15px 0;}
.subherofirst p {color:rgba(0,0,0,0.7); font-size:16px; margin:15px 0; line-height:135%;}
.subherosecond {width:50%; margin-left:auto; background:#fff; padding:30px; display:flex; flex-wrap:wrap; justify-content:left;}
.subherosecond a {display:block; width:32%; margin:1px;}
.subherosecond img {width:100%; height:auto; padding:30px;}
.subherosecond img:hover {opacity:0.9; transform:scale(1.05);}

/*
.dropdown {position:absolute; display:none; z-index:5; left:0px; top:168px; background:#666; width:100%;}
.dropdown ul a {display:block; color:#fff; font-size:14px;}
*/

.chinese-carousel {/*margin-top:80px;*/}
.carousel-inner img {width:100%; height:auto;}

/*.herocontainer {display:table; width:100%; height:70%;}
.hero {position:relative; display: table-cell; padding-bottom:80px; vertical-align: bottom; text-align:center;}
.hero h3 {font-size:60px; color:#fff; text-transform: uppercase; font-weight:300; position:relative;}*/

/* Promos */
.frontpromos { width: 100%; width: 100%; margin: 0 auto 0 auto;}
.frontpromos ul {display:flex; flex-wrap:wrap; padding:10px;}
.frontpromos li { display: inline-block; /*padding:10px;*/ width:25%;}
.frontpromos li a img { width: 100%;}
.frontpromos li a img:hover {opacity:0.8;}

.subscribe {margin-top:120px; margin-bottom:-50px; position:relative;}
.subscribe .container {background:#fff; box-shadow:0 0 50px rgba(0,0,0,0.3); z-index:1; border-radius:5px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.subscribe .subscribeside {width:35%; border-radius:0 5px 5px 0; background-image:url('/images/subscribeside.jpg'); background-size: cover; background-position:center center;}
.subscribe form {width:65%; margin:auto; padding:50px;}
.subscribe h3 {font-size: 20px; font-weight:bold; opacity:0.6; color: #489651; text-transform:uppercase; margin: 0 auto 10px auto; }
.subscribe h4 {font-size: 30px; opacity:0.6; color: #333; text-transform:none; margin: 0 auto 30px auto;}
.subscribe input {margin:10px 0;}
.subscribe input[type=email] {padding:10px; border:1px solid #ccc; border-radius:3px; width:100%; font-size:14px;}
.subscribe input[type=submit] {font-size: 14px; padding: 10px 20px; font-weight: bold; color: #fff; background: #489651; border: 0 none; cursor: pointer; border-radius: 3px; display: block; }
.hidden-from-view {display:none;}

.storyherocontainer {display:table; width:100%; min-height:200px;}
.storyhero {position:relative; background:url('/images/storyheroes/example.jpg') no-repeat; background-size: cover; display: table-cell; vertical-align: middle; text-align:left;}
.storyhero h3 {font-size:40px; color:#fff; max-width:1200px; margin:0 auto; text-transform: uppercase; font-weight:300; position:relative;}
.storyhero h4 {font-size: 25px; opacity:0.6; color: #fff; max-width: 1200px; margin: 0 auto; text-transform: uppercase; font-weight: 300; position: relative;}
.storyhero a {text-decoration: none;}

.pagehero {/*margin-top:80px;*/ width:100%; min-height:320px; background:center no-repeat; background-size:cover;}
.pagehero video {width:100%; margin-top:-100px;}

form.layout {display:block; font-size:18px;}
form.layout p {color:#333;}
form.layout h4 {margin:50px 0 0 0; color:#0a9473;}
form.layout div {clear:left; padding:20px 0; display:block;}
form.layout div label {width:200px; font-size:15px; padding:5px 0; color:#333; font-weight:bold; float:left; cursor:pointer;}
form.layout input[type=text], form.layout input[type=password] {float:left; font-size:14px; margin-bottom:5px; border:1px solid #ccc; width:250px; padding:8px; -webkit-border-radius: 3px; border-radius: 3px;}
form.layout select {float:left; margin-bottom:5px;}
form.layout input[type=text]:disabled {background:#ddd;}
form.layout textarea {float:left; font-size:14px; margin-bottom:5px; border:1px solid #ccc; width:350px; height:100px; padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 3px; border-radius: 3px; max-width:100%;}
form.layout input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#61ad69; border:0 none;
cursor:pointer; -webkit-border-radius: 3px; border-radius: 3px;}
form.layout input[type=text]:focus {border-color:#333; }
form.layout span.tip {color:#666; font-size:11px; padding-top:5px; margin-left:10px; float:left;}
form.layout span.between {float:left; margin:0 20px;}
form.layout .rightbutton {float:right; margin-left:40px;}

/*
form.layout div.cats {font-size:0.0000001px; vertical-align:top; padding:10px 20px; margin:10px 0; display:block; border-top:1px solid #ccc;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: balance;  column-fill: balance;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-margin-bottom-collapse: separate;}

form.layout div.cats ul {display:block; margin:0; padding:0; clear:both;}
form.layout div.cats ul li {font-size:12px; display:block; margin:3px 0; padding:0; clear:both; overflow:hidden;}

form.layout div.cats ul li ul {width:100%; display:inline-block; vertical-align:top; width:100%; font-size:12px;}
form.layout div.cats>ul>li {
    -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; overflow:hidden; margin-bottom:15px;}

form.layout div.cats ul ul li label {font-size:12px; clear:none; margin:0; padding:0;}
form.layout div.cats li i.fa {float:left; clear:none; color:#999; font-size:11px; margin:5px 5px 0 8px;}
form.layout div.cats input[type=checkbox] {float:left; width:20px; margin:5px 0;}
form.layout div.cats label {float:left; clear:none; cursor:pointer; padding:0; margin:5px 0; font-weight:normal;}
form.layout div.cats label.toplevel {font-weight:bold;}
*/



form.layout div.cats {font-size:0.0000001px; vertical-align:top; padding:10px 0; margin:10px 0; display:block; border-top:1px solid #ccc;
    -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px;
    -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-margin-bottom-collapse: separate;}

form.layout div.cats ul {display:block; margin:0; padding:0; clear:both;}
form.layout div.cats ul li {font-size:12px; display:block; margin:3px 0; padding:0; clear:both; overflow:hidden;}

form.layout div.cats ul li ul {width:100%; display:inline-block; vertical-align:top; width:100%;}
form.layout div.cats>ul>li {
    -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; overflow:hidden; /* margin-bottom:15px; */ padding: 6px 0px;}
.checked { background: rgba(0,0,0,0.1); } 

form.layout div.cats ul ul li label {font-size:12px;}
form.layout .cats li i.fa {float:left; clear:none; color:#999; font-size:11px; margin-left:8px;}
form.layout div.cats input[type=checkbox] {float:left; width:20px;}
form.layout .cats label {float:left; clear:none; cursor:pointer; padding:0; margin:5px 0;}
form.layout .cats label {font-weight:normal;}
form.layout .cats label.toplevel {font-weight:bold;}
form.layout .cats label.childless {font-weight:bold;}
form.layout div.cats input:checked { background: rgba(0,0,0,0.5); }

form.layout div.tagnotes label {float:none; clear:both; display:block; width:100%; font-weight:normal;}
form.layout div.tagnotes label span {font-size:12px; color:#999;}
form.layout div.tagnotes input {float:none; clear:both; display:block;}
form.layout div.tagnotes input.taginfo {width:500px;}


/* map overlay */
.info_content {padding:20px;}
.info_content h3 {font-size:15px;}
.info_content a {text-decoration: none;}
.info_content p {font-size:14px;}

h4 {font-size:22px; margin:20px 0 30px 0; color:#595959; text-transform: uppercase;}
h4 span {color:#999;}

.filter {margin:40px 0; display:table; width:100%;}
.filter .filtercolumn {display:table-cell;}
.filter b {font-size:16px;}
.filter select {font-size:16px;}
.filter .filtersubmit {background:#61ad69; color:#fff; padding:10px 20px; font-size:16px; border:0; border-radius:3px;}
.filter .filtersubmit:hover {cursor: pointer; background:#468e4d;}

.filterselect {background: url('/images/filterselectarrow.png') no-repeat 96% 0; height: 29px; overflow: hidden; width: 200px; background-color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #ccc;}
.filterselect select {color: #61ad69; background: transparent; border: none; font-size: 14px; height: 29px; width: 268px; padding: 5px; /* If you add too much padding here, the options won't show in IE */}

.directory {}
.directory .searchinput {padding:10px; width:300px; font-size:15px; margin-bottom:5px;}
.directory input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#61ad69; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;}

.directoryform {background:#fff; padding:20px; width:100%; margin:0; overflow:hidden;}
.directoryform h3 {font-size:20px; margin:0 0 10px 0;}
.directoryform p {font-size:14px;}
.directoryform table tr th, .directoryform table tr td {font-size:16px; padding:20px 40px 20px 0; vertical-align:middle;}
.directoryform table tr td {color:#666; font-size:13px;}
.directoryform input[type=text], .directoryform input[type=password] {font-size:16px; padding:10px; border-radius:3px; width:100%; margin-bottom:5px;}
.directoryform select {font-size:18px;}
.directoryform input[type=submit] {padding:10px 40px; font-weight:bold; font-size:18px; border-radius:3px; color:#fff; background:#61ad69; border:0;}
.directoryform input[type=submit]:hover {background:#309a36; border:0; cursor: pointer;}

.content .taginfo { width: 100%; padding:20px; border-bottom:1px solid #eee;}
.content .taginfo a {text-decoration: none; display:block;}
.content .taginfo a:hover h3 {text-decoration: underline;}
.content .taginfo h3 { font-size: 18px; margin-top:0; font-weight:bold; text-decoration: none;}
.content .taginfo p { font-size: 14px; font-weight:normal; text-decoration: none;}
.content .taginfo p:last-child {margin-bottom:0;}

table.tablelist {width:100%; border-collapse:collapse; margin-bottom:30px;}
table.tablelist tr th {padding:10px; color:#ccc; font-weight:normal; text-align:left; font-size:11px;}
table.tablelist tr td {padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
table.tablelist tr td a:link,
table.tablelist tr td a:visited {text-decoration:none;}
table.tablelist a {text-decoration:none; color:#61ad69;}
table.tablelist tr:hover td {background:#f7f7f7;}
table.tablelist th button { padding: 0px; color: #ccc; font-weight: normal; text-align: left; font-size: 11px; border: none; background: none; cursor: pointer;}
table.tablelist th button i { margin-left: 5px; }
table.tablelist .demote {color:#999; font-size:12px;}

table.form                  {border:0; padding:0; margin:10px 0 0 0;  border-collapse:collapse; width:100%;}
table.form tbody            {border-bottom:20px solid transparent;}
table.form tr               {vertical-align:middle;}
table.form tr td            {padding:10px 20px;}
table.form tr th            {padding:10px 20px 0; color:#666; text-align:left;}
table.form .divider         {padding:10px 5px 10px 10px; text-align:left; color:#333; border-top:1px solid #ccc; font-weight:bold;}
table.form cite             {font-weight:normal; font-style:normal; color:#999; font-size:10px;}
table.form p, table.form li {color:#666;}
table.form td>input         {padding:3px 5px; border:1px solid #999;}
table.form td>input:hover   {background:#ffe; border:1px solid #333;}
table.form input.short      {width:50px;}
table.form input.medium     {width:100px;}
table.form input.long       {width:450px;}
table.form textarea         {font-size:14px; padding:5px; font-family:Arial, Helvetica, sans-serif;}
table.form select           {padding:2px;}
table.form textarea.comments     {width:570px; height:70px;}

form.login {display:block; font-size:18px;}
form.login div {clear:left; padding:20px 0; display:block;}
form.login div label {width:200px; padding:5px 0; font-weight:bold; float:left; cursor:pointer;}
form.login input[type=text], form.login input[type=password] {float:left; margin-bottom:5px; border:1px solid #ccc; width:250px; padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px; border-radius: 5px;}
form.login input[type=submit] {font-size:15px; clear:left; padding:10px 20px; font-weight:bold; color:#fff; background:#61ad69; border:0 none;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;}
form.login input[type=text]:focus {border-color:#333; }

table.marketform {border-collapse:collapse; width:100%;}
table.marketform tr th {text-align:left; color:#666; padding:3px; width:20px; padding-right:20px; white-space:nowrap; font-size:11px;}
table.marketform tr td {padding:3px; font-size:11px;}
table.marketform input {width:140px; padding:3px; vertical-align:middle;}
table.marketform select {width:150px; padding:3px; margin:0;}
table.marketform textarea {width:250px; height:50px; padding:3px; font-size:14px; font-family:Arial, Helvetica, sans-serif;}

table.tags {width:23%; margin-right:2%; margin-top:20px; float:left; border-collapse:collapse; border:1px solid #ccc; font-size:12px;}
table.tags tr th {padding:5px; border-bottom:1px solid #ccc; background-color:#eee;}
table.tags tr td {padding:5px; vertical-align:middle;}
table.tags tr td img {padding-right:3px; border:0;}
table.tags tr td a:link, table.tags tr td a:visited {text-decoration:none; display:block; padding:5px;}
table.tags tr td a:hover {color:#09f; background-color:#ebffe8}

.trips {clear:both; width:100%; font-size:0.0000001px;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: balance; /*-moz-column-fill: balance;*/ column-fill: balance;
    -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
    -webkit-margin-bottom-collapse: separate;}
.trip {width:100%; border:1px solid #ccc; overflow:hidden; margin-bottom:20px;
-webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid;
padding:15px;}
.trip h5 {font-size:18px; font-weight:bold;}
.trip h5 a {text-decoration: none;}
.trip p.remove a {text-decoration: none; color:#c00; font-size:11px;}
.content .trip p {font-size:15px; margin:10px 0;}
.tripday {font-size:14px; font-weight:bold; vertical-align:middle; text-align:center; display:inline-block; margin:5px 10px 0 0;}
.tripday i {color:#61ad69;}

.cards {width:100%; font-size:0.0000001px;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;
    -webkit-column-fill: balance; column-fill: balance;
    -moz-column-count: 4; -webkit-column-count: 4; column-count: 4;
    -webkit-margin-bottom-collapse: separate;}

.cardsfeatured {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;
    -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.cardssidebar {border-bottom:0; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}

.card {display:inline-block; background:#fff; box-shadow:0 0 20px rgba(0,0,0,0.3); margin:0 0 30px 0; padding-bottom:15px;
       -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; width:100%;}

/*.card:hover {background:#eee;}*/
.card img {width:100%;}
.card h5 {line-height:1em; text-decoration: none; font-size:18px; margin:20px 20px 0 20px; color:#333; font-weight:bold;}
.card h6 {line-height:1em; text-decoration: none; font-size:15px; margin:5px 20px 0 20px; color:#4f9851; font-weight:bold;}
.card p {color:#666; font-size:12px; padding:0 15px; margin:10px 0 0 0; opacity:0.5; text-decoration: none;}
.card p.type, .card p.usertaginfo {line-height:1em; margin-top:5px; margin-bottom:0; color:#999; opacity:0.9; font-size:13px; font-weight:300;}
.cardsfeatured p.usertaginfo {padding-left:20px;}
.card a {text-decoration: none;}

.promocard h5 {font-size:18px; line-height: 25px; font-weight:bold; text-align:center;}
.promocard p {font-size:14px; text-align: center;}

.sitemap {}
.sitemap a {text-decoration:none;}
.sitemap li a {color:#61ad69;}
.sitemap li.depth0>a {color:#000;}
.sitemap a:hover {color:#333;}

.content {padding:30px 0; width:75%; float:left; margin:0 auto;}
.content h2 {font-size:30px; line-height: 125%; margin-bottom:40px; font-weight:600; color:#1d5b76; border-bottom:1px solid #eee; padding-bottom:15px;}
.content h3 {font-size:24px; margin:10px 0;}
.content p {font-size:18px; margin-bottom:20px; color:#000000;}
.content hr {margin:20px 0;}
.content ul {margin-bottom:30px; list-style:square; margin-left:40px;}
.content ul li {font-size:18px;}
.content p.snip {font-weight:300; color:#999; font-size:24px; border-bottom:1px solid #eee; margin-bottom:20px; padding-bottom:20px;}

.pagecontent {margin-left:200px;}

.subnav {float:left; width:20%; margin-right:5%; font-size:16px; margin-top:74px;}
.subnav ul {list-style:none; margin:0;}
.subnav ul li {margin:0;}
.subnav ul li a {text-decoration:none; display:block; padding:5px 10px; border-radius:3px; font-size:16px; color:#61ad69;}
.subnav ul li a:hover {background:#eee;}
.subnav a.current {color:#333; font-weight:bold;}
.subnav ul ul li a {font-weight:normal; font-size:12px;}
.subnav a.second {padding-left:10px; font-size:14px; color:#666; padding-top:3px; padding-bottom:3px;}
.subnav a.third {padding-left:20px; font-size:12px; color:#666; padding-top:3px; padding-bottom:3px;}
.subnav a.fourth {padding-left:30px; font-size:12px; color:#666; padding-top:3px; padding-bottom:3px;}

.leftsidebar {width:10%; float:left; padding-top:60px;}
.maincolumn {width:60%; margin:0 5%; float:left;}
.rightsidebar {width:20%; float:left; padding-top:80px;}

.profileheader,
.listheader {background:#1d5b76; padding:10px 20px 15px 20px; border-radius:3px; margin-bottom:30px;}
.profileheader h2,
.listheader h2 {font-size:30px; color:#fff; font-weight:600; margin:0; padding:5px 0 0 0;}
.profileheader .weblink,
.listheader .weblink {text-decoration:none; color:#fff; opacity:0.5;}
.profileheader .weblink:hover,
.listheader .weblink:hover {opacity:1;}

.profilecolumns {width:100%; font-size:0.0000001px;
    -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;
    -webkit-column-fill: balance; /* -moz-column-fill: balance;*/ column-fill: balance;
    -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-margin-bottom-collapse: separate;}

/*
li:before {
  content: '';
  */

.profilecolumn {display:inline-block; background:#fff; margin:0 0 30px 0;
       -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; width:100%; }

.profilecolumn h4,
.listcolumn h4 {margin:0; font-weight:bold; font-size:18px; background:#61ad69; color:#fff; padding:10px 15px; text-transform:none;}
.profilecolumn p,
.listcolumn p {margin:15px; font-size:14px;}
.profilecolumn ul,
.listcolumn ul {margin:25px 20px 25px 40px; position:relative; display:block;}
.profilecolumn ul li,
.listcolumn ul li {margin:5px 0; font-size:14px; text-overflow: ellipsis; padding:3px 10px;}
.profilecolumn ul li:first-child {border:0;}
.profilecolumn ul li i {color:#61ad69; margin-right:10px; padding:3px 0;}
.profilecolumn ul.taglist a {text-decoration: none;}

.profilecolumn .userlogo,
.listcolumn .userlogo {width:100%; max-width:70%; margin:0 auto; text-align: center;}
.profilecolumn .userhero {width:100%; margin:0 0 20px 0;}
.profilecolumn .userdescription p,
.listcolumn .userdescription p {font-size:18px;}
.profilecolumn .profilemap {}
.profilecolumn span.usertaginfo {color:#999; font-size:12px;}

.listcolumn .info p { font-size: 16px !important; }

/* Flex columns instead ( added by Tom 2018-15-05 ) */
.profileflex {columns:1; display:flex; flex-wrap:wrap; width:1240px; margin:0 -20px;}
.profileflex > .profilecolumn {flex-basis:373px; margin:0 20px 30px 20px;}

@media all and ( max-width:1350px ){
  
  .profileflex {width:100%; margin:0;}
  .profileflex > .profilecolumn {flex:1; flex-basis:10px; width:auto; margin:0 0 30px 40px;}
  .profileflex > .profilecolumn:first-child {margin-left:0;}
  
}

@media all and ( max-width:950px ){
  
  .profileflex > .profilecolumn {min-width:200px;}
  .profileflex > .flexmap {flex-basis:100%; margin-left:0;}
  
}

@media all and ( max-width:550px ){

  .profileflex > .profilecolumn {min-width:100%; width:100%; margin-left:0;}
  
}

.member { width: 100%; display: inline-block; float: left; margin-top: 40px; padding-bottom: 20px;  border-bottom: 2px solid rgba(0,0,0,0.1); }
.member:last-child { border-bottom: none; }
.membercontent { width: 70%; display: inline-block; vertical-align: middle; }
.memberimage { width: 25%; display: inline-block; vertical-align: middle; margin-left: 4%; }
.membername { margin-bottom: 0px; }
.membername h3 { font-size: 20px; color: #595959; text-transform: uppercase; margin-left: 1.15%; }
.membercontent .memberinfo i { margin-right: 15px; color: #61ad69 !important; }
.membercontent .memberinfo ul { list-style: none; }

@media all and (max-width:550px) {
    .membercontent,
    .memberimage { width: 100%; margin-left: 0%; }
    .memberimage { text-align: center; }
    .memberimage img { margin: 0 auto;  width: 50%; text-align: center; }
}

.openinghours ul li {color:#999;}
.openinghours ul li i {color:#eee;}
.openinghours ul li.open {color:#61ac69;}
.openinghours ul li.open i {color:#61ac69;}
.openinghours ul li span {color:#999; font-size:12px;}
.openinghours ul li a {text-decoration: none; color:#999;}
.openinghours ul li.open a {color:#61ac69;}

.profileaction {float:right; text-align:left; margin:10px 0 0 30px;}
.profileaction a {text-decoration:none; font-size:12px; color:#fff; opacity:0.7; display:block; width:90px; min-height:30px;}
.profileaction i {font-size:30px; margin:0 10px 0 0; float:left; display:block; width:30px;}
.profileaction span {float:left; width:50px; font-size:11px;}
.profileaction a:hover {opacity:1;}

.stories { padding-top: 20px; }
.stories .story.item { border-bottom: 1px solid #eee; padding-bottom: 20px; float: left; margin-bottom: 20px;  }
.stories .story.item .storytitle { font-size: 25px; text-decoration: none !important; font-weight: bold; color: #595959; }
.stories .story.item .storydate { color: #d4d4d4; }
.stories .story.item .storysnip { float: left; width: 78%; display: inline-block; margin-right: 2%; color: #595959; font-size: 18px; margin-top: 2%; vertical-align: middle; }
.stories .story.item .storyattachment { width: 20%; display: inline-block; vertical-align: middle; }
.stories .story.item .storyattachment img { width: 100%; margin-top: 15px; }
.stories .story.item .storyinfo img {max-width:100%; height:auto !important;}

@media all and ( max-width: 1200px ){
  
  .stories .story.item img {max-width:100%; height:auto !important;}
  
}


.column {width:30%; float:left; margin-right:5%; padding:30px 0; padding-bottom: 25px; }
.column:last-child h4 { margin-top: 0; }
.column h4 {font-size:20px; margin-bottom:15px; color:#595959; text-transform: uppercase;}
.column h5 {font-weight:bold; font-size:18px; margin-bottom:15px; color:#313131;}
.column p {font-size:16px; color:#595959; margin:0 0 10px 0;}
.column p a {color:#595959;}



table.events {width:100%; border-collapse:collapse;}
table.events tr th {text-align:left; font-weight:normal; padding:5px 20px;}
table.events tr td {padding:15px 20px; border-top:1px solid #eee; border-top:1px solid #eee; vertical-align:middle;}
table.events a {text-decoration: none;}
table.events tr:hover td {background:#f7f7f7;}

footer {clear:both; background:#eee; padding-top:150px; padding-bottom:40px;}
footer .container {display:flex; justify-content:space-between; flex-wrap:wrap;}
footer a {color:#61ad69;}

.footercolumn {width:33%;}
.footercolumn p {font-size:14px; margin:10px 0;}

.footercolumnlogo {text-align: left;}
.footercolumnlogo img {margin:auto;}

footer ul li {margin:0 20px 0 0; display:inline-block;}
footer ul li a {font-size:40px; padding:5px 0; text-decoration: none;}
footer ul li a i {color:#666 !important;}
footer ul li a:hover i {color:#61ad69;}

.final {clear:both; text-align:center; width:100%; padding-bottom:30px; margin-top:30px; border-top:1px solid rgba(0,0,0,0.05);}
.final p {font-size:10px; margin:5px auto; color:rgba(0,0,0,0.7);}
.final p a {color:rgba(0,0,0,0.7);}
.final p span {margin:0 5px; color:rgba(0,0,0,0.2);}
.final p.first {font-size:12px; margin-top:30px;}
.final a:hover {color:rgba(0,0,0,1);}


.libraryitemslist {clear:both; display:block; width:100%; border-collapse: collapse;}
.libraryitemslist i {color:#999; display:block;}
.libraryitemslist i.dir {color:#fc3; display:block;}
.libraryitemslist tr:hover {background:#eee;}
.libraryitemslist tr td {border-bottom:1px solid #eee; padding:10px 20px;}
.libraryitemslist tr td a {text-decoration: none; color:#666;}
.libraryitemslist tr td a:hover {color:#000;}

.libraryitemslist i.file-word-o {color:#33c;}
.libraryitemslist i.file-pdf-o {color:#c33;}
.libraryitemslist i.file-photo-o {color:#960;}
.libraryitemslist i.file-excel-o {color:#090;}
.libraryitemslist i.file-audio-o {color:#690;}

.libraryitemlist {}
.libraryitemlist img {}
.libraryitemlist span {font-size:11px; color:#999;}

.libraryitems {clear:both; display:table;}
.libraryitems a.dir {background:#61ad69; color:#fff; text-decoration: none; display:block; padding-top:50px;}
.libraryitems a.dir i {color:#fd9; font-size:40px; display:block;}
.libraryitems .dir:hover {opacity: 0.9;}
.libraryitem {float:left; display:table-cell; vertical-align:middle; width:175px; text-align:center; 
    height:175px; margin-right:20px; margin-bottom:20px; border:1px solid #ccc; padding:10px; overflow:hidden;}
.libraryitem img {max-height:150px; max-width:150px;}
.libraryitem span {clear:left; display:block; width:100%; font-size:11px; color:#999;}
ul.librarycrumbs {list-style:none; margin:0; padding:0; text-indent:none; font-size:14px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0; margin-bottom:20px;}
ul.librarycrumbs li {display:inline-block; margin:0;}
ul.librarycrumbs li i {color:#999; margin:0 10px;}
ul.librarycrumbs li a {text-decoration: none;}
ul.librarycrumbs li a:hover {color:#333;}

/* Media Queries ------------ */

@media all and (max-width: 1350px){
.container {max-width:90%;}
.cardsfeatured {-moz-column-count: 4; -webkit-column-count: 4; column-count: 4;
    -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
}

@media all and (max-width: 1100px){
.filter b {font-size:14px;}
.filter .filtersubmit {padding-left:10px; padding-right:10px; font-size:14px;}
}

@media all and (max-width: 940px) and (min-width:701px){
  
  .hero {margin-top:140px;}
  
  .firstsubsection {padding-top:140px;}

  .pagehero {min-height:350px; height:500px; margin-top:140px; margin-bottom:30px; overflow:hidden;}
  .pagehero video {margin-top:0;}
  
}
  
/*
@media all and (max-width: 950px){
*/
@media all and (max-width: 1150px){
  
#section-text-955 img, /* Events > Crush Festival */
.events.promo-single img {max-width:100%; height:auto !important;}
  
.footercolumn {width:32%;}
.footercolumnnav {display:none;}
.topnavsocial {display:none;}

nav ul li a {padding-left:15px; padding-right:15px; font-size:15px; border-bottom:0;}
nav ul li:hover a {border-bottom: 0;}
nav ul ul li a div {width:200px; height:150px;}

li.burger.burgerdrop > ul {padding:10px 20px;}
li.burger.burgerdrop > ul li {width:100%;}
li.burger.burgerdrop > ul li a {width:100%;}


.hero {height:40vh;}

.subhero {position:relative; margin:-20px auto 30px auto; top:initial;}

.subherofirst {width:100%; padding:20px 30px;}
.subherofirst h3 {font-size:25px;}
.subherofirst p {font-size:16px;}
.subherosecond {width:100%;}
.subherosecond a {width:48%;}

.frontpromos {margin-top: 50px;}
.frontpromos li {width:50%;}

.hero h3 {font-size:40px;}
.cardsfeatured {-moz-column-count: 3; -webkit-column-count: 3; column-count: 3;
    -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px;}
.column h4 {font-size:16px; margin-bottom:10px;}
.column h5 {font-size:15px; margin-bottom:10px;}
.column p {font-size:14px;}

.filter {font-size:14px;}
.filterselect {width: 150px;}
.filterselect select {font-size: 12px; width: 218px; padding: 5px;}

.profilecolumns {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;}

}

@media (max-width: 700px) {

header .toptier {margin:0 auto 10px auto; min-height:60px;}
header .toptier h1 {width:100%; min-width:100%; position:relative; margin:30px 0 10px 0; text-align:center;}
header .toptier h1 img {max-width:330px;}
header .toptier .rest {clear:both; text-align:center; width:100%; position:relative; display:none;}
header .topnav {float:none; width:100%; margin-right:0;}
header .topnav ul {margin-left:0;}
nav {padding:0 15px;}
nav .navlogo {display:inline-block;}
nav .navmembers {display:inline-block;}
nav ul {width:100%;}
nav>ul>li {display:none;}
nav .extraneous {display:none;}
nav .iconnavsearch {display:none;}
nav .iconnavmembers {display:inline-flex;}
nav .iconnavchina {display:inline-block;}

nav .burger li:hover > ul {display:block !important;}
nav .burger ul ul {position:relative; top:0; left:0; right:0; bottom:0; width:100%; margin:0; padding:0; background:none; box-shadow:none;}
nav .burger ul ul a {padding:6px 10px; font-weight:normal;}
nav .burger li.haschildren > a:after {content:'\f0d7'; font-family:'FontAwesome'; margin:0 0 0 5px; color:rgba( 0,0,0, .25 );}
nav .burger ul li:hover a {color:#333;}
nav .burger li:hover ul ul {display:none !important;}
nav .burger li:hover ul li:hover ul  {display:block !important;}
nav .burger ul li:hover ul:after {display:none;}

#heroes {z-index:6;}

header {z-index:7;}
header h1.logofull {display:none;}

.filter .filtercolumn:first-child {display:none;}

.burger {flex:1;}
.burger, .burger a, .burger a i {display:inline-block;}

.hero, .pagehero, .chinese-carousel {margin-top:40px;}

.pagehero {min-height:350px; height:500px; margin-top:40px; margin-bottom:30px; overflow:hidden;}
.pagehero video {margin-top:0;}

.herocontainer {height:50%;}
.hero h3 {font-size:30px;}

.hero .fireappealpromo a {padding:3px 6px; font-size:13px;}

.cardsfeatured {-moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}
.subfooter {display:none;}
.footercolumn {width:49%;}
.footercolumnsocial {display:none;}
.card p {font-size:12px;}
.card h5 {font-size:20px; margin:15px 15px 5px 15px;}
.card h6 {font-size:18px; margin:5px 15px 5px 15px;}
.card p.type {font-size:9px;}
.cardsfeatured p.usertaginfo {padding-left:15px;}

.archives {display:none;}

.page-container {display:flex; flex-direction:column;}

.subnav {order:2; float:none; clear:both; width:100%; margin-top:0; padding-top:30px; border-top:1px solid rgba( 0,0,0, .05 );}
.subnav ul li a {padding:5px 0;}
.content {order:1; width:100%; padding:0;}
.content h2 {margin-top:10px; margin-bottom:30px; padding-bottom:0; border-bottom:0;}
.pagecontent {width:100%; margin:20px 0 0 0;}

footer {padding-top:100px;}
footer .extraneous {display:none;}

.profilesidebar {width:70%; float:none; margin:30px auto 30px auto; border:0; box-shadow:0 0 3px rgba(0,0,0,0.3); overflow:hidden;}
.profilemain {width:100%; float:none;}

/*.profileaction {float:none; margin:20px 0 20px 0;}*/
.profileheader .extraneous {display:none;}

.usercolumns {display:block; width:100%;}
.usercolumn {display:block; width:100%; padding-right:0; max-width:100%;}

.subscribe {margin-top:50px;}
.subscribe form {width:100%; padding:30px;}
.subscribe .subscribeside {width:100%; padding-bottom:60%;}
.subscribe h3 {font-size: 14px;}
.subscribe h4 {font-size: 20px; margin-bottom:10px;}

}

@media all and (max-width:550px){
  .pagehero {min-height:250px; height:250px;}
}

@media (max-width: 500px) {
.filter {display:none;}
.cards {margin-top:30px;}
.cardsfeatured {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;
    -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}

.profileaction {float:right; text-align:left; margin:10px 0 0 0;}
.profileaction a {width:30px; min-height:30px;}
.profileaction i {font-size:30px; width:20px;}
.profileaction span {display:none;}

.profilecolumn {width:100%;}
.profilecolumn li, .profilecolumn p {font-size:15px;}

.footercolumn {width:100%; border:0;}
.footercolumnlogo {display:none;}

.trips {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
.trip {width:100%;}

.profilecolumns {-moz-column-count: 1; -webkit-column-count: 1; column-count: 1;}
}







/* Event / Schedule */
div.section-script {position:relative; z-index:2; --event-color:#f29677;}

.mainevent hr {float:none;}

.mainevent p.back {padding:0 20px; font-size:11px;}

.mainevent .events.promo-single img {max-width:100%;}

.mainevent .tags {display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin:30px 0 20px 0;}
.mainevent .tags .tag {--tag-color:white; --tag-background:var(--tag-color); --text-color:white; display:flex; align-items:center; min-width:100px; margin:10px; font-size:11px;}
.mainevent .tags .tag {--tag-color:#333; --text-color:white;}
.mainevent .tags .tag .key {background:var(--tag-background); height:100%; margin-right:10px; padding:5px; font-size:11px; border:2px solid var(--tag-color); font-weight:bold; color:var(--text-color);}
.mainevent .tags .tag .key:only-child {margin-right:0;}

.mainevent div[data-tag-filters] {display:grid; grid-template-columns:repeat( 5, 1fr ); gap:10px; margin-top:20px;}
.mainevent div[data-tag-filters] .tag {transition:opacity .1s, background-color .2s; cursor:default; margin:0; padding:5px 10px;}
.mainevent div[data-tag-filters] .tag .key {}
.mainevent div[data-tag-filters] .tag.active {font-weight:bold;}
.mainevent div[data-tag-filters] .tag.active {background:var(--tag-color); color:white;}
.mainevent div[data-tag-filters] .tag.active .key {background:var(--tag-color); color:white;}
.mainevent div[data-tag-filters]:hover .tag:hover:not(.active) {background:rgba( 0,0,0, .05 );}
.mainevent div[data-tag-filters]:hover .tag:not(:hover):not(.active) {opacity:.5;}

@media (max-width:1100px){
  .mainevent div[data-tag-filters] {grid-template-columns:repeat( 3, 1fr );}
}

@media (max-width:600px){
  .mainevent div[data-tag-filters] {grid-template-columns:repeat( 2, 1fr );}
  .mainevent .tags .tag .key.has-icon {min-width:30px;}
}

.mainevent .tags .tag-day {--tag-color:#2d383e;}
.mainevent .tags .vegetarian {--tag-color:#f94757;}
.mainevent .tags .vegan {--tag-color:#8eab1c;}
.mainevent .tags .gluten-free {--tag-color:#e42e5e;}
.mainevent .tags .booking-essential {--tag-color:#69436c;}
.mainevent .tags .booking-recommended {--tag-color:#69436c; --tag-background:white; --text-color:#69436c;}
.mainevent .tags .family-friendly {--tag-color:#03a2ff;}
.mainevent .tags .designated-driver-program {--tag-color:#ffc903;}
.mainevent .tags .lunch {--tag-color:#3248ae;}
.mainevent .tags .brunch {--tag-color:#eb9000;}
.mainevent .tags .dinner {--tag-color:#ae324d;}
.mainevent .tags .live-music {--tag-color:#8e32ae;}

.schedule {float:left; width:100%; margin-top:20px; padding-top:50px; border-top:5px solid #f29677;}
.schedule .controls {flex:1; flex-basis:100%; margin:0 0 20px 0;}
.schedule .controls a {color:#000;}
.schedule .columns {display:flex; flex-wrap:wrap; margin-left:0;}
.schedule .column {flex:1;}
.schedule .date {display:block; padding-bottom:8px; border-bottom:1px solid rgba( 0,0,0, .1 ); font-weight:600; color:rgba( 0,0,0, .5 ); text-transform:uppercase;}
.schedule .date.collapsed:after {content:'\f196'; font-family:FontAwesome; float:right; color:rgba( 0,0,0, .2 ); cursor:pointer;}
.schedule .date.expanded:after {content:'\f147'; font-family:FontAwesome; float:right; color:rgba( 0,0,0, .2 ); cursor:pointer;}
.schedule .date.collapsed:hover:after,
.schedule .date.expanded:hover:after {color:rgba( 0,0,0, .4 );}
.schedule .item {display:flex; padding:8px 0; border-top:1px solid rgba( 0,0,0, .1 ); color:#000; font-size:14px; line-height:1.4em;}
.schedule .item:hover {background:rgba( 0,0,0, .05 ); text-decoration:none;}
.schedule .item .time {flex-basis:90px; padding-right:10px; color:rgba( 0,0,0, .4 ); font-size:11px;}
.schedule .item .time .fa {font-size:18px; color:rgba( 255,255,255, .8 );}
.schedule .item .info {color:rgba( 0,0,0, .5 ); font-size:80%;}
.schedule .item .description {flex:1;}
.schedule .item .name {font-weight:bold;}
.schedule .item a.name {color:#2d383e;}
.schedule .item .subname {display:block;}
.schedule .item.current {background:#ed6f46; color:#fff;}
.schedule .item.current a.name {color:#fff;}
.schedule .item.current .time {padding-left:8px; color:rgba( 255,255,255, .4 );}
.schedule .item.current .info {color:rgba( 255,255,255, .5 );}
.schedule .item.finished {color:rgba( 0,0,0, .4 );}
.schedule .item.finished a.name {color:rgba( 0,0,0, .4 );}
.schedule .item.finished .time {color:rgba( 0,0,0, .2 );}

.mainevent .grid-item {display:inline-block; padding:20px; border-top:1px solid var(--event-color); margin-bottom:10%; width:100%; text-decoration:none; break-inside:avoid;}
.mainevent .grid-item p {font-size: 12px; font-size: 1.2rem; margin-bottom: 3%; text-decoration: none;}
.mainevent .grid-item .nav li .tag.website a {color: #000000; font-size: 11px; font-size: 1.1rem; text-decoration: none;}
.mainevent .grid-item .nav li .tag.website a:hover {text-decoration: none;}
.mainevent .grid-item .grid-thumb a {display:flex; justify-content:center;}
.mainevent .grid-item .thumbnail {/*width:100%;*/ width:auto; max-width:100%; max-height:180px; margin-bottom:20px;}
.subevent .grid-item .thumbnail {max-height:400px;}
.mainevent .grid-item h5 {font-size: 20px; font-size: 2rem; text-transform: uppercase; padding: 0; margin: 0; font-weight: 600; line-height: 135%; text-decoration: none;}
.mainevent .grid-item h6 {font-size: 14px; font-size: 1.4rem; font-weight: 600; margin-bottom: 0%; text-decoration: none;}
.mainevent .grid-item h6 span {font-weight: bold; text-transform: uppercase; color: #ec6e45; text-decoration: none;}
.mainevent .grid-item img {width: 100%; height: 100%; max-width: 50px;}
.mainevent .grid-item .tags {justify-content:flex-start;}
.mainevent .grid-item .tags .tag {min-width:1px; margin:0;}
.mainevent .grid-item .tags .tag:not(:first-child) {margin-left:10px;}

.mainevent .grid-item a {color:#2d383e;}
.mainevent .grid-item a:hover {color:#000;}

.mainevent .container.subevent {max-width:100%;}
.mainevent .subevent a {color:#2d383e;}
.mainevent .subevent a:hover {color:#000;}

.mainevent .subevent .thumbnail {width:auto;}
.mainevent .subevent hr {border-color:var(--event-color);}

.mainevent .subevent-grid {columns:1; column-gap:50px; max-width:100%;}

@media (min-width: 550px) {
  .mainevent .subevent-grid {columns:2; column-gap:50px;}
}
@media (min-width: 950px) {
  .mainevent .subevent-grid {columns:3; column-gap:50px;}
}

@media (min-width: 750px) {
  .mainevent .grid-item img {max-width: auto; }
}

@media (max-width:768px){
  .mainevent p.back {padding:0;}
  .mainevent .container.subevent {max-width:100%;}
  .mainevent .schedule .column {flex-basis:100%; margin:0 0 30px 0;}  
  .mainevent .grid-item {padding:20px 0;}
}

.mainevent .filters {display:flex; align-items:center; flex-wrap:wrap; justify-content:center; margin:0 0 15px 0;}
.mainevent .filters input[type="text"],
.mainevent .filters input[type="date"],
.mainevent .filters select {max-width:100%; margin:5px; padding:8px; border:1px solid rgba( 0,0,0, .1 ); border-radius:3px; background:white;}
.mainevent .filters label {margin:0 -5px 0 5px; padding:8px; font-weight:bold;}

@media (max-width:768px){
  .mainevent .filters input[type="text"],
  .mainevent .filters input[type="date"],
  .mainevent .filters select {flex:1;}
  .mainevent .filters nobr {display:flex; align-items:center; width:100%;}
}

.tooltip {position:absolute; z-index:1005; transform:translateX(-50%) translateZ(1px); display:none; padding:8px 10px; border-radius:3px; background:var(--tooltip-color); color:#fff; font-size:11px; line-height:1.4em; text-align:center; white-space:pre-wrap;}
.tooltip .quiet {color:rgba( 255,255,255, .5 );}
.tooltip.white {background:#fff; color:#000; box-shadow:0px 0px 2px 2px rgba( 0,0,0, .15 ); font-size:14px; line-height:1.4em; text-align:left;}
.tooltip::before {content:'\f0d8'; pointer-events:none; font-family:'FontAwesome'; font-weight:600; font-size:18px; color:var(--tooltip-color); position:absolute; left:0; top:0; width:100%; margin-top:-8px; text-align:center;}
.tooltip.left {transform:translateX(-100%) translateY(-50%);}
.tooltip.left::before {content:'\f0da'; left:auto; right:0; top:50%; width:auto; margin-right:-5px; text-align:right;}
.tooltip.white::before {color:#fff;}


/* Wine Show */
#page-118 h2 {margin-bottom:0; border-bottom:0;}
#pagehero-118 {aspect-ratio:2/1;}
@media (max-width:700px){
  #pagehero-118 {min-height:1px; height:auto;}  
}
#section-text-1135 {margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; font-size:16px; line-height:1.2em; font-family:'GrandSlang', sans-serif; font-weight:600; font-style:normal; text-transform:uppercase; color:#1d5b76;}
#section-text-1135 p {margin-bottom:0;}

#section-gallery-1136,
#section-gallery-1137 {margin-bottom:20px;}
#section-gallery-1136 .fatcontainer,
#section-gallery-1137 .fatcontainer {display:grid; grid-template-columns:1fr 1fr; grid-gap:30px;}
#section-gallery-1136 .fatcontainer img,
#section-gallery-1136 .fatcontainer video,
#section-gallery-1137 .fatcontainer img,
#section-gallery-1137 .fatcontainer video {width:100%; height:auto;}

@media (min-width:769px){
  /*
  #section-gallery-1136 .fatcontainer {grid-template-columns:1.19fr 1fr;}
  #section-gallery-1136 .fatcontainer {grid-template-columns:1.01fr 1fr;}
  #section-gallery-1136 .fatcontainer {grid-template-columns:1fr 1.12fr;}

  #section-gallery-1136 .fatcontainer {display:flex; flex-wrap:wrap; justify-content:center; gap:40px 50px; margin-top:30px;}
  #section-gallery-1136 img {max-height:70px; width:auto; image-rendering:-webkit-optimize-contrast;}
  */
}

@media (max-width:768px){
 
  #section-gallery-1136 .fatcontainer,
  #section-gallery-1137 .fatcontainer {grid-template-columns:1fr;}

}