body,html {
  height:100%;
  font-family: 'open-sans','Open Sans',Arial sans-serif;
  background-color:#eee;
  -webkit-font-smoothing: antialiased;
}

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

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


/* responsive support */

.container-fluid { max-width:1200px; padding:0 24px; margin:0 auto; }
.container-fluid-calendar { max-width:1020px; padding:0 24px; margin:0 auto; }

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


/* responsive images */

.img-responsive { max-width: 100%; height:auto!important; }
.img-fluid { width:100%!important; height:auto!important; }
.img-wrapright { float:right; padding:0; margin:8px 0px 16px 30px; max-width:48%; height:auto!important; }
.img-wrapleft { float:left; padding:0; margin:8px 30px 16px 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; }
.container-fluid-feature p { font-size:18px; line-height:28px; }


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


/* new */

/* sponsor logos */

.cc-sponsor-logos { margin:30px 0 0 0; text-align:center; }
.cc-logo { display:inline-block; margin:0px 12px 12px 0; background-color:#fff;
 -webkit-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25);
 -moz-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25);
 box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.25);
}
.cc-logo a { display:block; transition: all 400ms ease; }
.cc-logo a:hover { 
 -webkit-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.75);
 -moz-box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.75);
 box-shadow: 0px 5px 8px 0px rgba(177,158,144,0.75);
}
.cc-logo-img { width:120px; height:120px; border:16px solid #fff; background-position:center center; background-size:contain; background-repeat:no-repeat; }
@media all and (min-width: 768px) {
  .cc-logo { margin:0px 16px 16px 0; }
	.cc-logo-img { width:160px; height:160px; }
}


/* alert box */

.alert-wrap { background-color:#DE3421; color:#fff; border-bottom:2px solid #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 { 
  font-family: 'futura-pt', sans-serif; 
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

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

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

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

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

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


/* global typography */

h1 { font-family: 'futura-pt',sans-serif; color:#111; font-weight:400; letter-spacing:0.025rem; margin-top:0px; margin-bottom: 1rem; }
h2 { font-family: 'futura-pt',sans-serif; font-weight: 700; color:#111; text-transform: uppercase; letter-spacing:0.110rem; font-size:21px; margin-top: 1rem; margin-bottom: 0.75rem; }
h6, h2.on-detail { font-family: 'futura-pt',sans-serif; font-weight: 700; color:#111;  text-transform: uppercase; letter-spacing:0.110rem; 
font-size:14px; margin-top:20px; font-weight:700; color:#666; margin-top: 2.5rem; margin-bottom: 1.5rem; }
h3 { font-family: 'futura-pt',sans-serif; font-weight: 700; color:#111; text-transform: uppercase; letter-spacing:0.150rem; font-size:18px; margin-top: 1rem; margin-bottom: 0.75rem; }
h4 { font-family: 'futura-pt',sans-serif; font-weight: 400; color:#111; }
h5 { font-family: 'futura-pt',sans-serif; font-weight: 400; color:#111; } 

p, li { line-height:1.6; letter-spacing:0.014rem; }

label { font-size:90%; text-transform:none; color:#222; font-weight:700; }

hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; border-top: 2px solid #dedddd; }
hr.hr-center {
    text-align: center;
	width: 96px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

a { color:#DE3421; text-decoration:none; }
a:hover { color:#CC301E; text-decoration:none; }

a div.lnk-primary { color:#DE3421; font-weight:700; font-size:17px; line-height:24px; text-transform: uppercase; letter-spacing: 1px; }
a div.lnk-secondary { color:#222; font-weight:400; font-size:15px; line-height:22px; margin-top:4px; }
a div.lnk-secondary span { color:#aaa; }
a:hover div.lnk-primary { color:#B62B1B; }
a:hover div.lnk-secondary { color:#000; }

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-brand { font-family: 'futura-pt', sans-serif; font-weight:700; background-color:#DE3421; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #DE3421; border-radius:0; font-size:14px; transition: all 0.15s linear 0s; }
.btn-brand:hover { background-color:#CC301E; border-color:#CC301E; color:#fff; }

.btn-outline-brand { font-family: 'futura-pt', sans-serif; font-weight:700; background-color:#fff; text-transform:uppercase; color:#DE3421; letter-spacing:0.100rem; padding: 4px 10px; border:3px solid #DE3421; border-radius:0; font-size:14px; transition: all 0.15s linear 0s; }
.btn-outline-brand:hover { background-color:#CC301E; border-color:#CC301E; color:#fff; }

.btn-brand-linkout { font-family: 'futura-pt', sans-serif; font-weight:700; background-color:#fff; padding:0; text-transform:uppercase; color:#DE3421; letter-spacing:0.050rem; border:1px solid #fff; border-radius:0; font-size:14px; transition: all 0.15s linear 0s; }
.btn-brand-linkout:hover { background-color:#fff; border-color:#fff; color:#CC301E; }

.btn-brand-pill { border-radius:4px; font-family: 'futura-pt', sans-serif; font-weight:400; background-color:#DE3421; text-transform:uppercase; color:#fff; letter-spacing:0.100rem; border:1px solid #DE3421; font-size:12px; line-height:14px; transition: all 0.15s linear 0s; padding: 5px 15px;  }
.btn-brand-pill:hover {  background-color:#CC301E; border-color:#CC301E; 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; }

/* legacy styles */

.btn-minutes { background-color:#DE3421; font-weight:normal; text-transform:uppercase; color:#fff; letter-spacing:1px; border:1px solid #DE3421; font-family:'futura-pt',sans-serif; font-weight:400; font-style:normal; font-size:12px; line-height:14px; text-transform:uppercase; }
.btn-minutes:hover { background-color:#B62B1B; color:#fff; border-color:#DE3421; }

ul.minutes { margin:0; padding:0;}
ul.minutes li { list-style:none; margin:0 10px 10px 0; padding:0; float:left;}


/* footer */

.stacktb { display:block;  }
.stacktr { display:block;  }
.stacktd { display:block;  }
@media all and (min-width: 768px) {
	.stacktb { display:table; width:100%;}
	.stacktr { display:table-row; width:100%;}
	.stacktd { display:table-cell; }	
}

#footer { border-bottom:1px solid #2f2f2f; }

#footer-social {
  background-color:#000;
  border-bottom:1px solid #2f2f2f;
  padding:40px 0;
}
#footer-social .fsubscribe { 
  font:14px/40px 'futura-pt', serif;
  font-weight:700; font-style:normal;
  text-transform:uppercase;
  letter-spacing:2px;
}
#footer-social .fsubscribe { color:#9e9fa0; text-decoration:none; }

#footer-social .fsocial a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 12px 0 0; }
#footer-social .fsocial a { text-decoration:none; color:#fff; background-color:#DE3421; border:none; }

#footer-social a.fsocial-fb { background-color:#3b5998; }
#footer-social a.fsocial-tw { background-color:#0B7BC1; }
#footer-social a.fsocial-in { background-color:#DF2060; }
#footer-social a.fsocial-lk { background-color:#0073B0; }
#footer-social a.fsocial-tt { background-color:#fe2c55; }

.aleft { text-align:center;}
.aright { text-align:center;}
@media all and (min-width: 768px) {
  .aleft { text-align:left; margin-right:12px;}
  .aright { text-align:right;}
}

#ssubscribe { display:block; width:100%; margin-bottom:24px;}
@media all and (min-width: 768px) { #ssubscribe { margin-bottom:0px }}

#ssubscribe form { display:table; padding:0; margin:0; width:100%; }

#ssubscribe input.slim-email {
  display:table-cell;
  width:70%;
  height:40px;
  margin:0;padding:0;
  padding-left:10px;
  padding-right:10px;
  background-color:#363636;
  border:1px solid #5b5a5a;
  border-radius:0;
  border-right:none;
  font-family:'futura-pt',sans-serif;
  font-size:14px;
  line-height:30px;
  font-weight:400; 
  color:#eee;
}

#ssubscribe input[type="hidden"]{ width:0px; display:none; }

#ssubscribe input.lia-submit {
  display:table-cell;
  width:30%;
  height:40px;
  margin:0;padding:0;
  background-color:#000;
  border:2px solid #f42b43;
  font-family:'futura-pt',sans-serif;
  font-size:14px;
  line-height:30px;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
  color:#f42b43;
}


#ssubscribe, #ssearch ::-webkit-input-placeholder { color:#9e9fa0; }
#ssubscribe, #ssearch :-moz-placeholder { color:#9e9fa0; opacity: 1;}
#ssubscribe, #ssearch ::-moz-placeholder { color:#9e9fa0; opacity:1; }
#ssubscribe, #ssearch :-ms-input-placeholder { color:#9e9fa0; }

#robly_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width: 400px; }
#robly_embed_signup form {display:block; position:relative; text-align:left;}
#robly_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.3em;}
#robly_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#robly_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#robly_embed_signup input[type=radio]{-webkit-appearance:radio;}
#robly_embed_signup input:focus {border-color:#333;}
#robly_embed_signup .button {background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#robly_embed_signup .button:hover {background-color:#777;}
#robly_embed_signup .slim_button {background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding:0 15px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#robly_embed_signup .slim_button:hover {background-color:#777;}
#robly_embed_signup .small_meta {font-size: 11px;}
#robly_embed_signup .nowrap {white-space:nowrap;}
#robly_embed_signup .clear {clear:none; display:inline;visibility:visible;}
#robly_embed_signup .robly_field_group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#robly_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
#robly_embed_signup .size1of2 {margin-right:2%;}
#robly_embed_signup .robly_field_group label {display:block; margin-bottom:3px; font-size: 1.0em; font-weight: 100; padding-bottom:1px;}
#robly_embed_signup .robly_field_group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#robly_embed_signup .robly_field_group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#robly_embed_signup .datefield, #robly_embed_signup .phonefield_us{padding:5px 0;}
#robly_embed_signup .datefield input, #robly_embed_signup .phonefield_us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:left; padding:5px 0 2px 0;}
#robly_embed_signup .phonefield_us .phonearea input, #robly_embed_signup .phonefield_us .phonedetail1 input{width:40px;}
#robly_embed_signup .datefield .monthfield input, #robly_embed_signup .datefield .dayfield input{width:35px;}
#robly_embed_signup .datefield label, #robly_embed_signup .phonefield_us label{display:none;}
#robly_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#robly_embed_signup .asterisk {color:#c60; font-size:150%;}
#robly_embed_signup .robly_field_group .asterisk {position:relative;top:5px; left:2px;}
#robly_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#robly_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:90%; min-width:130px;}
#robly_embed_signup input.slim_email {display:inline-block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:60%;}
#robly_embed_signup input.button {width:40%; margin:0 0 10px 0; min-width:90px;}
#robly_embed_signup .robly_field_group.input_group ul {margin:0; padding:5px 0; list-style:none;}
#robly_embed_signup .robly_field_group.input_group ul li {display:block; padding:3px 0; margin:0;}
#robly_embed_signup .robly_field_group.input_group label {display:inline;}
#robly_embed_signup .robly_field_group.input_group input {display:inline; width:auto; border:none;}
#robly_embed_signup div#robly_responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#robly_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#robly_embed_signup #robly_error_response {display:none;}
#robly_embed_signup #robly_success_response {color:#529214; display:none;}
#robly_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#robly_embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#robly_embed_signup #num-subscribers {font-size:1.1em;}
#robly_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
#robly_embed_signup .power {postion: relative; float: right; margin-right: 16px; height:32px;}
#robly_embed_signup #slim_power {float:none;}
#robly_embed_signup .power p {font-size:12px; margin:0px; font-weight:bold; line-height:32px; color:#666;}
#robly_embed_signup .power p a {text-decoration:none; font-weight:bold; color:#333;}
#robly_embed_signup .power p a:hover {text-decoration:none; color:#000;}
@media (max-width: 600px) {
  .g-recaptcha {transform: scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
}

/* footer-nav */

#footer-nav {
  background-color:#000;
  border-bottom:1px solid #2f2f2f;
  padding:40px 0;
  color:#fff;
}

#footer-nav .flinktop a { display:block; color:#a1a2a3; font:16px/24px 'futura-pt', serif; font-weight:700; text-transform:uppercase; letter-spacing:2px; padding-bottom:12px; }

#footer-nav .flink a { display:block; color:#fff; font:16px/24px 'futura-pt', serif; font-weight:400; text-transform:none; letter-spacing:0px; padding-bottom:4px; }

#footer-nav .flcm { text-align:center; margin-bottom:24px ;}
@media all and (min-width: 768px) { #footer-nav .flcm { text-align:left; margin-bottom:0px ;}}

#footer-nav .fmarks { color:#ddd; font-size:13px; line-height:20px; }

#fsearch { display:block; width:100%; }

#fsearch form { display:table; padding:0; margin:0; width:100%; margin-bottom:20px;}

#fsearch input[type="text"]{
  display:table-cell;
  width:80%;
  height:40px;
  margin:0;padding:0;
  padding-left:10px;
  padding-right:10px;
  background-color:#363636;
  border:1px solid #5b5a5a;
  border-radius:0;
  border-right:none;
  font-family:'futura-pt',sans-serif;
  font-size:14px;
  line-height:30px;
  font-weight:400; 
  color:#eee;
}

#fsearch .lia-submit {
  display:table-cell;
  width:20%;
  height:40px;
  margin:0;padding:0;
  background-color:#000;
  border:2px solid #f42b43;
  font-family:'futura-pt',sans-serif;
  font-size:14px;
  line-height:30px;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
  color:#f42b43;
}


/* footer-copy */

#footer-copy {
  background-color:#2f2f2f;
  border-top:1px solid #000;
  border-bottom:10px solid #000;
  padding:13px 0;
}
#footer-copy .ftext { color:#999999; font-size:14px; line-height:26px; text-align:center; }
#footer-copy .ftext a { color:#b9b9b9; text-decoration:none; white-space:nowrap; }
#footer-copy .ftext a:hover { color:#d9d9d9; text-decoration:underline; }


/* banner simple */

.banner-simple { width:100%; background-color:#eee; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.banner-simple { padding-bottom:27%; max-height:480px; } /* 1100x300 */
@media all and (min-width: 1760px) { 
	.banner-simple { padding:0; height:480px; }
}
.banner-shadow { width:100%; height:4px; background-color:rgba(0, 0, 0, 0.3); }

/* banner headline */

.banner-headline { position:relative; height:300px; width:100%; background-color:#eee; background-position:center center; background-size:cover; background-repeat:no-repeat;  }

.banner-headline-headline { position:absolute; bottom:0px; width:100%; height:auto; background-color:rgba(0,0,0,0.5); padding:24px; text-align:center; }
.banner-headline-headline { font-family:'futura-pt',sans-serif; color:#fff; font-weight:700; font-style:normal; font-size:24px; line-height:28px; text-transform:uppercase; letter-spacing:5px; text-shadow: 1px 1px 2px rgba(0, 0, 0, 1); }
@media all and (min-width: 768px) { 
	.banner-headline { height:500px; }
	.banner-headline-headline { font-size:48px; line-height:56px; }
}


/* sidenav */

.container-sidenav { display:block; width:100%; }
.container-sidenav-row { display:block; width:100%; }
.container-sidenav-nav { display:block; width:100%; }
.container-sidenav-content { display:block; width:100%; padding:40px 24px; }
@media all and (min-width: 992px) {
	.container-sidenav { display:table; width:100%; max-width:1200px; margin:0 auto; }
	.container-sidenav-row { display:table-row; width:100%; }
	.container-sidenav-nav { display:table-cell; width:25%; padding:60px 34px 60px 24px; vertical-align:top; }
	.container-sidenav-content { display:table-cell; width:75%; padding:60px 24px 60px 34px; vertical-align:top; }
}

#sidenav { width:100%; }

#snavsection { display:table; background-color:#000; border-top: 4px solid #DE3421; width:100%; }
#snavsection .sidenav-toggle-label { display:table-cell; width:auto; vertical-align:top; }
#snavsection .sidenav-toggle { display:table-cell; width:40px; vertical-align:top; cursor:pointer; font-weight:600; color:#898888; text-align:left; font-size:19px; line-height:60px; }
#snavsection a { font-family: 'futura-pt', sans-serif; padding:20px 20px 12px 20px; text-transform:uppercase; font-weight:700; letter-spacing:0.125rem; font-size:16px; line-height:25px; color:#fff; }
#snavsection a:hover { color:#ddd; }
#sidenav-drawer { display:none; }
@media all and (min-width: 768px) {
	#snavsection .sidenav-toggle-label { display:block; width:100%;}
	#snavsection .sidenav-toggle { display:none; color:#bada55; }
	#sidenav-drawer { display:block!important; }
}

#snavsection { background-color:#000; border-top: 4px solid #DE3421; }
#snavsection a { font-family: 'futura-pt', sans-serif; display:block; padding:20px 20px 12px 20px; text-transform:uppercase; font-weight:700; letter-spacing:0.125rem; font-size:16px; line-height:25px; color:#fff; }
#snavsection a:hover { color:#ddd; }

#sidenav ul { padding:0; margin:0; }

#sidenav > ul { border:1px solid #efeeee; } /* outer ul */

#sidenav li { padding:0; margin:0; list-style:none; }

#sidenav li ul { padding-bottom:16px; }

#sidenav li ul li { padding:4px 0px; }

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

#sidenav li a {
  display:table;
  width:100%; 
  text-decoration:none;
  background-color:#fff;
  font-weight:600;
  letter-spacing:0.025rem;
}

#sidenav li a div.sn-indicator { display:table-cell; width:36px; text-align:left; padding:14px 0px 14px 20px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:#dedddd; }
#sidenav li a div.sn-label { display:table-cell; width:auto; text-align:left; padding:14px 20px 14px 0px; font-weight:600; font-size:15px; line-height:24px; vertical-align:top; color:#666666; }
#sidenav li a div.sn-label-nested { display:table-cell; width:100%; text-align:left; padding:4px 20px 4px 50px; font-weight:600; font-size:14px; line-height:24px; vertical-align:top; color:#222223; }
 
#sidenav li a:hover div { color:#DE3421; }
#sidenav li a.activeitem div { color:#DE3421; }
#sidenav li a.activeiteminner div { color:#DE3421; }


/* home - topango gallery */

.topango-wrap { padding:0; margin:0; overflow:hidden; }

.topango-slide { width:100%; auto; }

.topango-hold { width:100%: position:relative; }

.topango-image { position:static; width:100%; height:360px; background-size: cover; background-position: center center;  }
.topango-cover { position:absolute; top:0px; z-index:1; width:100%; height:360px; background-color:rgba(0,0,0,0.2); }
.topango-shadow { position:absolute; top:0px; z-index:2; width:100%; height:4px; background-color:rgba(0, 0, 0, 0.3); }
.topango-content { position:absolute; top:0px; z-index:3; width:100%; height:360px; text-align:center; color:#fff; }
.topango-content-logo { margin:0 auto; width:300px; margin-top:135px; }
@media all and (min-width: 500px) {
	.topango-image,.topango-cover,.topango-content { height:500px; }
	.topango-content-logo { width:400px; margin-top:208px; }
}
@media all and (min-width: 768px) {
	.topango-image,.topango-cover,.topango-content { height:600px; }
	.topango-content-logo { width:600px; margin-top:208px; }
}

.cycle-pager { 
	text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 2px; overflow: hidden; 
	padding:0; margin:0;  margin-bottom:-16px; 
}
.cycle-pager span { 
    font-family: arial; font-size: 60px; line-height:80px; width: 30px; height: auto; text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    display: inline-block; color: #ccc; cursor: pointer;
}
.cycle-pager span.cycle-pager-active { color: #fff; }
.cycle-pager > * { cursor: pointer; }


/* event gallery */

.event-gallery { width:100%; border-bottom:1px solid #222; position:relative; }
.egall-table { display:block; }
.egall-row { display:block; }
.egall-cell { display:block; height:300px; border-bottom:1px solid #000;}
@media all and (min-width:768px) {
	.egall-table { display:table; width:100%; height:500px;}
	.egall-row { display:table-row; width:100%; height:500px; }
	.egall-cell { display:table-cell; width:33%; height:500px; vertical-align:top; border-bottom:0px solid #000;}
}	

.egall-cell a { text-decoration:none; }
.egall-cell a:hover { text-decoration:none; }
	
.egall-panel { display:block; width:100%; height:100%; background-position:center center; background-size:cover;}	
.egall-panel-effect { display:table; width:100%; height:100%; background-color:rgba(0,0,0,0.35); 
    -moz-box-shadow: inset 0 0 190px rgba(0,0,0,0.85);
    -webkit-box-shadow: inset 0 0 190px rgba(0,0,0,0.85);
    box-shadow: inset 0 0 190px rgba(0,0,0,0.85); 
    transition: all 400ms ease;
}
.egall-panel-effect:hover { background-color:rgba(0,0,0,0.25); }  

.egall-panel-content { display:table-cell; width:100%; height:300px; text-align:center; vertical-align:middle;}
@media all and (min-width:768px) {
	.egall-panel-content { height:500px;}
}

.egall-panel-headline { margin:16px 24px 0px 24px; color: #fff; font-size:24px; line-height:36px; font-weight: 700; text-shadow: 1px 1px #000;}
.egall-panel-text { margin:6px 24px 16px 24px; color: #fff;  font-size:16px; line-height:24px; font-weight: 400; text-shadow: 1px 1px #000;}
.egall-panel-link { color: #fff; font: 14px/30px 'futura-pt', sans-serif; font-weight: 700; font-style: normal;  text-transform: uppercase;
  letter-spacing: 2px;
  display: inline-block;
  padding: 2px 12px;
  border: 1px solid #fff;
}
.egall-panel-link:hover { background-color: rgba(255,255,255,0.2); }

.egall-shadow { width:100%; height:4px; background-color: rgba(0, 0, 0, 0.3); position:absolute; top:0;}

/* things to do gallery */

.things-gallery-wrap {  }
.things-gallery-half { display:block; margin-bottom:24px; }
.things-gallery-third { display:block; }
.things-gallery-row { display:block; }
.things-gallery-cell-half { display:block; }
.things-gallery-cell-third { display:block; background-color:#eee; }
@media screen and (min-width: 768px) {
	.things-gallery-half { display:table; width:100%; margin:0; }
	.things-gallery-third { display:table; width:100%; margin:0; }
	.things-gallery-row { display:table-row; width:100%; }
	.things-gallery-cell-half { display:table-cell; width:50%; vertical-align:top; }
	.things-gallery-cell-third { display:table-cell; width:33.33%; vertical-align:top; }
}

.things-gallery a { text-decoration:none; }
.things-gallery a:hover { text-decoration:none; }
	
.things-panel { display:block; width:100%; height:100%; background-position:center center; background-size:cover;}	
.things-panel-effect { position:relative; display:table; width:100%; height:100%; background-color:rgba(0,0,0,0.35); 
  -moz-box-shadow: inset 0 0 190px rgba(0,0,0,0.85);
  -webkit-box-shadow: inset 0 0 190px rgba(0,0,0,0.85);
  box-shadow: inset 0 0 190px rgba(0,0,0,0.85); 
  transition: all 400ms ease;
}
.things-panel-effect:hover { background-color:rgba(0,0,0,0.25); }  
  
  
  
.things-panel-content2 { display:table-cell; width:100%; height:400px; text-align:center; vertical-align:middle; }
.things-panel-content3 { display:table-cell; width:100%; height:200px; text-align:center; vertical-align:middle; }
@media all and (min-width:768px) {
	.things-panel-content2 { height:576px;}
	.things-panel-content3 { height:385px;}
}

.things-panel { font-family: 'futura-pt', sans-serif; color:#fff; text-shadow: 1px 1px #000; }
.things-txt1 { margin:20px auto 0px auto; font-size:30px; line-height:40px; font-weight:400; text-transform:none; letter-spacing:0.024rem; max-width:300px; }
.things-txt2 { margin-top:20px; font-size:13px; line-height:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.150rem; }
.things-txt3 { margin-top:0px; font-size:13px; line-height:13px; font-weight:700; text-transform:uppercase; letter-spacing:0.150rem; }
.things-txt4 { margin-top:8px; font-size:24px; line-height:24px; font-weight:500; text-transform:uppercase; letter-spacing:0.150rem; }

hr.things-hr {
    text-align: center;
	width: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	border-top: 1px solid #fff;
	margin-top: 1rem; margin-bottom: 1rem;
}

.things-tag { position: absolute; top: 16px; left: 24px; display: inline-block; border-bottom: 1px solid #fff; }
.things-tag { font-size: 14px; line-height:30px; font-weight: 700; text-transform: uppercase; letter-spacing:0.150rem; }

/* home social intro */

#home-social a { display:inline-block; width:30px; height:30px; font-size:14px; line-height:30px; border-radius:50%; text-align:center; margin:0 6px; }
#home-social a { text-decoration:none; color:#fff; background-color:#DE3421; border:none; }

#home-social a.fsocial-fb { background-color:#3b5998; }
#home-social a.fsocial-tw { background-color:#0B7BC1; }
#home-social a.fsocial-in { background-color:#DF2060; }
#home-social a.fsocial-lk { background-color:#0073B0; }


/* citylight social grid */

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

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



/* home facts */

.facts { display:block; }
.facts-row { display:block; }
.facts-cell { display:block; color:#222; text-align:center; padding:40px; }
.facts-cell-alt { display:block; color:#222; background:url('https://ctycms.com/ca-little-italy/home-bg-did-you-know-meats.jpg') center center; background-size:cover; color:#fff; text-align:center; padding:40px; }
@media screen and (min-width: 992px) {
	.facts { display:table; width:100%; margin:0; table-layout: fixed; }
	.facts-row { display:table-row; width:100%; }
	.facts-cell { display:table-cell; width:33.33%; vertical-align:middle; text-align:center; padding:80px; }
	.facts-cell-alt {  display:table-cell; width:33.33%; vertical-align:middle; text-align:center; padding:80px; }
}

.facts-block { display:block; }
.facts p { font-size: 15px; }
.facts p.fact { font-size: 30px; line-height: 36px; }
.facts p.didya { color: #fa0303; text-shadow: 1px 1px #000; font-size:20px; font-family: 'futura-pt',sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.facts p.know { color: #fff; font-size:22px; line-height:35px; text-shadow: 1px 1px #000; }

/* banner section */

.banner-section-hold { width:100%;}
.banner-section-image { width:100%; background-color:#eee; background-position:center center; background-size:cover; }
.banner-section-image-hold { width:100%; height:200px; position:relative; }
.banner-section-image-shadow { position: absolute; width: 100%; height: 4px; background-color: rgba(0, 0, 0, 0.3); }
.banner-section-image-headline { position:absolute; bottom:0px; display:block; width:100%; }
.banner-section-image-headline, .banner-section-content-headline {
  font-family: 'futura-pt', sans-serif; 
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 10px;
  font-size: 80px;
  line-height: 90px;
  text-shadow: 1px 1px 2px #000;
}
.banner-section-content { width:100%; }
.banner-section-content-headline { display:none; }
.banner-section-filters { width:100%; background-color:#232323; padding:24px 12px; }

@media all and (min-width: 768px) {
	.banner-section-hold { position:relative; height:600px; }
	.banner-section-image { position:absolute: top:0px; }
	.banner-section-image-hold { height:540px; }
	.banner-section-image-headline { display:none; }
	.banner-section-content { position:absolute; bottom:0px; width:100%; height:auto; }
	.banner-section-content-headline { display:block; font-size: 100px; line-height: 120px; }
	.banner-section-filters { max-width:680px; padding:30px; margin:0 auto; }
}


/* detail header */

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

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

a.btn-header-groups { background-color:#444; padding:4px 8px; margin:3px 4px; border-radius:2px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-family: 'futura-pt',sans-serif; font-size:13px; line-height:15px; letter-spacing:0.050rem; font-weight:400; text-transform:uppercase; color:#ddd; border:1px solid #fff; }
a.btn-header-groups:hover { background-color:#DE3421; color:#fff; border-color:#fff; }


/* point-section */

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

.section-filters { text-align:center; }
.section-filters .section-filters-title { 
 text-transform: uppercase;
 letter-spacing: 2px;
 color: #7f7f7f;
 text-align: center;
 font-size: 15px;
 line-height: 24px;
 font-family: 'futura-pt',sans-serif;
 font-weight: 700;
 padding-bottom:10px;
}
.section-filters a {
font-family: 'futura-pt',sans-serif;
font-weight:400;
text-transform: uppercase;
letter-spacing: 1px;
text-decoration: none;
line-height: 14px;
font-size: 14px;
text-align: center;
display: inline-block;
background-color: #444;
color: #ddd;
border: 1px solid #fff;
padding: 8px 10px;
white-space: nowrap;
margin:4px 2px;
}
.section-filters a > i { color:#DE3421; }
.section-filters a:hover { background-color:#DE3421; color:#fff; }
.section-filters a:hover > i { color:#fff; }
.section-filters a.selected { background-color:#DE3421; color:#fff; }
.section-filters a.selected > i { color:#fff; }

h1.h1-point-section { font-weight:700; font-size: 18px; line-height: 24px; text-transform: uppercase; letter-spacing: 2px; text-align:center; }

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

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



/* mapbox styles */

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

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

.mapboxgl-popup { width: 200px; padding-bottom: 30px; } /* adjust padding bottom to height of marker */
.mapboxgl-popup-content { text-align: center; padding:20px 20px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.mapboxgl-popup-content p.mapbox-pop-name { font-family: 'futura-pt', sans-serif; font-weight:700;  margin:6px 0px; color: #000; font-size:18px; line-height:22px; text-transform:uppercase; }
.mapboxgl-popup-content p.mapbox-pop-address { font-family: 'open-sans', sans-serif; font-weight:500; margin:6px 0px; font-size:14px; line-height:20px; color:#555; }
.mapboxgl-popup-content p.mapbox-pop-link { font-family: 'open-sans', sans-serif; margin:6px 0px; font-size:14px; line-height:20px; }



/* point-detail */

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

.pev ul { list-style-type: none; padding:0; margin:0; }
.pev li { margin-bottom:8px;} 
.pev .pevname { font-weight:700; }
.pev .pevdate {  }
.pev .pevtime { font-size:90%; }

#point-detail { width:100%; border-top:1px solid #d3cec2; border-bottom:1px solid #d3cec2; }
#point-detail #clmap { width:100%; height:400px; background-color:#E6E4E0; border-top:2px solid #fff; border-bottom:2px solid #fff;}
@media all and (min-width: 992px) {
	#point-detail { width:100%; border:1px solid #d3cec2; max-width:1300px; margin:0 auto; }
	#point-detail #clmap { width:100%; height:560px; background-color:#E6E4E0; border:2px solid #fff;}
}
.ftn-wrap { background-color:#fff; }


.ftn-box { border:1px solid #dedddd; }
.ftn-box h4 {
    padding: 30px 24px 10px 24px;
    border-bottom: 1px solid #dedddd;
	font-weight: 700;
	font-size: 15px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.ftn-box ul { margin:20px 0px; padding:0; }
.ftn-box li { list-style-type: none; padding:10px 24px; margin:0; font-size:15px; line-height:24px; }

.ftnname { display:block; font-size:100%; font-weight:700; }
.ftnaddress {  }
.ftndistance { font-size:90%; color:#666;}


/* bbq-controls */

.bbq-control-wrap { border:1px solid #dedddd; }

.bbq-cal-header { display:table; width:100%; margin:0; padding:0; background-color:#fafafa; font-size:16px; line-height:1.5; padding:12px 0px; }
.bbq-cal-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center; }
.bbq-cal-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; text-transform:uppercase;
letter-spacing: 2px;
color: #222;
font-family: 'futura-pt',sans-serif;
font-weight: 700;
}
.bbq-cal-header-middle a { color: #222; }
.bbq-cal-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

#bbq-calendar table { width:100%; background-color:#fff; margin:0; padding:0; }   
#bbq-calendar th { /* days of the week */
  border-top:1px #abaaaa solid; 
  background-color:#fafafa;
  color:#abaaaa;  /* color of days of the week */
  font-size:13px;
  line-height:22px;
  font-weight:400;
  text-align:center;
  }
#bbq-calendar td {
  border-top:1px #abaaaa solid;
  background-color:#fafafa;
  font-family: 'futura-pt', sans-serif; 
  color:#777; /* color of inactive dates */
  font-size:15px;
  line-height:34px;
  letter-spacing:0.070rem;
  text-align:center;
  }
#bbq-calendar td.highlight { background-color:#dedddd; }
#bbq-calendar a { display:block; text-decoration:none; }
#bbq-calendar a.ontoday { font-weight:700; }
#bbq-calendar a:hover { text-decoration:none; background-color:#cdcccc; }

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

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

#bbq-categories ul li { padding:0; margin:0; border-bottom:1px solid #e7e7e7; font-family: 'futura-pt', sans-serif;  }
#bbq-categories ul li:last-child { border-bottom:0px; }
#bbq-categories a { font-weight:500; display:block; background-color:#fafafa; padding:8px 24px; font-size:16px; line-height:26px; text-align:center; }
#bbq-categories a span { font-weight:400; display:block; font-size:13px; line-height:16px; color:#222; }
#bbq-categories a.highlight { background-color:#ddd; }
#bbq-categories a:hover { text-decoration:none; background-color:#cdcccc; }



/* bbq-results */

h1.bbq-headline {  }

.bbq-results-header { display:table; width:100%; margin:0; padding:0; background-color:#fff; font-size:16px; line-height:1.5; padding:12px 0px; 
font-family: 'futura-pt',sans-serif; border-top:1px solid #dedddd;
color: #000;
font-weight: 700;
font-style: normal;
font-size: 21px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 2px;
color: #000;}
.bbq-results-header-left { display:table-cell; width:40px; vertical-align:middle; text-align:center;  }
.bbq-results-header-middle { display:table-cell; width:auto; vertical-align:middle; text-align:center; }
.bbq-results-header-right { display:table-cell; width:40px; vertical-align:middle; text-align:center; }

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

.bbq-row { display:block; width:100%; border-top:1px solid #dedddd; padding:20px 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; padding:0px; }
	.bbq-row-date { display:table-cell; vertical-align:top; width:70px; text-align:center; padding:20px; }
	.bbq-row-list { display:table-cell; vertical-align:top; width:auto; text-align:left; border-left:1px solid #dedddd; padding:24px 10px 24px 30px; }
	.bbq-results-list { border-bottom:1px solid #dedddd; }
}

.bbqdate { width:70px; margin:0 auto 24px auto; padding:0; }
@media all and (min-width: 768px) { .bbqdate { margin:0; }}
.bbqdate-month { 
	text-align:center; font-size:12px; line-height:21px; font-family: 'futura-pt',sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #acacac;
}
.bbqdate-day { text-align:center; color:#444; font-size:30px; line-height:34px; font-family: 'futura-pt',sans-serif; font-weight:700; }
.bbqdate-tip { text-align:center; color:#999; font-size:12px; line-height:16px; margin-top:5px; font-family: 'futura-pt',sans-serif; font-weight:400; }
.bbqdate-ongoing { text-align:center;  margin-top:6px; 
	font-family: 'futura-pt',sans-serif;
	font-weight: 400;
	letter-spacing:1px;
	font-style: normal;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	color: #acacac;
}

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


/* event-detail */

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

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

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


/* form submit event */

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

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

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

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

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


/* post 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: 0.100rem; text-transform:uppercase;}
.isotope-filters button {
font-weight:400;
letter-spacing: 0.100rem;
text-decoration: none;
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:#85c442; color:#fff; text-decoration: none; cursor:pointer;}
.isotope-filters button.button-selected { background-color:#85c442; 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: 1200px) { 
	.isotope-sizer,.isotope-item { width: 25%; }
}

/* cards */

.iso-card { }

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

.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%; background-color:rgba(0,0,0,0.25); }
.iso-card-image-tag { 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:#eee; 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.0); }
.iso-card a:hover .iso-card-content { background-color:#bada55; } 


/* Post Section */

.post-card-gallery { margin:48px 0px 24px 0px; }
.post-card { margin-bottom:30px; }
.post-card a { display:block; width:100%; }

.post-card-image { position:relative; width:100%; height:auto; }
.post-card-image-image { }
.post-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.15); }
.post-card-image-tag { 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; }

.post-card-content { background-color:#f2f2f2; padding:20px; text-align:left; }
.post-card-content-headline { color:#222; font-weight:400; font-size:26px; line-height:1.4; margin-bottom:12px; }
.post-card-content-body { color:#222; font-weight:400; font-size:15px; line-height:23px;  margin-bottom:12px; }
.post-card-content-more { color:#DE3421; font-size: 12px; font-weight: 700; letter-spacing: 0.100rem; text-transform: uppercase; }

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

.post-card a:hover .post-card-image-cover { background-color:rgba(0,0,0,0.0); }
.post-card a:hover .post-card-content { background-color:#e8e8e8; } 
.post-card a:hover .post-card-content-headline { color:#222; }
.post-card a:hover .post-card-content-body { color:#222; }
.post-card a:hover .post-card-content-more { color:#B62B1B; }


.sharing-box { display:table; margin:10px auto; }
.sharing-label { display:table-cell; text-align:center; padding:10px; }
.sharing-icons { display:table-cell; text-align:center; }

.sharing-square { display:inline-block; text-align:center; margin:10px; }

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

.share-cta { color:#222; font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }

@media all and (min-width: 992px) {
	.sharing-box { display:block; margin:0 auto; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}


/* Basic Landing Page */

.nav-card-gallery { margin:24px 0px; }
.nav-card { margin-bottom:24px; }
.nav-card a { display:block; width:100%;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
}
.nav-card-image { position:relative; width:100%; height:auto; }
.nav-card-image-image { }
.nav-card-image-cover { position:absolute; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.25); }
.nav-card-content { background-color:#eee; padding:20px; text-align:left; }
.nav-card-content-headline { color:#444; font-size:20px; line-height:26px; margin-bottom:10px; }
.nav-card-content-body { color:#555; font-size:14px; line-height:20px;  margin-bottom:10px; }
.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-card a:hover .nav-card-card-image-cover { background-color:rgba(0,0,0,0.0); }
.nav-card-card a:hover .nav-card-card-content { background-color:#bada55; } 


/* Directory */


#letterindexplace {
	border: 1px solid #dee2e6; border-bottom:none;
}
#letterindex {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
}
#letterindex li {
  list-style-type: none;
  float: left;
  display: block;
  background-color: #eeeeee;
  color: #DE3421;
  padding: 6px;
  margin: 2px;
  cursor: pointer;
  font-weight: 700;
}

#results td { padding:10px 20px; }




/* media links */

.lk { border-top:2px solid #dedddd; padding:10px 0px; }
.lkimg { float:left; width:100px; padding:0px 24px 24px 0px; }


/* header boat */

.bg-boat { 
	border-top:4px solid #222;
	background:url('https://ctycms.com/ca-little-italy/bg-boats.jpg') top center; background-size:cover;
}
.bg-boat-darker { width:100%; height:100%; background-color:rgba(0,0,0,0.8); }
.bg-boat-darker h1 { color:#fff; font-size:50px; font-weight:400; }