body,html {
  height:100%;
  font-family: 'futura-pt', Arial, sans-serif;
  background-color:#222;
  -webkit-font-smoothing: antialiased;
}

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

#video-fixed {
	position: fixed;
  	width: 100%;
  	height: 100vh;
  	top: 0;
  	z-index:1;
	overflow:hidden;
}

#video-fixed-video {
    background: url('https://img.ctykit.com/cdn/co-rino/video-cover-960-540-50.jpg') no-repeat center center;
    background-size: cover;
    right: 0;
    top: 0;
    height: auto;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    position: fixed;
    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;
}

#over-video { width:100%; position:absolute; z-index:2; top:0; }

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

#page-header.is-fixed {
  position: fixed;
  z-index: 999999;
  width:100%;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}

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

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


/* responsive support */

.container-fluid-nav { max-width:1400px;  padding:0 24px; margin:0 auto; }
.container-fluid { max-width:1160px; padding:0 24px; margin:0 auto; }
.container-fluid-wide { max-width:1440px; padding:0 24px; margin:0 auto; }
.container-fluid-skinny { max-width:960px; padding:0 24px; margin:0 auto; }

.white-bg { background-color:#fff; }
.silver-bg { background-color:#f0f0f0; }
.main-padding { padding-top:16px; padding-bottom:16px; }
.row-intro-padding { padding-top:20px; padding-bottom:18px; }
.row-body-padding { padding-top:0px; padding-bottom:10px; }
.row-intro-padding h2, .row-intro-padding h1 { margin:0px; }

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


/* white box */

.white-box { background-color:#fff; border-bottom:2px solid #7e7e7e; margin-bottom:30px; }
.white-image p { margin:0; padding:0; }
.white-text { padding:16px 16px 6px 16px; }
@media all and (min-width: 768px) { .white-text { padding:30px 30px 16px 30px; margin:0; }}


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

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


/* responsive features */

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

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

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

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

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


/* sponsor logos */

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


/* alert box */

.alert-wrap { background-color:#21B9D0; color:#fff; }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:none; 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: #222;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

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

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

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

#dismiss-alert { color:#222; text-decoration:none; }

#page-header.is-fixed .alert-wrap { display:none; }


/* global typography */

h1 { color:#212121; font-weight:700; font-size: 32px; margin-top:8px; margin-bottom:1rem; }
@media all and (min-width: 768px) { h1 { font-size: 38px; }}  
h2 { color:#212121; font-weight:700; font-size:21px; line-height:1.36; text-transform:uppercase; letter-spacing:0.060rem; } 
h3 { color:#555555; font-weight:700; font-size:21px; line-height:1.36; } 
h4 { color:#212121; font-weight:500; }
h5 { color:#212121; font-weight:500; }
h6, h2.on-detail { color:#111; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:14px; line-height:20px; margin-top:20px; }

p, li { font-size:18px; line-height:1.44; color:#555; }
p.intro { font-size:21px; line-height:1.36; }

label { font-size:15px; line-height:19px; color:#555; font-weight:normal; }

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

a { color:#D14200; text-decoration:none; }
a:hover { color:#FC6B2D; text-decoration:none; }

a div.lnk-primary { color:#D14200; font-weight:700; font-size:18px; line-height:23px; }
a div.lnk-secondary { color:#444; font-weight:400; font-size:16px; line-height:20px; margin-top:3px; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#FC6B2D; }
a:hover div.lnk-secondary { color:#888; }

b,strong { font-weight:700; }

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


.btn-rinoform { background-color:#666; text-transform:uppercase; color:#fff; font-weight:400; letter-spacing:1px; font-size:14px; line-height:18px; border:0px solid #222; border-radius:3px; padding:8px 12px 6px 12px; }
.btn-rinoform:hover { background-color:#222; color:#fff; }

.btn-rino { background-color:inherit;text-transform:uppercase; color:#222; font-weight:400; letter-spacing:1px; border:1px solid #222; border-radius:0px; }
.btn-rino:hover { background-color:#444; color:#fff; }

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

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

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


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


.btn-outline-brand { background-color:#fff; font-weight:400; text-transform:uppercase; color:#D14200; letter-spacing:0.100rem; border:1px solid #D14200; font-size:14px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#FC6B2D; border-color:#FC6B2D; 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; }

/* for bloomerang form */
.btn-submit { margin-top:24px; background-color:#D14200; font-weight:400; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #D14200; font-size:14px; transition: all 0.15s linear 0s; }
.btn-submit:hover { background-color:#FC6B2D; border-color:#FC6B2D; color:#fff; }


.btn-margin { margin:4px 2px; }

/* accordian */

dl { display:block; margin:10px 0px; }
dt { display:block; background-color:#ccc; cursor:pointer; padding:20px; font-size:18px; line-height:26px; margin-top:1px; }
dd { display:block; background-color:#eee; padding:20px; }

dt.is-closed { color:#333; }
dt.is-closed:before{
	position: relative;
	top: 1px; right:2px;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  content: "\f078";
  float:right;
}

dt.is-open { color:#555; }
dt.is-open:before{
	position: relative;
	top: 1px; right:2px;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  content: "\f077";
  float:right;
}

/* share buttons */

.share-h1-hold {  }

.share-button-wrap { width:100%; margin-top:12px; height:40px; }
@media all and (min-width: 768px) {
	.share-button-wrap { width:180px; float:right; }
}

.share-button { display:table; float:right; }
.share-button-left { width:80px; height:40px; display:table-cell; vertical-align:top; background: #f06422 url('https://ctycms.com/co-rino/share-bg.svg') bottom left no-repeat; background-size: 90px 8px;}
.share-button-right { width:84px; height:40px; display:table-cell; vertical-align:top; }
.share-button-fb { background-color:#f06422; }
.share-button-tw { background-color:#f06422; }


.share-button-text { cursor:pointer; text-align:center; }
.share-button-text { font-family: 'futura-pt',sans-serif; color: #fff; font-weight: 700; letter-spacing: 1px; font-size: 15px; line-height: 32px; }

.share-button a { display:inline-block; color:#fff; text-decoration:none; text-align:center; width:42px; font-size: 15px; line-height: 32px; border-left:1px solid #fff; border-bottom:8px solid #fff; float:left; }
.share-button a:hover { color:#fff; text-decoration:none; } 

.share-button-left:hover { background-color:#f9844d; }
.share-button-fb:hover { background-color:#f9844d; }
.share-button-tw:hover { background-color:#f9844d; }


/* footer */

footer { background-color:#3c3c3c; color:#fff; padding:24px 0px;}
footer h3 { color:#fff; margin:0; padding:0; font-size:15px; line-height:20px; margin-bottom:24px;}
footer p { color:#fff; margin:0; padding:0; font-size:15px; line-height:20px; }
footer a { color:#fff;}

footer .footer-social { min-width:180px; }
footer .footer-social a { display:inline-block; width:44px; height:44px; font-size:22px; line-height:44px; border-radius:50%; text-align:center; margin:0 6px 8px 0; }
footer .footer-social a { text-decoration:none; color:#fff; background-color:#000; border:none; transition: all 0.15s linear 0s;}
footer .footer-social a:hover { color:#D14200; background-color:#fff; }


.footer-contact { text-align:center; margin-bottom:24px;}
.footer-actions { text-align:center; margin-bottom:24px;}
.footer-sponsors { text-align:center; }
@media all and (min-width: 992px) {
	.footer-actions { margin-bottom:0px; }
}
@media all and (min-width: 1200px) {
	.footer-contact { text-align:left; margin-bottom:0px; }
	.footer-actions { text-align:left; }
	.footer-sponsors { text-align:right; }
}

footer p.footer-mobile-links { line-height:30px; text-align:center; margin-bottom:6px;}
footer p.footer-desktop-links { line-height:30px; text-align:center; margin-bottom:6px; display:none; }
@media all and (min-width: 992px) {
	footer p.footer-mobile-links { display:none; }
	footer p.footer-desktop-links { display:block; }
}

.footer-form form { padding:0; margin:6px 0px; width:100%; background-color:inherit; height:auto; display:inline-block; border:1px solid #aaa; }

.footer-form input[type="text"]{  
  color:#fff;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:80%;
  float:left;
  text-align:left;
  padding-left:10px;
  font-size:13px;
  line-height:30px;
  font-family: 'futura-pt',sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  
}

.footer-form .footer-submit {
  font:13px/30px sans-serif;
  font-weight:400;
  color:#fff;
  background:transparent;
  border:none;
  padding:0;
  margin:0;
  width:10%;
  float:right;
  text-align:right;
  padding-right:10px;
}

#footer ::-webkit-input-placeholder { color:#eee; opacity: 1; }
#footer :-moz-placeholder { color:#eee; opacity: 1; }
#footer ::-moz-placeholder { color:#eee; opacity:1; }
#footer :-ms-input-placeholder { color:#eee; opacity: 1; }

/* citylight social grid */

.citylight-social-grid { width:100%; border-left:0px solid #fff; border-bottom:0px 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:0px solid #fff;
  border-top:0px 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; }
}



/* banner */

.no-banner { width:100%; border-top:1px solid #eee; }

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


/* banner 02019 */

.banner-text { width:100%; background-color:#eee; border-bottom:1px solid #fff; background-position:center center; background-size:cover; }
.banner-text-darken { 
	/*background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 40%, rgba(0,0,0,0.6) 100%);*/
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.6) 100%);
}

.banner-text-table { display:table; width:100%; max-width:900px; height:auto; margin:0 auto; }
.banner-text-cell { display:table-cell; text-align:center; vertical-align:bottom; color:#fff; padding:16px 24px; height:300px;  }
.banner-text-cell h1, .banner-text-cell h2, .banner-text-cell h3, .banner-text-cell p { color:#fff; }
@media all and (min-width: 768px) { 
	.banner-text-row { padding:100px 24px 100px 24px; min-height:360px;}
}


/*sidenav */

#sidenav { width:100%; height:auto; padding:0; margin-bottom:0px; }

.sidenav-toggle { display:none; }

/* section label */

#snavsection { }
#snavsection a { display:block; color:#fff; font-weight:400; font-size:21px; line-height:30px; font-style:italic; letter-spacing:1px; padding:16px 24px; background-color:#222222; }
#snavsection a:hover { color:#eee; text-decoration:none; background-color:#000; }

#sidenav-drawer { display:block; background-color:#e4e4e4;}

#sidenav ul { padding:0; margin:0; }
#sidenav-drawer > ul { border-bottom:1px solid #fff; margin-bottom:32px;}
#sidenav li { padding:0; margin:0; list-style:none; }
#sidenav li a { display:block; text-decoration:none; }

/* secondary level */

#sidenav li a { font-weight:700; font-size:13px; line-height:18px; letter-spacing:1px; color:#555; padding: 16px 24px; border-top:1px solid #fff;} 
#sidenav li a:hover { background-color:#ccc; color:#333; }
#sidenav li a.activeitem { background-color:#ccc; color:#333; }
#sidenav li.openfolder ul { display:block;}
#sidenav li.closedfolder ul { display:none;}

/* third level */

#sidenav li ul { background-color:#ccc; padding-bottom:20px;} 
#sidenav li ul li { } 
#sidenav li ul li a { font-weight:700; font-style:normal; font-size:13px; line-height:18px; letter-spacing:0px; color:#111;  padding: 6px 24px 6px 30px; border-top:0px solid #fff; } 
#sidenav li ul li a:hover { color:#F16422; }
#sidenav li ul li a.activeiteminner { color:#F16422; }

/* fourth level */

#sidenav li ul li ul { background-color:#EAE8E8; padding-bottom:6px;} 
#sidenav li ul li ul li { } 
#sidenav li ul li ul li a { font-weight:700; font-style:normal; font-size:12px; line-height:16px; letter-spacing:0px; color:#111;  padding: 6px 24px 6px 36px; border-top:0px solid #fff; } 
#sidenav li ul li ul li a:hover { color:#F16422; }
#sidenav li ul li ul li a.activeiteminner { color:#F16422; }



/* detail header */

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

.detail-header { width:100%; background:#fafafa; border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2; }

.detail-header h1 { }

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

a.btn-header-groups { background-color:rgba(255, 255, 255, 0); 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:#D14200; border:2px solid #D14200; }
a.btn-header-groups:hover { background-color:rgba(255, 255, 255, 1); color:#FC6B2D; border-color:#FC6B2D; }



/* home video hero */

.hero-text-holder { display:table; width:100%; max-width:1440px; height: 66vh; margin:0 auto;}
.hero-text { display:table-cell; width:100%; vertical-align:middle; text-align:left; padding:24px; }
.hero-text-main { width:100%; max-width:400px; height:auto; }

.under-hero { width:100%; background-color:rgba(10,10,10,0.25); padding-top:30px;}

/* cards */


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

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

.card-image { position:relative; }

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

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

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

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

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

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

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


.card-content { background-color:#fff; padding:20px; text-align:left;}
.card-home .card-content { background-color:#eee;}

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

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

.card-content .card-content-subhead { color:#111; font-weight:700; text-transform:uppercase; letter-spacing:1px; font-size:14px; line-height:20px; margin-bottom:10px;}
.card-content .card-content-headline { color:#444; font-weight:700; font-size:28px; line-height:32px; margin-bottom:10px; }
.card-content .card-content-body { color:#555; font-size:16px; line-height:24px;  margin-bottom:10px;}

.isotope-item .card-content .card-content-headline { font-size:28px; line-height:32px; }
.isotope-item-basic .card-content .card-content-headline { color:#444; font-weight:700; font-size:26px; line-height:30px; }

a:hover .card-content { background-color:#F16422; }
a:hover .card-content .card-content-subhead { color:#ddd; }
a:hover .card-content .card-content-headline { color:#fff; }
a:hover .card-content .card-content-body { color:#111; }



/* basic media links */

.lk { }
.lk a { display:block; background-color:inherit; margin:0; padding:16px 0px; }
.lk a:hover { text-decoration:none; }
.lkimg { float:right; width:100px; margin-left:20px; padding-bottom:16px;}
.lk-head { margin:0; }
.lk a:hover .lk-head { text-decoration:underline; }


/* basic landing  */

a.no-decoration:hover { text-decoration:none!important;}
.highlights { background-color:#fff; padding:16px; margin-bottom:24px;}
.highlightsheadline { font-family:'futura-pt',sans-serif; color:#666; font-weight:700; font-size:30px; line-height:36px; letter-spacing:-1px; margin:12px 0;}


/* basic landing guide */

.lg-outer { margin: 0 auto;}

.lg a { display:block; width:100%; background-color:#333; text-align:center; color:#fff; font-size:16px; line-height:20px; padding:6px 10px; margin-bottom:16px; max-width:560px;}
.lg a:hover { text-decoration:none;}
.lg .fa { }
.lg-odd a { float:left; text-align:right;}
.lg-even a { float:right; text-align:left;}
.lg-odd .fa-caret-right { display:none; } 
.lg-odd .fa-caret-left { float:left; } 
.lg-even .fa-caret-left { display:none;} 
.lg-even .fa-caret-right { float:right;} 

.lg-58 a { background-color:#21b9d0; }
.lg-50 a { background-color:#f16422; }
.lg-55 a { background-color:#1d773c; }
.lg-60 a { background-color:#244185; }
.lg-61 a { background-color:#244185; }
.lg-19 a { background-color:#244185; }
.lg-45 a { background-color:#f4b425; }
.lg-54 a { background-color:#f4b425; }
.lg-42 a { background-color:#9fcc3b; }
.lg-44 a { background-color:#9fcc3b; }
.lg-28 a { background-color:#9fcc3b; }
.lg-53 a { background-color:#b92025; }
.lg-57 a { background-color:#b92025; }
.lg-63 a { background-color:#5d2b82; }



/* isotope */

.button-group { text-align:center;}
.button-group button {
font-family:'futura-pt',sans-serif;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
text-decoration: none;
font-weight: normal;
line-height: 13px;
font-size: 13px;
text-align: center;
display:inline-block;
background-color:#ccc; color:#fff;
border:1px solid #fff;
padding:8px 10px;
white-space: nowrap;
margin-right:3px;
margin-bottom:6px;
}

.button-group button:hover { background-color:#FC782D; color:#fff; text-decoration: none; }
.button-group button.button-selected { background-color:#444; color:#ddd; }
.button-group button i { color:#fff; }
.button-group button.button-selected i {color:#FC782D; }
.button-group button:hover i { color:#fff; }


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

.isotope-item { }

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

.isotope-margin { }

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

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

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

.isotope-item-basic { }

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

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

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

/* map markers and popups */

.smarker {  width: 24px; height: 36px; cursor: pointer; }
.smarker-bg { position:absolute; width:24px; height:36px; fill:#111; }
.smarker-bg-orange { position:absolute; width:24px; height:36px; fill:#d14200; }

.smarker-i { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#fff; }
.smarker-number { position:absolute; width:24px; height:36px; text-align:center; font-size:11px; line-height:24px; color:#fff; font-family: 'futura-pt', sans-serif; font-weight:700; }

.smarker-small {  width: 16px; height: 24px; cursor: pointer; }
.smarker-small-bg { position:absolute; width:16px; height:24px; fill:#21B9D0; } /* rino blue */
.smarker-small-i { position:absolute; width:16px; height:24px; text-align:center; font-size:8px; line-height:18px; color:#fff; }

.smarker-bg-mega-place { position:absolute; width:24px; height:36px; fill:#21B9D0; }
.smarker-bg-mega-event { position:absolute; width:24px; height:36px; fill:#9FCC3B; }
.smarker-bg-mega-mural { position:absolute; width:24px; height:36px; fill:#f14200; }


.rino-orange { fill:#F16422; }
.rino-blue { fill:#21B9D0; }
.rino-darkgreen { fill:#F16422; }
.rino-darkblue { fill:#244185; }
.rino-yellow { fill:#F4B425; }
.rino-green { fill:#9FCC3B;}
.rino-red { fill:#B92025; }
.rino-purple { fill:#5D2B82; }

.mapboxgl-map { font-family:inherit; }
.mapboxgl-ctrl-attrib.mapboxgl-compact { min-height:24px; } /* bug fix */
.mapboxgl-popup { width: 220px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:30px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content h3 { font-family: 'futura-pt', sans-serif; font-weight:700; margin:0 0 4px 0; color: #222; font-size:20px; line-height:1.25; text-transform:none; letter-spacing:0; }
.mapboxgl-popup-content h5 { font-family: 'futura-pt', sans-serif; font-weight:400; margin:0; font-size:15px; line-height:1.25; color:#222; }
.mapboxgl-popup-content p { font-family: 'futura-pt', sans-serif; font-weight:400;  margin:12px 0 0 0; font-size:14px; line-height:20px;}

.mapboxgl-popup-content h3.popup-mural { }
.mapboxgl-popup-content h3.popup-mural-small { font-size:18px; }
.mapboxgl-popup-content h4.popup-mural { font-family: 'futura-pt', sans-serif; font-weight:700; margin:0 0 4px 0; font-size:14px; line-height:1.25; color:#666; text-transform:uppercase; letter-spacing:0.100rem; }


/* point-section */

.refine { text-align:center; font-size:11px; line-height:13px; text-transform:uppercase; font-weight:700; color:#222; letter-spacing:1px; margin-top:40px;}

.section-filters { margin:16px 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-family:'futura-pt',sans-serif;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:1px;
  text-decoration: none;
  font-weight: normal;
  line-height: 13px;
  font-size: 13px;
  text-align: center;
  display:inline-block;
  background-color:#ccc; color:#fff;
  border:1px solid #fff;
  padding:6px 8px;
  white-space: nowrap;
  margin-right:3px;
  margin-bottom:6px;
}
.section-filters a:hover { background-color:#FC782D; color:#fff; text-decoration: none; }
.section-filters a.selected { background-color:#444; color:#ddd; }
.section-filters a i { color:#fff;}
.section-filters a.selected i {color:#FC782D;}
.section-filters a:hover i { color:#fff;}


.ps-wrap { width:100%; height:auto; padding:0; margin:0; background-color:#F2F2F2; }
.ps-container { width:100%; height:auto; padding:0; margin:0;}
.ps-row { width:100%; padding:0; margin:0;}
.ps-cell1 { display:block; width:100%; height:auto; padding:0; margin:0; background-color:#fff;}
.ps-cell2 { display:block; width:100%; height:auto; padding:0; margin:0; background-color:#fff;}
#point-section-map #clmap { width:100%; height:460px; max-height:70vh; position:relative;  background-color:#fafafa; }
#point-section-content { height:auto; padding:24px; }
@media all and (min-width: 768px) {
	.ps-container { display:table; width:100%; max-width:1800px; max-height:100vh; padding:0; margin:0 auto;}
	.ps-row { display:table-row; width:100%;}
	.ps-cell1 { display:table-cell; width:auto; vertical-align:top; position:relative;}
	.ps-cell2 { display:table-cell; width:384px; vertical-align:top; }
	#point-section-map #clmap { position: absolute; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100%; max-height:100%; max-height:100vh; }
	#point-section-content { height:80vh; overflow-y: scroll; }
}

.pst-crow-key { color:#222; text-align:right; opacity:0.5; font-size:14px; font-weight: 500; }
.pst-crow-key img { display:inline-block; }

#point-section-results { margin-top:24px; margin-bottom:24px; }
.pst { font-family:'futura-pt',sans-serif; clear:both; border-top:1px solid #fff; font-weight:500; font-size:15px; padding-top:2px; padding-bottom:8px; color:#444;}
.pst a { font-size:18px; font-weight:400;}
.pst a:hover { text-decoration:none;}

.pst-featured a { font-size:19px; font-weight:700; }
.pst-featured a img { display:inline-block; }


/* point-section-wide first-fridays*/

#point-section-wide #clmap { width:100%; height:300px; max-height:60vh; background-color:#fafafa; }
@media all and (min-width: 768px) { #point-section-wide #clmap { height:400px; max-height:60vh; }}
@media all and (min-width: 992px) { #point-section-wide #clmap { height:500px; max-height:60vh; }}


/* point detail pages */

#point-detail #clmap { width:100%; height:160px; background-color:#fafafa; }
@media all and (min-width: 560px) { #point-detail #clmap { height:180px; }}
@media all and (min-width: 768px) { #point-detail #clmap { height:240px; }}
@media all and (min-width: 992px) { #point-detail #clmap { height:300px; }}

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

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

.ftn { }
.ftn ul { list-style-type: none; padding-left:0; margin-left:0; margin-bottom:30px;}
.ftn .ftnname { }
.ftn .ftnaddress { font-size:90%; color:#888; }
.ftn .ftndistance { font-size:90%; color:#aaa; font-style:italic; }

.point-detail-deal-wrap {
	margin-top:24px; margin-bottom:30px;
}
.point-detail-deal {
	background-color:#eee;
	padding:20px;
	border-bottom:2px solid #7e7e7e;
}



/* event-detail */

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





/* side stories */

.side-stories-logo { display:block; width:100%; padding-right:50%; margin:12px 0px; }
.side-stories-owl-mobile { display:block; }
.side-stories-owl-desktop { display:none; }

@media all and (min-width: 768px) {
	.side-stories-logo { float:right; padding:0; margin:4px 0px 10px 20px; max-width:50%; }
	.side-stories-owl-mobile { display:none; }
	.side-stories-owl-desktop { display:block; }
	
}



/* Owl Gallery */

.owl-wrapper { margin-bottom:24px; }

.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: #F16422; /* rino */
  color: #fff;
  text-decoration: none; 
}
.owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; }

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


/* form submit event */

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

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

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

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

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


/* basic snake 2022 */

.snake22-wrap { width:100%; background-color:#fafafa; padding-bottom:30px; }
.snake22-container { width:100%; max-width:1200px; background-color:#fff; margin:0 auto; -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
}
.snake22-row { display:block; }
.snake22-image { display: block; width:100%; padding-bottom: 90%; background-size:cover; background-position:center center; }
.snake22-content { display: block; background-color:#fff; padding:30px; }
.snake22-content p { font-size:0.9rem; }
@media all and (min-width: 576px) {
	.snake22-image { padding-bottom: 50%; }
}
@media all and (min-width: 768px) {
	.snake22-row { display:flex; }
	.snake22-row-alternate { flex-direction: row-reverse; }
	.snake22-image { width:50%; padding:0; }
	.snake22-content { width:50%; padding:60px; }
}
@media all and (min-width: 992px) {
	.snake22-content { padding:90px; }
}
@media all and (min-width: 1200px) {
	.snake22-content { padding:120px; }
}

.snake22-content h2 { color:#111; }
.snake22-content p { color:#111; font-size:17px; line-height:24px;}
.snake22-content hr { width:100px; background-color:#21B9D0; height:3px; text-align:left; margin-left:0px; margin-right:0px ;}



/* basic landing update */

.basic-landing-content-box { border-top: 2px solid #7e7e7e; margin:24px 0; }
.basic-landing-content-box-max { max-width:990px; margin:0px auto; padding-top:24px; }


/* event toaster */

.toaster-controls { display:table; width:auto; max-width:800px; margin:0 auto; margin-top:30px;}
.toaster-left { display:table-cell; width:60px; vertical-align:top; text-align:left; }
.toaster-right { display:table-cell; width:60px; vertical-align:top; text-align:right; }
.toaster-middle { display:table-cell; width:auto; vertical-align:top; }

.toaster-links { display:inline-block; width:36px; height:36px; background-color:#444; color:#fff; border-radius:24px; text-align:center; vertical-align:middle; font-size:20px; line-height:36px; }
.toaster-links:hover { background-color:#FC782D; border-color:#FC782D; color:#fff; }
.toaster-title { color:#222; font-weight:700; font-style:normal; font-size:24px; line-height:28px; text-align:center; }
.toaster-types { padding-top:8px; padding-bottom:8px; color:#222; font-size:18px; line-height:18px; text-align:center; }

a.toaster-pill {
font-family:'futura-pt',sans-serif;
font-weight:700;
text-transform:uppercase;
letter-spacing:1px;
text-decoration: none;
font-weight: normal;
line-height: 13px;
font-size: 13px;
text-align: center;
display:inline-block;
background-color:#ccc; color:#fff;
border:1px solid #fff;
padding:8px 10px;
white-space: nowrap;
margin-right:4px;
margin-left:4px;
margin-bottom:6px;
}

a.toaster-pill:hover { background-color:#FC782D; color:#fff; text-decoration: none; }
a.toaster-pill-selected { background-color:#444; color:#ddd; }
a.toaster-pill i { color:#fff; }
a.toaster-pill-selected i {color:#FC782D; }
a.toaster-pill:hover i { color:#fff; }

.toaster-range { display:none; padding-bottom:24px; width:100%; max-width:468px; margin:0 auto; }



/* artists, murals, walls 2021 */

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

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


f
/* murals section */

.ms-wrap { width:100%; height:auto; padding:0; margin:0; background-color:#F2F2F2; }
.ms-container { width:100%; height:auto; padding:0; margin:0;}
.ms-row { width:100%; padding:0; margin:0;}
.ms-cell1 { display:block; width:100%; height:auto; padding:0; margin:0; background-color:#fff;}
.ms-cell2 { display:block; width:100%; height:auto; padding:0; margin:0; background-color:#fff;}
#mural-section-map #clmap { width:100%; height:460px; max-height:70vh; position:relative;  background-color:#2E2E2E; }
#mural-section-content { height:auto; padding:24px; background-color:#f0f0f0; }
@media all and (min-width: 992px) {
	.ms-container { display:table; width:100%; max-width:2200px; max-height:100vh; padding:0; margin:0 auto;}
	.ms-row { display:table-row; width:100%;}
	.ms-cell1 { display:table-cell; width:auto; vertical-align:top; position:relative;}
	.ms-cell2 { display:table-cell; width:500px; vertical-align:top; }
	#mural-section-map #clmap { position: absolute; top:0; left: 0; right: 0; bottom: 0; width:100%; height:100%; max-height:100%; max-height:100vh; }
	#mural-section-content { height:80vh; overflow-y: scroll; }
}

/* mapbox popup */
.popimg { width:100%; padding-bottom:50%; background-color:#ddd; background-position:center center; background-size:cover; margin-bottom:12px; }



.mst { margin-bottom:30px; max-width:500px; }
.mst a { display:block; position:relative; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); }

.mst a .mst-image { position:relative; width:100%; padding-bottom:50%; background-color:#ddd; }
.mst a .mst-image-bg { position:absolute; top:0; width:100%; height:100%; background-position:center center; background-size:cover; }
.mst a .mst-image-cover { position:absolute; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.01); transition: all .5s;}

.mst-artists { position:absolute; bottom:24px; right:24px; background-color:#000; color:#fff; padding:4px 12px; border-radius:30px; font-weight:400; font-size:15px; }
.mst-location { position:absolute; top:24px; left:24px; background-color:#d14200; color:#fff; padding:4px 12px; border-radius:30px; font-weight:700; font-size:14px; }

.mst-content { padding:18px 18px; background-color:#fff; }
.mst-content-headline { color:#222; font-weight:700; font-size:22px; line-height:1.25; margin-bottom:4px; }
.mst-content-address { color:#222; vertical-align:middle; }
.mst-content-mapit { display:none; }
@media all and (min-width: 992px) {
  .mst-content-mapit { display:inline-block; margin-left:10px; background-color:#D14200; font-weight:400; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:0; font-size:10px; line-height:16px; transition: all 0.15s linear 0s; padding: 1px 8px; border-radius:60px; }
  .mst-content-mapit:hover {  background-color:#FC6B2D; color:#fff; }
}

.mst a:hover .mst-image-cover { background-color:rgba(0,0,0,0.2); }
.mst a:hover .mst-content-headline { color:#FC6B2D; }


/* mural detail */

.mural-nav-button-margin { margin:24px 0; }

.container-mural { width:100%; max-width:1160px; margin:0 auto; }

.mural-hero { width:100%; padding-bottom:50%; background-color:#eee; background-size:cover; background-position:center center; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); }

.mural-facts { }
.mural-facts h1 { margin-bottom:2px; }
.mural-facts-gone { display:inline-block; background-color:#212121; font-weight:400; text-transform:uppercase; color:#fff; letter-spacing:0.050rem; border:0; font-size:14px; line-height:16px; padding: 4px 14px; border-radius:60px;  margin:6px; }
.mural-facts-wall { font-weight:500; margin:3px 0; }
.mural-facts-history { font-weight:500; margin:3px 0; }


.mural-artist { display:block; background-color:#fff; box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25); border-top:0px solid #212121; }
.mural-artist-supporter { border-color: #21B9D0; }
.mural-artist-member { border-color: #FC6B2D; }

.ma-image { background-color:#eee; }
.ma-image-image { width:100%; background-position:center center; background-size:cover; }
.ma-content { padding:18px 18px 18px 18px; text-align:left; }
.ma-content-little-header { font-size:12px; line-height:1; text-transform:uppercase; letter-spacing:0.050rem; margin-bottom:0.5rem; }
.ma-content-name { color: #212121; font-weight: 700; font-size: 21px; line-height: 1.36; margin-bottom:0.5rem; }
.ma-content-name span { display:inline; white-space: nowrap; }
.ma-content-name span img { display:inline-block; }
.ma-content p { margin-bottom:0.5rem; }
.ma-content p span { color:#ccc; }


/* first friday 2023 */

/* generic card */

.image-cover { background-position:center center; background-size:cover; }
.gcard { display:block; background-color:#fff; 
  webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.15);
  transition: all 400ms ease;
}
.gcard:hover { display:block; background-color:#fff; 
  webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.35);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.35);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.35);
}
.gcard-image { xborder-top:4px solid #222; background-color:#666; }
.gcard-content { padding:24px 30px 24px 24px; text-align:left; }
.gcard-content-name { color: #444; font-weight: 700; font-size: 32px; line-height: 1.2; margin-bottom: 4px; letter-spacing:-0.080rem; } 
.gcard-content-extra { color:#444; font-weight: 700; font-size: 20px; line-height: 1.2; margin-bottom: 4px; letter-spacing:-0.050rem; }

.gcard-content-link { margin:16px 0; }

.gcard-content-link .btn-brand-pill { font-size: 14px; }

.gcard-content-table { display:table; width:100%;  margin-bottom:5px; }
.gcard-content-table-icon { display:table-cell; width:20px; vertical-align:top; text-align:center; color: #444; font-weight: 400; font-size: 20px; }
.gcard-content-table-txt { display:table-cell; width:auto; vertical-align:top; text-align:left; padding-left:12px; color: #444; font-weight: 500; font-size: 20px; line-height: 1.2; }
.gcard-content-table-txt a { text-decoration:none; }
.gcard-content-table-txt small { display:block; color: #111; font-weight: 400; font-size: 16px; line-height: 1.2; padding-top:3px; }

.gcard-itin { padding:12px 20px 12px 46px; text-align:left; background-color:#ddd; transition: all 400ms ease; position:relative; }
.gcard-itin span { text-transform:uppercase; font-size:12px; line-height:16px; font-weight:700; letter-spacing:0.100rem; cursor:pointer; }

.ft-box { border:3px solid #fff; transition: all 0.15s linear 0s; }
.ft-box-black { border:3px solid #222; }
.ft-box-selected { border-color:#D14200; }

.ft-box .gcard-itin { background-color:#ddd; color:#111; }
.ft-box-selected .gcard-itin { background-color:#D14200; color:#fff; }

.ff-rino-crow-white { position:absolute; top:16px; left:20px; display:inline-block; width:18px; height:18px; background:url('https://ctycms.com/co-rino/crow-60x60.svg') center center no-repeat; background-size:cover; }
.ff-rino-crow-black { position:absolute; top:16px; left:20px; display:inline-block; width:18px; height:18px; background:url('https://ctycms.com/co-rino/crow-black-60x60.svg') center center no-repeat; background-size:cover; }




.gcard-print-table { display:block width:100%; }
.gcard-print-table-image { display:block; }
.gcard-print-table-details { display:block; }
@media all and (min-width: 992px) {
  .gcard-print-table { display:table; width:100%; }
  .gcard-print-table-image { display:table-cell; width:40%; vertical-align:top; padding:6px; }
  .gcard-print-table-details { display:table-cell; width:60%; vertical-align:top; padding:24px; }
}

.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:#222; border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:#666; }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }

.sharing-square button { display:inline-block; width:40px; height:40px; font-size:18px; line-height:38px; text-align:center;  }
.sharing-square button { text-decoration:none; color:white; background-color:#222; border:none; transition: all 0.15s linear 0s;}
.sharing-square button:hover { color:white; background-color:#666; }