a {
	text-decoration: none;
}

body {
	margin: 0;
	font-family: "Roboto Slab", serif;
	overflow-x: hidden;
}

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

#privacy-policy {
	width: 90%;
	margin: auto;
}

.views-view-responsive-grid {
	max-width: 1600px;
	margin: auto;
}

.red-text {
	color: #740F20;
	
	a {
		color: #740F20 !important;
	}
}

/*FOOTER-----------------------------------------*/

.bold {
	font-weight: bold;
}

.caps {
	text-transform: uppercase;
}

/*=====================================================================*/

.footerQuote {
	background-color: #CCA957;
	color: white;
	text-align: center;
	padding: 0.2vw 0vw;
}
	
.footer {
	background-color: #D9D9D9;
}

.leftColumnsContainer {
	display: flex;
	flex-direction: column;
	text-align: center;
	
	a {
		color: black;
		font-weight: bold;
		font-size: 6vw;
		line-height: 2;
	}
}

.rightColumnsContainer {
	text-align: center;
	
	h4 {
		color: #740F20;
		font-size: 8vw;
	}
}

.lColumns {
	margin-top: 10vw;
}

.col1{
	display: flex;
	flex-direction: column;
}

.col2 {
	display: flex;
	flex-direction: column;
}

.break {
	br {
	display: none;
	}
}

.phone {
	color: #740F20;
}

.location {
	color: white;
	background: #740F20;
	padding: 1.5vw 5vw;
	border-radius: 8px;
	font-size: 6vw;
}

.logoContFooter {
	width: 80%;
	margin: auto;
	margin-top: 10vw;
}

.copyright {
	background-color: #D9D9D9;
	text-align: center;
	font-size: 3vw;
	padding: 2vw;
	
	a {
		color: black;
	}
}

/*=====================================================================*/

.desktopHeader {
	display: none;
}

header {
	position: relative;
}

/*--------------------------------End Footer-------------------------------*/

/*HOME PAGE WHITE AND GRAY SECTION*/

.gray {
	background-color: #D9D9D9;
	text-align: center;
	padding: 20vw 0;
	display: flex;
	flex-direction: column;
	
	a {
		color: black;
	}
	
	p {
		font-size: 7vw;
		font-weight: bold;
	}
}

.grayTwo {
	background-color: #D9D9D9;
	text-align: center;
	padding: 20vw 0;
	display: flex;
	flex-direction: column;
	gap: 12vw;
	
	p {
		font-size: 7vw;
		font-weight: bold;
	}
}

.whiteTwo, .white {
	text-align: center;
}

.white {
	padding-top: 10vw;
	
	h3{
		font-weight: normal;
		margin: 0 8vw;
	}
}

.whiteTwo {
	padding: 12vw 0;
	
	p {
		margin: 0 8vw;
		font-size: 6vw;
	}
}

.ctaButtons {
	display: flex;
	flex-direction: column;
	width: 58vw;
	margin: auto;
	gap: 4vw;
	padding: 8vw 0;
	text-align: center;
	font-size: 4.5vw;
	
	a {
		padding: 2vw;
	}	
}

.phoneButton {
	background: #740f20;
	color: white;
	border: 3px solid #740f20;
	border-radius: 8px;
}

.mapButton {
	border: 3px solid #740f20;
	border-radius: 8px;
	color: #740f20;
}

.outdoorIcon, .playsetsIcon, .structuresIcon {
	
	img {
		width: 50%;
	    margin: auto;
	}
}

.outdooricon {
	background-image: url()
}

.serviceRound, .varietyRound, .needsRound {
	width: 50%;
	margin: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 3px solid #CCA957;
}

.serviceRound {
	background-image: url(/sites/default/files/inline-images/Ellipse%2011.jpg);
	background-position: 23%;
	background-size: cover;
}

.varietyRound {
	background-image: url(/sites/default/files/inline-images/Ellipse%202.jpg);
	background-position: 25%;
	background-size: cover;
}

.needsRound {
	background-image: url(/sites/default/files/inline-images/Ellipse%203.jpg);
	background-position: 62%;
	background-size: cover;
}

/*------------END WHITE AND GRAY---------*/

/*-----------------1-2-3----------------*/

.numbersSection {
	text-align: center;
	padding: 20vw 0 10vw 0;
	display: block;
}

.number {
	width: 45%;
	margin: auto;
	aspect-ratio: 1/1;
	border-radius: 50%;
	background-color: #CCA957;
	color: white;
	font-size: 30vw;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	
	p {
		margin: 0;
		margin-bottom: 2.5vw;
	}
}

.tag {
	font-size: 7vw;
	font-weight: bold;
}

/*-------END 1-2-3-----------------------*/

/*---------HOME SEO BLOCK---------------*/

.seoHeader {
	height: 50vw;
	background-image: url(/sites/default/files/2024-11/outdoot-banner.jpg)
}

.seoText {
	width: 80%;
	margin: auto;
	background-color: rgba(217, 217, 217, 88%);
	padding: 5vw;
	margin-bottom: 15vw;
	margin-top: -25vw;
	height: 100% !important;
	/*height: 125vw;*/
	/*height: 70vw;
	overflow: scroll;*/
}

/*------------END SEO----------------*/

/*-------About Page----------------------*/

.flexItemOne {
	margin-left: 4vw;
}

.flexItemOne {
	
	h3 {
		font-size: 12vw;
		color: #CCA957;
		margin-bottom: 0;
	}
	
	p {
		width: 80%;
	}
	
	.bold {
		font-size: 8vw;
	}
}

.aboutTop {
	padding-top: 12vw;
}

.flexItemTwo{
	width: 90%;
	margin: auto;
	padding-top: 5vw;
	height: 80vw;
	
	img {
		border-radius: 8px;
		border: 3px solid #CCA957;
	}
	
}

.aboutTopLast {
	text-align: center;
	
	h5 {
		font-size: 8vw;
		color: #740F20;
		margin-bottom: 0;
	}
}

.aboutSecondFlex {
	margin: auto;
	background-color: #D9D9D9;
	padding-bottom: 8vw;
	
	.divOne {
		width: 90%;
		margin: auto;
		padding-top: 5vw;
		height: 80vw;
		margin-bottom: 16vw;
		
		img {
			border-radius: 8px;
			border: 3px solid #CCA957;
		}
	}
	
	p {
		width: 90%;
		margin: auto;
		margin-top: 4vw;
		margin-bottom: 4vw;
	}
}

.aboutThirdFlex {
	text-align: center;
	
	h5 {
		font-size: 8vw;
		color: #740F20;
	}
	
	h6 {
		font-size: 7vw;
		margin-bottom: 0;
		color: #740F20;
	}
	
	p {
		margin-top: 1vw;
	}
}

.ctaButtonEmail {
	display: flex;
	flex-direction: column;
	width: 70vw;
	margin: auto;
	gap: 4vw;
	padding: 8vw 0;	
}

.aboutPhone {
	border: 3px solid #740f20;
	border-radius: 8px;
	color: #740f20;
	padding: 2vw 20vw;
	font-weight: bold;
}

.emailButton {
	background: #740f20;
	color: white;
	border: 3px solid #740f20;
	border-radius: 8px;
	padding: 2vw 18vw;
	font-weight: bold;
}

/*-----------End About--------------------*/

/*-------------Contact Page, section above form--------------*/

.contactTop {
	padding: 4vw;
	
	p {
		line-height: 1.5;
	}
	
	h3 {
		font-size: 10vw;
		color: #CCA957;
		margin-bottom: 1vw;
	}
}

.hours {
	background-color: rgb(204, 169, 87, 30%);
	margin: auto;
	padding-bottom: 5vw;
	margin-bottom: 6vw;	
	margin-top: 8vw;
	
	p {
		font-size: 3vw;
		padding: 0 4vw;
		margin-top: 0;
		margin-bottom: 0;
	}
}

.hoursHeading {
	background-color: #CCA957;
	text-align: center;
	color: #740F20;
	font-weight: bold;
	font-size: 7vw;
	padding: 3vw;
	margin-bottom: 3vw;
	
	h4 {
		margin: 0;
	}	
}

/*------------- END Contact Page, section above form--------------*/

/*--------------Contact Page Form---------------------------------*/

#block-cirrocumulus-webform {
	background-color: rgba(204,169,80,.30);
	padding: 2vw 4vw 2vw 4vw;
	width: 85%;
	margin: auto;
	margin-bottom: 12vw;
	
	.webform-submission-form {
		width: 95%;
		margin: auto;
	}
	
	#edit-name {
		width: 99.5%;
		line-height: 1.5;
	}
	
	#edit-email {
		width: 99.5%;
		margin-top: 3vw;
		line-height: 1.5;
	}
	
	#edit-phone {
		width: 99.5%;
		margin-top: 3vw;
		line-height: 1.5;
	}
	
	#edit-message {
		width: 100%;
		margin-top: 3vw;
		line-height: 1.5;
	}
	
	#edit-actions-submit {
		position: absolute;
		right: 10vw;
		color: white;
		font-weight: bold;
		background: #740F20;
		border: 0;
		padding: 2vw 4vw;
		font-size: 6vw;
		border-radius: 8px;
		margin-top: 2vw;
	}
		
	.PhoneCont {
		margin-bottom: 4vw;
	}
}	

.webformHeader {
	margin-bottom: -30vw;
	margin-top: 18vw;
	text-align: center;
	font-size: 7vw;
	color: #740F20;
}

.webformFooter {
	margin-top: -16vw;
	margin-bottom: 16vw;
	
	p {
		text-align: left;
		padding: 0 6vw;
		font-size: 3vw;
	}
}
	
/*----------End Contact Page Form---------------------------------*/

/*--------------Product Page Form-------------------------------------*/

.webformTagBottom, .webformTagTop {
	font-size: 3vw;
	
	@media screen and (min-width: 750px) {
		font-size: 1em;
	}
}

.webformTagBottom {
	margin-top: 16vw;
	
	@media screen and (min-width: 750px) {
		margin-top: 7em;
	}
}

.PhoneCont {
	text-align: center;
	margin-bottom: 0;
}

.webformHeaderPhone {
	text-align: center;
	color: #740F20;
	margin: auto;
	font-size: 7vw;
}

.webformTagTop {
	text-align: center;
	margin-top: .5vw;
}

/*--------------End Product Page Form---------------------------------*/

/*--------------------Options Panel-----------------------------------*/


.optionMenu {
	padding: 0 0 5vw 6vw;
}

.option {
	display: flex;
	align-items: center;
	padding: 1vw 0;
	
	a {
		color: black;
	}
	
	img {
		width: 12vw;
		aspect-ratio: 1/1;
		
		@media screen and (min-width: 750px) {
			width: 4vw;
		}
	}
	
	p {
		margin-left: 5vw;
		font-size: 4vw;
		
		@media screen and (min-width: 750px) {
			font-size: 1.3vw;
			margin-left: 1em;
		}
	}
}

/*---------------End Options Panel------------------------------------*/

/*--------------------Color Picker Page-----------------------------*/

.colorsPage {
	
	h4 {
		font-weight: normal;
		font-size: 10vw;
		margin-bottom: 0;
		color: #5C6A3E;
	}
	
	h6 {
		font-weight: normal;
		font-size: 6vw;
		margin-top: 2vw;
		color: #740F20;
		
		.bold {
			color: black;
		}
	}
}

.warrantyBadge {
	display: none;
}

.optionsHeading {
	text-align: center;
	width: 90%;
	margin: auto;
}

.polyFlex, .woodgrainFlex {
	display: flex;
	flex-wrap: wrap;
	padding: 4vw 2vw;
	
	.color {
		width: 150px;
		margin: auto;
		text-align: center;
		padding: 0 2vw;
		
		div {
			width: 30vw;
			max-width: 175px;
			height: 15vw;
			max-height: 87.5px;
			margin: auto;
			border-radius: 4px;
			transition: ease-in-out 0.25s;
			background-size: 100%;
		
			&:hover {
				transform: scale(1.25);
				transition: ease-in-out 0.25s;
			}
		}
	}
}

.polyOptions, .woodgrainOptions, .fabricOptions {
	
	h4 {
		margin-left: 4vw;
		color: #5C6A3E;
	}
}

.fabricOptions {
	
	p {
		margin-left: 4vw;
	}
}

.brown {
	background-image: url(/sites/default/files/inline-images/brown.jpg);
}

.sequoia {
	background-image: url(/sites/default/files/inline-images/sequoia.jpg);
}

.cedar {
	background-image: url(/sites/default/files/inline-images/cedar.jpg);
}

.weatherwood {
	background-image: url(/sites/default/files/inline-images/weatherwood.jpg);
}

.ivory {
	background-image: url(/sites/default/files/inline-images/ivory.jpg);
}

.cherrywood {
	background-image: url(/sites/default/files/inline-images/cherrywood.jpg);
}

.red {
	background-image: url(/sites/default/files/inline-images/red.jpg);
}

.orange {
	background-image: url(/sites/default/files/inline-images/orange.jpg);
}

.yellow {
	background-image: url(/sites/default/files/inline-images/yellow.jpg);
}
.purple {
	background-image: url(/sites/default/files/inline-images/purple.jpg);
}

.black {
	background-image: url(/sites/default/files/inline-images/black.jpg);
}

.patriotBlue {
	background-image: url(/sites/default/files/inline-images/patriot-blue.jpg);
}

.royalBlue {
	background-image: url(/sites/default/files/inline-images/royal-blue.jpg);
}

.turquoise {
	background-image: url(/sites/default/files/inline-images/turquoise.jpg);
}

.oceanBlue {
	background-image: url(/sites/default/files/inline-images/ocean-blue.jpg);
}

.evergreen {
	background-image: url(/sites/default/files/inline-images/evergreen.jpg);
}

.limeGreen {
	background-image: url(/sites/default/files/inline-images/lime-green.jpg);
}

.darkGray {
	background-image: url(/sites/default/files/inline-images/dark-gray.jpg);
}

.doveGray {
	background-image: url(/sites/default/files/inline-images/dove-gray.jpg);
}

.whiteSwatch {
	background-image: url(/sites/default/files/inline-images/white.jpg);
}

.antiqueMahogany {
	background-image: url(/sites/default/files/inline-images/antique-mahogany.jpg);
}

.birch {
	background-image: url(/sites/default/files/inline-images/birch.jpg);
}

.driftwoodGray {
	background-image: url(/sites/default/files/inline-images/driftwood-gray.jpg);
}

.brazilianWalnut {
	background-image: url(/sites/default/files/inline-images/brazilian-walnut.jpg);
}

.naturalTeak {
	background-image: url(/sites/default/files/inline-images/natural-teak.jpg);
}

.coastalGray {
	background-image: url(/sites/default/files/inline-images/coastal-gray.jpg);
}

.Seashell {
	background-image: url(/sites/default/files/inline-images/seashell.png);
}

/*---------------End Color Picker Page-----------------------------*/

/*-------------Contact Page, section below form--------------*/

.aboutGray {
	background-color: #D9D9D9;
	padding: 5vw;
	margin-bottom: 9vw;
}

.twoLocations {
	text-align: center;
	
	h5 {
		font-size: 6vw;
		width: 78%;
		margin: auto;
		color: #740f20;
	}
}

.twoHeading {
	color: #740F20;
	padding: 2vw 0;
	margin-bottom: 1vw;
}

.heading {
	background: #CCA957;
}

.twoLancaster, .twoYork {
	background-color: rgb(204, 169, 87, 30%);
	padding-bottom: 1vw;
	width: 95%;
	margin: auto;
}

.auto {
	margin: 0;
}

.twoYork {
	margin-bottom: 6vw;
}

.locationPhone {
	color: #740F20;
	font-weight: bold;
	font-size: 6vw;
	margin: 0;
}

.addressPara {
	font-size: 3vw;
	margin-top: 0.5vw;
}

.locationButtons {
	background-color: #740F20;
	color: white;
	padding: 2vw 6vw;
	border-radius: 8px;
}

/*-------------End Contact Page, section below form--------------*/

/*--------------Pricing Companion---------------------------------*/

.buyersGuide {
	text-align: center;
	
	h3 {
		font-size: 7vw;
		color: #740F20;
	}
	p {
		padding: 0 4vw;
	}
	
}

.downloadP {
	font-size: 3vw;
	
	a {
		color: black;
		text-decoration: underline;
	}
}

.slowLoad {
	font-size: 3vw;
}

.topP {
	text-align: left;
}

/*-------------End Pricing Companion------------------------------*/

/*--------------Outdoor Furniture----------------------------------*/

.lightGreen {
	font-weight: normal;
	color: #536A27;
	font-size: 12vw;
	margin-bottom: 0;
	margin-top: -5vw;
}

.darkGreen {
	font-weight: normal;
	color: #5E4D36;
	font-size: 12vw;
	margin-bottom: 0;
	margin-top: -5vw;
}

.woodenIcon {
	text-align: center;
	
	a {
		color: white;
		background-color: #5E4D36;
		padding: 3vw 12vw;
		border-radius: 8px;
		font-weight: bold;
	}
}

.woodImage {
	width: 80vw;
	margin: auto;
	aspect-ratio: 1/1;
	background: #DBD1C3;
	border-radius: 12px;
	margin-bottom: 8vw;
	align-content: center;
	
	img {
		width: 80%;
	}	
}

.recycledIcon {
	text-align: center;
	
	a {
		color: white;
		background-color: #536A27;
		padding: 3vw 12vw;
		border-radius: 8px;
		font-weight: bold;
	}
}

.recImage {
	width: 80vw;
	margin: auto;
	aspect-ratio: 1/1;
	background: #EBF3DC;
	border-radius: 12px;
	margin-bottom: 8vw;
	align-content: center;
	
	img {
		width: 80%
	}
}

.recycledDesc {
	padding: 6vw 4vw;
}

.outdoorLongParagraph {
	padding: 0 4vw;
	
	h4 {
		text-align: center;
		font-size: 7vw;
		padding: 0 7vw;
		color: #740F20;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	a {
		color: #740F20;
		font-weight: bold;
	}
}

/*--------------------Reviews Section Header----------------------------*/

.reviewsHeader {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	margin: auto;
}

.leftLine, .rightLine {
	background: #740f20;
	height: 0.75vw;
	width: 36vw;
	border-radius: 1vw;
	transform: rotate(1.06deg);
	margin-top: -30px;
	margin-left: -8vw;
	margin-right: -8vw;
}

.center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.quotes {
	width: 12vw;
	margin-bottom: 1vw;
}

.stars {
	width: 36vw;
	margin-top: 5vw;
}

.field-content {
	
	p {
		font-size: 5.5vw;
		font-weight: 100;
		text-align: center;
		line-height: 1.75;
		margin-bottom: -1vw;
	}
}

.views-field-field-reviewer-name {
	color: #740F20;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 5vw;
	line-height: 1;
	display: inline-block;
	margin-left: 18%;	
}

.views-field-field-review-date {
	color: #CCA957;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 5vw;
	line-height: 1;
	margin-left: 0.25vw;
	display: inline-block;
}

#block-cirrocumulus-views-block-reviews-block-1 {
	width: 75%;
	margin: 5vw auto;
}

.slick-slide {
	margin: 0 5vw;
}

.slick-list {
	padding: 0;
}

/*----------------END-Reviews Section Header----------------------------*/

/*-------------Leave Review Block----------------------------------*/

.leaveReview {
	text-align: center;
}

.reviewButton {
	color: white;
	font-weight: bold;
	background: #740f20;
	padding: 2vw 5vw;
	border-radius: 8px;
}

/*---------END-Leave Review Block----------------------------------*/

/*-----------Form Submission Confirmation------------*/

.confirmation {
	text-align: center;
	width: 70%;
	margin: auto;
	
	h3 {
		color: #740F20;
		font-size: 8.5vw;
		margin-bottom: 0;
	}
	
	p {
		font-size: 1.5vw;
		margin-top: 0.5vw;
		font-size: 5.5vw;
	}
}

.confirmationCTA {
	margin-bottom: 10vw;
	margin-top: 4vw;
	display: flex;
	flex-direction: column;
	gap: 4vw;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	
	.confirmAbout {
		color: white;
		font-weight: bold;
		background: #740F20;
		padding: 1.5vw 2vw;
		border-radius: 12px;
		font-size: 6vw;
		
	}
	
	.confirmCall {
		color: #740F20;
		border: 1vw solid #740F20;
		border-radius: 12px;
		padding: 0.35vw 4vw;
		font-weight: bold;
		font-size: 6vw;	
	}
}

/*-------End-Form Submission Confirmation------------*/

/*-------------Reviews Page Top Section-----------------*/

#block-cirrocumulus-views-block-reviews-block-1-2 {
	margin-bottom: 5vw;
}

.reviewsPageTop {
	text-align: center;
}

.revHeading {
	color: #740F20;
	font-size: 8vw;
	padding: 2vw 0;
	margin-bottom: 3vw;
}

.locationsReview {
	color:white;
	background: #740f20;
	padding: 2.5vw 5vw;
	border-radius: 8px;
	font-size: 6vw;
}

.parkesburgRev, .dillsburgRev {
	background-color: rgb(204, 169, 87, 30%);
	width: 90%;
	margin: auto;
	padding-bottom: 1vw;
	
	p {
		font-size: 4vw;
		margin: 0 2vw 6vw 2vw;
	}
}

.thanks {
	text-align: center;
	width: 95%;
	margin: auto;
	
	h3 {
		color: #740F20;
		font-size: 8vw;
		margin-bottom: 1vw;
	}
	
	p {
		font-size: 5vw;
		margin-top: 0;
	}
}

/*----------End--Reviews Page Top Section---------------*/

/*--------------Playsets--------------------------------*/

.playsetRec {
	background-image: url(/sites/default/files/2024-10/playset_vinyl.jpg);
	background-size: contain;
}

.playsetWood {
	background-image: url(/sites/default/files/2024-10/playset_wooden.jpg);
	background-size: contain;
}

/*-------------End Playsets-----------------------------*/

/*---------------Sheds Color Options-------------------------------*/

.shedOptions {
	margin-bottom: 4vw;
	
	h4 {
		font-size: 10vw;
		text-align: center;
		color: #5e4D36;
	}

	div {
		border: 1vw solid #5E4D36;
		width: 95%;
		margin: auto;
	}
	
	img {
		margin-bottom: -1.5vw;
	}
	
	.options2 {
		margin-top: 2vw;
	}
}

/*-----------End Sheds Color Options-------------------------------*/

/*-------------------------Site Prep-------------------------------*/

.sitePrep {
	width: 90%;
	margin: auto;
	margin-bottom: 12vw;
	
	h2 {
		text-align: center;
		font-size: 8vw;
	}
	
	h4 {
		color: #707070;
		font-size: 6vw;
	}
}

/*-----------------------End-Site Prep-----------------------------*/

/*------------------------Ten Reasons------------------------------*/

.tenReasons {
	width: 90%;
	margin: auto;
	
	h1, h3 {
		text-align: center;
	}
	
	h1 {
		font-size: 15vw;
	}
	
	h3 {
		font-size: 8vw;
	}
	
	h4, li {
		font-size: 6vw;
		color: #740f20;
	}
}

/*-----------------------End Ten Reasons---------------------------*/

/*------------------------Local Deliveries--------------------------*/

.deliveryTop {
	text-align: center;
	
	img {
		width: 50%;
		margin: auto;
		margin-top: 8vw;
	}
	
	p {
		margin-top: 1vw;
		margin-bottom: 1vw;
		font-weight: bold;
	}
	
	h3 {
		font-size: 15vw;
		line-height: 1;
	}
	
	h6 {
		font-size: 7vw;
		margin-top: 2vw;
		margin-bottom: 2vw;
	}
	
	h4 {
		font-size: 7vw;
		color: #740F20;
	}
}

.mapsSection {
	background-color: #EAEAEA;
	width: 90%;
	margin: auto;
	border-radius: 8px;
	margin-bottom: 5vw;
	
	h5 {
		font-size: 8vw;
		margin-bottom: 2vw;
	}
		
	p {
		font-size: 5vw;
		font-weight: normal;
	}
	
	.mapYork {
		padding-top: 4vw;
	}
	
	.mapChester {
		padding-bottom: 5vw;
	}
}

iframe {
	width: 90%;
	margin: auto;
	border-radius: 8px;
}

.thin {
	font-weight: normal;
}

/*-------------------End--Local Deliveries--------------------------*/

/*----------------End Outdoor Furniture----------------------------*/

/*-------------------Learn More------------------------------------*/

.recycled {
	margin: 0 5vw;
	
	h2 {
		color: #000080;
		text-align: center;
		font-size: 7vw;
	}
	
	h4 {
		color: #6BA772;
		text-align: center;
		font-size: 7vw;
	}
	
	p {
		text-align: center;
		font-size: 5vw;
	}
	
	a {
		color: black;
	}
	
	li {
		font-size: 5vw;
	}

	.blue {
		font-weight: bold;
		color: #000080;
		text-transform: uppercase;
	}
}

.hdpeContainer {
	width: 40%;
	margin: auto;
}

.recycledFlex {
	margin: 15vw 0;
}

/*----------------End Learn More-----------------------------------*/

/*---------------------Wood Sealer Options------------------------*/

.woodColors {
	width: 90%;
	margin: auto;
	
	h3 {
		 color: #006A27;
		 font-size: 10vw;
	 }
}

.greenBlock {
	width: 90%;
	margin: auto;
	margin-bottom: 10vw;
}

.greenLeft {
	background: #ebf3dc;
	padding-bottom: 5vw;
	padding-top: 5vw;
	text-align: center;
	
	p {
		margin: 5vw;
		color: #006A27;
	}
	
	a {
		color: white;
		background: #006A27;
		padding: 2vw 4vw;
		font-weight: bold;
	}
}

.greenPhoto {
	background-image: url(/sites/default/files/2024-10/fabric-color-options.png);
	background-size: contain;
	background-repeat: no-repeat;
	height: 60vw;
}

.sealer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4vw;
	
	div {
		background-size: contain;
		background-repeat: no-repeat;
		height: 32vw;
		aspect-ratio: 4/7;
		border-radius: 8px;
	}
}

.sealMahogany {
	background-image: url(/sites/default/files/2024-10/mahogany.png);
}

.sealCrayon {
	background-image: url(/sites/default/files/2024-10/brown.png);
}

.sealCedar {
	background-image: url(/sites/default/files/2024-10/cedar.png);
}

.sealerGolden {
	background-image: url(/sites/default/files/2024-10/golden-oak.png);
}

/*----------------End--Wood Sealer Options------------------------*/

/*-------------------Mulch Calculator-----------------------------*/

.mulchPage {
	width: 90%;
	margin: auto;
	
	h3 {
		font-size: 12vw;
		color: #5E4D36;
	}
}

.mulchTop {
	text-align: center;
}

.rubber {
	background: #ebf3dc;
	border-radius: 8px;
	text-align: center;
	padding-bottom: 4vw;
	
	h6 {
		font-size: 8vw;
		padding-top: 6vw;
		margin-bottom: 4vw;
	}
	
	p {
		margin: 6vw;
	}
	
	table {
		width: 80%;
		margin: auto;
		
		p {
			 margin: 0;
		}
	}
}

.wood {
	background: #dbd1c3;
	border-radius: 8px;
	text-align: center;
	padding-bottom: 4vw;
	
	h6 {
		font-size: 8vw;
		padding-top: 6vw;
		margin-bottom: 4vw;
	}
	
	p {
		margin: 6vw;
	}
	
	table {
		width: 80%;
		margin: auto;
		
		p {
			 margin: 0;
		}
	}
}

.mulchBottom {
	width: 100%;
	margin: auto;
	padding-top: 10vw;
}

.mulchColors {
	display: flex;
	flex-wrap: wrap;
	gap: 4vw;
	justify-content: space-between;
	
	div {
		background-repeat: no-repeat;
		background-size: cover;
		aspect-ratio: 4/3;
		width: 38vw;
		border-radius: 5px;
		text-align: center;
		
		p {
			margin-top: 0;
			font-size: 5vw;
		}
	}
	
	.redmulch {
		background-image: url(/sites/default/files/2024-10/mulch-red.jpg);
	}
	
	.bluemulch {
		background-image: url(/sites/default/files/2024-10/mulch-blue.jpg);
	}
	
	.brownmulch {
		background-image: url(/sites/default/files/2024-10/mulch-brown.jpg);
	}
	
	.greenmulch {
		background-image: url(/sites/default/files/2024-10/mulch-green.jpg);
	}
	
	.cypressmulch {
		background-image: url(/sites/default/files/inline-images/mulch.jpg);
	}
	
	.blackmulch {
		background-image: url(/sites/default/files/2024-10/mulch-black.jpg);
	}
}

.mulchPhoto {
	
	img {
		border-radius: 5px;
	}
}

/*----------------End Mulch Calculator----------------------------*/

/*---------------Recycled Landing Page----------------------------*/

.tripleCircle {
	margin: 10vw auto;
}

.circ1, .circ2, .circ3 {
	width: 80%;
	margin: 4vw auto 4vw auto;
	display: flex;
	justify-content: center;
	
	img {
		border-radius: 50%;
		border: 4px solid #CCA957;
	}
}

.recyFlex {
	width: 75%;
	margin-right: auto;
	margin-left: 1em;
	
	img {
		display: none;
	}
}

.whyBuy {
	width: 90%;
	margin: auto;
	
	h3 {
		font-size: 10vw;
	}
}

.polyIs {
	width: 90%;
	margin: auto;
	
	h6 {
		font-size: 8vw;
		margin-bottom: 4vw;
	}
}

.seatCasual {
	background-image: url(/sites/default/files/2024-10/casual_seeting_edited.jpg);
	background-size: cover;
	background-position: 43%;
	
	@media screen and (max-width: 750px) {
		margin-top: 2em;
	}
}

.diningOut {
	background-image: url(/sites/default/files/2024-10/outdoor_dining_edited.jpg);
	background-size: cover;
	background-position: 53%;
}

/*-----------End-Recycled Landing Page----------------------------*/

/*-----------------Displays Landing Page-------------------------*/

#block-cirrocumulus-displayslanding-2 {
	
	.outdoorTopSection {
		/*width: 90%;*/
		padding-top: 6vw;
	}
	
	.furnDisp {
		background-image: url(/sites/default/files/2024-10/casual_seeting_edited.jpg);
		background-size: cover;
		background-position: 43%;
	}
	
	.playDisp {
		background-image: url(/sites/default/files/2024-10/displays-playsets.jpg);
		background-size: 200%;
		background-position: 53% 32%;
	}
	
	.strucDisp {
		background-image: url(/sites/default/files/2024-10/display-shed-static-downsized.jpg);
		background-size: 200%;
		background-position: 53% 68%;
	}
	
	.descr {
		width: auto;
	}
}

/*----------------End Displays Landing Page---------------------*/

/*--------------Playsets Landing Page---------------------------*/

.resPlay {
	background-image: url(/sites/default/files/2024-10/vinyl%20playsets-residential.jpg);
	background-size: cover;
	background-position: 53% 68%;
}

.commPlay {
	background-image: url(/sites/default/files/2024-10/vinyl%20playsets-commercial.jpg);
	background-size: 150%;
	background-position: 53% 68%;
}

.playsetOptions {
	padding-top: 6vw;
}

#block-cirrocumulus-outdoorpagetitle {
	top: 12em;
	left: 5vw;
	position: absolute;

	.page-title-white {
		font-size: 12vw;
		color: white;
		line-height: 1;
		text-shadow: 1px 1px 2px #00000070;
	}
}

/*----------End-Playsets Landing Page---------------------------*/

@media screen and (min-width: 750px) {
	
	.footerFlexContainerMain {
		display: flex;
	}
	
	.lColumns {
		display: flex;
	}
	
	.footerQuote {
		
		p {
			margin: 0;
			padding: 0.25vw;
		}
	}
	
	.rColumns {
		display: flex;
	}
	
	.leftColumnsContainer {
		align-items: center;
		width: 50%;	
			
		a {
			font-size: 1.3em;
		}
	}
	
	.lColumns {
		margin-top: -2em;
		text-align: left;
		width: 90%;
		max-width: 400px;
		justify-content: space-between;
	}
	
	.rColumns {
		/*width: 50%;*/
		margin: auto;
		justify-content: space-between;
		text-align: left;
		font-size: 1.3em;
		max-width: 515px;
		
		.bold {
			margin-bottom: 0;
		}
		
		.lancaster, .york {
			padding: 1em;
		}
	}
	
	.rightColumnsContainer {
		width: 50%;

		h4 {
			font-size: 1.25vw;
			margin-bottom: 0;
			text-align: right;
			margin-right: 12vw;	
					
			br {
				display: none;
			}
		}
	}
	
	.footerQuote {
		padding: 0;
	}
	
	.phoneP {
		margin-top: 0.2vw;
	}
	
	.address {
		margin-top: 0.25vw;
		margin-bottom: 0;
		line-height: 1.5;
	}
	
	.location {
		font-size: .7em;
		padding: 0.25em 1em;
	}
	
	.logoContFooter {
		width: 100%;
		margin-top: 2vw;
		margin-bottom: 0;
		max-width: 500px;
	}
	
	.copyright {
		font-size: 0.75vw;
		padding: 1vw;
	}
	
	.break {
		
		br {
			display: block;
		}
	}
	
	/*HEADER-----------------------------------------*/
	
	.desktopHeader {
		display: flex;
		justify-content: space-between;
		height: 5vw;
		background-color: #D9D9D9;
		
		a {
			color: #740f20;
			font-weight: bold;
			font-size: 1.15vw;
			margin: 0 1vw;
		}
	}
	
	.hdrLogo {
		padding: 0;
		margin: 0;
	}
	
	.headerMenu {
		display: flex;
		align-items: center
	}
	
	.outdoorLink, .buyersLink {
		display: inline-flex;
		width: 7vw;
		text-align: center;
	}
	
	.padding {
		margin-top: 1vw;
	}
	
	.buyersLink {
		display: inline-flex;
		width: 5vw;
		text-align: center;
	}
	
	.headerLogo {
		width: 14vw;
		display: flex;
		align-items: center;
		margin-left: 0vw;
	}
	
	.headerButtons {
		margin-top: .5vw;
		
		a {
			background-color: #CCA957;
			padding: .5vw 1vw;
			margin-left: 0.1vw;
			margin-right: 0;
		}
	}
	
	/*---END HEADER----------------------------------*/
	
	/*-------------------- Call and Visit Buttons and Email Us--------*/
	
	.ctaButtons {
		flex-direction: row;
		justify-content: center;
		padding: 2vw;
		
		a {
			padding: .25vw 2vw;
			font-size: 1.5vw;
			font-weight: bold;
		}
	}
	
	.ctaButtonEmail {
		flex-direction: row;
		justify-content: center;
		padding: 2vw 0;
		
		.emailButton, .aboutPhone {
			padding: .25vw 2vw;
		}
		
		p {
			padding: 0;
		}
		
		a {
			font-size: 1.5vw;
		}
	}
	
	/*---------------------End Call and Visit Buttons and Email Us------*/
	
	/*------------------Home Page-------------------------------------*/
	
	.white {
		padding-top: 3vw;
		
		h3 {
			font-size: 2vw;
			width: 45vw;
			margin: auto;
		}
	}
	
	.whiteTwo {
		padding: 6vw 0;
		
		p {
			font-size: 2vw;
			width: 60%;
			margin: auto;
		}
	}
	
	.gray {
		flex-direction: row;
		padding: 2vw 0;
		justify-content: space-evenly;
		padding: 4vw 4vw 2vw 4vw;
	}
	
	.grayTwo {
		flex-direction: row;
		justify-content: space-evenly;
		padding: 4vw 4vw 2vw 4vw;
		
		.serviceRound, .varietyRound, .needsRound {
			width: 12vw;
		}
		
		p {
			font-size: 2vw;
		}
	}
	
	.outdoorIcon, .playsetsIcon, .structuresIcon {
		
		p {
			font-size: 2vw;
		
		}
		
		img {
			width: 12vw;
			margin-bottom: -2vw;
			max-width: 300px;
		}
	}
	
	#block-cirrocumulus-123 {
		margin-bottom: 6vw;
		
		.ctaButtons {
			padding-top: 0;
			margin-top: -5vw;
		}
	}
	
	.seoHeader {
		background-size: 100%;
		height: 18vw;
		
	}
	
	.seoText {
		padding: 2vw;
		margin-top: -9vw;
		width: 55%;
		height: 30vw;
		font-size: 1.5vw;
	}
	
	/*-----------------END-Home Page-------------------------------------*/
	
	/*-------------------Outdoor Furniture----------------*/
	
	#block-cirrocumulus-outdoorpagetitle {
		position: absolute;
		top: 6vw;
		left: 5vw;
		
		.page-title-white {
			font-size: 5vw;
			color: white;
			line-height: 1;
		}
	}
	
	.outdoorTopSection, .recycledTile, .woodenTile {
		display: flex;
	}
	
	.outdoorTopSection{
		width: 95vw;
		margin: auto;
		
		p {
			font-size: 1.5vw;
		}
	}
	
	.recImage, .woodImage {
		width: 11vw;
		margin-bottom: 1em;
		
		img {
			width: 100%;
		}
	}
	
	.lightGreen, .darkGreen {
		font-size: 2vw;
	}
	
	.recycledIcon, .woodenIcon {
		
		a {
			padding: 0.5em 2em;
			display: block;
		}
	}
	
	.recycledDesc {
		padding-top: 4.5vw;
		padding-left: 1vw;
	}
	
	.outdoorLongParagraph {
		padding: 0 18vw;
		
		.structuresHeading {
			margin-top: 4vw;
		}
		
		p {
			font-size: 1.5vw;
			line-height: 1.5;
		}
		
		h4 {
			font-size: 2vw;
		}
		
		h3 {
			font-size: 1.5vw;
		}	
	}
	
	/*---------------End Outdoor Furniture----------------*/
	
	/*------------------- Pricing Companion----------------*/
	
	.buyersGuide {
		
		.slowLoad, .downloadP {
			font-size: 0.85vw;
			padding: 2vw 0;
		}
		
		h3 {
			font-size: 2vw;
		}
	}
	
	.topP {
		text-align: center;
		
		p {
			margin: 0;
		}
	}
	
	/*----------------End Pricing Companion----------------*/
	
	/*------------------- 1 2 3----------------*/
	
	.numbersSection {
		display: flex;
		flex-direction: row;
		width: 80%;
		margin: auto;
		justify-content: space-around;
		padding: 5vw 0vw;
	}
	
	.number {
		font-size: 6vw;
		width: 8vw;
		
		p {
			margin-bottom: 0.6vw;
		}
	}	
	
	.tag {
		font-size: 2vw;
		width: 15vw;
	}
	
	/*----------------End 1 2 3----------------*/
	
	/*--------------About Us--------------------*/
	
	.aboutTopFlex {
		display: flex;
		width: 80%;
		margin: auto;
	}
	
	.aboutTop {
		padding-top: 2vw;
	}
	
	.flexItemOne {
		
		h3 {
			font-size: 4vw;
			margin-bottom: 0;
		}
		
		p {
			font-size: 1.5vw;
			margin: 0.5vw 0;
			width: 101%;
		}
		
		.bold {
			font-size: 1.75vw;
			margin-top: 0;
		}
	}
	
	.flexItemTwo {
		height: auto;
		margin-left: 12vw;
	}
	
	.aboutTopLast {
		
		h5 { 
			font-size: 3vw;
		}
	}
	
	.aboutSecondFlex {
		display: flex;
		padding-bottom: 0;
		
		.divOne {
			margin-left: 10vw;
			height: auto;
			width: 20vw;
			padding-top: 0;
			margin-bottom: auto;
		}
		
		.divTwo {
			margin-right: 10vw;
		}
	}
	
	.aboutThirdFlex {
		
		h5 {
		font-size: 3vw;
		margin-bottom: 0;
		}
		
		h6 {
			font-size: 2vw;
			margin-top: 2vw;
		}
	}
	
	.flexSurround {
		display: flex;
		justify-content: space-evenly;
		width: 80%;
		margin: auto;
	}
	
	.flexLeft, .flexRight {
		width: 20vw;
	}
	
	.choicesPadding {
		padding-bottom: 1vw;
	}
	
	/*--------------End About Us----------------*/
	
	/*-------------------Contact Desktop-----------------*/
	
	.contactTop {
		display: flex;
		margin: 0 16vw;
		padding: 4vw 0;
	}
	
	.flexTop {
		margin-right: 4vw;
		
		h3 {
			font-size: 3vw;
			margin-top: 0;
			line-height: 0.75;
		}
		
		p {
			font-size: 1.5vw;
			line-height: 2;
		}
	}
	
	.hours {
		margin-top: 0;
		padding-bottom: 1vw;
		width: 220vw;
		height: 11vw;
		
		p {
			font-size: 1vw;
			padding: 0.25vw 1vw;
		}
	}
	
	.hoursHeading {
		padding: 0.2vw;
		margin-bottom: 0.5vw;
		
		h4 {
			font-size: 1.5vw;
		}	
	}
	
	.webformHeaderPhone {
		font-size: 2vw;
	}
	
	#block-cirrocumulus-webform {
		width: 25vw;
		margin-top: -35vw;
		margin-left: 55%;
		padding: 2vw;
	
		.webformTagBottom {
			font-size: 1vw;
			margin-top: 1vw;
		}
		
		#edit-actions-submit {
			font-size: 1.5vw;
			padding: 0.5vw 2vw;
			margin-top: 1vw;
			position: relative;
			margin-left: 25vw;
		}
			
		#edit-email, #edit-phone, #edit-message {
			margin-top: 1vw;
		}
			
		.PhoneCont {
			margin-bottom: 2vw;
		}		
	}
	
	.aboutGray {
		margin-bottom: 5vw;
		
		p {
			margin-left: 9vw;
			font-size: 1.5vw;
		}
	}
	
	.twoLocations {
		width: 80%;
		margin: auto;
		
		h5 {
			font-size: 3vw;
			margin-bottom: 4vw;
		}
	}
	
	.twoLocationsFlex {
		display: flex;
		justify-content: space-between;
	}
	
	.twoLancaster {
		margin-top: 0;
		margin-left: 0;
		width: 48%;
	}
	
	.twoYork {
		width: 48%;
		margin-right: 0;
	}
	
	.twoHeading {
		padding: 1vw 0;
	}
	
	.twoHeading {
		margin-top: 0;
		font-size: 2vw;
	}
	
	.locationPhone {
		font-size: 3vw;
	}
	
	.addressPara {
		font-size: 1.5vw;
	}
	
	.locationButtons {
		font-size: 1.5vw;
		font-weight: bold;
		padding: .5vw 3vw;
	}
	
	/*---------------End Contact Desktop-----------------*/
	
	/*-----------Form Submission Confirmation------------*/
	
	.confirmation {
		text-align: center;
		width: 53%;
		margin: auto;
		
		h3 {
			color: #740F20;
			font-size: 2.5vw;
			margin-bottom: 0;
		}
		
		p {
			font-size: 1.5vw;
			margin-top: 0.5vw;
		}
	}
	
	.confirmationCTA {
		margin-bottom: 5vw;
		margin-top: 4vw;
		display: block;
		
		.confirmAbout {
			color: white;
			font-weight: bold;
			background: #740F20;
			padding: 0.5vw 2vw;
			border-radius: 12px;
			font-size: 1.5vw;
			margin-right: .5vw;
		}
		
		.confirmCall {
			color: #740F20;
			border: .25vw solid #740F20;
			border-radius: 12px;
			padding: 0.35vw 4vw;
			font-weight: bold;
			font-size: 1.5vw;
			margin-left: .5vw;
			
		}
	}
	
	/*-------End-Form Submission Confirmation------------*/
	
	/*--------------Reviews Page Top Section---------------*/
	
	#block-cirrocumulus-reviewspagetop-2 {
		margin-top: 5vw;
		margin-bottom: 5vw;
	}
	
	#block-cirrocumulus-views-block-reviews-block-1-2 {
		margin-bottom: 5vw;
	}
	
	.reviewsPageTop {
		display: flex;
		margin-top: 4vw;
		width: 70%;
		margin: auto;	
	}
	
	.revHeading {
		font-size: 1.75vw;
		margin-top: 0;
		padding: 1vw 0;
	}
	
	.parkesburgRev, .dillsburgRev {
		
		p {
			font-size: 1vw;
			margin-bottom: 2vw;
		}
	}
	
	.parkesburgRev {
		margin-right: 1.5vw;	
	}
	
	.dillsburgRev {
		margin-left: 1.5vw;
	}
	
	.locationsReview {
		font-size: 1.5vw;
		padding: .25vw 1vw;
	}
	
	.thanks {
		width: 52%;
		margin: auto;
		
		h3 {
			font-size: 2.5vw;
			margin-bottom: 0.5vw;
		}
		
		p {
			font-size: 1.5vw;
		}
	}
	
	/*----------End-Reviews Page Top Section---------------*/
	
	/*--------------Reviews Slider------------------------*/
	
	.field-content {
		
		p {
			font-size: 1.5vw;
		}
	}
	
	.views-field-field-reviewer-name {
		margin-top: 2vw;
		font-size: 1.5vw;
		margin-left: 40%;
	}
	
	.views-field-field-review-date {
		font-size: 1.5vw;
		margin-left: 1vw;
	}
	
	.quotes {
		width: 5vw;
	}
	
	.stars {
		width: 15vw;
		margin-top: 1vw;
	}
	
	.leftLine, .rightLine {
		height: 0.2vw;
		width: 20vw;
		margin-top: -75px;
		transform: rotate(0.36deg);
	}
	
	.leftLine {
		margin-right: -14vw;
	}
	
	.rightLine {
		margin-left: -14vw;
	}
	
	/*-----------End Reviews Slider----------------------*/
	
	.reviewButton {
		padding: .5vw 5vw;
		font-size: 2vw;
	}
	
	.leaveReview {
		margin-bottom: 5vw;
		margin-top: -1vw;
	}
	
	/*---------------------Sheds Colors Options-----------*/
	
	.shedOptions {
		margin-bottom: 4vw;
		
		h4 {
			font-size: 4vw;
		}
	
		div {
			border-width: .5vw;
		}
		
		img {
			margin-bottom: -.25vw;
		}
		
		.options2 {
			margin-top: 4vw;
		}
	}
	
	/*------------------End Sheds Colors Options------------*/
	
	/*-------------------------Site Prep-------------------------------*/
	
	.sitePrep {
		
		h2 {
			font-size: 4vw;
		}
		
		h4 {
			font-size: 1.75vw;
		}
		
		li {
			font-size: 1vw;
		}
	}
	
	/*-----------------------End-Site Prep-----------------------------*/
	
	/*--------------------Color Picker Page-----------------------------*/
	
	.colorsPage {
		
		h4 {
			font-size: 3vw;
			}
			
		h6 {
			font-size: 1.5vw;
			margin-top: 1vw;
			margin-bottom: 1vw;
		}
	}
	
	.optionsHeading {
		
		p {
			font-size: 1vw;
		}
	}
	
	/*---------------End Color Picker Page-----------------------------*/
	
	/*------------------------Local Deliveries--------------------------*/
	
	.deliveryFlex {
		display: flex;
		width: 70%;
		margin: auto;
		
		h6 {
			font-size: 1.5vw;
		}
	}
	
	.deliveryTop {
		
		h3 {
			font-size: 3vw;
		}
		
		img {
			margin-top: 0;
		}
		
		h4 {
			font-size: 2vw;
		}
	}
	
	.mapsSection {
		display: flex;
		justify-content: space-between;
		
		div {
			width: 45vw;
		}
		
		h5 {
			font-size: 1.5vw;
		}
		
		p {
			font-size: 1vw;
		}
		
		.mapYork {
			padding-top: 0;
		}
	}
	
	/*-------------------End--Local Deliveries--------------------------*/
	
	/*---------------------Learn More----------------------------------*/
	
	.recycled {
		
		h4 {
			font-size: 2vw;
		}
		
		h2 {
			font-size: 2vw;
		}
		
		p {
			font-size: 1vw;
		}
		
		li {
			font-size: 1vw;
		}
	}
	
	.recycledFlex {
		display: flex;
		width: 80%;
		margin: auto;
		justify-content: space-between;
		align-items: baseline;
	}
	
	.benefitsImage {
		width: 40%;
		margin: auto;
	}
	
	.hdpeContainer {
		width: 10%;
		margin: auto;
		margin-bottom: 5vw;
	}
	
	.bench {
		text-align: center;
		
		img {
			width: 75%;
			margin: auto;
		}
	}
	
	.videoContainer {
		width: 60%;
		margin: auto;
		
		iframe {
			width: 100%;
		}
	}
	
	/*-----------------End Learn More---------------------------------*/
	
	/*--------------------Wood Sealer Options--------------------------*/
	
	.woodColors {
		
		h3 {
			font-size: 3vw;
		}
		
		p {
			font-size: 1.5vw;
		}
	}
	
	.greenBlock {
		display: flex;
		width: 90vw;
	}
	
	.greenLeft, .greenPhoto {
		width: 45vw;
		margin: auto;
	}
	
	.greenPhoto {
		height: 15vw;
		background-size: cover;
		background-position: 25% 54%;
		border-radius: 0 8px 8px 0;	
	}
	
	.greenLeft {
		padding: 0;
		height: 15vw;
		border-radius: 8px 0 0 8px;
		
		p {
			margin: 2vw;
			font-size: 1.5vw;
		}
		
		a {
			font-size: 1vw;
			padding: 1vw 2vw;
		}
	}
	
	.sealer {
		padding-bottom: 2vw;
		
		div {
			height: 12vw;
		}
		
		p {
			font-size: 1vw;
			text-align: center;
		}
	}
	
	.center {
		text-align: center;
	}
	
	/*---------------End Wood Sealer Options--------------------------*/
	
	/*---------------------Mulch Calculator--------------------------*/
	
	.mulchPage {
		
		h3 {
			font-size: 4vw;
			margin-bottom: 0;
		}
		
		h6 {
			font-size: 3vw;
			margin-top: 1vw;
			padding-top: 1vw;
			margin-bottom: 0;
		}
		
		p {
			/*margin: 2vw;*/
		}
	}
	
	.calculatorsFlex {
		margin-top: 8vw;
		display: flex;
		justify-content: space-around;
	}
	
	.rubber, .wood {
		width: 30vw;
		max-width: 600px;
	}
	
	.mulchBottom {
		display: flex;
		justify-content: space-around;	
		padding-bottom: 5vw;
		
		.mulchColors {
			width: 27vw;
			max-width: 550px;
			height: 15vw;
			gap: 10px;
			
			p {
				font-size: 1vw;
				margin-bottom: 0;
			}
			
			div {
				width: 8vw;
				max-width: 165px;
				
				&:hover {
					transform: scale(1.1);
					transition: all 0.25s;
				}
			}
		}
		
		.mulchPhoto {
			width: 45vw;
			max-width: 600px;
		}
	}
	
	/*-----------------End Mulch Calculator-------------------------*/
	
	/*---------------Recycled Landing Page----------------------------*/
	
	.circ1, .circ2, .circ3 {
		width: 12vw;
		margin: 1vw auto 1vw auto;
	}
	
	.polyIs {
		
		h6 {
			font-size: 2.5vw;
		}
	}
	
	.whyBuy {
		
		p {
			font-size: 1.5vw;
		}
		
		h3 {
			font-size: 3vw;
		}
	}
	
	.tripleCircle {
		width: 20vw;
		margin-left: 75vw;
		margin-top: -23vw;
	}
	
	.recyFlex {
		display: flex;
		
		img {
			display: block;
			width: 10vw;
			height: 10vw;
		}
		
		li {
			font-size: 1.5vw;
		}
	}
	
	.path-outdoor-furniture-recycled .outdoorTopSection {
		padding-top: 5vw;
	}
	
	/*-----------End-Recycled Landing Page----------------------------*/
	
	/*-----------------Displays Landing Page-------------------------*/
	
	#block-cirrocumulus-displayslanding-2 {
	
		.descr {
			width: 10vw;
		}
	}
	
	.recycledDesc {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	/*----------------End Displays Landing Page---------------------*/
			
/*--------THE FOLLOWING BRACKET ENDS THE DESKTOP MIN 450 BREAKPOINT------------*/
}

/* VINCE ADDED THIS CODE */

.views-view-responsive-grid__item {
	border: 2px solid #740F20;
	border-radius: 2px;
	padding: 0;
	position: relative;
	z-index: 5;
}

.views-view-responsive-grid__item-inner {
	display: flex;
	flex-wrap: wrap;
}

.views-field-field-images {
	width: 100%;
	
	img {
		width: 100%;
		height: auto;
	}
}

.views-field-field-priced-from {
	bottom: 0;
	padding: .5em 0;
	z-index: 10
}

.views-field-title {
	padding-top: .5em;
	bottom: 2em;
	z-index: 15;
}

.views-view-responsive-grid__item-inner .views-field-field-priced-from, .views-view-responsive-grid__item-inner .views-field-title {
	background-color: #740F20;
	width: 100%;
	color: #ebf3dc;
	font-weight: bold;
	text-align: center;
	position: absolute;
	
	a {
		color: #ebf3dc;
		text-decoration: none;
	}
}

.products-pages {
	padding: 25px;
}

#block-cirrocumulus-breadcrumbs, #block-breadcrumbs-2 {
	display: none;
	
	@media screen and (min-width: 750px) {
		display: block;
		
		ol {
			display: flex;
			gap: 10px;
			list-style: none;
			
			a, li {
				color: #740F20;
				text-decoration: none;
			}
			
			li:after {
				content: ">>";
				display: inline-block;
				height: 100%;
				width: auto;
				color: #740F20;
			}
			
			li:last-child:after {
				display: none;
			}
			
			li:last-child {
				text-decoration: underline;
			}
		}
	}
}

.dimensions, .price, .priced-from {
	float: left;
	width: 40%;
}

.price, .priced-from {
	font-weight: bold;
	font-size: 1.5em;
	margin-top: 1.5em;
}

.description {
	clear: left;
	margin-left: 5em;
}

.slick-list {
	padding-top: 0 !important;
	margin-top: -1em !important;
}

.slick-current img {
	border-color: #740F20 !important;
	opacity: 1 !important;
}

.slick-current::before {
	border-bottom-color: #740F20 !important;
}

.slick-slide img {
	opacity: .5;
}

.slick--field-images, .slick-wrapper {
	width: 100%;
	margin-top: 1em;
	
	img {
		width: auto;
		height: 100%;
		margin: auto !important;
	}
}

.slick-wrapper .slick--field-images {
	width: 100%;
	float: none;
	margin-top: 1em;
	
	img {
		width: auto;
		height: 100%;
		margin: auto !important;
	}
}

#block-cirrocumulus-responsivemenumobileicon {
	position: relative;
}
 
#toggle-icon .icon, #toggle-icon:before, #toggle-icon:after {
	background: #CCA957;
}

#block-cirrocumulus-mobilemenu {
	width: 100%;
	background-color: #D9D9D9;
	padding: 1em;
	margin: -1.2em 0 0 0;
	position: relative;
	overflow-x: hidden;
	
	.mobile-header {
		width: 40%;
		margin-left: 45%;
		margin-right: 5%;
	}
	
	@media screen and (min-width: 750px) {
		display: none;
	}
}

#toggle-icon {
	z-index: 100;
	position: absolute;
	margin-top: 1em;
	margin-left: 1em;
	
	.label {
		display: none;
	}
}

.responsive-menu-toggle-icon:before {
	top: .1em;
}

.responsive-menu-toggle-icon:after {
	top: 1.7em;
}

.responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon {
	width: 4em;
	height: .3em;
}

.mm-listitem:after {
	display: none;
}

.mm-navbar__title {
	background-color: #D9D9D9;
}

.mm-panel {
	font-weight: bold;
	font-size: 6vw;
	line-height: 1.2;
	
	.is-active {
		text-decoration: underline !important;
	}
	
	a {
		color: #740F20 !important;
	}
}

#block-cirrocumulus-homepagetitle {
	top: 12em;
	left: 5vw;
	position: absolute;
}

.page-title {
	font-size: 12vw;
	color: #740F20;
	line-height: 1;
	text-shadow: 1px 1px 2px #00000070;
}

@media screen and (max-width: 1100px) {
	
	.views-view-responsive-grid--horizontal {
		--views-responsive-grid--column-count: 3 !important;
	}
}

@media screen and (max-width: 750px) {
	
	.path-frontpage .media--responsive img {
		opacity: .6 !important;
	}
	
	.views-view-responsive-grid--horizontal {
		--views-responsive-grid--column-count: 2 !important;
	}
}

@media screen and (max-width: 560px) {
	
	.views-view-responsive-grid--horizontal {
		--views-responsive-grid--column-count: 1 !important;
	}
}

@media screen and (min-width: 750px) {
	
	#block-cirrocumulus-homepagetitle {
		top: 0;
	}
	
	.path-frontpage  .layout-content >div {
		position: relative;
	}
	
	.page-title {
		font-size: 5vw;
	}
}

/* This is the desktop menu styles with the dropdowns */

@media screen and (max-width: 750px) {
	
	#block-cirrocumulus-desktopmenu {
		display: none;
	}
}

#block-cirrocumulus-desktopmenu {
	position: absolute;
	left: 15vw;
	z-index: 99;
	top: 1vw;
	font-size: 1.15vw;
	
	a {
		color: #740F20;
		font-weight: bold;
	}
	
	.menuparent ul {
		background-color: #D9D9D9;
		border-radius: 0 0 10px 10px;
		transition: .25s;
	}
	
	.menuparent ul li:hover {
		background-color: #740f20;
		transition: .25s;
		
		a {
			color: #D9D9D9;
		}
	}
}

.user-logged-in #block-cirrocumulus-desktopmenu {
	top: 3.5em;
}

#block-cirrocumulus-woodentitle {
	margin: 0 8vw;
	
	h1 {
		font-size: 7vw;
		color: #740f20;
	}
	
	h2 {
		font-size: 6vw;
		color: #740f20;
	}
	
	p {
		font-size: 5vw;
	}
}

@media screen and (min-width: 750px) {
	
	#block-cirrocumulus-woodentitle {
		margin: 0 8vw;
		
		h1 {
			font-size: 3vw;
			color: #740f20;
		}
		
		h2 {
			font-size: 2vw;
			color: #740f20;
		}
		
		p {
			font-size: 2vw;
		}
	}
	
	.margin-top-5 {
		margin-top: 5rem !important;
	}
	
	#off-canvas {
		display: none !important
	}
}

@media screen and (min-width: 2000px) {
	
	#block-cirrocumulus-woodentitle {
		margin: 0 8vw;
		
		h1 {
			font-size: 4em;
			color: #740f20;
		}
		
		h2 {
			font-size: 2.5em;
			color: #740f20;
		}
		
		p {
			font-size: 2em;
		}
	}
}

@media screen and (min-width: 2000px) {
	
	.tripleCircle {
		margin-top: -20rem !important;
	}
	
	.f1 {
		font-size: 1rem !important;
	}
	
	.f15 {
		font-size: 1.5rem !important;
	}
	
	.f2, .reviewButton {
		font-size: 2rem !important;
	}
	
	.f25 {
		font-size: 2.5rem !important;
	}
	
	.f35 {
		font-size: 3.5rem !important;
	}
	
	.f4 {
		font-size: 4rem !important;
	}
	
	.ctabuttons a, .ctaButtons a, .ctaButtonEmail a {
		font-size: 1.5rem !important;
	}
	
	#block-cirrocumulus-webform {
		margin-top: -30rem;
	}
	
	.seoText {
		font-size: 2em;
	}
}

.path-reviews {
	
	.blazy--grid {
		padding: 3em 1em !important;
	}
	
	.rightLine, .leftLine {
		display: none;
	}
}

#block-cirrocumulus-woodenproducts {
	
	h2 {
		position: absolute;
		color: white;
		font-size: 5vw;
		width: 25%;
		margin-left: 1em;
	}
}

/* This styles the email for download dealeo */

.webform-confirmation-modal {
	border: 3px solid #740F20 !important;
	border-radius: 5px;
	text-align: center;
	padding: 0 !important;
	
	.ui-dialog-titlebar {
		background-color: #740F20;
		color: white;
		margin: 0;
		text-align: center;
		padding: 1em;
		
		.ui-dialog-title {
			display: none;
		}
	}
	
	.webform-confirmation-modal--content {
		margin-top: 2em;
	}
	
	a {
		background-color: #740F20;
		color: white;
		border-radius: 5px;
		padding: .5em 1em;
	}
}

.webform-submission-enter-email-to-download-pdf-form {
	margin-top: 2em;
	text-align: center;
	font-family: "Roboto Slab", serif;
	
	
	#edit-enter-email-to-download-buyers-guide {
		box-sizing: border-box;
		width: 80%;
		margin-top: 1em;
		font-family: "Roboto Slab", serif;
		padding: .5em;
		max-width: 400px;
		
	}
	@media screen and (min-width: 1024px) {
		display: flex;
		justify-content: center;
		margin-bottom: 4em;
		margin-top: 4em !important;
		margin-top: 0;
	}
	
	.webform-button--submit {
		margin-top: 1em;
		margin-block: 1em;
		background-color: #740F20;
		padding: 2vw 18vw;
		color: white;
		font-weight: bold;
		border: none;
		border-radius: 8px;
		
		@media screen and (min-width: 750px) {
			padding: 1em 8em;
		}
		
		@media screen and (min-width: 1024px)  {
			margin-left: 1.5em;
			margin-top: 9px;;
		}
	}
}

.product-categories {
	color: #CCA957;
}

.path-reviews .grid {
	text-align: center;
	overflow: visible !important;
}

@media screen and (min-width: 1630px) {
	
	.path-reviews .blazy--grid {
		max-width: 1600px;
		margin: auto !important;
	}
	
	.path-reviews .field-content {
		font-size: 1rem !important;
		
		p {
			font-size: 1.5rem !important;
		}
	}
}

.path-reviews .views-field-field-reviewer-name {
	margin: 0;
}

.one >p, .two >p, .three >p {
	color: #740f20;
	font-size: 2rem;
	
	@media screen and (min-width: 750px) {
		font-size: 1.5vw;
	}
}

/* THIS HOLDS IT IN AT 1400 */

@media screen and (min-width: 1450px) {
	
	.circ1, .circ2, .circ3 {
		max-width: 200px;
	}
	
	.path-outdoor-furniture-recycled .outdoorTopSection {
		padding-left: 0 !important;
	}
	
	.product-categories {
		padding-left: calc((100vw - 1700px) / 2) !important;
	}
	
	.gray, .white, .whiteTwo, .grayTwo, .numbersSection, .desktopHeader, .outdoorLongParagraph, .outdoorTopSection, .fabric-otions-pdfs, .recycled, #block-cirrocumulus-recycledproducts, #block-cirrocumulus-mulchtest, .gray {
		padding-left: calc((100vw - 1400px) / 2) !important;
		padding-right: calc((100vw - 1400px) / 2) !important;
	}
	
	.play p, .bench p, .whyBuy p, .recyFlex li {
		font-size: 1.5em;
	}
	
	.outdoorTopSection {
		max-width: 1400px;
	}
	
	.page-title, .page-title-white, .banner-text-new, #block-cirrocumulus-breadcrumbs, #block-breadcrumbs-2 {
		padding-left: calc((80vw - 1400px) / 2) !important;
	}
	
	.tripleCircle {
		margin-left: 65em;
	}
	
	.numbersSection {
		width: auto;
	}
	
	.whiteTwo {
		width: auto;
		font-size: 2rem !important;
	}
	
	.desktopHeader {
		height: 75px;
	}
	
	.white h3, .whiteTwo .f3, .grayTwo p, .reviewButton {
		font-size: 2.2rem !important;
	}
	
	.headerButtons a {
		padding: .5em 1em;
	}
	
	.number {
		width: 200px !important;
		height: 200px !important;
		font-size: 10rem;
	}
	
	.whiteTwo p {
		width: auto;
	}
	
	#block-cirrocumulus-desktopmenu {
		font-size: 1em !important;
		top: 1em !important;
		margin: 0 calc((100vw - 1400px) /2);
		left: 15em;
	}
	
	.outdoorIcon, .playsetsIcon, .structuresIcon {
		
		p {
			font-size: 2.2rem !important;
		}
		
		img {
			width: 55%;
			max-width: 300px;
		}
	}

	.gray {
		justify-content: space-between;
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
	.ctaButtons a {
		font-size: 1.8rem !important;
	}
	
	.desktopHeader a {
		font-size: 1.2rem;
	}
	
	.seoText {
		font-size: 1rem !important;
		max-width: 1400px;
	}
	
	.grayTwo  {
		
		.serviceRound, .varietyRound, .needsRound {
			max-width: 300px;
		}
	}
	
	.headerLogo {
		max-width: 250px;
	}
	
	.ctaButtons {
		width: auto !important;
	}
	
	.quotes {
		width: 5em;
	}
	
	#block-cirrocumulus-views-block-reviews-block-1 {
		
		.views-field-field-reviewer-name, p, .views-field .views-field-field-review-date {
			font-size: 1.5em;
		}
	}
	
	.mulchPage h6 {
		font-size: 4rem;
	}
	
	.mulchPage h3 {
		font-size: 6rem;
	}
	
	.leaveReview {
		margin-bottom: 1em;
	}
	
	.outdoorIcon .red-text, .structuresIcon .red-text, .playsetsIcon .red-text {
		margin-top: 1.5em;
	}
	
	.outdoorTopSection p, .outdoorLongParagraph p {
		font-size: 1.5rem;
	}
	
	.lightGreen, .darkGreen {
		font-size: 2.5rem;
	}
	
	.outdoorLongParagraph h4 {
		font-size: 2.5rem;
	}
	
	.outdoorIcon img, .playsetsIcon img, .structuresIcon img {
		width: 12vw !important;
	}
	
	.grayTwo {
		gap: 0 !important;
		justify-content: space-between !important;
	}
	
	.deliveryFlex {
		max-width: 1400px;
	}
	
	.mulchColors p {
		font-size: 1em !important;
	}
}

@media screen and (min-width: 2000px) {
	
	.page-title {
		font-size: 6em;
	}
}

@media screen and (min-width: 750px) {
	
	.desktopHeader {
		z-index: 2;
		position: relative;
	}
	
	.menuparent ul {
		margin-top: 1em !important;
	}
	
	ul.sf-menu.sf-horizontal.sf-shadow ul, ul.sf-menu.sf-vertical.sf-shadow ul, ul.sf-menu.sf-navbar.sf-shadow ul ul {
		-webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3) !important;
		-moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3) !important;
		box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3) !important;
	}
	
	.fabric-otions-pdfs {
		display: flex;
		justify-content: space-between;
		padding: 2em;
		
		>div {
			width: 23%;
			
			img {
				width: 100%;
				height: auto;
			}
		}
	}
}

.page-node-type-product .views-field-field-price, .page-node-type-accessories .views-field-field-price {
	padding-top: 1em;
	padding-bottom: 0 !important;
	font-weight: bold;
	color: black !important;
	font-size: 1em !important;
}

.page-node-type-product .views-field-field-priced-from, .page-node-type-accessories .views-field-field-priced-from {
	color: black !important;
	font-size: 1em !important;
	padding-top: 0 !important;
	font-weight: normal !important;
}

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

.path-reviews {
	
	.grid {
		background-color: #740F20;
		border-radius: 10px;
		padding: 1em !Important;
		color: white;
		height: 37em !important;
		overflow-y: scroll !important;
		scrollbar-color: #bb9ca1 rgba(116, 15, 32, 0) !important;
		scrollbar-width: thin !important;
	}
	
	.views-field-field-reviewer-name {
		color: white;
	}
	
	.grid__content:before {
		content: "";
		height: 7vw;
		max-height: 9em;
		width: auto;
		background-image: url("/sites/default/files/review-top.png");
		background-size: contain;
		background-repeat: no-repeat;
		display: block;
		background-position: center;
		margin-bottom: 2em;
		margin-top: 1em;
	}
	
	.reviewsHeader {
		display: none;
	}
}

.f3 {
	font-size: 5vw;
}

.special {
	font-size: 5vw;
}

@media screen and (min-width: 750px) {
	.path-displays .outdoorTopSection  {
		justify-content: space-between;
		
		.special {
			font-size: 1vw;
		}
	}
}

@media screen and (min-width: 1450px) {
	
	.special {
		font-size: 1rem !important;
	}
}

.delOption{
	padding: 0 2em;
	
	h6 {
		font-size: 1.2rem;
	}
}

.banner-text-new {
	position: absolute;
	top: 2rem;
	left: 2rem;
	font-size: 12vw;
	color: white;
	line-height: 1;
	text-shadow: 1px 1px 2px #00000070;
	font-weight: bold;
	width: 30%;
	
	@media screen and (min-width: 750px) {
		font-size: 5vw;
	}
}