@charset "UTF-8";

/* ==========================================================================
   TABLE OF CONTENTS
   ==========================================================================
   1.  Font Faces
   2.  Base Elements
   3.  CSS Variables
   4.  Links
   5.  Headings
   6.  Body Typography
   7.  Footer Structure
   8.  Card Layout
   9.  Layout, Backgrounds, and Hero Bands
   10. Bottom Feature Bands
   11. Image Callout Bands
   12. Advertisement Images and Content Bands
   13. Buttons
   14. Legacy Navigation Component
   15. Utilities
   16. Cards
   17. Footer Typography and Links
   18. Image Effects and Animations
   19. Callout Components
   ========================================================================== */

/* ==========================================================================
   1. FONT FACES
   ========================================================================== */
@font-face {
  font-family: 'Kumbh Sans';
  src: url('../fonts/kumbh_sans/KumbhSans-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-Thin.ttf') format('truetype');
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-ThinItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-Light.ttf') format('truetype');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-LightItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-Italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-BoldItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-Black.ttf') format('truetype');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/Lato-BlackItalic.ttf') format('truetype');
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}

/* ==========================================================================
   2. BASE ELEMENTS
   ========================================================================== */
* {
  -moz-outline-style: none;
  outline-style: none;
  outline-width: 0px;
  outline-color: -moz-use-text-color;
}
a img {
  border: none;
}

/* ==========================================================================
   3. CSS VARIABLES
   ========================================================================== */
: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;
}

/* ==========================================================================
   4. LINKS
   ========================================================================== */
.btn-link:hover {
  color: #505050;
}

body {
  font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
}

/* ==========================================================================
   5. HEADINGS
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
  line-height: 1.25;
  font-weight: 400;
  letter-spacing: normal;
  margin: 0;
}
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;
}
h5 {
  font-size: 20px;
  font-weight: 500;
}
h6 {
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.025px;
  line-height: 1.5;
}
.p-h1-super-white, .p-h1-super-purple {
  font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
  font-weight: 100;
  font-size: 80px;
  line-height: 1.25;
  letter-spacing: -2px;
}
.p-h1-super-white {
  color: #FFFFFF;
  text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.25);
}
.p-h1-super-purple {
  color: #332b61;
}
.hgray {
  color: #3a3a3a;
}

.vidhead26 {
  color: #42358E;
  font-weight: 650 !important;
  line-height: 1.5 !important;
  margin-bottom: 5px !important;
  margin: 5px 0px;
}
.hgray600 {
  color: #151515;
  font-weight: 600 !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;
}
.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;
}
.hpurple-mar-r30 {
  color: #332b61;
  padding-right: 30px;
}
.hgraybrd-gray-p15 {
  color: #3a3a3a;
  padding-bottom: 15px;
  border-bottom: 2px #6798dc solid;
  margin-bottom: 25px;
}
.hpurple-brd-p15 {
  color: #332b61;
  padding-bottom: 10px;
  border-bottom: 2px #6798dc solid;
  margin-bottom: 10px;
}
.hpurple-brd-p15-wt {
  color: #332b61;
  padding-bottom: 15px;
  border-bottom: 1px #FFFFFF solid;
  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: 2px #6798dc solid;
  margin-bottom: 25px;
}
.target-container .row {
  margin-bottom: 45px;
}
.target-container .row:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   6. BODY TYPOGRAPHY
   ========================================================================== */
.p-bodytype {
  font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #1a1a1e;
  font-size: 17px;
  text-align: left;
  line-height: 1.75;
  margin-bottom: 50px;
}
.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: "Kumbh Sans", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #333333;
  font-size: 16px;
  text-align: left;
  line-height: 1.1;
  margin-bottom: 5px;
}
.vid-space {
  margin-bottom: 55px;
}
.mar-var-100 {
  margin-bottom: 100px;
}
.p-bodytype-wt {
  font-family: "Kumbh Sans", Arial, Helvetica, 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: "Kumbh Sans", Arial, Helvetica, 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: "Kumbh Sans", Arial, Helvetica, sans-serif;
  font-weight: 400;
  color: #1a1a1e;
  font-size: 17px;
  text-align: left;
  line-height: 1.5;
  margin-right: 30px;
  margin-bottom: 25px;
}
.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;
}

/* ==========================================================================
   7. FOOTER STRUCTURE
   ========================================================================== */
.band-ftr .footer-logo {
  margin-bottom: 20px;
}
.band-ftr-bdr {
  border-top: 1px #6798dc solid;
  padding-top: 30px;
}
.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);
}

/* ==========================================================================
   8. CARD LAYOUT
   ========================================================================== */
.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 {
  padding-bottom: 20px;
  margin-bottom: 40px;
}

/* ==========================================================================
   9. LAYOUT, BACKGROUNDS, AND HERO BANDS
   ========================================================================== */
.band-hp-wel,
.band-hp-wel2 {
  display: flex;
  flex-direction: column;
  background-color: rgba(231, 225, 218, 0.0);
}
.band-hp-wel {
  padding: 75px 15%;
}
.band-hp-wel2 {
  padding: 150px 10%;
}
.band-secondary-bk {
  padding: 50px;
  display: flex;
  flex-direction: column;
  border-right: 10px solid #FFFFFF;
}
.band-fill-100,
.band-fill-pur100 {
  padding: 100px;
  display: flex;
}
.band-fill-pur100 {
  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);
}
.bg-p-light-super-pd40 {
  background-color: rgba(231, 225, 218, 0.42);
  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;
}
.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;
  padding: 75px 0px 20px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 250px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.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;
  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%);
  mix-blend-mode: multiply;
  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;
  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;
}

/* ==========================================================================
   10. BOTTOM FEATURE BANDS
   ========================================================================== */
.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;
  align-items: flex-end;
}
.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;
  align-items: flex-end;
}
.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;
  align-items: flex-end;
}

/* ==========================================================================
   11. IMAGE CALLOUT BANDS
   ========================================================================== */
.band-spi-guidance2,
.band-services,
.band-weddingcallout,
.band-weddingcallout2,
.band-weddingcallout4 {
  padding: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
}
.band-spi-guidance2 {
  background-image: url("../../_assets/images/ads/spiritual-guidance2.jpg");
  background-position: top left;
}
.band-services {
  background-image: url("https://revpatty.com/_assets/images/aboutpatty/patty-services.jpg");
  background-position: right center;
}
.band-weddingcallout {
  background-image: url("https://revpatty.com/_assets/images/weddings/wedding-callout.jpg");
  background-position: center center;
}
.band-weddingcallout2 {
  background-image: url("https://revpatty.com/_assets/images/weddings/wedding-callout5.jpg");
  background-position: right center;
}
.band-weddingcallout4 {
  background-image: url("https://revpatty.com/_assets/images/weddings/weddingcallout7.jpg");
  background-position: center center;
}
.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;
  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;
  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");
}

/* ==========================================================================
   12. ADVERTISEMENT IMAGES AND CONTENT BANDS
   ========================================================================== */
.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;
}
.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;
}

/* ==========================================================================
   13. BUTTONS
   ========================================================================== */
.btn-custom-ff {
  background-color: #FFFFFF;
  color: #000000;
  border-radius: 5px;
  font-family: "Kumbh Sans", Arial, Helvetica, 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: "Kumbh Sans", Arial, Helvetica, 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;
}
.btn-custom-ffimg {
  background-color: rgba(255, 255, 255, 0.8);
  border: solid 1px #252043;
  border-radius: 5px;
  font-family: "Kumbh Sans", Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.05rem;
  padding: 10px 20px;
  margin: 0;
}
.btn-custom-ffimg:hover {
  background-color: #252043;
  border: solid 1px #FFFFFF;
  color: #FFFFFF;
}
.btn-pp-wrapper {
  position: absolute;
  bottom: 35px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
}

/* ==========================================================================
   14. LEGACY NAVIGATION COMPONENT
   ========================================================================== */
#navbar {
  padding: 10px 0;
  position: relative;
}
.nav-links {
  display: flex;
  gap: 20px;
  list-style: none;
}
.nav-links li a {
  text-decoration: none;
  color: #333;
  padding: 10px;
  display: block;
}
.hamburger-menu {
  display: none;
  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;
}
.dropdown-nav {
  display: none;
  background-color: #fff;
  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 (max-width: 1349px) {
  .nav-links {
    display: none;
  }
  .hamburger-menu {
    display: flex;
    position: absolute;
    right: 20px;
  }
  .dropdown-nav.show {
    display: block;
  }
}

/* ==========================================================================
   15. UTILITIES
   ========================================================================== */
.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;
}

/* ==========================================================================
   16. CARDS
   ========================================================================== */
.card-hp {
  display: flex;
  justify-content: center;
}
.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;
}

/* ==========================================================================
   17. FOOTER TYPOGRAPHY AND LINKS
   ========================================================================== */
.p-ftr-txt {
  font-family: "Kumbh Sans", Arial, Helvetica, 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: "Kumbh Sans", Arial, Helvetica, 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;
  }
}

/* ==========================================================================
   18. IMAGE EFFECTS AND ANIMATIONS
   ========================================================================== */
.grow {
  transition: all .5s ease-in-out;
}
.grow:hover {
  transform: scale(0.65);
}
imgzoom img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  -webkit-transform: scale(1);
  transition: .2s ease-in-out;
}
imgzoom:hover img {
  transform: scale(1.1);
}
.imgzoom-wrapper {
  overflow: hidden;
}
imgzoom-ad img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  -webkit-transform: scale(1);
  transition: .2s ease-in-out;
}
imgzoom-ad:hover img {
  transform: scale(1.05);
}
imgzoom-nav23 img {
  opacity: 1;
  -webkit-transition: .2s ease-in-out;
  -webkit-transform: scale(1);
  transition: .2s ease-in-out;
}
imgzoom-nav23:hover img {
  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;
}
.dev-visible {
  visibility: visible !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  animation: none !important;
}

/* ==========================================================================
   19. CALLOUT COMPONENTS
   ========================================================================== */
.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;
}