html, body {height: 100%;}
a {color: black;}
a:hover {color: #1376b1;}
.btn-primary {
    color: #fff;
    background-color: #4e7aa2 !important;
    border-color: #4e7aa2 !important;
}
.btn-primary:hover {
  color: #fff;
  background-color: #324e68 !important;
  border-color: #324e68 !important;
}
.btn-primary:active {
  color: #fff;
  background-color: #4e7aa2 !important;
  border-color: #324e68 !important;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-thickness: 2px;
	text-decoration-color: rgba(0,0,0,.15);
	text-underline-offset: 7px;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(0,0,0,.15);
  text-underline-offset: 7px;
}
.dropdown-item.active, .dropdown-item:active {
  background-color: transparent !important;
    color: inherit;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-underline-offset: 7px;
    padding-left: 1.35rem;
    text-decoration-color: rgba(0,0,0,.35);
}
.nav-link.btn.btn-primary.text-white.active, .nav-link.btn.btn-primary.text-white:hover {
  text-decoration-color: rgba(255,255,255,.75);
  text-underline-offset: 3px;
}
.gift-btn {
	display: block;
	width: 100%;
	height: 29px;
	background-color: #4e7aa2;
	color: #fff;
	font-size: 16px;
	font-style: italic;
	text-align: center;
	border-radius: 9px;
	line-height: 29px;
	margin-bottom: 30px;
}
.hero-section {
    border-top: 24px solid #a6c7db;
    border-bottom: 24px solid #a6c7db;
}
.hero-text p {
    padding-bottom: 120px;
    background: url("../images/pink-butterfly-3.svg") no-repeat center bottom/140px;
    padding-top:1rem;
    width:95%;
}
h1, h2, h3, h4, h5, h6 {
    color: #4f7ba3;
    font-weight: 700 !important;
}
.hero-section h1 {
    font-family: 'EB Garamond', serif;
}
.page-banner {width: 100%; max-width:100%;}
blockquote.main-area-quote {
    float: right;
    width: 235px;
    font: italic 1.125em/1.5em georgia, serif;
    color: #4e7aa2;
    padding: 0px 30px 0;
    background: url(../images/blockquote_left.png) no-repeat top left, url(../images/blockquote_right.png) no-repeat bottom right;
    margin: 30px 0px 10px 20px;
}
.img-gallery {
    background-color: #f2f0eb;
    background-image: url("../images/bg-rpt-light.svg");
    background-size: 50%;
}
.rsc-quote {
    background-color: #f2f0eb;
    background-image: url("../images/bg-rpt-light.svg");
    background-size: 50%;
}
.img_caption_left {
    float: left;
    width: 350px;
    margin-right: 15px;
    margin-top: 10px;
}
.img_caption_right {
    float: right;
    width: 350px;
    margin-left: 15px;
    margin-top: 10px;
}
.bodyCaption {
    color: #6e6e6e;
    font-size: .8125em;
    line-height: 1.333em;
    padding: 0 5px 0 0;
    display:block;
}
.cite {
  text-align: right;
  margin-right: 1rem;
  color: white;
}
.bqp {text-indent: -10px;}
#rscCarousel .carousel-caption {
  position: relative;
  right: 0;
  left: 0;
  padding-bottom: 0;
  color: black;
}
.subNavSection {
  border-bottom: 1px solid #4e7aa2;
  margin-bottom: 2rem;
}
.subNavSection ul {
  font-size: 1.1rem;
  padding: 0;
}
.subNavSection li {
  list-style: none;
  line-height: 2rem;
}
.subNavSection ul li a {
  color: #4e7aa2;
  text-decoration: none;
}
.sb-content {
  margin-bottom: 2rem;
  color: #4e7aa2;
}
.sb-content h4 {
  /*color: #6e6e6e;*/
  font-size: 1em;
  line-height: 1.125em;
  margin-bottom: 1rem;
}

.sb-content a {
  color: #4e7aa2;
  text-decoration: none;
  position:relative;
  display:block;
  line-height: 1.25;
}
.sb-content a img {
  width: 100%;
}
.sb-content span.vid {
  display: block;
  font-size: 1.125rem;
}
.play-icon::before {
  display: inline;
  content: "\F4F3";
  font-family: bootstrap-icons !important;
  position: absolute;
  transform: translate(-50%, -50%);
  font-size: 400%;
  color: rgba(255,255,255,.75);
  top:50%;
  left:50%;
}
.embed-container {
	height: auto;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.gift {
    background-color: #a6c7db;
    background-image: url("../images/floral-design4.svg"), url("../images/floral-design4-mirror.svg");
    background-repeat: no-repeat;
    background-position: 10% 45%, 90% 45%;
    background-size: 30%;
}
.gift p {
  color: #324e68;
}
.blockquote-footer {
  background: none;
}
.notable {
  border: 5px solid #a6c7db;
  padding: 15px 30px;
  margin-bottom: 30px;
}
#rsc-quote-cards .card-header {
  background: url("/files/images/double-quotes-circ-outline.svg") no-repeat center/13%;
  height: 50px;
}

.media-sections {
    display:flex;
    gap: 1rem;
    flex-direction: column;
}
.media-sections section {
  background-color: #faf9f7;
  padding: 30px;
}
.media-sections .credentials {
    border: 5px solid #4f7ba3;
}
.media-sections section h2 {
  color: #4d4c4a;
}
.memeCol img {
	 margin-bottom: 25px;
	 width: 100%;
}
.motif1,.motif2,.motif3 ,.motif4,.motif5 {font-family: "eb garamond", serif; line-height:2rem;}
.motif1 {background: #284c79 url("../images/single-white-rose.svg") no-repeat right -15% top 25%/30%;}
.motif2 {background: #d9d5a8 url("../images/grn-vine-vert.svg") no-repeat left -10% top/27%; color:#3D402B;}
.motif2 .cite {color:#3D402B;}
.motif3 {background: #f9bbc3 url("../images/wht-flora-w-bird.svg") no-repeat right top/30%;color:#490810;}
.motif3 .cite {color:#490810;}
.motif4 {background: #5C5C57 url("../images/single-white-rose.svg") no-repeat left -15% top 25%/30%;}
.motif5 {background: #d28a86 url("../images/single-white-rose.svg") no-repeat right -15% top 25%/30%;color:#130707;}
.motif5 .cite {color:#130707;}
footer {
  background-color: #4e7aa2;
  color: white;
}
footer a {
    color: white;
}
footer a:hover {
 color: black;
}
footer .logo a:hover {
  background: none;
}

/**** BOOTSTRAP CAROUSEL OVERRIDE ****/
.carousel-control-next, .carousel-control-prev {
  opacity: .65;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 1.85rem;
  height: 1.85rem;
  background-size: 60% 60%;
  background-color: #2379c8;
  border-radius: 50%;
  padding: 25px;
}

/**** MEDIA QUERIES ****/
@media (max-width: 1440px) {
    .container-xxl {
      max-width: 1440px;
      padding-left:0;
}
    .hero-section .row img {margin-left:12px;}
    .hero-section .row div {margin-left:-12px;}
}
@media (max-width: 1190px) {
    .gift {background-size:40%;}
    .nav-link.btn.btn-primary.text-white {
      line-height: 1.25rem;
      display: inline-block;
      padding-left: 10px;
      padding-right: 10px;
    }
}
@media (max-width: 991px) {
  .gift {
    background-size: 48%;
  }
  .hero-section .row img {margin-left:0px;}
  .hero-section .row div {margin-left:0px;}
  .hero-text p {width: 100%; padding-left:3rem;padding-right:3rem;}
  .img-gallery div .hp-text, .rsc-quote div .hp-text {text-align:center;}
   #rsc-quotes .card {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 860px) {
    .gift {background-size: 78%; background-position: -50% 45%, 150% 45%;}
    .gift-text {width: 80%!important;}
    
}
@media (max-width: 768px) {
  .navbar-brand img {width: 100%!important;}
}
@media (max-width: 576px) {
    .navbar-brand img {width: 150%!important;}
  .gift {
      background-image: url("../images/floral-m-design4.svg"), url("../images/floral-m-design4-mirror.svg");
      background-size: 28%;
      background-position: -10% top, right bottom -25%;
    }
    .hero-text p {padding-bottom: 90px;background-size:100px;
