.panel.panel-ctas {
  background: #fafafa;
  padding: 2.5rem 2.75rem;
}

#panels .panel.panel-ctas h2, 
#panels .panel.panel-ctas h3, 
#panels .panel.panel-ctas h4 {
  color: #5d5d5d;
  padding-top: 0!important;
  line-height: .9 !important;
}
#panels .panel.panel-ctas p {
  color: #5d5d5d;
}
#panels .panel.panel-ctas .btn {
  min-width: 150px;
}

/* ------------------------------- */

div.cta-link, div.flowers {
  padding: 4em;
  margin-bottom: 2em;
  border-radius: 7px;
}

@media screen and (max-width: 1280px) {
  article.obituary, div.cta-link, div.flowers {
    padding: 3em 3.5em;
  }
}

@media screen and (max-width: 1023px) {
  article.obituary, div.cta-link, div.flowers {
    padding: 2em 3em;
  }
}

@media screen and (max-width: 480px) {
  article.obituary, div.cta-link, div.flowers {
    padding: 2em;
  }
}
div.cta-link::after, div.flowers::after {
  content: " ";
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 5px;
  z-index: 1;
}

/* ========================================================== //
// -- Large secondary links */
div.cta-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;   -webkit-flex-flow: row wrap;
   flex-flow: row wrap;  
   -webkit-justify-content: space-between;
   justify-content: space-between;
   -webkit-align-content: stretch;
   align-content: stretch;
   /*margin: 0 -1em;*/
}

@media screen and (max-width: 768px) {
  div.cta-link-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

div.cta-link {
  -webkit-box-flex: 1 1 45%;
  -moz-box-flex:  1 1 45%;
  -webkit-flex:  1 1 45%;
  -ms-flex:  1 1 0;
  flex: 1 1 45%;
  position: relative;
  background-color: #F5F5F5;
}

body.dark div.cta-link, 
body.light div.cta-link {
  flex: 1!important;
}


div.cta-link section, div.cta-link button, div.cta-link a {
  position: relative;
  z-index: 2;
}

.guestbook {
  background-image: url("../images/guestbook.jpg");
  background-position-y: 21%;
  background-position-x: 100%;
}

.card {
  background-image: url("../images/sympathy-card.jpg");
  background-position: left center;
}

.local {
  background-image: url("../images/flowers.jpg");
  background-position: right center;
}

.photos {
  background-image: url("../images/photos.jpg");
  background-position: cover;
}

/* -- TREE CTA override -- */
div.flowers.trees { 
  background-image: url(../images/trees9-cta.jpg);
  background-position: 50% 40%;
}

/* --- Flex only - wide -- */
body.light div.flowers.trees,
body.dark div.flowers.trees { 
   background-size: cover;
}

/* ========================================================== //
// -- Bottom Send Flowers CTA */
div.flowers {
  background-image: url("../images/flowers2.jpg");
  background-position: left center;
  position: relative;
}

@media screen and (max-width: 480px) {
  div.flowers {
    background-position: 10% center;
  }
}

@media screen and (min-width: 769px) {
  div.flowers:not(.half-size) .content {
    width: 40%;
  }
}

div.flowers .content {
  line-height: 1.5em;
  position: relative;
  z-index: 2;
}

div.flowers .content:first-child {
  margin-bottom: 1em;
}

div.flowers .content p,
div.trees .content p,
div.guestbook .content p,
div.card .content p,
div.photos .content p {
  font-weight: normal;
  line-height: 1.25em;
}

div.flowers .content > span {
  display: block;
}

/* ---- Adjustments Flex ---- */

section.obit-ctas > .holder > div > div {
  padding-top: 2rem;
}

@media screen and (min-width: 769px) {
  div.cta-link.guestbook {
    margin-right: 1em;
  }
  div.cta-link.card {
    margin-left: 1em;
  }
  .cta-link.cta-flowers.half-size {
    margin-right: 1em;
  }
  .cta-link.cta-gifts.half-size {
    margin-left: 1em;
  }
}
body.dark div.cta-link::after, .text-light div.cta-link::after,
body.dark div.flowers::after, .text-light div.flowers::after {
  background-color: #0000009c !important;
}
body.dark .box div.cta-link::after, 
body.dark .box div.flowers::after {
  background-color: #ffffff99 !important;
}
div.cta-link {
  border: 1px solid #c8c8c8;
}
body.dark div.cta-link,
.text-light div.cta-link {
  border: 1px solid #2f2f2f !important;
}
body.dark .box div.cta-link {
  border: 1px solid #c8c8c8 !important;
}