body,html {
  height:100%;
  font-family: 'Open Sans', sans-serif;
  background-color:#222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:#fff;
  color:#222;
}

#page-header {
  position: static;
  width:100%;
}

@media all and (min-width: 992px) {
  #page-header {
    position: fixed;
    top:0px;
    z-index: 9999;
    width:100%;
  }
}

#page-content { position: static; z-index:1; }

@media print { .no-print, .no-print * { display: none !important; }}


/* responsive support */

.container-fluid-skinny { max-width:960px; padding:0 24px; margin:0 auto; }
.container-fluid { max-width:1250px; padding:0 24px; margin:0 auto; }
@media all and (min-width: 1200px) {
  .container-fluid { max-width:1250px; padding:0 36px; margin:0 auto; }
}

.gutter-small.row { margin-right: -6px; margin-left: -6px; }
.gutter-small > [class^="col-"], .gutter-small > [class^=" col-"] { padding-right: 6px; padding-left: 6px; }

.silver-wrap { background-color:#fafafa; }
.silver-bg { background-color:#fafafa; }
.white-bg { background-color:#fff; }

.callout {  background-color:#f0f0f0; width:100%; padding:20px 24px; border-radius:10px; margin:20px 0; }
.padding-top-short { padding-top:40px; }
.padding-bottom-short { padding-bottom:24px; }

.hold-width { max-width:800px; margin:0 auto; }
.padding-top { padding-top:40px; }
.padding-top-half { padding-top:20px; }
.padding-bottom { padding-bottom:40px; }
.padding-bottom-half { padding-bottom:20px; }
.form-padding { margin:24px 0; }
.form-boxed { border: 1px solid #ced4da; border-radius: .25rem; padding:8px; }
.form-vote-padding { padding-top:10px; padding-bottom:20px; }
@media all and (min-width: 768px) {
	.padding-top { padding-top:60px; }
	.padding-top-half { padding-top:30px; }
	.padding-bottom { padding-bottom:60px; }
	.padding-bottom-half { padding-bottom:30px; }
	.split-left { padding-right:30px; }
	.split-right { padding-left:30px; }
	.form-boxed { padding:16px; }
}

/* domino laoyout */

.domino { display:block; width:100%; margin:30px 0px; }
.domino-image { display:block; width:100%; padding-bottom:16px; }
.domino-content { display:block; width:100%; padding-bottom:16px;}
@media all and (min-width: 768px) {
	.domino { display:table; width:100% }
	.domino-image { display:table-cell; width:35%; vertical-align:top; padding-bottom:24px;}
	.domino-content { display:table-cell; width:65%; vertical-align:top; padding-bottom:24px; padding-left:30px;}
}

.domino-image { padding-top:4px;}
.domino-image img { max-width:360px;}
.domino-content h3 { margin-top:0;}
.domino-content ul { padding-left:22px;}
.domino-content a.btn-bellevue { margin-top:10px;}

/* responsive images */

.img-responsive { max-width: 100%; height:auto!important; }
.img-fluid { width:100%!important; height:auto!important; }
.img-wrapright { float:right; padding:0; margin:8px 0px 14px 24px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:8px 24px 14px 0px; max-width:48%; height:auto!important; }

.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-responsive { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-responsive iframe, .video-responsive object, .video-responsive embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* responsive features */

figure,figcaption,img { display: block; }
figcaption { font-weight:400; font-size:14px; line-height:1.4; margin:6px 0px 12px 0px; } 

.container-fluid-feature { max-width:768px; padding:0 24px; margin:0 auto; }

.body-feature { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-full { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-full p, .body-feature-full div, .body-feature-full figure { margin-left:-24px; margin-right:-24px; }
.body-feature-left { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-right { padding:0; margin:24px 0px 24px 0px; width:100%; }
.body-feature-callout { border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:30px; margin-bottom:30px; }
.body-feature-callout p { font-weight:400; font-size:20px; line-height:30px; text-align:center; padding:16px 0px 6px 0px; }

.body-feature-full figcaption { padding-left:24px; padding-right:24px; }

@media all and (min-width: 768px) {
	.body-feature-left { float:left; padding:0; margin:6px 30px 12px 0px; width:60%; }
	.body-feature-left p, .body-feature-left figure { margin-left:-24px; } 
	.body-feature-right { float:right; padding:0; margin:6px 0px 12px 30px; width:60%; }
	.body-feature-right p, .body-feature-right figure { margin-right:-24px; }
	.body-feature-callout { } 
	.body-feature-callout p { padding:24px 24px 14px 24px; }
	
	.body-feature-left figcaption { padding-left:24px; }
	.body-feature-right figcaption { padding-right:24px; }
}


/* sponsor logos */

.sponsor-logos { margin:24px 0px; text-align:center;}
.sponsor-logos p { display:inline-block; max-width:120px; margin:6px 6px; border:4px solid #eee;}
.sponsor-logos p a { display:block; border:2px solid #fff;  transition: all 400ms ease;  }
.sponsor-logos p a:hover { border:2px solid #ddd; }
.sponsor-logos p img { max-width:120px; border:16px solid #fff; width:100%!important; height:auto!important; }
@media all and (min-width: 768px) {
	.sponsor-logos p { max-width:160px; margin:14px 12px;}
	.sponsor-logos p img { max-width:160px; }
}

/* accordian */

.accordion { list-style: none; margin: 36px 0px 24px 0px; padding: 0; }

.accordion__heading { border-top: 1px solid #aaa; font-size: inherit; margin: 0; padding:0; }

.accordion__trigger {
  -webkit-appearance: none;
  background-color: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #0786a7;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight:700;
  margin: 0;
  padding: 16px 50px 16px 16px;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 2;
}

.accordion__trigger:after {
  border-left: .4em solid transparent;
  border-right: .4em solid transparent;
  border-top: .5em solid #0786a7;
  bottom: 0;
  content: '';
  height: 0;
  margin: auto;
  position: absolute;
  right: 16px;
  top: 0;
  transition: transform .2s ease-in-out;
  transform-origin: center center;
  transform: rotate(0deg);
  width: 0;
}

.accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {
	/* border-top-color: #fff; */ /* change color of css triangle */
}

.accordion__trigger[aria-expanded="true"]:after {
	transform: rotate(180deg);
}

.accordion__trigger:hover,
.accordion__trigger:focus {
	background-color: #fafafa;
	outline: none;
}

.accordion__trigger:focus {
	/*box-shadow: inset 0 0 0 2px #1e82d1;*/
}

.accordion__trigger[aria-disabled="true"]:hover {
	background-color: #1b75bc;
	color: #fff;
	cursor: not-allowed;
}

.accordion__trigger[aria-disabled="true"]:focus {
	background-color: #0a2a42;
}

.accordion__trigger[aria-expanded="true"] {
	background: #fafafa;
	/*color: #fff;*/
}

.accordion__panel {
	max-height: 0vh;
	overflow: hidden;
	padding: 0;
	position: relative;
	visibility: hidden;
	z-index: 1;
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
	background-color: #fafafa;
	max-height: 100vh;
	overflow: hidden; /* prevent scrollbar flash */
	padding: 0;
	visibility: visible;
	transition: max-height 1.3s linear,	visibility 1.3s linear;
}

.accordion_panel_inner { padding:8px 50px 16px 16px; }


/* alert box */

.alert-wrap { background-color:#003657; color:#fff; }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:90px; padding-top:20px; }
.alert-content { display:table-cell; vertical-align: top; width:auto; padding-top:20px; }
.alert-dismiss { display:table-cell; vertical-align: top; width:32px; padding-top:20px; text-align:right; }

.alert-prefix { 
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

.alert-content { 
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
}

.alert-message { padding-bottom:20px; }
a.alert-link { color:#fff; text-decoration:underline; }
a.alert-link:hover { color:#fff; text-decoration:underline; }

.alert-dismiss { 
  color:#fff;
  font-size:20px;
  line-height:20px; 
  font-weight: 700;
  padding-bottom:20px;
}

#dismiss-alert { color:#fff; text-decoration:none; }
#page-header.is-fixed .alert-wrap { display:none; }




/* BDA accordian */

dl { display:block; background-color:#f1f1f1;padding:10px; }
dt { display:block; background-color:#aaa; cursor:pointer; padding:20px; font-size:24px; line-height:36px; margin-top:1px;}
dd { display:block; background-color:#ccc; padding:20px;}

dt.is-closed { color:#ff0000;}
dt.is-closed:before{
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  content: "\e114";
  float:right;
}

dt.is-open { color:#0000ff;}
dt.is-open:before{
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  content: "\e113";
  float:right;
}



/* global typography */

h1 { font-family: 'jaf-domus',sans-serif;
  color: #0786a7; color:#077692;
  font-size: 35px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 300; /* light */
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top:0px;
}

@media all and (min-width: 768px) {
	h1 { font-size: 44px; line-height: 1.2;  letter-spacing: 0.1em;}
	
}

h2 { font-family: 'jaf-domus',sans-serif; color: #0786a7; color:#077692; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; }
h3 { font-family: 'jaf-domus',sans-serif; color: #0786a7; color:#077692; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; }


h2.on-detail { font-size: 18px; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.050rem; }

h4 { font-family: 'jaf-domus',sans-serif; color: #0786a7; color:#077692; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; margin-top:20px; margin-bottom:20px; }
h5 { font-family: 'jaf-domus',sans-serif; color: #0786a7; color:#077692; font-style: normal; font-weight:400; }
h6 { font-family: 'jaf-domus',sans-serif; color: #0786a7; color:#077692; font-style: normal; font-weight:400; }

p, li { 
  font-size:17px;
  line-height: 27px;
  font-family: 'Open Sans', sans-serif;;
  color: #00223e;
  letter-spacing: 0.01em;
}

p.secondary { font-size:18px; line-height: 29px; }
p.intro { font-family: 'jaf-domus',sans-serif;  color: #0786a7; color:#077692;
  font-size: 26px; 
  line-height: 1.2;
  font-style: normal;
  font-weight: 600;  /* semibold */
  line-height: 1.2;
  letter-spacing: 0.05em;
}


a { color:#068480; text-decoration:none; }
a:hover { color:#00c0ba; text-decoration:none; }

a div.lnk-tags { color:#00223e; font-weight:700; font-size:14px; line-height:20px; text-transform:uppercase; margin-bottom:4px; }
a div.lnk-primary { color:#068480; font-family: 'jaf-domus',sans-serif; font-weight: 600; letter-spacing: 1.0px; font-size:28px; line-height:30px; }
a div.lnk-secondary { color:#00223e; font-weight:400; font-size:16px; line-height:20px; margin-top:6px; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#00c0ba; }
a:hover div.lnk-secondary { color:#888; }

ul { margin-left: 0; padding-left: 16px; }
li { margin-bottom:3px; }
@media all and (min-width: 768px) { ul { margin-left: 0; padding-left: 32px; } }

hr {
width: 92px;
height: 4px;
margin-left:0;
background-color:#0786a7;
color:#0786a7;
border: 0 none;
text-align:left;
border-radius:2px;
opacity:1;
}
hr:not([size]) { height: 4px; }
hr.centered { margin-left:auto; margin-right:auto; }
hr.white { background-color:#fff; color:#fff;}

.accordianlabel { border-top:1px solid #aaa; cursor:pointer; }
.accordiancontent { }

label { color:#222; }


#oldpalette h2 { color:#0786a7; }
#oldpalette h3 { color:#0786a7; }
#oldpalette a { color:#06a29d; text-decoration:none; }
#oldpalette a:hover { color:#00c0ba; text-decoration:none; }
#oldpalette .btn-brand { background-color:#00c0ba; border-color:#00c0ba; color:#fff; }
.btn-brand:hover { background-color:#0786a7; border-color:#0786a7; color:#fff; }


/* legacy buttons */

.btn-default-bellevue { background-color:#068480; color:#fff; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:700; text-transform:uppercase; letter-spacing: 0.1em; }
.btn-default-bellevue:hover { background-color:#0786a7; color:#fff; }
	
.btn-bellevue {
	display: inline-block;
	padding: 12px 18px;
	margin-bottom: 6px;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 2px solid transparent;
	border-radius: 8px;
	transition: all 0.15s linear 0s;
}
.btn-bellevue { font-size:18px; line-height:26px; background-color:#068480; color:#fff; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:700; text-transform:uppercase; letter-spacing: 0.1em; }
.btn-bellevue:hover { background-color:#0786a7; color:#fff; }

.btn-bellevue-footer { padding: 5px 16px; color:#003c57; background-color:#00c0ba; border-color:#00c0ba; }


.btn-bellevue-home {
	display: inline-block;
	padding: 12px 18px;
	margin-bottom: 6px;
	font-size: 14px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 2px solid #068480;
	border-radius: 8px;
	transition: all 0.15s linear 0s;
	margin-right:6px;
}
.btn-bellevue-home { font-size:18px; line-height:26px; background-color:inherit; color:#068480; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:700; text-transform:uppercase; letter-spacing: 0.1em; }
.btn-bellevue-home:hover { background-color:inherit; color:#0786a7; border-color:#0786a7; }


.btn-brand { background-color:#068480; font-weight:400; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #068480; font-size:14px; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#00c0ba; border-color:#00c0ba; color:#fff; }

.btn-outline-brand { background-color:#fff; font-weight:400; text-transform:uppercase; color:#068480; letter-spacing:0.100rem; border:1px solid #068480; font-size:14px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#00c0ba; border-color:#00c0ba; color:#fff; }

.btn-brand-pill { background-color:#068480; font-weight:400; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #068480; font-size:12px; line-height:16px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; }
.btn-brand-pill:hover {  background-color:#00c0ba; border-color:#00c0ba; color:#fff; }

.btn-outline-brand-pill { background-color:#fff; font-weight:400; text-transform:uppercase; color:#068480; letter-spacing:0.100rem; border:1px solid #068480; font-size:12px; line-height:16px; transition: all 0.15s linear 0s; padding: 5px 15px; border-radius:60px; }
.btn-outline-brand-pill:hover { background-color:#00c0ba; border-color:#00c0ba; color:#fff; }



/* breadcrumb */

.breadcrumb-wrap { background-color:#fafafa; width:100%; border-top:3px solid #fff; border-bottom:2px solid #fff;}
#breadcrumb { margin:0; padding: 36px 0px ;font-size:14px; line-height:24px; color:#bababa; letter-spacing: 0.01em; font-weight:400; }
#breadcrumb a { font-weight:700; color:#068480; text-decoration:none; }
#breadcrumb a:hover { font-weight:700; color:#00223e; text-decoration:none; }



/* prefooter */

#prefooter {
  padding:56px 0;
  background: rgb(2,160,163);
  background: linear-gradient(90deg, rgba(2,160,163,1) 0%, rgba(17,83,122,1) 100%);
}

.footer-social { display:inline-block; margin:0 auto; }
.footer-social a { display:inline-block; width:40px; height:40px; font-size:20px; line-height:40px; border-radius:50%; text-align:center; margin:0 5px; }
.footer-social a { text-decoration:none; color:#003c57; background-color:#00c0ba; border:none; transition: all 0.15s linear 0s;}
.footer-social a:hover { color:#fff; background-color:#003c57; }

.pf-widget-wrap { display:inline-block; width:auto; height:50px; overflow:hidden; }

.pf-table { display:block; }
.pf-td1 { display:block; font-size:40px; line-height:60px; color:#fff; font-family: 'jaf-domus',sans-serif; font-weight:600; text-align:center; }
.pf-td2 { display:block; text-align:center; padding:20px 0px; }
.pf-td3 { display:block; text-align:center; padding:10px 0px; }
@media all and (min-width: 992px) {
	.pf-table { display:table; margin:0 auto; width:auto; }
	.pf-td1 { display:table-cell; vertical-align:middle; }
	.pf-td2 { display:table-cell; vertical-align:middle; padding:10px 40px; }
	.pf-td3 { display:table-cell; vertical-align:middle; margin:0px; }
}

/* footer */

#footer { background-color:#003657; padding:34px 0 26px 0; }
#footer p { color:#DAEEF6; }
#footer a { color:#07C0BA; }
#footer a:hover {  color:#07C0BA; }
#footer span { margin-left:4px; margin-right:4px; }
.foot-1 p { font-size:15px; line-height:24px; text-align:center; }
.foot-2 p { font-size:15px; line-height:24px; text-align:center; }
@media all and (min-width: 768px) {
	.foot-1 p { text-align:left;}
	.foot-2 p { text-align:right;}
}
	
/* banner */

.no-banner { width:100%; border-top:1px solid #eee; overflow:hidden; }
.banner-b { width:100%; height:160px; background-color:#eee; background-position:center center; background-size:cover;}
@media all and (min-width: 560px) { .banner-b { height: 70vh; max-height:350px; }}
@media all and (min-width: 768px) { .banner-b { height: 70vh; max-height:450px; }}
@media all and (min-width: 992px) { .banner-b { height: 70vh; max-height:550px; }}

.banner-cover { width:100%; height:200px; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0) ); }



/* detail header */

.full-color { width:100%; background:#fafafa; }

.detail-header { width:100%; background:#f0f0f0; }

.detail-header h1 {  color: #00537B; color: #00537B; font-size:34px; text-wrap:balance; }

p.header-groups { margin-top:20px;} 

a.btn-header-groups { background-color:inherit; padding:4px 8px; margin:3px 1px; border-radius:4px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:13px; line-height:15px; letter-spacing:0.050rem; font-weight:700; text-transform:uppercase; color:#068480; border:2px solid #068480; }
a.btn-header-groups:hover { color:#fff; background-color:#00c0ba; border-color:#00c0ba; }


/* sidenav drawer */

.sidenav-container { max-width:1250px; margin:auto; } /* match container-fluid width */
.sidenav-row { display:block; width:100%; }
.sidenav-col-nav { display:block; width:100%; padding:0; }
.sidenav-col-content { display:block; width:100%; padding-right:24px; padding-left:24px; }
@media screen and (min-width: 992px) {
	.sidenav-row { display: flex; xflex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:36%; padding:60px 60px 60px 40px; }
	.sidenav-col-content { display:block; width:64%; }
}

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; background: #0280a3; background: linear-gradient(90deg, #02a0a3 0%, #11537a 100% ); }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; padding:18px 12px 18px 43px; vertical-align:top; font-size:24px; line-height:24px; }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:64px; padding:18px 24px 18px 12px; vertical-align:top; cursor:pointer; color:#fff; font-size:18px; line-height:24px; }
.d-sidenav-section-label a { color:#fff; font-family: 'jaf-domus',sans-serif; font-weight:600; text-transform:uppercase; letter-spacing: 0.05em;  text-decoration:none; }
.d-sidenav-section-label a:hover { color:#00223e; text-decoration:none;  }
#d-sidenav-drawer { display:none; }
.bluefold { display:none; }
@media all and (min-width: 992px) {
  .d-sidenav-section { margin-top:12px; }
	.d-sidenav-section-label { display:block; width:100%; }
	.d-sidenav-section-toggle { display:none;  }
	#d-sidenav-drawer { display:block!important; }
  .bluefold { display:block; width:13px; height:9px; padding:0; margin:0; float:left; }
  .bluefold > img { float:left; }
}


.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { background-color:#fafafa; } 
.d-sidenav li { padding:0; margin:0; list-style:none; }
@media all and (min-width: 992px) {
  .d-sidenav > ul { margin-left:13px; } 
}

.d-sidenav li .li-flex { display:flex; }

.d-sidenav > ul > li { border-bottom:1px solid #fff; }
.d-sidenav > ul > li:last-child { border-bottom:none; }

.d-sidenav li ul { padding-bottom:16px; }
.d-sidenav li ul li { padding:4px 0px; }

.d-sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
  font-family: 'Open Sans', sans-serif;
  font-weight:400; 
}

.d-sidenav li.d-open { background-color:#fdfdfd; }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:400; font-size:14px; line-height:24px; vertical-align:top; color:#fff; }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:700; font-size:16px; line-height:24px; vertical-align:top; color:#067F7B; text-transform:uppercase; }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:700; font-size:14px; line-height:24px; vertical-align:top; color:#666; }
.d-sidenav li a:hover div { color:#00223e; }

.d-sidenav li.d-open a div.sn-indicator { color:#00223e; }
.d-sidenav li.d-selected div.sn-indicator { color:#067F7B!important; }
.d-sidenav li.d-selected div.sn-label { color:#067F7B; }

.d-sidenav li.d-sub-selected div.sn-label-nested { color:#067F7B!important; }



/* basic landing */

#landingintro { width:100%; max-width:800px; margin:20px auto 40px auto; text-align:center; }

#landinggallery {  }
#landinggallery a { display:block; width:100%; margin-bottom:30px; height:280px; background-color:#aaa; overflow:hidden; position:relative;}

#landinggallery a .landing-image { position:absolute; z-index:1; display:block; width:100%; height:280px; background-size:cover; background-position:center center; transition: all 400ms ease-in-out; }
#landinggallery a:hover .landing-image { transform: scale(1.035); }

#landinggallery a .landing-link { position:absolute; z-index:1; display:block; width:100%; height:auto; bottom:0px; background:rgba(0,0,0,0.6); transition: all 400ms ease-in-out; }
#landinggallery a .landing-link { font-family: 'jaf-domus',sans-serif; color: #00c0ba; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; padding:20px 20px; font-size:24px; line-height:32px;}
#landinggallery a:hover .landing-link { background:rgba(0,0,0,0.8); }



/* home - header image */

.home-header-image {
  clear:both;
  width:100%;
  height:360px;
  background-color:#eee;
  background-position: center center; background-size: cover;
}

@media all and (min-width: 560px) { .home-header-image { height: 80vh; max-height:390px; }}
@media all and (min-width: 768px) { .home-header-image { height: 80vh; max-height:590px; }}

.home-header-tb { display:table; width:100%; height:100%; padding-top:0px;}
.home-header-tr { display:table-row; width:100%; height:100%;}
.home-header-td { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; padding:24px;}

@media all and (min-width: 768px) { .home-header-tb { padding-top:200px; }}
@media all and (min-width: 992px) { .home-header-tb { padding-top:120px; }}

.home-header-text-headline { font-family: 'Oswald','jaf-domus',sans-serif;
  color: #fff;
  text-shadow: 2px 2px #000000;
  font-size: 44px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 700; /* light */
  text-transform: uppercase;
  letter-spacing: 0.1em;
 }
@media all and (min-width: 992px) { .home-header-text-headline { font-size:64px; }}
.home-header-text-headline-larger { font-family: 'jaf-domus',sans-serif;
  color: #fff;
  text-shadow: 2px 2px #000000;
  font-size: 44px;
  line-height: 1.2;
  font-style: normal;
  font-weight: 400; /* light */
  text-transform: uppercase;
  letter-spacing: 0.1em;
 }
 
 .home-header-text-link { margin-top:20px;}

 /* home page video */

.hero-wrap {
   clear:both;
   width:100%;
   height:360px;
    position: relative;
 	top: 0;
 	overflow:hidden;
 	background:#444;
 }

 @media all and (min-width: 560px) { .hero-wrap { height: 80vh; max-height:390px; }}
 @media all and (min-width: 768px) { .hero-wrap { height: 80vh; max-height:590px; }}


 #hero-video {
   position: absolute;
   top: 50%;
   left: 50%;
   min-width: 100%;
   min-height: 100%;
   width: auto;
   height: auto;
   z-index: 1;
   -ms-transform: translate(-50%, -50%) scale(1.01);
   -moz-transform: translate(-50%, -50%) scale(1.01);
   -webkit-transform: translate(-50%, -50%) scale(1.01);
   transform: translate(-50%, -50%) scale(1.01);
 }
 audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
 }
 
 .hero-gradient-top { position:absolute; top:0; z-index: 102;  width:100%; height:200px; background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0) ); }

 .hero-image-darken {  position: absolute; z-index: 101; display:table; width:100%; height:100%; }
 .hero-image-content { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; background-color:rgba(35,40,48,0.15); padding:90px 24px;}
 .hero-image-content-wrap { max-width:680px; margin: auto;}
 .hero-image-content-wrap h1 { color:#fff; font-size:22px; line-height:34px; text-shadow: 1px 1px 2px #132C50;}
 .hero-image-content-wrap p { color:#fff; margin:16px 0 0 0; }
 @media all and (min-width: 768px) {
 	.hero-image-content-wrap h1 { font-size:32px; line-height:46px;  }
	.hero-image-content-wrap { padding-top:70px;}
 }
 
 /* home heart of bellevue */

.hero-header-heart-hold { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; background-color:rgba(35,40,48,0.05); }
.home-header-heart-svg { width:100%; max-width:300px; margin:0 auto; }
@media all and (min-width: 768px) {
  .hero-header-heart-hold { padding-top:180px; }
}
@media all and (min-width: 992px) {
  .home-header-heart-svg { max-width:500px; }
   .hero-header-heart-hold { padding-top:90px; }
}
.home-heart-intro { background-color:#d14904; }
.home-heart-intro-holiday { background-color:#2d306b; }
.home-heart-intro h1 { color:#fff; }
.home-heart-intro p { color:#fff; font-size:22px; line-height:1.5; }

/* home heart - what's open */

.home-whats-open-hold { margin-top:40px; }

a.home-whats-open { display:block; width:100%; margin-bottom:30px; height:280px; background-color:#aaa; overflow:hidden; position:relative; }

a.home-whats-open .home-whats-open-image { position:absolute; top:0; z-index:1; display:block; width:100%; height:280px; background-size:cover; background-position:center center; transition: all 400ms ease-in-out; }
a.home-whats-open:hover .home-whats-open-image { transform: scale(1.035); }

a.home-whats-open .home-whats-open-label { position:absolute; z-index:2; display:block; width:100%; height:auto; bottom:0px; background:#fcbb34; transition: all 400ms ease-in-out; }
a.home-whats-open .home-whats-open-label  { font-family: 'jaf-domus',sans-serif; color: #003657; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; padding:20px 20px; font-size:20px; line-height:28px;}

a.home-whats-open .home-whats-open-label-holiday { background:#d64127; }
a.home-whats-open .home-whats-open-label-holiday  { color:#fff; }




.featureboxtiptext-heart {
 font-family: 'jaf-domus',sans-serif;
    color: #fff;
    font-size: 22px; 
    line-height: 22px;
    font-style: normal;
    font-weight: 600;  /* semibold */
    text-transform:uppercase;
    letter-spacing: 0.05em; 
 padding:16px 18px; 
	 background: #D14904;
	 background: -moz-linear-gradient(left, #FCBB34 0%, #D14904 100%);
	 background: -webkit-gradient(left top, right top, color-stop(0%, #FCBB34), color-stop(100%, #D14904));
	 background: -webkit-linear-gradient(left, #FCBB34 0%, #D14904 100%);
	 background: -o-linear-gradient(left, #FCBB34 0%, #D14904 100%);
	 background: -ms-linear-gradient(left, #FCBB34 0%, #D14904 100%);
	 background: linear-gradient(to right, #FCBB34 0%, #D14904 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FCBB34', endColorstr='#D14904', GradientType=1 );
}

.featureboxtiptext-heart-holiday {
 background: #c2842d;
 background: -moz-linear-gradient(left, #f6e27b 0%, #c2842d 100%);
 background: -webkit-gradient(left top, right top, color-stop(0%, #f6e27b), color-stop(100%, #c2842d));
 background: -webkit-linear-gradient(left, #f6e27b 0%, #c2842d 100%);
 background: -o-linear-gradient(left, #f6e27b 0%, #c2842d 100%);
 background: -ms-linear-gradient(left, #f6e27b 0%, #c2842d 100%);
 background: linear-gradient(to right, #f6e27b 0%, #c2842d 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e27b', endColorstr='#c2842d', GradientType=1 );
}

.home-ads-heart { background-color:#fff; padding-top:34px; padding-bottom:10px; }
.home-ad-link { margin:0 auto 24px auto; max-width:360px; }



 /* what's happening */

.home-split-left { }
.home-split-right { }
@media all and (min-width: 992px) {
	.home-split-left { padding-right:16px;}
	.home-split-right { padding-left:16px;}
} 

.homefeaturebox {
 	background-color:#fff; width:100%; height:auto;
 	margin-bottom:30px;
	position:relative;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
 	}
 
.homefeatureboximage { }
 
.homefeatureboxtip { position:absolute; top:16px; left:-13px; z-index:200; }	
.featureboxtiptext {
	 font-family: 'jaf-domus',sans-serif;
     color: #fff;
     font-size: 22px; 
     line-height: 22px;
     font-style: normal;
     font-weight: 600;  /* semibold */
     text-transform:uppercase;
     letter-spacing: 0.05em; 
	 padding:16px 18px; 
	 /* https://www.cssmatic.com/gradient-generator */
	 background: #0280a3;
	 background: -moz-linear-gradient(left, #0280a3 0%, #11547a 100%);
	 background: -webkit-gradient(left top, right top, color-stop(0%, #0280a3), color-stop(100%, #11547a));
	 background: -webkit-linear-gradient(left, #0280a3 0%, #11547a 100%);
	 background: -o-linear-gradient(left, #0280a3 0%, #11547a 100%);
	 background: -ms-linear-gradient(left, #0280a3 0%, #11547a 100%);
	 background: linear-gradient(to right, #0280a3 0%, #11547a 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0280a3', endColorstr='#11547a', GradientType=1 );
  }
.featureboxtipbluefold { height:9px; padding:0; margin:0; }
.featureboxtipbluefold > img { float:left; }
 
.homefeatureboxtext { width:100%; padding:24px 24px; }
.featureboxdates { font-weight:700; color:#00223e; font-size:14px; line-height:24px; margin-bottom:4px;}
.featureboxlabel { font-family: 'jaf-domus',sans-serif; font-weight: 600; color:#06a29d; font-size:28px; line-height:34px; margin-bottom:4px;}
.featureboxteaser { font-weight:400; color:#00223e; font-size:15px; line-height:26px; margin-bottom:4px;}
.featureboxteaser a { font-weight:700; margin-left:4px;}

#homepostsfeaturebox { margin-bottom:30px; }

.home-post { margin-bottom:20px;}
.post-dates { font-weight:700; color:#00223e; font-size:14px; line-height:24px; margin-bottom:4px;}
.post-label { font-family: 'jaf-domus',sans-serif; font-weight: 600; color:#06a29d; font-size:30px; line-height:36px;  margin-bottom:8px;}
.post-teaser { font-weight:400; color:#00223e; font-size:16px; line-height:24px; }

/* Home Ads */

.home-ads {
/* https://www.cssmatic.com/gradient-generator */
padding-top:34px; padding-bottom:10px;
background: #0280a3;
background: -moz-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #0280a3), color-stop(100%, #11547a));
background: -webkit-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: -o-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: -ms-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: linear-gradient(to right, #0280a3 0%, #11547a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0280a3', endColorstr='#11547a', GradientType=1 );
}
.home-ad-link { margin:0 auto 24px auto; max-width:360px; }


/* BDA Mission */

.mission-wrap {
/* https://www.cssmatic.com/gradient-generator */
background: #0280a3;
background: -moz-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #0280a3), color-stop(100%, #11547a));
background: -webkit-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: -o-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: -ms-linear-gradient(left, #0280a3 0%, #11547a 100%);
background: linear-gradient(to right, #0280a3 0%, #11547a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0280a3', endColorstr='#11547a', GradientType=1 );
}

.mission-wrap-holiday {
  background: #d64127;
  background: -moz-linear-gradient(left, #d95855 0%, #d64127 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #d95855), color-stop(100%, #d64127));
  background: -webkit-linear-gradient(left, #d95855 0%, #d64127 100%);
  background: -o-linear-gradient(left, #d95855 0%, #d64127 100%);
  background: -ms-linear-gradient(left, #d95855 0%, #d64127 100%);
  background: linear-gradient(to right, #d958553 0%, #d64127 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d95855', endColorstr='#d64127', GradientType=1 );
}


.mission-wrap { padding-top:40px; padding-bottom:40px;}
.mission-table { display:block; width:100%; max-width:1050px; padding:0 24px; margin:0 auto;}
.mission-tr { display:block; width:100%; }
.mission-td-a { display:block; width:100%; padding-bottom:30px; border-bottom:2px solid #fff;}
.mission-td-b { display:block; width:100%; padding-top:30px; border-left:0px solid #fff; }
.mission-td-a-logo { text-align:center; margin-bottom:10px;}
.mission-td-a-text { text-align:center; color:#fff; font-family: 'jaf-domus',sans-serif; font-weight: 600; font-size:40px; line-height:60px;}
.mission-td-b-text { text-align:center; color:#fff; font-weight:400; font-size:20px; line-height:30px;}
@media all and (min-width: 768px) {
	.mission-table { display:table; width:100%; }
	.mission-tr { display:table-row; width:100%; }
	.mission-td-a { display:table-cell; width:40%; padding-bottom:0px; border-bottom:0px solid #fff; }
	.mission-td-b { display:table-cell; width:60%; padding-top:0px; border-left:2px solid #fff;}
	.mission-td-a-logo { }
	.mission-td-a-text { text-align:center; color:#fff; font-family: 'jaf-domus',sans-serif; font-weight: 600; font-size:40px; line-height:60px;}
	.mission-td-b-text { text-align:center; color:#fff; font-weight:400; font-size:24px; line-height:34px;}
	
}


.boxcallouts { width:100%; }

.boxcallouts a { display:block; width:100%; height:150px; background-color:#aaa; overflow:hidden; position:relative; margin-bottom:24px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}

.boxcallouts a .box-image { position:absolute; z-index:1; display:block;  width:100%; height:150px;  }

.boxcallouts a .box-image { background-color:#174263; background-size:auto 150px; background-position: bottom right; background-repeat:no-repeat; transition: all 200ms ease-in-out; }
.boxcallouts a:hover .box-image { transform: scale(1.045); }

.boxcallouts a .box-image-1 { background-color:#174263; background-image:url('https://ctycms.com/wa-bellevue/box-1-bg.png'); }

.boxcallouts a .box-image-2 { background-color:#0786a7; background-image:url('https://ctycms.com/wa-bellevue/box-2-bg.png'); }

.boxcallouts a .box-image-3 { background-color:#00c0ba; background-image:url('https://ctycms.com/wa-bellevue/box-3-bg.png'); }

.boxcallouts a .box-link { position:absolute; z-index:1; display:block; width:100%; height:auto; bottom:0px; transition: all 400ms ease-in-out; }
.boxcallouts a .box-link { font-family: 'jaf-domus',sans-serif; color: #fff; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; padding:20px 20px; font-size:16px; line-height:22px;}
.boxcallouts a:hover .box-link { color: #eee; }


/* social squares */

.container-social-squares { width:100%; } 

.ss-wrap {
  border-left:1px solid #fff;
  border-bottom:1px solid #fff;
}

.ss-square {
  float:left;
  position: relative;
  width: 20%;
  padding-bottom : 20%;
  margin:0px;
  overflow:hidden;
  border-right:1px solid #fff;
  border-top:1px solid #fff;
}

.ss-square { width: 50%; padding-bottom : 50%;}
@media all and (min-width: 768px) { .ss-square { width: 33.33%; padding-bottom : 33.33%; } .ss-square10 { display:none;}  .ss-square20 { display:none;}}
@media all and (min-width: 992px) { .ss-square { width: 20%; padding-bottom : 20%; } .ss-square10 { display:block;} .ss-square20 { display:block;}}

.ss-content {
  position:absolute;
  height:100%; /* = 100% - 2*10% padding */
  width:100%; /* = 100% - 2*5% padding */
}
.ss-table{
  display:table;
  height:100%;
  width:100%;
}
.ss-table-cell{
  display:table-cell;
  vertical-align:top;
  height:100%;
  width:100%;
  position:relative;
  text-align:left;
}
.ss-table-cell a { position:absolute; display:block; width:100%; height:100%; color:#fff; padding:10% 5%; transition: all 0.15s linear 0s; background-color: rgba(0, 0, 0, 0.1);}

a .social-text { font-weight:400; font-size:12px; line-height:12px; text-align:left; }
a .instagram-text { display:none;}
a:hover .instagram-text { display:block;}
a .twitter-text { }

.ss-table-cell a:hover { background-color: rgba(0, 0, 0, 0.5); }
.ss-icon { position:absolute; bottom:5%; left:5%; color:#fff; font-size:14px; line-height:14px;}

@media all and (min-width: 768px) { 
  .ss-table-cell a { padding:20% 10%;}
  a .social-text { font-size:15px; line-height:20px; }
  .ss-icon { bottom:10%; left:10%; font-size:20px; line-height:20px;}
}


/* citylight social grid 2021 */

.citylight-social-grid { width:100%; border-left:1px solid #fff; border-bottom:1px solid #fff; background-color:#333; }

.citylight-social-square {
  display:block;
  background-size:cover;
  background-position:center center;	
  float:left;
  position: relative;
  margin:0px;
  overflow:hidden;
  border-right:1px solid #fff;
  border-top:1px solid #fff;
}

.citylight-social-square { width: 50%; padding-bottom : 50%; }
@media all and (min-width: 768px) { .citylight-social-square { width: 33.33%; padding-bottom : 33.33%; } }
@media all and (min-width: 992px) { .citylight-social-square { width: 20%; padding-bottom : 20%; } .citylight-social-square-6 { display:none; } }

.citylight-social-square-cover { position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,0.05); transition: all 0.15s linear 0s; }
.citylight-social-square:hover .citylight-social-square-cover { background-color:rgba(0,0,0,0.35); }
.citylight-social-square-icon { position:absolute; bottom:8%; left:8%; color:#fff; font-size:22px; line-height:22px; }
@media all and (min-width: 768px) { 
   .citylight-social-square-icon { bottom:16%; left:16%; font-size:28px; line-height:28px; }
}




/* basic board */

.basic-board { margin-top:12px; }
.board-card { margin-bottom:24px; }
.board-picture-hold { max-width:240px; margin:36px auto 22px auto; }
.board-picture-circle { width:100%; padding-bottom:100%; border-radius:50%; background-position:center center; background-size:cover;  }
.board-picture-square { width:100%; padding-bottom:100%; background-position:center center; background-size:cover;}

.board-name { text-align:center; font-weight: 700; font-size:20px; line-height:1.3; margin-bottom:4px; color:#068480; }
.board-title { text-align:center; font-weight: 400; font-size:18px; line-height:1.3; margin-bottom:4px; }
.board-firm { text-align:center; font-weight: 400; }



/* basic staff */

.basic-staff { margin:48px 0 24px 0; }
.staff-card { background-color:#fafafa; height:100%; }

.staff-card-gradient { width:100%; height:5px; background: linear-gradient(-90deg, #02a0a3 0%, #11537a 100% ); }


.staff-picture-square { width:100%; padding-bottom:100%; background-position:center center; background-size:cover;}
.staff-content { padding:16px 24px; text-align:left; }

.staff-name { font-weight: 700; font-size:21px; line-height:1.3; margin-bottom:4px; color:#068480; }
.staff-title { font-weight: 700; font-size:16px; line-height:1.3; margin-bottom:8px; }
.staff-email { font-weight: 400; font-size:14px; line-height:1.3; margin-bottom:4px; }
.staff-phone { font-weight: 400; font-size:14px; line-height:1.3; margin-bottom:4px; }



/* basic lightbox */

.lightbox-wrap { margin-top:30px; }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:#eee; background-position:center center; background-size:cover; margin-bottom:30px; }


/* blog 2017 */

.isotope { margin-top: 40px; width:100%; }

.isotope-item { }

.isotope-sizer,.isotope-item { width: 100%; }

.isotope-margin { }

@media all and (min-width: 768px) {
	.isotope-sizer,.isotope-item { width: 50%; }
	.isotope-margin { margin-left:12px; margin-right:12px;}
}

@media all and (min-width: 992px) { 
	.isotope-sizer,.isotope-item { width: 33.33%; }
}

.card-wrap { margin-bottom:24px; }

a.card-link { display:block; width:100%; }

.post-featured a.card-link { xxborder:2px solid #0786A7;}

.card-image { position:relative; }

.spotimage { width:100%; height:100%; display:block; }

.spotcolor { position:absolute; top:0px; width:100%; height:100%; display:block; background-color:rgba(0,0,0,0.0); }

a:hover .spotcolor { background-color:rgba(0,0,0,0.7); }

.spotdate { position:absolute; top:0px; display:block; width:20%; height:auto; background-color:rgba(0,0,0,0.7); padding-top:10px; padding-bottom:10px;}
.spotdateless { position:absolute; top:0px; display:block; }
.spottable { display:table; width:100%; height:100%; }
.spotcell { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }

.spot1 { color:#fff; font-size:8px; line-height:10px; font-weight:400; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
.spot2 { color:#fff; font-size:16px; line-height:26px; font-weight:500; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
.spot3 { color:#fff; font-size:8px; line-height:10px; font-weight:400; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
.spotmore { display:none; }

	
a:hover .spotdate { position:absolute; display:block; width:100%; height:100%; background-color:inherit; padding:0;}
a:hover .spotdateless { position:absolute; display:block; width:100%; height:100%; background-color:inherit; padding:0;}
a:hover .spottable { display:table; width:100%; height:100%; }
a:hover .spotcell { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; }

a:hover .spot1 { color:#fff; font-size:14px; line-height:16px; font-weight:400; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
a:hover .spot2 { color:#fff; font-size:64px; line-height:66px; font-weight:500; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
a:hover .spot3 { color:#fff; font-size:14px; line-height:16px; font-weight:400; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}
a:hover .spotmore { display:block; color:#fff; font-size:20px; line-height:20px; font-weight:400; text-transform:uppercase; letter-spacing:1px; text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.8);}


.card-content { background-color:#f0f0f0; padding:18px 22px; text-align:left;}
.card-home .card-content { background-color:#fff;}

.card-content { -webkit-transition: all 450ms ease-out;
	-moz-transition: all 450ms ease-out;
	-o-transition: all 450ms ease-out;
	transition: all 450ms ease-out; 
}

.card-content h6 { margin-top:0px;}
.card-content p { margin-top:12px;}

.card-content .card-content-subhead { color:#111; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:14px; line-height:20px; margin-bottom:10px;}
.card-content .card-content-headline { color:#0786A7; font-size:30px; line-height:36px; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:600; text-decoration:none!important;}
.card-content .card-content-body { margin:12px 0px; font-size: 16px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
color: #00223e;
letter-spacing: 0.01em; text-decoration:none!important;}

.card-read-more { text-transform:uppercase; font-weight:700; letter-spacing:1px; font-size:12px; text-align:right;}

a .card-content { text-decoration:none!important;}
a:hover  .card-content { text-decoration:none!important;}



/* blog 2023 */

.gosaposts { margin-top:30px; }
a.gosapost { display:block; }

.gosapost-image { width:100%; background-position:center center; background-size:cover; }
.gosapost-content { background-color:#f0f0f0; padding:18px 22px; text-align:left;}

.gosapost-headline { color:#0786A7; font-size:30px; line-height:36px; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:600; text-decoration:none!important;}
.gosapost-body { margin:12px 0px; font-size: 16px;
line-height: 26px;
font-family: 'Open Sans', sans-serif;
color: #00223e;
letter-spacing: 0.01em; text-decoration:none!important;}

.gosapost-more { text-transform:uppercase; font-weight:700; letter-spacing:1px; font-size:12px; text-align:right;}



/* artists 2019 */

.button-filter-by { text-align:center; margin-bottom:14px; text-transform:uppercase; letter-spacing:0.100rem; font-weight:700; font-size:12px; }

.filter-button-group-tags { margin:24px 0; text-align:center; }
.filter-button-group-tags button {
	font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em;
text-decoration: none;
line-height: 16px;
font-size: 16px;
text-align: center;
display:inline-block;
color: #00c0ba;
background-color:#fff;
border:2px solid #00c0ba;
border-radius:7px;
padding:5px 7px;
white-space: nowrap;
margin:0px 4px 8px 0px;
}
.filter-button-group-tags button:hover { background-color:#00c0ba; color:#fff; text-decoration: none; }
.filter-button-group-tags button.button-selected { background-color:#00c0ba; color:#fff; text-decoration: none; }


.aisotope { margin-top: 30px; width:100%; }

.aisotope-item { }

.aisotope-sizer,.aisotope-item { width: 100%; }

.aisotope-margin { }

@media all and (min-width: 768px) {
	.aisotope-sizer,.aisotope-item { width: 50%; }
	.aisotope-margin { margin-left:12px; margin-right:12px;}
}

@media all and (min-width: 992px) { 
	.aisotope-sizer,.aisotope-item { width: 33.33%; }
}
@media all and (min-width: 11000px) { 
	.aisotope-sizer,.aisotope-item { width: 25%; }
}

.art-wrap { margin-bottom:24px; }
.art-image { width:100%; height:auto; }
.art-image-image { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.art-content { text-align:center; background-color:#fafafa; padding:16px; padding-top:24px; width:100%; height:200px; overflow:hidden; }
.art-content-headline { font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight: 600; font-size:19px; line-height:1.2; margin-bottom:10px; text-transform:uppercase; }
.art-content-name { font-size:16px; line-height:1.5; margin-bottom:2px; }
.art-content-city { font-size:14px; line-height:1.5; margin-bottom:12px; }
.art-content-booth { font-size:12px; line-height:12px; font-weight:700; }


/* Covid Dining */

.pcovid-padding { padding-bottom:30px; }
.pcovid { border:1px solid #e1e1dc; padding:16px 20px; height:100%; }
.pcovid h2 { margin:0 0 6px 0; font-size:23px; line-height:1.2; text-transform:none; }
.pcovid p { margin:0 0 6px 0; }

.pcovgroups { font-style:italic; font-size:14px; line-height:1.3; margin:0px 0 8px 0px; }

.pcovid-options { margin:12px 0px; }

.pcovid-options > div { margin:8px 0px; font-weight:700;}

.pcovid-option-icons { display:inline-block; width:30px; height:30px; font-size:16px; line-height:30px; border-radius:50%; text-align:center; }
.pcovid-option-icons { text-decoration:none; color:#fff; background-color:#003657; border:none; margin-right:4px; }

.pcovid p.covid-narrative { font-size:15px; line-height:1.3; margin:0; }


/* jazz festival */

.jazz-filters { text-align:center; margin:36px auto; }
.jazz-filter { font-family: 'jaf-domus',sans-serif;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
text-decoration: none;
line-height: 16px;
font-size: 16px;
text-align: center;
display: inline-block;
color:
#00c0ba;
background-color:
#fff;
border: 2px solid
#00c0ba;
border-radius: 7px;
padding: 5px 7px;
white-space: nowrap;
margin: 0px 4px 8px 0px;
}
.jazz-filter:hover { background-color: #00c0ba; color:#fff; }
.jazz-filter-selected { background-color: #00c0ba; color:#fff; }

.jazz-hold { margin-bottom:24px; }
.jazz-image { width:100%; height:auto; border-top:6px solid #00537B; }
.jazz-image-image { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.jazz-content { text-align:left; background-color:#fff; padding:16px 0px; width:100%; }
.jazz-content-headline { font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight: 600; font-size:21px; line-height:1.2; margin-bottom:10px; text-transform:none; }
.jazz-content-date { font-size:12px; line-height:1.5; margin-bottom:8px; text-transform:none; font-weight:400; color:#00223e;}
.jazz-content-date span { padding: 0 2px; font-size: 12px; color: #eee; }
.jazz-content-venue { font-size:15px; line-height:1.5; }


/* beats */

.beats-hold { margin-bottom:24px; }
.beats-image { width:100%; height:auto; border-top:6px solid #00537B; }
.beats-image-image { width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.beats-content { text-align:left; background-color:#fff; padding:16px 0px; width:100%; }
.beats-content-headline { font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight: 600; font-size:21px; line-height:1.2; margin-bottom:8px; text-transform:none; }
.beats-content-date { font-size:12px; line-height:1.5; margin-bottom:8px; text-transform:none; font-weight:400; color:#00223e;}
.beats-content-date span { padding: 0 2px; font-size: 12px; color: #eee; }
.beats-content-venue { font-size:15px; line-height:1.5; }
.beats-content-genre { font-size:15px; line-height:1.5; margin-bottom:8px; }




/* map markers and popups */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#c65039; }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#ffffff; }

.mapboxgl-map { font-family:inherit; }
.mapboxgl-ctrl-attrib.mapboxgl-compact { min-height:24px; } /* bug fix */

.mapboxgl-popup { width: 200px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:20px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content h3 { font-family: "jaf-domus", sans-serif; margin:6px 0px; color: #0786a7; font-weight:600; font-size:24px; line-height:30px; text-transform:none; letter-spacing:0.050rem; }
.mapboxgl-popup-content h5 { font-family: 'Open Sans', sans-serif; margin:6px 0px; font-size:14px; line-height:20px; color:#222; }
.mapboxgl-popup-content p { font-family: 'Open Sans', sans-serif; margin:12px 0px; font-size:16px; line-height:20px; }


/* point-section */

#point-section #clmap { width:100%; height:50vh; min-height:100px; max-height:600px; background-color:#E6E4E0; border-top:3px solid #fff; border-top:1px solid #fff; }

.section-intro { text-align:center; padding-top:40px; padding-bottom:10px; }

h3.cat-filters { }

.section-filters { text-align:center; margin:36px 0px; }
.section-filters .section-filters-title { text-align:center; color:#222; font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; margin:0 0 14px 0;}
.section-filters ul { list-style:none; margin:0; padding:0 ;}
.section-filters li { display:inline; margin:0; padding:0; }
.section-filters a {
font-weight:400;
text-decoration: none;
line-height: 16px;
font-size: 16px;
text-align: center;
display:inline-block;
color: #00c0ba;
background-color:#fff;
border:2px solid #00c0ba;
border-radius:9px;
padding:9px 12px;
white-space: nowrap;
margin:0px 6px 10px 0px;
text-transform:uppercase;
font-weight:700;
}
.section-filters a:hover { background-color:#00c0ba; color:#fff; text-decoration: none; }
.section-filters a.selected { background-color:#00c0ba; color:#fff; text-decoration: none; }

.point-section-results { margin:30px 0px; }

.pst { margin-bottom:24px; }
.pst-topline { border-top:3px solid #e5e3e4; padding-top:8px; }
.pst a { display:block; }

.pst a .pst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; }
.pst a .pst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.pst a .pst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.1); transition: all .5s;}
.pst a:hover .pst-image-cover { background-color:rgba(0,0,0,0.5);  }


/* point section sticky */

.sticky-wrap { background-color:#fafafa; }
.sticky-hold { display:block; }
.sticky-content { width:100%; background-color:white; padding:40px; min-height:100px; }
.sticky-map { width:100%; height:80vh; min-height:420px; background-color:#E8E0D8; }
#stickymap { width:100%; height:80vh; background-color:#E8E0D8; }
@media all and (min-width: 992px) {
	.sticky-hold { display:flex; width:100%; max-width:16000px; margin:0 auto; background-color:#000; min-height:100vh; }
	.sticky-content { flex: 1 1 auto; height:auto; width:40%; } 
	.sticky-map { flex: 1 1 auto; height:auto; width:60%; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}

/* adjust map controls for sticky header */
#stickymap .mapboxgl-ctrl-top-right { top:0px; transition: all 400ms ease; }
@media all and (min-width: 992px) {
  #stickymap.is-fixed .mapboxgl-ctrl-top-right { top:120px; }
}

#page-header .header-wrap { background-color:inherit; padding:24px 0px; transition: all 400ms ease; }
#page-header.is-fixed .header-wrap { background-color:#0B2136; height:122px; padding:16px 0px;background-color:#0B2136; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); }


/* ist-dropdown */

.filter-hold { display:block; width:100%; }
.filter-dropdown { display:block; width:100%; margin:36px 0px; }
@media all and (min-width: 992px) {
  .filter-hold { }
  .filter-dropdown {  }
}

.ist-dropdown { position:relative; width:100%; text-transform:uppercase; font-weight:700; } 
.ist-dropdown-closed { width:100%; background-color:inherit; color: #00c0ba; border:2px solid #00c0ba; border-radius:9px; }
.ist-dropdown-open { position:absolute; width:100%; z-index:999; background-color:#00c0ba; color:#fff; border:2px solid #00c0ba; border-radius:9px; }
.ist-dropdown-open1 { position:absolute; width:100%; z-index:999; background-color:#00c0ba; color:#fff; }

.ist-dropdown-intro { padding:12px 20px; cursor:pointer; }
.ist-dropdown-intro-text { font-size:16px; line-height:24px; }
.ist-dropdown-intro-open { float:right; }
.ist-dropdown-intro-close { float:right; }

.ist-dropdown-content { width:100%; padding:12px 20px; border-top:2px solid #fff; }

.ist-list { margin:10px 0; }
.ist-dropdown-content a { color:#fff; font-weight:700; }
.ist-dropdown-content a:hover { color:#077692; text-decoration:none; }
.ist-dropdown-content a.ist-selected { color:#077692; text-decoration:none; }


/* point-detail */

.point-social-icons { margin:24px 0; text-align:left;}
.point-social-icons a { display:inline-block; width:30px; height:30px; font-size:15px; line-height:30px; border-radius:50%; text-align:center; margin:0 12px 0 0; }
.point-social-icons a { text-decoration:none; color:#fff; background-color:#068480; border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:#fff; background-color:#00c0ba; }

.bda-member { font-size:24px; line-height:40px; color:#00223e; background:url('https://ctycms.com/wa-bellevue/bda-member-50x80.png') left center no-repeat; background-size:25px 40px; padding-left:40px; margin-bottom:20px;}

#point-detail { margin-left:-24px; margin-right:-24px; border-top:1px solid #E6E4E0; border-bottom:1px solid #E6E4E0;}
#point-detail #clmap { width:100%; height:50vh; min-height:100px; max-height:500px; background-color:#E6E4E0; border-top:2px solid #fff; border-bottom:2px solid #fff; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid #fff; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}

.ftn { text-align:left; }
.ftn ul { margin:20px 0px; padding:0; border-top:2px solid #E5E3E4;  }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; }
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:22px; line-height:28px;  font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:600; text-transform:none; letter-spacing: 0.05em;  }
.ftnaddress { font-size:80%; color:#000; }
.ftndistance { font-size:80%; color:#666;}
.ftnlabel { font-size:22px; line-height:28px; padding:0; color:#0786a7; font-family: 'jaf-domus',sans-serif; color: #0786a7; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em;  }



/* bbq-events-calendar */

.bbq-control-wrap { margin-bottom:30px; }

.bbq-cal-header { border-top:4px solid #0786a7; display:table; width:100%; margin:0; padding:0; background-color:#fff; font-size:16px; line-height:1.5; padding:12px 0px; }
.bbq-cal-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.bbq-cal-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; }
.bbq-cal-header-middle a { font-weight:700; color:#222; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

#bbq-calendar table { width:100%; background-color:#fff; margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-top:1px #ededed solid; 
  border-bottom:1px #ededed solid; 
  background-color:#fff;
  color:#0786a7; /* color of days of the week */
  font-size:14px;
  line-height:28px;
  text-align:center;
  }
#bbq-calendar td {
  border-bottom:1px #ededed solid;
  background-color:#fff;
  color:#777; /* color of inactive dates */
  font-size:13px;
  line-height:32px;
  text-align:center;
  }
#bbq-calendar a { color:#00223e; display:block; text-decoration:none; }
#bbq-calendar a.ontoday { font-weight:700; }
#bbq-calendar td.highlight a { background-color:#ededed;  }
#bbq-calendar td.highlight a:hover { text-decoration:none; background-color:#ededed;  }

.bbq-p { text-align:center; font-size:12px; line-height:36px;  }

#bbq-categories ul { list-style:none; padding:0; margin:0; width:100%; }

#bbq-categories ul li { padding:0; margin:0; border-bottom:1px solid #e7e7e7; }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; background-color:#fafafa; padding:0 24px; font-size:14px; line-height:36px; text-align:center; }
#bbq-categories a.highlight { background-color:#ddd; color:#222; }
#bbq-categories a:hover { text-decoration:none; }

#bbq-submit a { display:block; background-color:#eee; padding:0 24px; font-size:11px; line-height:34px; }
#bbq-submit a:hover { text-decoration:none; }


/* bbq-results */

h1.bbq-headline {  }

.bbq-results-header { display:table; width:100%; margin:0; padding:0; font-size:22px; line-height:1.5; padding:24px 0px; 
  background: #047a9e;
  background: linear-gradient(90deg, #0f5980 0%, #047a9e 100%);
}
.bbq-results-header a { color:#00c0ba; }
.bbq-results-header a:hover { color:#00c0ba; }
.bbq-results-header-left { display:table-cell; width:56px; vertical-align:middle; text-align:center;  }
.bbq-results-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:none; }
.bbq-results-header-right { display:table-cell; width:56px; vertical-align:middle; text-align:center; }
.bbq-results-header-middle { font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:600; text-transform:uppercase; letter-spacing: 0.1em; color:#fff; }
  
.bbq-results-list { width:100%;}

.bbq-row { display:block; width:100%; border-top:1px solid #e7e7e7; padding:20px 0px; }
.bbq-row-homepage { border-top:0px; padding:12px 0px; }
.bbq-row-date { display:block; width:100%; text-align:center; }
.bbq-row-list { display:block; width:100%; text-align:center; }

@media all and (min-width: 768px) {
	.bbq-row { display:table; }
	.bbq-row-date { display:table-cell; vertical-align:top; width:70px; text-align:center; padding-right:30px; }
	.bbq-row-list { display:table-cell; vertical-align:top; width:auto; text-align:left; }
}

.bbqdate { width:70px; margin:0 auto 24px auto; padding:0; }
@media all and (min-width: 768px) { .bbqdate { margin:0; }}
.bbqdate-month { text-align:center; color:#00223e; background-color:#fafafa; padding-top:10px; font-size:16px; line-height:1.25; border-radius:6px 6px 0px 0px; margin-top:5px; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:400; text-transform:uppercase; letter-spacing: 0.1em;}
.bbqdate-day { text-align:center; color:#00223e; background-color:#fafafa; padding-bottom:5px; font-size:30px; line-height:1.25; border-radius:0px 0px 6px 6px; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:400; text-transform:uppercase; letter-spacing: 0.1em;}
.bbqdate-tip { text-align:center; color:#00223e; background-color:#fff; font-size:12px; line-height:16px; margin-top:5px; }
.bbqdate-ongoing { text-align:center; color:#00223e; background-color:#fafafa; font-size:12px; line-height:21px; border-radius:4px; margin-top:6px; font-family: 'jaf-domus',sans-serif; font-style: normal; font-weight:400; text-transform:uppercase; letter-spacing: 0.1em;}

.bbq-row-list ul { margin:0; padding:0; list-style:none; }
.bbq-row-list li { margin:0; padding:0; list-style:none; padding-bottom:16px;}
.bbq-row-list a { }
.bbq-row-list a:hover { text-decoration:none; }


/* event-detail */

ul.datelist { list-style-type: none; padding-left:0; margin-left:0; }
ul.datelist li {  margin-bottom:6px; }
ul.datelist li .dldate {  }
ul.datelist li .dltime { color:#666; }



/* Owl Gallery */

.owl-wrapper { }

.owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6; /* inactive color */
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
  background: #00c0ba; /* hover color */
  color: #fff;
  text-decoration: none; 
}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

.owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; *display: inline; }
.owl-theme .owl-dots .owl-dot span {
  width: 20px; /* circle size */
  height: 20px; /* circle size */
  margin: 6px 8px;
  background: #d6d6d6; /* inactive color */
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px; 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #068480; /* active color */
}


/* form submit event */

.input-group-addon.Sstartdate,
.input-group-addon.Senddate{
  cursor: pointer;
  }

.input-group-text {height:38px; }  
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}
input[readonly] {
  background-color: #f6f8f9!important;
  color: #999!important;
}

.div-advanced-options { 
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding:8px 16px;
}

.table-advanced-events > tbody > tr > td, .table-advanced-events > tbody > tr > th {
    padding: 10px 16px 0px 0px;
    line-height: 1.42857143;
    vertical-align: middle;
	border-top:none;
	margin:0;
}

.table-advanced-events > tbody > tr > th { width:120px; }
.table-advanced-events > tbody > tr > td { line-height:34px;}
.table-advanced-events > tbody > tr > th > label { font-weight:700;}



/* Post Detail */

.sharing-box { display:table; margin:10px auto; }
.sharing-label { display:table-cell; text-align:center; padding:10px; }
.sharing-icons { display:table-cell; text-align:center; }
.sharing-square { display:inline-block; text-align:center; margin:10px; }
.sharing-square a { display:inline-block; width:40px; height:40px; font-size:18px; line-height:38px; text-align:center;  }
.sharing-square a { text-decoration:none; color:#fff; background-color:#068480; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:#fff; background-color:#00c0ba; }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }
@media all and (min-width: 992px) {
	.sharing-box { display:block; margin-top:50px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}

.awesome-box { display:table; width:100%; }
.awesome-box-icon { display:table-cell; width:40px; vertical-align:top; text-align:center; }
.awesome-box-link { display:table-cell; width:auto; vertical-align:top; text-align:left; }


/* home events */

.owl-events-wrap {  }

.owl-events-hold { position:relative; width:100%; max-width:1480px; margin:30px auto 0px auto; min-height:400px; padding:0; overflow:hidden; border-right:2px solid #fff;  border-left:2px solid #fff; }

.owl-events-hold .owl-carousel .owl-nav { overflow: hidden; height: 0px; }
.owl-events-hold .owl-carousel .jb-nav-btn {
  position: absolute;
  width: 90px;
  height: 90px;
  font-size:30px;
  line-height:58px;
  padding:16px;
  border-radius:90px;
  cursor: pointer;
  top: 40% !important;
  color:#111;
  background-color:rgba(255,255,255,0.9);
  transition: all 0.15s linear 0s;
}
.owl-events-hold .owl-carousel .jb-nav-btn:hover { color:#000; }
.owl-events-hold .owl-carousel .jb-prev-slide { left: -50px; text-align:right; }
.owl-events-hold .owl-carousel .jb-next-slide { right: -50px; text-align:left; }

.home-event { }
.home-event-tip { color:#fff; opacity:0.5; font-family: 'Barlow Condensed', sans-serif; font-size:16px; line-height:30px; font-weight:700; padding:5px 24px; text-transform:uppercase; }
.home-event-im { position:relative; width:100%; overflow:hidden; }
.home-event-image { position:relative; top:0px; width:100%; padding-bottom:100%; background-position:center center; background-size:cover; }
.home-event-cover { position:absolute; top:0px; left:0px; width:100%; height:100%; }
.home-event-angle { position:absolute; top:-120px; left:-120px; width:200px; height:200px; border:1px solid #fff; background-color:rgba(8,26,37,0.25); transform: rotate(-45deg); }
.home-event-month { position:absolute; top:24px; left:24px; color:#fff; font-family: 'Barlow Condensed', sans-serif; font-size:16px; line-height:1; font-weight:700; text-transform:uppercase; }
.home-event-day { position:absolute; top:48px; left:48px; color:#fff; font-family: 'Playfair Display', serif; font-weight:700; font-size:36px; line-height:1; text-shadow: 1px 1px 3px #081a25; }

.home-event a .home-event-name { color:#eee; font-family: 'jaf-domus',sans-serif; font-weight: 600; letter-spacing: 1.0px; font-size:24px; line-height:1.35; transition: all 0.15s linear 0s; margin-top:10px; padding:0 16px; }
.home-event a .home-event-details { color:#eee; font-weight:400; font-size:15px; line-height:1.35; margin-top:4px; margin-bottom:10px; transition: all 0.15s linear 0s; padding:0 16px; }


.home-event a .home-event-cover { background-color:rgba(8,26,37,0.15); transition: all 0.15s linear 0s; }
.home-event a:hover .home-event-cover { background-color:rgba(8,26,37,0.05); }
.home-event a:hover .home-event-name { color:#fff; }
.home-event a:hover .home-event-details { color:#fff; }

.home-email-cta { width:100%; max-width:900px; border:12px solid #1fbcbd; padding:40px 24px 0px 24px; text-align:center; margin:0px auto; }




/* desktop nav */
@media all and (min-width: 992px) {
 

  #page-header .header-wrap { background-color:inherit; padding:24px 0px; transition: all 400ms ease; }
  #page-header.is-fixed .header-wrap { background-color:#0B2136; height:122px; padding:16px 0px;background-color:#0B2136; box-shadow: 0px 5px 8px 0px rgba(0,0,0,0.2); }


  .nav-relative { position:relative; width:100%; }
  .nav-hold { }
  .nav-toggle { display:none; }

  #page-header .nav-logo { float:left; width:200px; height:auto; transition: all 400ms ease; }
  #page-header.is-fixed .nav-logo { width:140px; }

  #map-autopad { width:100%; height:180px; background-color:#00537b; }

  /* primary-nav */

  #nav-drawer { display:block!important; } /* slidetoggle fix */

  #primary-nav { position:absolute; top:42px; right:0px; width:auto; height:40px; }

  #page-header #primary-nav { top:42px; }
  #page-header.is-fixed #primary-nav { top:24px; }

  #primary-nav .subnav-toggle { display:none; }

  #primary-nav ul { padding: 0; margin: 0; list-style: none; display:block; text-align:right; }

  #primary-nav li { padding: 0; margin: 0; display:inline-block; }

  #primary-nav a {
    display: inline-block;
    width: auto;
    padding:8px 18px;
    margin:0;
    background-color:inherit;
    font-family: 'jaf-domus',sans-serif;
    font-weight:600;
    font-size:21px;
    line-height:24px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color:#fff;
    text-decoration:none;
    text-align:center;
  }

  #primary-nav li:hover a { background-color:#fff; color:#00c0ba; }
  #primary-nav li a:hover { color:#068480; }




  /* drop down lists */

  #primary-nav li div.double-dropdown { 
    position: absolute;
    display:none;
    width: 100%;
    height:auto;
    padding:28px 0px 20px 0px;
    background-color:#fff; 
    -webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.3);
  }

  #primary-nav li:hover > div.double-dropdown { display:block!important; left: 0px; z-index:9999; } 

  #primary-nav li div.double-dropdown ul { display:block; width:50%; padding:0; margin:0; }
  #primary-nav li div.double-dropdown ul.col-dd-1 { float:left; padding:0px 15px 0px 30px; }
  #primary-nav li div.double-dropdown ul.col-dd-2 { float:right; padding:0px 30px 0px 15px; }

  #primary-nav li div.double-dropdown ul li { display:block; float:none; margin:0; border:0; width:100%; }

  #primary-nav li div.double-dropdown ul li a { 
    display:block;
    width:100%;
    padding:8px 0px;
    margin:0;
    background-color:inherit;
    border-top:1px solid #c0dae0;
    font-family: 'Open Sans', sans-serif;
    font-size:14px;
    line-height:20px;
    letter-spacing:0px;
    color:#00c0ba;
    text-transform:none;
    text-decoration:none;
    text-align:left;
  }

  #primary-nav li div.double-dropdown ul li:first-child a { border-top:0px; }

  #primary-nav li div.double-dropdown ul li a:hover { color:#068480; }


  /* secondary nav */

  #secondary-nav {  }

  #page-header .nav-utility { position:absolute; top:10px; right:18px; width:100px; text-align:right; }
  #page-header .nav-search {  position:absolute; top:10px; right:130px; width:224px; }

  #page-header.is-fixed .nav-utility { display:none; }
  #page-header.is-fixed .nav-search { display:none; }

  .btn-brand-join { background-color:inherit; font-weight:600; text-transform:none; color:#fff; letter-spacing:0.050rem; border:1px solid #fff; font-size:12px; line-height:24px; transition: all 0.15s linear 0s; padding: 0px 10px; border-radius:2px; }
  .btn-brand-join:hover {  background-color:#F26424; border-color:#F26424; color:#fff; }

   
  #site-search {
    display:table;
    width:200px;
    float:right;	
    padding:0px 4px;
    margin:0;
    border:none;
    border-bottom:1px solid #fff;
    text-align:left;
    }

  #site-search input[type="text"]{
    display:table-cell;
    font-family: 'jaf-domus',sans-serif;
    font-weight:600;	
    font-size:14px;
    line-height:24px;
    color:#fff;
    letter-spacing:0.025rem;
    background:transparent;
    border:none;
    padding:0;
    margin:0;
    width:90%;
    height:24px; /* ie11*/
    text-align:left;  
    vertical-align:middle;
  }

  #site-search button {
    display:table-cell;
    font-size:14px;
    line-height:24px;
    color:#fff;
    background:transparent;
    border:none;
    margin:0;
    padding:0;
    width:10%;
    text-align:right;
    vertical-align:middle;
  }

  #site-search ::-webkit-input-placeholder { color:#ccc; opacity: 1.0; }
  #site-search :-moz-placeholder { color:#ccc; opacity: 1.0; }
  #site-search ::-moz-placeholder { color:#ccc; opacity: 1.0; }
  #site-search :-ms-input-placeholder { color:#ccc; opacity: 1.0; }
 
}

/* mobile nav */
@media all and (max-width: 991px) {
  /* header */

  .header-wrap { padding:10px 0; 
    background: #0280a3;
    background: linear-gradient(90deg, #0280a3 0%, #11547a 100%);
  }

  .nav-relative { }
  .nav-hold { width:100%; height:50px; }
  .nav-logo { float:left; width:81px; height:50px; margin-left:8px;  }
  .nav-toggle a { display:block; float:right; font-size:20px; line-height:50px; color:#fff; margin-right:12px; }
  .nav-toggle a:hover { color:#fff; }


  /* primary-nav */

  #nav-drawer { display:none }

  #primary-nav { padding-top:20px;}

  #primary-nav ul { margin:0; padding:0; }  


  #primary-nav ul li { list-style: none; margin:0; padding:0; }

  #primary-nav ul li div.menu-set { display:table; border-top:1px solid #fff; width:100%; }

  #primary-nav ul li div.menu-set a {
    display:table-cell;
    width:90%;
    text-align:left;
    vertical-align:top;
    padding:8px 8px;
    font-family: 'jaf-domus',sans-serif;
    font-style:normal;
    font-weight:600;
    font-size:22px;
    line-height:40px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color:#fff;
  }

  #primary-nav ul  li div.menu-set a.subnav-toggle {
    width:10%;
    text-align:right;
  }

  #primary-nav ul li div.menu-set a:hover { color:#fff; }

  #primary-nav ul div.double-dropdown { display:none; padding-bottom:16px; }  

  #primary-nav ul ul { margin:0; padding:0; }

  #primary-nav ul li ul li a {
    display: block;
    padding:8px 4px 8px 24px;
    font-size:16px;
    line-height:1.5;
    font-weight:400;
    text-transform:none;
    letter-spacing: 0.05em;
    color: #fff;
  }

  #primary-nav ul li ul li a:hover { color:#fff; }


  /* secondary nav */

  #secondary-nav { padding:8px 4px 24px 4px; }

  .nav-utility { display:none; }

  .nav-search { }

  #site-search {
    display:table;
    width:100%;	
    padding:8px 16px;
    margin:20px 0 0 0;
    border:2px solid #fff;
    border-radius:3px;
    text-align:left;
    }

  #site-search input[type="text"]{
    display:table-cell;
    font-family: 'jaf-domus',sans-serif;
  
    font-weight:600;	
    font-size:16px;
    line-height:1.5;
    color:#fff;
    background:transparent;
    border:none;
    padding:0;
    margin:0;
    width:90%;
    text-align:left;  
    vertical-align:middle;
  }

  #site-search button {
    display:table-cell;
    font-size:16px;
    line-height:1.5;
    color:#fff;
    background:transparent;
    border:none;
    margin:0;
    padding:0;
    width:10%;
    text-align:right;
    vertical-align:middle;
  }

  #site-search ::-webkit-input-placeholder { color:#fff; opacity: 0.8;}
  #site-search :-moz-placeholder { color:#fff; opacity: 0.8; }
  #site-search ::-moz-placeholder { color:#fff; opacity: 0.8; }
  #site-search :-ms-input-placeholder { color:#fff; opacity: 0.8; }
  
}



/* RD2 Specials */

.r2dspecial-card {
  background-color: #000;
  width: 100%;
  height:100%;
  border-radius: 10px;
  overflow:hidden;
}
.r2dspecial-card-blue {  background-color: #283673; }
.r2dspecial-card-purple {  background-color: #541f74; }

.r2dspecial-card-image { 
  width:100%;
  padding-bottom:80%;
  background-position:center center;
  background-size:cover;
}

.r2dspecial-card-content { 
  padding:20px 24px;
}

.r2dspecial-card-content-valid { font-weight:700; font-size:14px; text-transform:uppercase; margin-bottom:1rem; color:white; }

.r2dspecial-card-content-title { color: #02c2b7; color:#fe027a; color:white; text-shadow:1px 1px 1px #fe027a;
  font-size: 30px;
  line-height: 36px;
  font-family: 'jaf-domus',sans-serif;
  font-style: normal;
  font-weight: 600;
  text-decoration: none !important;
  margin-bottom:1rem;
}

.r2dspecial-card-content-point { margin-bottom:0rem; }
.r2dspecial-card-content-point .awesome-box-icon { color:#fe027a; text-align:left; width:24px; }
.r2dspecial-card-content-point .awesome-box-link p { color:white; font-weight:400; }
.r2dspecial-card-content-point .awesome-box-link p a { color:white; font-weight:700; text-decoration:underline; }

.r2dspecial-card-content-text p { color:white; font-size:15px; line-height:21px; }


