body,html {
  height:100%;
  background-color:#fff;	
  font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, Arial, sans-serif;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#pagecontent { width:100%; background-color:#fff; }

.container-fluid { max-width:1160px; padding:0 24px; margin:0 auto; }
.container-nav { max-width:1360px; padding:0 24px; margin:0 auto; }
.container-narrow { max-width:800px; padding:0 24px; margin:0 auto; }
.container-subscribe { max-width:600px; padding:0 24px; margin:0 auto; }

.silver-wrap { background-color:#f0f0f0;}



.hold-width { max-width:800px; margin:0 auto; }
.padding-top { padding-top:50px; }
.padding-bottom { padding-bottom:50px; }
.basic-banner { margin:-50px -24px 36px -24px; }
.form-padding { margin:24px 0; }
@media all and (min-width: 768px) {
	.split-left { padding-right:30px; }
	.split-right { padding-left:30px;}
}



.snake-container { width:100%; max-width:1200px; background-color:#fff; margin:0 auto;}
.snake-box { display:block; }
.snake-row { display:block; }
.snake-content { position:relative; display: block; width:100%; height:100%; background-color:#fff; padding:30px;}
.snake-image-a { position:relative; display: block; width:100%; padding-bottom: 100%; background-size:cover; background-position:center center;}
.snake-image-b { position:relative; display: block; width:100%; padding-bottom: 100%; background-size:cover; background-position:center center;}
@media all and (max-width: 767px) {
	.snake-row > .snake-image-b { display:none; }
}
@media all and (min-width: 768px) {
	.snake-box { display:table; }
	.snake-row { display:table-row; }
	.snake-content { width:50%; display:table-cell; padding:60px; }
	.snake-image-a { width:50%; display:table-cell; padding:0px; background-size:cover; background-position:center center;}
	.snake-image-b { width:50%; display:table-cell; padding:0px; background-size:cover; background-position:center center;}
	.snake-row-odd > .snake-image-a { display:none; }
	.snake-row-even > .snake-image-b { display:none; }
}
@media all and (min-width: 992px) {
	.snake-content { padding:90px; }
}


/* 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:4px 0px 14px 24px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:4px 24px 14px 0px; max-width:48%; height:auto!important; }

/* responsive youtube or vimeo */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom:16px; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* accordian */

dl { display:block; margin-top:24px; }
dt { display:block; background-color:#fff; cursor:pointer; padding:10px 2px; font-size:20px; line-height:20px; margin-top:1px; border-top:2px solid #eee;}
dt span { float:right; width:40px; text-align:center;}
dd { display:block; background-color:#fff; padding:10px 2px; }

dt.is-closed { color:#149E91; }
dt.is-closed span.dtup { display:none; }
dt.is-closed span.dtdown { display:inline-block; }

dt.is-open { color:#652061; }
dt.is-open span.dtup {display:inline-block; }
dt.is-open span.dtdown { display:none; }


/* alert box */

.alert-wrap { background-color:#EF402F; 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: 1px;
  padding-bottom:20px;
}

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

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

/* css for modal backdrop */
 
.modal-backdrop { background-color: #652061; }
.modal-backdrop.show { opacity:0.8; }
.modal-body h1 { margin-top:1rem; }

/* global typography */

h1 { font-family: "Gotham SSm A", "Gotham SSm B";  font-style: normal; font-weight:200; color:#222; margin-bottom:18px; }
h2 { font-family: "Gotham SSm A", "Gotham SSm B";  font-style: normal; font-weight:200; color:#222; margin-top:18px; margin-bottom:12px; }
h3 { font-family: "Gotham SSm A", "Gotham SSm B";  font-style: normal; font-weight:400; color:#222; margin-top:18px; margin-bottom:12px; }

h3 { letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 22px; }
	
h4 { font-family: "Gotham SSm A", "Gotham SSm B";  font-style: normal; color:#222; font-weight:400; }
h5 { font-family: "Gotham SSm A", "Gotham SSm B";  font-style: normal; color:#222; font-weight:400; }
h6,h2.on-detail { font-family: "Gotham SSm A", "Gotham SSm B";  font-style: normal; font-weight:500; color:#222; font-size:11px; line-height:14px; margin:20px 0px; text-transform:uppercase; color:#ccc; letter-spacing:2px;}

p, li { font-weight:300; }

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

b,strong { font-style: normal; font-weight:500; }

label { color:#96acc2; color:#71879d; text-transform:uppercase; letter-spacing:1px; font-size:12px; }

fieldset { border: 1px solid #ced4da; border-radius: .25rem; padding:20px; margin-bottom:12px; }



a { color:#149E91; text-decoration:none; }
a:hover, a:active { outline: none; color:#0E776D; text-decoration:none; }
hr { border-color:#eee; opacity:1; }

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

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



.btn-tempe { background-color:#149E91; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:1px; border:0px; font-size:14px; transition: all 0.15s linear 0s; }
.btn-tempe:hover { background-color:#1ebcb2; color:#fff; }

.btn-outline-tempe { background-color:#fff; font-weight:500; text-transform:uppercase; color:#149E91;; letter-spacing:1px; border:1px solid #149E91; font-size:14px; transition: all 0.15s linear 0s; }
.btn-outline-tempe:hover { background-color:#149E91; border-color:#149E91; color:#fff; }

.btn-website, .btn-brand { background-color:#149E91; font-weight:500; color:#fff; border:0px; font-size:12px; transition: all 0.15s linear 0s; border-radius:20px; padding:4px 12px; white-space:nowrap; }
.btn-website:hover, .btn-brand:hover { background-color:#1ebcb2; color:#fff; }

.btn-google { background-color:#eee; font-weight:400; color:#666; border:none; border-radius:10px; font-size:10px; line-height:12px; padding:2px 8px; white-space:nowrap; margin-left:8px;  }
.btn-google:hover { background-color:#ddd; color:#222; }


.btn-brand { background-color:#149E91; border:1px solid #149E91; color:#fff; 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:#1ebcb2; border-color:#1ebcb2; color:#fff; }

.btn-outline-brand { background-color:#fff; border:1px solid #149E91; color:#149E91; 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:#1ebcb2; border-color:#1ebcb2; color:#fff; }

.btn-brand-pill { background-color:#149E91; border:1px solid #149E91;  color:#fff; 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:#1ebcb2; border-color:#1ebcb2; color:#fff; }

.btn-outline-brand-pill { background-color:#fff; border:1px solid #149E91; color:#149E91; 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:#1ebcb2; border-color:#1ebcb2; color:#fff; }

.btn-naked { color:#149E91; 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:#1ebcb2; }


/* preheader */

#colortop { width:100%; height:8px; background:#bada55 url('https://ctycms.com/az-tempe/tempe-colors.svg') center center; background-size:cover; }


/* footer */

#footer { background-color:#fff; padding:30px 0; border-top:1px solid #eee; }
.f1 { text-align:center; padding:0; max-width:200px; margin:0px auto 20px auto;  }
.f2 { text-align:center; font-weight:400; font-size:14px; line-height:30px; color:#ccc; padding-bottom:6px; }
.f2 a { color:#B71E7B; white-space:nowrap; }
.f2 a:hover { color:#652061; text-decoration:none; }
.f2 span { padding-left:4px; padding-right:4px; }
.f3 { text-align:center; padding:16px 0px 6px 0px; }
.divider { display:none;}
.break { display:inline;}
.footer-social { display:block; vertical-align:top; text-align:center; margin:0px auto 24px auto; height:30px; padding:10px 0px; padding-right:12px; }
@media screen and (min-width: 992px) {
	.footer-social { text-align:right; margin:0px 0px 20px 0px; padding-right:0px;}
	.f1 { text-align:left; margin:0px 0px 20px 0px; }
	.f2 { text-align:left; }
	.f3 { text-align:right; padding:6px 0px; }
	.divider { display:inline;}
	.break { display:none;}
}

#footer .footer-social a { display:inline-block; width:30px; height:30px; font-size:15px; line-height:30px; border-radius:50%; text-align:center; margin:0 0 0 12px; }
#footer .footer-social a { text-decoration:none; color:#fff; background-color:#B71E7B; border:none; transition: all 0.25s linear 0s; }
#footer .footer-social a:hover { color:#eee; background-color:#652061; }

#footer .btn-subscribe { background-color:#fff; color:#B71E7B; border:1px solid #B71E7B; font-weight:400; text-transform:uppercase; letter-spacing:1px; font-size:12px; transition: all 0.25s linear 0s; padding:3px 10px;}
#footer .btn-subscribe:hover { background-color:#B71E7B; color:#fff; }



/* banner */

.banner-full {
  width:100%; max-width:1400px; margin:0 auto;
  height:160px;
  background-color:#eee;
  background-position: center center; background-size: cover;
}
@media all and (min-width: 560px) { .banner-full { min-height:180px; }}
@media all and (min-width: 768px) { .banner-full { min-height:240px; }}
@media all and (min-width: 992px) { .banner-full { min-height:300px; }}



/* home page topango carousel */

.topango-wrap { padding:0; margin:0; overflow:hidden; }
.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-wrap, .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { width:100%; height:400px; }
@media all and (min-width: 768px) { .topango-wrap, .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:600px; }}
@media all and (min-width: 992px) { .topango-wrap, .topango-image, .topango-cover, .topango-text,.topango-x, .topango-y { height:700px; }}

.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(--cty-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 video */

.hero-wrap {
    position: relative;
    width:100%; height:56vh; min-height:400px; max-height:800px;
	top: 0;
	overflow:hidden;
	background:#444 url('https://ctycms.com/az-tempe/video-cover875x480.jpg') center center no-repeat; background-size:cover; 
}

#hero-video {
    right: 0;
    top: 0;
    height: auto;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    position: absolute;
	top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.01);
    transform: translate(-50%, -50%) scale(1.01);
    width: auto;
    z-index: 100;
}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

.hero-image-darken {  position: absolute; z-index: 101; display:table; width:100%; height:100%; xbackground: linear-gradient(180deg, rgba(2,0,36,0.55) 0%, rgba(1,157,198,0) 75%, rgba(0,212,255,0) 100%); }
.hero-image-content { display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; xbackground-color:rgba(35,40,48,0.5); padding:90px 24px;}
.hero-image-content-wrap { max-width:560px; margin: auto;}
.hero-image-content-wrap h2 { 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 h2 { font-size:32px; line-height:46px;  }
}
@media all and (min-width: 992px) {
	.hero-image-content-wrap h2 { font-size:42px; line-height:56px;  }
}


/* home page events */

#homeeventsfeaturebox {
	background-color:#fff; width:100%; height:auto;
	margin-bottom:20px;
	}
#featureboximage { }
#featureboxtip { position:absolute; background-color:rgba(0,0,0,0.7); color:#fff; padding:0 20px; letter-spacing:1px; font-size:12px; line-height:32px; margin-top:-32px; z-index:200; }	
#featureboxtext { width:100%; padding:30px 20px; }
#featureboxtext a { font-size:21px; line-height:30px; }
#featureboxtext span { color:#582602; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:20px; }


/* subscribe box */

.subscribe-box { background-color:#f3f3f3; }

.subscribe-box { padding:60px 24px; border-top:1px solid #eee; }
.subscribe-box form { max-width:500px; margin:0px auto; }
.subscribe-box h1 { text-align:center; font-weight:300; color:#777; margin:0px 0px 16px 0px; }
.subscribe-box h4 { text-align:center; font-weight:300; color:#777; margin:0; }

.btn-subscribe-box { background-color:#149E91; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:1px; border:0px; font-size:14px; width:100%; padding:9px 0px; transition: all 0.15s linear 0s; }
.btn-subscribe-box:hover { background-color:#1ebcb2; color:#fff; }

.subscribe-box-pattern { background-color: #f3f3f3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23c0dbd9' fill-opacity='0.4'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.subscribe-box-gradient { background-color: #005D8B;
background: -webkit-linear-gradient(left top, #005D8B, #DA1963);
background: -moz-linear-gradient(bottom right, #005D8B, #DA1963);
background: -ms-linear-gradient(left top, #005D8B,#DA1963);
background: -o-linear-gradient(bottom right, #005D8B,#DA1963);
background: linear-gradient(to bottom right, #005D8B,#DA1963);
}

.subscribe-box-gradient h1 { color:#fff; }
.subscribe-box-gradient h4 { color:#fff; }



/* citylight social grid */

.citylight-social-grid { width:100%; border-left:6px solid #fff; border-bottom:6px 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:6px solid #fff;
  border-top:6px 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 page - tempe mission */

.tempe-mission-total { background-color:#e7e7e7; width:100%; text-align:center; padding:20px; margin-top:40px; border-radius:4px; }

.btn-mission { background-color:#149E91; font-weight:500; text-transform:uppercase; color:#fff; letter-spacing:1px; border:0px; font-size:14px; transition: all 0.15s linear 0s; }
.btn-mission:hover { background-color:#1ebcb2; color:#fff; }

#insetmap #clmap { margin:24px 0px; width:100%; height:70vh; min-height:100px; max-height:500px; background-color:#E6E4E0; border:2px solid #e7e7e7; }


/* basic page - sixth street market */

.sixth-street-table { display:block; width:100%; margin-top:-100px; margin-bottom:30px; }
.sixth-street-tr { display:block; width:100%; }
.sixth-street-logo { display:block; width:100%; text-align:center; }
.sixth-street-label { display:block; width:100%; text-align:center; margin-top:24px;}
@media all and (min-width: 768px) { 
	.sixth-street-table { display:table; width:100%; }
	.sixth-street-tr { display:table-row; width:100%;}
	.sixth-street-logo {  display:table-cell; width:200px; text-align:left; vertical-align:bottom; }
	.sixth-street-label {  display:table-cell; width:auto; text-align:left;  vertical-align:bottom; }
}

.orange-social-icons { margin:24px 0; text-align:left;}
.orange-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; }
.orange-social-icons a { text-decoration:none; color:#fff; background-color:#e97f24; border:none; transition: all 0.15s linear 0s;}
.orange-social-icons a:hover { color:#fff; background-color:#e97f24; }


/* social squares for 6th street market + festival of the arts */

.sxs-container-social-squares { width:100%; border-bottom:4px solid #e97f24; } 
.sxs-container-social-squares-arts { width:100%; border-bottom:4px solid #042718; } 

.sxs-wrap {
  border-left:0px solid #fff;
  border-bottom:0px solid #fff;
}

.sxs-intro { background-color:#e97f24; color:#fff; text-align:center; padding:24px; }
.sxs-intro-arts { background-color:#042718; color:#fff; text-align:center; padding:24px; }
.orange-social-icons-inline { display:inline-block; }
.orange-social-icons-inline 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; }
.orange-social-icons-inline a { text-decoration:none; color:#e97f24; background-color:#fff; border:none; transition: all 0.15s linear 0s;}
.orange-social-icons-inline a:hover { color:#e97f24; background-color:#fff; }
.arts-social-icons-inline { display:inline-block; }
.arts-social-icons-inline 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; }
.arts-social-icons-inline a { text-decoration:none; color:#042718; background-color:#fff; border:none; transition: all 0.15s linear 0s;}
.arts-social-icons-inline a:hover { color:#D7035A; background-color:#fff; }

.sxs-square {
  float:left;
  position: relative;
  margin:0px;
  overflow:hidden;
  border-right:0px solid #fff;
  border-top:0px solid #fff;
}

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




/* all maps 

.leaflet-popup-tip { background-color:#fff; }
.leaflet-popup-content-wrapper { background-color:#fff; }
.leaflet-popup-content-wrapper h4 { font-size:18px; line-height:24px; color:#222; padding:0; margin:0; }
.leaflet-popup-content-wrapper p { font-size:14px; line-height:20px; color:#222; padding:0; margin:0; }
.leaflet-popup-content-wrapper a { color:#149E91; text-decoration:none;  }
.leaflet-popup-content-wrapper a:hover { outline: none; color:#0E776D; text-decoration:none; }
.leaflet-control-attribution { font-size:10px; color:#666;}
.leaflet-control-attribution a { color:#444; }
.leaflet-control-attribution a:hover { color:#222; }
*/


/* mapbox styles */

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

.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:20px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { margin:4px 0px; color: #444; font-weight:300; font-size:20px; line-height:1.5; }
.mapboxgl-popup-content p.mapbox-pop-address { margin:8px 0px; font-size:14px; line-height:1.5; font-weight:300; color:#aaa; }
.mapboxgl-popup-content p.mapbox-pop-link { margin:4px 0px; font-size:14px; line-height:20px; }


/* point-section */

#point-section #clmap { width:100%; height:50vh; min-height:100px; max-height:500px; background-color:#E6E4E0;}

.section-filters { text-align:center; margin:20px 0px; }
.section-filters .section-filters-title { text-align:center; font-size:11px; line-height:14px; text-transform:uppercase; color: #ccc; letter-spacing: 2px; font-weight:500; 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:500;
  letter-spacing:1px;
  text-decoration: none;
  font-weight: normal;
  line-height: 14px;
  font-size: 14px;
  text-align: center;
  display:inline-block;
  color:#6c6c6c;
  background-color:#ededed;
  border:none;
  border-radius:4px;
  padding:6px 9px;
  white-space: nowrap;
  margin:0px 6px 10px 0px;
}
.section-filters a:hover { background-color:#00ABA1; border-color:#00ABA1; color:white; text-decoration: none; }
.section-filters a.selected { background-color:#00ABA1; border-color:#00ABA1; color:white; }



/* point-section */


.point-filters a {
font-weight:500;
letter-spacing:1px;
text-decoration: none;
font-weight: normal;
line-height: 14px;
font-size: 14px;
text-align: center;
display:inline-block;
color:#6c6c6c;
background-color:#ededed;
border:none;
border-radius:4px;
padding:6px 9px;
white-space: nowrap;
margin:0px 6px 10px 0px;
}
.point-filters a:hover { background-color:#00ABA1; color:#fff; text-decoration: none; }
.point-filters a.selected { background-color:#00ABA1; color:#fff; }

/* point section scroll */

.pslr-wrap { background-color:#fff; }
.pslr-hold { width:100%; max-width:1300px; margin:0 auto; }
.pslr-map { width:100%; height:auto; }
.pslr-content { width:100%; height:auto; padding:24px; margin:0; background-color:#fff; }
#point-section-pslr #clmap { width:100%; height:75vh; min-height:300px; max-height:600px; background-color:#E6E4E0; border:2px solid #e7e7e7; border-width:2px 0px; }

@media all and (min-width: 992px) {
	.pslr-hold { display:table; }
	.pslr-map { display:table-cell; width:50%; vertical-align:top; }
	.pslr-content { display:table-cell; width:50%; vertical-align:top; padding:0px 24px 24px 24px; }
	#point-section-pslr #clmap { width:100%; height:600px; min-height:600px; max-height:600px; border:2px solid #e7e7e7; }
}



.point-section-results { margin-top:24px; margin-bottom:24px; }
.point-section-results-images { margin-top:48px; margin-bottom:24px; }

.pst { margin-bottom:24px;  }
.pst-topline { border-top:1px solid #e7e7e7; padding-top:8px; }
.pst a { display:block; }
.pst a .pst-name { color:#00b09b; font-size:18px; line-height:24px; margin-top:8px; font-weight:500; }
.pst a .pst-address { color:#444; font-size:15px; line-height:19px; margin-top:2px; font-weight:300; }
.pst a:hover .pst-name { color:#0E776D; }
.pst a:hover .pst-address { color:#444; }

.point-section-results-images .pst a .pst-name { margin-top:12px; }

.pst a .pst-image { position:relative; width:100%; padding-bottom:66.66%; background-color:#eee; }
.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%; }

/* space available */

.pst-boxed { width:100%; height:100%; border:1px solid #e7e7e7; padding:12px 16px 12px 16px; }
.pst-boxed h2 { font-size:24px; margin-bottom:8px; font-weight: 400; }
.pst-boxed h3 { margin-top:0; }
.pst-boxed p { font-size:16px; }

/* point section scroll */

.psc-wrap { background-color:#fff; }
.psc-hold { width:100%; max-width:1300px; margin:0 auto; }
.psc-map { width:100%; height:auto; }
.psc-content { width:100%; height:auto; padding:24px; margin:0; background-color:#fff; }
#point-section-scroll #clmap { width:100%; height:75vh; min-height:300px; max-height:600px; background-color:#E6E4E0; }

@media all and (min-width: 768px) {
	.psc-hold { height:800px; }
	.psc-map { width:50%; height:800px; float:left; }
	.psc-content { width:50%; height:800px; overflow-y:scroll; }
	#point-section-scroll #clmap { width:100%; height:800px; min-height:800px; max-height:800px; }
}


/* point-detail */

.pcats a { color:#b9e8e4; }
.pcats a:hover { color:#fff; }

.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:#00ABA1; border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:#fff; background-color:#0E776D; }



#point-detail { margin-left:-24px; margin-right:-24px; border-top:2px solid #eee; border-bottom:2px solid #eee;}
#point-detail #clmap { width:100%; height:50vh; min-height:200px; max-height:400px; background-color:#eee; 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: 2px solid #eee; }
}

.pev ul { list-style-type: none; padding:0; margin:0; }
.pev li { margin-bottom:10px; } 
.pev .pevname { }
.pev .pevdate { color:#555; }
.pev .pevtime { color:#aaa; }


.ftn { text-align:center; }
.ftn h4 { text-align:center; }
.ftn ul { margin:20px 0px; padding:0; }
.ftn li { list-style-type: none; padding:10px 0px; margin:0; border-bottom:1px solid #f4f4f4;}
.ftn li:last-child { border-bottom:0;}
.ftnname { display:block; font-size:100%; }
.ftnaddress { font-size:80%; color:#555; }
.ftndistance { font-size:80%; color:#aaa;}



/* bbq-events-calendar */

/* bbq-controls */

.bbq-controls-wrap { padding:0; }
@media all and (min-width: 768px) { .bbq-controls-wrap { padding-left:30px; }}

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

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:#E88024;}
.bbq-cal-header-left { display:table-cell; width:40px; vertical-align:middle; }
.bbq-cal-header-middle { display:table-cell; width:auto; vertical-align:middle; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; }
.bbq-cal-header a { text-transform:uppercase; font-size:16px; line-height:24px; display:block; text-align:center; padding:12px 0px; color:#fff; } 
.bbq-cal-header a:hover { text-decoration:none; color:#F5C42C; }
 
#bbq-calendar table { width:100%; background-color:#E88024; margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-top:0px #F5C42C solid; 
  background-color:#E88024;
  color:#f9b57a;
  font-size:10px;
  line-height:26px;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px #F5C42C solid;
  background-color:#E88024;
  color:#f9b57a; /* color of inactive dates */
  font-size:11px;
  line-height:34px;
  text-align:center;
  }
#bbq-calendar td.highlight { background-color:#F5C42C; color:#fff; }
#bbq-calendar a { display:block; text-decoration:none; color:#fff; }
#bbq-calendar a.ontoday { font-weight:bold; color:#fff; }
#bbq-calendar a:hover { text-decoration:none; background-color:#F5C42C; color:#fff; }


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

#bbq-categories ul li { padding:0; margin:0; border-bottom:1px solid #F5C42C; }
#bbq-categories ul li:last-child { border-bottom:0px;}
#bbq-categories a { display:block; background-color:#E88024; color:#fff; padding:4px 24px; font-size:13px; line-height:34px; }
#bbq-categories a.highlight { background-color:#F5C42C; }
#bbq-categories a:hover { text-decoration:none; background-color:#F5C42C;}

#bbq-submit a { display:block; background-color:#E88024; color:#fff; padding:4px 24px; font-size:13px; line-height:34px; }
#bbq-submit a:hover { text-decoration:none; background-color:#F5C42C; color:#fff; }


/* bbq-results */

.bbq-results-views { } /* day,week,month buttons */

h1.bbq-headline { display:block; margin:0; padding:10px 10px; margin:24px 0px; text-align:center; }

.bbq-results-header { display:table; width:100%; padding:10px 10px; background-color:#fff; border:1px solid #e7e7e7; border-bottom:0px; }
.bbq-results-header-left { display:table-cell; vertical-align:middle; text-align:left; width:36px; }
.bbq-results-header-middle { display:table-cell; vertical-align:middle; text-align:center; text-transform:uppercase; }
.bbq-results-header-right { display:table-cell; vertical-align:middle; text-align:right; width:36px; }

a.bbq-circo { color:#fff; background-color:#E88024; display:block; border-radius: 50%; width: 28px; height:28px; font-size:14px; line-height: 28px; text-align:center; }
a.bbq-circo:hover { color:#fff; background-color:#F5C42C; }


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

.bbq-row { display:block; width:100%; border-top:1px solid #e7e7e7; padding:24px 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:#666; background-color:#e7e7e7; font-size:12px; line-height:21px; border-radius:4px 4px 0px 0px; margin-top:5px;}
.bbqdate-day { text-align:center; color:#444; background-color:#fafafa; font-size:30px; line-height:41px; border-radius:0px 0px 4px 4px;}
.bbqdate-tip { text-align:center; color:#999; background-color:inherit; font-size:12px; line-height:16px; margin-top:5px; }
.bbqdate-ongoing { text-align:center; color:#666; background-color:#e7e7e7; font-size:12px; line-height:21px; border-radius:4px; margin-top:6px;}

.bbq-row-list ul { margin:0; padding:0; list-style:none; }
.bbq-row-list li { margin:0; padding:0; list-style:none; padding-bottom:20px;}
.bbq-row-list a { }
.bbq-row-list a:hover { text-decoration:none; }
.bbq-row-list a .bbqlist-name { color:#00b09b; font-size:18px; line-height:24px; font-weight:500; }
.bbq-row-list a .bbqlist-details { font-size:15px; line-height:19px; color:#444; margin-top:2px; }
.bbq-row-list a .bbqlist-details span { color:#eee; } /* divider */

.bbq-row-list a:hover .bbqlist-name { color:#0E776D; }
.bbq-row-list a:hover .bbqlist-details { color:#444; }

/* 2022 update */

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

a div.lnk-primary { color:#00b09b; font-weight:700; font-size:18px; line-height:24px; font-weight:500; }
a div.lnk-secondary { font-size:15px; line-height:19px; color:#444; margin-top:2px; }
a div.lnk-secondary span { color:#eee; }
a:hover div.lnk-primary { color: inherit; }
a:hover div.lnk-secondary { color: inherit; }




/* event-detail */

#datelist { }
@media all and (max-width: 767px) { #datelist ul { list-style-type: none; padding-left:0; margin-left:0; } }
#datelist .dldate { color:#888; }
#datelist .dltime { font-size:90%; color:#aaa; }

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


/* Lightbox Thumbs */

#lightboxgallery { margin-top:30px; margin-bottom:30px; background-color:#eee; padding:24px; }
@media all and (max-width: 767px) { #lightboxgallery { margin-left:-24px; margin-right:-24px; }}
#lightboxgallery .thumbwrap { box-sizing:content-box; display:inline-block; text-align: center; vertical-align:middle; width:100px; height:100px; margin:8px; padding:8px; background-color:#fff; }

/* 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: #00ABA1; /* 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: 16px;
  height: 16px;
  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: #00ABA1; /* 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:bold;}


/* post section */

.isotope-filters { margin:24px auto; text-align:center; max-width:900px;}
.isotope-filters h3 { text-align:center; color:#b6b5b5; font-size:14px; line-height:16px; letter-spacing:1px; text-transform:uppercase;}
.isotope-filters button {
font-weight:500;
letter-spacing:1px;
text-decoration: none;
font-weight: normal;
line-height: 14px;
font-size: 14px;
text-align: center;
display:inline-block;
color:#6c6c6c;
background-color:#ededed;
border:none;
border-radius:4px;
padding:6px 9px;
white-space: nowrap;
margin:0px 6px 10px 0px;
}
.isotope-filters button:hover { background-color:#00b09b; color:#fff; text-decoration: none; cursor:pointer;}
.isotope-filters button.button-selected { background-color:#00b09b; color:#fff; }

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

.isotope-item { }

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

.isotope-margin { margin-bottom:24px; }

@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%; }
}

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

/* cards */

.iso-card { }

.iso-card a { display:block; width:100%;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.25);
}

.iso-card-image { position:relative; width:100%; height:auto; }
.iso-card-image-image { }
.iso-card-image-cover { position:absolute; top:0px; width:100%; height:100%; xbackground-color:rgba(0,0,0,0); }
.iso-card-image-tag { display:none; position:absolute; top:0px; right:0px; width:auto; height:auto; background-color:rgba(0,0,0,0.7); font-size:12px; line-height:12px; color:#fff; padding:10px; }

.iso-card-content { background-color:#fafafa; padding:20px; text-align:left; }
.iso-card-content-headline { color:#444; font-size:20px; line-height:26px; margin-bottom:10px; }
.iso-card-content-body { color:#555; font-size:14px; line-height:20px;  margin-bottom:10px; }

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

.iso-card a:hover .iso-card-image-cover { background-color:rgba(0,0,0,0.1); }
.iso-card a:hover .iso-card-content { background-color:#e7e7e7; } 


/* Special Banner */

.sp-banner-wrap { background-color:#fff; width:100%; }
.sp-banner-hold { display:block; max-width:1200px; margin:0 auto; }
.sp-banner-row { display:block; width:100%; }
.sp-banner-image { display:block; width:100%; vertical-align:bottom; }
.sp-banner-text { display:block; width:100%; vertical-align:bottom; }
.sp-banner-text-box { background-color:#fff; text-align:center; padding:24px;}
@media all and (min-width: 768px) {
	.sp-banner-wrap { margin-bottom:30px; }
	.sp-banner-hold { display:table; max-width:1300px; margin:0 auto; }
	.sp-banner-row { display:table-row; width:100%; }
	.sp-banner-image { display:table-cell; width:65%; vertical-align:middle; }
	.sp-banner-text { display:table-cell; width:35%; vertical-align:middle; }
	.sp-banner-text-box { margin-left:10px; text-align:left; }
}

.sp-banner-icon { color:#E88024; font-size:30px; line-height:30px; margin-bottom:18px; }

.sp-banner-text-box h3 { font-weight: 500; letter-spacing: 2px; text-transform: uppercase; font-size:16px; line-height:22px; margin-bottom:18px;}
.sp-banner-text-box p { font-weight: 300; font-size:15px; line-height:21px; }


/* Basic Landing Page */

.nav-card a { display:block; width:100%; margin-bottom:30px;
  /*-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);*/
}

.nav-card-image { position:relative; width:100%; height:auto; }
.nav-card-image-image { background-position:center center; background-size:cover; padding-bottom:80%; }
.nav-card-image-image-square { background-position:center center; background-size:cover; padding-bottom:100%; }
.nav-card-image-image-tall { background-position:center center; background-size:cover; padding-bottom:120%; }
.nav-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0); }
.nav-card-image-tag { position:absolute; top:0px; right:0px;  }
.nav-card-image-tag { color: #fff; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; xxxtext-shadow: 1px 1px 6px #000; background-color:rgba(0,0,0,0.5); padding:16px; }

.nav-card-content { position:absolute; bottom:0px; left:0px; background-color:#fff; padding:20px 40px 0px 0px; text-align:left; width:auto; max-width:80%; }
.nav-card-content-headline { color:#222; font-size:20px; line-height:26px; margin-bottom:4px; font-weight: 500; letter-spacing: 1.25px; text-transform: uppercase; }
.nav-card-content-headline-small { color:#222; font-size:17px; line-height:22px; margin-bottom:4px; font-weight: 500; letter-spacing: 1.25px; text-transform: uppercase; }

.nav-card-content-body { color:#222; font-size:14px; line-height:20px;  margin-bottom:0px; }


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

.nav-card a:hover .nav-card-image-cover { background-color:rgba(0,0,0,0.2); }
.nav-card a:hover .nav-card-content { padding-bottom:10px; padding-left:10px; } 


/* sponsor images */

.sponsor-logos { margin:24px 0px; margin:0 auto; text-align:center;}
.sponsor-logos p { display:inline-block; max-width:120px; margin:6px 6px; border:4px solid #eee;}
.sponsor-logos p a { display:inline-block; border:2px solid #fff;  transition: all 400ms ease;  }
.sponsor-logos p a:hover { display:inline-block; 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; }
}
.sponsor-logos-large { margin:24px 0px; margin:0 auto; text-align:center; }
.sponsor-logos-large p { display:inline-block; max-width:300px; margin:14px 12px; border:4px solid #eee;}
.sponsor-logos-large p a { display:inline-block; border:2px solid #fff;  transition: all 400ms ease;  }
.sponsor-logos-large p a:hover { display:inline-block; border:2px solid #ddd; }
.sponsor-logos-large p img { max-width:300px; border:20px solid #fff; width:100%!important; height:auto!important; }


/* Spring Training 2019 */

.sp-2019-wrap { width:100%; max-width:1030px; padding:0; margin:0px auto; background-color:#eee; }

.sp-2019-header { width:100%; background:#fafafa url('https://ctycms.com/az-tempe/spring-training-2019-header.jpg') center center no-repeat; background-size:cover; }
.sp-2019-stripe { width:100%; height:30px; background-color:#dae343; }
.sp-2019-content { width:100%; background-color:#fafafa; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;
	background: repeating-linear-gradient(
	  to right,
	  #ffffff,
	  #ffffff 20px,
	  #e5e5e5 20px,
	  #e5e5e5 21px
	);}

.sp-2019-intro { padding:30px 24px; }
.sp-2019-intro h1 { font-weight: 700; font-size:24px; line-height:28px; color:#00af9a; text-transform:uppercase;  max-width:610px; margin:0px auto 10px auto; }
.sp-2019-intro p { font-weight: 400; font-size:16px; line-height:26px; color:#222; max-width:650px; margin:0px auto; }

.sp-2019-circle-padding { padding:40px; }
.sp-2019-logo-padding { padding:40px; }

.sp-2019-footer { width:100%; background-color:#00af9a; padding:24px;}
.sp-2019-footer-inner { max-width:840px; margin:0 auto; }


.sp19-nav-card a { display:table; width:100%; margin-bottom:24px; }

.sp19-nav-card-content { display:table-row; width:100%; height:60px; background-color:#00af9a; vertical-align:center; text-align:center;  }
.sp19-nav-card-content-headline { display:table-cell; width:100%; height:60px; color:#fff; font-weight: 700; letter-spacing: 1.25px; text-transform: uppercase; vertical-align:middle; text-align:center; padding:0 16px; }

.sp19-nav-card-image { display:table-row; width:100%; height:380px;   }
.sp19-nav-card-image-image { display:table-cell; width:100%; height:auto; background-position:center center; background-size:cover; }
.sp19-nav-card-image-cover { width:100%;  height:380px; background-color:rgba(0,0,0,0); }

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

.sp19-nav-card a:hover .sp19-nav-card-content { background-color:#019682; } 
.sp19-nav-card a:hover .sp19-nav-card-image-cover { background-color:rgba(0,0,0,0.2); }



/* 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.5; text-transform:none; color:#652061; font-weight: 500; }
.pcovid p { margin:0 0 6px 0; }

.pcovgroups { font-style:italic; font-size:14px; line-height:1.3; margin:0 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:#652061; border:none; margin-right:4px; }

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


/* market vendors */

.markvendor-padding { padding-bottom:30px; }
.markvendor { border:1px solid #e1e1dc; height:100%; }

.markvendor-image { width:100%; padding-bottom:60%; background-position:center center; background-size:cover; }
.markvendor-content { padding:16px 20px; }
.markvendor h2 { margin:4px 0 12px 0; font-size:25px; line-height:30px; }

.markvendor-options { margin:16px 0px; }
.markvendor-options > div { margin:8px 0px; font-weight:700;}
.markvendor-option-icons { display:inline-block; width:30px; height:30px; font-size:16px; line-height:30px; border-radius:50%; text-align:center; }
.markvendor-option-icons { text-decoration:none; color:#fff; background-color:#E97F24; border:none; margin-right:4px; }

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



p.markvendor-contact { margin:8px 0 0 0; font-size:14px; line-height:30px; }

/* parking boxes */

.col-margin-bottom { margin-bottom:30px; }
.parking-box { width:100%; height:100%; border:1px solid #652061; }

.parking-box h3 { width:100%; padding:8px 20px; background-color:#652061; color:#fff; margin:0; }

.parking-box p { padding-left:20px; padding-right:20px; font-size:15px; line-height:21px; margin-top:18px; margin-bottom:18px; }

.parking-box .btn-brand { background-color:#652061; }
.parking-box .btn-brand:hover { background-color:#652061; }

/* triangles */

.triangles-green { width:100%; 
	/* background by SVGBackgrounds.com */
background-color: #00aba1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='540' height='450' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
background-size: auto auto;
background-position: center center; }
.triangles-green h1 { font-weight:300; color:#fff; }


/* Story Map */

/* NOTE: We use the browser's smooth scroll behavior only if the user has indicated no motion preferences */

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

.storymap-container {
  margin: 0 auto;
  width: 100%;
  max-width:1100px;
  box-shadow: 0px 0px 8px 0px rgba(158,158,188,0.15);
}

.storymap-hold {
	border: 2px solid white;
	background-color: white;
}
.storymap-map {
	width: 100%;
	height: 500px;
}
.storymap-content {
	width: 100%;
	min-height: 100px;
	padding: 24px;
}
#perfect-day-map {
	width: 100%;
	height: 500px;
	background-color: #e8e0d8;
}
.hide-desktop { display:block; margin-top:8px;  }
@media all and (min-width: 998px) {
  .hide-desktop { display:none; }
	.storymap-hold {
		display: flex;
		/* flex-direction: row-reverse; */
		width: 100%;
		height: 904px;
	}
	.storymap-map {
		width: 55%;
		height: auto;
	}
	.storymap-content {
		width: 45%;
		height: auto;
		padding: 40px;
    overflow-y: scroll;
	}
	#perfect-day-map {
		width: 100%;
		height: 900px;
		top: 0px;
		position: sticky;
		position: -webkit-sticky; /* need for safari */
	}
}

/* table styles */

.perfecttable {
	margin: 0px 0 20px 0px;
}
.perfecttable tr {
	/* NOTE: Scroll-margin-top applies a slight vertical offset to the cards when clicking on a map icon to set the side postion */
	scroll-margin-top: 50px;
	vertical-align: top;
	z-index: 1;
}

.perfecttable td { padding-bottom:50px; }
.perfecttable hr { border-color: #f7f2e7; }

.perfect-card { width:100%; }
.perfect-card-image { position:relative; padding-top:15px;}
.perfect-card-image-image { width:100%; padding-bottom:100%; background-size:cover; background-position:center center; }
.perfect-card-caption { font-size:0.75rem;  margin-top:0.5rem; }
.perfect-card-image-num { position:absolute; top:0px; left:24px; width:30px; height:30px; background-color:var(--cty-alink); color:white; border-radius:15px; 
  text-align:center; font-size:0.75rem; line-height:30px; font-weight:700; }

.perfect-card-content { padding-top:1.5rem; }
.perfect-card-content-title { font-weight:700; font-size: 1.3rem; margin-bottom: 0.5rem; text-wrap:balance; }
.perfect-card-content-address { font-weight: 600; font-size:1rem; }
.perfect-card-content-body p { margin-top:1rem; font-size:1rem; }
.perfect-card-content-action { color:inherit; }


/* tempe blooms */

.blooms-hero-bg { background: #ef5353 url('https://ctycms.com/az-tempe/blooms_header_bg_1000x320v4.svg') center center; background-size:2500px 800px; }
.blooms-hero-logo { width:100%; max-width:700px; padding:120px 40px; margin:0 auto; }
@media all and (min-width: 998px) {
  .blooms-hero-bg { background-size:3000px 960px; }
}