/*
Theme Name: Harmons Creations Wedding Theme
Author: Alexander Harmon
Author URI: https://harmonscreations.com/
Description: A WordPress theme for an online wedding invitation.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
:root{
  --wp--preset--color--neon-blue: var(--color-1);
  --wp--preset--color--neon-red: var(--color-2);
  --wp--preset--color--dark: var(--color-4);
  --wp--preset--color--dark-lighter: var(--color-5);
  --wp--preset--color--light: var(--color-3);
  --wp--preset--color--light-darker: var(--color-7);

  /* color palette 2 
  #C82D54
  D1345B
  */

  --carribbean-current: #0E6A75;

  --color-1: #34D1BF;
  --color-2: #C82D54;
  --color-3: #EFEFEF;
  --color-4: #2D3135;
  --color-5: #32383D;
  --color-6: #e7e7e7;
	--color-7: #fff;

  --mainBackground: var(--color-7);/* #161516; */
  --mainBackgroundLighter: var(--color-6);
  --altBackgroundColor: var(--color-4);
  --altBackgroundColorLighter: var(--color-5);
  --mainColor: var(--color-5);
  --mainColorLighter: var(--color-4);
  --mainAltColor: var(--color-1);
  --mainAltColorDarker: var(--carribbean-current);
  --ctaColor: var(--color-1);
  --secondAltColor: #DEB841;
  --tagColor: #DEB841;
  --starColor: #DEB841;
  --darkColor: #333;

  --footer-dark-color: #7b7b7b;
  --footer-dark-light-color: #999;

  --navBackground: var(--color-4);
  --navPopupBackground: rgba(0,0,0, 0.5);
  --footerBackground: var(--color-4);
  --tableBorderColor: rgba(212, 216, 230, 0.164);

  --scrollbar-color: var(--mainBackgroundLighter);
  --scrollbar-dark: var(--color-5);
  --scrollbar-hover: var(--mainBackground);


  --boxShadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.25);
  --boxShadowLight: 4px 4px 4px rgba(219, 219, 219, 0.25);
  --cardShadow: 0px 2px 0px 4px rgba(76, 91, 94, 0.37);

  /*
   * Fonts
  */
  --fontHeading: 'Roboto';
  --fontText: 'Open-Sans';
  --fontMono: 'Roboto Mono';

  --h1Size: 4rem;
  --h2Size: 3rem;
  --h3Size: 2rem;
  --h4Size: 2rem;
  --textSize: 1rem;
  --postSize: 1rem;


  /*
   * Margins & Padding
  */
  /* page */
  --pageWidth: 1440px;
  --pageVerticalMargin: auto;
  --pageSideMargin: 1rem;
  --pageTopMargin: 74px;
  /*front page */
  --frontPageTopMargin: 0px;
  --slant-angle: 300px;
  --hero-bottom-height: 90px;

  /* card */
  --cardPadding: 10px;

  --buttonRadius: 10px;
}

/* colors */
/* #region */
.has-neon-blue-color{
  color: var(--wp--preset--color--neon-blue);
}
.has-neon-red-color{
  color: var(--wp--preset--color--neon-red);
}
.has-dark-color{
  color: var(--wp--preset--color--dark);
}
.has-dark-lighter-color{
  color: var(--wp--preset--color--dark-lighter);
}
.has-light-color{
  color: var(--wp--preset--color--light);
}
.has-light-darker-color{
  color: var(--wp--preset--color--light-darker);
}
.has-neon-blue-background-color{
  background-color: var(--wp--preset--color--neon-blue);
}
.has-neon-red-background-color{
  background-color: var(--wp--preset--color--neon-red);
}
.has-dark-background-color{
  background-color: var(--wp--preset--color--dark);
}
.has-dark-lighter-background-color{
  background-color: var(--wp--preset--color--dark-lighter);
}
.has-light-background-color{
  background-color: var(--wp--preset--color--light);
}
.has-light-darker-background-color{
  background-color: var(--wp--preset--color--light-darker);
}
/* #endregion */




/* FONTS */
/* #region */

.doto-1 {
  font-family: "Doto", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "ROND" 0;
}

.merienda-1 {
  font-family: "Merienda", serif;
 font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.bodoni-moda-1 {
  font-family: "Bodoni Moda", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.dancing-script-1 {
  font-family: "Dancing Script", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* #endregion */

/* over arching styles */
/* #region */
html{
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}
*,
*::before,
*::after{
  box-sizing: border-box;
}
.grecaptcha-badge { visibility: hidden; }
body{
  margin: 0px;
  
  font-family: var(--fontText), sans-serif;
  letter-spacing: .05em;
}
.page-content{
  background-color: var(--mainBackground);
}
.no-scroll{
  overflow: hidden;
}
.h1{
  font-family: var(--fontHeading);
  font-size: var(--h1Size);
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1em;
} 
.h2{
  font-family: var(--fontHeading);
  font-size: var(--h2Size);
  letter-spacing: 3px;
  font-weight: 500;
  width: 100%;
}
.h3{
  font-family: var(--fontHeading);
  font-size: var(--h3Size);
  letter-spacing: 1px;
  margin-bottom: 0px;
  font-weight: 400;
  width: 100%;
}
.h4{
  font-family: var(--fontHeading);
  font-size: var(--h4Size);
  margin: 0px;
  margin-bottom: 2rem;
  font-weight: 300;
  font-style: italic;
}
.h5{
  font-family: var(--fontHeading);
  font-size: var(--h4Size);
  margin: 0px;
  margin-bottom: 2rem;
  font-weight: 100;
  font-style: italic;
}
.hr{
  border-color: var(--hrColor) !important;
  border-style: solid;
}
.a{
  color:var(--mainColor);
}
.a:hover{
  color:var(--mainAltColor);
}
.p{
  font-size: var(--textSize);
  line-height: 1.4;
  font-weight: 200;
}
.li{
  font-size: var(--textSize);
}
/* #endregion */

/* Header Styles */
/* #region */


.site-logo{
  position: absolute;
  top: 10px;
  left: calc( calc(100% - var(--pageWidth)) / 2 );
}
.site-logo svg{
  width: 100px;
  fill: var(--color-4);
}
#header-id.dark-header .site-logo svg,
#header-id.add-background-color .site-logo svg{
  fill: var(--color-3);
}
.sticky{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 11;
}
.menu-view{
  display: block !important;
  position: fixed;
  top: 0;
  background-color: var(--navPopupBackground);
  backdrop-filter: blur(4px) contrast(50%) brightness(40%) grayscale(50%);
  width: 100%;
  height: 150%;
  z-index: 11;
}
.menu-view #main-menu{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px;
  justify-content: space-between;
  padding-top: 64px;
  padding-bottom: 1rem;
}
.menu-view #main-menu li{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0px;
}
.menu-view #main-menu a{
  margin: 0px;
  text-align: center;
  display: block;
  padding: 2rem;
}
#hamburger-menu{
  display: none;
  height: 64px;
  width: 64px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 15;
}
#hamburger-menu button{
  height: 100%;
  width: 100%;
  background-color: transparent;
  border-style: none;
  color: var(--mainColorLighter);
  padding: 0px;
}
#hamburger-menu button:hover{
  color: var(--mainColor);
  filter: brightness(95%);
  cursor: pointer;
}
#hamburger-menu button svg{
  filter: drop-shadow(0px 2px var(--mainBackground)) drop-shadow(0px 3px 2px rgba(194, 194, 194, 0.2));
}
#hamburger-menu button svg path:first-child{
  stroke: var(--darkColor);
}
#hamburger-menu button:active{
  transform: translateY(1px);
}
#hamburger-menu button svg:active{
  filter: drop-shadow(0px 1px var(--mainBackground)) drop-shadow(0px 3px 2px rgba(194, 194, 194, 0.2));
}
#header-id{
  transition: var(--headerCurve);
}
#header-id.add-background-color{
  background-color: var(--navBackground);
}
#header-id.dark-header #main-menu a,
#header-id.dark-header #main-menu .current-menu-item a,
#header-id.add-background-color #main-menu a,
#header-id.add-background-color #main-menu .current-menu-item a{
  color: var(--mainBackground);
}
#header-id.dark-header #main-menu a:hover,
#header-id.dark-header #main-menu .current-menu-item a:hover
#header-id.add-background-color #main-menu a:hover,
#header-id.add-background-color #main-menu .current-menu-item a:hover{
  text-decoration-color: var(--mainBackground);
  text-decoration: none;
}
#header-id.dark-header #main-menu .menu-item-has-children::after{
  filter: invert(1);
}
#header-id #main-menu > li.current-menu-item > a,
#header-id #main-menu > li.current-menu-ancestor > a{ 
  position: relative;
}
#header-id #main-menu > li.current-menu-item > a::after,
#header-id #main-menu > li.current-menu-ancestor > a::after{
  position: absolute;
  bottom: 14px;
  left: 0;
  content: ' ';
  width: 100%;
  max-width: none;
  min-width: none;
  transform: translateX(0);
  border-radius: 55px;
  border: 2px solid var(--mainAltColor);
  opacity: 0;
  transition: var(--headerCurve);
}
#header-id #main-menu > li.current_page_item.menu-item-has-children > a::after{
  opacity: 0;
  border-color: transparent;
}
#header-id #main-menu > li.current-menu-parent > ul > li.current-menu-item {
  position: relative;
}
#header-id #main-menu > li > ul > li > a::before{
  content: '';
  position: absolute;
  border: 2px solid var(--mainAltColor);
  border-radius: 4px;
  width: 16px;
  height: 2px;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
#header-id #main-menu > li.current-menu-parent > ul > li.current-menu-item a::before {
  opacity: 1;
}
#header-id #main-menu > li > ul > li a:hover::before{
  border-color: var(--ctaColor);
  opacity: 1;
}
#header-id #main-menu > li.current-menu-item > a::after,
#header-id #main-menu > li.current-menu-parent > a::after{
  opacity: 1;
  border-color: var(--mainAltColor);
}
#header-id #main-menu a{
  position: relative;
}
#header-id #main-menu > li > a::after{
  position: absolute;
  bottom: 14px;
  content: ' ';
  left: 50%;
  transform: translatex(-50%);
  width: 50%;
  max-width: 100px;
  min-width: 50px;
  opacity: 0;
  border-radius: 55px;
  border: 2px solid transparent;
  
  transition: var(--headerCurve);
}
#header-id #main-menu > li > a:hover::after{
  opacity: 1 !important;
  border-color: var(--ctaColor) !important;
}
.nav-containers{
  height: 100%;
  width: var(--pageWidth);
  margin: auto var(--pageVerticalMargin);

  display: flex;
  justify-content: space-between;
}
.header-content{
  height: 74px;
}
.header-menu-container{
  height: 100%;
}
#main-menu{
  display: flex;
  margin: auto var(--pageVerticalMargin);
  padding: 0px;
  list-style: none;
  height: 100%;
  width: var(--pageWidth);
  align-items: center;
  justify-content: flex-end;
  gap: 2em;
}
#main-menu a{
  font-family: var(--fontHeading);
  font-size: var(--navLinkSize);
  letter-spacing: 0.04em;

  color: var(--darkColor);
  text-decoration: none;
  padding: 0 6px;
  height: 100%;
  display: flex;
  align-items: center;
}
#main-menu .current-menu-item a {
  color: var(--darkColor);
}
#main-menu a:hover{
  text-decoration: underline;
  text-decoration-color: var(--darkColor);
}
  /* drop menu */
  #header-id #main-menu .menu-item-has-children::after{
  display: block;
  position: relative;
  top: 2px;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='currentColor' stroke-width='1.5' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' aria-hidden='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E");
  width: 16px;
  aspect-ratio: 1;
}

#header-id.add-background-color .menu-item-has-children::after{
  filter: invert(1);
}

#main-menu > li {
  display: flex;
  height: 100%;
  align-items: center;
}
#main-menu .sub-menu a:hover{
  background-color: var(--color-6);
}
#main-menu > li:hover .sub-menu{
  display: inline-flex;
}

#main-menu .sub-menu{
  display: none;
  position: absolute;
  top: 74px;
  transform: translateX(-2em);
  background-color: var(--mainBackground);
  min-width: 160px;
  border-radius: 0px 0px var(--productImgRadius) var(--productImgRadius);
  z-index: 20;
  border-width: 1px 2px 4px 2px;
  border-style: solid;
  border-color: var(--color-1);
  padding: 0px;
}
#header-id.dark-header #main-menu .sub-menu,
#header-id.add-background-color #main-menu .sub-menu{
  background-color: #000;
  border-radius: 0px 0px var(--productImgRadius) var(--productImgRadius);
  border-width: 0px 2px 4px 2px;
  border-style: solid;
  border-color: var(--color-1);
  box-shadow: var(--color-5) 0px 20px 30px -10px;
  padding: 0px;
}
#header-id.add-background-color #main-menu .sub-menu{
  background-color: var(--color-4);
}
#main-menu .sub-menu li{
  list-style: none;
}
#main-menu .sub-menu a{
  
  padding: 12px 40px;
  text-decoration: none;
  display: block;
  text-align: left;
}
#header-id.dark-header #main-menu .sub-menu a,
#header-id.add-background-color #main-menu .sub-menu a{
  color: var(--color-3);
}
#header-id.dark-header #main-menu .sub-menu a:hover,
#header-id.add-background-color #main-menu .sub-menu a:hover{
  background-color: var(--color-5);
}
#main-menu .sub-menu li:last-child a:hover{
  border-radius: 0px 0px 6px 6px;
}
#main-menu > li:hover .sub-menu{
  display: block;
}
 /* Sub Menu */
.upper-sub-menu{
  margin-bottom: 10px;
}
.upper-sub-menu ul{
  margin: auto var(--pageVerticalMargin);
  margin-top: 1rem;
  padding: 0px;
  list-style: none;
  width: var(--pageWidth);
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content:space-around;
  gap: 20px;
}
.upper-sub-menu a{
  font-family: var(--fontHeading);
  font-size: var(--navLinkSize);
  letter-spacing: 0.04em;
  text-decoration: none;

  color: var(--mainColor);
  background-color: var(--cardBackground);
  box-shadow: var(--boxShadow);

  padding: 4px 12px; 
  border-radius: 16px;
}
/* #endregion */

/* page styles */
/* #region */

#front-page-content .main-heading-container{
  position: relative;
  --padding: 2vh 2vw;
  padding: var(--padding);
  backdrop-filter: blur(1px);
  border-radius: 40px;
}

#front-page-content h1.main-heading{
   background: linear-gradient(to bottom, #cfc09f 37%, #ffecb3 60%, #3a2c0f 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff;
  position: relative;
  z-index: 2;
  outline: none;
  margin: 0;
  font-weight: 400;
  font-size: calc(5vw + .5rem);
  font-family: 'Tangerine';
}

#front-page-content  span.main-heading {
    padding: var(--padding);
    background: none;
    left: 0;
    top: 0;
    line-height: 1.2;
    z-index: 0;
    position: absolute;
    text-shadow: 
      -1px 0 1px #c6bb9f, 
      0 1px 1px #c6bb9f, 
      5px 5px 10px rgba(0, 0, 0, 0.4),
      -5px -5px 10px rgba(0, 0, 0, 0.4);
    font-weight: 400;
    font-size: calc(5vw + .5rem);
    font-family: 'Tangerine';
  }
  
  /*
#front-page-content h1 span.letter{
  padding-left: 3px;
  padding-right: 3px;
  font-size: 7rem;
  text-shadow: 2px 2px 3px #33333327;
}
*/

#front-page-content > .section-wrapper, #front-page-content > section, .full-width-container{
  width: auto;
  margin: 0;
}
.love-timeline-container,
.timeline-card-container,
.count-down-container,
.gallery-container,
.rsvp-container,
.gifts-container,
.ceremony-timeline-container,
.marriage-announcement-outer-container,
.qoute-image-container,
.wishes-container,
.location-container,
.we-ask-container
{
  width: var(--pageWidth);
  margin-left: auto;
  margin-right: auto;
}

.timeline-card-container{
  position: relative;
}
.love-timeline-container p{
  max-width: 700px;
  margin: auto;
  text-align: justify;
  margin-top: 30px;
  margin-bottom: 50px;
}

.timeline-card-container .timeline-card{
  display: flex;
  position: relative;
  width: 100%;
  justify-content: space-around;
  margin-bottom: 20vh;
}
.timeline-card-container .timeline-card > div{
  width: 40%;
  margin: auto;
}
.timeline-card-container .timeline-card:first-child{
  padding: 80px;
}
.timeline-card-container .timeline-card:nth-child(even){
  flex-direction: row-reverse;
}

.timeline-card-container .timeline-card:nth-child(odd) h2, 
.timeline-card-container .timeline-card:nth-child(odd) p{
  text-align: right;
}

.timeline-card-container .timeline-card:last-child{
  flex-direction: column-reverse;
  z-index: 2;
  background-color: var(--color-6);
  width: 80%;
}
.timeline-card-container .timeline-card:last-child > div{
  width: 100%;
}
.timeline-card-container .timeline-card:last-child > div h2, 
.timeline-card-container .timeline-card:last-child > div p{
  text-align:center;
}

.count-down-container{
  padding-top: 15vh;
  padding-bottom: 15vh;
}

.count-down-container span.eb-cd-digit{
  font-size: 4rem !important;
}
.count-down-container span.eb-cd-label{
  font-size: 1.7rem !important;
}



.timeline-card-container:before {
  content: "";
  background: rgba(227, 150, 150, 1);
  width: 2px;
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: 0 auto;
  z-index: 1;
}
.timeline-card-container:after{
  content: "";
  background: rgba(227, 150, 150, 1);
  width: 16px;
  height: 16px;
  border-radius: 50px;
  border: 1px solid rgb(22, 22, 22); 
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}
.timeline-card-container .timeline-card:before {
  content: "";
  background: rgba(227, 150, 150, 1);
  width: 16px;
  height: 16px;
  border-radius: 50px;
  border: 1px solid rgb(22, 22, 22); 
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.timeline-card-container .timeline-card:last-child:before {
  top: -8px;
}



.rsvp-container{
  padding: 12px;
  margin-top: 15vh;
  margin-bottom: 15vh;
  width: 1000px;
}

.rsvp-container .form-heading{
  text-shadow: 2px 2px 3px #33333327;
}
.rsvp-container .inner-flower-container{
  position: relative;
  padding-top: 15vh;
  padding-bottom: 15vh;
  border: 5px solid #e6bc52;
   z-index: 1;
}

.rsvp-container .inner-flower-container:before {
  content: "";
  position: absolute;
  top: -6px; /* Adjust for vertical offset */
  left: -6px; /* Adjust for horizontal offset */
  right: -6px;
  bottom: -6px;
  
  border: 2px solid #d5a11b;
  z-index: 2;
  pointer-events: none;
}

.rsvp-container .inner-flower-container:after {
  content: "";
  position: absolute;
  top: 0px; /* Adjust for vertical offset */
  left: 0px; /* Adjust for horizontal offset */
  right: 0px;
  bottom: 0px;
  
  border: 2px solid #c18e0b;
  z-index: 2;
  pointer-events: none;
}
.rsvp-container .inner-flower-container > div{
  width: 50%;
  margin: auto;
}
.rsvp-container .inner-flower-container h2{
  text-align: center;
}
.rsvp-container .inner-flower-container .rsvpParagraph{

}
.rsvp-container .inner-flower-container #rsvpPlugin{

}

.rsvp-container .inner-flower-container > .rsvpFormField{
  width: 50%;
  float: left;
}

.rsvp-container .inner-flower-container .rsvpCustomQuestions > .rsvpFormField:nth-child(2){
  display: flex;
  flex-direction: column;
}
.rsvp-container .inner-flower-container .rsvpCustomQuestions textarea{
  background-color: transparent;
}
.rsvp-container .mainRsvp_container{
  margin-top: 20px;
}

.rsvp-container .mainRsvpDiv{
  display: flex;
  justify-content: space-between;
}

.rsvp-container input[type=submit]{
  padding: 1rem 1.8rem;
  margin-top: 20px;
  border: none;
  background-color: #34D1BF;
}
.rsvp-container input[type=submit]:hover{
  cursor: pointer;
  background-color: var(--color-3); 
}

.ceremony-timeline-container{
  align-items: center !important;
}
.ceremony-timeline-container h2{
  margin-bottom: 5vh;
  margin-top: 10vh;
}
.ceremony-card{
  align-items: flex-start;
  width: 700px;
  margin: auto;
  margin-bottom: 5vh;
}

.ceremony-card .main-side{
}
.ceremony-card .main-side figure img{
  aspect-ratio: 2.5;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}
.ceremony-card .side-date-p{
  width: min-content;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ceremony-card .side-date-p .side-month,
.ceremony-card .side-date-p .side-year{
  font-size: 1.5rem;
  line-height: 1.25rem;
  letter-spacing: 2.2px;
}
.ceremony-card .side-date-p .side-day{
  font-size: 3.75rem;
  line-height: 72px;
}


.rounded-button a{
  background-color: transparent;
  color: var(--color-4);
  border: 1px solid var(--color-4);
  transition: background-color 500ms cubic-bezier(0.075, 0.82, 0.165, 1);
  border-radius: 50px;
}
.rounded-button a:hover{
  background-color: #d5a11b;
  color: var(--color-3);
}



/* #endregion */

/*
Responsive Design
*/
/* 1580px*/
/* #region */
@media screen and (max-width: 1580px) {
  :root{
    --pageWidth: 1280px;
  }
}
/* #endregion */

/* 1440px*/
/* #region */
@media screen and (max-width: 1440px) {
  :root{
    --pageWidth: 1080px;
  }
}
/* #endregion */

/* 1180px*/
/* #region */
@media screen and (max-width: 1180px) {
  :root{
    --pageWidth: 960px;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex-basis: 50% !important;
  }
}
/* #endregion */

/* 1000px*/
/* #region */
@media screen and (max-width: 1000px) {
  :root{
    --pageWidth: 800px;
  }
	.menu-view #main-menu{
    justify-content: flex-start;
    width: 100%;
  }
  .menu-view #main-menu li{
    max-height: 100px;
  }
  #main-menu a:hover{
    text-decoration: none;
  }
  #main-menu .current-menu-item a,
  #main-menu a{
    color: var(--color-3);
  }#hamburger-menu{
    display: block;
  }
  .blur-background{
    display: none;
  }

  .nav-containers{
    width: auto;
    margin: 0px;
  }

  .header-menu-container{
    display: none;
  }
  .header-content{
    height: 0%;
  }
  #main-menu{
    display: none;
  }
  #main-menu > li {
    display: inline-block;
  }
  #main-menu .sub-menu{
    display: none;
  }
  #main-menu > li:hover .sub-menu{
    display: none;
  }

  .bread-crumbs{
    margin-left: 4px;
  }
  .upper-sub-menu a{
    display: block;
  }
  .index-content .post{
    max-width: none;
    width: auto;
  }

  .single-post .img-section{
    margin: auto;
    width: 100%;
  }
  .hamburger-move{
    right: 16px !important;
  }
  .menu-move{
    right: 92px !important;
  }

}
/* #endregion */

/* 880px*/
/* #region */
@media screen and (max-width: 880px) {
  :root{
    --pageWidth: auto;
    --pageVerticalMargin: 10px 0px;
  }
}
/* #endregion */

/* 781px*/
/* #region */
@media screen and (max-width: 781px) {
  :root{
    --cardPadding: 8px;
  }
 
}
/* #endregion */

/* 768px*/
/* #region */
@media screen and (max-width: 768px) {
  :root{
    --formFontSize: 1.5rem;
    --textSize: clamp(1rem, calc(.35rem + 2vw), 1.25rem);
  }
}
/* #endregion */

body p, 
body input,
body a,
#main-menu a,
body .eb-cd-digit{
	font-family: "Merienda";
}
#rsvpPlugin input	font-family: "doto";
}
.sticky{
	bottom: 0;
}
.custom-logo-link{
	display: none;
}
#header-id{
	background-color: transparent !important;
}
#front-page-content h1.main-heading,
#front-page-content span.main-heading{
	/*font-family: "merienda";*/
}

#front-page-content span.main-heading {

	text-shadow: 
		-1px 0 1px #c6bb9f, 
		0 1px 1px #c6bb9f, 
		5px 5px 10px rgba(0, 0, 0, 0.4), 
		-5px -5px 10px rgba(0, 0, 0, 0.4);
}
body h2, body h3{
	font-family: "dancing script" !important;
}
body h2{
	font-size: 4rem;
}
body h3{
	font-size: 2.2rem
}
body h4{
	font-size: 1.3rem;
	font-family: "Merienda";
}

.top-wedding-text{
	color: #ffffff;
	position: absolute;
	font-family: "MonteCarlo" !important;
	right: -40px;
	bottom: -55%;
	z-index: 1;
	font-size: calc(4vw + .5rem);
	transform: rotate(-20deg);
	text-shadow: 1px 1px 1px #05a3d0,-1px 1px 1px #05a3d0,1px -1px 1px #05a3d0, -1px -1px 1px #05a3d0;
}
.timeline-card-container .timeline-card:before{
  background: #34D1BF;
}
.timeline-card-container:after {
  display: none;
}
.timeline-card-container:before {
  bottom: 15vw;
	background: #34D1BF;
}
.timeline-card-container .timeline-card:last-child{
  width: 70%;
	border: 1px solid #e6bc52;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  border-radius: 10px;
}
.timeline-card-container .timeline-card:last-child > div:first-child {
  padding: 20px;
	padding-top: 0;
	padding-bottom: 50px;
}
.timeline-card-container .timeline-card:last-child img{
	border-radius: 10px 10px 0 0;
}



.timeline-card-container .timeline-card:first-child{
	padding: 0;
}
.timeline-card-container .timeline-card img{
	height: 200px;
  object-fit: cover;
  object-position: center;
}
.timeline-card-container.mobile .timeline-card img{
	height: auto;
}
.timeline-card-container .timeline-card:last-child img{
	height: 400px;
}
.timeline-card-container .timeline-card:nth-child(odd) .date-icon-div{
	justify-content: flex-end;
}
.timeline-card-container.mobile  .timeline-card:nth-child(odd) .date-icon-div{
	align-items: flex-end;
}
.timeline-card-container.mobile .timeline-card:nth-child(odd) .date-icon-div p{
	text-align: right;
}
.timeline-card-container.mobile .timeline-card:nth-child(even) .date-icon-div{
	align-items: left;
}
.timeline-card-container.mobile .timeline-card:nth-child(even) .date-icon-div p{
	text-align: left;
}
.timeline-card-container .timeline-card:nth-child(odd) h3, .timeline-card-container .timeline-card:nth-child(odd) h4{
	text-align: right;
}
.timeline-card-container .timeline-card:last-child h3, .timeline-card-container .timeline-card:last-child h4{
	text-align: center !important;
}
.timeline-card-container .timeline-card:last-child .date-icon-div{
	justify-content: center;
}
/*
body h3{
	font-family: "Bodoni Moda" !important;
}
*/
.menu-view{
	background-color: rgb(29 22 1 / 79%);
}

#header-id{
	background-color: #ffffff40;
	backdrop-filter: blur(1px);
	transition: all 500ms ease;
}
#header-id.add-background-color{
	background-color: #ffffff90;
	backdrop-filter: blur(4px);
}
#header-id a{
	font-size: 1.1rem;
	color: #fff;
	transition: color 500ms ease;
}
#header-id.add-background-color #main-menu a{
	color: #333;
}
#header-id a:hover{
	font-size: 1.1rem;
	text-decoration: none;
}
.menu-view #main-menu a{
	font-size: 1.3rem;
}
#hamburger-menu button{
	color: #34D1BF;
}
#hamburger-menu button:hover {
  color: var(--mainColor);
  filter: brightness(95%);
  cursor: pointer;
}
.custom-logo-link{
	position: absolute;
	margin-left: calc((100vw - var(--pageWidth))/2);
}
.custom-logo-link img{
	
	width: 64px;
	margin-top: 4px;
}
.ceremony-card{
	margin-bottom: 10vh !important;
}
.wc-donation-platform{
	max-width: 800px;
	margin: auto;
	margin-top: 10vh;
	border: 1px solid #e6bc52;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	border-radius: 10px;
}
.wc-donation-platform img{
	aspect-ratio: 2;
	object-fit: cover;
	object-position: center;
	border-radius: 10px 10px 0 0;
}
.wc-donation-platform .wcdp-body{
	padding: 10px 20px;
}
.wc-donation-platform .wcdp-title{
	text-align: center;
}
.wc-donation-platform #wcdp-step-1 > p{
	text-align: center;
}
.wc-donation-platform .wcdp-choose-donation {
	margin-top: 5vh;
}
.wc-donation-platform button{
	background-color: #34D1BF !important;
}

.heading-image-container > div{
	display: flex;
	justify-content: center;
	/*flex-direction: column;*/
	align-items: center;
	position: relative;
}
.heading-image-container{
	width: 90%;
}
.top-container{
	margin-top: 0;
	padding: 0;
}
.top-container .heading-image-container{
	height: 100%;
}

.top-container > div{
	position: relative;
}
.top-container > div figure.logo-circle{
	width: 200px; /* Adjust as needed */
  height: 200px; /* Adjust as needed */
  border-radius: 50%; /* Make it a circle */
  overflow: hidden; /* Hide content outside the circle */
  position: relative; /* Needed for absolute positioning of the pseudo-element */
		position: absolute !important;
	top: 100px;
	right: 16%;
	display: none;
}

.top-container > div figure.logo-circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 1) 100%); /* Adjust gradient stops */
  pointer-events: none; /* Prevent the pseudo-element from blocking clicks */
}



}
.top-container > div figure.logo-circle{

}

.top-section-container{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	height: 100%;
	padding-top: 100px;
	display: none;
}
#front-page-content h1.main-heading,#front-page-content span.main-heading {
  font-size: calc(7vw + .5rem);
	
}
#front-page-content h1.main-heading{
}
.top-section-container .save-the-date-div{
	position: relative;
		-webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.5s both;
	        animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) 2.5s both;
}
.top-section-container .save-the-date-div svg#top-letter-svg{
	position: absolute;
	top: -5vh;
	left: 8vw;
	transform: rotate(-45deg);
	width: 50px;
	height: auto;
	z-index: 2;
	fill: snow;
}
.top-section-container .save-the-date-div svg#cupid-svg{
	position: absolute;
top: -5vh;
	right: 8vw;
	transform: rotate(220deg);
	width: 50px;
	height: auto;
	z-index: 2;
	fill: snow;
}
.top-section-container .save-the-date-div h2{
	text-align: center;
	color: snow;
	font-size: calc(4vw + .5rem);
}
.top-section-container .date-div{
		-webkit-animation: swing-in-top-fwd 1.4s cubic-bezier(.42,.12,.3,1.19) 3.4s both;
	        animation: swing-in-top-fwd 1.4s cubic-bezier(.42,.12,.3,1.19) 3.4s both;
	display: flex;
	justify-content: center;
	position: relative;
}
.top-section-container .date-div svg#rings-svg{
	position: absolute;
	bottom: 12px;
	width: 50px;
	height: min-content;
	z-index: 2;
	fill: #e6bc52;
}
.top-section-container .date-div p{
	width: auto;
	color: var(--color-5);
	font-size: calc(2.5vw + .5rem);
	background-color: white;
	border: 5px solid #e6bc52;
	padding: 1.2rem 2rem 2.4rem 2rem;
	position: relative;
	border-radius: 2px;
	box-shadow: 3px 4px 8px #34343499;
}
.top-section-container .date-div p:before{
	content: "";
	position: absolute;
	top: -8px;
	left: 10px;
	width: 10px;
	height: 12px;
	border-radius: 2px;
	background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%);
	box-shadow: 1px 2px 3px #34343499;
	z-index: 3;
}
.top-section-container .date-div p:after{
	content: "";
	position: absolute;
	top: -8px;
	right: 10px;
	width: 10px;
	height: 12px;
	border-radius: 2px;
	background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #3a2c0f 78%);
	box-shadow: 1px 2px 3px #34343499;
	z-index: 3;
}

/**
 * ----------------------------------------
 * animation fade-in-fwd
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes fade-in-fwd {
  0% {
    -webkit-transform: translateZ(-80px);
            transform: translateZ(-80px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}


.gifts-container h2{
	text-align: center;
}
.gifts-container p{
	max-width: 600px;
	margin: auto;
	text-align: center;
}

.gifts-container .gift-group{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: start;
	gap: 24px;
	margin-top: 5vh;
}
.gifts-container .gift-group h3{
	text-align: center;
}
.gifts-container .gift-group .guten-button-wrapper{
	justify-content: center;
	margin-top: 8px;
}
.gifts-container .gift-group > div{
	border: 1px solid #e6bc52;
	padding: 10px;
	padding-bottom: 20px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	border-radius: 10px;
}

.ceremony-timeline-container h2,
.gifts-container h2{
	font-size: 4rem;
	font-family: "great vibes";
	text-shadow: 2px 2px 3px #33333327;
	color: rgba(29, 175, 158, 1);
}

.rsvp-container h2{
	margin-bottom: 30px;
}
.rsvp-container .rsvpParagraph input[type=text]{
	border: 1px solid #e6bc52;
	border-radius: 4px;
	padding: 6px 8px;
	margin-bottom: 12px;
	font-size: 1.25rem;
	margin-left: 0;
}
.rsvp-container  .rsvpBorderTop {
  padding: 10px 0;
  border-top: 1px solid #e6bc52;
}
.rsvp-container .rsvpParagraph{
	display: flex;
	flex-direction: column;
}
.rsvp-container .rsvpBorderTop {
display: flex;
	flex-direction: column;
}
.rsvp-container .rsvpBorderTop input{
	border: 1px solid #e6bc52;
	border-radius: 4px;
	padding: 6px 8px;
	margin-bottom: 12px;
	font-size: 1.1rem;
	margin-left: 0;
}
.rsvpCustomQuestions textarea{
	border-radius: 4px;
	padding: 6px 8px;
	margin-bottom: 12px;
	font-size: 1.1rem;
	border: 1px solid #e6bc52;
	width: 100%
}
.rsvp-container input[type=submit] {
	border-radius: 8px;
	font-size: 1.1rem;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.rsvp-container input[type=submit]:hover{
	border-radius: 8px;
	font-size: 1.1rem;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -1px 0px inset;
}
#rsvpPlugin input{
	
}
.rsvpFormField .rsvpCheckboxCustomQ{
	float: none;
}
.rsvpCustomQuestions .rsvpFormField:last-child {
	display: flex;
}
.hide{
	display: none !important;
}

.footer-content{
	background-color: var(--color-5);
	position: relative;
	border-top: 5px solid #e6bc52;
}
.footer-content:before{
  content: "";
  position: absolute;
  top: -6px;
	bottom: 0;
	left: 0;
	right: 0;
  border-top: 2px solid #d5a11b;
  z-index: 2;
  pointer-events: none;}
.footer-content:after{
	content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-top: 2px solid #c18e0b;
  z-index: 2;
  pointer-events: none;
}
.footer-content li{
	list-style: none;
}
.footer-content .footer-copyright{
	display: flex;
	justify-content: space-between;
	padding: 5vh 10px 20px;
}
.footer-content p,
.footer-content a{
	color: var(--color-3);
	filter: brightness(90%);
}

	.timeline-card-container.mobile .timeline-card:last-child{
		border: none;
		background-color: transparent;
		box-shadow: none;
		display: flex;
  position: relative;
  width: 100%;
  justify-content: space-around;
  margin-bottom: -32px;
		border-radius: 0;
		flex-direction: row-reverse;
  z-index: 0;
	}
.timeline-card-container.mobile .timeline-card:last-child > div:first-child{
	padding-bottom: 0;
}
.timeline-card-container.mobile .timeline-card:last-child > div p {
	text-align: right;
}
.timeline-card-container.mobile .timeline-card > div{
	width: 100%;
}
.timeline-card-container.mobile .timeline-card:nth-child(odd) p{
	text-align: left;
}
.timeline-card-container.mobile .timeline-card:last-child > div:first-child{
	padding: 0;
}
.timeline-card-container.mobile .timeline-card{
	margin-bottom: 50px;
	gap: 60px;
}
.timeline-card-container.mobile .timeline-card:before{
	border: none;
	background: #e6bc52;
	top: 50%;
	transform: translatey(-50%);
}
.timeline-card-container.mobile .timeline-card:last-child:before{
	z-index: 1;
	border: none;
	
}
.timeline-card-container.mobile:before{
	top: 55px;
	bottom: 20px;
	z-index: 0;
	width: 5px;
	background: #e6bc52;
}
.love-timeline-container.mobile h2{
	font-size: 3.5rem;
}
.love-timeline-container.mobile p.our-names{
	font-size: 1.5rem;
}
.love-timeline-container.mobile p{
	margin-top: 10px;
	margin-bottom: 10px;
}
section.location-links-container > div.guten-container > .guten-column {
	padding: 0;
}
section.location-links-container > div.guten-container > .guten-column .guten-icon-box-wrapper{
	border: none;
	padding:  10px 6px;
}

section.location-links-container div.guten-column > div.guten-column-wrapper{
	align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  flex-direction: row;
}


section.location-links-container .guten-icon-box-wrapper .icon-box .icon{
	width: 50px;
	height: auto;
}
section.location-links-container .stacked-container{
	display: flex;
	height: 100%;
	justify-content: space-between;
}


@media screen and (max-width: 880px) {
	.top-container img{
	
		aspect-ratio: 1;
		object-fit: cover;
}
	header{
		display: none;
	}
	.top-wedding-text{
		display: none;
	}
	
	
	.guten-jyhfh2:not(.background-animated), .guten-jyhfh2.background-animated > .guten-background-animated .animated-layer {

  background-position: bottom left 32%;
}

	
	#header-id.add-background-color #main-menu a{
		color: var(--mainBackground);
	}
	
	.custom-logo-link{
	margin-left: 8px;
}
	.custom-logo-link{
		margin-top: 4px;
	}
	
.gifts-container .gift-group {
  grid-template-columns: 1fr;
}
		/* front page */
	#front-page-content h1.main-heading{
		background: none;

  display: flex;
  flex-direction: column;
		align-items: center;
	}
	#front-page-content h1.main-heading span{
		  background: linear-gradient(to bottom, #cfc09f 37%, #ffecb3 60%, #3a2c0f 86%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: calc(12vw + .5rem);
	}
	
	#front-page-content span.main-heading{
  text-shadow: none;
  display: flex;
  flex-direction: column;
}
	#front-page-content span.main-heading span{

  text-shadow: -1px 0 1px #c6bb9f, 0 1px 1px #c6bb9f, 5px 5px 10px rgba(0, 0, 0, 0.4), -5px -5px 10px rgba(0, 0, 0, 0.4);
  font-size: calc(12vw + .5rem);
  display: flex;
  flex-direction: column;
		align-items: center;
	}
	.top-wedding-text {
  right: -6px;
  bottom: -60px;
  font-size: calc(4vw + .5rem);

}
	.heading-image-container > div{
		margin: auto;
	margin-top: -90px;
	flex-direction: column;
		max-width: 60vw;
}
	.heading-image-container .and-image{
		width: 13vw;
		margin-block: -15px;
	}
		/* rsvp */
	.rsvp-container .inner-flower-container > div{
		width: auto;
	}


	.rsvp-container{
		width: auto;
		padding: 6px;
	}
	.rsvp-container .inner-flower-container:before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border: 1px solid #d5a11b;
  z-index: 2;
  pointer-events: none;
}
	.rsvp-container .inner-flower-container{
		padding-left: 8px;
		padding-right: 8px;
		border-width: 2px;
	}
	.rsvp-container .inner-flower-container:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border: 1px solid #c18e0b;
  z-index: 2;
  pointer-events: none;
}
	.rsvp-container #rsvpPlugin .rsvpParagraph input[type=text]{
		width: 100%;
		display: block;
	}
	/*ceremony cards*/
	.ceremony-card{
		width: auto;
		flex-direction: column;
		position: relative;
	}
	.ceremony-card img{
		width: auto;
	}
	.ceremony-card .side-date-p{
		width: auto;
		position: absolute;
		top: 8px;
	}
	.ceremony-card .main-side figure img{
		margin-left: 30%;
		aspect-ratio: 1.6;
		width: 70%;
	}
	.ceremony-card .main-side div.date-icon-div{
		flex-direction: row !important;
	}
	.ceremony-card .main-side div.ceremony-button-group{
		flex-direction: column;
		justify-content: center;
	}
	.ceremony-card .main-side div.ceremony-button-group .guten-button-wrapper{
		width: auto;
	}
	
	
	/*timeline*/
	
	.timeline-card-container .timeline-card{
	}
	.timeline-card-container .timeline-card > div {
		
	}
		.timeline-card-container .timeline-card > div:first-child {
  
}
	.timeline-card-container .timeline-card:last-child > div:first-child {
  
}
	

	.timeline-card-container .timeline-card:first-child:before{
		
	}
	.timeline-card-container.mobile .timeline-card .date-icon-div figure{

	}
		.timeline-card-container.mobile .timeline-card .date-icon-div figure img{
		width: 50px;
		height: 50px;
			object-fit: contain !important;
	}
	.timeline-card-container .timeline-card:nth-child(odd) h3, .timeline-card-container .timeline-card:nth-child(odd) h4{
		
	}
	.timeline-card-container .timeline-card:nth-child(odd) p {
  
	}
	.timeline-card-container .timeline-card:nth-child(even){
		
	}
	.timeline-card-container .timeline-card:last-child > div h2, .timeline-card-container .timeline-card:last-child > div p{
		
	}
	.timeline-card-container .timeline-card:last-child {
		
	}
	.timeline-card-container .timeline-card img {
  
}
	.timeline-card-container:before{
		
	}
	.timeline-card-container .timeline-card:before {
  
}
	.ceremony-button-group {
		flex-wrap: wrap !important;
	}
	.ceremony-button-group > div{
		justify-content: center;
	}
	/* countdown */
	.eb-parent-wrapper .eb-cd-wrapper .eb-cd-inner{
		display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
  grid-template-rows: auto auto; /* Two rows: auto height */
  grid-template-areas:
    ". item1 ." /* item1 spans the first row, first column */
    "item2 item3 item4"; /* items 2, 3, and 4 span the second row */
  gap: 0; /* Adjust gap as needed */
	}
	.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-day{
		grid-area: item1;
		justify-self: center;
	}
		.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-hour{
		grid-area: item2;
	}
		.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-minute{
		grid-area: item3;
	}
		.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-second{
		grid-area: item4;
	}
	.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-day > span.eb-cd-digit{
		font-size: 4rem !important;
	}
	.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-day > span.eb-cd-label{
		font-size: 2rem !important;
	}
	
	.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-hour > span.eb-cd-digit, .eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-minute > span.eb-cd-digit, .eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-second > span.eb-cd-digit{
		font-size: 2rem !important;
	}
		.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-hour > span.eb-cd-label, .eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-minute > span.eb-cd-label, .eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .cd-box-second > span.eb-cd-label{
		font-size: 1rem !important;
	}
	
	
	.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .box span.eb-cd-label{
		
	}
	.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .box + .box:before{
		display: none;
	}
	.eb-countdown-na3qs.eb-cd-wrapper .eb-cd-inner .box + .box{
		margin-left: 0;
	}
	.count-down-container{
		width: 100%;
	}
	.footer-content .footer-copyright{
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}
	.rsvpCustomQuestions .rsvpFormField:last-child {
	display: block;
}
}
@media screen and (max-width: 700px) {
	.top-wedding-text{
		bottom: -45px;
		font-size: calc(6vw + .5rem);
	}
	.heading-image-container > div{
	margin-top: -30px;
	flex-direction: column;
		max-width: 100%;
}
	.heading-image-container .and-image{
		width: 16vw;
		margin-block: -15px;
	}
}