/*
Theme name: Peter Stone
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/
	The compiled bundle is saved to `dist/css/bundle-${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	DEVELOPMENT.md file contains instructions how to get the compilation
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/


.grid-four-wrapper.mosaic-gallery{
	padding-top: 50px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.grid-sizer,
.grid-item {
	width: 33.33%;
}

.grid-item {
	padding: 5px;
}

.grid-item img {
	width: 100%;
	display: block;
}
.grid-item {
	overflow: hidden;
}
.grid-item img {
	transition: all 500ms ease-in-out;
	transform: scale(1);
}
.grid-item:hover img {
	transform: scale(1.1);
}
.grid-item .grid-item-item {
	overflow: hidden;
}

.section-description.section-description--video button.yt-btn {
	top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
	margin: inherit;
}
.hero-text .hero-btn {
	margin-top: 20px !important;
    display: inline-block;
    width: auto;
}
.ti-block-button {
	display: inline-block; 
	margin-top: 10px !important;
}
.ti-block-section ul li, .accordion-list .panel ul li, .richtext-entry ul li {
	font-weight: 400;
    font-size: 15px;
	color: #000;
	list-style: disc inside;
	line-height: 2;
	font-family: century-gothic, sans-serif;
}
.ti-block-section ol li, .accordion-list .panel ol li {
	font-family: century-gothic, sans-serif;
	font-weight: 400;
    font-size: 15px;
	color: #000;
	list-style: decimal inside;
	line-height: 2
}
.am-block-section .showcase-info ul li {
	font-size: 16px;
    color: #697476;
    line-height: 31px;
	list-style: disc inside;
	line-height: 2;
	font-family: century-gothic, sans-serif;
}
.am-block-section .showcase-info ol li {
	font-size: 16px;
    color: #697476;
    line-height: 31px;
	list-style: decimal inside;
	line-height: 2;
	font-family: century-gothic, sans-serif;
}
.wedding-award {
    display: flex;
    flex-wrap: wrap;
}
.wedding-award .wedding-image {
	width: 33.33%;
	padding: 0 10px 20px 10px;
	display: flex;
}
.wedding-award .wedding-image:first-child, .wedding-award .wedding-image:nth-child(4n) {
	padding-left: 0;
}
.wedding-award .wedding-image:nth-child(3n) {
	padding-right: 0;
}
.wedding-award .wedding-image img {
    height: 100%;
}
.mosaic-gallery.one .bn-block-inner {
    place-items: unset !important; 
    place-content: unset !important; 
}
.mosaic-gallery .bn-block-inner .img-wrapper img {
	height: auto !important;
}
.gravity-form-main-wrap form .gform-body .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    width: auto;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield {
    width: 100% !important;
    padding: 0 15px 30px !important;
    text-align: left;
	max-width: 100% !important;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield .ginput_container {
    width: 100%;
    display: block;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield .ginput_container br {
    display: none;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield:first-child,.gravity-form-main-wrap form .gform-body .gform_fields .gfield:nth-child(2) {
    width: 50% !important;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield .ginput_container input {
    border: 1px solid #00373f !important;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield.gfield--email p {
    display: none;
}
.gravity-form-main-wrap .gform_wrapper.gform_wrapper .gform_footer {
    position: relative;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
.gravity-form-main-wrap .gform_wrapper.gform_wrapper .gform_footer br {
    display: none;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield--input-type-captcha p {
    display: none;
}
.gravity-form-main-wrap form .gform-body .gform_fields  gfield_validation_message {
    font-size: 16px;
}
.gravity-form-main-wrap form .gform-body .gform_fields .gfield .gfield_validation_message {
	font-size: 12px;
	border: 0;
	background: transparent;
}	

@media only screen and (max-width: 600px) {
	.hero-text .hero-button-spacer {
		display: none !important;
	}
	.section-description.section-description--video button.yt-btn {
		top: 50%;
	    transform: translate(-50%, -50%);
	    left: 50%;
		margin: inherit;
	}
	.gravity-form-main-wrap form .gform-body .gform_fields .gfield:first-child,.gravity-form-main-wrap form .gform-body .gform_fields .gfield:nth-child(2) {
    	width: 100% !important;
	}
	.gravity-form-main-wrap form,.gravity-form-main-wrap form .gform-body.gform_body {
		margin: 0;
		max-width: 100% !important;
	}
	.gravity-form-main-wrap form .gform-body .gform_fields {
		margin: 0 !important;
	}
	.gravity-form-main-wrap form .gform-body .gform_fields .gfield {
		padding: 0 0 30px !important;
	}
	.gravity-form-main-wrap form .gform-body .gform_fields .gfield .ginput_container label {
		display: block;
		text-align: left;
		padding: 0;
	}
	.gravity-form-main-wrap .gform_wrapper .gform_body .gform_fields .gfield+.gfield {
		margin: 0 !important;
	}
	.gravity-form-main-wrap form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice {
		text-align: left;
	}
	.gravity-form-main-wrap form .gform-body .gform_fields .gfield .gfield_checkbox .gchoice label {
		display: inline-block;
	}
}