/* START ELEVATE PAGE */


@media only screen and (min-width: 960px) {

img.the_suns_logo {
border-left:1px solid #fff;
margin-top:12px;
padding-left:50px;
}
#elevate_suns_logo {
margin-left:50px;
}


.elevate_get_started_button {
width:250px!important;
margin-top:16px!important;  
}
}



@media only screen and (min-width: 769px) {
#elevate_suns_logo {
 float:left;
 margin-top:8px; 
}


#elevate_get_started {
 float:right;
 margin-right:8px;
}

.elevate_get_started_button {
 width:250px!important; 
}

}


@media only screen and (min-width: 600px)  and (max-width: 768px) {

#elevate_suns_logo {
 float:right;
margin-right:8px;
 margin-top:8px;
}

#elevate_get_started {
display: flex;
justify-content: center;
margin-top: 100px;
clear:both;   
}

.elevate_get_started_button {
 width:250px!important;  
     margin-top:12px;
    margin-bottom:16px!important;

}
}




@media only screen and (min-width: 480px) and (max-width: 599px) {
 #elevate_suns_logo {
 margin-right:6px;
 margin-top:8px;
}
}





@media only screen and (max-width: 480px) {   
#elevate_suns_get_started {
 text-align:center;
}

.elevate_get_started_button{
    width:250px!important;
     margin-top:12px;
    margin-bottom:16px!important;
}
}

 
.elevate_get_started_button{
/*  color: #fff!important;*/
color: #0D2318!important;
/* background:#074A2D!important; */
background:#b3d234;!important;


  border: none; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 10px 24px;
  margin-top: 8px;
  margin-bottom: 2px;
}



#elevate_get_started a:hover {
  text-decoration: none;
}

#elevate_get_started a:focus {
  text-decoration: none!important;

}
 

 
.elevate_column_wrap_1_main_column {
     background:#f3edea;
}


.elevate_headline_1 {
       padding-top:40px;
}

@media only screen and (max-width: 602px) {
.elevate_headline_1 {
text-align:center!important;
padding-top:20px;
}

h2.elevate_headline_1{
       font-size:2rem;
       line-height:1.25;
}

}


.elevate_column_wrap_1{
margin-bottom:30px;
}


@media only screen and (min-width: 800px)  {
.elevate_column_wrap_1{
margin-bottom:50px;
}
}

 
ul.elevate_options_list {
   padding-left:20px!important;
    } 
 
 

ul.elevate_options_list {
/*  padding-left:2rem!important; */
/*padding-left:20px!important; */
  /*   font-weight:600; */
   /*  background:pink; */
  /*   margin:0px!important;
   margin-left:40px!important; */
}

/* https://www.toptal.com/designers/htmlarrows/symbols/check-mark/ */
ul.elevate_options_list li  {
 list-style-type: "\2713"!important;
 padding-left:10px;
 padding-bottom:16px;
 font-size:1.5rem;
}

 
ul.elevate_options_list li::marker  {
     color:#074A2D;
     font-size:1.75rem;
}




@media only screen and (min-width: 480px) and (max-width: 961px)  {
ul.elevate_options_list li  {
 font-size:1.25rem;
}
}



@media only screen and (min-width: 482px) and (max-width: 601px)  {
ul.elevate_options_list { 
  font-size:1.25rem;
}
}


@media only screen and (min-width: 341px) and (max-width: 481px)  {
ul.elevate_options_list {
 /* margin-left:3rem; */
  
}
}

 
@media only screen and (min-width: 320px) and (max-width: 340px) {      
ul.elevate_options_list li  {
font-size:1.15rem;
}    
}
 


.elevate_button_1 a{
color: #fff!important;
background:#074A2D!important; 
border-radius: 0px!important;
border:1px solid #074A2D!important;
}



/* START ICONS SECTION - VERDEGARD DIFFERENCE */


  
.elevate_column_wrap_2{
padding-right:calc(8px + 1.5625vw);
padding-left:calc(8px + 1.5625vw);
 
}

.elevate_column_wrap_2 h3{
    margin-bottom:10px!important;
}


.elevate_icon_wrapper_column {
    margin-top:30px;
    margin-bottom:20px;
  
}


 

@media only screen and (min-width: 769px) and (max-width: 1025px)  {
.elevate_icon_wrapper_column {
    margin-top:10px;
    margin-bottom:20px; 
}
.elevate_column_wrap_2 h3{
    margin-bottom:20px!important;
}

}
 


@media only screen and (min-width: 320px) and (max-width: 769px)  {
.elevate_icon_wrapper_column {
    margin-top:4px;
    margin-bottom:40px; 
}
}
 




.elevate_icon_wrapper p{
    margin-top:20px!important;
}




/* END ICONS SECTION */



/* START BRAND LOGO SECTION */

.elevate_brand_logo_wrap {
background:#074a2d;
color:#fff;
padding-top:20px;
padding-bottom:40px;
margin-top:20px;
padding-right:calc(8px + 1.5625vw);
padding-left:calc(8px + 1.5625vw);
}

.brand_logo_column {
margin-top:30px;
}

@media only screen and  (max-width: 800px)  {
.brand_logo_column img{
margin-bottom:40px;
}
}


/* END BRAND LOGO SECTION */






 /* START VERDEGARD SOLUTIONS */ 

.elevate_column_wrap_4{
margin-top:40px; 

}

@media only screen and (min-width: 960px)  {
.elevate_column_wrap_4{
margin-top:60px; 
}      
}


.elevate_button_3 a{
color: #fff!important;
background:#074A2D!important;
border-radius: 0px!important;
max-height:52px;
}

.elevate_button_4 a{
background:#fff!important;
border-radius: 0px!important;
max-height:52px;
}


@media only screen and (min-width: 960px)  {
.elevate_button_3 a{
width:250px!important;
}    
    
.elevate_button_4 a{
width:250px!important;
}
}

@media only screen and (min-width: 800px)  and (max-width: 959px) {
.elevate_button_3 a{
width:200px!important; 
}        
    
.elevate_button_4 a{
width:200px!important; 
}
}
 
@media only screen and (min-width: 960px)  and (max-width: 1026px) {
.elevate_button_3 a{
width:200px!important; 
}    
    
.elevate_button_4 a{
width:200px!important; 
}
}
 






/* my add to fix height of button in stupid block */
.details .wp-block-button__link {
   height: 52px!important;
}


/* Details Section */
.details {
    background-color: #fff;
    padding: 0rem 0 0rem;
}

.details h2.center {
    position: relative; /* Allow z-index to take effect */
    z-index: 2; /* Above the background box */
}

.details-content {
    margin-top: 20px;
    position: relative; /* For positioning the background box */
}


@media only screen and (min-width: 800px) {
    .details-content {
    margin-top: 100px;
}
}







/* Background box behind both rows */
.details-content::before {
    content: '';
    position: absolute;
    top: -3.25rem; /* 50px above Row 1 */
    bottom: -3.25rem; /* 50px below Row 2 */
    left: 0;
    width: 60%; /* Cover 60% of the width */
    background-color: #f3eeea; /* #f3eeea */
    z-index: 0; /* Behind the rows and h2 */
    /* Align right edge with Row 2's image */
    right: 0;
    transform: translateX(calc(80% - 80px)); /* Adjust for container padding and image width */
}

.detail-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
    position: relative; /* For z-index stacking */
    z-index: 1; /* Above the background box */
}


@media only screen and (max-width: 769px) {
.detail-row {
    margin-bottom: 0px;
     
}
}

/* Row 2: Add padding and specific styling */
.detail-row:nth-child(2) {
    padding: 3.75rem 0; /* 60px padding above and below for Row 2 */
}



@media only screen and (max-width: 960px) {
/* Row 2: Add padding and specific styling */
.detail-row:nth-child(2) {
    padding: 1.75rem 0; /*   padding above and below for Row 2 */
}
}



.detail-text {
    padding: 20px;
}

.detail-text h5 {
    margin-bottom: 3rem;

}

.detail-text p {
    margin-bottom: 20px;
}
    
.detail-image img {
    width: 100%;
    height: auto;
  /*  max-width: 500px; */
   max-width: 800px;
    object-fit: cover;
}

/* Row 1 Specific Styling */
.detail-row:nth-child(1) .detail-text {
    background-color: transparent;
}

.detail-row:nth-child(1) .detail-text a {
    background-color: #074A2D;
    color: #fff;
}



/* Row 2 Specific Styling */
.detail-row:nth-child(2){
    display: flex;
    position: relative; /* Establish positioning context */
}
.detail-row:nth-child(2) .detail-text {
    background-color: #074A2D; 
     padding: 10rem 16rem 7rem 5rem;
  /* padding: 10rem 20rem 10rem 5rem;  Increased padding on top/bottom to extend beyond the image (80px) */
    width: calc(80% - 3.75rem); /* Underlap the image by 60px (3.75rem) */
    position: relative;
    z-index: 1; /* Below the image */
}

.detail-row:nth-child(2) .detail-text h3,
.detail-row:nth-child(2) .detail-text h5,
.detail-row:nth-child(2) .detail-text p {
    color: #fff;
}

.detail-row:nth-child(2) .detail-text a {
    background-color: #fff;
    color:#074A2D;
}

.detail-row:nth-child(2) .detail-image {
    width: 50%;
    position: absolute;
    right: -60px;
    top: 7rem;
    height: auto;
    overflow: hidden;
    z-index: 2; /* Higher than text to overlap */
}


@media (min-width: 769px) and (max-width: 1279px) {
    .detail-row:nth-child(2) .detail-image {
    right: 0px;
    }
}





/* Details Section - Mobile */
@media (max-width: 768px) {
    .details-content {
        margin-top: 30px; /* Reduced margin for mobile */
    }

    .details-content::before {
        width: 100%; /* Full width on mobile */
        transform: none; /* Reset transform on mobile */
        top: -2rem; /* 32px above Row 1 on mobile */
        bottom: -2rem; /* 32px below Row 2 on mobile */
    }

    .detail-row {
        display: grid; /* Revert to grid for consistent stacking */
        grid-template-columns: 1fr; /* Stack vertically */
        gap: 20px;
    }

    .detail-row:nth-child(2) {
        display: block; /* Remove flex for mobile to allow natural stacking */
        padding: 1rem 0; /* Reduced padding for mobile */
        position: relative; /* Maintain positioning context */
    }

    .detail-row:nth-child(2) .detail-text {
        padding: 2rem 1rem; /* Reduced padding for mobile (32px top/bottom, 16px left/right) */
        width: 100%; /* Full width on mobile */
        position: static; /* Remove positioning for natural flow */
    }

    .detail-row:nth-child(2) .detail-image {
        width: 100%; /* Full width on mobile */
        position: static; /* Remove absolute positioning for natural flow */
        top: auto;
        right: auto;
        overflow: visible; /* Reset overflow */
    }

    .detail-text {
        padding: 10px;
        text-align: center;
        width: 100%; /* Reset width on mobile */
    }

    .detail-text h3 {
/*         font-size: 1.5rem; */
    }

    .detail-text h5 {
        font-size: 1rem;
        margin-bottom: 1.5rem; /* Adjusted for mobile */
    }

    .detail-text p {
 /*       font-size: 0.9rem; */
    }

    .detail-image img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 960px) {
.detail-row:nth-child(2) .detail-image {
    right: 0px;
}
}

   
/* END VERDEGARD  SOLUTIONS */


  
/* START Verdegard vs others */

.elevate_verdegard_vs_others_wrap {
background:#f3edea;
margin-top:50px;
padding-bottom:20px;
padding-top:40px;
padding-right:calc(8px + 1.5625vw);
padding-left:calc(8px + 1.5625vw);
}




@media only screen and (max-width: 960px) {
.elevate_verdegard_vs_others_wrap {
margin-top:0px;
}
}

.elevate_verdegard_vs_others{
    margin-bottom:30px;
}
 

p.not_available{
  font-size:1rem;
  margin-top:30px;
}
 
 
 /* check marks */
.verdegard_vs_others_list:before {
    content:'\2713'!important;
    color:#B3D234;
    font-size:1.75rem;
}


.verdegard_vs_others_list_2:before {
    content:'\2713'!important;
    color:#0D2318;
    font-size:1.5rem;
}

 
 
 
.elevate_verdegard_vs_others_wrap td {
border: 2px solid #cccccc!important;
padding:0px!important; 
}



@media only screen and (max-width: 479px) {
.elevate_verdegard_vs_others_wrap td {
font-size:.7rem!important; 
}    
}

.elevate_verdegard_vs_others_wrap .elevate_td_cell_1{
    font-weight:bold;
    text-align:center;
    border-top:0px!important;
     width:18%;
     
}

.elevate_verdegard_vs_others_wrap .elevate_td_cell_2 {
     width:46%;
       font-weight:600;
        vertical-align:middle!important;
}


.elevate_verdegard_vs_others_wrap  td:first-child {
  border-left: 0px!important;
}

.elevate_verdegard_vs_others_wrap  td:last-child {
  border-right: 0px!important;
}




.elevate_verdegard_vs_others_wrap  .elevate_verdegard_border_top{
   border-top:6px solid!important;
   border-right:6px solid!important;
   border-left:6px solid!important;
}  

.elevate_verdegard_vs_others_wrap .elevate_verdegard_border_bottom{
  border-bottom:6px solid!important;
   border-right:6px solid!important;
   border-left:6px solid!important;
}  


.elevate_verdegard_vs_others_wrap .elevate_verdegard_border_r_l {
border-right:6px solid!important;
border-left:6px solid!important;    
}


.elevate_verdegard_vs_others_wrap .elevate_verdegard_border_bottom {
border-bottom:6px solid!important;
}




@media only screen and (min-width: 800px) {
.elevate_verdegard_vs_others_wrap  .elevate_verdegard_border_top{
   border-top:10px solid!important;
   border-right:10px solid!important;
   border-left:10px solid!important;
}  

.elevate_verdegard_vs_others_wrap .elevate_verdegard_border_bottom{
  border-bottom:10px solid!important;
   border-right:10px solid!important;
   border-left:10px solid!important;
}  


.elevate_verdegard_vs_others_wrap .elevate_verdegard_border_r_l {
border-right:10px solid!important;
border-left:10px solid!important;    
}

.elevate_verdegard_vs_others_wrap .elevate_verdegard_border_bottom {
border-bottom:10px solid!important;
}
}

/* END verdegard vs others */

 
 
/* START GET STARTED WITH VERDEGARD  */

.elevate_column_wrap_3 {
background-image:url(https://verdegard.com/wp-content/uploads/2025/04/home_4_bg_3_1920x800.webp);
background-position:10% 35%!important;   
}



.elevate_column_wrap_3_right_column{ 
     padding-top:70px;
     padding-bottom:80px;
     padding-right:40px; 
}


@media only screen and (max-width: 600px)  {
.elevate_column_wrap_3 {
background-image:url(https://verdegard.com/wp-content/uploads/2025/04/home_4_bg_3_1920x800.webp);
background-position: 100% 50%!important;    
}

.elevate_column_wrap_3_right_column{ 
    text-align:center;
     padding-top:10px;
     padding-bottom:40px;
     padding-right:40px;
     padding-left:40px; 
    
}

.elevate_column_wrap_3_right_column h3{ 
    text-align:center;
}

.elevate_button_5  {
    display: flex;
    align-items: center;
    justify-content: center;
    
}
}

 
@media only screen and (min-width: 601px) and (max-width: 642px)  {
.elevate_column_wrap_3_right_column{ 
    padding-left:40px;
    padding-right:0px; 
}
}




.elevate_simplify {
     color:#fff; 
}

.elevate_contact_today {
      margin-top:40px;    
}


.elevate_button_5  {
    margin-top:30px;
}


.elevate_button_5 a{
color: #fff!important;
background:#074A2D!important;
border-radius: 0px!important;
width:250px!important; 
}


 
/* END GET STARTED WITH VERDEGARD  */
 
 
/* START VERDEGARD QUESTIONS ANSWERED */

.elevate_your_questions_answered_wrap {
    margin-top:0px;
    background:#f3edea;
    padding-top:30px;
    padding-bottom:20px;
    padding-right:calc(8px + 1.5625vw);
    padding-left:calc(8px + 1.5625vw);
    }
    

.elevate_your_questions_answered_wrap h4 {
font-family: 'messina_serifbold'; 
font-size: calc(15px + .72vw);
}

 

.elevate_your_questions_answered_col_1{
    margin-top:40px; 
    } 

.elevate_your_questions_answered_cols {
     margin-bottom:40px;
}



@media only screen and (min-width: 960px) {
.elevate_your_questions_answered_wrap {
padding-top:60px;
padding-bottom:40px;
}

.elevate_your_questions_answered_col_1{
    margin-top:60px; 
    } 
}


 
/* END VERDEGARD QUESTIONS ANSWERED */


/* ELEVATE FORM START */



/* pop up form styling START */  
.pum-theme-6940 .pum-container, .pum-theme-content-only .pum-container {

 padding-top:30px!important;
 padding-bottom:60px!important;
 padding-right:60px!important;
 padding-left:60px!important;
    border-radius: 0px;
    border: 1px none #000000;
    box-shadow: 0px 0px 0px 0px rgba(2, 2, 2, 0.00); 
    background-color: rgba(255, 255, 255, 1.00);
}


.form_title_get_started_now {
    font-size:1.5rem;
    color: #0D2318;
    border-bottom:1px solid #0D2318;
    line-height:3rem;
    
}



.pum-theme-6940 .pum-close {
  font-size:3rem!important;
/* absolute positioning in plugins css */
    top: 36px!important;
    right: 50px!important; 
     font-weight: 400!important; 
}
 




/* pop up form styling END */ 


/* link at bottom of form - requires function in elevate.php page */

.elevate_go_to_verdegard {
    
   display: flex!important;
  justify-content: center!important;
   margin-top:30px!important;
   color:#000000!important;
}
 
 
.elevate_go_to_verdegard a{
    color: #B3D234!important;
    text-decoration:none!important;
font-weight:500!important;
}
  
 

/* https://wpforms.com/docs/how-to-customize-the-submit-button/ */

/* New button styles */
#wpforms-submit-6923 .wpforms-form input[type=submit],
.wpforms-form button[type=submit] {
    width: 100% !important; /* Make the button full-width */
    border-radius:0px!important; 
    background-color: #fff !important;  
    color: #0D2318!important;  
    border: 1px!important;
     font-weight:700;
      box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px!important;
      margin-top:16px;
      font-size:1.25rem!important; 
}

/* New button hover styles */
#wpforms-submit-6923 .wpforms-form input[type=submit]:hover,
.wpforms-form input[type=submit]:active,
.wpforms-form button[type=submit]:hover,
.wpforms-form button[type=submit]:active,
.wpforms-form .wpforms-page-button:hover,
.wpforms-form .wpforms-page-button:active {
    background-color: #fff !important;  
     border: 1px!important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px!important; 
     font-weight:700;
     margin-top:20px;
      font-size:1.25rem!important;
       background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))!important;
}


/* New button focus styles */
#wpforms-submit-6923 .wpforms-form input[type=submit]:focus,
.wpforms-form button[type=submit]:focus,
.wpforms-form .wpforms-page-button:focus {
    background-color: #fff !important;  
    border: 1px!important;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px!important; 
      font-weight:700;
      margin-top:20px;
       font-size:1.25rem!important;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))!important;
}
 
#wpforms-submit-6923 #div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
    background-color: #fff!important;
    color: #0D2318 !important;
   font-weight:700;
   box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px!important;
   margin-top:20px;
    font-size:1.25rem!important;
       padding-bottom:30px;
       background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))!important;
}


 
#wpforms-submit-6923 {
padding-bottom: 30px;
padding-top: 30px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))!important;
}

  

#wpforms-6923   .wpforms-field-label {
    font-weight:400!important;
}
  
  
  
#wpforms-6923 .wpforms-required-label {
  color: #fff!important;
}




div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #b3d234!important;
}









 
/*  elevate form - makes first name and last name on separate lines */
/* https://wordpress.org/support/topic/cant-display-fields-in-a-single-column-in-mobile/ */
#wpforms-6923.wpforms-container .wpforms-field.wpforms-mobile-full,
    .wpforms-container .wpforms-field.wpforms-mobile-full input {
        margin: 0 !important;
        width: 100% !important;
    }

 #wpforms-6923.wpforms-container .wpforms-field.wpforms-mobile-full .wpforms-field-row > div {
        width: 100%;
        margin: 0 !important;
    }

 #wpforms-6923.wpforms-container .wpforms-field.wpforms-mobile-full .wpforms-field-row > div:last-child {
        padding: 20px 0 0px;
    }

 

#wpforms-6923.wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block {
  padding-right:0px!important;
  padding-left:0px!important;
  
}
 
 
  
#wpforms-6923 .wpforms-field-sublabel {
margin: 0 0 var(--wpforms-field-size-input-spacing) 0;
  padding: 0;
  font-size: var(--wpforms-label-size-font-size);
  line-height: var(--wpforms-label-size-line-height);
  color: var(--wpforms-label-color);
}
 
 
 
 
/* hack for adding the word name to the first last fields */
#wpforms-6923 .wpforms-field-sublabel::after {
    content: ' Name';
}

 

/* ELEVATE FORM END */


/* END ELEVATE PAGE */








/* START CUSTOM FOOTER */



.footer-widgets-1 {
display: none;
}

.footer-widgets-2 {
display: none;
}

.footer-widgets-3 {
display: none;
}

.footer-widgets-4 {
display: none;
}
.footer-widgets-5 {
display: none;
}

.footer-widgets-6 {
display: none;
}

 
  @media only screen and (min-width: 960px) {
  .footer-widgets-7 .custom-html-widget p {
    font-size: 1.25rem!important;
  }
  
.footer-widgets-8 .custom-html-widget p {
    font-size: 1.25rem!important;
  }
  }
  
   
  
  
.footer-widgets-9 {
text-align:right;
}

.footer-widget-area {
width: calc(100% / 3)!important;
}

h2.verdegard_engage_lets_get_started a{
	text-decoration:none;
}

 
 
 
  @media only screen and (min-width: 960px) {
    .footer-widgets-7 .custom-html-widget {
      display: flex;
      flex-direction: column;
      height:46px!important;
    }
  }

  
  @media only screen and (min-width: 960px) {
    .footer-widgets-8 .custom-html-widget {
      display: flex;
      flex-direction: column;
      height: 46px!important;
    }
  }
 
 
  @media only screen and (min-width: 960px) {
    .footer-widgets-9 .widget-wrap {
      display: flex;
      flex-direction: column;
      height:46px!important; 
    }
  }

 
 @media only screen and (min-width: 960px) {
  .footer-widgets { 
    clear: both;
    padding: 60px 60px!important;
  }
}
 
 @media only screen and (min-width: 320px) and (max-width: 599px) {
.footer-widget-area {
width: calc(100% / 1)!important;
}

.footer-widgets-9 {
text-align:left;
}

.footer-widgets-9 img{ 
width:180px;
}

 .footer-widgets-9 .widget-wrap {
        height: 80px!important;
    }
}


/* END CUSTOM FOOTER */