/* 
Theme Name: Spotless Decor NEW
Theme URI: 
Author: Michael Rosser
Version: 2.1 
Tags: Simple, effective 
*/ 

	body {
		margin: 0;
		padding: 0;
		font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	}
	
	
	img {
		max-width: 100%;
		height: auto;
	}

.socials {
	margin: 0 auto;
	display: block;
}

.footer_socials {
	margin: 0 auto;
	padding: 10px;
	height: 70px;
}
	
		/*GridCols*/
	*,
	*:before,
	*:after {
		box-sizing: inherit;
	}
	
	.col {
		padding:1em;
		margin: 8px;
	}
	
	
	
	[class*='col-'] {
		width:100%;
		float: left;
		min-height: 1px;
	}
	
	.col-mob-1 {width:8.33333%;}
	.col-mob-2 {width:16.66667%;}
	.col-mob-3 {width:25%;}
	.col-mob-4 {width:33.33333%;}
	.col-mob-5 {width:41.66667%;}
	.col-mob-6 {width:50%;}
	.col-mob-7 {width:58.33333%;}
	.col-mob-8 {width:66.66667%;}
	.col-mob-9 {width:75%;}
	.col-mob-10 {width:83.33333%;}
	.col-mob-11 {width:91.66667%;}
	.col-mob-12 {width:100%;}
	
	
	
	.header_image {
		height: 100vh;
		background-position: center;
		background-size: cover;
	}
	
	.header_overlay {
		height: 100%;
		background-color: rgba(0,0,0,0.49);
	}
	

.nav a:link, .nav a:visited, .footer_nav a:link, .footer_nav a:visited, .header_button:link, .header_button:visited  {
	text-decoration: none;
}
	
	.header {
		height: auto;
		background: rgba(0,0,0,0.54);
		padding: 10px;
	}

	
	.header_pages {
		height: auto;
		background: #151515;
		padding: 10px;
	}
	
	
	.logo {
		width: 50%;
	}
	
	.header_text {
		width: 95%;
		margin: 0 auto;
		margin-top: 20vh;
	}
	
	.header_text h2 {
		color: white;
		font-size: 9vw;
		width: 80%;
		font-family: 'Catamaran', sans-serif;
		text-transform: uppercase;
		text-shadow: 0 0 6px #000000;
	}
	
	
	.header_button {
		background:#F60000;
		padding: 20px 10px 20px 10px;
		color: white;
		display: block;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		border-radius: 10px;
	}
	
	.header_paragraph {
		width: 90%;
		color: white;
		border-left:medium red solid;
		padding-left: 20px;
		line-height: 1.8;
		margin-bottom: 50px;
		text-shadow: 0 0 4px #000000;
	}

#wp-megamenu-top-menu {
	display: none;
}
	
	.row_container {
		max-width: 1140px;
		margin: 0 auto;
		height: auto;
		overflow: hidden;
	}
	
	.row2, .row4, .copyright {
		background: #151515;
		padding: 100px 10px 100px 10px;
	}



.row2_pages {
	background-color: white;
	padding: 10px;
}

.row2_pages h1 {
	text-align: center;
}

.paragraph_pages {
	width: 90%;
		color: black;
		border-left:medium red solid;
		padding-left: 10px;
				line-height: 1.8;
}

.row6 {
	border-bottom: thin dotted rgba(97,97,97,1.00);
		border-top: thin dotted rgba(97,97,97,1.00);
		background: #151515;
padding: 20px;
}
	
	.row3, .row5  {
		padding: 100px 10px 100px 10px;
		background-color: white;
	}

.copyright p {
	color: white;
}

.copyright a:link, .copyright a:visited {
	color: red;
	text-decoration: none;
}

.footer_details h2 {
	color: white;
}

.footer_details p {
	color: white;
}

.footer_details a:link, .footer_details a:visited {
	color: red;
	text-decoration: none;
}

.footer_details a:hover {
	color: white;
	text-decoration: none;
}


.contact_details {
	margin-top: 20px;
}

.contact_details p {
	font-size: 1.2rem;
}

.contact_details a:link, .contact_details a:visited {
	color: red;
	text-decoration: none;
}

.contact_details a:hover {
	color: white;
	text-decoration: none;
}
	

	
	.paragraph {
		
		width: 90%;
		color: white;
		border-left:medium red solid;
		padding-left: 10px;
				line-height: 1.8;

		
	}
	
	.row2 p, .row4 p {
		color: white;
	}
	
	.row2 h2, .row4 h2, .all_reviews h2 {
		color: white;
		font-size: 5vw;
		text-align: center;
		line-height: 1;
	}
	.row2 h2 span, .row4 h2 span, .all_reviews h2 span {
		color: red;
	}
	
	.updates_container {
		width: 90%;
		margin: 0 auto;
		height: auto;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 8px 2px #B3B3B3;
box-shadow: 0 0 8px 2px #B3B3B3;
		margin-bottom: 10px;
	}
	
	.updates_image {
		height: 200px;
		background-image: url("updatesimage.jpg");
		background-position: center;
		background-size: cover;
		border-radius: 5px;
	}
	
	.updates_title {
		font-size: 1.2rem;
		color: green;
		padding: 10px;
	}
	
	.updates_text {
		color: grey;
		padding: 10px;
			font-size: 1rem;
	}
	
	.updates_date {
		color: grey;
		font-size: 0.8rem;
		padding: 10px;
		border-top: thin rgba(115,115,115,1.00) solid;
	}

	  .image {
			  height: 300px;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
		  }

		  .row3 h2, .row5 h2{
		color: black;
		font-size: 2rem;
		text-align: center;
	}
		  
		  
	.row2 h2 span, .row3 h2 span, .row4 h2 span, .row5 h2 span {
		color: red;
	}

.row4_reviews {
	padding: 10px;
}


.all_reviews {
			background: #151515;
	padding: 10px;
}

.submit_reviews {
			background: red;
	padding: 10px;
}


.glsr-default .glsr-review {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    background: white;
    padding: 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
}


/*---Form Text Red---*/
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
    display: inline;
    vertical-align: baseline;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: red;
}



.footer_nav {
	background: #151515;
	padding: 10px;
	display: none;
}

	
	  @media only screen and (min-width: 768px) {
        		.col-dt-1 {width:8.33333%;}
	.col-dt-2 {width:16.66667%;}
	.col-dt-3 {width:25%;}
	.col-dt-4 {width:33.33333%;}
	.col-dt-5 {width:41.66667%;}
	.col-dt-6 {width:50%;}
	.col-dt-7 {width:58.33333%;}
	.col-dt-8 {width:66.66667%;}
	.col-dt-9 {width:75%;}
	.col-dt-10 {width:83.33333%;}
	.col-dt-11 {width:91.66667%;}
	.col-d-12 {width:100%;}
		 
		  	.logo {
		width: 162px;
	}
		  
		  #wp-megamenu-top-menu {
	display: inherit;
}
	
		  .nav {
			  margin-top:25px;
		  }
	
		  
		  	.header_image {
		height: 100vh;
		background-position: center;
		background-size: cover;
	}
	
	.header_overlay {
		height: 100%;
		background-color: rgba(0,0,0,0.49);
	}
	
	
	.header {
		height: 100px;
		background: rgba(0,0,0,0.54);
	}
	
	.header_text {
		width: 80%;
		margin: 0 auto;
		margin-top: 20vh;
	}
	
	.header_text h2 {
		color: white;
		font-size: 7rem;
		width: 80%;
		text-transform: uppercase;
	}
	
	
	.header_button {
	
		padding: 20px 10px 20px 10px;
		color: white;
		display: block;
		width: 150px;
		text-align: center;
		border-radius: 10px;
		float: left;
	}
	
	.header_paragraph {
		width: 50%;
		color: white;
		border-left:medium red solid;
		padding-left: 50px;
		line-height: 1.8;
		margin-bottom: 50px;
	}
	

	
	.row2, .row4 {
		background: #151515;
		padding: 100px 0 100px 0;
	}
	
	.row3 {
		padding: 100px 0 100px 0;
	}
		  
		  
		  
		  .row3 ul {
  list-style: none; /* Remove default bullets */
}

.row3 ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
		  
		  .row3 ul {
			  
			  margin-bottom: 10px;
		  }
		  
		    .row3 ul li {
			  margin-bottom: 10px;
		  }
	
	.paragraph {
		
		width: 90%;
		color: white;
		
		padding-left: 50px;
				line-height: 1.8;

		
	}
	
	.row2 p, .row4 p {
		color: white;
	}
		  
		  	.row2 h2, .row4 h2, .all_reviews h2 {
		color: white;
		font-size: 2rem;
		text-align: center;
	}
	.row2 h2 span, .row4 h2 span, .all_reviews h2 span {
		color: red;
	}
	

		  
		  .row3 h2, .row5 h2{
		color: black;
		font-size: 2rem;
	}
		  

	.contact_details {
	margin-top: 150px;
}

		  
		  .image {
			  height: 300px;
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
		  }
		  
		  
.footer_nav {
	background: #151515;
	padding: 10px;
	display: inherit;
}


		  
	}