#headerwrap {
  min-height: 460px;
  max-height: 550px;
  margin-bottom: 60px;
}
/* INNER PAGES (SERVICE HERO USES THIS) */
#headerwrapint {
  
  height: 60vh;
  min-height: 400px;
  max-height: 600px;

}

/* ================= HERO TEXT ================= */

#hpherotext {
top: 180px;
}

/* HEADING */


/* SUBTEXT */
#hpherotext-line2 {
font-size: 17px;
  line-height: 1.6;
  color: #fff;
  margin-top: 12px;
}

#hptextwrapper{
    background: rgba(0,0,0,.7);
}
/* ================= TABLET ================= */
@media (max-width: 960px) {
 #headerwrap {
    height: auto;
    min-height: 500px;
    max-height: 100%;
  }

 

  #hpherotext {
    top: 0px;
  }

  #hpherotext-line2 {
 font-size: 16px;
    line-height: 1.5;
    padding: 0;
    background: transparent;
  }
  
  #hpherotext-line1{
	  margin-bottom:0px!important;
  }
}


/* ================= MOBILE ================= */
@media (max-width: 768px) {

  #headerwrap {
    height: 50vh;
    min-height: 420px;
  }

  #headerwrapint {
    height: 45vh;
    min-height: 300px;
  }

  #hpherotext {
    top: 120px;
    padding: 0 15px;
  }

  #hpherotext-line2 {
    font-size: 15px;
    line-height: 1.5;
  }
}


/* ================= SMALL MOBILE ================= */
@media (max-width: 480px) {

  #headerwrap {
    height: 45vh;
    min-height: 380px;
  }

  #headerwrapint {
    height: 40vh;
    min-height: 260px;
  }

  #hpherotext {
    top: 100px;
  }

  #hpherotext-line2 {
    font-size: 14px;
    line-height: 1.4;
  }
}


.sitewrap {
    text-align: unset;
  }
  
.right-img img,
.left-img img{
	height:100%;
	object-fit:cover;
}

.hpwhy-right-content h2{
	color:#fff;
}

.pt-10{padding-top:10px!important}.pt-20{padding-top:20px!important}.pt-30{padding-top:30px!important}.pt-40{padding-top:40px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-80{padding-top:80px!important}.pt-100{padding-top:100px!important}.pb-10{padding-bottom:10px!important}.pb-20{padding-bottom:20px!important}.pb-30{padding-bottom:30px!important}.pb-40{padding-bottom:40px!important}.pb-50{padding-bottom:50px!important}.pb-60{padding-bottom:60px!important}.pb-80{padding-bottom:80px!important}.pb-100{padding-bottom:100px!important}.pl-10{padding-left:10px!important}.pl-20{padding-left:20px!important}.pl-30{padding-left:30px!important}.pl-40{padding-left:40px!important}.pl-50{padding-left:50px!important}.pr-10{padding-right:10px!important}.pr-20{padding-right:20px!important}.pr-30{padding-right:30px!important}.pr-40{padding-right:40px!important}.pr-50{padding-right:50px!important}.p-10{padding:10px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-40{padding:40px!important}.p-50{padding:50px!important}.p-60{padding:60px!important}.p-80{padding:80px!important}.p-100{padding:100px!important}

.mt-10{margin-top:10px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-80{margin-top:80px!important}.mt-100{margin-top:100px!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-80{margin-bottom:80px!important}.mb-100{margin-bottom:100px!important}.ml-10{margin-left:10px!important}.ml-20{margin-left:20px!important}.mr-10{margin-right:10px!important}.mr-20{margin-right:20px!important}.m-10{margin:10px!important}.m-20{margin:20px!important}.m-30{margin:30px!important}.m-40{margin:40px!important}.m-50{margin:50px!important}

.toggle-left .hpwhy-left-content {
	background-color: #fff;
	padding-bottom: 0;
}

.toggle-left .hpwhy-left-content .entry-content{
	  color: #000;  
  padding: 0;
  padding-right:40px;
}
.toggle-left  .bottomslant{
	display: none!important;
}


/* ===========================================================
   ACCORDION STYLING
   Parent: .toggle-left
   =========================================================== */
/* ================= ACCORDION WRAPPER ================= */



/* ================= ITEM ================= */

.toggle-left .su-spoiler {
    background: #00336b !important; /* NAVY BG */
    border-radius: 6px !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    border: none !important; /* REMOVE LEFT BORDER */
    box-shadow: none !important; /* REMOVE SHADOW */
}

/* ================= TITLE ================= */

.toggle-left .su-spoiler-title {
    padding: 25px 24px !important; /* INCREASE TOP/BOTTOM PADDING */
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    background: #00336b !important; /* SAME BG */
    cursor: pointer !important;
    position: relative !important;
}

/* REMOVE EXTRA BREAKS */
.toggle-left .su-spoiler-content br {
    display: none !important;
}

/* ================= ICON ================= */

body .toggle-left .su-spoiler-icon {
    color: #f68c21 !important; /* ORANGE ARROW */
    font-size: 16px !important;
    right: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}


body .toggle-left .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {
  color: #fff !important;
}

body .toggle-left .su-spoiler-icon:before{
	 color: #f68c21 !important;
}

/* ================= HOVER ================= */

.toggle-left .su-spoiler-title:hover {
    background: #002a57 !important; /* SLIGHT DARK HOVER */
}

/* ================= ACTIVE ================= */

.toggle-left .su-spoiler.su-spoiler-open .su-spoiler-title {
    background: #002a57 !important;
}

/* ================= CONTENT ================= */

.toggle-left .su-spoiler-content {
    padding: 24px 24px 26px !important; /* INCREASE SPACING */
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #ffffff !important;
    background: #00336b !important;
    border-top: 1px solid rgba(255,255,255,0.1) !important;
}



/* ================= FIX WP EMPTY P ================= */

.toggle-left .su-accordion > p,
.service-page div>p:EMPTY{
    display: none !important;
}



.program-page h2{
	font-size: 32px;
  line-height: 1.5;
  font-weight: 500 ;
}

.program-page h3{
	font-size: 26px;
  line-height: 1.5;
  font-weight: 400 !important;
}

/* GRAY BACKGROUND SECTION */
.gray-section {
    background-color: #f4f4f4;   
    display: block;
}
.pb-50{
	padding-bottom:50px;
}
.pt-50{
	padding-top:50px;
}

.gray-section .entry-content,
.gray-section h2,
.gray-section p {
    color: #333;
}

/* CTA BLOCK */
.cta-block {
    background-color: #44b8c4; /* theme main color */
    padding: 60px 0px;
    text-align: center;
    color: #fff;
    display: block;
}

.cta-block h2 {
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
}

.cta-block p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.7;
}
.cta-block p a{
	color:#fff;
}

.cta-block a.bluebutton {
 background-color: #fff;
  color: #44b8c4;
  padding: 16px 28px;
  font-size: 21px;
  border-radius: 4px;
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
}

.cta-block a.bluebutton:hover {
    background-color: #e8f7f9;
    color: #44b8c4 !important;
    transform: scale(1.05);
}

.pt-10{padding-top:10px!important}.pt-20{padding-top:20px!important}.pt-30{padding-top:30px!important}.pt-40{padding-top:40px!important}.pt-50{padding-top:50px!important}.pt-60{padding-top:60px!important}.pt-80{padding-top:80px!important}.pt-100{padding-top:100px!important}.pb-10{padding-bottom:10px!important}.pb-20{padding-bottom:20px!important}.pb-30{padding-bottom:30px!important}.pb-40{padding-bottom:40px!important}.pb-50{padding-bottom:50px!important}.pb-60{padding-bottom:60px!important}.pb-80{padding-bottom:80px!important}.pb-100{padding-bottom:100px!important}.pl-10{padding-left:10px!important}.pl-20{padding-left:20px!important}.pl-30{padding-left:30px!important}.pl-40{padding-left:40px!important}.pl-50{padding-left:50px!important}.pr-10{padding-right:10px!important}.pr-20{padding-right:20px!important}.pr-30{padding-right:30px!important}.pr-40{padding-right:40px!important}.pr-50{padding-right:50px!important}.p-10{padding:10px!important}.p-20{padding:20px!important}.p-30{padding:30px!important}.p-40{padding:40px!important}.p-50{padding:50px!important}.p-60{padding:60px!important}.p-80{padding:80px!important}.p-100{padding:100px!important}

.mt-10{margin-top:10px!important}.mt-20{margin-top:20px!important}.mt-30{margin-top:30px!important}.mt-40{margin-top:40px!important}.mt-50{margin-top:50px!important}.mt-60{margin-top:60px!important}.mt-80{margin-top:80px!important}.mt-100{margin-top:100px!important}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-80{margin-bottom:80px!important}.mb-100{margin-bottom:100px!important}.ml-10{margin-left:10px!important}.ml-20{margin-left:20px!important}.mr-10{margin-right:10px!important}.mr-20{margin-right:20px!important}.m-10{margin:10px!important}.m-20{margin:20px!important}.m-30{margin:30px!important}.m-40{margin:40px!important}.m-50{margin:50px!important}

.text-center{
	text-align:center;
}
.site {
    text-align: unset;
  }
  #mainbody{
	  padding-top:0px;
  }
  
  .lead-section p{
	  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  }

/* Custom bullet list */
.left-content ul,
.right-content ul {
   margin: 0 0 20px 15px;
  padding: 0;
}

.left-content ul li,
.right-content ul li {
 position: relative;
  padding-left: 10px;
  margin-bottom: 8px;
  margin-left: 0; 
}


.left-content ul li::marker,
.right-content ul li::marker {
  color: #44b8c4;  /* theme color */
    
}

/* ===========================
   INTERACTIVE SUB-MENU STYLE
   =========================== */
   
.widget-area .sub-menu {
    margin: 0;
  padding: 5px 0;
}

.widget-area .sub-menu li {
list-style: none;
  margin-bottom: 10px;
  position: relative;
  padding-left: 12px;
  border-bottom: 1px solid #ddd;
}

.widget-area .sub-menu li:last-child{
	border-bottom: 0px solid #ddd;
}

/* Small left indicator (Theme Color #44b8c4) */
.widget-area .sub-menu li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 6px;
  height: 6px;
  background: #44b8c4;
  border-radius: 50%;
  transition: all 0.25s ease;
}

/* Link style */
.widget-area .sub-menu li a {
    display: inline-block;
    font-size: 16px;
    color: #333;
    text-decoration: none;
    line-height: 1.6;
    transition: all 0.25s ease;
}

/* Hover effects */
.widget-area .sub-menu li:hover::before {
    transform: scale(1.8);
    background: #226066;   /* darker theme color */
}

.widget-area .sub-menu li a:hover {
    color: #44b8c4;        /* theme color */
    padding-left: 4px;     /* slight slide-in effect */
    font-weight: 600;
}

.clear{
	clear:both;
}

.right-img img,
.left-img img{
	height:100%;
	object-fit:cover;
}


/* ===========================
   SIX FEATURE BOX SECTION
   =========================== */

.six-feature-section {
    padding: 60px 0 40px;
    text-align: center;
}

.six-feature-box {
    padding:30px 20px;
    margin-bottom: 40px;
   background: #f4f4f4;
   min-height: 260px;
}


.six-feature-section .lead{
	  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  }

.six-feature-box h3 {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #226066;
}

.six-feature-box p {
    font-size: 17px;
    line-height: 1.7;
    margin: 0 auto;
}

/* Icon Circle */
.six-feature-icon {
    width: 90px;
    height: 90px;
    margin: 0 auto;
    background: #44b8c4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.six-feature-icon i {
    font-size: 38px;
    color: #fff;
}

.su-accordion>p:empty{
	display:none;
}


/* ===========================================================
   WHY CHOOSE US — ACCORDION STYLING
   Parent: .why-choose-us-sec
   =========================================================== */

.why-choose-us-sec .su-accordion {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 900px !important;
}

/* Accordion Item Wrapper */
.why-choose-us-sec .su-spoiler {
    background: #ffffff !important;
   border-radius: 4px !important;
  margin-bottom: 8px !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-left: 2px solid #44b8c4 !important; /* theme color accent */
    transition: all 0.3s ease !important;
}

/* Title Section */
.why-choose-us-sec .su-spoiler-title {
    padding: 18px 20px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #226066 !important;
    background: #f4f4f4 !important;
    border-radius: 6px 6px 0 0 !important;
    cursor: pointer !important;
    position: relative !important;
	box-shadow: none;
}
.why-choose-us-sec .su-spoiler-content br{
	display:none!important;
}

/* Icon Styling */
body .why-choose-us-sec .su-spoiler-icon {
    color: #44b8c4 !important;
    font-size: 18px !important;
    margin-right: 10px !important;
	right: 9px !important;
  top: 50%!important;
  transform: translateY(-50%)!important;
}
body .why-choose-us-sec  .su-spoiler-title:focus {
  outline: none!important;
}

/* Hover/Focus for Title */
.why-choose-us-sec .su-spoiler-title:hover {
    background: #e8f7fa !important;
    color: #226066 !important;
}

/* Content Box */
.why-choose-us-sec .su-spoiler-content {
    padding: 20px 22px 25px !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: #444 !important;
    background: #fff !important;
    border-top: 1px solid #eee !important;
    border-radius: 0 0 6px 6px !important;
}

/* Paragraph Cleanup */
.why-choose-us-sec .su-spoiler-content p {
    margin-bottom: 16px !important;
}

/* Remove empty P tags produced by WP */
.why-choose-us-sec .su-accordion > p {
    display: none !important;
}

.why-choose-us-sec{
	padding-bottom: 50px;
}

@media(min-width:992px){
	.image-flex-blok{
		display:flex;
		flex-wrap:wrap;
	}
}


/* ===========================================================
   FAQ SECTIONS — CLEAN FAQ STYLE
   Parent: .faq-sections
   =========================================================== */
/* ================= WRAPPER ================= */

.faq-sections .su-accordion {
    margin: 0 auto !important;
    padding: 0 !important;
}

/* ================= ITEM ================= */

.faq-sections .su-spoiler {
    background: #ffffff !important;
    border: 1px solid #e6eef5 !important;
    border-radius: 6px !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

/* HOVER BORDER */
.faq-sections .su-spoiler:hover {
    border-color: #f68c21 !important; /* ORANGE */
}

/* ================= TITLE ================= */

.faq-sections .su-spoiler-title {
    padding: 20px 34px 22px 20px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #00336b !important; /* NAVY */
    background: #f8f9fb !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    position: relative !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    border-bottom: 1px solid #e6eef5 !important;
    box-shadow: none !important;
}

/* REMOVE EXTRA BR */
.faq-sections .su-spoiler-content br {
    display: none !important;
}

/* ================= ICON ================= */

body .faq-sections .su-spoiler-icon {
    color: #f68c21 !important; /* ORANGE */
    font-size: 16px !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
}

/* ================= FOCUS ================= */

body .faq-sections .su-spoiler-title:focus {
    outline: none !important;
}

/* ================= ACTIVE ================= */

.faq-sections .su-spoiler.su-spoiler-open .su-spoiler-title {
    background: #00336b !important;
    color: #ffffff !important;
}

/* ================= CONTENT ================= */

.faq-sections .su-spoiler-content {
    padding: 20px 22px 24px !important;    
    background: #ffffff !important;
    border-radius: 0 0 6px 6px !important;
}



/* TEXT SPACING */
.faq-sections .su-spoiler-content p {
    margin-bottom: 14px !important;
}

/* REMOVE WP EMPTY P */
.faq-sections .su-accordion > p {
    display: none !important;
}


.faq-sections .su-spoiler-icon-plus .su-spoiler-icon::before {
  content: "\f068"!important;
  color: #f68c21 !important;
}
.faq-sections .su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon::before {
  content: "\f067"!important;
  color: #000 !important;
}

#blog-block li img{
	object-fit: cover;
}

@media(max-width:991px){
	#secondary{
		display:none;
	}
	
	.left-img+.right-content{
		margin-top:30px;
	}
}



.patio-box-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* BOX STYLE */
.patio-box {
  background: #00336b;
  color: #ffffff;
  padding: 30px 28px;
  border-radius: 6px;
  transition: all 0.25s ease;
  position: relative;
}

/* ORANGE ACCENT LINE */
.patio-box::before {
  content: "";
  width: 50px;
  height: 3px;
  background: #f68c21;
  display: block;
  margin-bottom: 15px;
}

/* HEADING */
.patio-box h3 {
  margin-bottom: 12px;
  color: #ffffff;
}

/* TEXT */
.patio-box p {
  color: #e6eef7;
}

/* HOVER EFFECT */
.patio-box:hover {
  transform: translateY(-4px);
  background: #002a57;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 768px) {
  .patio-box-grid {
    grid-template-columns: 1fr;
  }
}

.remove-carv .bottomslant,
.remove-carv-top .topslant{
	display:none;
}

.sitewrap+.sitewrap

.bheading-border h3 {
	font-size: 30px;
  line-height: 1.3;
  font-weight: 600;  
  background-image: url('https://struxuresocal.com/wp-content/uploads/2019/09/barwhite.jpg');
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 200px 6px;
  padding-bottom: 24px;
}

#mainbody{
	padding-bottom: 20px;
}

.process-wrap{
	position:relative;
}

/* VERTICAL LINE */
.process-wrap::before {
  content: "";
  position: absolute;
  left: 30px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #f68c21; /* ORANGE */
  height: 86%;
}

/* STEP */
.process-step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  position: relative;
}

/* NUMBER */
.step-number {
  min-width: 60px;
  height: 60px;
  background: #00336b; /* NAVY */
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border: 3px solid #f68c21; /* ORANGE RING */
}

/* CONTENT BOX */
.step-content {
  margin-left: 25px;
  background: #f4f4f4;
  padding: 20px 22px;
  border-radius: 6px;
  flex: 1;
}

.process-step:last-child .step-content{
	padding-bottom: 50px;
}

/* HEADING */
body .step-content h3 {
  margin-bottom: 10px;
  color: #00336b!important;
}

/* TEXT */
.step-content p {
margin-bottom:0px;
}

/* ================= RESPONSIVE ================= */

@media (max-width: 768px) {

  .process-wrap::before {
    left: 20px;
  }

  .step-number {
    min-width: 45px;
    height: 45px;
    font-size: 14px;
  }

  .step-content {
    margin-left: 15px;
    padding: 16px;
  }
}



.remove-img-style .hpwhy-right-content,
.remove-img-style .hpwhy-left-content{
	background-color: #fff;
	padding-bottom: 0;
}

.remove-img-style .hpwhy-left-content .entry-content{
  color: #000;  
  padding: 0;
  padding-right:40px;
}

.remove-img-style .hpwhy-right-content .entry-content{
  color: #000;  
  padding: 0;
  padding-left:40px;
}


.remove-img-style  .topslant{
	display: none!important;
}


/* ================= CHECKLIST WITH FONT AWESOME ================= */

.service-page ul:not(.slides) {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.service-page ul:not(.slides) li {
  position: relative;
  padding-left: 34px;
  margin-left:0;
  margin-bottom: 12px;
  line-height: 1.7;
}

/* FONT AWESOME CHECK ICON */
.service-page ul:not(.slides) li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;

  width: 20px;
  height: 20px;
  background: #f68c21;
  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  font-size: 11px;

  position: absolute;
  left: 0;
  top: 3px;
}


.patio-box-grid.two-block {
	grid-template-columns: repeat(2, 1fr);
}

.patio-box-grid.orange .patio-box {
  background: #f68c21;
	
}


.patio-box-grid.orange .patio-box p {
  color: #fff;
}

.patio-box-grid.orange .patio-box::before {
display:none;
}

.hpwhy-left-content ul li::before{
	background: #00336b;
}

@media screen and (max-width: 1280px) {
	.remove-img-style .hpwhy-left-content .entry-content{
		padding: 40px 15px 0!important;
	}
	.toggle-left .su-accordion{
		padding:40px 15px 0;
	}
	
	.toggle-left .hpwhy-left-content .entry-content{
		padding-right:0px!important
	}
	#hpherotext-line1{
		font-size: 38px;
	}
}

@media screen and (max-width: 960px) {
  #hpherotext {
    top: 0px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 250px auto 10px auto;
	position: static;
  }
  
    #hpherotext-line1 {
    font-size: 28px;
    margin: 0px auto 36px;
    line-height: 1.4;
  }
  section:not(.site) .text-editor-block{
	  padding:0 15px;
  }
  
  .patio-box-grid{
	  grid-template-columns: repeat(2, 1fr);
  }
  #hptest{
	  overflow:hidden;
  }
  #hptest .flexslider li{
	  max-width: 90%;
  }
  .sitewrap .one_half,
  .sitewrap .one_half.last_column {
  width: 100% !important;
  margin-right: 0% !important;
}
  
}

@media screen and (max-width: 600px) {
  .patio-box-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  
  .patio-box-grid.two-block {
	grid-template-columns: repeat(1, 1fr);
}
}

@media(min-width:1200px){
	 .sitewrap {
		 max-width: 1600px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}