/* sb cota domino */

.cota-domino-row { display:block; width:100%; margin:0 auto; max-width:1200px; }

.cota-domino-image { display:block; border-radius:0.5rem; overflow:hidden; position:relative; z-index:40; }
.cota-domino-image-img { display:block; width:100%; padding-bottom:66%; background-size:cover; background-position:center center; }
.cota-domino-content { display:block; padding:1.5rem 1.5rem 1.5rem 0; }

.cota-domino-slider { position:relative; z-index:40; } 
.cota-domino-content-news { display:block; padding:1.5rem 1.5rem 1.5rem 0; }

.cota-domino-flex {
  width:100%;
  display: flex;
  align-items: center; /* center vertically */
  justify-content: start; /* center horizontally */
}

.cota-domino-relative { position:relative; padding-top:40px; }
.cota-domino-tile { position:absolute; top:2px; left:0px; width:30px; height:30px; 
  background-image:url('https://ctycms.com/ca-santa-barbara/cota-tile-50x50.svg');
  background-size:contain;
}
.cota-domino-line { position:absolute; top:-600px; left:15px; width:1px; height:600px; background-color: var(--cms-orange); }

@media all and (min-width: 992px) {

  .cota-domino-row { display:flex; }
  .cota-domino-row-reverse { flex-direction: row-reverse; }

  .cota-domino-slider { width:70%; padding:0; } 
  .cota-domino-content-news { width:30%; padding:2rem 2rem 2rem 0; }

  .cota-domino-image  { width:60%; padding:0; }
  .cota-domino-image-img { width:100%; height:100%; padding:0; }
	.cota-domino-content { width:40%; padding:2rem 2rem 2rem 0; }
  .cota-domino-flex { min-height: 300px; }

}


.cota-subhead { font-weight:700; font-size:0.66rem; line-height:1.3; text-transform:uppercase; margin-bottom:0.3rem; margin-top:1rem; text-wrap:balance; }
.cota-headline { font-weight:800; font-size:2rem; line-height:1.25; margin-bottom:0.5rem; text-wrap:balance; }
.cota-text { font-size:0.95rem; line-height:1.5; margin-bottom:0.75rem; }



.bg-cream-dark .op-domino-bg { background-color:var(--cms-cream); }


/* sb subscribe */

.sb-subscribe-callout { 
  width:100%; 
  min-height:540px; 
  background-size:cover; 
  background-position:top center; 
}
.sb-subscribe-content { 
  padding:1.5rem 1.5rem; text-align:center;
}










/* point-section */

#point-section #clmap { width:100%; height:80vh; min-height:200px; max-height:800px; background-color:var(--cms-cream-dark); border-top:1px solid #eee; border-bottom:1px solid #eee; }


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

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

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


/* point section sticky */

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




/* point section stacky */

:root {
  --stacky-height: 900px; /* desktop element height */
}
.stacky-wrap { background-color:inherit; }
.stacky-hold { display:block; }
.stacky-content { width:100%; padding:24px; min-height:100px; }
.stacky-map { width:100%; height:70vh; min-height:420px; background-color:#E8E0D8; }
#stackymap { width:100%; height:70vh; background-color:#E8E0D8; }
@media all and (min-width: 992px) {
	.stacky-hold { display:flex; flex-direction:row; width:100%; max-width:1600px; margin:0 auto; height:900px; /* includes border */}
  .stacky-hold { overflow:hidden; }
	.stacky-content { width:600px; padding:16px; height:auto; overflow-y: scroll; }
	.stacky-map { width:calc(100% - 600px); height:var(--stacky-height); }
	#stackymap { width:100%; height:var(--stacky-height); top:0px; }
}
@media all and (min-width: 1200px) {
	.stacky-wrap { padding:24px 24px 24px 8px; }
	.stacky-content { width:calc(100% - 580px); }
	.stacky-map { width:580px; }
}
@media all and (min-width: 1500px) {
	.stacky-content { width:calc(100% - 640px); width:50%; }
	.stacky-map { width:640px; width:50%; }
}

.stackycard { position:relative; width:100%; overflow:hidden; margin:0; 
  background-color:white; 
  color:var(--cty-navy);
  border-radius:0.5rem;
  overflow:hidden;
  margin-bottom:1rem;
}
.stackycard-thursday { margin-top:0; margin-bottom:0rem; }

.stackycard-content { width:100%; padding:1rem; }
.stackycard-image { width:100%; height:200px; }

.stackycard-map-link { position:absolute; top:0px; right:0px; background:#666; height:auto; }
.stackycard-map-link-bottom { position:absolute; bottom:0px; right:0px; background:#666; height:auto; }
.stackycard-map-link button, .stackycard-map-link-bottom button { float:right; }

@media all and (min-width: 768px) {
  .stackycard { display:flex; }
	.stackycard-content { width:calc(100% - 180px); min-height:160px; padding:1rem; }
  .stackycard-image { width:180px; height:inherit; }
}

@media all and (min-width: 992px) {
	.stackycard-content { width:calc(100% - 240px); }
	.stackycard-image { width:240px; }
}
@media all and (min-width: 1500px) {
	.stackycard-content { width:calc(100% - 220px); min-height:180px; padding:1.5rem; }
	.stackycard-image { width:220px; }
}


.stackycard-image a { display:block; width:100%; height:100%; background-size:cover; background-position:center center; background-repeat:no-repeat; }

.stackycard-subhead { font-weight:700; font-size:0.7rem; margin-bottom:0.25rem; letter-spacing:0.050rem; text-transform:uppercase; text-wrap:balance; }
.stackycard-headline { font-weight:700; font-size:1.3rem; line-height:1.2; margin-bottom:0.5rem; text-wrap:balance;  }
.stackycard-text { font-size:0.9rem; text-wrap:balance; }
.stackycard-link { margin-top:0.5rem; }

.stackycard-special { margin-top:0.5rem; }
.stackycard-special hr { margin:0.5rem 0; }
.stackycard-special * { font-size:0.8rem;  }

@media all and (min-width: 1200px) {
  .stackycard-subhead { font-size:0.8rem; }
  .stackycard-headline { font-size:1.6rem; }
  .stackycard-text { font-size:0.9rem;  }
  .stackycard-subhead { width:calc(100% - 60px); }
}


.btn-map-it { 
  display:inline-block;
  background-color:var(--cms-gold-light); 
  border:0px;  
  color:var(--cms-navy);  
  font-size:13px; line-height:30px; font-weight:600; text-transform:uppercase; letter-spacing:0.010rem; 
  border-radius:0px; 
  border:0; 
  margin: 0; 
  padding: 0 10px; 
  transition:var(--cty-transition-hover);  
  text-decoration:none; 
}
.btn-map-it:hover {  
  background-color:var(--cms-gold-light); 
  color:var(--cms-navy); 
  text-decoration:none; 
}

/* visit planner card */

.vcard { position:relative; background-color:white; border:0; border-radius:0.5rem; overflow:hidden; margin-bottom:1rem; } 

.vcard-favorite { position:absolute; top:0px; right:0px; width:40px; height:40px; }
.vcard-favorite a { display:block; width:40px; height:40px; text-align:center; cursor:pointer; background-color:white; color:var(--cms-orange-dark);
  transition: all 0.15s linear 0s; font-size:20px; line-height:40px; }
.vcard-favorite a:hover { background-color:white; color:var(--cms-orange-dark); font-size:22px; }
.vcard-favorite-icon { display:inline; }
.vcard-favorite-icon-selected { display:none; }

.vcard-selected { border-color:inherit; }
.vcard-selected .vcard-favorite-icon { display:none; }
.vcard-selected .vcard-favorite-icon-selected { display:inline; }



/* 

.vcards { margin:1.5rem 0; }
.vcard { background-color:white; height:100%; position:relative; border:2px solid #fafafa; } 
.vcard a { display:block; height:100%; text-decoration:none; color:inherit; }
.vcard a:hover { color:inherit; text-decoration:none; }
.vcard-image { display:block; }
.vcard-image-img { display:block; background-color:#eee; background-size:cover; background-position:center center; }
.vcard-content { padding:1.5rem; }

.vcard-headline { font-size:1rem; font-weight:700; margin-bottom:0.1rem; }
.vcard-text { font-size:0.8rem; }

.vcard-favorite { position:absolute; top:0px; right:0px; width:50px; height:50px; }
.vcard-favorite a { display:block; width:50px; height:50px; text-align:center; cursor:pointer; background-color:var(--cms-orange-dark); color:white; font-size:24px; line-height:50px; }
.vcard-favorite a:hover { background-color:inherit; color:white; }
.vcard-favorite-icon { display:inline; color:var(--cms-orange-dark); }
.vcard-favorite-icon-selected { display:none; color:var(--cms-orange-dark); }

.vcard-selected { border-color:var(--cms-orange-dark);}
.vcard-selected .vcard-favorite-icon { display:none; }
.vcard-selected .vcard-favorite-icon-selected { display:inline; }
*/

/* point-detail */

.point-social-icons { margin:24px 0; text-align:left;}
.point-social-icons 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; }
.point-social-icons a { text-decoration:none; color:white; background-color:var(--cty-abtnlink); border:none; transition: all 0.15s linear 0s;}
.point-social-icons a:hover { color:white; background-color:var(--cty-abtnlink); }


/* find the nearest */

.ftn { text-align:center; }
.ftn ul { margin:0; padding:0; }
.ftn li { list-style-type: none; padding:0.5rem 0; margin:0; border-bottom:1px solid var(--cty-linework);}
.ftn li:last-child { border-bottom:0; }
.ftnname { display:block; font-size:1rem; }
.ftnaddress { font-size:0.8rem; color:inherit; }
.ftndistance { font-size:0.8rem; color:inherit; }


/* event-detail */

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


/* meeting calendar */

:root {
	--cty-meetingsbg-100: var(--cms-cream-dark); /* blank dates */
	--cty-meetingsbg-200: var(--cms-cream-dark);
	--cty-meetingsbg-300: var(--cms-cream-dark);
}

.bcal { margin-top:2rem; border-radius:0.5rem; overflow:hidden; }
.bcal-header { width:100%; background-color:var(--cty-meetingsbg-300); padding: 0.5rem; border:1px solid var(--cms-cream); font-size:1.1rem; font-weight:700; }
.bcal-header-prev { display:inline-block; padding: 0.5rem; }
.bcal-header-current { display:inline-block; padding: 0.5rem; }
.bcal-header-next { display:inline-block; padding: 0.5rem; }
.bcal-row { width:100%; }
.bcal-cell { width:100%; background-color:var(--cty-meetingsbg-200); border:1px solid var(--cms-cream); font-size:16px; }
.bcal-cell span { display:block; padding:6px 12px; background-color:var(--cty-meetingsbg-300); font-weight:600; }
.bcal-cell ul { padding:6px 12px; margin:0; list-style:none; }
.bcal-cell ul li { padding:0; margin:0 0 8px 0px; list-style:none; }
.bcal-cell-blank { display:none; background-color: var(--cty-meetingsbg-100); }
.bcal-cell-empty { display:none; }
@media all and (min-width: 992px) {
  .bcal-cell-blank { display:table-cell; }
  .bcal-cell-empty { display:table-cell; }
  .bcal-header { text-align:center; border-bottom:1px; }
  .bcal-row { display:table; width:100%; }
  .bcal-cell { display:table-cell; width:14.3%; height:100px; vertical-align:top; }
  .bcal-cell ul li { font-size:0.9rem; line-height:1.2; }
}