/* alert box */

.alert-wrap { background-color:var(--cms-red); }
.alert-wrap, a.alert-link, a.alert-link:hover { color:black; }
.alert-hold { display: table; width: 100%; }
.alert-prefix { display:table-cell; vertical-align: top; width:32px; padding-top:20px; padding-right:20px; }
.alert-content { display:table-cell; vertical-align: top; width:auto; padding-top:20px; }
.alert-dismiss { display:table-cell; vertical-align: top; width:32px; padding-top:20px; text-align:right; }

.alert-prefix { 
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.100rem;
  padding-bottom:20px;
}

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

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

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

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


/* atl subscribe box */

.atl-subscribe {
  background-color:var(--cms-purple);
  color:white;
  display: flex;
  align-items: stretch;
  width: 100%;
  border-top:40px solid var(--cms-purple);
  border-bottom:40px solid var(--cms-purple);
}

.atl-subscribe-left {
  flex: 1;
  background-image:url('https://ctycms.com/ga-atlanta/keep-up-wing-left-762x500.svg');
  background-repeat:no-repeat;
  background-position:right center;
  background-size:auto 100%;
}

.atl-subscribe-right {
  flex: 1;
  background-image:url('https://ctycms.com/ga-atlanta/keep-up-wing-right-762x500.svg');
  background-repeat:no-repeat;
  background-position:left center;
  background-size:auto 100%;
}

.atl-subscribe-left {
  flex: 1;
}

.atl-subscribe-cta {
  flex: 0 0 280px;
  width: 280px;
  text-align: center;
  padding:2rem 2rem;
}

.atl-subscribe-heading {
  font-family: 'borax-variable', serif;
  font-size:2rem;
  line-height:1.1;
  margin-bottom:0.5rem;
}

.btn-subscribe { 
  background-color:var(--cms-purple-dark); 
  border:0; 
  color:white; 
  font-family: 'ballinger-condensed', sans-serif;
  font-size:0.8rem; font-weight:700; text-transform:uppercase; letter-spacing:0.100rem; 
  margin: 0; 
  padding: .375rem .75rem; 
  transition:var(--cty-transition-hover); 
  text-decoration:none; 
  border-radius:0;
}
.btn-subscribe:hover,.btn-subscribe:focus { 
  background-color:var(--cms-purple-dark);  
  color:white; 
  text-decoration:none; 
}
@media all and (min-width: 992px) {
  .atl-subscribe {
    border-top-width:60px;
    border-bottom-width:60px;
  }
  .atl-subscribe-cta {
    flex: 0 0 320px;
    width: 320px;
    text-align: center;
    padding:3rem 2rem;
  }
}




/* quick-link 2x2 */

.quicker-links { position:relative; background-color:white; color:white; padding-top:50px; }

.quicker-link { 
  height:100%;
  position: relative;
}

.quicker-link a { display:block; height:100%; min-height: inherit; text-decoration:none; color:inherit; }

.quicker-link:hover a { text-decoration:none; color:inherit; min-height: inherit; }

.quicker-link-flex {
  position: relative;
  min-height: inherit;
  height:100%;
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
  overflow: hidden;
  text-decoration:none;
}

.quicker-link-image { 
  position: absolute;
  width: 100%; 
  height: 100%; 
  background-color:black;
  background-size: cover; 
  background-position: center center;
}

.quicker-link-cover {
  position: absolute;
  width: 100%; 
  height:100%; 
  background-color:rgba(0,0,0,0.25);
}

.quicker-link-content {
  position: relative;
  padding: 1rem;
  height:220px;

  min-height: inherit;
  display: flex;
  align-items: end; /* center vertically */
  justify-content: left; /* center horizontally */
  overflow: hidden;
  text-decoration:none;

  font-size:2rem; line-height:1.25; text-wrap:balance;
  font-family: 'ballinger-condensed', sans-serif;
  font-weight:800;
  text-transform:uppercase;
}

.quicker-link-0 { border-bottom:4px solid var(--cms-blue); }
.quicker-link-1 { border-bottom:4px solid var(--cms-blue); }
.quicker-link-2 { border-bottom:4px solid var(--cms-blue); }

.quicker-links-tile { 
  position:absolute;
  top:0px;
  left:50%;
  margin-left:-40px;
  width:80px;
  height:80px;
  background-color:var(--cms-blue);
  background-image:url('https://ctycms.com/ga-atlanta/logo-blue-on-white-182x182.svg');
  background-size:cover;
}

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

  .quicker-links { padding-top:0; }
  .quicker-link-content { height:360px; }

  .quicker-link-0 { border-bottom:4px solid var(--cms-blue); border-right:4px solid var(--cms-blue); }
  .quicker-link-1 { border-bottom:4px solid var(--cms-blue); }
  .quicker-link-2 { border-bottom:0px solid var(--cms-blue); border-right:4px solid var(--cms-blue); }
  .quicker-link-3 { border-bottom:0px solid var(--cms-blue); }

  .quicker-links-tile {
    top:50%;
    width:120px;
    height:120px;
    left:50%;
    margin-left:-60px;
    margin-top:-60px;
  }

  .quicker-link-1 {
    .quicker-link-content { justify-content:end; text-align:right; }
  }
  .quicker-link-3 {
    .quicker-link-content { justify-content:end; text-align:right; }
  }

}




/* story links */

.story-link { 
  border-top:2px solid black;
  margin-bottom:1.5rem; 
}

.story-link a { display:block; text-decoration:none; }
.story-link a:hover { display:block; text-decoration:none; }

.story-link-headline { 
  font-family: 'ballinger-condensed', sans-serif;
  font-weight:800;
  text-transform:uppercase;
  padding:4px 0;
}

.story-link-image { position:relative; }
.story-link-image-img { position:relative; top:0px; z-index:2; width:100%; aspect-ratio:2/1; background-size:cover; background-position:center center; }
.story-link-image-bg { position:absolute; top:10px; left:10px; z-index:1; width:100%; aspect-ratio:2/1; background-color:red; }

.story-link-image-bg-0 { background-color:var(--cms-chartreuse); }
.story-link-image-bg-1 { background-color:var(--cms-green); }




.home-intro {
  h1 {
    font-family: 'ballinger-condensed', sans-serif;
    font-weight:800;
    text-transform:uppercase;
    color:var(--cms-green-dark);
  }
  p.intro {
    font-family: 'borax-variable', sans-serif;
     font-weight:400;
     font-size:2rem;
     line-height:1.1;
     margin-bottom:2rem;
  }
}




.post-item {
  border-top:2px solid black;
  margin-bottom:1.5rem; 
}

.post-item a { display:block; text-decoration:none; }
.post-item a:hover { display:block; text-decoration:none; }

.post-item-subhead { 
  padding-top:8px;
  font-family: 'ballinger-condensed', sans-serif; font-weight:800; font-size:0.8rem; text-transform:uppercase; text-wrap:balance;
}
.post-item-headline { 
  font-family: 'borax-variable', sans-serif;
  font-weight:400;
  font-size:2rem;
  line-height:1.1;
  margin:6px 0;
}

.post-item-more { 
  font-family: 'ballinger-condensed', sans-serif; font-weight:800; font-size:0.7rem; text-transform:uppercase; text-wrap:balance; color:var(--cms-green-dark);
}



/* banner */

.no-banner { width:100%; border-top:1px solid #fafafa; }
.banner-b { width:100%; height:240px; background-color:var(--cty-banner-wrap); background-position:center center; background-size:cover;}
@media all and (min-width: 992px) {
  .banner-b { height:240px; }
}




/* detail header */

.detail-header { width:100%; background:#fafafa; border-bottom: 1px solid black; }
.detail-header h1 { font-size: 3.0rem; margin:0; }

p.header-groups { margin:1rem 0; } 
a.btn-header-groups { background-color:inherit; padding:4px 8px; margin:3px 1px; border-radius:4px; transition: all 0.15s linear 0s;  }
a.btn-header-groups { font-size:13px; line-height:15px; letter-spacing:0.050rem; font-weight:700; text-transform:uppercase; 
  color:var(--cty-alink); border:2px solid var(--cty-alink); text-decoration:none; }
a.btn-header-groups:hover { color:var(--cty-ahover); border-color:var(--cty-ahover); text-decoration:none; }





/* css for modal backdrop */

.modal-backdrop { background-color: rgb(16, 31, 171); }
.modal-backdrop.show { opacity:0.75; }

#myModal .modal-body h1 { margin-top:1rem; }
#citylightModal .modal-body h1 { margin-top:1rem; }



/* basic lightbox */

.lightbox-wrap { margin-top:1.5rem; }
.lightbox-squares { width:100%; padding-bottom:100%; background-color:var( --cty-bg-card); background-position:center center; background-size:cover; }



/* solr search */

.site-search-nav { display:table; margin:24px 0px; }
.site-search-nav-control { display:table-cell; vertical-align:middle; padding-right:16px; border:0px solid #eee; }
.site-search-nav-counter { display:table-cell; font-style:italic; padding-right:16px; border:0px solid #eee; }

ul.site-search { margin:10px 0px; padding:0; list-style-type:none; }
ul.site-search li { margin-bottom:16px; }
ul.site-search li span.solr_type { display:block; text-transform:uppercase; font-size:12px; line-height:18px; font-weight:700; letter-spacing:0.100rem; }
ul.site-search li a { font-size:20px; line-height:30px; }
ul.site-search li span.solr_highlight { display:block; font-size:15px; line-height:22px; }
ul.site-search li span.solr_highlight em { font-style:normal; font-weight:700; }


/* cafe-weather */

.cafe-weather { width:100%; max-width:300px; border:1px solid#666; border-radius:1rem; padding:1rem 2rem; margin:1.5rem 0; }
.cafe-weather-today { text-align:center; color:inherit; font-weight: 500; font-size:1rem; line-height:1.1; letter-spacing:0.050rem; text-transform:uppercase; }
.cafe-weather-divider { width:100%; height:2px; opacity:0.25; background-color:#aaa; margin:0.5rem 0; }
.cafe-weather-current { text-align:center; color:inherit; font-weight: 400; font-size:1rem; line-height:1.1; }
.cafe-weather-future { text-align:center; color:inherit; font-weight: 400; font-size:1.5rem; line-height:1.1; }



/* image roll */

.image-roll-hold { background-color:white; margin-top:10px; }

.imagerollSwiper .swiper-wrapper { width:100%; height:500px; position:relative; }

.imagerollSwiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagerollSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.imagerollSwiper .swiper-navigation {
  position: absolute;
  z-index: 999;
  bottom: 30px;
  right: 30px;
  background-color: black;
  border-radius: 30px;
  width: 96px;
  height: 48px;
}

.swiper-roll-prev, .swiper-roll-next { display:block; width:48px; height:48px; font-size:24px; line-height:48px; text-align:center; float:left; color:white; opacity:0.85; }

.swiper-roll-prev:hover { opacity:1; }
.swiper-roll-next:hover { opacity:1; }



/* sharing-box */

.sharing-box { display:table; margin:10px auto; }
.sharing-label { display:table-cell; text-align:center; padding:10px; }
.sharing-icons { display:table-cell; text-align:center; }
.sharing-square { display:inline-block; text-align:center; margin:10px; }
.sharing-square a { display:inline-block; width:40px; height:40px; font-size:18px; line-height:38px; text-align:center;  }
.sharing-square a { text-decoration:none; color:white; background-color:var(--cty-alink); border:none; transition: all 0.15s linear 0s;}
.sharing-square a:hover { color:white; background-color:var(--cty-ahover); }
.share-cta { font-size:14px; line-height:16px; letter-spacing:0.100rem; font-weight:700; text-transform:uppercase; }
@media all and (min-width: 9999999px) {
	.sharing-box { display:block; margin-top:0px; }
	.sharing-label { display:block; }
	.sharing-icons { display:block; }
	.sharing-square { display:block; margin:20px 10px; }
}