@charset "UTF-8"; /* CSS Document */ /* 1. Typography 2. Band Styles 3. Navigation 4. SOCIAL MEDIA ICONS 5. Passport Carousel 6. Helper Classes 7. Card Decks 8. Accord 9. Image Hover States 10. Fonts colors Light brown: #e7e1da /*lose the firefox outline of links*/ * {
  -moz-outline-style: none;
  outline-style: none;
  outline-width: 0px;
  outline-color: -moz-use-text-color;
  color: undefined;
}
a img {
  border: none;
}
:root {
  --site-width: 94%;
  --site-max: 1600px;
}
.band-primarybk > .container, .band-primary-ad > .container, .band-genban > .container, .band-ftr > .container, .band-hp-wel > .container, .band-hp-wel2 > .container {
  width: var(--site-width);
  max-width: var(--site-max);
  margin-left: auto;
  margin-right: auto;
}
.btn-link:hover {
  color: #505050;
} /* Apply the custom font to Bootstrap classes body { font-family: 'Kumbh Sans', sans-serif; } /* 3. NAVIGATION ========================================================================== */ /* 3. END NAVIGATION ========================================================================== */ /* 1. TYPOGRAPHY ========================================================================== */ /* a. HEADS */ h1, h2, h3, h4, h5, h6 {
  font-family: 'Kumbh Sans', sans-serif;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: normal;
  margin: 0; /* Avoid inconsistent default margins */
} /* Individual Heading Styles */ h1 {
  font-size: 60px;
  letter-spacing: -1px;
}
h2 {
  font-size: 50px;
  letter-spacing: -1.5px;
}
h3 {
  font-size: 36px;
  letter-spacing: -0.875px;
}
h4 {
  font-size: 24px;
  letter-spacing: -0.025px;
  margin-bottom: 2px; /* Consistent spacing */
}
h5 {
  font-size: 20px;
  font-weight: 500; /* Stronger emphasis */
}
h6 {
  font-size: 18px;
  font-weight: 300; /* Lighter for subtle emphasis */ letter-spacing: -0.025px;
  line-height: 1.5; /* Slightly taller for readability */
} /* Highlighted Headings */ .p-h1-super-white, .p-h1-super-purple {
  font-family: 'Kumbh Sans', sans-serif;
  font-weight: 100; /* Thin font weight for dramatic headlines */ font-size: 80px;
  line-height: 1.25;
  letter-spacing: -2px; /* Wider tracking for elegant spacing */
} /* Specific Styles for Super Headings */ .p-h1-super-white {
  color: #FFFFFF;
  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25); /* Subtle glow for readability */
}
.p-h1-super-purple {
  color: #332b61; /* Rich purple for emphasis */
} /* H1 Colors */ .hgray {
  color: #3a3a3a;
}
.hgray600 {
  color: #3a3a3a;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}
.hgray600-2 {
  color: #3a3a3a;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  margin-bottom: 25px;
}
.hgray600border {
  color: #3a3a3a;
  font-weight: 500 !important;
  border-top: solid 5px rgba(132, 185, 255, 0.69);
  padding-top: 10px;
  margin: 0px 10px 10px 0px;
}
.hwhite {
  color: #FFFFFF;
}
.hblue {
  color: #0A006F;
}
.hpurple {
  color: #332b61; /*252043 342e55*/
}
.hpurple600 {
  color: #332b61;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}
.hpurple900 {
  color: #332b61;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}
h4.hpurple900 {
  color: #332b61;
  font-weight: 900;
  line-height: 1.25;
}
.hperwink {
  color: #7470FF; /*252043 342e55*/
}
.hpurple-mar-r30 {
  color: #332b61; /*252043 342e55*/ padding-right: 30px;
} /* H1 styles */ .hgraybrd-gray-p15 {
  color: #3a3a3a;
  padding-bottom: 15px;
  border-bottom: 1px #8f7606 solid; /*#7470FF Perrywinkle*/ margin-bottom: 25px;
}
.hpurple-brd-p15 {
  color: #332b61;
  padding-bottom: 15px;
  border-bottom: 1px #8f7606 solid; /*#7470FF Perrywinkle #8f7606*/ margin-bottom: 25px;
}
.hpurple-brd-p15-wt {
  color: #332b61;
  padding-bottom: 15px;
  border-bottom: 1px #FFFFFF solid; /*#7470FF Perrywinkle #8f7606*/ margin-bottom: 25px;
}
.hpurple-vid {
  color: #332b61;
  ;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: -0.025px !important;
  margin-bottom: 5px !important;
}
.hwhite-brd-m25 {
  color: #FFFFFF;
  padding-bottom: 15px;
  border-bottom: 1px #8f7606 solid; /*#7470FF Perrywinkle*/ margin-bottom: 25px;
}
.hwhite {
  color: #FFFFFF;
}
.hblue {
  color: #0A006F;
} /* H1 marginvariants */ .target-container .row {
  margin-bottom: 45px;
} /* Optional: Remove margin for the last row */ .target-container .row:last-child {
  margin-bottom: 0;
} /* b. BODY TYPE */ .p-bodytype {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #1a1a1e;
  font-size: 17px;
  text-align: left;
  line-height: 1.75;
  margin-bottom: 25px;
}
.p-bodytype a {
  color: #1a1a1e;
  text-decoration: underline;
  font-weight: 700;
}
.p-bodytype a:hover, .p-bodytype a:visited:hover {
  color: #000000;
}
.p-bodytype a:visited {
  color: #1a1a1e;
}
.p-bodytype-vid {
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  color: #595959;
  font-size: 16px;
  text-align: left;
  line-height: 1.0;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.vid-space {
  margin-bottom: 55px;
}
.mar-var-100 {
  margin-bottom: 100px;
}
.p-bodytype-wt {
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  color: #F6F6F6;
  font-size: 17px;
  text-align: left;
  line-height: 1.75;
  margin-bottom: 40px;
  letter-spacing: 0.025rem;
}
.p-bodytype-wt a {
  color: #F6F6F6;
  text-decoration: underline;
  font-weight: 700;
}
.p-bodytype-wt a:hover, .p-bodytype-wt a:visited:hover {
  color: #FFFFFF;
}
.p-bodytype-wt a:visited {
  color: #F6F6F6;
}
.p-body-tst {
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  color: #F6F6F6;
  font-size: 17px;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.025rem;
}
.p-bodytypetight {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #1a1a1e;
  font-size: 17px;
  text-align: left;
  line-height: 1.5;
  margin-right: 30px;
  margin-bottom: 15px;
}
.p-bodytypetight a {
  color: #1a1a1e;
  text-decoration: underline;
  font-weight: 700;
}
.p-bodytypetight a:hover, .p-bodytype a:visited:hover {
  color: #000000;
}
.p-bodytypetight a:visited {
  color: #1a1a1e;
}
.p-fineprint {
  font: 400 11px/1.5 'Lato', sans-serif;
  color: #1d1d1d;
  text-align: left;
  margin-bottom: 20px;
}
.p-fineprint a {
  color: #1d1d1d;
  text-decoration: underline;
  font-weight: 700;
}
.p-fineprint a:hover, .p-fineprint a:visited:hover {
  color: #323232;
}
.p-fineprint a:visited {
  color: #6a6a6a;
} /* footer */ .band-ftr .footer-logo {
  margin-bottom: 20px; /* Adjust the value as needed */
}
.band-ftr-bdr {
  border-top: 1px #8f7606 solid;
  padding-top: 30px;
} /* footer */ .pcopyright {
  font: 500 12px/1.25 'Lato', sans-serif;
  color: #272727;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pcopyright a {
  color: inherit;
  font-weight: 700;
  text-decoration: none;
}
.pcopyright a:hover {
  color: #000;
  text-decoration: underline;
}
.band-ftr {
  padding: 75px 0px 25px 0px;
  background-color: rgba(231, 225, 218, 0.42) /*#1e1d1c purple18142e 332b61*/ ; /*border-top: solid 1px rgba(231,225,218,0.72);*/
} /* 1xe. Cards ========================================================================== */ .card-test {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 10px 10px 10px 10px;
  margin-bottom: 25px;
}
.card-hp-programcard {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-top: 5px;
  padding-bottom: 0px;
  margin-bottom: 25px;
  padding-right: 10px;
}
.row-btm-brdr { /* border-bottom: solid 1px rgba(132,185,255,0.69); */ padding-bottom: 20px;
  margin-bottom: 40px;
} /* 2. BANDS ========================================================================== */ .band-hp-wel {
  padding: 75px 15%;
  display: flex;
  flex-direction: column;
  background-color: rgba(231, 225, 218, 0.0);
}
.band-hp-wel2 {
  padding: 150px 10%;
  display: flex;
  flex-direction: column;
  background-color: rgba(231, 225, 218, 0.0);
}
.band-secondary-bk {
  padding: 50px;
  display: flex;
  flex-direction: column;
  border-right: 10px solid #FFFFFF;
}
.band-fill-100 {
  padding: 100px;
  display: flex;
}
.band-fill-pur100 {
  padding: 100px;
  display: flex;
  background-color: #252043;
}
.band-primarybk {
  padding: 100px 0px 100px 0px;
  display: flex;
}
.band-primary-ad {
  padding: 0px 0px 100px 0px;
  display: flex;
}
.band-testimonial {
  padding: 15px;
  display: flex;
}
.bg-testimo-periw {
  background-color: #7470FF;
  padding: 25px !important;
}
.bg-p-white {
  background-color: #FFFFFF;
}
.bg-p-peri {
  background-color: #7470FF;
}
.bg-p-light {
  background-color: #dcd6cb;
}
.bg-p-light-super {
  background-color: rgba(231, 225, 218, 0.46); /* rgba(132,185,255,0.69); */
}
.bg-p-light-super-pd40 {
  background-color: rgba(231, 225, 218, 0.42); /* #e7e1da; rgba(132,185,255,0.69); */ padding: 40px;
  border: 1px solid rgba(231, 225, 218, 0.72);
}
.bg-p-mid {
  background-color: #7470FF;
}
.bg-p-dark {
  background-color: #554933;
}
.bg-p-purple {
  background-image: linear-gradient(135deg, #000000 0%, transparent 30%), linear-gradient(315deg, #000000 0%, transparent 30%);
  background-blend-mode: normal;
  background-color: #252043; /** rgba(132,185,255,0.69) **/
} /*** GEN BANNERS ***/ .band-genban {
  background-image: linear-gradient(135deg, #000000 0%, transparent 40%), linear-gradient(315deg, #000000 0%, transparent 40%);
  background-blend-mode: normal;
  background-color: #252043; /** rgba(132,185,255,0.69) **/ padding: 75px 0px 20px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 250px;
  display: flex;
  justify-content: center; /* Centers content horizontally */ align-items: flex-end;
}

/**** SIGNATURE BANNERS ****/
.band-sig25 {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  text-align: left;
  background-color: #252043;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 75px 0 40px;
  min-height: 700px;
}

.band-sig25::before {
  content: "";
  position: absolute;
  inset: 0;
/* edge gradients, BUT no black overlay */
  background:
    linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0) 40%
    ),
    linear-gradient(
      to top,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0) 30%
    );

  /* this is the key change */
  mix-blend-mode: multiply;
	z-index: 0;
  pointer-events: none;
}

/* classic.  
.band-sig25::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 40%), linear-gradient(to top, rgba(0, 0, 0, 1.0) 0%, rgba(0, 0, 0, 0) 30%);
  z-index: 0;
  pointer-events: none;
} */
.band-sig25 > * {
  position: relative;
  z-index: 1;
}
.band-sig25 > .container {
  width: var(--site-width);
  max-width: var(--site-max);
  margin-left: auto;
  margin-right: auto;
  /* key part for flex parent */
  flex: 0 0 auto;
}
.p25-cover {
  background-image: url("../../_assets/images/cover/revpatty.avif");
  background-position: center center;
}
.p25-aboutpatty {
  background-image: url("../../_assets/images/aboutpatty/pattypipia-water2.jpg");
  background-position: center center;
}
.p25-baptism-top {
  background-image: url("../../_assets/images/baptisms/revpatty-baptism-sig.jpg");
  background-position: center center;
}
.p25-elopement {
  background-image: url("../../_assets/images/elopements/patty-pipia-elopements.jpg");
  background-position: center center;
}
.p25-grief {
  background-image: url("../../_assets/images/griefcoun/patty-pipia-griefcounseling4.jpg");
  background-position: center center;
}
.p25-holis {
  background-image: url("../../_assets/images/holistic-services/revpatty-holistic.jpg");
  background-position: center center;
}
.p25-aboutpraying {
  background-image: url("../../_assets/images/prayerrequest/patty-pipia-praymeditate.jpg");
  background-position: right top;
}
.p25-prayerif {
  background-image: url("../../_assets/images/prayerrequest/patty-pipia-prayer-request.jpg");
  background-position: center center;
}
.p25-weddings {
  background-image: url("https://revpatty.com/_assets/images/weddings/pp/reverendpatty-w1c.jpg");
  background-position: center center;
} /**** ABOUT PATTY ****/ .band-pipia-btm {
  background-color: #252043;
  padding: 75px 0px 20px 0px;
  background-image: url("../../_assets/images/aboutpatty/patty-water43.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 500px;
  display: flex;
  justify-content: center; /* Centers content horizontally */ align-items: flex-end;
} /**** ELOPEMENTS ****/ .band-elopement-btm {
  background-color: #f2e9d7;
  background-image: url("../../_assets/images/weddings/pattypipia-wedelop-sig.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 450px;
  display: flex;
  justify-content: center; /* Centers content horizontally */ align-items: flex-end;
} /**** GRIEF ****/ .band-pipia-grief-btm {
  background-color: #f2e9d7;
  padding: 75px 0px 20px 0px;
  background-image: url("../../_assets/images/griefcoun/patty-pipia-griefcounseling2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 500px;
  display: flex;
  justify-content: center; /* Centers content horizontally */ align-items: flex-end;
} /** HOLISTIC **/ /**** AD BLOCKS ****/ .band-spi-guidance2 {
  background-image: url("../../_assets/images/ads/spiritual-guidance2.jpg");
  background-position: top left;
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
} /**** WEDDINGS ***/ .band-services {
  background-image: url("https://revpatty.com/_assets/images/aboutpatty/patty-services.jpg");
  background-position: right center;
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}
.band-weddingcallout {
  background-image: url("https://revpatty.com/_assets/images/weddings/wedding-callout.jpg");
  background-position: center center;
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}
.band-weddingcallout2 {
  background-image: url("https://revpatty.com/_assets/images/weddings/wedding-callout5.jpg");
  background-position: right center;
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}
.band-weddingcallout4 {
  background-image: url("https://revpatty.com/_assets/images/weddings/weddingcallout7.jpg");
  background-position: center center;
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}
.band-placeholder {
  background-image: url("https://revpatty.com/_assets/images/test/pattypipia.jpg");
  background-position: bottom center;
  padding: 0px;
  background-size: cover;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  display: flex;
}
.band-weddings-btm {
  background-color: #f2e9d7;
  background-image: url("https://revpatty.com/_assets/images/weddings/pattypipia-wedding-intro-rec.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 450px;
  display: flex;
  justify-content: center; /* Centers content horizontally */ align-items: flex-end;
}
.band-weddings-top {
  background-color: #f2e9d7;
  padding: 75px 0px 20px 0px;
  background-image: url("https://revpatty.com/_assets/images/weddings/widebanner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 375px;
  display: flex;
  justify-content: center; /* Centers content horizontally */ align-items: flex-end;
}
.band-weddings-f {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  border-radius: 6px;
  margin: 20px 0px 20px 0px;
}
.wed-1 {
  background-image: url("https://revpatty.com/_assets/images/weddings/pattypipia-weddings9f.jpg");
}
.wed-2 {
  background-image: url("https://revpatty.com/_assets/images/weddings/pattypipia-weddings9c.jpg");
}
.wed-3 {
  background-image: url("https://revpatty.com/_assets/images/weddings/pattypipia-weddings8.jpg");
}
.wed-4 {
  background-image: url("https://revpatty.com/_assets/images/weddings/pattypipia-weddings4.jpg");
}
.wed-5 {
  background-image: url("https://revpatty.com/_assets/images/weddings/pattypipia-weddings9.jpg");
}
.wed-6 {
  background-image: url("https://revpatty.com/_assets/images/weddings/pattypipia-weddings9g.jpg");
} /* * FOR ADS USING THE BAND ABOVE * */ .prayer-ad {
  background-image: url("https://revpatty.com/_assets/images/ads/prayer-box.jpg");
}
.wed-ad {
  background-image: url("https://revpatty.com/_assets/images/ads/wedding-ad.jpg");
}
.other-ads {
  background-image: url("https://revpatty.com/_assets/images/ads/patty-pipia-counseling.jpg");
}
.band-textblock {
  background-image: url("https://revpatty.com/_assets/images/test/widebanner.jpg");
  background-position: top center;
  padding: 50px 50px 40px 50px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 375px;
  display: flex;
}
.band-ph-box {
  padding: 0 50px 40px 50px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 650px;
  display: flex;
}
.band-hpblk-2 {
  background-color: #000;
  padding: 0 50px 40px 50px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 325px;
  max-height: 325px;
  display: flex; /** background: linear-gradient(to top, #767676, #FFFFFF); **/
}
.band-pg24-feature-1 {
  background-image: url("../vis/test/widebanner.jpg");
  background-position: top center;
  padding: 0 50px 40px 50px;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 500px;
  display: flex;
}
.band-pg24-feature-1-r {
  background-color: #eae8e0;
  padding: 40px 50px 40px 50px;
  display: flex;
  border-left: solid 10px #ffffff;
}
.band-banner {
  background-color: #000000;
  padding-top: 65px;
  padding-bottom: 65px;
  min-height: 275px;
  background-image: url("https://revpatty.com/_assets/images/common/wqptpbs-cb-22024-5.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  display: flex;
  align-items: center;
  justify-content: center;
} /* 4. BUTTONS ========================================================================== */ .btn-custom-ff {
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.05rem;
  margin: 10px 0px 10px 0px;
  border: solid 1px #252043;
}
.btn-custom-ff:hover {
  background-color: #252043;
  color: #FFFFFF;
  border: solid 1px #FFFFFF;
} /* */ .btn-custom-00 {
  background-color: #252043;
  color: #FFFFFF;
  border: solid 1px #252043;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.05rem;
  margin: 10px 0px 10px 0px;
}
.btn-custom-00:hover {
  background-color: #FFFFFF;
  color: #000000;
  border: solid 1px #000000;
} /* * BUTTONS OVER IMAGES * */ .btn-custom-ffimg {
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 1px #252043;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.05rem;
  padding: 10px 20px; /* Add padding to match the original button style */ margin: 0; /* Remove margin to keep button within the image area */
}
.btn-custom-ffimg:hover {
  background-color: #252043;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
}
.btn-pp-wrapper {
  position: absolute;
  bottom: 35px; /* Position 60px from the bottom */ left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
} /* 5. HAMBURGER */ /* General navigation styles for screens larger than 1350px */ #navbar {
  padding: 10px 0;
  position: relative;
}
.nav-links {
  display: flex; /* Standard display on larger screens */ gap: 20px;
  list-style: none;
}
.nav-links li a {
  text-decoration: none;
  color: #333;
  padding: 10px;
  display: block;
} /* Hamburger-specific styles */ .hamburger-menu {
  display: none; /* Hidden by default for larger screens */ justify-content: flex-end;
  align-items: center;
}
.hamburger-box {
  background-color: red;
  padding: 10px;
  border-radius: 4px;
}
.hamburger-box span {
  display: block;
  width: 25px;
  height: 3px;
  background-color: white;
  margin: 4px 0;
  transition: all 0.3s ease;
} /* Hidden dropdown for small screens */ .dropdown-nav {
  display: none;
  background-color: #fff; /* Reverting to the original background color */ padding: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
}
.dropdown-nav a {
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #333;
} /* Media query for screens smaller than 1350px */ @media (max-width: 1349px) { /* Hide the nav links and show the hamburger icon */ .nav-links {
    display: none;
  }
  .hamburger-menu {
    display: flex;
    position: absolute;
    right: 20px; /* Far right of the container */
  } /* Show dropdown when triggered */ .dropdown-nav.show {
    display: block;
  }
} /* 6. HELPER CLASSES ========================================================================== */ .imgrad8 {
  border-radius: 8px;
}
.floatlt10 {
  float: left;
  margin-right: 10px;
}
.floatright20 {
  float: right;
  margin-right: 20px;
}
.floatltt20 {
  float: left;
  margin-right: 20px;
}
.floatleft30 {
  float: left;
  margin-right: 30px;
  margin-bottom: 5px;
}
.clearfix-special {
  display: block;
  clear: both;
  content: "";
}
.space5 {
  margin-top: 2px;
}
.space10 {
  margin-top: 10px;
}
.space25 {
  margin-top: 25px;
}
.space50 {
  margin-top: 50px;
}
.space75 {
  margin-top: 75px;
} /* 7. CARD DECK ========================================================================== */ .card-hp {
  display: flex;
  justify-content: center; /* Center content horizontally */
}
.card {
  background-color: rgba(0, 0, 0, 0.0);
  border: 1px solid rgba(0, 0, 0, 0.0);
  word-wrap: normal;
}
.card-body-pp {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 5px 15px 10px 1px;
}
.card2 {
  background-color: rgba(189, 182, 175, 0.20);
  border: 1px solid #e5d4ab;
  word-wrap: normal;
  padding: 20px;
  min-height: 295px;
  margin-bottom: 20px;
}
.card-artslide {
  background-color: rgba(189, 182, 175, 0.15);
  word-wrap: normal;
  padding: 15px;
  margin-bottom: 20px;
}
.card-body2 {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 5px 15px 10px 1px;
  margin-bottom: 5px;
}
.card-help {
  border: 0px solid #918e8a;
  word-wrap: normal;
  padding: 0px;
}
.card-helpbody {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px 15px 15px 15px;
  margin-bottom: 20px;
} /* 8. FOOTER ========================================================================== */ /* FOOTER */ .p-ftr-txt {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.90);
  font-size: 15px;
  line-height: 1.5;
  margin-top: 15px;
  letter-spacing: 0.05em;
  text-align: left;
}
.p-ftr-txt a, .p-ftr-txt a:visited {
  color: rgba(255, 255, 255, 0.90);
  text-decoration: none;
  font-weight: 500;
}
.p-ftr-txt a:hover, .p-ftr-txt a:visited:hover {
  color: #FFFFFF;
  text-decoration: underline;
  font-weight: 400;
}
.p-ftr-links {
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #272727;
  font-size: 15px;
  line-height: 1.0;
  margin-bottom: 35px;
  letter-spacing: 0.05em;
}
.p-ftr-links a, .p-ftr-links a:visited {
  color: #272727;
  text-decoration: none;
  font-weight: 400;
}
.p-ftr-links a:hover, .p-ftr-links a:visited:hover {
  color: #000000;
  text-decoration: underline;
  font-weight: 400;
}
@media (max-width: 991px) {
  .p-ftr-txt {
    text-align: center;
  }
  .p-ftr-links {
    margin-top: 35px;
    text-align: center;
  }
  .p-ftr-links a, .p-ftr-links a:visited {
    margin-top: 35px;
    text-align: center;
  }
} /* 9. Hover ========================================================================== */ .grow {
  transition: all .5s ease-in-out;
}
.grow:hover {
  transform: scale(0.65);
} /* ===== inside div === */ imgzoom img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  -webkit-transform: scale(1);
  transition: .2s ease-in-out;
}
imgzoom:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.1);
}
.imgzoom-wrapper {
  overflow: hidden;
} /* ===== inside ad or logo === */ imgzoom-ad img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  -webkit-transform: scale(1);
  transition: .2s ease-in-out;
}
imgzoom-ad:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.05);
} /* 10. Roll-in========================================================================== */ imgzoom-nav23 img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  -webkit-transform: scale(1);
  transition: .2s ease-in-out;
}
imgzoom-nav23:hover img { /**** DEACTIVE opacity: .7; OR -webkit-filter: brightness(60%);****/ transform: scale(1.05);
}
.roll-in {
  position: relative;
  animation: rollIn 3s ease-out forwards;
}
@keyframes rollIn {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.hidden {
  visibility: hidden;
} /* Development class to disable animation */ .dev-visible {
  visibility: visible !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  animation: none !important;
} /* 11. Callout ========================================================================== */
.pp-callout-wed1 {
  background-image: url("../images/weddings/weddingcallout7.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 500px;
}
.pp-callout-wed2 {
  background-image: url("../images/weddings/pattypipia-couple.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 500px;
  border-radius: 15px;
}
.pp-callout-wed3 {
  background-image: url("../images/weddings/pattypipia-weddings9e.jpg");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 500px;
}
.pp-callout-style-trans {
  padding: 40px;
  display: flex;
  align-items: center;
}
.pp-callout-style1 {
  background-color: #e7e1da;
  padding: 40px;
  display: flex;
  align-items: center;
}
.pp-callout-style2 {
  padding: 40px 40px 40px 0px;
  display: flex;
  align-items: center;
}
.card-callout {
  text-align: left;
}