// #0c4b9f24_1497385671 {
// 	#appView {
// 		.socialFeed {
// 			opacity: 0;
// 		}
// 		.powrMark {
// 			// display: none !important;
// 		}
// 	}
// }
#sulo-coming-soon {
	#sulo-city-banner .input-container {
		display: none;
	}
	// .page-content {
	// 	padding-bottom: 0;
	// }
	.graphics .photo-container {
		max-width: 30rem;
		margin: 0 auto;
		background: transparent;
		.photo {
			// background-size: contain;
			img {
				object-fit: contain;
			}
		}
	}
	.section {
		padding-top: 2rem;
		margin-bottom: 4rem;
		margin-top: 0;
		&.sell-on-sulo {
			margin-bottom: 0;
			.photo-container {
				background: transparent;
				max-width: 6rem;
				width: 6rem;
				margin: 0 auto;
				img {
					object-fit: contain;
					&.small {
						opacity: 0;
					}
				}
			}
			p {
				max-width: 40rem;
				margin: 0 auto;
				letter-spacing: 1px; 
				font-weight: $global-weight-bold;
				color: $primary-color;
			}
			.section-title {
				background: none;
			}
			// background: rgba($sulo-color, 0.5);
			background: $dashboard-background;
			padding: $global-padding;
		}
	}

}
#sulo-landing-page {
	$sulo-color: rgba(map-get($foundation-palette, sulo), 0.8);
	.section {
		margin-top: 1%;
		.section-title {
			margin-bottom: 2rem;
		}
	}

	.page-content-container, .page-content {
		padding: 0;
	}
	#sulo-navbar, .footer {
		display: none;
	}

	.cover {
		text-align: center;
		color: $white;
		height: 100vh;
		.overlay {
			// $background: map-get($foundation-palette, primary);
			background: rgba($black, 0.5);//rgba($sulo-color, 0.25);
			display: flex;
			justify-content: stretch;
			.content {
				flex: 1;
				display: flex;
				flex-direction: column;
				// align-items: center;
				// .banner {
					// flex: 1;
					// background: rgba($sulo-color, 0.5);
				// }
			}
			img {
				object-fit: contain;
			}
		}

		h1 {
			// color: $white;
			text-shadow: 1px 1px 0 rgba($black, 0.2);
		}
		p {
			// text-shadow: 1px 1px 0 rgba($black, 0.1);
			margin-left: auto;
			margin-right: auto;
			font-weight: $global-weight-bold;
			@include breakpoint(medium) {
				font-size: 130%;
			}
			max-width: 40rem;

			
		}
	}

	.top-features {
		// background: $dashboard-background;
		padding: $global-padding 0.5rem;
		margin-top: 2rem;
		// background: $sulo-color;
		// margin-top: 5%;
		// color: $white;
		// strong {
		// 	// color: map-get($foundation-palette, sulo-dark);
		// }
		h4 {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 90%;
			margin-bottom: 0;
		}
		.feature-item {
			.column {
				padding: 0;
				&:last-child {
					margin-left: 1rem;
				}
			}
			.icon {
				width: auto;
				height: auto;
				svg {
					width: 100%;
				}
			}
			@include breakpoint(medium) {
				text-align: center;
				.column {
					padding: 0 1rem;
				}
				.column:last-child {
					margin: 0;
				}
			}
		}
	}

	.suggest-location {
		$background: map-get($foundation-palette, banner);
		font-size: 1rem;

		.column {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		h3 {
			color: $white;
			text-transform: none;
			font-weight: $global-weight-bold;
			margin-bottom: 0.5rem;
		}
		a, p {
			text-shadow: none;
			font-weight: $global-weight-normal;
		}
		img {
			display: none;
		}
		.photo-container {
			// padding-top: 100%
			.photo {
				@include breakpoint(small only) {
					padding-top: 110%;
				}	
				@include breakpoint(medium-small only) {
					padding-top: 80%;
				}
			}
			.content {
				padding: $global-padding;
			}
			p.user-message {
				line-height: 1;
			}
			.overlay {
				$background: map-get($foundation-palette, sulo);
				background: $sulo-color;//rgba($background, 0.9);
			}
		}
		.input-container {
			width: 100%;
			// padding: 0 1rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			// flex: 1;
			flex-wrap: wrap;
			@include breakpoint(medium) {
				flex-direction: row;
			}
			input {
				max-width: 100%;
				width: 100%;
				@include breakpoint(medium) {
					width: 15rem;
				}
				flex: 1 0 auto;
				margin-right: 1rem;
			}
			.button {
				flex: 0 0 auto;
				// margin-left: 1rem;
			}
		}
	}

	.sell-on-sulo {
		// background: $dashboard-background;
		// margin-bottom: 1rem;
	}

	

	#sulo-video-container {

	}
}