/* ========================================================================================= */
/* ********************* A Custom Build by Craft & Cloud Marketing Co. ********************* */
/* ========================================================================================= */
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*============================= Customer: Seabreeze Casual ===========================*/
/*================================ Build Date: August 2025 ================================*/
/*================================ Developer: Héctor Mejía ===================================*/
/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

* {
	font-family: "freight-sans-pro";
}

a {
	text-decoration: none;
	color: black;
}

img {
	width: 100%;
	height: auto;
}

h1 {
	font-size: 4.6vw;
}

h6 {
	font-size: 2.8vw;
}

p {
	font-size: 1.4vw;
	font-weight: 600;
}

.user-login-form {
	padding-top: 22vw;
	padding-bottom: 12vw;
	width: 25vw;
	margin: auto;
	text-align: center;
	
	#edit-actions {
		text-align: center;
		margin-top: 1vw;
		width: auto;
	}
}

.caps {
	text-transform: uppercase;
}

.bold {
	font-weight: bold;
}

body {
	margin: 0;
}

.white {
	color: white;
}

.lowPageBanner , .mediumBannerImage, .tallBannerImage {
	background: linear-gradient(90deg,rgba(54, 56, 62, 1) 16%, rgba(255, 255, 255, 0) 58%);
	padding-top: 12vw;
	img {
		position: relative;
		z-index: -1;
		margin-bottom: -0.25vw;
	}
}

.furnitureStyles {
	margin-top: -21.5vw;
	margin-left: 8vw;
	h1 {
		padding-bottom: 2vw;
	}
}

.optionsPage {
	margin-top: -28vw;
	margin-left: 8vw;
	
	h1 {
		margin-bottom: 0;
	}
	
	h6 {
		margin-top: 1vw;
	}
}

.caringPage {
	margin-top: -35vw;
	margin-left: 8vw;
	
	h1 {
		padding-bottom: 3vw;
	}
}

.path-about-us {
	.tallBannerImage {
		background: linear-gradient(90deg,rgba(54, 56, 62, 1) 16%, rgba(255, 255, 255, 0) 125%)
	}
}

.path-caring-for-furniture, .path-find-dealers {
	.tallBannerImage {
		img {
			transform: scaleX(-1);
		}
	}
}

.dealerPage {
	margin-top: -32vw;
	margin-left: 8vw;
}

.aboutPage {
	margin-top: -22vw;
	margin-left: 8vw;
	h1 {
		padding-bottom: 2vw;
	}
}


.bannerHomePage {
	/*background: linear-gradient(90deg,rgba(0, 0, 0, 1) 6%, rgba(252, 252, 252, 0) 38%);
	height: 40vw;
	margin-top: -40.25vw;
	position: relative;*/
	background: linear-gradient(90deg,rgba(54, 56, 62, 1) 16%, rgba(255, 255, 255, 0) 58%);
	
	img {
		position: relative;
		z-index: -1;
		margin-bottom: -0.25vw;
	}
}

.bannerTextHome {
h1 {
	margin-bottom: 1vw;
	line-height: 1.1;
}

h6 {
	margin-top: 0;
	margin-bottom: 2vw;
}
p {
	width: 30vw;
	line-height: 1.1;
	font-weight: 100;
}
.bold {
	font-weight: bold !important;
}
}

.homeBanner {
	margin-top: -44.5vw;
}
/*article img {
	height: 40vw;
}
*/
.bannerButtons {
	display: flex;
	width: 50%;
	margin: auto;
	justify-content: left;
	gap: 1.5vw;
	margin-left: 0;
}



.whiteButton {
	background-color: white;
	color: #117F72;
	padding: .75vw 1.5vw;
	font-size: 1.5vw;
	border-radius: 2vw;
	
}


.bannerTextHome{
	margin-left: 8vw;
	padding-bottom: 7vw;
	padding-top: 8vw;
}

.pinkSection {
	background-color: #87404A;
	width: 100%;
	color: white;
	padding-top: 4vw;
	padding-bottom: 2vw;
	
	p {
		margin: auto 12vw;
	}
}

.graySection {
	background-color: #D4D4D2;
	width: 100%;
	color: bLack;
	padding-top: 4vw;
	padding-bottom: 12.01vw;
	margin-top: 5vw;
	position: absolute; 
	
	p {
		margin: auto 12vw;
	}
}

.graySwoop {
	background-color: #D4D4D2;
	margin-bottom: -18vw;
	margin-top: -2px;
	height: 6vw;
	/*clip-path: polygon(100% 0%, 0% 0% , 0.00% 59.85%, 2.00% 53.13%, 4.00% 46.29%, 6.00% 39.51%, 8.00% 32.96%, 10.00% 26.79%, 12.00% 21.15%, 14.00% 16.19%, 16.00% 12.03%, 18.00% 8.77%, 20.00% 6.48%, 22.00% 5.24%, 24.00% 5.06%, 26.00% 5.95%, 28.00% 7.89%, 30.00% 10.84%, 32.00% 14.71%, 34.00% 19.42%, 36.00% 24.84%, 38.00% 30.85%, 40.00% 37.29%, 42.00% 44.02%, 44.00% 50.85%, 46.00% 57.63%, 48.00% 64.19%, 50.00% 70.36%, 52.00% 75.99%, 54.00% 80.95%, 56.00% 85.11%, 58.00% 88.38%, 60.00% 90.66%, 62.00% 91.90%, 64.00% 92.08%, 66.00% 91.19%, 68.00% 89.25%, 70.00% 86.31%, 72.00% 82.43%, 74.00% 77.73%, 76.00% 72.30%, 78.00% 66.29%, 80.00% 59.85%, 82.00% 53.13%, 84.00% 46.29%, 86.00% 39.51%, 88.00% 32.96%, 90.00% 26.79%, 92.00% 21.15%, 94.00% 16.19%, 96.00% 12.03%, 98.00% 8.77%, 100.00% 6.48%);*/
	clip-path: polygon(100% 0%, 0% 0% , 0.00% 68.75%, 2.00% 72.43%, 4.00% 75.93%, 6.00% 79.22%, 8.00% 82.27%, 10.00% 85.06%, 12.00% 87.58%, 14.00% 89.79%, 16.00% 91.69%, 18.00% 93.25%, 20.00% 94.48%, 22.00% 95.34%, 24.00% 95.85%, 26.00% 96.00%, 28.00% 95.78%, 30.00% 95.19%, 32.00% 94.25%, 34.00% 92.96%, 36.00% 91.32%, 38.00% 89.36%, 40.00% 87.08%, 42.00% 84.51%, 44.00% 81.66%, 46.00% 78.56%, 48.00% 75.22%, 50.00% 71.68%, 52.00% 67.97%, 54.00% 64.10%, 56.00% 60.12%, 58.00% 56.05%, 60.00% 51.93%, 62.00% 47.78%, 64.00% 43.64%, 66.00% 39.54%, 68.00% 35.51%, 70.00% 31.58%, 72.00% 27.78%, 74.00% 24.15%, 76.00% 20.71%, 78.00% 17.49%, 80.00% 14.51%, 82.00% 11.79%, 84.00% 9.36%, 86.00% 7.23%, 88.00% 5.43%, 90.00% 3.96%, 92.00% 2.84%, 94.00% 2.07%, 96.00% 1.67%, 98.00% 1.63%, 100.00% 1.95%);
	
}

.pinkSwoop {
	background-color: #87404A;
	margin-bottom: -18vw;
	margin-top: -1px;
	height: 6vw;
	/*clip-path: polygon(100% 0%, 0% 0% , 0.00% 59.85%, 2.00% 53.13%, 4.00% 46.29%, 6.00% 39.51%, 8.00% 32.96%, 10.00% 26.79%, 12.00% 21.15%, 14.00% 16.19%, 16.00% 12.03%, 18.00% 8.77%, 20.00% 6.48%, 22.00% 5.24%, 24.00% 5.06%, 26.00% 5.95%, 28.00% 7.89%, 30.00% 10.84%, 32.00% 14.71%, 34.00% 19.42%, 36.00% 24.84%, 38.00% 30.85%, 40.00% 37.29%, 42.00% 44.02%, 44.00% 50.85%, 46.00% 57.63%, 48.00% 64.19%, 50.00% 70.36%, 52.00% 75.99%, 54.00% 80.95%, 56.00% 85.11%, 58.00% 88.38%, 60.00% 90.66%, 62.00% 91.90%, 64.00% 92.08%, 66.00% 91.19%, 68.00% 89.25%, 70.00% 86.31%, 72.00% 82.43%, 74.00% 77.73%, 76.00% 72.30%, 78.00% 66.29%, 80.00% 59.85%, 82.00% 53.13%, 84.00% 46.29%, 86.00% 39.51%, 88.00% 32.96%, 90.00% 26.79%, 92.00% 21.15%, 94.00% 16.19%, 96.00% 12.03%, 98.00% 8.77%, 100.00% 6.48%);*/
	clip-path: polygon(100% 0%, 0% 0% , 0.00% 68.75%, 2.00% 72.43%, 4.00% 75.93%, 6.00% 79.22%, 8.00% 82.27%, 10.00% 85.06%, 12.00% 87.58%, 14.00% 89.79%, 16.00% 91.69%, 18.00% 93.25%, 20.00% 94.48%, 22.00% 95.34%, 24.00% 95.85%, 26.00% 96.00%, 28.00% 95.78%, 30.00% 95.19%, 32.00% 94.25%, 34.00% 92.96%, 36.00% 91.32%, 38.00% 89.36%, 40.00% 87.08%, 42.00% 84.51%, 44.00% 81.66%, 46.00% 78.56%, 48.00% 75.22%, 50.00% 71.68%, 52.00% 67.97%, 54.00% 64.10%, 56.00% 60.12%, 58.00% 56.05%, 60.00% 51.93%, 62.00% 47.78%, 64.00% 43.64%, 66.00% 39.54%, 68.00% 35.51%, 70.00% 31.58%, 72.00% 27.78%, 74.00% 24.15%, 76.00% 20.71%, 78.00% 17.49%, 80.00% 14.51%, 82.00% 11.79%, 84.00% 9.36%, 86.00% 7.23%, 88.00% 5.43%, 90.00% 3.96%, 92.00% 2.84%, 94.00% 2.07%, 96.00% 1.67%, 98.00% 1.63%, 100.00% 1.95%);
	
}

.spacer {
	height: 2vw;
}

.homeTop {
	width: 80%;
	margin: auto;
	justify-content: center;
	text-align: center;
	
		p {
			font-size: 2.5vw;
			margin-top: 0;
		}
		
		h3 {
			color: #117F72;
			font-size: 3vw;
			margin-bottom: .5vw;
		}
}

.topButtons {
	display: flex;
	width: 50%;
	margin: auto;
	justify-content: center;
	gap: 1.5vw;
}

.triCircle {
	display: flex;
	margin: auto;
	width: 100%;
	justify-content: space-around;
	margin-top: 5vw;
	margin-bottom: 9vw;
		p {
			font-size: 1.25vw;
			font-weight: bold;
			color: #36383E;
		}
}

.round {
	border-radius: 50%;
	width: 18vw;
	aspect-ratio: 1 / 1;
	background-color: lightsalmon;
	margin-bottom: 1.5vw;
}

.one {
	background-image: url(/sites/default/files/2025-09/circle1.jpg);
	background-size: 175%;
	background-position: center;
}

.two {
	background-image: url(/sites/default/files/2025-09/circle2.jpg);
	background-size: 172%;
	background-position: 50% 28%;
}

.three {
	background-image: url(/sites/default/files/2025-09/circle3.jpg);
	background-size: 109%;
	background-position: 50% 13%;
}

.grayButton {
	background-color: #36383E;
	color: white;
	padding: .75vw 1.5vw;
	font-size: 1.5vw;
	border-radius: 2vw;
	
}






.grayOval {
	background-color: #36383E;
	display: inline-flex;
	color: white;
	margin: 1vw auto;
	border-radius: 3.5vw;
	align-items: center;
	font-weight: bold;
	font-size: 1.5vw;
	margin-left: 0;
	
		p {
			padding: 0 1vw;
		}
}

.roundNumber {
	border-radius: 50%;
	border: 12px solid white;
	aspect-ratio: 1 / 1;
	width: 3.5vw;
	padding: 0.25vw;
	line-height: 0;
	justify-items: center;
	align-content: center;
	font-size: 1.5vw;
	margin-left: -0.25vw;
	
		p {
			font-size: 4vw;
			font-weight: bold;
			margin: 0;
			margin-top: -.5vw;
		}
		
		.three {
			margin-top: -0.85vw;
		}
}

.tripleStack {
	margin-top: 4vw;
}

.stackContainer {
	display: flex;
	width: 40%;
	margin: auto;
	flex-direction: column;
	justify-content: left;
	margin-top: 22vw;
	
}

#block-cirrocumulus-testone{
	.stackContainer {
		margin-top: 0vw;
	}
}

.buttons {
	width: 40vw;
	margin: auto;
	justify-content: center;
	gap: 1vw;
	display: flex;
	flex-direction: row;
	margin-top: 2vw;
}

.greenButton {
	background-color: #117F72;
	color: white;
	padding: .75vw 1.5vw;
	font-size: 1.5vw;
	border-radius: 2vw;
	
}

.bottomBLock {
	margin-top: 21vw;
	margin-bottom: 10vw;
}

.seoImage {
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 13%, rgba(255, 255, 255, 0) 34%);
	
	img {
		position: relative;
		z-index: -1;
		transform: scaleX(-1);
	}
}

.seoBlock {
	background-color: #36383E;
	width: 70vw;
	margin: auto;
	padding: 2vw;
	position: relative;
	margin-top: -22vw;
}
.footerWave {
	background-color: #D4D4D2;
	border-bottom: 2px solid #D4D4D2;
	margin-bottom: -2px;
	height: 6vw;
	clip-path: polygon(100% 100%, 0% 100% , 0.00% 7.92%, 2.00% 6.01%, 4.00% 4.42%, 6.00% 3.18%, 8.00% 2.29%, 10.00% 1.77%, 12.00% 1.60%, 14.00% 1.80%, 16.00% 2.36%, 18.00% 3.29%, 20.00% 4.56%, 22.00% 6.18%, 24.00% 8.12%, 26.00% 10.38%, 28.00% 12.94%, 30.00% 15.78%, 32.00% 18.87%, 34.00% 22.19%, 36.00% 25.72%, 38.00% 29.42%, 40.00% 33.28%, 42.00% 37.25%, 44.00% 41.32%, 46.00% 45.44%, 48.00% 49.59%, 50.00% 53.73%, 52.00% 57.84%, 54.00% 61.87%, 56.00% 65.81%, 58.00% 69.61%, 60.00% 73.25%, 62.00% 76.70%, 64.00% 79.94%, 66.00% 82.94%, 68.00% 85.67%, 70.00% 88.11%, 72.00% 90.26%, 74.00% 92.08%, 76.00% 93.57%, 78.00% 94.71%, 80.00% 95.49%, 82.00% 95.92%, 84.00% 95.98%, 86.00% 95.68%, 88.00% 95.01%, 90.00% 93.99%, 92.00% 92.61%, 94.00% 90.90%, 96.00% 88.86%, 98.00% 86.52%, 100.00% 83.88%);
}
.footer {
	display: flex;
	width: 100%;
	margin: auto;
	justify-content: space-around;
	background-color: #D4D4D2;
	height: 14vw;
	align-items: center;
}

.footerLogo {
	width: 12vw;
}

.footerMenu {
	display: flex;
	flex-direction: column;
	gap: 1vw;
	text-align: center;
	font-size: 1.5vw;
	
	a {
		display: inline-block;
	}
}

.footerButtons {
	display: flex;
	flex-direction: column;
	gap: 1.5vw;
}


.footerCopy * {
	font-size: 1vw;
	padding-bottom: 1.25vw;
}

.footerCopy {
	text-align: center;
	background: #D4D4D2;
}

.footerCopy p {
	margin-bottom: 0;
	margin-top: 0;
}

.hdrWrap {
	.graySwoop {
		height: 5vw;
	}
}

.mobileHeader {
	display: none;
}

.header {
	display: flex;
	width: 100%;
	margin: auto;
	justify-content: space-around;
	background-color: #D4D4D2;
	height: 9vw;
	align-items: center;
	position: relative;
	z-index: 10;
}

.hdrWrap .graySwoop {
	position: relative;
	z-index: 8;
} 

.headerLogo {
	width: 12vw;
	margin-bottom: -4vw;
	position: relative;
	z-index: 12;
}

.headerMenu {
	display: flex;
	flex-direction: row;
	gap: 2vw;
	text-align: center;
	font-size: 1.5vw;
	
	a {
		display: inline-block;
	}
}

.headerButtons {
	display: flex;
	flex-direction: row-reverse;
	gap: 1.5vw;
}

#block-cirrocumulus-productgroup {
	display: flex;
	margin: auto;
	width: 60%;
	justify-content: space-between;
	padding-top: 30vw;
	
	.views-label {
		font-weight: bold;
	}
	
	.views-field {
		display: flex;
	}
	
}

.views-field-field-msrp {
	font-size: 2vw;
}



.aboutTop {
	width: 85%;
	margin: auto;
}

.genericButtons {
	width: 60%;
	margin: auto;
	display: flex;
	flex-direction: row;
	gap: 3vw;
	justify-content: center;
	padding: 4vw;
}

.middleText {
	text-align: center;
	background-color: #D4D4D2;
	padding-top: 4vw;
	padding-bottom: 2vw;
	
	p {
		margin: 0.2vw auto;
	}
	
	a {
		color: black;
	}
}

.middleText img {
	width:12vw;
	margin-bottom: 1.5vw;
}

#block-cirrocumulus-aboutpagetop {
	padding-top: 6vw;
}

#edit-group {
	background-color: #36383E;
	width: 40%;
	margin: 4vw auto;
	padding: 4vw 2vw;

	
}

fieldset {
	border: none;
}

.fieldset-wrapper {
	width: 100%;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75vw;
	
}

.fieldset-wrapper input {
	border-radius: 25px;
	border: 3.5px solid white;
	background-color: #36383E;
	width: 30vw;
	margin: auto;
	color: white;
	font-size: 1.5vw;
	text-indent: 1vw;
	padding: 0.25vw;
}

.fieldset-wrapper textarea {
	border-radius: 25px;
	border: 3.5px solid white;
	background-color: #36383E;
	width: 30vw;
	margin: auto;
	color: white;
	font-size: 1.5vw;
	text-indent: 1vw;
	padding: 0.25vw;
}

#edit-actions {
	width: 30vw;
	text-align: right;
}

#edit-actions input {
	width: 6vw;
	background-color: white;
	color: #36383E;
	text-indent: 0vw;
}

#edit-email::placeholder {
	color: white !important;
}

#edit-name::placeholder {
	color: white !important;
}


#edit-phone::placeholder {
	color: white !important;
}

#edit-message::placeholder {
	color: white !important;
}

#block-cirrocumulus-webform {
	position: relative;
	margin-bottom: 18vw;
}

.webformTitle {
	color: white;
	font-size: 3vw;
	margin-left: -21vw;
}

.path-about-us, .path-about-us- {
	
	.bottomBLock {
		margin-top: 0vw;
	}
	
	.seoBlock {
		height: 38vw;
		margin-bottom: -56vw;
		margin-top: -15vw;
	}
}

#block-cirrocumulus-views-block-product-description-block-1 {
	font-size: 1.4vw;
	font-weight: 500;
	width: 80%;
	margin: auto;
	padding-top: 4vw;
	
	h2 {
		color: #36383E;
	}

}

#block-cirrocumulus-views-block-product-information-block-1 {
	font-size: 1.5vw;
	display: flex;
	align-items: center;
	
	.views-label {
		margin-right: 5px;
	}
}

#block-cirrocumulus-views-block-product-information-block-1 .views-field-title{
	color: #117F72;
	font-size: 2.5vw;
	font-weight: bold;
	max-width: 20vw
}

.views-field-field-product-number {
	color: #117F72;
}

.views-field-field-product-image {
	border: 3px solid #36383E;
	border-radius: 130px;
	padding: 2vw 6vw;
	width: 25vw;
	height: 25vw;
	display: flex;
	justify-content: center;
	align-items: center;
	
}

#block-cirrocumulus-12reasonstoloveseabreeze {
	.bottomBLock {
		margin-top: 0;
	}
	
		
	.seoBlock {
		width: 49vw;
		margin-top: -16vw;
	}
	
	ol {
		font-size: 1.4vw;
	}
	
	li {
		margin-bottom: 2vw;
	}
}

.views-field-view-node a {
	color: white;
	background: #87404A;
	padding: .75vw 2vw;
	border-radius: 25px;
	font-size: 1.4vw;
	font-weight: 600;
}

#block-cirrocumulus-views-block-captain-style-block-1, #block-cirrocumulus-views-block-adirondack-style-block-1, #block-cirrocumulus-views-block-all-items-block-1, #block-cirrocumulus-views-block-deep-sea-series-block-1, #block-cirrocumulus-views-block-seacoast-series-block-1, #block-cirrocumulus-views-block-reef-series-block-1, #block-cirrocumulus-views-block-shoreline-style-block-1, #block-cirrocumulus-views-block-beachfront-chairs-block-1, #block-cirrocumulus-views-block-benches-block-1, #block-cirrocumulus-views-block-tables-block-1, #block-cirrocumulus-views-block-dock-box-block-1, #block-cirrocumulus-views-block-trash-bins-block-1 {
	padding-top: 16vw;
	.views-field-field-product-image {
		width: 15vw;
		height: 15vw;
		aspect-ratio: 1/1;
		border-radius: 80px;
		border-width: 5px;
		padding: 2vw 4vw;
		display: flex;
		justify-content: center;
		align-items: center;
		
		img {
			width: 12vw;
		}
	}
	
	.views-field-title {
		font-size: 2vw;
		font-weight: 600;
		 a {
			 color: black;
		 }
	}
	
	.views-row {
		margin: 4vw auto;
		width: 85%;
		float: none;
	}
	
	
}


.views-view-grid .views-col {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25vw;
}

.banner-text-1 {
	margin-top: -24vw;
	padding-bottom: 6vw;
}

.furniture-styles {
	font-size: 5vw;
	margin-left: 6vw;
}

/*#block-cirrocumulus-content {
	height: 40vw;
	background: linear-gradient(90deg,rgba(54, 56, 62, 1) 10%, rgba(255, 255, 255, 0) 58%);
	
	img {
		position: relative;
		z-index: -1;
	}
}
*/
#block-cirrocumulus-grid {
	padding-top: 8vw;
	padding-bottom: 6vw;
}

.gridTile {
	width: 28vw;
	
	.swoop {
		clip-path: polygon(100% 100%, 0% 100% , 0.00% 28.20%, 2.00% 26.77%, 4.00% 25.43%, 6.00% 24.21%, 8.00% 23.12%, 10.00% 22.15%, 12.00% 21.32%, 14.00% 20.64%, 16.00% 20.10%, 18.00% 19.72%, 20.00% 19.49%, 22.00% 19.43%, 24.00% 19.52%, 26.00% 19.77%, 28.00% 20.18%, 30.00% 20.74%, 32.00% 21.45%, 34.00% 22.31%, 36.00% 23.30%, 38.00% 24.42%, 40.00% 25.66%, 42.00% 27.01%, 44.00% 28.46%, 46.00% 30.00%, 48.00% 31.62%, 50.00% 33.30%, 52.00% 35.04%, 54.00% 36.81%, 56.00% 38.61%, 58.00% 40.42%, 60.00% 42.22%, 62.00% 44.01%, 64.00% 45.77%, 66.00% 47.48%, 68.00% 49.13%, 70.00% 50.72%, 72.00% 52.22%, 74.00% 53.63%, 76.00% 54.93%, 78.00% 56.11%, 80.00% 57.17%, 82.00% 58.10%, 84.00% 58.89%, 86.00% 59.53%, 88.00% 60.02%, 90.00% 60.36%, 92.00% 60.54%, 94.00% 60.56%, 96.00% 60.42%, 98.00% 60.12%, 100.00% 59.67%);
	}
}

.thumbnails {
	display: flex;
	flex-wrap: wrap;
	gap: 2vw;
	width: 90%;
	margin: auto;
}

.swoop {
	background-color: #36383E;
	margin-top: -6vw;
	padding-top: 1vw;
	position: relative;	
	a {
		color: white;
	}
	
	h6 {
		margin-top: 0;
		margin-bottom: -0.5vw;
		padding-top: 2vw;
		padding-bottom: 1vw;
		margin-left: 1vw;
		font-size: 2vw;
	}
}

.cleaningSection {
	width: 80%;
	margin: auto;
	margin-top: 10vw;
	
	h4 {
		font-size: 2.85vw;
		color: #1E1E1E;
		margin-bottom: 0;
	}
}

#block-cirrocumulus-views-block-dealer-locator-block-1 {
	width: 80%;
	margin: auto;
	padding-top: 10vw;
	
	.geolocation-map-container {
		border-radius: 25px;
	}
	
	.views-element-container {
		margin-left: 5vw;
		
		
	}
	
	.views-field-field-phone, .views-field-field-email, .views-field-field-website {
		display: flex;
	}
	
	.views-label {
		margin-right: 0.35vw;
		font-weight: bold;
	}
	
	.field-content .address {
		margin-bottom: 0;
		font-weight: normal;
	}
	
	.organization {
		font-weight: bold;
	}
	
	#edit-actions {
		width: 10vw;
	}
	
	#views-exposed-form-dealer-locator-block-1 {
		display: flex;
		padding-bottom: 3vw;
	}
	
	#edit-submit-dealer-locator {
		background-color: #117F72;
		color: white;
		padding: 0.75vw 2vw;
		font-size: 1.5vw;
		border-radius: 2vw;
		border: none;
		width: 10vw;
		margin-left: 2vw;
	}
	
	
	
}

#views-exposed-form-dealer-locator-block-1{
	#edit-field-location-1-proximity--description {
		/*display: none;*/
	}
}

.js-form-item-field-location-1-proximity input {
	border-radius: 2vw;
	font-size: 1vw;
	padding: 0.5vw;
	border-color: #117f72;
	border-style: solid;
	border-width: 3px;
}

.form-item-field-location-1-proximity-center-geocoder-geolocation-geocoder-address input {
	border-radius: 2vw;
	font-size: 1vw;
	padding: 0.5vw;
	border-color: #117f72;
	border-style: solid;
	border-width: 3px;
}

#block-cirrocumulus-coastalcolors, #block-cirrocumulus-shorelinecolors, #block-cirrocumulus-beachfrontcolors {
	padding-top: 20vw;
	padding-bottom: 8vw;
	
	h2 {
		color: #117F72;
		margin-left: 18vw;
		font-size: 3.5vw;
		margin-bottom: 0;
	}
}	

/************************************************** Color Visualizer Page ***************************************************/
.scenes {
	padding-top: 24vw;
	display: flex;
	gap: 4vw;
	flex-direction: row;
	width: 80%;
	margin: auto;
	/*grid-gap: 20px;
	grid-template-columns: repeat(auto-fill,275px);*/
	justify-content: center;
	max-width: 1242px;
	margin: 20px auto;
	text-align: center;
	img {
		width: 100%;
	}
}

.visualizer {
	max-width: 1400px;
	padding: 20px;
	width: 80%;
	margin: auto;
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: space-around;
	flex-direction: column;
	
}

.background {
	border-radius: 40px;
}

.chairContainer {
	position: relative;
	width: 70%;
	margin: auto;
	
	img {
		width: 100%
	}
}

.colors {
	display: flex;
	flex-direction: column;
	padding-bottom: 2vw;
}

.seat,
.frame {
	position: absolute;
	top: 0;
	left: 0;
}
.seat,
.frame {
	display: none;
}
.color-overlay {
	display: block;
	z-index: 5;
}
.intro {
	margin-left: 12vw;
	margin-top: 3vw;
	.select {
		color: $burgundy;
		margin-top: 0;
		font-size: 20px;
		font-weight: bold;
		margin-left: 12px;
	}
	p {
		margin-bottom: 0;
	}
	.left,
	.right {
		display: inline-block;
		width: 25vw;
		text-align: center;
		/*display: flex;
		flex-direction: row;*/
	}
	.left {
		width: 25vw;
		text-align: left;
		margin-left: 20px;		
		.frameColors {
			/*border-right: 2px solid black;*/
		}
		img {
			width: 100%;
			cursor: pointer;
			/*max-width: 20px;
			max-height: 30px;*/
			margin: 0 14px 0 0;
			vertical-align: middle;
			width: 4vw;
			height: 4vw;
		}
	}
	.right {
		text-align: left;
		margin-left: 20px;
		img {
			width: 100%;
			cursor: pointer;
			/*max-width: 20px;
			max-height: 30px;*/
			margin: 0 14px 0 0;
			vertical-align: middle;
			width: 4vw;
			height: 4vw;
		}
	}

	.seatColors,
	.frameColors {
		display: flex;
		p {
			font-size: 1.25vw;
			/*margin: 2em 0;*/

		}
	}
	.color-link {
		text-align: center;
		a {
			/*background-color: $burgundy;
			color: $white;
			border: 1px solid $white;
			box-shadow: 2px 2px 2px $gray;
			padding: 2px 20px;
			margin: 0 2em 2em 0;
			border-radius: 5px;
			display: block;
			width: 130px;*/
		}
	}
}

.pswp__img {
	border-radius: 80px;
}

#block-cirrocumulus-views-block-engraving-options-block-1 {
	width: 80%;
	margin: auto;
	padding: 8vw 0;
	
}

.path-color-options {
	h1 {
		color: #117f72;
		font-size: 2.5vw;
		margin-top: 20vw;
		margin-left: 10vw;
	}
}

.poly-color-options {
	text-align: center;
	
	ul {
		list-style: none;
		padding: 0;
	}
	li {
		display: inline-block;
		vertical-align: top;
		width: 49%;
		max-width: 200px;
		margin-bottom: 1em;
	}
	img {
		max-width: 100%;
	}
}

.div-link:hover {
	cursor: pointer;
}

#privacy-policy {
	max-width: 1200px;
	margin: auto;
	padding: 1.5em;
	font-family: helvetica;
	padding-top: 18vw;
	
	a {
		color: blue;
	}
}


@media screen and (max-width: 750px) {
	p {
		font-size: 5vw;
		font-weight: 100;
	}
	
	
	.header {
		display: none;
	}
	
	.hdrWrap {
		.graySwoop {
			height: 18vw;
			margin-top: -19.5vw;
			border-top: 1px solid #D4D4D3;
		}
	}
	
	
	.mobileHeader {
		background-color: #d4d4d2;
		display: flex;
		height: 65vw;
		margin-top: -20px;
		.left {
			width: 20%;
		}
		
		.right {
			width: 20%;
			
			img {
				padding-top: 10vw;
				width: 15vw;
			}
		}
		
		.middle {
			width: 60%;
		}
		
		.mobileLogo {
			width: 50vw;
			display: flex;
			margin: auto;
			padding-top: 10vw;
		}
	}
	
	#block-cirrocumulus-header {
		margin-top: -5vw;
	}
	
	#block-cirrocumulus-responsivemenumobileicon {
		margin-top: 11vw;
		margin-bottom: -17vw;
		margin-left: 5vw;
	}
	
	#toggle-icon .label {
		display: none;
	}
	
	.responsive-menu-toggle-icon span.icon {
		background: black;
		width: 35px;
	}
	
	.responsive-menu-toggle-icon:before {
		background: black;
		width: 35px;
		top: 6px;
	}
	
	.responsive-menu-toggle-icon:after {
		background: black;
		width: 35px;
		top: 22px;
	}
	
	
	.bannerHomePage {
		background: linear-gradient(180deg, rgba(54, 56, 62, 1) 16%, rgba(255, 255, 255, 0) 58%);
	}
	
	.lowPageBanner, .path-about-us .tallBannerImage, .mediumBannerImage {
		background: linear-gradient(180deg, rgba(54, 56, 62, 1) 16%, rgba(255, 255, 255, 0) 140%);
	}
	
	.tallBannerImage {
		background: linear-gradient(180deg, rgba(54, 56, 62, 1) 16%, rgba(255, 255, 255, 0) 140%);
	}
	
	.aboutPage {
		margin-top: -100vw;
		padding-bottom: 16vw;
		h1 {
			font-size: 16vw
		}
	}
	
	.optionsPage {
		margin-top: -90vw;
		h1 {
			font-size: 16vw;
		}
		
		h6 {
			font-size: 5vw;
		}
	}
	
	.dealerPage {
		margin-top: -120vw;
		h1 {
			font-size: 16vw;
		}
		
		h6 {
			font-size: 5vw;
		}
	}
	
	#block-cirrocumulus-views-block-dealer-locator-block-1 {
		padding-top: 24vw;
		padding-bottom: 8vw;
		#views-exposed-form-dealer-locator-block-1 {
			display: flex;
			flex-direction: column;
		}
	}
	
	.js-form-item-field-location-1-proximity input {
		font-size: 5vw;
	}
	
	.form-item-field-location-1-proximity-center-geocoder-geolocation-geocoder-address input {
		font-size: 5vw;
	}
	
	.js-form-item-field-location-1-proximity label {
		font-size: 5vw;
	}
	
	.form-item-field-location-1-proximity-center-geocoder-geolocation-geocoder-address label {
		font-size: 5vw;
	}
	
	
	
	#block-cirrocumulus-views-block-dealer-locator-block-1 {
		#edit-submit-dealer-locator {
			font-size: 6vw;
			padding: 2vw 5vw;
			border-radius: 24px;
		}
		
		#edit-actions input {
			width: 75%;
			margin: auto;
			text-align: center;
			font-size: 6vw;
			padding: 2vw 5vw;
		}
	}
	.homeBanner {
		margin-top: -174vw;
	}
	
		
	.bannerTextHome {
		h1 {
			/*line-height: 0.8;*/
		}
		
		h6 {
			font-size: 9vw;
			font-weight: normal;
		}
		
		p {
			width: 80vw;
			font-weight: bold;
		}
	}
	
	.homeHeading {
		font-size: 16vw;
		
		br {
			display: none;
		}
	}
	
	.homeTop {
		h3 {
			font-size: 11vw;
			padding-bottom: 6vw;
		}
		
		p {
			font-size: 9vw;
		}
		
		.bold {
			font-weight: normal;
		}
	}
	
	.buttons, .topButtons, .bannerButtons, .genericButtons {
		flex-direction: column;
		text-align: center;
		width: 80vw;
		margin: auto;
		gap: 8vw;
		
	}
	
	.greenButton,.grayButton, .whiteButton {
		font-size: 10vw;
		padding: 3vw 6vw;
		border-radius: 50px;
	}
	
	.stackContainer {
		width: 95%;
	}
	

	
	.grayOval {
		height: 32vw;
		margin: 8vw auto;
		border-radius: 16.5vw;
		width: 100%;
		
			p {
				padding: 0;
				width: 60vw;
				font-size: 6vw;
				margin-left: 1.5vw;
				font-weight: bold;
			}
		
		.roundNumber {
			width: 25vw;
			border-width: 16px;
			
			p {
				font-size: 30vw;
				margin-top: -3.5vw;
				width: auto;
			}
			
			.three {
				margin-top: -5.85vw;
				margin-left: 2.5vw;
			}
		}
		
	}
	
	.bottomBLock {
		margin-top: 170vw;
	}
	
	.seoBlock {
		width: 90vw;
		margin-top: -12vw;
		text-align: center;
		margin-bottom: 35vw;
	}
	
	.seoImage {
		overflow: hidden;
		
		img {
			width: 180vw;
		}
	}
	
	.triCircle {
		flex-direction: column;
		
		div {
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		
		p {
			font-size: 8vw;
		}
	}
	
	.round {
		width: 55vw;
	}
	
	
	.whiteButton {
		font-size: 7.5vw;
		border-radius: 10vw;
		padding: 4vw 10vw;
	}
	
	.footerCopy  * {
		font-size: 3.5vw;
		padding-bottom: 4vw;
	}
	
	.footer {
		display: flex;
		flex-direction: column;
		height: auto;
	}
	
	.footerLogo {
		width: 80vw;
	}
	
	.footerMenu {
		font-size: 8vw;
		gap: 6vw;
		padding-bottom: 15vw;
	}
	
	.footerButtons {
		padding-bottom: 15vw;
		gap: 6vw;
	}
	
	.furnitureStyles {
		margin-top: -105vw;
		padding-bottom: 40vw;
		h1 {
			font-size: 16vw;
		}
	}
	
	.gridTile {
		width: 80%;
		margin: auto;
	}
	
	.thumbnails {
		.swoop {
			height: 9vw;
			margin-top: -10vw;
		}
		
		h6 {
			font-size: 5vw;
		}
	}
	
	.middleText {
		padding-top: 12vw;
		padding-bottom: 15vw;
		
		img {
			width: 50vw;
		}
		
		p {
			width: 80%;
			margin: auto;
		}
	}
	
	#edit-group {
		width: 90%;
	}
	
	.webformTitle {
		margin: auto;
		font-size: 12vw;
		font-weight: bold;
	}
	
	.fieldset-wrapper input {
		width: 75vw;
		font-size: 6vw;
		text-indent: 2vw;
		margin-bottom: 2vw;
	}
	
	.fieldset-wrapper textarea {
		width: 75vw;
		font-size: 6vw;	
		text-indent: 2vw;
		margin-bottom: 2vw;
	}
	
	#block-cirrocumulus-views-block-dealer-locator-block-1 {
		#edit-actions {
			margin: 4vw auto;
			width: 75vw;
			text-align: center;
		}
	}
	
	#edit-actions input {
		width: 35vw;
	}
	
	.views-row {
		.views-col {
			width: 100% !important;
			padding-bottom: 10vw;
		}
	}
	
	#block-cirrocumulus-views-block-captain-style-block-1, #block-cirrocumulus-views-block-adirondack-style-block-1, #block-cirrocumulus-views-block-all-items-block-1, #block-cirrocumulus-views-block-deep-sea-series-block-1, #block-cirrocumulus-views-block-seacoast-series-block-1, #block-cirrocumulus-views-block-reef-series-block-1, #block-cirrocumulus-views-block-shoreline-style-block-1, #block-cirrocumulus-views-block-beachfront-chairs-block-1, #block-cirrocumulus-views-block-benches-block-1, #block-cirrocumulus-views-block-tables-block-1, #block-cirrocumulus-views-block-dock-box-block-1, #block-cirrocumulus-views-block-trash-bins-block-1 {
		
		.views-field-title {
			margin-bottom: 4vw;
			a {
				font-size: 5vw;
			}
		}
		
		.views-field-view-node a {
			font-size: 5vw;
			padding: 2vw 10vw;
			
		}
		
		.views-field-field-product-image {
			width: 60vw;
			height: 60vw;
		}
		
		.views-field-field-product-image {
			img {
				width: 38vw;
			}
		}
	}
	
	#block-cirrocumulus-views-block-adirondack-style-block-1 {
		padding-top: 70vw;
	}
	
	#block-cirrocumulus-views-block-shoreline-style-block-1, #block-cirrocumulus-views-block-reef-series-block-1 {
		padding-top: 130vw;
	}
	
	#block-cirrocumulus-views-block-beachfront-chairs-block-1 {
		padding-top: 130vw;
	}
	
	#block-cirrocumulus-views-block-captain-style-block-1 {
		padding-top: 55vw;
	}	
	.path-shoreline, .path-reef, .path-beachfront, .path-captain, .path-seacoast {
		.bannerTextHome {
			br {
				display: inline-block;
			}
		}
	}
	
	.path-seacoast, .path-benches, .path-tables {
		.bannerTextHome {
			padding-top: 70vw;
		}
	}
	
	#block-cirrocumulus-productgroup {
		flex-direction: column;
		width: 90%;
		
		.views-field-field-product-image {
			width: 75vw;
			height: 75vw;
			margin: auto;
			padding: 32vw 7vw;
		}
		
	}
	
	.banner-text-1 h2 {
		font-size: 16vw;
		margin-top: -156vw;
		padding-bottom: 90vw;
	}
	
	/*---------*/
	#block-cirrocumulus-views-block-product-description-block-1 {
		font-size: 5vw;
		padding-top: 4vw;	
	}
	
	#block-cirrocumulus-views-block-product-information-block-1 {
		font-size: 5.5vw;
		padding-top: 6vw;
		
		.views-label {
			margin-right: 5px;
		}
	}
	
	#block-cirrocumulus-views-block-product-information-block-1 .views-field-title{
		font-size: 6.5vw;
		text-align: center;
		max-width: 80vw;
	}
	
	.views-field-field-msrp {
		font-size: 5.5vw;
	}
	
	.views-field-field-product-number {
		color: #117F72;
	}
	
	#block-cirrocumulus-12reasonstoloveseabreeze {
		h1  {
			font-size: 7vw;
		}
		ol {
			font-size: 5vw;
			padding-left: 5vw;
		}
		.seoBlock {
			width: 90vw;
		}
		
		.genericButtons {
			padding: 10vw 0;
		}
	}
	
	.scenes {
		flex-direction: column;
	}
	
	.visualizer {
		width: 95%;
		margin: auto;
		padding: 0;
	}
	
	.intro {
		margin: auto;
	}
	
	#block-cirrocumulus-coastalcolors, #block-cirrocumulus-shorelinecolors, #block-cirrocumulus-beachfrontcolors {
		h2 {
			font-size: 10vw;
			margin-bottom: 6vw;
		}
	
	}
	
	.intro 
	& .left, .right {
		img {
			width: 8vw;
			height: 8vw;
		}
	}
	.seatColors p {
		font-size: 3vw;
	}
	
	
	
	.path-color-options {
		h1 {
			
			font-size: 7vw;
			margin-top: 30vw;
			margin-left: 20vw;
		}
	}
	
	#block-cirrocumulus-views-block-engraving-options-block-1 {
		padding-top: 25vw;
	}
	
	.mm-listview, .mm-navbar__title span {
		font-size: 6vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
	}
}