/*
Theme Name:     Liquid Media - Divi Child
Theme URI:      http: //liquid.media/
Description:    Child theme for the Divi theme from Elegant Themes
Author URI:     http: //liquid.media/
Template:       Divi
Version:        0.1.001
*/


/* rubik-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('../Divi-Child/fonts/rubik-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url('../Divi-Child/fonts/rubik-v31-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('../Divi-Child/fonts/rubik-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 500;
  src: url('../Divi-Child/fonts/rubik-v31-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('../Divi-Child/fonts/rubik-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 700;
  src: url('../Divi-Child/fonts/rubik-v31-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*---------------------TEXT STYLES----------------------------*/
h1,h2,h3,h4{
	margin-bottom:0px;
	margin-top: 0px;
	padding-bottom:0px;
}
.title-margin h1, .title-margin h2, .title-margin h3, .title-margin h4{
	margin-top: 20px;
	margin-bottom: 15px;
	padding-bottom:0px;
}
.margin-bottom h1, .margin-bottom h2, .margin-bottom h3, .margin-bottom h4, .et_pb_promo .et_pb_module_header, .et_pb_blurb .et_pb_module_header {
	margin-bottom:15px;
	margin-top: 0px;
	padding-bottom:0px;
}

/*two column text*/
@media all and (min-width: 768px){
	.two-column-text{
		column-count: 2;
    	column-gap: 5%;
	}
}

/*Bullet List*/

body ul:not(.et_pb_social_media_follow, .sub-menu), body ol {
	padding: 0 0 0 1.2em!important;
}

ul li, ol li {
	line-height:1.6em;
	margin-bottom:1px;
}

ul li:last-child, ol li:last-child {
	margin-bottom:0;
}

ul li::marker, ol li::marker {
	font-weight:900;
}

/*if you want a unique bullet*/

.special-bullet ul {
	list-style-type:none;
}

.special-bullet ul li {
	position:relative;
}

.special-bullet ul li:before, .special-bullet-long ul li:before {
	font-family: 'ETMODULES';
	content: "\4e";
	font-size:0.8rem;
	line-height:0em;
	font-weight:900;
	position: absolute;
	left:-1.6em;
	top:1.2em;
}

.special-bullet-long ul li {
	margin-bottom: 15px;
}
.special-bullet-long ul li:last-child {
	margin-bottom:0px;
}
.two-column-text.special-bullet ul, .two-column-text.special-bullet-long ul {
	margin-top:0px;
}

/* Converts a bullet list into left aligned or centered list where each item is separated by a pipe */
.flex-list-left ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -25px;
    list-style-type: none;
}
.flex-list-left li {
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: left;
    border-left: 1px solid var(--lm-primary-color);
    background-color: transparent;
}
.flex-list-left, .flex-list-center {
    overflow: hidden;
}
.flex-list-center ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -25px;
    list-style-type: none;
}
.flex-list-center li {
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid var(--lm-primary-color);
    background-color: transparent;
}

.tertiary-bg .flex-list-center li {
	border-color: var(--lm-off-white-color);
}

/*make sure link color transitions*/

a {
	transition:color 300ms ease;
}


/*---------------------END TEXT STYLES------------------------*/

/*------------------TEXT/MODULE ALIGNMENT---------------------*/

/*left on DT*/
body .left-center-center, body .left-center-center.et_pb_promo .et_pb_promo_description div, body .left-center-center.et_pb_promo .et_pb_promo_description .et_pb_module_header, body .left-center-center .et_pb_button_wrapper, body .left-center-center.et_pb_blurb .et_pb_blurb_container, 
body .left-right-right, body .left-right-right.et_pb_promo .et_pb_promo_description div, body .left-right-right.et_pb_promo .et_pb_promo_description .et_pb_module_header, body .left-right-right .et_pb_button_wrapper, body .left-right-right.et_pb_blurb .et_pb_blurb_container {text-align:left!important;}

/*center on DT*/
body .center-left-left, body .center-left-left.et_pb_promo .et_pb_promo_description div, body .center-left-left.et_pb_promo .et_pb_promo_description .et_pb_module_header, .center-left-left .et_pb_button_wrapper, body .center-left-left.et_pb_blurb .et_pb_blurb_container,
body .center-right-right, body .center-right-right.et_pb_promo .et_pb_promo_description div, body .center-right-right.et_pb_promo .et_pb_promo_description .et_pb_module_header, .center-right-right .et_pb_button_wrapper, body .center-right-right.et_pb_blurb .et_pb_blurb_container {text-align:center!important;}

/*right on DT*/
body .right-center-center, body .right-center-center.et_pb_promo .et_pb_promo_description div, body .right-center-center.et_pb_promo .et_pb_promo_description .et_pb_module_header, .right-center-center .et_pb_button_wrapper, body .right-center-center.et_pb_blurb .et_pb_blurb_container,
body .right-left-left, body .right-left-left.et_pb_promo .et_pb_promo_description div, body .right-left-left.et_pb_promo .et_pb_promo_description .et_pb_module_header, .right-left-left .et_pb_button_wrapper, body .right-left-left.et_pb_blurb .et_pb_blurb_container {text-align:right!important;}

@media screen and (max-width:980px) {
	body .left-center-center, body .left-center-center.et_pb_promo .et_pb_promo_description div, body .left-center-center.et_pb_promo .et_pb_promo_description .et_pb_module_header, body .left-center-center .et_pb_button_wrapper, body .left-center-center.et_pb_blurb .et_pb_blurb_container,
	body .right-center-center, body .right-center-center.et_pb_promo .et_pb_promo_description div, body .right-center-center.et_pb_promo .et_pb_promo_description .et_pb_module_header, .right-center-center .et_pb_button_wrapper, body .right-center-center.et_pb_blurb .et_pb_blurb_container {text-align:center!important;}
	
	body .left-right-right, body .left-right-right.et_pb_promo .et_pb_promo_description div, body .left-right-right.et_pb_promo .et_pb_promo_description .et_pb_module_header, body .left-right-right .et_pb_button_wrapper, body .left-right-right.et_pb_blurb .et_pb_blurb_container,
	body .center-right-right, body .center-right-right.et_pb_promo .et_pb_promo_description div, body .center-right-right.et_pb_promo .et_pb_promo_description .et_pb_module_header, .center-right-right .et_pb_button_wrapper, body .center-right-right.et_pb_blurb .et_pb_blurb_container
	{text-align:right!important;}
	
	body .center-left-left, body .center-left-left.et_pb_promo .et_pb_promo_description div, body .center-left-left.et_pb_promo .et_pb_promo_description .et_pb_module_header, .center-left-left .et_pb_button_wrapper, body .center-left-left.et_pb_blurb .et_pb_blurb_container,
	body .right-left-left, body .right-left-left.et_pb_promo .et_pb_promo_description div, body .right-left-left.et_pb_promo .et_pb_promo_description .et_pb_module_header, .right-left-left .et_pb_button_wrapper, body .right-left-left.et_pb_blurb .et_pb_blurb_container {text-align:left!important;}
}

/*image alignment with blurb modules*/

/*center*/
body .center-right-right.et_pb_blurb .et_pb_image_wrap, body .center-left-left.et_pb_blurb .et_pb_image_wrap {
	margin-left:auto!important;
	margin-right:auto!important;
}

/*left*/
body .left-right-right.et_pb_blurb .et_pb_image_wrap, body .left-center-center.et_pb_blurb .et_pb_image_wrap {
	margin-left:0!important;
	margin-right:auto!important;
}

/*right*/
body .right-left-left.et_pb_blurb .et_pb_image_wrap, body .right-center-center.et_pb_blurb .et_pb_image_wrap {
	margin-left:auto!important;
	margin-right:0!important;
}

@media screen and (max-width:980px) {
	/*center*/
	body .left-center-center.et_pb_blurb .et_pb_image_wrap, body .right-center-center.et_pb_blurb .et_pb_image_wrap {
		margin-left:auto!important;
		margin-right:auto!important;
	}
	/*left*/
	body .right-left-left.et_pb_blurb .et_pb_image_wrap, body .center-left-left.et_pb_blurb .et_pb_image_wrap {
		margin-left:0!important;
		margin-right:auto!important;
	}
	/*right*/
	body .left-right-right.et_pb_blurb .et_pb_image_wrap, body .center-right-right.et_pb_blurb .et_pb_image_wrap {
		margin-left:auto!important;
		margin-right:0!important;
	}
}


/*----------------END TEXT/MODULE ALIGNMENT-------------------*/

/*----------------------MENU STYLES---------------------------*/

/*adjust menu sizing so menu items wrap properly on DT*/

@media screen and (min-width:981px) {
	#header-menu {
    	flex-shrink:2;
		}

	#header-menu .et_pb_menu_inner_container  {
    	flex-wrap:nowrap;
	}
}

@media screen and (max-width:767px) {
	#header-menu .et_pb_menu__logo {
		margin-right:0!important;
	}
}


/*make menu item unclickable*/
li.unclickable > a {
	pointer-events: none!important;
 	cursor: default!important;
}

/*remove the border and transparency effect divi adds*/

.et_mobile_menu li a {
    border-bottom:0;
}

.et-menu a:hover, .et_mobile_menu li a:hover, .nav ul li a:hover {
    opacity: 1!important;
    background-color:transparent!important;
}

/*adjust padding*/
ul.sub-menu li {padding:0!important}
ul.sub-menu, .et_mobile_menu {padding:20px 12px!important;}

/*remove padding of sub menus inside of mobile menus*/
.et_mobile_menu ul.sub-menu {
    padding:0 0 0 12px!important;
}

.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
    padding:0;
}
/*spacing between desktop items*/
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul {
    gap:15px;
}
/*border radius on mobile menu*/
.et_pb_menu .et_mobile_menu {
    border-radius:12px;
}

/*style parent item of submenus on mobile*/
@media screen and (max-width:980px) {
    .et_mobile_menu .menu-item-has-children>a {
        font-weight:500!important;
        text-transform:uppercase;
    }
}


/*--------------------END MENU STYLES--------------------------*/


/*---------------------GFORM STYLING---------------------------*/

/*style fields and text*/
.gform_required_legend{
	display:none;
}
body .et_pb_module .gform_wrapper.gravity-theme input, body .et_pb_module .gform_wrapper.gravity-theme .ginput_container textarea, body .gform_wrapper.gravity-theme .ginput_container select  {
	padding: 20px;
	font-size: 1rem;
	border:1px solid var(--lm-secondary-color);
	border-radius:6px;
}

/*submit button*/
body .gform_wrapper.gravity-theme .gform_button.button, body .gform_wrapper.gravity-theme .gform_next_button.button, body .gform_wrapper.gravity-theme .gform_previous_button.button {
	color: var(--lm-white);
    font-size: var(--gvid-1uoljbwu9b)!important;
    font-weight: 500!important;
    background-color:var(--lm-primary-color);
    border: solid 3px var(--lm-primary-color);
	border-radius:100px;
	padding: 0.3em 1em;
    line-height: 1.7em!important;
    transition: all .3s ease-in-out;
	overflow:visible!Important;
}

body .gform_wrapper.gravity-theme .gform_button.button:hover, body .gform_wrapper.gravity-theme .gform_next_button.button:hover, body .gform_wrapper.gravity-theme .gform_previous_button.button:hover {
	background-color: var(--lm-tertiary-color);
	border-color:var(--lm-tertiary-color);
    color:var(--lm-white);
}

/* Style label above fields text*/
body .gform_wrapper.gravity-theme .gfield_label {
	font-size:1.1rem;
}
/*Style label below field text*/
body .gform_wrapper.gravity-theme .gfield_header_item, body .gform_wrapper.gravity-theme .gform_fileupload_rules, body .gform_wrapper.gravity-theme .ginput_complex label {
	font-size:0.9rem;
	text-transform: uppercase;
	font-weight: 300;
}

/*Style "Required" asterisk*/
body .gform_wrapper.gravity-theme .gfield_required.gfield_required_asterisk {
    color: var(--lm-tertiary-color)!important;
    font-weight:900;
	line-height:0;
}

body .gform_wrapper.gravity-theme .gfield_required {
	line-height:0!important;
}

/* Style dropdown arrow. The not selector keeps it from adding it to list gravity form in a weird place*/
body .ginput_container:not(.ginput_container_multiselect) select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("/wp-content/uploads/2021/07/dropdown-arrow.png");
	background-repeat: no-repeat;
	background-position: right 15px top 50%;
	/* icon size*/
	background-size: .65em auto, 100%;
}

/*validation error styling*/

/*styling of messages popping up*/
body .gform_wrapper.gravity-theme .gform_validation_errors, body .gform_wrapper.gravity-theme .validation_message {
    box-shadow:none;
    padding:20px 30px;
    border-radius: 6px;
    font-size:1rem!important;
	line-height:1.2em;
	color:var(--lm-white);
	background-color:var(--lm-error);
	border-color:var(--lm-error);
}

/*override font size of header validation error*/
body .gform_wrapper.gravity-theme h2.gform_submission_error {
	font-size:1.2rem!important;
	font-weight:700;
	padding-left:24px;
	color:var(--lm-white)!important;
	
}


.gform-icon--circle-error:before {
    color:var(--lm-white)!important;
}

.gform_wrapper.gravity-theme .gform_validation_errors>ol li, .gform_wrapper.gravity-theme .gform_validation_errors>ol a {
	color:var(--lm-white)!important;
	font-size:1rem!important;
}

.gform_wrapper.gravity-theme .gform_validation_errors>ol li::marker {
    color:var(--lm-white)!important;
}


/*styling of labels of fields that have not been filled out properly*/
body .gform_wrapper.gravity-theme .gfield_error .gfield_label, body .gform_wrapper.gravity-theme .gfield_error .gfield_header_item, body .gform_wrapper.gravity-theme .gfield_error .gform_fileupload_rules, body .gform_wrapper.gravity-theme .gfield_error .ginput_complex label, body .gfield_error .gfield_radio label, body .gfield_error .ginput_container .gfield_consent_label   {
    color:var(--lm-error);
}

.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {
	border-color:var(--lm-error);
}

/*progress bar styling*/

body .gform_wrapper.gravity-theme .gf_progressbar.gf_progressbar_blue .gf_progressbar_percentage.percentbar_blue {
    background-color:var(--lm-primary-color)!important;
}

body .gform_wrapper.gravity-theme .gf_progressbar.gf_progressbar_blue {
    background-color:var(--lm-off-white-color)!important;
}


/*-------------------END GFORM STYLING-------------------------*/

/*---------------IMAGE OBJECT FIT STYLING----------------------*/

/*use object fit cover on an image so we can use an image and have its alt text be accessible to screen readers while still behaving like a BG image*/

.object-fit-cover {
    flex-grow:2;
    height:auto;
    
}

.object-fit-cover .et_pb_image_wrap {
    flex-grow:2;
    display:flex;
}

.object-fit-cover img {
    object-fit:cover;
}

.force-img-width img {
    min-width:100%!important;
}

/*adjust position of an image that is using object-fit*/

.object-fit-cover.top-left img {object-position: top left;}
.object-fit-cover.top-center img {object-position: top center;}
.object-fit-cover.top-right img {object-position: top right;}

.object-fit-cover.center-left img {object-position: center left;}
.object-fit-cover.center-center img {object-position: center;}
.object-fit-cover.center-right img {object-position: center right;}

.object-fit-cover.bottom-left img {object-position: bottom left;}
.object-fit-cover.bottom-center img {object-position: bottom center;}
.object-fit-cover.bottom-right img {object-position: bottom right;}

/*--------------END IMAGE OBJECT FIT STYLING-------------------*/

/*---------------------DEFAULT OVERRIDES-----------------------*/

/*keep social icons on person module from having padding*/

body ul.et_pb_member_social_links {
    padding:0!important;
}

/*force person image to be fullwidth*/

.et_pb_team_member img, .et_pb_team_member_image {
    min-width:100%;
}

/*format post featured image*/

.post-featured-image .et_pb_image_wrap {
    aspect-ratio: 5 / 3;
}

.post-featured-image .et_pb_image_wrap {
    object-fit:cover;
}

/*-------------------END DEFAULT OVERRIDES---------------------*/

/*----------------------FOCUS STATES--------------------------*/
/* Keyboard focus ring. :focus-visible fires only for keyboard
   users, so mouse clicks stay clean. Falls back to a global
   default; inside colored sections it adapts via --bg-focus
   (see color-styles.css enhancement). */

:root { --lm-focus: var(--lm-secondary-color); }

body a:focus-visible,
body button:focus-visible,
body input:focus-visible,
body textarea:focus-visible,
body select:focus-visible,
body summary:focus-visible,
body .et_pb_button:focus-visible,
body [tabindex]:not([tabindex="-1"]):focus-visible {
    outline: 2px solid var(--bg-focus, var(--lm-focus)) !important;
    outline-offset: 2px !important;
    border-radius: 2px;
}

body .et_pb_button:focus-visible, body button:focus-visible, body #gform_submit_button_1:focus-visible {
	border-radius: 100px!important;
}

body .et_pb_module .gform_wrapper.gravity-theme input:focus-visible, body .et_pb_module .gform_wrapper.gravity-theme textarea:focus-visible {
	outline-offset:0!important;
	outline-width:1px!important;
	border-radius: 6px!important;
}
/*--------------------END FOCUS STATES------------------------*/


/*-----------------------GLITCH FIXES--------------------------*/

/*fix broken button icon on button icons that are always visible*/

.fix-button-icon:after {
    right:-1.2rem!important;
}

/*---------------------END GLITCH FIXES------------------------*/


/*----------------------SITE SPECIFIC--------------------------*/

/*-------PAGE-------*/



/*-----END PAGE-----*/

/*------MODULE------*/

/*tables*/

/* ==========================================================================
   ADC Hardscapes — Comparison & Problem/Solution tables
   --------------------------------------------------------------------------
   data-label on every <td> drives the stacked mobile layout — if you add
   rows, keep it or the mobile view loses its column headings.
   ========================================================================== */


/* --- Shared base ---------------------------------------------------------- */

.entry-content thead th, .entry-content tr th, .entry-content table:not(.variations) {
	color:var(--lm-text-color);
}

.entry-content tr td {
	
    border-top: 1px solid var(--lm-tertiary-color);
}

.entry-content table:not(.variations) {
    border: 1px solid var(--lm-tertiary-color);
}

:is(.adc-compare, .adc-solution, .adc-compare3) {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  line-height: 1.5;
}

:is(.adc-compare, .adc-solution, .adc-compare3) th {
  text-align: left;
  font-weight: 700;
  color: var(--lm-secondary-color);
}

:is(.adc-compare, .adc-solution, .adc-compare3) td {
  vertical-align: top;
  color: var(--lm-text-color);
}


/* --- Comparison table (Typical Contractors vs ADC) ----------------------- */

.adc-compare th {
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--lm-tertiary-color);
}

.adc-compare thead th:last-child {
  color: var(--lm-primary-color);
}

.adc-compare td {
  width: 50%;
  padding: 0.65rem 0.75rem;
  border-bottom: 1px solid var(--lm-tertiary-color);
}

.adc-compare tbody tr:last-child td {
  border-bottom: 0;
}

.adc-compare td.adc-adc {
  color: var(--lm-secondary-color);
  font-weight: 500;
}

/* ✗ / ✓ glyph — fixed width so the copy after it stays aligned */
.adc-compare .adc-mark {
  display: inline-block;
  width: 1.25em;
  font-weight: 700;
}

.adc-compare .adc-mark::before {
  font-family: 'ETMODULES';
}

.adc-compare td.adc-typical .adc-mark::before {
  content: "\4d";
  content: "\4d" / "";
}

.adc-compare td.adc-adc .adc-mark::before {
  content: "\4e";
  content: "\4e" / "";
}


/* --- Problem / Solution table -------------------------------------------- */

.adc-solution th {
  padding: 0 0.9rem 0.7rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.adc-solution td {
  padding: 1rem 0.9rem;
  border-top: 1px solid var(--lm-tertiary-color);
}

.adc-solution .adc-problem {
  width: 38%;
  font-weight: 500;
  color: var(--lm-secondary-color);
}

.adc-solution .adc-arrow {
  width: 6%;
  text-align: center;
  color: var(--lm-primary-color);
  font-weight: 700;
  font-size: 1.15rem;
}

.adc-solution .adc-arrow::before {
  content: "\24";
  content: "\24" / "";
  font-family: 'ETMODULES';
}

.adc-solution .adc-fix {
  width: 56%;
}

.adc-solution .adc-fix strong {
  display: block;
  margin-bottom: 0.2rem;
  color: var(--lm-primary-color);
  font-weight: 700;
}

.adc-solution .adc-fix span {
  display: block;
}

/* --- Three-column comparison (criterion / them / us) --------------------- */

.adc-compare3 thead th {
  padding: 0.65rem 0.75rem;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid var(--lm-tertiary-color);
}

.adc-compare3 thead th:last-child {
  color: var(--lm-primary-color);
}

.adc-compare3 tbody th {
  width: 26%;
  padding: 0.65rem 0.75rem;
  vertical-align: top;
  border-top: 1px solid var(--lm-tertiary-color);
}

.adc-compare3 tr td {
  width: 37%;
  padding: 0.65rem 0.75rem!important;
}

.adc-compare3 td.adc-adc {
  color: var(--lm-secondary-color);
  font-weight: 500;
}

body .adc-compare3 ul {
  margin: 0;
  padding: 0!important;
  list-style: none;
}

.adc-compare3 li {
  position: relative;
  padding-left: 1.25em;
}

.adc-compare3 li + li {
  margin-top: 0.35rem;
}

/* ✗ / ✓ glyph — generated per column so the list cells stay markup-light */
.adc-compare3 li::before {
  position: absolute;
  left: 0;
  font-family: 'ETMODULES';
  font-weight: 700;
}

.adc-compare3 td.adc-typical li::before {
  content: "\4d";
  content: "\4d" / "";
  color: var(--lm-secondary-color);
}

.adc-compare3 td.adc-adc li::before {
  content: "\4e";
  content: "\4e" / "";
  color: var(--lm-primary-color);
}


/* --- Phone: stack both tables into labelled blocks ----------------------- */

@media (max-width: 767px) {
	:is(.adc-compare, .adc-solution, .adc-compare3),
	:is(.adc-compare, .adc-solution, .adc-compare3) tbody,
	:is(.adc-compare, .adc-solution, .adc-compare3) tr,
	:is(.adc-compare, .adc-solution, .adc-compare3) td {
    	display: block;
    	width: 100%;
  	}

  :is(.adc-compare, .adc-solution, .adc-compare3) thead {
    display: none;
  }

  /* Comparison: label each cell from data-label, no row rules */
  .adc-compare th,
  .adc-compare td {
    display: block;
    width: 100%;
  }

  .adc-compare tr td {
    padding: 1rem;
    border-bottom: 0;
  }
	
	.adc-compare tr:first-of-type td:first-of-type {
    	border-top:0;
	}


  .adc-compare td::before {
    content: attr(data-label);
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--lm-secondary-color);
  }

  /* Problem/Solution: rule moves to the row, arrow hides */
	
	
	.adc-solution tr:first-of-type {
    padding-top:0;
	}
	
  .adc-solution tr td {
    padding: 1rem;
  }

  .adc-solution td {
    padding: 0;
    border-top: 0;
  }
	.adc-solution tr:first-of-type td:first-of-type {
    border-top:0;
}

  /* The desktop column widths are (0,2,0) selectors and outrank the
     generic `td` reset at (0,1,1), so they have to be cleared by name.
     Without this the cells stay at 38%/6%/56% of the container on phone
     and the copy wraps into narrow ribbons. */
  .adc-solution .adc-problem,
  .adc-solution .adc-fix {
    width: 100%;
  }

  /* Hide arrow. */
  .adc-solution .adc-arrow {
    display: none;
  }
	
	/* Three-column: criterion becomes the row heading, cells sit under it */
  .adc-compare3 tbody th,
  .adc-compare3 td, .adc-compare3 tr td {
    display: block;
    width: 100%;
  }

  .adc-compare3 tr th {
    padding: 1rem 1rem 0.5rem;
  }

  .adc-compare3 tr td {
    padding: 0 1rem 1rem;
    border-top: 0;
	
  }

  .adc-compare3 tr:first-of-type th {
    border-top: 0;
  }

  .adc-compare3 td::before {
    content: attr(data-label);
    display: block;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--lm-secondary-color);
  }
}

/* --- Process flow --------------------------------------------------------
   <ol class="adc-flow"><li>Step</li>…</ol>
   Arrows are generated, so adding or removing an <li> needs no other edit. */

.adc-flow {
  display: flex;
  padding: 0;
  list-style: none;
}

body .adc-flow ol {
	padding: 0!important;
}

.adc-flow li {
  display: flex;
  align-items: center;
	justify-content:center;
  flex: 1 1 190px;
  font-weight: 700;
  color: var(--lm-secondary-color);
}

.adc-flow li::after {
  content: "\24";                 /* → */
	font-family:'ETMODULES';
  flex: 0 0 auto;
  margin: 0 0.85rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: var(--lm-primary-color);
}

.adc-flow li:last-child::after {
  content: none;
}

@media screen and (max-width:980px) {
	.adc-flow {
		flex-direction:column;
		
	}
	.adc-flow li {
		flex: 1;
		flex-direction:column;
	}
	.adc-flow li::after {
		content: "\22";
	}
}

/*TABS ON PROJECT GALLERY PAGE*/

/*remove excess padding*/
.et_pb_tabs_controls li a {
    padding:0;
}

/*fix issue where tab links don't change background color correctly on hover*/

li.et_pb_tab_nav_item:hover a {
    background:transparent!important;
}


/*BLURBS ON SERVICE AREA PAGE*/

/*align links to bottom of blurb*/

.blurb-end-link .et_pb_blurb_content, 
.blurb-end-link .et_pb_blurb_content .et_pb_blurb_container,
.blurb-end-link .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description {
    flex-grow:2;
    display:flex;
    flex-direction:column;
    
}

.blurb-end-link .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description p:last-of-type {
    margin-top:auto;
    margin-bottom:0;
}

/*----END MODULE----*/