:root {
	color-scheme: light;
}
/** body font **/
body, html,
button,
.intro_subTitle,
form .form-field #full_name,
form .form-field select#guests,
form .form-field #message,
form .form-field #message2,
form .form-field #npersons,
.story_slide h1.title span.subtitle,
.tpl-2 .introLineTXT,
.event_lock form#unlock_preview button#form-btn,
.poweredBy a,
.wed_counter,
.eng-font {
	font-family: 'Cormorant Garamond', serif;
}

	body.ct_article,
	.ct_article button,
	.ct_article .intro_subTitle,
	.ct_article form .form-field #full_name,
	.ct_article form .form-field select#guests,
	.ct_article form .form-field #message,
	.ct_article form .form-field #message2,
	.ct_article form .form-field #npersons,
	.ct_article .story_slide h1.title span.subtitle,
	.ct_article .tpl-2 .introLineTXT,
	.ct_article .event_lock form#unlock_preview button#form-btn,
	.ct_article .poweredBy a,
	.ct_article .wed_counter,
	.ct_article .eng-font {
		font-family: 'Cormorant Garamond', serif;
	}

/*html { scroll-behavior: smooth; }*/

/**  title font **/
.introLineTXT,
.invtslide .slideBody h3 {
	font-family: 'Dancing Script', cursive;
}


/*** colors ****/
body, button, a, form input, form textarea, form .form-field select#guests, form .form-field select#npersons {
	
}
	/*article color theme **/
	body.ct_article, .ct_article button, .ct_article a, .ct_article form input, .ct_article form textarea, .ct_article form .form-field select#guests, .ct_article form .form-field select#npersons {
		color: #2c2c2c;
	}

.ct_article #ios_audio_lockscreen, .ct_article #ios_audio_lockscreen * {
	color: #fff;
}

body.ct_article {
	background-color: #f3f3f3;
}

button, a {
	border-color: #FFF;
}

.ct_slider svg, .ct_slider svg path {
	fill: #FFF;
}

.ct_article .story_slide svg, .ct_article .story_slide svg path {
	fill: #3A3A3A;
}

.photo-frame {
	color: #000;
}

.progress_bar .progress_state {
	background: #FFF;
}
/** end color setup **/



body, html {
	margin: 0;
	padding: 0;
}

* {
	box-sizing: border-box;
	outline: none;
}

body {
	background-color: #FFF; /* fallback for old browsers */
	/*background-image:url(../../images/patterns_desk.png);*/
	background-repeat: repeat;
	background-position: center center;
}

	body.tpltype-2 {
		background-image: url(../../images/desk_bdpattern.jpg);
	}


#main.mobileOnlyTPL {
	width: 100%;
	height: 100%;
}

.ct_article #main.mobileOnlyTPL {
	height: auto;
}


#main .main_wrapper {
	width: 100%;
	margin: 0 auto;
	background: #fff;
	position: relative;
}

/*#main.mobileOnlyTPL .main_wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 70;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);

	box-sizing: border-box;

 	height: 100vh;
    width: 100vh;
}*/
#main.mobileOnlyTPL .main_wrapper {
	position: relative;
	z-index: 70;
	box-sizing: border-box;
	margin: 0 auto;
	height: 100vh;
	width: 100vh;
}

.ct_article #main.mobileOnlyTPL .main_wrapper {
	height: auto;
	/*height: 100vh;*/
}

section#sec_intro,
section#sec_intro .section_wrapper,
section#sec_intro .section_wrapper .section_content,
section#sec_intro div.HeroSlider,
section#sec_intro div.HeroSlider_wrapper,
section#sec_intro div.HeroSlider_wrapper div {
	height: 100%;
}

.ct_article #sec_intro {
	position: fixed;
	z-index: 5;
	top: 0;
	left: 50%;
	width: 100%;
	height: 100vh;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}


.HeroSlider {
	position: relative;
}

	.HeroSlider img {
		display: block;
		width: 100%;
		height: auto;
	}

.HeroSlider_wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 2;
}


	.HeroSlider_wrapper.deskvers {
		display: block;
	}

.mobileOnlyTPL .HeroSlider_wrapper.deskvers {
	display: none;
}

.HeroSlider_wrapper.mobvers {
	display: none;
}

.mobileOnlyTPL .HeroSlider_wrapper.mobvers {
	display: block;
}


.HeroSlider_wrapper div {
	height: 100%;
	width: 100%;
}

.HeroSlider .visItem {
	overflow: hidden;
}

	.HeroSlider .visItem .visItemBG {
		background-size: cover;
		background-position: center center;
		width: 100%;
		height: 100%;
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transition: all 6500ms ease-in-out;
		-moz-transition: all 6500ms ease-in-out;
		-o-transition: all 6500ms ease-in-out;
		-ms-transition: all 6500ms ease-in-out;
		transition: all 6500ms ease-in-out;
	}

.HeroSlider_wrapper.ini_zoom .visItem.slick-active .visItemBG {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/** video BG **/

.videoBG_cont {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
}

	.videoBG_cont .videoBG_wrapper {
		height: 100%;
	}

	.videoBG_cont video#vidbgcomp {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		-webkit-transition: all 400ms ease-in-out;
		-moz-transition: all 400ms ease-in-out;
		-o-transition: all 400ms ease-in-out;
		-ms-transition: all 400ms ease-in-out;
		transition: all 400ms ease-in-out;
	}

		.videoBG_cont video#vidbgcomp.hideVideo {
			opacity: 0;
		}

/* end video BG */




.introLineIMG {
	position: absolute;
	z-index: 30;
	max-width: 320px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

	.introLineIMG.hideIntroLine {
		opacity: 0;
	}

.HeroSlider .intro_screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	z-index: 15;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
}

	.HeroSlider .intro_screen.dim {
		opacity: 0.6;
	}

/** story **/

section#sec_story {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 35;
	overflow: hidden;
}

.ct_article section#sec_story {
	/*overflow: auto;*/
	position: relative;
	height: auto;
}

section#sec_story .section_wrapper,
section#sec_story .section_wrapper .section_content,
section#sec_story .section_wrapper #story_slider {
	height: 100%;
	width: 100%;
}

.ct_article section#sec_story .section_wrapper,
.ct_article section#sec_story .section_wrapper .section_content,
.ct_article section#sec_story .section_wrapper #story_slider {
	height: auto;
}

section#sec_story div.copy {
	height: 100%;
}
	/*section#sec_story div.copy,*/
	section#sec_story div.copy .copy_wrapper,
	section#sec_story div.imgCont div {
		height: auto;
	}

section#sec_story .story_slide {
	text-align: center;
	position: relative;
	outline: none;
	background-size: cover;
	border: none;
	overflow-y: auto;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.ct_article section#sec_story .story_slide {
	overflow-y: initial;
}

.story_slide.TXTslide .story_slide_wrapper {
	overflow: hidden;
}

.ct_article .story_slide.TXTslide .story_slide_wrapper {
	overflow: initial;
}

.ct_article section#sec_story .story_slide.border_top::before,
.ct_article section#sec_story .story_slide.border_bottom::after {
	content: "";
	height: 40px;
	mask-size: cover;
	-webkit-mask-size: cover;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	position: absolute;
	left: 0;
	z-index: 5;
	width: 100%;
	background: #fff;
}

.ct_article section#sec_story .story_slide.border_top::before {
	mask-image: url(../Images/imgframe-btm.svg);
	-webkit-mask-image: url(../Images/imgframe-btm.svg);
	top: -40px;
	mask-position: 95% 50%;
	-webkit-mask-position: 95% 50%;
}

.ct_article section#sec_story .story_slide.border_bottom::after {
	mask-image: url(../Images/imgframe-top.svg);
	-webkit-mask-image: url(../Images/imgframe-top.svg);
	bottom: -40px;
	mask-position: 17% 50%;
	-webkit-mask-position: 17% 50%;
}

section#sec_story div.copy {
	position: relative;
	opacity: 0.5;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
	-webkit-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	transition-delay: 300ms;
}

section#sec_story .story_slide.slick-active div.copy {
	opacity: 1;
}

section#sec_story div.copy .copy_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

	section#sec_story div.copy .copy_wrapper p {
		margin: 0;
		padding: 10px 10px;
	}


.story_slide .imgCont {
	position: relative;
	overflow: hidden;
}

	.story_slide .imgCont .imageBOX img {
		display: block;
		width: 100%;
		height: auto;
	}

	.story_slide .imgCont .imageBOX {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

		.story_slide .imgCont .imageBOX .imageBOX_wrapper {
			width: 78%;
			padding: 15px 15px 40px;
			background: #fff;
			border-radius: 5px;
			-webkit-transition: all 1200ms ease-in-out;
			-moz-transition: all 1200ms ease-in-out;
			-o-transition: all 1200ms ease-in-out;
			-ms-transition: all 1200ms ease-in-out;
			transition: all 1200ms ease-in-out;
		}

	.story_slide .imgCont.even .imageBOX .imageBOX_wrapper {
		-webkit-transform: rotate(0) translate(150%,-30%) scale(0.5);
		-ms-transform: rotate(0) translate(150%,-30%) scale(0.5);
		transform: rotate(0) translate(150%,-30%) scale(0.5);
	}

	.story_slide .imgCont.odd .imageBOX .imageBOX_wrapper {
		-webkit-transform: rotate(0) translate(150%,30%) scale(0.5);
		-ms-transform: rotate(0) translate(150%,30%) scale(0.5);
		transform: rotate(0) translate(150%,30%) scale(0.5);
	}


.story_slide.animIMG .imgCont.even .imageBOX .imageBOX_wrapper {
	-webkit-transform: rotate(-15deg) translate(0,0) scale(1);
	-ms-transform: rotate(-15deg) translate(0,0) scale(1);
	transform: rotate(-15deg) translate(0,0) scale(1);
}

.story_slide.animIMG .imgCont.odd .imageBOX .imageBOX_wrapper {
	-webkit-transform: rotate(15deg) translate(0,0) scale(1);
	-ms-transform: rotate(15deg) translate(0,0) scale(1);
	transform: rotate(15deg) translate(0,0) scale(1);
}

.progress_bar {
	background: rgba(255,255,255,0.5);
	position: absolute;
	z-index: 50;
	height: 3px;
	bottom: 0;
	left: 0;
	width: 100%;
}

	.progress_bar .progress_state {
		width: 0%;
		height: 100%;
		/*background:#ff4141;
  background:#81b441;*/
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all 300ms ease-in-out;
		-moz-transition: all 300ms ease-in-out;
		-o-transition: all 300ms ease-in-out;
		-ms-transition: all 300ms ease-in-out;
		transition: all 300ms ease-in-out;
	}

section#sec_story .swipe_indicator,
section#sec_story .swipe_indicator div {
	height: auto;
}

section#sec_story .story_slide.helperSlide {
	position: relative;
}

.ct_article section#sec_story .story_slide.helperSlide {
	background-color: transparent;
	height: 75vh;
}

.ct_article section#sec_story .story_slide {
	height: auto;
	padding: 2rem 0;
	background-color: #FFF;
}

	.ct_article section#sec_story .story_slide.spacer_el {
		background-color: transparent;
		padding: 0;
	}

		.ct_article section#sec_story .story_slide.spacer_el .spacer_el_wrapper {
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
		}

			.ct_article section#sec_story .story_slide.spacer_el .spacer_el_wrapper.fullIMG img {
				display: block;
				width: 100%;
				height: auto;
				margin: 0 auto;
			}

.story_slide.helperSlide .swipe_indicator.mob {
	display: none;
}

.story_slide.helperSlide.hlpIndicShow .swipe_indicator.mob {
	display: block;
}

.swipe_indicator {
	position: absolute;
	left: 50%;
	bottom: 12px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
}

	.swipe_indicator.desk {
		display: block;
	}

	.swipe_indicator.mob {
		display: none;
	}


	.swipe_indicator .si_icons span {
		display: inline-block;
		margin: 0 1px;
		opacity: 0.6;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

		.swipe_indicator .si_icons span svg {
			width: 9px;
			height: auto;
			display: block;
		}

	.swipe_indicator.desk .si_icons span svg {
		width: 22px;
		height: auto;
		display: block;
	}





@keyframes flash {
	0% {
		opacity: 0.6
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.6;
	}
}

@-webkit-keyframes flash {
	0% {
		opacity: 0.6
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.6;
	}
}

@-ms-keyframes flash {
	0% {
		opacity: 0.6
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0.6;
	}
}

.swipe_indicator .si_icons span {
	-webkit-animation: flash 800ms infinite linear;
	-ms-animation: flash 800ms infinite linear;
	animation: flash 800ms infinite linear;
}

.swipe_indicator .si_label {
	font-size: 9px;
	font-family: arial;
	padding-top: 1px;
}

.swipe_indicator.desk .si_label {
	font-size: 9px;
	font-family: arial;
	padding-top: 0px;
}

.swipe_indicator.mob.dir-vertical span svg {
	width: 22px;
}


/** preloader **/

.sk-cube-grid {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

	.sk-cube-grid .sk-cube {
		width: 33%;
		height: 33%;
		background-color: #ABABAB;
		float: left;
		-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
		animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	}

	.sk-cube-grid .sk-cube1 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	.sk-cube-grid .sk-cube2 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.sk-cube-grid .sk-cube3 {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}

	.sk-cube-grid .sk-cube4 {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.sk-cube-grid .sk-cube5 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

	.sk-cube-grid .sk-cube6 {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}

	.sk-cube-grid .sk-cube7 {
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}

	.sk-cube-grid .sk-cube8 {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}

	.sk-cube-grid .sk-cube9 {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}

@-webkit-keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

@keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	}

	35% {
		-webkit-transform: scale3D(0, 0, 1);
		transform: scale3D(0, 0, 1);
	}
}

#preloaderCont {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 150;
	background: #fff;
}

.ct_article #preloaderCont {
	position: fixed;
}

.introLineTXT_parent {
	height: 100%;
	width: 100%;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.introLineTXT {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 85%;
	z-index: 30;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	font-size: 50px;
	text-align: center;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

	.introLineTXT p {
		margin: 35px 0;
	}

.intro_subTitle {
	font-size: 18px;
	font-weight: 300;
	padding-bottom: 12px;
}

.introLineTXT.hideIntroLine, .introLineTXT_parent.hideIntroLine {
	opacity: 0;
}


.slide_main_container {
	height: 100%;
	width: 100%;
	position: relative;
}

	.slide_main_container .vis-elem-cont {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 3;
		overflow: hidden;
	}

img.sld-vis-elem {
	position: absolute;
	width: 50%;
	left: auto;
	right: auto;
	top: 50%;
}

.slide_main_container.isShade_mob.isShade_desk,
.slide_main_container.isShade_desk {
	background: rgba(0,0,0,0.4);
}

.story_slide h1.title {
	font-size: 40px;
	text-transform: capitalize;
	padding: 20px 5px 5px;
	margin: 0;
	font-weight: 500;
	font-family: "Cormorant Upright", serif;
}

.story_slide_wrapper .slide-content.slideBody p:first-child {
	/*margin-top:10px;*/
}
/*.story_slide.location h1.title {
	font-size: 33px;
	text-transform: capitalize;
	margin: 15px 5px 15px;
}*/

.story_slide .event_details {
	display: flex;
	flex-direction: column;
}

	.story_slide .event_details.isbody {
		padding-top: 20px;
	}

	.story_slide .event_details .loc .mapBtn {
		margin-top: 22px;
	}

		.story_slide .event_details .loc .mapBtn a {
			width: 90%;
			max-width: 180px;
			border-radius: 0;
			height: 42px;
			font-size: 16px;
			cursor: pointer;
			position: relative;
			border: 1px solid;
			display: table;
			margin: 0 auto;
			text-decoration: none;
		}

			.story_slide .event_details .loc .mapBtn a span {
				display: table-cell;
				vertical-align: middle;
				height: 100%;
				background: rgba(255,255,255,0.2);
			}

	.story_slide .event_details .info-row.loc div.icon a {
		display: inline-block;
	}

	.story_slide .event_details .info-row.loc div.icon svg {
		width: 24px;
	}

.hdtitle.Title_noDisp {
	display: block;
	height: 15px;
}

.story_slide .event_details .info-row.date div.icon {
	margin-bottom: 8px;
}

.story_slide .event_details .info-row.loc div.icon {
	margin-bottom: 6px;
}

.story_slide .event_details div.icon svg {
	width: 28px;
	height: auto;
}

.story_slide .event_details .info-row {
	margin: 0 8px;
	padding-top: 2.2rem;
}

	.story_slide .event_details .info-row.loc {
		margin: 0px 8px 8px;
	}

.story_slide .event_details .col.info span {
	display: block;
}

	.story_slide .event_details .col.info span.data-line-1 {
		font-size: 22px;
		font-weight: bold;
	}

	.story_slide .event_details .col.info span.data-line-2 {
		font-size: 18px;
	}

.story_slide.location .map_cont {
	margin: 0px 3% 3% 3%;
	padding: 8px;
	border-radius: 5px;
	padding-bottom: 12px;
}

a.directions-btn {
	display: block;
	text-decoration: none;
	height: 45px;
	background: #000;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	line-height: 42px;
}

.story_slide .slide-content {
	padding: 5px;
}

form .form-field label {
	display: block;
}

form .form-field #full_name,
form .form-field select#guests,
form .form-field #message,
form .form-field #message2,
form .form-field #npersons {
	width: 90%;
	max-width: 280px;
	margin: 0 auto;
	height: 45px;
	border: 1px solid;
	background: rgba(72, 72, 72, 0.4);
	border-radius: 0;
	font-size: 16px;
	padding: 0 15px;
}

.ct_article .form-field #full_name,
.ct_article form .form-field select#guests,
.ct_article form .form-field #message,
.ct_article form .form-field #message2,
.ct_article form .form-field #npersons {
	background: rgba(232, 232, 232, 0.4)
}


form .form-field select#guests,
form .form-field select#npersons {
	/*color:rgba(255,255,255,0.4);*/
	opacity: 0.8;
}

	form .form-field select#guests.selected,
	form .form-field #npersons.selected {
		/*color:rgba(255,255,255,1);*/
		opacity: 1;
	}

form .form-field input::placeholder {
	font-size: 14px;
}

form .form-field #message,
form .form-field #message2 {
	height: 70px;
	padding: 9px 15px;
	font-size: 14px;
}




form .form-field select#guests option {
	color: #000;
}

form .form-field label {
	display: block;
	margin-bottom: 4px;
	font-size: 16px;
}

form .form-field.fld-name {
	margin-bottom: 25px;
}

form .form-field.fld-npersons {
	margin-top: 25px;
}

form button#submit_rsvp {
	width: 90%;
	max-width: 280px;
	border: 1px solid;
	border-radius: 0;
	height: 45px;
	margin-top: 20px;
	background: rgba(255,255,255,0.2);
	font-size: 20px;
	cursor: pointer;
	position: relative;
}


.form-intro-wrapper {
	font-size: 18px;
	padding: 3px 10px;
	margin-bottom: 15px;
}

	.form-intro-wrapper strong {
		display: block;
		padding-top: 3px;
		font-size: 21px;
	}

	.form-intro-wrapper dd.npersons_cont {
		font-size: 18px;
		text-align: center;
		display: block;
		margin: 0;
		padding-top: 15px;
		font-style: oblique;
		font-family: "Cormorant Infant", serif;
	}

form .form-field {
	position: relative;
}

	form .form-field .fld_error,
	form .guest_namesList .fld_error {
		color: #d70926;
		font-size: 12px;
		position: absolute;
		width: 100%;
		bottom: -17px;
		font-family: arial;
	}

form .guest_namesList .fld_error {
	position: relative;
	bottom: -6px;
}


form .form-field input#full_name.error_input,
form .form-field select#guests.error_input,
form .form-field input#npersons.error_input {
	border-color: #d70926;
}

.story_slide.rsvp .form-wrapper {
	position: relative;
}

.story_slide.rsvp .form-field.fld-message {
	margin-top: 25px;
}

	.story_slide.rsvp .form-field.fld-message.FLDMSG-2 {
		margin-top: 5px;
	}

.story_slide.rsvp .form-wrapper .ajax_success_message {
	font-size: 33px;
	position: absolute;
	height: 100%;
	z-index: 20;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(60px);
	-ms-transform: translateY(60px);
	transform: translateY(60px);
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	transition-delay: 300ms;
}

.ct_article .story_slide.rsvp .form-wrapper .ajax_success_message {
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}

.story_slide.rsvp .form-wrapper form#rsvp-event {
	opacity: 1;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	position: relative;
	z-index: 50;
}

.story_slide.rsvp .form-wrapper.onSuccess form#rsvp-event {
	opacity: 0;
	z-index: 20;
}

.story_slide.rsvp .form-wrapper.onSuccess .ajax_success_message {
	opacity: 1;
	z-index: 50;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.story_slide.rsvp .form-wrapper .ajax_success_message .ajax_success_message_wrapper {
	padding: 50px 15px 0;
}

.photo-frame {
	background: #fff;
	width: 80%;
	max-width: 330px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%) rotate(5deg) scale(0.5);
	-ms-transform: translate(-50%,-50%) rotate(5deg) scale(0.5);
	transform: translate(-50%,-50%) rotate(5deg) scale(0.5);
	padding: 15px;
	border-radius: 8px;
	-webkit-transition: all 800ms ease-in-out;
	-moz-transition: all 800ms ease-in-out;
	-o-transition: all 800ms ease-in-out;
	-ms-transition: all 800ms ease-in-out;
	transition: all 800ms ease-in-out;
}

.ct_article .photo-frame {
	width: 100%;
	max-width: none;
	position: relative;
	left: auto;
	top: auto;
	-webkit-transform: translate(0%,0%) rotate(0deg) scale(1);
	-ms-transform: translate(0%,0%) rotate(0deg) scale(1);
	transform: translate(0%,0%) rotate(0deg) scale(1);
	padding: 0;
	border-radius: 0;
}

	.ct_article .photo-frame img {
		border-radius: 0;
	}

.ct_article .story_slide.endFrame .slide-content {
	padding: 0;
}

.slick-current .photo-frame {
	-webkit-transform: translate(-50%,-50%) rotate(-12deg) scale(1);
	-ms-transform: translate(-50%,-50%) rotate(-12deg) scale(1);
	transform: translate(-50%,-50%) rotate(-12deg) scale(1);
}

.ct_article .photo-frame .photo-frame-wrapper {
	position: relative;
}

	.ct_article .photo-frame .photo-frame-wrapper::before,
	.ct_article .photo-frame .photo-frame-wrapper::after {
		content: "";
		height: 40px;
		display: block;
		position: absolute;
		background: #fff;
		z-index: 15;
		width: 100%;
		mask-size: cover;
		-webkit-mask-size: cover;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
	}

	.ct_article .photo-frame .photo-frame-wrapper::before {
		mask-image: url(../../images/imgframe-top.svg);
		-webkit-mask-image: url(../../images/imgframe-top.svg);
		mask-position: 17% 50%;
		-webkit-mask-position: 17% 50%;
		top: 0;
	}

	.ct_article .photo-frame .photo-frame-wrapper::after {
		mask-image: url(../../images/imgframe-bottom.svg);
		-webkit-mask-image: url(../../images/imgframe-btm.svg);
		mask-position: 95% 50%;
		-webkit-mask-position: 95% 50%;
		bottom: 0;
	}

.photo-frame img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 8px;
}

.ct_slider .photo-frame img {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.photo-frame .photo-title {
	display: block;
	padding: 12px 3% 2px;
	font-size: 18px;
}

.ct_article .photo-frame .photo-title {
	padding: 6px 3% 2px;
	font-size: 20px;
}

.story_slide.gift_reg .slide-content,
.story_slide.generic .slide-content {
	font-size: 20px;
	padding: 10px;
	font-weight: 500;
}

.ct_article .story_slide.gift_reg .slide-content,
.ct_article .story_slide.generic .slide-content {
	font-size: 22px;
}

.story_slide h1.title span.subtitle {
	display: block;
	font-weight: normal;
	font-size: 16px;
}

.ct_article .story_slide h1.title span.subtitle {
	font-size: 18px;
}

.story_slide .story_slide_wrapper {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	opacity: 0;
	max-width: 550px;
	margin: 0 auto;
}

.ct_article .story_slide .story_slide_wrapper {
	opacity: 1;
	position: relative;
	z-index: 5;
}

.story_slide .swipe_indicator {
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	opacity: 0;
}

.story_slide .story_slide_wrapper

.story_slide.generic .slide-content {
	max-width: 550px;
	margin: 0 auto;
}

.story_slide.slick-current .story_slide_wrapper,
.story_slide.slick-current .swipe_indicator {
	opacity: 1;
}

#story_slider .slick-next::before, #story_slider .slick-prev::before {
	content: '';
	display: block;
	width: 30px;
	height: 51px;
}

#story_slider .slick-next::before {
	background: url(../../images/right_arrow.svg) no-repeat center center;
}

#story_slider .slick-prev::before {
	background: url(../../images/left_arrow.svg) no-repeat center center;
}

#story_slider .slick-next, #story_slider .slick-prev {
	width: 30px;
	height: 51px;
}

#story_slider .slick-next {
	right: -45px;
}

#story_slider .slick-prev {
	left: -45px;
}

#intro_photo_thumb {
	border-radius: 50%;
	max-width: 300px;
	width: 70%;
	margin: 0 auto;
}


.tpl-2 .introLineTXT {
	font-size: 25px;
}


.brand-logo {
	position: absolute;
	max-width: 180px;
	top: 15px;
	left: 15px;
	display: none;
}

	.brand-logo svg {
		display: block;
		width: 100%;
		height: auto;
	}



/** event lock screen **/

.event_lock {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 180;
	text-align: center;
}

	.event_lock .event_lock_wrapper {
		padding: 15% 20px 15px;
		color: #000;
	}

		.event_lock .event_lock_wrapper svg path {
			fill: #000;
		}

	.event_lock .brand_logo svg {
		display: block;
		width: 80%;
		height: auto;
		margin: 0 auto;
		max-width: 320px;
	}

	.event_lock .lock_note {
		font-size: 19px;
		margin: 25px auto;
		max-width: 320px;
	}

	.event_lock form#unlock_preview input#password {
		display: block;
		width: 90%;
		max-width: 320px;
		margin: 0 auto;
		border: 2px solid #000;
		border-radius: 5px;
		height: 50px;
		padding: 2px 15px;
		font-size: 28px;
		text-align: center;
		color: #000;
	}

	.event_lock form#unlock_preview button#form-btn {
		display: block;
		width: 90%;
		max-width: 320px;
		border-radius: 5px;
		border: none;
		color: #fff;
		background: #81b441;
		margin: 22px auto 5px;
		height: 55px;
		font-size: 23px;
		cursor: pointer;
		-webkit-transition: all 200ms ease-in-out;
		-moz-transition: all 200ms ease-in-out;
		-o-transition: all 200ms ease-in-out;
		-ms-transition: all 200ms ease-in-out;
		transition: all 200ms ease-in-out;
	}

		.event_lock form#unlock_preview button#form-btn:hover {
			background: #89c53f;
		}

	.event_lock form#unlock_preview span.form-error {
		color: #d70926;
		font-size: 14px;
	}

#preloaderCont .loading_lbl {
	position: absolute;
	top: 55px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 130px;
	text-align: center;
}


.rsvp-preloader {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px;
	background: #000;
	font-size: 22px;
	display: none;
}

.form-lock-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	display: none;
}

.lock-form .rsvp-preloader,
.lock-form .form-lock-screen {
	display: block;
}

.lock-form .form-field {
	opacity: 0.5;
}

.rsvp-preloader-wrapper::after {
	content: "";
	display: block;
	clear: both;
}

.rsvp-preloader-wrapper {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 280px;
}

.rsvp-preloader .waitTXT {
	float: none;
	display: block;
	margin-left: 12px;
	display: inline-block;
	position: relative;
	top: -4px;
}

.rsvp-preloader .sk-cube-grid {
	transform: unset;
	top: 2px;
	left: 0;
	position: relative;
	float: none;
	display: inline-block;
	width: 30px;
	height: 30px;
}

	.rsvp-preloader .sk-cube-grid .sk-cube {
		background: #fff;
	}

	.rsvp-preloader .sk-cube-grid .loading_lbl {
		display: none;
	}

.ct_slider .poweredBy {
	display: none;
	position: absolute;
	bottom: 15px;
	left: 50%;
	width: 180px;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.showPoweredBy .poweredBy {
	display: block;
}

.ct_article .poweredBy {
	background: #fff;
	padding: 14px 5px 25px;
}

.poweredBy a {
	display: flex;
	outline: none;
	text-decoration: none;
	font-size: 10px;
	justify-content: center;
	align-items: center;
}

.poweredBy svg {
	display: block;
	width: 100%;
}

.poweredBy a span.spn_cont {
	display: block;
}

	.poweredBy a span.spn_cont.spn_lbl {
		padding-right: 4px;
	}

	.poweredBy a span.spn_cont.spn_logo img {
		display: block;
		max-width: 70px;
	}

/**wedding Clock **/
#clockTimer {
	display: flex;
	justify-content: space-evenly;
}

.wed_counter {
	position: relative;
	width: 90%;
	z-index: 40;
	text-align: center;
	margin: 0 auto;
	max-width: 275px;
}

.ct_article .wed_counter {
	padding-top: 22px;
}

.wed_counter span {
	display: block;
}

.wed_counter div.tcell {
	display: block;
	text-align: center;
	position: relative;
}

	.wed_counter div.tcell span.t_val {
		font-size: 25px;
		width: 45px;
	}

	.wed_counter div.tcell span.t_label {
		text-transform: uppercase;
		font-size: 10px;
		width: 45px;
		display: none;
	}

	.wed_counter div.tcell::after {
		content: ":";
		display: block;
		position: absolute;
		font-size: 17px;
		right: -11px;
		top: 6px;
		font-weight: 300;
	}

	.wed_counter div.tcell:last-child:after {
		display: none;
	}

#music_player_BTN {
	display: block;
	position: absolute;
	background: none;
	bottom: 15px;
	left: 15px;
	z-index: 52;
	cursor: pointer;
	border: none;
	padding: 0;
	width: 35px;
	height: 35px;
	outline: none;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	-webkit-transform: scale(0.5) rotate(-15deg);
	-ms-transform: scale(0.5) rotate(-15deg);
	transform: scale(0.5) rotate(-15deg);
	opacity: 0;
}

.ct_article #music_player_BTN {
	position: fixed;
	width: 30px;
	height: 31px;
}

#music_player_BTN svg {
	display: block;
	width: 35px;
	height: 34px;
	outline: none;
}

.ct_article #music_player_BTN svg {
	width: 30px;
	height: 31px;
}

#music_player_BTN.showAudioBtn {
	-webkit-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	opacity: 1;
}

/** IOS Audio Hack **/

#ios_audio_lockscreen {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 50%;
	z-index: 140;
	background: rgba(0,0,0,0.2);
	max-width: 375px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.ct_article #ios_audio_lockscreen {
	position: fixed;
	height: 100vh;
}

#ios_audio_lockscreen div.btn_wrapper {
	position: absolute;
	top: 80%; /** 2026 update**/
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	text-align: center;
	z-index: 10;
	background: rgba(255,255,255,0.2);
}

#ios_audio_lockscreen button {
	background-color: rgba(0,0,0,0.25);
	font-size: 20px;
	border: 1px solid;
	width: 170px;
	height: 44px;
	border-radius: 0;
	padding: 0;
	margin: 0 auto;
	cursor: pointer;
}

#ios_audio_lockscreen div.btn_wrapper span {
	display: block;
	font-size: 14px;
	margin-top: 11px;
	letter-spacing: 2px;
}


.iosAudio .introLineTXT, .iosAudio .swipe_indicator {
	opacity: 0;
}


.centerSlideCont .story_slide_wrapper,
.ctnt-center .story_slide_wrapper {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.centerSlideCont .helperSlide .story_slide_wrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}

.centerSlideCont .introLineTXT p {
	margin: 30px 0;
}

.Default_DeskVis, .deskBG_mobonly {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

deskBG_mobonly {
	position: fixed;
	z-index: 1;
}

.deskBG_mobonly_wrapper {
	width: 100%;
	height: 100%;
	background-color: #f3f3f3;
	/*background-color: #89c53f;*/
	background-image: none !important;
	display: none;
}


/********************************************** leaves container *******************************/
#leafContainer {
	width: 100%;
	height: 100vh;
	position: fixed;
	overflow: hidden;
	pointer-events: none;
	z-index: 75;
}

	#leafContainer > div {
		position: absolute;
		width: 45px;
		height: 45px;
		-webkit-animation-iteration-count: infinite, infinite;
		-webkit-animation-direction: normal, normal;
		-webkit-animation-timing-function: linear, ease-in;
	}

	#leafContainer.floral_white > div,
	#leafContainer.floral > div,
	#leafContainer.floral > div img,
	#leafContainer.floral_white > div img {
		width: auto;
		height: 17px;
	}


	#leafContainer. > div > img {
		position: absolute;
		width: auto;
		height: 55px;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		-webkit-animation-timing-function: linear;
		-webkit-transform-origin: 50% -100%;
	}

	#leafContainer.floral > div > img,
	leafContainer.floral_white > div > img {
		height: 17px;
	}

	#leafContainer.hearts_red > div > img,
	#leafContainer.hearts_pink > div > img {
		height: 45px;
	}

	#leafContainer.dandelions > div > img {
		height: 65px;
	}

	#leafContainer.baloons > div > img {
		height: auto;
		width: 35px;
	}


@-webkit-keyframes fade {
	0% {
		opacity: 1;
	}

	85% {
		opacity: 1;
	}

	90% {
		opacity: 0;
	}
}

@-webkit-keyframes drop {
	0% {
		-webkit-transform: translate(0px, 50px);
	}

	100% {
		-webkit-transform: translate(0px, -1950px);
	}
}

@-webkit-keyframes clockwiseSpin {
	0% {
		-webkit-transform: rotate(-50deg);
	}

	60% {
		-webkit-transform: rotate(50deg);
	}

	80% {
		-webkit-transform: rotate(80deg);
	}

	100% {
		-webkit-transform: rotate(-40deg);
	}
}

@-webkit-keyframes counterclockwiseSpinAndFlip {
	0% {
		-webkit-transform: scale(-1, 1) rotate(80deg);
	}

	100% {
		-webkit-transform: scale(-1, 1) rotate(-80deg);
	}
}

@-webkit-keyframes clockwiseSpin_baloon {
	0% {
		-webkit-transform: rotate(-20deg);
	}

	60% {
		-webkit-transform: rotate(20deg);
	}

	80% {
		-webkit-transform: rotate(30deg);
	}

	100% {
		-webkit-transform: rotate(-20deg);
	}
}

@-webkit-keyframes counterclockwiseSpinAndFlip_baloon {
	0% {
		-webkit-transform: scale(-1, 1) rotate(25deg);
	}

	100% {
		-webkit-transform: scale(-1, 1) rotate(-25deg);
	}
}



/** end leafcontainer**/

/** sponsor **/

.sponsor-frame h4.sponsor-label {
	margin: 0 0 12px 0;
	font-weight: 300;
	font-size: 14px;
}

.sponsor-frame .sponsor-logo img {
	width: 85%;
	height: auto;
	max-width: 300px;
	margin: 0 auto
}

.sponsor-frame h2.sponsor-title {
	font-weight: 700;
	font-size: 22px;
	margin: 5px 0;
	padding: 10px 8px 5px 8px;
}

.sponsor-frame .sponsor-description {
	max-width: 320px;
	margin: 0 auto;
}

	.sponsor-frame .sponsor-description p {
		font-size: 16px;
		margin: 0;
		padding: 5px 8px;
	}

.sponsor-frame .external_link {
	margin-top: 10px;
}

	.sponsor-frame .external_link a {
		color: #fff;
		display: inline-block;
		text-align: center;
		padding: 5px;
		text-decoration: none;
	}

		.sponsor-frame .external_link a span {
			display: inline-block;
			position: relative;
			text-decoration: underline;
		}

			.sponsor-frame .external_link a span::after {
				display: block;
				content: "";
				width: 20px;
				height: 21px;
				background: url(../../images/external-link-symbol.svg) no-repeat center center;
				background-size: contain;
				position: absolute;
				right: -27px;
				top: -2px;
			}

.ctnt-top .sponsor-frame .sponsor-frame-wrapper {
	padding-top: 20px;
}

.form-field.fld-name.HideGuestNames_forms {
	display: none;
}

.guestNames_dyn {
	/*font-size: 20px;*/
	font-size: 22px;
	padding: 0 5px 18px;
	font-style: italic;
}

.story_slide.rsvp .form-wrapper form#rsvp-event.gname_hidden .guestNames_dyn {
	display: none;
}

.story_slide.rsvp .form-wrapper form#rsvp-event.gname_hidden .form-field.fld-name.HideGuestNames_forms {
	display: block;
}


.form-intro-wrapper dd.npersons_cont.npLabel_hidden {
	display: none;
}


#ios_audio_lockscreen .front-guest-info {
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 7%;
	z-index: 10;
}

	#ios_audio_lockscreen .front-guest-info .guestNames_dyn {
		padding: 0 5px 5px;
	}

	#ios_audio_lockscreen .front-guest-info .npersons_cont_front {
		font-size: 14px;
	}

#msg_charCount {
	font-size: 10px;
	max-width: 280px;
	margin: 0 auto;
	text-align: right;
	padding: 0 3px 0;
}

.CardCover_photo {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
}

	.CardCover_photo .cvrMask {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		/*background-color:rgba(0,0,0,0.4);*/
		z-index: 5;
		/*background: rgb(243,243,243);
	background: -moz-linear-gradient(180deg, rgba(243,243,243,0) 0%, rgba(0,0,0,0.6851073192949055) 53%);
	background: -webkit-linear-gradient(180deg, rgba(243,243,243,0) 0%, rgba(0,0,0,0.6851073192949055) 53%);
	background: linear-gradient(180deg, rgba(243,243,243,0) 0%, rgba(0,0,0,0.6851073192949055) 53%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f3f3",endColorstr="#000000",GradientType=1);
	*/

		background: rgb(0,0,0);
		background: -moz-radial-gradient(circle, rgba(0,0,0,0) 19%, rgba(0,0,0,1) 99%);
		background: -webkit-radial-gradient(circle, rgba(0,0,0,0) 19%, rgba(0,0,0,1) 99%);
		background: radial-gradient(circle, rgba(0,0,0,0) 19%, rgba(0,0,0,1) 99%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		opacity: 0.75;
	}
/*
#ios_audio_lockscreen .cardLogo {
	display: block;
	max-width: 180px;
	width: 155px;
	position: absolute;
	top: 60px;
	z-index: 10;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
*/
.cardLogo {
	display: block;
	max-width: 180px;
	width: 155px;
	margin: 0 auto 40px; /** 2026 updates **/
}

	.cardLogo img {
		display: block;
		width: 100%;
		height: auto;
	}

#ios_audio_lockscreen .cardLogo {
	display: block;
	max-width: 138px;
	width: 75%;
	margin: 12px auto 12px;
}

	#ios_audio_lockscreen .cardLogo img {
		width: 100%;
		display: block;
		margin: 0 auto;
		height: auto;
	}
/** CSS Global Fixes **/
#qtauth {
	font-size: 14px;
	opacity: 0.7;
	font-style: italic;
	display: block;
	padding-top: 8px;
}

.ct_article .invtslide .slideBody h5 {
	font-size: 21px;
	font-weight: 700;
}

.invtslide .slideBody h3 {
	font-size: 40px;
	line-height: 52px;
	font-weight: 700;
}

.invtslide .parents {
	display: flex;
	text-align: center;
	justify-content: space-around;
	padding: 12px 4px;
}

.invtslide .slideBody .parents h5 {
	font-size: 21px;
	line-height: 24px;
	margin: 0;
}

	.invtslide .slideBody .parents h5 span {
		display: block;
		font-size: 12px;
	}

a.evantoBTN {
	width: 90%;
	max-width: 180px;
	border-radius: 0;
	height: 42px;
	font-size: 16px;
	cursor: pointer;
	position: relative;
	border: 1px solid;
	display: table;
	margin: 19px auto auto auto;
	text-decoration: none;
	line-height: 42px;
	background-color: rgba(255,255,255,0.2);
}

/** swipe indicator animation **/
.prompt {
	width: 140px;
	margin-left: 20px;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 20;
}

.prompt_label {
	display: block;
	font-size: 14px;
	opacity: 0.8;
}

.prompt_swipeUp .prompt_label {
	font-size: 16px;
	opacity: 1;
	position: relative;
	z-index: 10;
	color: #fff;
	padding: 0px 15px 14px;
	width: 170px;
	text-align: center;
	text-shadow: 0px 0px 12px #000;
}

.prompt svg {
	height: 64px;
	width: 64px;
	transform-origin: 0% 100%;
	animation-name: swipe;
	animation-duration: 2.1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	opacity: 0.6;
}

.prompt_swipeUp {
	position: fixed;
	top: 50%;
	z-index: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	display: none;
}

	.prompt_swipeUp svg {
		width: 50px;
		height: auto;
		transform: translateY(-75px);
		transform-origin: 50% 50%;
		animation-name: swipeup;
		animation-duration: 2.1s;
		animation-iteration-count: infinite;
		animation-timing-function: ease;
		opacity: 0;
		margin: 0 auto;
		display: block;
		z-index: 10;
		position: relative;
	}

		.prompt_swipeUp svg path {
			fill: #fff;
		}

	.prompt_swipeUp .promptMask {
		height: 200px;
		position: absolute;
		background: #000;
		width: 100%;
		top: -95px;
		z-index: 5;
		filter: blur(75px);
		opacity: 0.7;
	}

@keyframes swipe {
	0% {
		transform: translateX(100px) rotate(10deg);
	}

	50% {
		transform: translateX(-20px) rotate(-15deg) scale(0.9);
	}

	100% {
		transform: translateX(100px) rotate(10deg);
	}
}

@keyframes swipeup {
	0% {
		transform: translateY(0);
		opacity: 0;
	}

	10% {
		transform: translateY(0);
		opacity: 0;
	}

	20% {
		transform: translateY(0);
		opacity: 0;
	}

	80% {
		transform: translateY(-75px);
		opacity: 1;
	}

	90% {
		transform: translateY(-75px);
		opacity: 0;
	}

	100% {
		transform: translateY(-75px);
		opacity: 0;
	}
}

.langSelector_cont {
	position: fixed;
	z-index: 145;
	width: 100%;
	top: 0;
	right: 0;
}

	.langSelector_cont.langInnerView {
		position: absolute;
		right: 5px !important;
		display: none;
	}

	.langSelector_cont .langSelector_cont_wrapper {
		display: flex;
		gap: 12px;
		padding: 14px 15px 0 10px;
		justify-content: flex-end;
		width: 100%;
	}

		.langSelector_cont .langSelector_cont_wrapper a {
			text-shadow: 0 0 5px rgba(0,0,0,0.7);
			text-decoration: none;
			color: #fff;
		}

.IntroVerse {
	position: relative;
	z-index: 7;
	text-align: center;
	padding-top: 25px;
	font-size: 18px;
}

#ios_audio_lockscreen.TranslationAvailable .IntroVerse {
	padding-top: 47px;
}

.ct_article {
	font-size: 20px;
}

.IntroVerse .IntroVerse_wrapper {
	padding: 0 15px;
}

.formNote {
	font-size: 14px;
	padding-top: 7px;
}

	.formNote.formNote_B {
		margin-top: 12px;
	}

.Adv_location_cont {
	display: flex;
	flex-direction: column;
	gap: 3rem;
	padding-top: 2rem;
	font-size: 20px;
}

.gath-sld .Adv_location_cont {
	padding-top: 0;
}

.story_slide.location.advanced_Location .Adv_location_cont {
	padding-top: 1rem;
}

.Adv_location_cont .adv_location_item {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

	.Adv_location_cont .adv_location_item:last-child {
		padding-bottom: 1.8rem;
	}

.Adv_location_cont .advLoc_icon img {
	display: block;
	margin: 0 auto;
	width: 35%;
	max-width: 70px;
	padding-bottom: 3px;
}

.Adv_location_cont .advLoc_title {
	font-size: 24px;
	font-weight: 600;
}

.Adv_location_cont .advLoc_type {
	font-size: 16px;
	opacity: 0.8;
	;
}

.Adv_location_cont .advLoc_map a {
	font-size: 16px;
	opacity: 1;
	border: 1px solid;
	padding: 10px 5px;
	height: 42px;
	width: 180px;
	text-align: center;
	margin-top: 6px;
	margin-bottom: 3px;
	background-color: rgba(255,255,255,0.2);
	display: inline-block;
}

	.Adv_location_cont .advLoc_map a span {
		display: inline-block;
		/*align-items: center;
	gap: 5px;*/
	}
/*
.Adv_location_cont .advLoc_map a span::before {
	content: "";
	height: 13px;
	width: 11px;
	mask-image: url(../../images/location-pin.svg);
	-webkit-mask-image: url(../../images/location-pin.svg);
	mask-position: center center;
	-webkit-mask-position: center center;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	background: #2c2c2c;
	display: block;
}*/
.ct_slider .Adv_location_cont .advLoc_map a span::before {
	background: #fff;
}

.ct_article .HeroSlider .intro_screen {
	display: none;
}

.advLoc_time .eventItems_cont {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	margin: 1.2rem 0 0;
	padding: 2rem 0;
	position: relative;
}
/*
.advLoc_time .eventItems_cont::after {
	content: "";
	width: 1px;
	display: block;
	background-color: #2c2c2c;
	height: 100%;
	position: absolute;
	left: 50%;
	top:0;
	z-index: 5;
	opacity: 0.2;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
*/
.advLoc_time .eventItems_row {
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 12px;
	align-items: center;
	position: relative;
	z-index: 15;
	font-size: 18px;
}

	.advLoc_time .eventItems_row::before,
	.advLoc_time .eventItems_row::after {
		content: "";
		width: 1px;
		display: block;
		background-color: #999;
		height: 30px;
		position: absolute;
		left: 50%;
		z-index: 5;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}

	.advLoc_time .eventItems_row::before {
		top: -30px;
	}

	.advLoc_time .eventItems_row::after {
		bottom: -30px;
	}


.advLoc_time .eventItem.ev_activity,
.advLoc_time .eventItem.ev_time {
	width: 45%;
}

.advLoc_time .eventItem.ev_time {
	text-align: right;
	font-weight: 600;
}

.advLoc_time .eventItem.ev_activity {
	text-align: left;
}

.advLoc_time .eventItem.ev_icon {
	width: 38px;
	height: auto;
	aspect-ratio: 1/1;
	background: #2c2c2c;
	border-radius: 50%;
	padding: 2px;
	display: flex;
	text-align: center;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.ct_slider .advLoc_time .eventItem.ev_icon {
	background: rgba(255,255,255,0.2);
}

.advLoc_time .eventItem.ev_icon.noIcon {
	width: 8px;
	height: 8px;
}

.advLoc_time .eventItem.ev_icon span {
	background-color: #FFF;
	height: 75%;
	width: 75%;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-image: url(../../images/timeline/heart.svg);
	-webkit-mask-image: url(../../images/timeline/heart.svg);
	mask-position: center center;
	-webkit-mask-position: center center;
}

.advLoc_time .eventItem.ev_icon.noIcon span {
	display: none;
}

blockquote {
	font-size: 18px;
	margin: 10px 5px;
}

	blockquote::before {
		content: "❝";
		font-size: 28px;
		line-height: 18px;
		display: block;
	}

	blockquote p {
		margin: 0;
		padding: 0;
	}

	blockquote em {
		display: block;
		opacity: 0.7;
		font-size: 15px;
		margin-top: 11px;
	}

.ct_article .story_slide h1.title.hidden-title {
	display: none;
}

.clock_custLabels_wrapper {
	display: flex;
	justify-content: space-evenly;
	font-size: 10px;
	text-transform: uppercase;
	text-align: center;
}

	.clock_custLabels_wrapper .cst_label {
		display: block;
		width: 45px;
		text-align: center;
	}

.gid_error {
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 145;
	background-color: rgba(0,0,0,0.7);
}

.ct_article .gid_error {
	position: fixed;
	left: 50%;
	max-width: 375px;
	transform: translateX(-50%);
}

.gid_error .gid_error_wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	padding: 12px;
	line-height: 24px;
	color: #FFF;
}

/* guest list */
.guest_namesList .gnListWrapper {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
	border: 1px solid;
	padding: 8px;
}

.multi_Name_scheme form .form-field #full_name,
.multi_Name_scheme form .form-field select#guests,
.multi_Name_scheme form .form-field #message,
.multi_Name_scheme form .form-field #message2,
.multi_Name_scheme form .form-field #npersons,
.guest_namesList .gnListWrapper,
.multi_Name_scheme form button#submit_rsvp {
	width: 90%;
	max-width: 340px;
}

.guest_namesList .gname_item {
	/*padding: 10px 12px;*/
	padding: 8px 0px;
	/* border: 1px solid #fff; */
	position: relative;
}

	.guest_namesList .gname_item::after {
		content: "";
		display: block;
		height: 1px;
		background-color: #fff;
		position: absolute;
		width: 100%;
		bottom: -9px;
		opacity: 0.4;
	}

.ct_article .guest_namesList .gname_item::after {
	background-color: #2c2c2c;
	opacity: 0.2;
}

.guest_namesList .gname_item:last-child::after {
	display: none;
}

.guest_namesList .gname_item .gname_item_wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.guest_namesList .gname_item .answersCont button {
	display: block;
	width: 65px;
	height: 33px;
	color: #2c2c2c;
	border: none;
	background-color: #F3F4F6;
}

	.guest_namesList .gname_item .answersCont button svg path {
		fill: #2c2c2c;
		-webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
		-o-transition: all 100ms ease-in-out;
		-ms-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

.guest_namesList .gname_item .answersCont {
	display: flex;
	gap: 6px;
}

	.guest_namesList .gname_item .answersCont button {
		display: flex;
		width: 65px;
		height: 33px;
		color: #2c2c2c;
		border: none;
		background-color: #F3F4F6;
		border-radius: 10px;
		justify-content: center;
		align-items: center;
		gap: 3px;
		padding-right: 8px;
		cursor: pointer;
		-webkit-transition: all 100ms ease-in-out;
		-moz-transition: all 100ms ease-in-out;
		-o-transition: all 100ms ease-in-out;
		-ms-transition: all 100ms ease-in-out;
		transition: all 100ms ease-in-out;
	}

		.guest_namesList .gname_item .answersCont button.active {
			color: #fff !important;
		}

			.guest_namesList .gname_item .answersCont button.active svg path {
				fill: #fff !important;
			}

		.guest_namesList .gname_item .answersCont button.yesBtn.active {
			background-color: #55BC82 !important;
		}

		.guest_namesList .gname_item .answersCont button.NoBtn.active {
			background-color: #F9305D !important;
		}


		.guest_namesList .gname_item .answersCont button svg {
			width: 15px;
			height: auto;
		}

.guest_namesList .gname_item .gname_item_wrapper .nameVal {
	text-align: left;
	padding-right: 3px;
}

.multi_Name_scheme form .guestNames_dyn,
.multi_Name_scheme .form-intro-wrapper dd.npersons_cont,
.multi_Name_scheme form .form-field.fld-guests {
	display: none;
}

.multi_Name_scheme .form-intro-wrapper {
	margin-bottom: 6px;
}

.multi_Name_scheme .mnames_lbl {
	font-size: 16px;
	padding-bottom: 6px;
	display: inline-block;
	padding-top: 10px;
}

/** 2026 updates **/
.custLogo_cont img {
	display: block;
	width: 75%;
	max-width: 138px;
	margin: 12px auto 12px;
	filter: brightness(0) invert(1);
}

.custLogo_cont .cname_date p {
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-family: "Cormorant SC", serif;
}

.gift-details {
	font-family: "Cormorant Infant", serif;
	font-size: 20px;
	line-height: 28px;
	position: relative;
	top: 5px;
}

	.gift-details p strong {
		padding-bottom: 4px;
		display: inline-block;
		font-size: 22px;
	}

.ct_slider .invtslide .slideBody h5 {
	margin: -1px 0;
}

.ct_slider .invtslide .slideBody h3 {
	margin: 34px auto 31px;
}

.ct_slider .gath-sld .story_slide_wrapper .slide-content.slideBody p:first-child {
	font-size: 18px;
}

.ct_slider .Adv_location_cont .advLoc_title {
	font-size: 22px;
}

.ct_slider .Adv_location_cont {
	font-size: 18px;
	gap: 2rem;
}

.langSelector_cont .langSelector_cont_wrapper a {
	font-family: "Almarai", sans-serif;
}

.langNewCont {
	display: none !important;
}

/*#ios_audio_lockscreen.TranslationAvailable .IntroVerse {
	padding-top: 0;
}*/

/** template C**/

.ct_article.art_c section#sec_story .story_slide {
	padding: 1rem 12px;
	background-color: transparent;
}

.ct_article.art_c .slide_main_container {
	background: rgba(255,255,255,0.85);
	padding: 25px 0;
}

.ct_article.art_c .rsvp.story_slide .story_slide_wrapper {
	background: rgba(255,255,255,0.75);
	padding: 16px 0 39px;
}

.ct_article.art_c .photo-frame .photo-frame-wrapper::before, .ct_article.art_c .photo-frame .photo-frame-wrapper::after {
	display: none;
}

.ct_article.art_c .poweredBy {
	background: transparent;
}

	.ct_article.art_c .poweredBy a {
		color: #fff;
	}

.ct_article.art_c .photo-frame {
	border: 13px solid #fff;
	border-radius: 4px;
	transform: scale(0.8) rotate(-11deg);
}

.ct_article.art_c .story_slide h1.title {
	font-size: 37px;
}

/** custom template basis **/

.ct_article.art_custom .cvrMask {
	display: none;
}

.ct_article.art_custom section#sec_story .story_slide {
	background-color: transparent;
}

.ct_article.art_custom .poweredBy {
	background: transparent;
}

.ct_article.art_custom .custLogo_cont img {
	filter: none;
}

.ct_article.art_custom #ios_audio_lockscreen .custLogo_cont .cname_date p {
	color: #2c2c2c;
}

.story_slide h1.title img.sld-hdr-icon,
.story_slide h1.title img.sld-sep-icon {
	display: block;
	width: 75%;
	max-width: 130px;
	margin: 0 auto 15px;
}

.story_slide h1.title img.sld-sep-icon {
	margin: 0px auto 10px;
	max-width: 160px;
}

#floatRSVP {
	position: fixed;
	bottom: 25px;
	right: 12px;
	border: none;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	overflow: hidden;
	background-color: #f3f3f3;
	box-shadow: 0 0 7px -2px #777;
}

	/* Shimmer layer */
	#floatRSVP::before {
		content: "";
		position: absolute;
		top: -50%;
		left: -150%;
		width: 60%;
		height: 200%;
		background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0.35), transparent );
		transform: rotate(15deg);
		animation: shimmerTilted 2.8s infinite;
	}

/* Animation */
@keyframes shimmerTilted {
	0% {
		left: -150%;
	}

	100% {
		left: 150%;
	}
}

/* spacer content and logo */

.story_slide.sld0.spacer_el .spacer_el_wrapper .slideBody {
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 25%, rgba(0, 0, 0, 0.45) 75%);
	height: 100%;
	position: relative;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.story_slide.sld0.spacer_el.hideHeroLogo .spacer_el_wrapper .slideBody {
	opacity: 0;
}

.story_slide.sld0.spacer_el .spacer_el_wrapper .slideBody .cardLogo {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 10px;
	max-width: 140px;
}

	.story_slide.sld0.spacer_el .spacer_el_wrapper .slideBody .cardLogo img {
		filter: brightness(0) invert(1);
	}

.CardCover_photo video#videoCover {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* envelope HTML */
.envelope_main {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	height: -webkit-fill-available;
	min-height: 100dvh;
	width: 100%;
	z-index: 10;
	overflow: hidden;
	transition: all 0.6s ease-out;
	transition-delay: 1.2s;
}

	.envelope_main div {
		width: 100%;
		height: 100%;
		height: -webkit-fill-available;
		min-height: 100dvh;
		position: absolute;
		background-size: cover;
		background-repeat: no-repeat;
		-webkit-transition: all 1800ms cubic-bezier(0.5, 1, 0.89, 1);
		-moz-transition: all 1800ms cubic-bezier(0.5, 1, 0.89, 1);
		-o-transition: all 1800ms cubic-bezier(0.5, 1, 0.89, 1);
		-ms-transition: all 1800ms cubic-bezier(0.5, 1, 0.89, 1);
		transition: all 1800ms cubic-bezier(0.5, 1, 0.89, 1);
	}

		.envelope_main div.envlp_bg {
			z-index: 1;
		}

		.envelope_main div.envlp_lower {
			z-index: 2;
			background-position: center bottom;
		}

		.envelope_main div.envlp_upper {
			z-index: 3;
			background-position: center top;
		}

		.envelope_main div.envlp_stamp {
			z-index: 4;
		}

			.envelope_main div.envlp_stamp img {
				display: block;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%,-50%);
				max-width: 120px;
			}

	.envelope_main.animateENVLP div.envlp_upper {
		/*transform: translateY(-35%);*/
		transform: translateY(-50%);
	}

	.envelope_main.animateENVLP div.envlp_lower,
	.envelope_main.animateENVLP div.envlp_stamp {
		/*transform: translateY(35%);*/
		transform: translateY(66%);
	}

	.envelope_main.animateENVLP div.envlp_bg {
		/*opacity: 0.65;*/
		opacity: 0;
	}

	.envelope_main.animateENVLP {
		opacity: 0;
	}

#ios_audio_lockscreen.envelope_cover_html .btn_wrapper {
	display: none;
}

#ios_audio_lockscreen.envelope_cover_html {
	background-color: transparent;
	height: -webkit-fill-available;
	min-height: 100dvh;
}
/** links list **/
.links-list {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding-top: 2px;
	font-size: 18px;
}

.link-item a {
	display: block;
	text-decoration: none;
	font-family: "Cormorant SC", serif;
	font-size: 20px;
}

	.link-item a::After {
		content: "";
		width: 20px;
		height: 15px;
		display: inline-block;
		background-position: center center;
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
		left: 3px;
		bottom: -2px;
		background-color: #ccc;
		mask-size: contain;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		-webkit-mask-repeat: no-repeat;
		mask-image: url(../../images/link-45deg-01.svg);
		-webkit-mask-image: url(../../images/link-45deg-01.svg);
		mask-position: center center;
		-webkit-mask-position: center center;
	}

.custNames, .custParents, .custDate, .custVerse {
	display: block;
	margin: 0 auto 0;
	max-width: 440px;
	width: 90%;
}

@media screen and (min-width: 850px) {

	html {
		height: 100%;
		width: 100%;
	}

	body {
		width: 100%;
		height: 100%;
	}

	.brand-logo {
		display: block;
	}

	#main.mobileOnlyTPL .main_wrapper {
		top: 25px;
	}

	.ct_article #main.mobileOnlyTPL .main_wrapper {
		top: 0;
	}

	.guest_namesList .gname_item .answersCont button.NoBtn:hover {
		background-color: #fef2f2;
		color: #c10007;
	}

	.guest_namesList .gname_item .answersCont button.yesBtn:hover {
		background-color: #f0fdf4;
		color: #008236;
	}

		.guest_namesList .gname_item .answersCont button.yesBtn:hover svg path {
			fill: #008236;
		}

	.guest_namesList .gname_item .answersCont button.NoBtn:hover svg path {
		fill: #c10007;
	}
}

@media screen and (max-width: 1025px) {
	.swipe_indicator.mob {
		display: block;
	}

	.swipe_indicator.desk {
		display: none;
	}

	#main.nav-vertical .story_slide_wrapper {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

	#main.nav-vertical .helperSlide .story_slide_wrapper {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
	}
}

@media screen and (max-width: 850px) {
	#story_slider .slick-next, #story_slider .slick-prev {
		display: none !important;
	}

	body, body.tpltype-2 {
		background-image: none;
	}
}

@media screen and (max-width: 768px) {
	.HeroSlider_wrapper.deskvers,
	.Default_DeskVis {
		display: none;
	}

	.HeroSlider_wrapper.mobvers {
		display: block;
	}

	.slide_main_container.isShade_mob {
		background: rgba(0,0,0,0.4);
	}

	.slide_main_container.isShade_desk {
		background: rgba(0,0,0,0);
	}
}

@media screen and (max-width: 680px) {
	#ios_audio_lockscreen {
		max-width: none;
	}
}

@media screen and (max-width: 650px) {


	form .form-field #message,
	form .form-field #message2 {
		height: 70px;
		padding: 9px 15px;
		font-size: 14px;
	}
	/*leavescont*/
	#leafContainer > div > img {
		height: 38px;
	}

	#leafContainer.floral > div > img,
	#leafContainer.floral_white > div > img {
		height: 17px;
	}

	#leafContainer.hearts_red > div > img,
	#leafContainer.hearts_pink > div > img {
		height: 31px;
	}

	#leafContainer.dandelions > div > img {
		height: 45px;
	}


	.sponsor-frame .sponsor-logo img {
		max-width: 230px;
		margin: 0 auto
	}

	.guest_namesList .gname_item .answersCont button {
		width: 60px;
		height: 30px;
	}
}

.story_slide {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

	/* The active state that triggers the animation */
	.story_slide.animate-open {
		opacity: 1;
		transform: translateY(0);
	}

		/* Optional: Add a slight delay to the internal content for a better effect */
		.story_slide.animate-open .story_slide_wrapper {
			animation: fadeIn 1s ease-in-out 0.3s forwards;
			opacity: 0;
		}

@keyframes fadeIn {
	to {
		opacity: 1;
	}
}

/* --- Wrapper Spacing --- */
.form-field {
	margin-bottom: 24px;
	display: flex;
	flex-direction: column;
	font-family: 'Helvetica Neue', Arial, sans-serif; /* Replace with your theme font */
}


	/* --- Shared styles for Input, Dropdown, and Textarea --- */
	.form-field input[type="text"],
	.form-field select,
	.form-field textarea {
		width: 85%;
		padding: 14px 16px;
		font-size: 15px;
		color: #333;
		background-color: #fbfbfb; /* Very light grey */
		border: 1px solid #e0e0e0;
		border-radius: 6px;
		box-sizing: border-box;
		transition: all 0.3s ease;
	}

	/* --- Specific Textarea styling --- */
	.form-field textarea {
		resize: vertical; /* Allows resizing only up and down */
		min-height: 100px;
		font-family: inherit;
	}
	.form-field{
		align-items:center;
		align-content:center;
	}
 .form-field label {
	display: block;
	margin-bottom: 4px;
	font-size: 16px;
}
	/* --- Specific Dropdown styling (Adds custom arrow) --- */
	.form-field select {
		cursor: pointer;
		appearance: none; /* Removes default browser styling */
		-webkit-appearance: none;
		-moz-appearance: none;
		/* Custom arrow matching your #B09580 color */
		background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23B09580" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
		background-repeat: no-repeat;
		background-position: right 16px center;
		padding-right: 40px;
	}

		/* --- Focus States (When user clicks inside the input) --- */
		.form-field input[type="text"]:focus,
		.form-field select:focus,
		.form-field textarea:focus {
			outline: none;
			background-color: #ffffff;
			border-color: #B09580; /* Matches your Groom/Bride house color */
			box-shadow: 0 0 0 3px rgba(176, 149, 128, 0.2); /* Soft glow */
		}

	/* --- Placeholders --- */
	.form-field input::placeholder,
	.form-field textarea::placeholder {
		color: #a9a9a9;
		font-style: italic;
	}

.submit_rsvp {
	width: 90%;
	max-width: 280px;
	border: 1px solid;
	border-radius: 0;
	height: 45px;
	margin-top: 20px;
	background: rgba(255, 255, 255, 0.2);
	font-size: 20px;
	cursor: pointer;
	position: relative;
}

.form-field label {
	display: block;
	margin-bottom: 4px;
	font-size: 16px;
}