/*------------ Header: Selected & Unselected state  ------------*/
/* Main Div */
@media (min-width: 992px) {
	#compare-results-header {padding: 100px 0 0 0;}
}
@media (min-width: 700px) and (max-width: 991.99px) {
	#compare-results-header {padding: 80px 0 0 0;}
}
@media (max-width: 699.99px) {
	#compare-results-header {padding: 60px 0 0 0;}
}

/* Back Button */
.compare-back-button {padding-bottom: 60px; text-align: center;}
.compare-back-button a {color: #07767a; text-decoration: none; display: inline-block; background: #b5e0e3; padding: 5px 10px; border-radius: 15px;}
.compare-back-button a i {color: #07767a;}

/* Navigation Buttons */
#results-nav {padding: 30px 10px 40px 10px; text-align: center;}
#results-nav .results-button {background: #07767a; color: #ffffff; border: 0; border-radius: 5px; padding: 7px 10px; cursor: pointer;}
#results-nav .results-button:hover {opacity: 0.9;}
#results-nav .results-button i {color: #cdf1f4;}
#results-nav .results-button.prev-results {}
#results-nav .results-button.next-results {}


/*------------ Header: Unselected state  ------------*/
/* Details Wrap */
#header-details {text-align: center;}

/* Results Heading Info */
#results-info h1 {margin: 0; padding: 0; font-weight: normal; font-size: 1.5em;}

/* Search Criteria */
#client-search-criteria {font-size: 14px; color: #07767a; text-align: center; padding-bottom: 30px;}
#client-search-criteria h2 {font-size: 16px; font-weight: bold; padding: 0; margin: 0;}
#client-search-criteria p {padding: 0; margin: 0; font-style: italic;}
#client-search-criteria .search-criteria-list {text-align: center; padding-top: 10px;}
#client-search-criteria .search-criteria-list .criteria-item {padding: 0 5px; display: inline-block;}


/*------------ Header: Selected state  ------------*/

#header-details-selected {display: none; padding-bottom: 20px;}

/* Heading */
#selected-heading h2 {font-size: 1.4em; padding: 0; margin: 0; font-weight: normal; text-align: center;}

/* Mini Selection Summary */
#selection-summary-mini  {color: #3b3637; padding: 20px 0;}
#selection-summary-mini ul {display: flex; gap: 15px; justify-content: center; padding: 0; margin: 0;}
#selection-summary-mini ul li {padding: 0; margin: 0; list-style: none; text-align: center;}

/* Quote Jump Button */
#quote-jump-button {text-align: center;}
#quote-jump-button a {color: #087a09; font-size: 1.1em; font-weight: bold;}




/*-------------- Quote Section --------------*/

#request-quote {background: rgb(82, 172, 175, 1); margin: 0;}
#request-quote-inner {max-width: 1000px; display: block; margin: 0 auto; background: #a1e5eb;  border-radius: 15px;}
#request-quote-columns .quote-column {color: #3b3637;}

#request-quote .wpforms-submit {
  background: #087a09;
  border: none;
  color: #ffffff;
  font-weight: bold;
  padding: 0;
  height: auto;
  padding: 16px 50px;
  border-radius: 5px;
  font-size: 1em;
  cursor: pointer;
}


@media (min-width: 850px) {
#request-quote {padding: 60px 10px;}
#request-quote-columns {display: flex; justify-content: space-between; }
#request-quote-columns .quote-column {display: flex; flex-direction: column; justify-content: center; padding: 40px;}
#request-quote-columns #quote-column-form {flex-basis: 100%; flex-grow: 1; flex-shrink: 1;}
#request-quote-columns #quote-column-selection {flex-basis: 380px; flex-grow: 0; flex-shrink: 0; border-left: 2px solid #52acaf;}	
}
@media (max-width: 849.99px) {
#request-quote {padding: 10px;}
#request-quote-columns .quote-column {padding: 20px;}
}

#selection-summary {}
#selection-summary h2 {font-size: 1.2em; font-weight: bold; padding: 0 0 20px 0; margin: 0;}
#selection-summary .none-selected {display: block;}
#selection-summary .none-selected .pline1 {font-weight: bold; color: #087a09;}
#selection-summary .none-selected .pline2 {font-style: italic;}
#selection-summary .none-selected .pline3 {font-size: 0.8em;}
#selection-summary ul {padding: 0; margin: 0; display: none;}
#selection-summary ul li.selection-item {padding: 0 0 15px 30px; margin: 0; list-style-type: none; position: relative; display: none;}
#selection-summary ul li.selection-item:before {
    position: absolute;
    left: 0;
    top: 0px;
    font-style: normal;
    font-weight: 900;
    font-size: 1em;
    content: "\f058";
    font-family: "Font Awesome 6 Free";
	color: #087a09;
}