:root {
  --cc-body-bg: #444; /* off page background color */
  --cc-pagewrap-bg: white; /* pagewrap background color */
  --cc-pagewrap-txt: #483627; /* pagewrap general color */
   
  --cc-alert-bg: #87311C; /* alert background color */
  --cc-alert-txt: white; /* alert text color */
  
  --cc-h1: #c24628; /* h1 color */
  --cc-h2: #5b432f; /* h2 color */
  --cc-h3: #c24628; /* h3 color */
  --cc-h4: #483627; /* h4 color */
  --cc-h5: #483627; /* h5 color */
  --cc-h6: #483627; /* h6 color */
  
  --cc-alink: #EF7521; /* primary link color */
  --cc-ahover: #c24628; /* primary hover color */
  --cc-asec-link: #222; /* secondary link color */
  --cc-asec-hover: #444; /* secondary hover color */
  --cc-asec-divider: #aaa; /* secondary divider color */
  
  --cc-pnav-link: #483627; /* var(--cc-pnav-link) nav color */
  --cc-pnav-hover: #c24628; /* var(--cc-pnav-hover) nav hover color */ 
  --cc-pnav-dropdown: #ffffff; /* var(--cc-pnav-dropdown) dropdown background color */
    
  --cc-linework: #efdbd5; /* hr, sidenav, mobile nav */
  --cc-bg-silver: #fafafa; /* silver background */
  --cc-footer-wrap: #eeeeee; /* var(--cc-pnav-dropdown) dropdown background color */
  --cc-banner-wrap: #eeeeee; /* var(--cc-pnav-dropdown) dropdown background color */
}

body,html {
  height:100%;
  background-color:var(--cc-body-bg);
  font-family: 'brother-1816', sans-serif;
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cc-pagewrap-bg);
  color:var(--cc-pagewrap-txt);
}

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

#page-header.is-fixed {
  position: fixed;
  z-index: 999999;
  width:100%;
  background-color:rgba(20,10,1,0.88);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8);
}


#page-content { 
  position: static; 
  z-index:1;
  background:#fff url('https://img.ctykit.com/cdn/az-flagstaff/lightpaperfibersdouble.png') center center; background-size: 500px 300px;
}



.container-fluid-full { }
.container-fluid-narrow { max-width:960px; }
.container-fluid-wide { max-width:1400px; }
@media screen and (min-width: 1200px) {
  .container-fluid-full { max-width:90000px; padding-left:5%; padding-right:5%; }
}

.bg-silver { background-color:var(--cc-bg-silver); }

.form-text { color:var(--cc-pagewrap-txt); }

/* global typography */

h1 { color:var(--cc-h1); font-size: 2.5rem; margin-top:0px; margin-bottom: 1rem; }
h2 { color:var(--cc-h2); font-size: 1.3rem; margin-top:1rem; margin-bottom: 1rem; }
h2.on-detail { font-size: 0.9rem; margin-top:1.5rem; margin-bottom: 1rem; text-transform:uppercase; letter-spacing:0.050rem; }
h3 { color:var(--cc-h3); font-size: 1.1rem; font-weight:700; }
h4 { color:var(--cc-h4); }
h5 { color:var(--cc-h5); } 
h6 { color:var(--cc-h6); }

p, li { font-size:17px; line-height:1.5; }

p.intro,p.lead { font-weight:400; font-size:20px; line-height:1.5; }

label { }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 1px solid rgba(0,0,0,.1); opacity:1; }

a { color:var(--cc-alink); text-decoration:none; }
a:hover { color:var(--cc-ahover); text-decoration:none; }

a div.lnk-primary { color: inherit; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:var(--cc-asec-link); font-weight:400; font-size:16px; line-height:20px; margin-top:3px; }
a div.lnk-secondary span { color:var(--cc-asec-divider); }
a:hover div.lnk-primary { color: inherit; }
a:hover div.lnk-secondary { color:var(--cc-asec-hover); }


/* buttons */

.btn-brand { background-color:var(--cc-alink); border:1px solid var(--cc-alink); color:white; font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem;
  margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-outline-brand { background-color:white; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:14px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem; 
 margin:4px 2px 4px 0px; padding: .375rem .75rem; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-brand-pill { background-color:var(--cc-alink); border:1px solid var(--cc-alink);  color:white; font-size:12px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-brand-pill:hover {  background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-outline-brand-pill { background-color:white; border:1px solid var(--cc-alink); color:var(--cc-alink); font-size:12px; font-weight:400; text-transform:uppercase; letter-spacing:0.100rem; border-radius:20px; 
  margin:4px 2px 4px 0px; padding: .275rem 1rem; transition: all 0.15s linear 0s; }
.btn-outline-brand-pill:hover { background-color:var(--cc-ahover); border-color:var(--cc-ahover); color:white; }

.btn-naked { color:var(--cc-alink); text-transform:uppercase; letter-spacing:0.050rem; margin:4px 2px 4px 0px; padding: .375rem 0rem; transition: all 0.15s linear 0s; }
.btn-naked:hover { color:var(--cc-ahover); }

.lk { display:table; width:100%; margin-bottom:12px; }
.lk-arrow { display:table-cell; width:30px; vertical-align:top; font-size:16px; line-height:1.4; color:var(--cc-alink); }
.lk-content { display:table-cell; width:auto; vertical-align:top; }


/* alert box */

.alert-wrap { background-color:var(--cc-alert-bg); border-bottom:2px solid white; }
.alert-wrap, a.alert-link, a.alert-link:hover { color:var(--cc-alert-txt); }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:32px; padding-top:20px; padding-right: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 { 
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

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

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

.alert-dismiss { 
  font-size:20px;
  line-height:20px; 
  padding-bottom:20px;
}

#dismiss-alert { color:var(--cc-alert-txt); text-decoration:none; }


/* fsubscribe */

.fsubscribe { background:#eeeedd url('https://img.ctykit.com/cdn/az-flagstaff/lightpaperfibers_beige2.png') center center; background-size: 500px 300px; width:100%; }
.fsubscribe .fsubscribe-inner {  padding:60px 24px; text-align:center; width: 100%; height: 100%; }
.fsubscribe-image  { background:url('https://img.ctykit.com/cdn/az-flagstaff/subscribe-bg.jpg') bottom center no-repeat; background-size:cover; }
.fsubscribe-image .fsubscribe-inner { background-color: rgba(0,0,0,0.15); -moz-box-shadow: inset 0 0 190px #000000; -webkit-box-shadow: inset 0 0 190px #000000; box-shadow: inset 0 0 190px #000000; }

.fsubscribe .fsubscribe-inner .fsubscribe-h1 { color: #5b432f; font-size:48px; letter-spacing:0.5px; font-weight:700; }
.fsubscribe .fsubscribe-inner .fsubscribe-h2 { color: #5b432f; font-weight:700; }
.fsubscribe-image .fsubscribe-inner .fsubscribe-h1 { color:#fff; font-weight:700; }
.fsubscribe-image .fsubscribe-inner .fsubscribe-h2 { color:#f5bd47; font-weight:700; }

#jbmc_embed_signup form { margin:24px auto; padding:0; width:100%; max-width:600px; }

#jbmc_embed_signup input.email { font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:100%;
	color: #343434; background-color: #fff; height:32px; display: block; margin: 10px 0; vertical-align:top; padding:0 12px;}

#jbmc_embed_signup input.button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; width:100%; 
	color: #fff; background-color: #EE7623; height:32px; line-height:32px; padding:0; display: block;  margin: 10px 0; transition: all 0.23s ease-in-out 0s;}
#jbmc_embed_signup .button:hover {background-color:#C24628; cursor:pointer;}


/* footer */

.footer-wrap { background-color:#c24628; }
.footer-wrap p { }
.footer-wrap div.footer-logo { width:100%; max-width: 300px; margin:0 auto; }

.footer-wrap a { color:#fff;}
.footer-wrap a:hover { color:#eee; text-decoration:none;}

.f2 { text-align:center; font-weight:600; font-size:18px; line-height:22px; color:#ef7521; padding-bottom:6px;}
.f2 span { padding-left:8px; padding-right:8px;}
.f3 { text-align:center; font-size:15px; line-height:21px; color:#FCF4D9;}
.bull { display:none; }
.break { display:inline; }

.footer-social { margin-top:24px; }
.footer-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 8px; }
.footer-social a { text-decoration:none; color:#ffffff; background-color:#ee7623; border:none; transition: all 0.15s linear 0s; }
.footer-social a:hover { color:white; color:#c24628; background-color:#f5bd47; }
@media screen and (min-width: 992px) { 
  .footer-wrap div.footer-logo { margin:0; }
  .footer-social a { margin:0 14px 0 0; } 
	.f2 { text-align:right; }
	.f3 { text-align:right; }
	.bull { display:inline;}
	.break { display:none;}
}

	
/* banner */

.banner-text { width:100%; background-color:#eee; border-bottom:1px solid #fff; background-position:center center; background-size:cover; }
.banner-text-table { display:table; width:100%; }
.banner-text-darken { background-color:rgba(0,0,0,0.5); }
.banner-text-row { padding:60px 24px 60px 24px; min-height:200px;}
.banner-text-cell { max-width:600px; margin:0 auto; text-align:center;}
.banner-text-cell .banner-text-cell-headline { font-size: 30px; line-height: 36px; color:#fff; text-shadow: 2px 2px 4px #000000;}
.banner-text-cell .banner-text-cell-secondary { color:#fff; font-size: 18px; line-height: 23px; text-shadow: 2px 2px 4px #000000;}
@media all and (min-width: 768px) { 
	.banner-text-row { padding:100px 24px 100px 24px; height:520px;}
	.banner-text-cell .banner-text-cell-headline { font-size: 78px; line-height: 85px; color:#fff;}
	.banner-text-cell .banner-text-cell-secondary { color:#fff; font-size: 22px; line-height: 28px;}
	
}


/* detail header */

.full-color { width:100%; background:var(--cc-banner-wrap); }
.detail-header { width:100%; background:var(--cc-banner-wrap); }
.detail-header h1 { font-size: 3.0rem; margin:0; }

p.header-groups { margin:1rem 0; } 
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:var(--cc-alink); border:2px solid var(--cc-alink); }
a.btn-header-groups:hover { color:var(--cc-ahover); border-color:var(--cc-ahover); }

.detail-header-pattern {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 1000'%3E%3Cdefs%3E%3Cpath id='a' d='M482 107c66-220-54-465-262-562C-110-608-507-350-500 7A522 522 0 00-39 499c245 19 454-169 521-392z' vector-effect='non-scaling-stroke'/%3E%3Cg id='v' %3E%3Cpath id='b' d='M-20 500c-275 0-473-289-480-535s221-458 480-465S474-389 498-67 255 500-20 500z' vector-effect='non-scaling-stroke'/%3E%3Cuse href='%23d' transform='scale(.7)'/%3E%3Cuse href='%23e' transform='scale(.45)'/%3E%3Cuse href='%23c' transform='scale(.225)'/%3E%3C/g%3E%3Cg id='w' transform=''%3E%3Cpath id='c' d='M493 94C456 435-11 610-319 415-656 201-502-478 17-496c319-11 514 249 476 590z' vector-effect='non-scaling-stroke'/%3E%3Cuse href='%23e' transform='scale(.7)'/%3E%3Cuse href='%23f' transform='scale(.45)'/%3E%3Cuse href='%23d' transform='scale(.225)'/%3E%3C/g%3E%3Cg id='x' transform=''%3E%3Cpath id='d' d='M-49-497c468-39 549 357 549 478S419 533-23 498s-504-332-469-606 295-377 443-389z' vector-effect='non-scaling-stroke'/%3E%3Cuse href='%23f' transform='scale(.7)'/%3E%3Cuse href='%23b' transform='scale(.45)'/%3E%3Cuse href='%23e' transform='scale(.225)'/%3E%3C/g%3E%3Cg id='y' transform=''%3E%3Cpath id='e' d='M-163-482c-380 92-425 642-204 866S483 505 499 98c17-407-281-671-662-580z' vector-effect='non-scaling-stroke'/%3E%3Cuse href='%23b' transform='scale(.7)'/%3E%3Cuse href='%23c' transform='scale(.45)'/%3E%3Cuse href='%23f' transform='scale(.225)'/%3E%3C/g%3E%3Cg id='z' transform=''%3E%3Cpath id='f' d='M-96-493c134-22 280 6 400 86 309 209 229 680-72 853-343 198-848-182-708-627A462 462 0 01-96-493z' vector-effect='non-scaling-stroke'/%3E%3Cuse href='%23c' transform='scale(.7)'/%3E%3Cuse href='%23d' transform='scale(.45)'/%3E%3Cuse href='%23b' transform='scale(.225)'/%3E%3C/g%3E%3Cpattern id='p' width='2000' height='2000' patternUnits='userSpaceOnUse' patternTransform='scale(0.07) translate(6642.86 6642.86)'%3E%3Cg fill='none' stroke='%23FFFFFF' stroke-width='40.5' stroke-miterlimit='4000' stroke-linejoin='miter'%3E%3Cuse href='%23z'/%3E%3Cuse href='%23z' x='2000'/%3E%3Cuse href='%23z' x='2000' y='2000'/%3E%3Cuse href='%23z' y='2000'/%3E%3Cuse href='%23y' x='999' y='999'/%3E%3Cuse href='%23x' x='500' y='500'/%3E%3Cuse href='%23x' x='2500' y='500'/%3E%3Cuse href='%23x' x='500' y='2500'/%3E%3Cuse href='%23x' x='2500' y='2500'/%3E%3Cuse href='%23w' x='500' y='1500'/%3E%3Cuse href='%23w' x='500' y='-500'/%3E%3Cuse href='%23w' x='2500' y='-500'/%3E%3Cuse href='%23w' x='2500' y='1500'/%3E%3Cuse href='%23w' x='1500' y='500'/%3E%3Cuse href='%23w' x='-500' y='500'/%3E%3Cuse href='%23w' x='-500' y='2500'/%3E%3Cuse href='%23w' x='1500' y='2500'/%3E%3Cuse href='%23x' x='1500' y='1500'/%3E%3Cuse href='%23x' x='-500' y='1500'/%3E%3Cuse href='%23x' x='1500' y='-500'/%3E%3Cuse href='%23x' x='-500' y='-500'/%3E%3Cuse href='%23y' x='' y='999'/%3E%3Cuse href='%23y' x='2000' y='999'/%3E%3Cuse href='%23v' x='999' y='0'/%3E%3Cuse href='%23v' x='999' y='2000'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23p)' width='100%25' height='100%25'/%3E%3C/svg%3E");
  background-size: cover;
}


/* sidenav drawer */

.sidenav-container { max-width:1200px; 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; flex-direction: row-reverse; width:100%; }
	.sidenav-col-nav { display:block; width:25%; padding:60px 24px 60px 40px; }
	.sidenav-col-content { display:block; width:75%; padding-right:40px; }
}

.d-sidenav { width:100%; }

.d-sidenav-section { display:table; width:100%; background-color:var(--cc-pagewrap-txt); padding:8px 0; }
.d-sidenav-section-label { display:table-cell; text-align:left; width:auto; vertical-align:top; font-size:18px; line-height:24px; }
.d-sidenav-section-label a { display:block; padding:10px 12px 10px 24px; color:white; font-weight:700; text-transform:uppercase; text-decoration:none; margin-right:40px; }
.d-sidenav-section-label a:hover { color:white; text-decoration:none;  }
.d-sidenav-section-toggle { display:table-cell; text-align:right; width:60px; vertical-align:top; cursor:pointer; color:white; font-size:20px; line-height:24px; }
.d-sidenav-section-toggle a { display:block; padding:10px 24px 10px 12px; color:white; text-decoration:none;  }
.d-sidenav-section-toggle a:hover { color:white; text-decoration:none; }
#d-sidenav-drawer { display:none; background-color:#fff; }
@media all and (min-width: 992px) {
  .d-sidenav-section { padding:2px 0; }
	.d-sidenav-section-label { display:block; width:100%; }
  .d-sidenav-section-label a { margin-right:0; }
	.d-sidenav-section-toggle { display:none;  }
	#d-sidenav-drawer { display:block!important; background-color:inherit; }
}

.d-sidenav ul { padding:0; margin:0; }
.d-sidenav > ul { border:1px solid var(--cc-linework); } 
.d-sidenav li { padding:0; margin:0; list-style:none; }

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

.d-sidenav > ul > li { border-bottom:1px solid var(--cc-linework); }
.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-weight:400;
}

.d-sidenav li.d-open { background-color:var(--cc-pagewrap-bg); }

.d-sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:var(--cc-pagewrap-bg); }
.d-sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:600; font-size:15px; line-height:24px; vertical-align:top; color:var(--cc-pagewrap-txt); }
.d-sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:var(--cc-pagewrap-txt); }
.d-sidenav li a:hover div { color:var(--cc-ahover); }

.d-sidenav li.d-open a div.sn-indicator { color:var(--cc-pagewrap-txt); }
.d-sidenav li.d-selected div.sn-indicator { color:var(--cc-pagewrap-txt)!important; }
.d-sidenav li.d-selected div.sn-label { color:var(--cc-pagewrap-txt); }

.d-sidenav li.d-sub-selected div.sn-label-nested { color:var(--cc-pagewrap-txt)!important; }


/* mobile nav */

.header-wrap { padding:24px 0; background-color:#c24628; }
.nav-relative { }
.nav-hold { width:100%; height:40px; }
.nav-logo-mobile { float:left; width:290px; height:40px; }
.nav-logo-mobile { display:block; }
.nav-logo-mobile a { display:block; width:290px; height:40px; background-size:contain; background-repeat:no-repeat; }
.nav-logo-desktop { display:none; }
.nav-toggle a { float:right; font-size:24px; line-height:40px; color:white; }
.nav-toggle a:hover { color:white;  }

#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; width:100%; }
#primary-nav ul li div.menu-set { display:table; border-top:2px solid #efdbd5; width:100%; }
#primary-nav ul li div.menu-set a {
  display:table-cell;
  width:90%;
  text-align:left;
  vertical-align:top;
  padding:12px 0px;
  color:white;
  font-size:20px;
  line-height:1.5;
  font-weight:700;
  text-transform:uppercase;
}

#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:white; }

#primary-nav ul ul { display:none; margin:0; padding:8px 0px 24px 0px; }

#primary-nav ul li ul li a { /*dropdowns*/
  display: block;
  padding:10px 4px 10px 20px;
  font-size:18px;
  line-height:1.5;
  font-weight:400;
  text-transform:none;
  color:white;
}

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

#secondary-nav { padding-bottom:16px; }

.nav-utility { display:none; }
.nav-links { display:none; }
.nav-links a { display: block; padding:6px 0px; font-size:15px; line-height:1.5; color:var(--cc-pnav-link); }
.nav-links a:hover { color:var(--cc-pnav-hover); }
.nav-social { display:none; }

.nav-search { }

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

#site-search input[type="text"]{
  display:table-cell;	
  font-size:16px;
  line-height:24px;
  color:white;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:90%;
  text-align:left;  
  vertical-align:middle;
  outline:0;
}

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

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


/* desktop nav */
@media all and (min-width: 1120px) {
  
  .no-banner { width:100%; height:120px; }
  
  .header-wrap { background-color:rgba(255,255,255,0.8); padding:20px 0 0 0; transition: all 400ms ease; }
  .nav-relative { position:relative;  }
  .nav-hold { width:100%; height:100px; }
  .nav-logo-mobile { display:none; }
  .nav-logo-desktop { display:block; position:absolute; top:12px; left:0px; }
  .nav-logo-desktop a { display:block; width:360px; height:56px; background-size:contain; background-repeat:no-repeat; }
  .nav-toggle { display:none; }

   #nav-drawer { display:block!important; } /* slidetoggle fix */
  
  /* primary-nav */
   
  #primary-nav { position:absolute; bottom:0px; right:0px; width:auto; padding:0; }
  #primary-nav ul { display:block; float:right; }
  #primary-nav ul li { display:block; float:left; width:auto; }
  #primary-nav ul li div.menu-set { display:table; border:none; width:auto; }
  #primary-nav ul li div.menu-set a {
    width: auto;
    padding:8px 20px 16px 20px;
    color:var(--cc-pnav-link);
  }
  
  #primary-nav ul li div.menu-set a.subnav-toggle { display:none; }
  #primary-nav ul li div.menu-set:hover a { color:var(--cc-pnav-hover); }

  #primary-nav ul li:hover a { background-color:var(--cc-pnav-dropdown); }
  #primary-nav ul li a:hover { color:var(--cc-pnav-hover); }

  /* drop down lists */

  #primary-nav ul li ul { 
    position: absolute;
    width: 280px;
    height:auto;
    padding:20px 0px;
    background-color:var(--cc-pnav-dropdown);
    display:none;
    border-bottom:1px solid var(--cc-pnav-link);
  }

  #primary-nav ul li:hover > ul { display:block !important; left: auto; z-index:9999; } 
  @media all and (min-width: 992px) { #primary-nav li:last-child:hover > ul { right:0px; } }
  
  #primary-nav ul li ul li { width:280px; }
  #primary-nav ul li ul li a { 
    width:100%;
    padding:6px 24px;
    font-size:16px;
    line-height:1.5;
    color:var(--cc-pnav-link);
    background-color:var(--cc-pnav-dropdown);
  }
  #primary-nav ul li ul li a:hover { color:var(--cc-pnav-hover); } 


  /* secondary nav */

  
  #secondary-nav { position:absolute; top:0px; right:24px; width:auto; height:24px; display:table; }
  #secondary-nav .nav-utility { display:table-cell; vertical-align:top; text-align:right;}
  #secondary-nav .nav-search { display:table-cell; vertical-align:top; text-align:right; width:224px; }

  .nav-social { display:inline-block; text-align:center; height:24px; padding-right:24px; }
  .nav-social a { display:inline-block; width:22px; height:22px; font-size:10px; line-height:22px; border-radius:50%; text-align:center; margin:1px 8px 0 0; }
  .nav-social a { text-decoration:none; color:white; background-color:#ee7623; border:0; transition: all 0.15s linear 0s;}
  .nav-social a:hover { color:white; background-color:var(--cc-ahover); }
  .nav-links { display:inline-block; }
  .nav-links a {
    display: inline-block;
    width: auto;
    margin-right:8px;
    font-size:14px;
    line-height:24px;
    color:var(--cc-pagewrap-txt);
    text-decoration:none;
  }
  .nav-links a:hover { color:var(--cc-ahover); }  
   

  
  #site-search {
    display:table;
    width:100%;	
    padding:2px 8px;
    margin:0;
    border:0;
    border-bottom:1px solid var(--cc-pnav-link);
    border-radius:0;
    text-align:left;
  }

  #site-search input[type="text"]{
    display:table-cell;	
    font-size:14px;
    line-height:24px;
    color:var(--cc-pnav-link);
    background:transparent;
    border:none;
    padding:0;
    margin:0;
    width:90%;
    text-align:left;  
    vertical-align:middle;
    outline:0;
  }

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

  #site-search ::-webkit-input-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }
  #site-search :-moz-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }
  #site-search ::-moz-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }
  #site-search :-ms-input-placeholder { color:var(--cc-pnav-link); opacity: 0.8; }

}










/* home video */

.hero-wrap { position:relative; overflow:hidden; } 

.hero-sizer { width:100%; height:340px; }
@media all and (min-width: 768px) { .hero-sizer { height:675px; } }

.hero-video { position:absolute; top:0px; z-index:2; display: flex; align-items: center; justify-content: center; }
.hero-video video { width: 100%; height:100%; object-fit: cover; object-position: center; }




/* home page topango carousel */

.topango-wrap { padding:0; margin:0; }
.topango-slide { width:100%; height:auto; }
.topango-relative { position:relative; width:100%; height:auto; }
.topango-image { display:block; z-index:10; position:relative; background-size: cover; background-position: center center; }
.topango-cover { display:block; z-index:11; position:absolute; top:0px; background-color:rgba(0,0,0,0.15); }
.topango-text { display:block; z-index:12; position:absolute; top:0px;}
.topango-x { display:table; }
.topango-y { display:table-cell; vertical-align:middle; text-align:center;}

.topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { width:100%; height:400px; }
@media all and (min-width: 768px) { .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:600px; }}
@media all and (min-width: 992px) { .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:800px; }}

.topango-y { text-align:center; padding:0 60px; }
.topango-headline { color:white; font-weight:700; font-size:28px; line-height:36px; margin:40px 0 10px 0; text-shadow: 1px 1px 1px var(--cc-h1); }
.topango-link { padding-top:20px; }
@media all and (min-width: 768px) {
	.topango-y { text-align:center; padding:0 15%; }
	.topango-headline { color:white; font-weight:700; font-size:58px; line-height:58px; margin:50px 0 20px 0; max-width:600px; }
}
@media all and (min-width: 992px) {
	.topango-y { text-align:left; padding:0 15%; }
	.topango-headline { color:white; font-weight:700; font-size:68px; line-height:68px; margin:50px 0 20px 0; }
}

.cycle-pager { display:none; }
.cycle-next { position: absolute; z-index: 300; right:5%; top: 50%; margin-top:-42px; width: 44px; height: 84px; display: block; cursor: pointer; }
.cycle-prev { position: absolute; z-index: 301; left: 5%; top: 50%; margin-top:-42px; width: 44px; height: 84px; display: block; cursor: pointer; }
@media all and (max-width: 767px) {
	.cycle-next, .cycle-prev { width:22px; height:42px; background-size:cover; margin-top:-21px; }
}


/* home page events */

.home-events-intro { text-align:center; font-size:25px; line-height:25px; padding-bottom:30px; }
#homeeventsfeaturebox {
  background-color:#fffefa; width:100%; height:auto;
  margin-bottom:20px;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(72,55,41,0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(72,55,41,0.1);
  box-shadow: 0px 0px 8px 0px rgba(72,55,41,0.1);
}
#featureboximage { }
#featureboxtext { width:100%; padding:30px 20px; border-top:1px solid #eeeedd; }
#featureboxtext a { font-size:21px; line-height:30px; font-weight:500; }
#featureboxtext span { display:block; margin-top:4px; color:#582602; font-weight:400; font-size:16px; line-height:24px; }



/* social squares */

.social-intro-wrap { background:#77871c; background-size:cover; padding:20px 0px;}

.social-intro-text { color:#fff; text-align:center; font-size:21px; line-height:26px; padding:0px 0px 20px 0px; font-weight:700;}
.social-intro-icons { text-align:center; padding-left:12px; }
@media all and (min-width: 992px) {
  .social-intro-text { color:#fff; text-align:left; font-size:26px; line-height:36px; padding:12px 0px 12px 0px;}
  .social-intro-icons { text-align:right; padding:10px 0px 10px 0px; }
}

a.social-circle-home { display:inline-block; width:32px; height:32px; font-size:18px; line-height:32px; border-radius:50%; text-align:center; margin:0 12px 0 0; }
a.social-circle-home { text-decoration:none; color:#77871c; border:0px; background-color:#fff; transition: all 0.15s linear 0s;}
a.social-circle-home:hover { color:#77871c; background-color:#c0e2e8; }


/* citylight social grid */

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

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

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

.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:white; 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; }
}





/* detail header */

.full-color { width:100%;background:#eeeedd url('https://ctycms.com/az-flagstaff/lightpaperfibers_%402Xbeige.png') center center; background-size: 500px 300px; border-top:1px solid #eeeedd; border-bottom:1px solid #eeeedd; }

.detail-header { width:100%;background:#eeeedd url('https://ctycms.com/az-flagstaff/lightpaperfibers_%402Xbeige.png') center center; background-size: 500px 300px; border-top:1px solid #eeeedd; border-bottom:1px solid #eeeedd; }

p.header-groups { color:#2d2620; font-size:16px; line-height:16px; margin-top:20px;} 

a.btn-header-groups { background-color:rgba(255, 255, 255, 0); font-weight:700; text-transform:uppercase; color:#2d2620; letter-spacing:1px; border:2px solid #2d2620; border-radius:4px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:14px; line-height:28px; padding:0 8px; margin:4px 2px; }
a.btn-header-groups:hover { background-color:rgba(255, 255, 255, 0.3); color:#EE7623; border:2px solid #EE7623;}





/* FLA Landing Gallery */

.landinggallery { width:100%; margin:32px 0px 24px 0px; }
.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-style: normal; font-weight:600; padding:20px 20px; font-size:20px; line-height:24px;}
.landinggallery a:hover .landing-link { background:rgba(0,0,0,0.8); }

/* FLA Covid */

.pcovid-padding { padding-bottom:30px; }
.pcovid { border:1px solid #e1e1dc; padding:16px 20px; height:100%; }
.pcovid h2 { font-family: 'brother-1816', sans-serif; margin:0 0 6px 0; font-size:25px; line-height:1.3; text-transform:none; color: #c24628; font-weight:700; font-style:normal; letter-spacing:0.020rem;}
.pcovid p { margin:0 0 6px 0; }

.pcovgroups { font-style:italic; font-size:16px; line-height:1.4; margin:2px 0 8px 0px; }

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

.pcovid-options > div { margin:12px 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:#EE7623; border:none; margin-right:4px; }

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




/* feature card */

.feature-card { }
.feature-card-image { position:relative; }
.feature-card-image-img { position:relative; background-color:white; }
.feature-card-image-tag { position:absolute; bottom:-15px; display:inline-block; font-size:14px; line-height:30px; padding:0 8px; background-color:var(--cc-ahover); color:white; text-transform:uppercase; }
.feature-card-content { background-color:white; padding:30px 30px 20px 30px; }
.feature-card-content-headline { color:var(--cc-h1); font-size:1.35rem; line-height:1.4; font-weight:700; margin-bottom:6px; }
.feature-card-content-body { color:var(--cc-h2); font-size:1.1rem; line-height:1.4; margin-bottom:12px; }
.feature-card a .feature-card-content-linklabel { color:var(--cc-alink); text-decoration:none; font-weight:700; }
.feature-card a:hover .feature-card-content-linklabel { color:var(--cc-ahover); text-decoration:none; }


/* basic lightbox */

.lightbox-wrap { margin-top:30px; }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:var(--cc-banner-wrap); background-position:center center; background-size:cover; margin-bottom:30px; }


/* basic landing */

.nav-card-gallery { margin:48px 0 0 0; }
.nav-card-margin { margin-bottom:48px; }
.nav-card { width:100%; height:100%; background-color:#fff; border-radius:6px; overflow:hidden; 
  -webkit-box-shadow: 0px 0px 8px 0px rgba(177,158,144,0.25);
  -moz-box-shadow: 0px 0px 8px 0px rgba(177,158,144,0.25);
  box-shadow: 0px 0px 8px 0px rgba(177,158,144,0.25);
}
.nav-card a { display:block; }
.nav-card a .nav-card-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; overflow:hidden;  }
.nav-card a .nav-card-image-bg {  position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; transition: all .5s; }
.nav-card a .nav-card-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.0); transition: all .5s;  }
.nav-card a:hover .nav-card-image-bg { transform: scale(1.02); }

.nav-card-content { width:100%; height:100%; background-color:#fff; padding:10px 20px 20px 20px; text-align:center; }
.nav-card-content-headline { color: inherit; font-weight: 700; font-size: 20px; line-height: 25px;}



/* basic snake */

.snake-wrap { width:100%; background-color:var(--cc-banner-wrap); }
.snake-container { width:100%; max-width:1200px; background-color:white; margin:0 auto; }
.snake-row { display:block; }
.snake-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake-content { display: block; background-color:white; padding:30px; }
@media all and (min-width: 576px) {
	.snake-image { padding-bottom: 50%; }
}
@media all and (min-width: 768px) {
	.snake-row { display:flex; }
	.snake-row-alternate { flex-direction: row-reverse; }
	.snake-image { width:50%; padding:0; }
	.snake-content { width:50%; padding:60px; }
}
@media all and (min-width: 992px) {
	.snake-content { padding:90px; }
}

/* basic staff */

.basic-staff { margin:24px 0; }
.staff-card { margin-bottom:24px; }
.staff-picture-hold { max-width:240px; margin:36px auto 22px auto; }
.staff-picture { width:100%; padding-bottom:100%; border-radius:50%; background-position:center center; background-size:cover;  }
.staff-name { text-align:center; font-weight: 700; font-size:20px; line-height:1.3; margin-bottom:4px; }
.staff-title { text-align:center; font-weight: 400; font-size:18px; line-height:1.3; margin-bottom:4px; }
.staff-body { text-align:center; font-weight: 400; }






/* mapbox styles */

.smarker {  width: 24px; height: 36px; cursor: pointer; }

.smarker-bg { position:absolute; width:24px; height:36px; fill:#ED8D4C; }
.smarker-bg-green { position:absolute; width:24px; height:36px; fill:#76871E; }
.smarker-bg-featured { position:absolute; width:24px; height:36px; fill:#C24628; }
.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#ffffff; }
.smarker-num { font-family: 'brother-1816'; font-weight:700;  font-size:13px; line-height:24px; color:#ffffff; }
.smarker-heart { position:absolute; width:24px; height:36px; text-align:center; font-size:13px; line-height:24px; color:#ffffff; }

.mapboxgl-map { font-family:inherit; }

.mapboxgl-popup { width: 200px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:10px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:12px 0px; color:#c24628; font-weight:700; font-size:20px; line-height:26px; text-transform:none; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:12px 0px; font-size:14px; line-height:20px; color:#483729; text-transform:none; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:12px 0px; font-size:14px; line-height:20px; }


/* point-section */

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

.section-filters { text-align:center; margin:30px 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: 13px;
font-size: 13px;
text-align: center;
display:inline-block;
color:#483729;
background-color:#e2e5d3;
letter-spacing:  0.050rem;
border:1px solid #e2e5d3;
border-radius:2px;
padding:6px 10px;
white-space: nowrap;
margin:4px 3px;
text-transform:none;
}
.section-filters a:hover { background-color:#76871E; border-color:#76871E; color:#fff; text-decoration: none; }
.section-filters a.selected { background-color:#76871E; border-color:#76871E; color:#fff; }

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

.pst { clear:both; border-top:1px solid #edd; padding-top:8px; padding-bottom:24px; }
.pst a { display:block; }
.pst-heart { float:right; width:20px; }

.pst a .pst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; margin-bottom:12px; margin-top:-8px;}
.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:90vh; min-height:420px; background-color:#E8E0D8; }
#stickymap { width:100%; height:90vh; background-color:#E8E0D8; }
@media all and (min-width: 768px) {
	.sticky-hold { display:flex; width:100%; max-width:1600px; margin:0 auto; background-color:#000; min-height:100vh; }
	.sticky-content { flex: 1 1 auto; height:auto; }
	.sticky-map { flex: 1 1 auto; height:auto; }
	#stickymap { width:100%; height:100vh; top:0px; position: sticky; position: -webkit-sticky; /* need for safari */ }
}



/* 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:white; background-color:var(--cc-alink); border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:white; background-color:var(--cc-ahover); }

#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:150px; max-height:500px; background-color:#E6E4E0; border-top:2px solid white; border-bottom:2px solid white; }
@media all and (min-width: 992px) {
	#point-detail #clmap { border:2px solid white; }
	#point-detail { margin-left:0px; margin-right:0px; border: 1px solid #E6E4E0; }
}

.ftn { text-align:center; }
.ftn-label { color: #483627;
font-weight: 700;
font-size: 15px;
line-height: 23px;
font-style: normal;
letter-spacing: 0.75px;
text-transform: uppercase;
margin-top: 0px;
margin-bottom: 12px;
 }
.ftn ul { margin:20px 0px; padding:0; }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; border-bottom:1px solid #eee6e8;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:110%;}
.ftnaddress { font-size:80%; color:#000; }
.ftndistance { font-size:80%; color:#666;}



/* event cards */

.event-card-filters { margin:24px auto 0px auto; text-align:center; max-width:1100px;}
.event-card-filters a {
display:inline-block;
text-align: center;
font-weight: 400;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
line-height: 30px;
text-decoration: none;
color: var(--cc-alink);
background-color:inherit;
letter-spacing: 1px;
border: 2px solid var(--cc-alink);
padding:0px 12px;
white-space: nowrap;
transition: all 0.15s linear 0s;
margin:0px 8px 12px 0px;
}
.event-card-filters a.highlight { background-color:var(--cc-alink); color:white; border-color:var(--cc-alink); }
.event-card-filters a:hover { background-color:var(--cc-ahover); color:white; border-color:var(--cc-ahover); text-decoration: none; cursor:pointer;}

.event-card-results { margin:30px 0px 0px 0px; }

.event-card-cell { height:100%; padding-bottom:30px;  }

.event-card { height:100%; background-color:#fafafa; position:relative; }
.event-card-image { width:100%; padding-bottom:56.25%; background-position:center center; background-size:cover; }

.event-card-content { padding:16px 16px; }

.event-card-dateline { font-size:14px; line-height:1.4; margin-bottom:6px; }
.event-card-label { font-size:18px; line-height:1.4; font-weight:700; margin-bottom:6px; }
.event-card-teaser { font-size:14px; line-height:1.4;  }

.event-featured-pill { position:absolute; top:12px; right:12px; display:inline-block; background-color:#222; font-weight: 400; text-transform:uppercase; color:white; letter-spacing:0.100rem; border:0px;
	font-size:11px; line-height:24px; padding: 0px 14px; border-radius:60px; }





/* bbq-events-calendar */

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

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:white; font-size:18px; line-height:1.5; padding:12px 0px; font-weight:500; }
.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; text-transform:uppercase; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

#bbq-calendar table { width:100%; background-color:white; margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-top:1px #fcddd0 solid; 
  background-color:white;
  color:#aaa; /* color of days of the week */
  font-size:10px;
  line-height:26px;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px #fcddd0 solid;
  background-color:white;
  color:#777; /* color of inactive dates */
  font-size:13px;
  line-height:32px;
  text-align:center;
  }
#bbq-calendar a { display:block; text-decoration:none; }
#bbq-calendar a.ontoday { font-weight:700; }
#bbq-calendar td.highlight a { background-color:#fcebe3; color:#222; }
#bbq-calendar td.highlight a:hover { text-decoration:none; background-color:#fcddd0; }

.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 #fcddd0; }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { display:block; background-color:white; padding:0 24px; font-size:14px; line-height:36px; text-align:center; }
#bbq-categories a.highlight { background-color:#fcebe3; color:#222; }
#bbq-categories a:hover { text-decoration:none; background-color:#fcddd0; }


h1.bbq-headline {  }

.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:white; font-size:18px; line-height:1.5; padding:12px 0px; font-weight:500; }
.bbq-results-header-left { display:table-cell; width:40px; 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:40px; vertical-align:middle; text-align:center; }

.bbq-results-list { width:100%;}

.bbq-row { display:block; width:100%; border-top:1px solid #efdbd5; 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:white; background-color:#5b432f; font-size:12px; line-height:21px; border-radius:4px 4px 0px 0px; margin-top:5px; }
.bbqdate-day { text-align:center; color:#5b432f; background-color:#fff; font-size:24px; line-height:40px; border-radius:0px 0px 4px 4px; font-weight:700;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(72,55,41,0.1);
  -moz-box-shadow: 0px 0px 8px 0px rgba(72,55,41,0.1);
  box-shadow: 0px 0px 8px 0px rgba(72,55,41,0.1);
}
.bbqdate-tip { text-align:center; color:#5b432f; background-color:inherit; font-size:12px; line-height:16px; border-radius:0px; margin-top:6px; }
.bbqdate-ongoing { text-align:center; color:#fff; background-color:#5b432f; font-size:12px; line-height:21px; border-radius:4px; }

.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; }



/* Post Section */

.post-card-gallery { margin:48px 0px 24px 0px; }
.post-card { margin-bottom:30px; }
.post-card a { display:block; width:100%; 
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}

.post-card-image { position:relative; width:100%; height:auto; }
.post-card-image-image { }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(255,255,255,0.25); }
.post-card-image-tag { position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,0.5); font-size:12px; line-height:12px; color:white; padding:10px; }

.post-card-content { background-color:white; padding:20px; text-align:left; }
.post-card-content-headline { color:#222; font-weight:700; font-size:20px; line-height:1.4; margin-bottom:12px; }
.post-card-content-body { color:#222; font-weight:400; font-size:15px; line-height:23px;  margin-bottom:12px; }
.post-card-content-more { color:var(--cc-alink); font-size: 13px; font-weight: 700; letter-spacing: 0.0500rem; text-transform: uppercase; }

.post-card-transition {  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.post-card a:hover .post-card-image-cover { background-color:rgba(255,255,255,0.0); }
.post-card a:hover .post-card-content { background-color:#fafafa; } 
.post-card a:hover .post-card-content-headline { color:#000; }
.post-card a:hover .post-card-content-body { color:#222; }
.post-card a:hover .post-card-content-more { color:var(--cc-ahover); }


/* 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:white; background-color:var(--cc-alink); border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:var(--cc-ahover); }
.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:0px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}

/* FLA News Links */

dl { display:block; margin:30px 0px 24px 0px; border-bottom:2px solid #eee;}
dt { display:block; cursor:pointer; padding:10px 2px; font-size:20px; line-height:20px; margin-top:1px; border-top:2px solid #eee; text-align:left; }
dt span { float:right; width:40px; text-align:center;}
dd { display:block; padding:10px 2px; text-align:left; }
dt.is-closed {  }
dt.is-closed span.dtup { display:none; }
dt.is-closed span.dtdown { display:inline-block; }
dt.is-open {  }
dt.is-open span.dtup {display:inline-block; }
dt.is-open span.dtdown { display:none; }

.lk { padding:8px 0px 16px 0px; }
.lk a { display:table; width:100%; }
.lk a .lk-arrow { display:table-cell; vertical-align:top; width:36px; color:#222; }
.lk a .lk-content { display:table-cell; vertical-align:top; width:auto;}


/* itinerary detail */

.pd-wrap { padding:0px 0px 0px; }

.pd-hold { display:block; background-color:#fff; border-bottom:1px solid #fcfaf9; max-width:1200px; margin: 0 auto; 
	-webkit-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.55);
	-moz-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.55);
	box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.55);
}
.pd-map { padding:0px;}
.pd-list { padding:24px;}

#perfect-day-map { width:100%; height:60vh; min-height:80px; background-color:#444; border:1px solid #fff;}

@media all and (min-width: 992px) { 
	.pd-wrap { padding:0px 24px 24px 24px; }
	.pd-map { width:50%; height:550px; float:right;}
	.pd-list { width:50%; height:550px; overflow-y:scroll; }
	#perfect-day-map { height:550px; } 
}

@media all and (min-width: 1200px) { 
	.pd-wrap { padding:0px 30px 60px 30px; }
	.pd-map { width:50%; height:750px; float:right;}
	.pd-list { padding:24px 40px; width:50%; height:750px; overflow-y:scroll; }
	#perfect-day-map { height:750px; } 
}


#perfecttable { margin:30px 0 20px 20px; }
#perfecttable tr { border-left:2px dashed #c6bdb6; vertical-align:top; }
#perfecttable tr:last-child { border-left:none; }
#perfecttable th { padding-right:16px; padding-bottom:16px; }
#perfecttable td { padding-top:0px; padding-bottom:16px; }
#perfecttable td p { margin-top:0px; }

#perfecttable th p {
  background: #76871E;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color: #ffffff;
  display: inline-block;
  font-size:15px;
  line-height: 40px;
  text-align: center;
  width: 40px; 
  margin-left:-20px;
  margin-top:-2px;
  font-weight:700;
}

#perfecttable a.pt-text-link { text-decoration:none; color:#000;}
#perfecttable a.pt-text-link:hover { text-decoration:none; color:#000;}

#perfecttable h4.pt-text-link { margin-top:6px; margin-bottom:9px; font-size:21px; line-height:24px; text-transform:none; color:#EF7521; font-weight:700; }
#perfecttable h5.pt-text-link { color:#444; margin-top:0px; margin-bottom:24px; text-transform:none; font-size:16px; line-height:20px; font-weight:400;}

#perfecttable a.pt-image-link { display:block; margin:12px 0px 32px 0px;}



/* first friday */

.ffcard { background-color:#fff; border:4px solid #fff;  box-shadow: 0px 0px 8px 0px rgba(72,55,41,0.2); }
.ffcardfeatured-1 {  }
.ffcard-content { padding:24px 20px 20px 20px; }
.ffcard-image { background-color:#eee; background-size:cover; background-position:center center; }
.ffcard-content div.ffcardfeatured { display:inline-block; font-size:14px; line-height:1.5; margin:0 0 16px 0; text-transform:uppercase; 
  background-color:#c24628; color:#fff; font-weight:500; padding:2px 16px; border-radius:30px; }
.ffcard-content h2 { font-size:22px; line-height:1.35; margin:0 0 8px 0; }
.ffcard-content p { font-size:15px; line-height:1.5; margin:0 0 16px 0;}