/* End Custom Fonts CSS */

.elementor-30 .elementor-element.elementor-element-12609f7 {
	--display: flex;
	--justify-content: space-around;
	--gap: 0px 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--overlay-opacity: .5;
	--margin-top: -250px;
	--margin-bottom: 0px;
	--margin-left: 0px;
	--margin-right: 0px;
	--padding-top: 300px;
	--padding-bottom: 200px;
	--padding-left: 0px;
	--padding-right: 0px;
}

.elementor-30 .elementor-element.elementor-element-12609f7:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-12609f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: url("https://untietheknot.ca/nitropack_static/NKbCjgVxVMKvgWPidVERjURufGFSmQGA/assets/images/optimized/rev-c60241b/untietheknot.ca/wp-content/uploads/2024/04/start.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.elementor-30 .elementor-element.elementor-element-12609f7:not(.elementor-motion-effects-element-type-background).nitro-lazy, .elementor-30 .elementor-element.elementor-element-12609f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer.nitro-lazy {
	background-image: none !important;
}

.elementor-30 .elementor-element.elementor-element-12609f7::before, .elementor-30 .elementor-element.elementor-element-12609f7 > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-12609f7 > .e-con-inner > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-12609f7 > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-12609f7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-12609f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
	background-color: rgba(0, 0, 0, .5);
	--background-overlay: "";
}

.elementor-widget-heading .elementor-heading-title {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-size: var(--e-global-typography-primary-font-size);
	font-weight: var(--e-global-typography-primary-font-weight);
	line-height: var(--e-global-typography-primary-line-height);
	color: var(--e-global-color-primary);
}

.elementor-30 .elementor-element.elementor-element-e473e14 > .elementor-widget-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.elementor-30 .elementor-element.elementor-element-e473e14 {
	text-align: center;
}

.elementor-30 .elementor-element.elementor-element-e473e14 .elementor-heading-title {
	font-family: "Cera Pro", Sans-serif;
	font-size: 42px;
	font-weight: 700;
	text-transform: capitalize;
	font-style: normal;
	line-height: 50px;
	color: var(--e-global-color-accent);
}

.elementor-30 .elementor-element.elementor-element-fdb9cd0 {
	--display: flex;
	--flex-direction: row;
	--container-widget-width: initial;
	--container-widget-height: 100%;
	--container-widget-flex-grow: 1;
	--container-widget-align-self: stretch;
	--flex-wrap-mobile: wrap;
	--gap: 0px 0px;
	--row-gap: 0px;
	--column-gap: 0px;
	--margin-top: 0px;
	--margin-bottom: 0px;
	--margin-left: 0px;
	--margin-right: 0px;
	--padding-top: 80px;
	--padding-bottom: 80px;
	--padding-left: 80px;
	--padding-right: 80px;
}

.elementor-widget-loop-grid .elementor-button {
	background-color: var(--e-global-color-accent);
	font-family: var(--e-global-typography-accent-font-family), Sans-serif;
	font-size: var(--e-global-typography-accent-font-size);
	font-weight: var(--e-global-typography-accent-font-weight);
	line-height: var(--e-global-typography-accent-line-height);
}

.elementor-widget-loop-grid .elementor-pagination {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
}

.elementor-widget-loop-grid .e-load-more-message {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
}

.elementor-30 .elementor-element.elementor-element-767472d {
	--grid-columns: 3;
}

.elementor-30 .elementor-element.elementor-element-767472d > .elementor-widget-container {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

:root {
	--page-title-display: none;
}

@media (min-width:768px) {
	.elementor-30 .elementor-element.elementor-element-fdb9cd0 {
		--content-width: 1440px;
	}
}

@media (max-width:1366px) {
	.elementor-widget-heading .elementor-heading-title {
		font-size: var(--e-global-typography-primary-font-size);
		line-height: var(--e-global-typography-primary-line-height);
	}
	
	.elementor-widget-loop-grid .elementor-button {
		font-size: var(--e-global-typography-accent-font-size);
		line-height: var(--e-global-typography-accent-line-height);
	}
}

@media (max-width:1024px) {
	.elementor-widget-heading .elementor-heading-title {
		font-size: var(--e-global-typography-primary-font-size);
		line-height: var(--e-global-typography-primary-line-height);
	}
	
	.elementor-30 .elementor-element.elementor-element-fdb9cd0 {
		--padding-top: 50px;
		--padding-bottom: 50px;
		--padding-left: 40px;
		--padding-right: 40px;
	}
	
	.elementor-widget-loop-grid .elementor-button {
		font-size: var(--e-global-typography-accent-font-size);
		line-height: var(--e-global-typography-accent-line-height);
	}
	
	.elementor-30 .elementor-element.elementor-element-767472d {
		--grid-columns: 2;
	}
}

@media (max-width:767px) {
	.elementor-30 .elementor-element.elementor-element-12609f7 {
		--margin-top: -160px;
		--margin-bottom: 0px;
		--margin-left: 0px;
		--margin-right: 0px;
		--padding-top: 160px;
		--padding-bottom: 150px;
		--padding-left: 0px;
		--padding-right: 0px;
	}
	
	.elementor-widget-heading .elementor-heading-title {
		font-size: var(--e-global-typography-primary-font-size);
		line-height: var(--e-global-typography-primary-line-height);
	}
	
	.elementor-30 .elementor-element.elementor-element-e473e14 .elementor-heading-title {
		font-size: 36px;
		line-height: 40px;
	}
	
	.elementor-30 .elementor-element.elementor-element-fdb9cd0 {
		--padding-top: 40px;
		--padding-bottom: 40px;
		--padding-left: 20px;
		--padding-right: 20px;
	}
	
	.elementor-widget-loop-grid .elementor-button {
		font-size: var(--e-global-typography-accent-font-size);
		line-height: var(--e-global-typography-accent-line-height);
	}
	
	.elementor-30 .elementor-element.elementor-element-767472d {
		--grid-columns: 1;
	}
}
