/* CSS Document */



/* Margin above the H1 
 */
    .topMarg {
        margin-top:40px;
    }
     @media only screen and (max-width: 1500px) { 
    .topMarg {
        margin-top:0;
    }
}


/* Finish First Interiors Hero Panel */
/* Container is a single Flexbox row; the white panel is the flex item */
.hero {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 70vh;
  padding: 24px;
  position: relative;
  border-bottom: 1px solid #a36f48;
}

.text-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 31rem;
  width: 100%;
  background: rgba(255,255,255,0.94);
  padding: 40px;
  box-shadow: 0 10px 24px rgba(0,0,0,0.18);
  margin-right: 15%;
  margin-bottom: 120px;
  margin-top: 60px;
}

.text-panel h1 {
  margin: 0;
  font-size: clamp(28px, 3vw, 40px);
  font-weight: 800;
  letter-spacing: -.5px;
}

.text-panel .kicker {
  margin: 0;
  font-weight: 700;
  font-size: 18px;
}

.text-panel p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

/* Optional: tighten layout on very small screens */
@media (max-width:580px) {
  .hero {
    min-height: 60vh;
    margin-bottom: 0;
  }

  .text-panel {
    margin-right: 0; 
    margin-bottom: 0;
    margin-top: 0;
  }
}




/* ======================================================== */
/* ============== Internal Linking Box  =================== */
/* ======================================================== */

.ilBox {
  border: 1px solid #ddd;
  padding: 15px;
  background-color: #f9f9f9;
  margin: 20px auto;         /* Center horizontally */
  border-radius: 5px;
  display: block;            /* Block level for responsive centering */
  max-width: 800px;          /* Keep it from getting too wide */
  width: 90%;                /* Shrink to fit mobile */
  box-sizing: border-box;    /* Prevent padding overflow */
  text-align: left;
}


.ilBox h3 {
    margin-top: 0;
    font-size: 1.35em;
    /*font-weight: 600;*/
}

.ilBox p {
    margin: 10px 0;
}

.ilBox a {
    font-weight: 400;
}

@media (max-width: 480px) {
  .ilBox {
    width:97%;   
  }
}
/* ============================================================ */
/* ============== End Internal Linking Box  =================== */
/* ============================================================ */

 /*##############################*/
/*     2024 New Flex Layout    */
/*##############################*/

.main-flex-container {
	max-width: 1450px;
	display:flex;
	padding: 0 150px;
	/*border:1px solid #0C0;*/
	}
.main-flex-wrap {
	padding:20px;
	display:flex;
	flex-grow:1;
	flex-direction:column; /* Virtical Display or Elements will wrap*/
	/*background:#CCC;*/
	}
	
@media only screen and (max-width: 1300px) {
	.main-flex-container {
		padding: 0;
}
}
@media only screen and (max-width: 1100px) {
	.main-flex-container {
		flex-direction: column;
		}
}

/* ================== 
 Sidebar Formatting 
 ================== */

.sidebar-wrap {
	overflow:auto;
	margin-top: 45px;/* Push it down with this */
	padding:20px;
	min-width:320px;
	max-width:320px;
	display:flex;
	flex-direction: column;
  }

  .sidebar-wrap h2 {
    display:block;  
    font-weight:bold;
  }

 @media only screen and (max-width: 1020px) {
	.sidebar-wrap {
    padding:10px;
    margin-top:0px;
    }
	.sidebar-wrap h2 {
  	margin-top:0; 
}
}
/* End Sidebar Include Formatting */

/*##############################*/
/*   Regular Page Hero Image  */
/*##############################*/

#heroRegCont {
	width:100%;
	/*overflow:auto; 2022-08-29*/
	overflow:hidden;
	border-bottom:1px solid #a36f48; /* Template Change */
}

#heroRegWrap {
	width:1000px;
	margin:0 auto;
	color: #fff;
	/*  Drop Shadow */
	text-shadow: 2px 2px 2px #000;
	font-size:42px;
	font-weight:400;
	margin-top:20px;
	margin-bottom:150px; /* Stock 300 Adjust the size of the view pane.*/

}

/* Set the same as bg-rot */
@media only screen and (max-width: 1200px) {
	#heroRegCont {
		display:none;}
	}





/*########################################################################*/
/*    Index JumboTron Hover Layer with spanning black bg from the left    */
/*########################################################################*/

#hOverWrap {
	width:100%;
	overflow:auto;
	border-bottom:1px solid #a36f48;
/*	border:1px solid #f00;*/
margin-top:80px;
}

#hOver { /*This is the text wrapper - It pushes the contain open with bottom margin */
	width: 100%;
/*	text-align: center;*/
	text-align: right;
	margin-right:37%;
	float: right;
	padding:5px 20px;
	margin-bottom:500px; /* Stock 300 Adjust the size of the view pane.*/
	background-color: rgba(0, 0, 0, 0.45);
/*	border:1px solid #f00;*/
}

		#hOver h1 {
			font-size: 3.25rem;
/*			line-height: 1.25em;*/
			color:#fff;
			padding:0;
			margin:0;
		}

		#hOver .subTitle {
			font-size: 1.5rem;
			margin-top:5px;
			color:#fff;
			width:800px;
			float:right;
		}


/* Set the same as bg-rot */
@media only screen and (max-width: 1024px) {
	#hOverWrap {
		display:none;
	}

	/*	#hOver h1 { display: none; }
		#hOver .subTitle { display: none; }
		#hOver {
				margin-bottom:200px;
				background-color: transparent;
			}*/

	}






/*##############################*/
/*  OG  Index JumboTron Hover Layer     */
/*##############################*/
/*
#hOverWrap {
	width:100%;
	overflow:auto;
	border-bottom:1px solid #a36f48; 
	margin-top:20px;
}

#hOver {
	width:1000px;
	margin:0 auto;
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	font-size:42px;
	font-weight:400;
	margin-bottom:650px; 
}

@media only screen and (max-width: 1024px) {
	#hOverWrap {
		display:none;}
	}*/

	
/*##############################*/
/*        About Us > Profile Cards  CRV        */
/*##############################*/
.profileCard {
	  width:540px;
	  margin:20px;
	  float:left;
	  background:#f4f4f4;
	  border:1px solid #ccc;
	  color:#333;
	  -webkit-border-radius:2px;
	  -moz-border-radius:2px;
	  border-radius:2px
}

.profileCard img {float:left;}	  
.profileCard p {margin:15px; display:none;} 
	  
.profileTitles {
		overflow:auto;
		width:100%;
		padding:5px 0px;
		text-align:center;
		font-size:1.3em;
		background:#e4e6e6;
		/*font-weight:600;*/
}

.profileStatsWrap {
	overflow:auto;
	padding-top:10px;
}

.profStatList a:link {color:#a36f48; text-decoration:none;}
.profStatList a:visited {color:#a36f48;}
.profStatList a:hover {color:#a36f48; text-decoration:underline;}
.profStatList a:actove {color:#a36f48;}

.linkApeal { /* Show Hide link without Href # */
	color:#a36f48; 
	cursor: pointer;
	cursor: hand; }

.profStatList { /* UL Room Details */
	height: 233px; /* 2016-09-20*/
	width:100%;
	font-size:.95em;
	margin-top: 3px;
	margin-bottom:3px;
}
.profStatList li {
	margin:5px;
	background:url(../images/det-underline.png);
	background-repeat:repeat-x;
	background-position:bottom;
	overflow:auto;
}

.statLiLeft { /* Span */
	background:#f4f4f4;
	float:left;
	padding-right:3px;
	font-weight:400;
}

.statLiright {/* Span */
	float:right;
	background:#f4f4f4;
	padding-left:3px;
}

@media only screen and (max-width: 600px) {
	.profileCard {
		width:95%;
		margin:20px 0;
	}
	.profileStatsWrap {
		clear:left;
	}
	.profStatList {
		height:auto;
		}
}


/*######################*/
/*       Testimonilas.php      */
/*#####################*/
blockquote { /* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css *//* Orign - Generic.css */
	 /*font-family: 'Open Sans', sans-serif; 2022-06-12 Break*/
	}


.testimGroup {
	overflow:hidden;
	
	}
.testimGroup img {
	float:left;
	margin-right:30px;
	}
.testimGroup h3 {
	margin:0 10px 20px 0;
	font-size: 1.5em;
	}
	
.circle {
border-radius: 50%;
width: 200px;
border:1px solid #ccc;
/*background: white;*/
}


/*#################*/
/*       ReviewUs.php      */
/*################*/

.soc-med-review li {
		font-size:7em;
		display: inline-block;
		border: none; /* Overriding .ft-main-wrap li */
		margin:0 5px; /* Overriding .ft-main-wrap li */
       }

.reviewNote {
	display:block;
	font-size:14px;
	margin-top:110px;
	text-align:center;
	}

	/*Social Media Colors are in "Footer.css" */


.contact-gmapCont {
    width:100%;
    height:350px;
	overflow:hidden;
   /* Set the Height the same as in the css to eliminate the frame border */
	border-top:1px solid  #a36f48; 
     }

    /* FA Soc Med color styles  Jan 26, 16 - Uncommented*/
	/* For use in snippet */
/*      .color-fb {color:#3B5998;}
      .color-in {color:#1c87bd;}
      .color-gplus {color:#E14107;}
	  .color-yelp {color:#c41200;}
      .color-mail {color:#2eb9fa;}
      .color-tel {color:#43bf11;}*/
      


/*#########################################*/
/*       Service Copmonents - Ico, Title, Descrip      */
/*#########################################*/

.serviceItem {
  overflow: auto;
  min-height: 1px;
  box-sizing: border-box;
  margin:1em 0;
  /*border:1px solid #f00;*/
}

 @media only screen and (max-width: 640px) { 
.serviceItem {
	clear:left;
	width:97%;
	margin-bottom:20px;
}

 }
 
.iconBgPrimary {color:#a36f48;} /* Icons BG color set to primary */

.serviceItemIconPic { /* Ico or Picture containing layer */
	float:left;
	margin: 15px;
	/*Ico*/
	box-sizing: border-box;
	line-height: 0;
	font-size: 1.5em;
}

.serviceItemRight {
	overflow:auto;
}

.serviceItem h2 { /* Title */
	float:left;
	margin:.5em 0;
	/*padding: 10px 0;*/
	color: #$colorPrimary;
}
 @media only screen and (max-width: 640px) { 
.serviceItemRight {
	clear:left;
}
.serviceItem h2 { 
padding:0;
}

 }
	
.serviceItem p { /* Description */
	clear:both;
	margin-left:.5em;
  }

.serviceItemMore { /* Surrounding layer of "More Link"*/
width:100%;
text-align:right;
	font-size: .95em;
}

  .serviceItemMore a { color:#$colorPrimary; text-decoration: none;}
  .serviceItemMore a:visited { color:#$colorPrimary;}
  .serviceItemMore a:hover { color:#$colorLinksPrimaryH; }
  .serviceItemMore a:active { color:#$colorPrimary;}
  
  /* ========== End Service Elements ========== */