/* General: Divider */
.title-divider.wpb_single_image img {
	height: auto;
	width: 200px;
	margin: 10px;
}

/* General: Row Vertical Spacing */
.vertical-padding {
	padding-top: 60px;
	padding-bottom: 60px;
}


/* Header: Menu Buy Button */
.special-menu-button > a {
		color: var(--k-color-7);
		background: var(--k-color-9);
    padding: 5px 8px;
    border-radius: 4px;
	--k-ls-enabled: var(--k-ls-off);
}

/* Header: Menu Buy Button on Hover */
.special-menu-button > a:hover {
	color: var(--k-color-7);
	background: var(--k-color-10);
}

/* Header: Logo Text Color */
.header-logo.logo-image,
.header-logo.logo-image:hover {
	color: var(--k-color-3);
}

/* Header: Hide Logo */
.header-block__logo {
    display: none; /* this CSS code hides the brand logo, so if you want to use your logo in the menu you can remove this code. */
}

/* Header: Center Standard header menu */
.header-block--align-right>.header-block__items-row {
    justify-content: center;
}

/* How it began: Icon Alignment */
.wpb_wrapper .wpb_text_column img.icon-position {
    top: 0;
    vertical-align: middle;
    margin-bottom: 0px;
}

/* How it began: Left Content */
.timeline-left {
	text-align: right;
}

/* How it began: Right Content */
.timeline-right {
	text-align: left;
}

/* How it began: Middle Content */
.timeline-center {
	text-align: center;
}

/* How it began: Conent Spacing */
.timeline-left .vc_column-inner,
.timeline-right .vc_column-inner,
.timeline-center  .vc_column-inner {
	padding-left: 50px;
	padding-right: 50px;
}

/* How it began: Right Content Image Spacing */
.timeline-right img {
	margin-right: 10px;
}

/* How it began: Left Content Image Spacing */
.timeline-left img {
	margin-left: 10px;
}

/* Events: Image Spacing */
.event-image {
	padding-top: 25px;
}

/* RSVP: Box Background and Shadow */
.rsvp-box {
	box-shadow: 0px 10px 40px -15px rgba(0,0,0,.25);
	padding: 55px 45px 10px 45px;
	background: var(--k-color-7);
}

/* RSVP: Font Weight */
.nf-error-msg, .ninja-forms-req-symbol {
	font-weight: 400;
}

/* RSVP: Radio Buttons and Checkboxes */
.rsvp-box input[type=checkbox], .rsvp-box input[type=radio] {
	background: var(--k-color-12);
	border: 3px solid var(--k-color-7);
}

/* RSVP: Radio Buttons and Checkboxes Checked */
.rsvp-box input[type=checkbox].nf-checked, .rsvp-box input[type=radio].nf-checked {
	background: var(--k-color-11);
	background-image: none !important;
	border: 3px solid var(--k-color-7);
}

/* RSVP: Button Width */
.rsvp-form .field-wrap input[type=button] {
    width: 100%;
}

/* RSVP: Button Width */
.rsvp-form .nf-form-fields-required {
    display: none;
}

/* RSVP: Response */
.rsvp-form .nf-response-msg {
    text-align: center;
    font-size: 16px;
}

/* RSVP: Food Requirements */
.food-requirements .list-checkbox-wrap .nf-field-element li,
.food-requirements .list-radio-wrap .nf-field-element li {
	float: left !important;
	margin-right: 25px !important;
}

/* RSVP: Select Box */
.field-wrap .nf-field-element select {
	appearance: none;
	padding-left: 15px;
}


/* Gallery: Hover Transition */
.moments-gallery .vc_visible-item {
	transition: opacity 0.2s;
}

/* Gallery: Hover Transition */
.moments-gallery .vc_visible-item:hover {
	opacity: 0.6;
}

/* Registry: Logo Gap */
.wpb_wrapper .client-logos {
	gap: 30px;
}

/* Registry: Logo Shadow and Background */
.wpb_wrapper .client-logos__entry a {
	transition: 200ms all;
	box-shadow: 0px 10px 40px -15px rgba(0,0,0,.25);
	background-color: var(--k-color-7);
}


/* Registry: Logo Transition on Hover */
.wpb_wrapper .client-logos__entry  a:hover {
	opacity: 0.75;
	box-shadow: 0px 5px 20px -10px rgba(0,0,0,.25);
	
}

/* Registry: Logo Width on Mobile */
@media screen and (max-width: 480px) {
	.wpb_wrapper .client-logos {
    	grid-template-columns: 1fr 1fr;
	}
}

/* Footer: Social Network Background Color */
.site-footer .social-icons {
	    --k-si-background: var(--k-color-13);
}

/* Mobile Only CSS */
@media only screen and (max-width: 768px) {
/* General: Row Vertical Spacing */
.vertical-padding {
	padding-top: 35px;
	padding-bottom: 35px;
}

/* How it began: Left Content */
.timeline-left {
	text-align: left;
}

/* How it began: Right Content */
.timeline-right {
	text-align: left;
}

/* How it began: Middle Content */
.timeline-center {
	text-align: left;
}

/* How it began: Image Spacing */
.timeline-left img,
.timeline-right img,
.timeline-center img {
	margin-left: 0px;
	float: left;
}

/* How it began: Image Spacing */
.timeline-left img,
.timeline-center img  {
	margin-right: 10px;	
}

/* How it began: Conent Spacing */
.timeline-left .vc_column-inner,
.timeline-right .vc_column-inner,
.timeline-center  .vc_column-inner {
	padding-left: 15px;
	padding-right: 15px;
	border: none !important;;
}
	
	#timeline .wpb_row {
		margin-block-end: 0;
	}

/* Events: Image Spacing */
.event-image {
	padding-top: 5px;
}

/* RSVP: Box Background and Shadow */
.rsvp-box {
	width: 100%;
	margin: 0 auto;
	padding: 35px 25px 0px 25px;
}

/* RSVP: Padding */
.rsvp-row {
	padding: 25px !important;
}

/* Happy Moments: Image Size */
.vc_masonry_media_grid.happy-moments .vc_grid.vc_row .vc_grid-item {
  width: 25%;
  float: left;
}
	
	
/* Registry: Logo Shadow and Background */
.wpb_wrapper .client-logos__entry a img {
	width: 100%;
	height: auto;
}
}