/*--------------------------------------------------------------------------------------------------/
	Theme Name:     RYNO Child Theme
	Theme URI:      http://rynoss.com/
	Description:    RYNO Child Theme
	Author:         Ryno SS - Jerad Shepherd
	Author URI:     http://www.rynoss.com
	Template:       theme-3
	Text Domain:    ryno-theme-three-child
/*-------------------------------------------------------------------------------------------*/

	@import url('./styles/style.css.reformer.css');

/*-------------------------------------------------------------------------------------------*/




	/*-------------------------------------------------------------------------------------------*/

		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* baseline theme styles */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* font stacks */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--heading-font-stack: 'montserrat', helvetica, arial, sans-serif;
									--body-font-stack:    'roboto',     helvetica, arial, sans-serif;

									--heading-font-stack: var(--font-heading);
									--body-font-stack:    var(--font-body);
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* color scheme */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--color-white:      #ffffff;
									--color-black:      #000000;
									
									--color-navy:   	#2A285E;
									--color-slate:  	#7094AA;
									--color-aqua:   	#7FCECD;
									--color-foam:		#EFFAFA;
									--color-red:    	#EF463B;
									--color-copper: 	#EFAB7B;
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* various resets */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.viewport-overflow-wrapper{
									overflow: hidden;
								}
								body{
									overflow-x: hidden;
								}
							/*-------------------------------------------------------------------------------------------*/
								.no-scroll {
									overflow: unset;
								}
								@media (max-width: 991px){
									.no-scroll {
										overflow: hidden;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* typography */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{  
									--boldfont: var(--heading-font-stack);
									--basefont: var(--body-font-stack);
								}
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--rem-size-desktop-px:   calc( 1px * var(--rem-size-desktop) );
									--rem-size-desktop:      16;

									--rem-size-mobile-px:    calc( 1px * var(--rem-size-mobile) );
									--rem-size-mobile:       16;

									--rem-size-min-px:       calc( 1px * var(--rem-size-min) );
									--rem-size-min:          16;

									--margin-bottom-default: calc( 1rem * var(--basefont-rem-size-line-height) / var(--rem-size-desktop) );
								}
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--basefont-rem-size-line-height-px: calc( 1px * var(--basefont-rem-size-line-height) );
									--basefont-rem-size-line-height:    30;
									--basefont-text-transform:          none;
									--basefont-font-weight:             400;
									--basefont-line-height:             calc( var(--basefont-rem-size-line-height) / var(--rem-size-desktop) );
								}
							/*-------------------------------------------------------------------------------------------*/
								div, ul, ol, p{
									font-family: inherit;
									font-size:   inherit;
									font-weight: inherit;
									line-height: inherit;
								}
								body{
									font-family: var(--basefont);
									font-size:   inherit;
									font-weight: var(--basefont-font-weight);
									line-height: var(--basefont-line-height);
								}
								html{
									font-size: var(--rem-size-desktop-px);
								}
								@media (max-width: 767px){
									html{
										font-size: var(--rem-size-mobile-px);
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* headings */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--boldfont-rem-size-line-height-px: calc( 1px * var(--boldfont-rem-size-line-height) );
									--boldfont-rem-size-line-height:    var(--rem-size-desktop);
									--boldfont-text-transform:          var(--heading-text-transform);
									--boldfont-letter-spacing:          0;
									--boldfont-font-weight:             700;
								}
							/*-------------------------------------------------------------------------------------------*/
								h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
									text-transform: var(--boldfont-text-transform);
									font-family:    var(--boldfont);
									font-weight:    var(--boldfont-font-weight);
									margin-bottom:  var(--margin-bottom-default);
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* social icons */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--social-icon-background-color-hover:   var(--color-slate);
									--social-icon-text-color-hover:         var(--color-white);

									--social-icon-background-color:         var(--color-aqua);
									--social-icon-text-color:               var(--color-white);
								}
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--social-icon-border-radius: calc( 1px * 0 * var(--social-icon-font-size) );

									--social-icon-font-size: 21;
									
									--social-icon-width:  calc( 2 * var(--social-icon-font-size) );
									--social-icon-height: var(--social-icon-width);

									--social-icon-margin-vertical: 0px;
									--social-icon-margin-horizontal: 9px;
								}
								@media (min-width: 992px) and (max-width: 1199px){
									:root{
										--social-icon-font-size: 18;
										--social-icon-margin-horizontal: 8px;
									}
								}
								@media (max-width: 991px){
									:root{
										--social-icon-margin-vertical: 6px;
										--social-icon-margin-horizontal: 9px;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								.social-icons .social-icons__icon a span::selection,
								.social-icons .social-icons__icon a span{
									background-color: transparent !important;
									color: transparent !important;
									width: 0 !important;
									height: 0 !important;
									display: none !important;
									overflow: hidden !important;
									visibility: hidden !important;
								}
								.social-icons .social-icons__icon a:hover{
									background-color: var(--social-icon-background-color-hover);
									color: var(--social-icon-text-color-hover);
									transition: color 0.09s ease-out, background-color 0.09s ease-out, transform 0.09s ease-out;
								}
								.social-icons .social-icons__icon a{
									border-radius: var(--social-icon-border-radius);
									background-color: var(--social-icon-background-color);
									color: var(--social-icon-text-color);
									width: calc( 1em * var(--social-icon-width) / var(--social-icon-font-size) );
									height: calc( 1em * var(--social-icon-height) / var(--social-icon-font-size) );
									display: inline-flex;
									align-items: center;
									justify-content: center;
									transition: color 0.21s ease-out, background-color 0.21s ease-out, transform 0.21s ease-out;
								}
								.social-icons .social-icons__icon:first-of-type{
									padding-left: 0;
								}
								.social-icons .social-icons__icon:last-of-type{
									padding-right: 0;
								}
								.social-icons .social-icons__icon{
									padding: 0;
									padding-top: calc( 1 * var(--social-icon-margin-vertical) );
									padding-left: calc( 1 * var(--social-icon-margin-horizontal) );
									padding-right: calc( 1 * var(--social-icon-margin-horizontal) );
									padding-bottom: calc( 1 * var(--social-icon-margin-vertical) );
								}
								.social-icons *{
									font-size: inherit;
									line-height: inherit;
								}
								.social-icons{
									font-size: calc( 1rem * var(--social-icon-font-size) / var(--rem-size-desktop) );
									line-height: 1;
									max-width: 100%;
									width: auto;
									margin: auto;
									display: inline-flex;
									align-items: center;
									justify-content: center;
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* buttons */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--button-rem-size:          16;
									
									--button-font-family: 		var(--boldfont);
									--button-font-weight: 		var(--boldfont-font-weight);
									--button-font-size: 		calc( 1rem * var(--button-rem-size) / var(--rem-size-desktop) );
									--button-line-height: 		1;
									--button-letter-spacing: 	var(--boldfont-letter-spacing);
									--button-text-transform: 	var(--boldfont-text-transform);
									
									--button-min-width-desktop:	201;
									
									--button-padding-top: 		 15;
									--button-padding-left: 		 21;
									--button-padding-right: 	 21;
									--button-padding-bottom: 	 15;
									
									--button-border-width:		  0;

									--button-border-radius:		calc( 3 * var(--button-rem-size) );
								}
							/*-------------------------------------------------------------------------------------------*/
								.postscript-contact button[type="submit"]:hover,
								.postscript-contact input[type="submit"]:hover,
								.main-contact-form button[type="submit"]:hover,
								.main-contact-form input[type="submit"]:hover,
								.sidebar-form button[type="submit"]:hover,
								.sidebar-form input[type="submit"]:hover,
								.btn-lg:hover, .btn-sm:hover,
								.btn:hover{
									padding-left: 	calc( 1em * var(--button-padding-left)   / var(--button-rem-size) * 1.75 );
									padding-right: 	calc( 1em * var(--button-padding-right)  / var(--button-rem-size) * 0.75 );
								}
								.postscript-contact button[type="submit"],
								.postscript-contact input[type="submit"],
								.main-contact-form button[type="submit"],
								.main-contact-form input[type="submit"],
								.sidebar-form button[type="submit"],
								.sidebar-form input[type="submit"],
								.btn-lg, .btn-sm,
								.btn{
									display: inline-block;
									max-width: 100%;
									
									font-family: 	var(--button-font-family);
									font-size: 		var(--button-font-size);
									font-weight: 	var(--button-font-weight);
									line-height: 	var(--button-line-height);
									letter-spacing: var(--button-letter-spacing);
									text-transform: var(--button-text-transform);
									
									border-radius:  calc( 1em * var(--button-border-radius)  / var(--button-rem-size) );
									border-style: 	solid;
									border-color: 	transparent;
									border-width: 	calc( 1em * var(--button-border-width)   / var(--button-rem-size) );
									
									padding-top: 	calc( 1em * var(--button-padding-top)    / var(--button-rem-size) );
									padding-bottom: calc( 1em * var(--button-padding-bottom) / var(--button-rem-size) );

									padding-left: 	calc( 1em * var(--button-padding-left)   / var(--button-rem-size) * 1.25 );
									padding-right: 	calc( 1em * var(--button-padding-right)  / var(--button-rem-size) * 1.25 );
									
									transition:
										all 0s,
											padding-left 0.135s ease-out,
											padding-right 0.135s ease-out, 
										background-position 0.135s ease-out, 
										background-color 0.135s ease-out,
										border-color 0.135s ease-out,
										color 0.135s ease-out,
											top 0.135s ease-out,
											left 0.135s ease-out,
											right 0.135s ease-out,
											bottom 0.135s ease-out,
										box-shadow 0.135s ease-out,
										transform 0.135s ease-out
										!important
									;
									
									position: relative;
									
									max-width: 100% !important;
									min-width: 201px !important;
									text-decoration: none !important;
								}
								.btn-tertiary:hover,
								.btn-tertiary,
								.btn-secondary:hover,
								.btn-secondary,
								.btn-primary:hover,
								.btn-primary,
								.btn:hover,
								.btn{
									border-color: transparent;
								}
							/*-------------------------------------------------------------------------------------------*/
								.postscript-contact button[type="submit"]:hover,
								.postscript-contact input[type="submit"]:hover,
								.main-contact-form button[type="submit"]:hover,
								.main-contact-form input[type="submit"]:hover,
								.sidebar-form button[type="submit"]:hover,
								.sidebar-form input[type="submit"]:hover{
									border-color: transparent;
								}
								.postscript-contact button[type="submit"],
								.postscript-contact input[type="submit"],
								.main-contact-form button[type="submit"],
								.main-contact-form input[type="submit"],
								.sidebar-form button[type="submit"],
								.sidebar-form input[type="submit"]{
									border-color: transparent;
								}
							/*-------------------------------------------------------------------------------------------*/
								.sidebar-form [type="submit"]{
									/* padding: calc( 1em * 20 / var(--button-rem-size) ) calc( 1em * 42 / var(--button-rem-size) ); */
								}
							/*-------------------------------------------------------------------------------------------*/
								a.btn.view-article,
								.btn.view-article{
									display: none !important;
								}
							/*-------------------------------------------------------------------------------------------*/
								.btn.btn-secondary:hover::before,
								.btn.btn-primary:hover::before,
								.btn:hover::before{
									opacity: 1;
									padding-right: 0;
								}
								.btn.btn-secondary::before,
								.btn.btn-primary::before,
								.btn::before{
									font-family: 'ryno-theme-icons';
									content: "\e910";
									display: flex;
									align-items: center;
									justify-content: center;
									padding-left: 0.28125em;
									padding-right: 1em;
									opacity: 0;
									position: absolute;
									z-index: 2;
									top: 0;
									left: 0;
									right: auto;
									bottom: 0;
									width: calc( 1em * var(--button-padding-left) / var(--button-rem-size) * 1.25 );
									height: 100%;
									border-radius: 2000px 0 0 2000px;
									transition:
										all 0s,
										opacity 0.135s ease-out,
										padding-right 0.135s ease-out
									;
								}
								.btn.btn-secondary:hover,
								.btn.btn-primary:hover,
								.btn:hover{
									background-position-x: calc( 0% - ( 1em * var(--button-padding-left) / var(--button-rem-size) * 0.50 ) ) !important;
								}
								.btn.btn-secondary,
								.btn.btn-primary,
								.btn{
									background-position: right center !important;
									background-size: calc( 100% + ( 1em * var(--button-padding-left) / var(--button-rem-size) * 1.75 ) ) 100% !important;
									background-image: linear-gradient( to right, var(--color-aqua), var(--color-aqua) calc(1em * var(--button-padding-left) / var(--button-rem-size) * 1.75 ), transparent calc( 1em * var(--button-padding-left) / var(--button-rem-size) * 1.75 ), transparent ) !important;
								}
							/*-------------------------------------------------------------------------------------------*/
								.btn.btn-secondary{
									color: var(--color-white) !important;
									background-color: var(--color-red) !important;
								}
								.btn.btn-primary{
									color: var(--color-white) !important;
									background-color: var(--color-navy) !important;
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* various components */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--company-phone-color-hover: 	var(--color-slate);
									--company-phone-color: 			var(--color-navy);
								
									--company-phone-font-size: 		20;
									--company-phone-font-family: 	var(--boldfont);
									--company-phone-font-weight: 	var(--boldfont-font-weight);
								}
								.company-phone a:hover{
									color: 		var(--company-phone-color-hover);
									transition: color 0.090s ease-out;
								}
								.company-phone a{
									color: 		var(--company-phone-color);
									transition: color 0.135s ease-out;
								}
								.company-phone{
									font-family: var(--company-phone-font-family);
									font-weight: var(--company-phone-font-weight);
									font-size: 	 calc( 1rem * var(--company-phone-font-size) / var(--rem-size-desktop) );
								}
							/*-------------------------------------------------------------------------------------------*/
								.callout-paragraph{
									font-weight: 700;
								}
							/*-------------------------------------------------------------------------------------------*/
								ul, ol, p{
									margin-bottom: var(--margin-bottom-default);
								}
								.wpcf7 p {
								    margin: 0 !important;
								}
							/*-------------------------------------------------------------------------------------------*/
								.button-bar{
									display: flex;
									gap: 1em 1.75em;
									flex-wrap: wrap;
									align-items: center;
									justify-content: center;
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

				/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/

		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* desktop header */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/
				
					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* desktop header wrapper */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.header-wrapper.header--sticky{
									-webkit-position: sticky;
									position: sticky;
									top: 0;
									z-index: 1800;
								}
							/*-------------------------------------------------------------------------------------------*/
								.header-wrapper.sticky-active .company-logo{
									max-width: 264px !important;
								}
								.header-wrapper.sticky-active .desktop-header{
									 padding-bottom: 18px;
								}
								.header-wrapper.sticky-active{
									border-top-width: 9px !important;
									box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.50);
									transition: all 0s ease-out, border-top-width 0.135s ease-out, box-shadow 0.135s ease-out;
								}
								.header-wrapper .company-logo{
									transition: all 0s ease-out, max-width 0.135s ease-out, margin-top 0.135s ease-out, margin-bottom 0.135s ease-out;
								}
								.header-wrapper .desktop-header{
									transition: all 0s ease-out, padding-top 0.135s ease-out, padding-bottom 0.135s ease-out;
								}
								.header-wrapper{
									box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.125);
									transition: all 0s ease-out, border-top-width 0.135s ease-out, box-shadow 0.225s ease-out;
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
					

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* desktop header content */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--desktop-header-padding-top:     6;
									--desktop-header-padding-bottom: 24;
								}
							/*-------------------------------------------------------------------------------------------*/
								.header{
									padding-top: 0 !important;
									padding-bottom: 0 !important;
								}
							/*-------------------------------------------------------------------------------------------*/
								.header-col.header-side-col--right{
									text-align: right;
									align-items: flex-end;
								}
								.header-col.header-side-col--left{
									text-align: left;
									align-items: flex-start;
								}
								.header-col.header-main-col{
									text-align: center;
									align-items: center;
								}
								.header-col{
									display: flex;
									align-items: center;
									justify-content: center;
								}
								.desktop-header > .container > .row{
									display: flex;
									align-items: stretch;
									justify-content: space-between;
								}
							/*-------------------------------------------------------------------------------------------*/
								.header-col.header-side-col--right .header-box,
								.header-col.header-side-col--left .header-box{
									justify-content: flex-end;
								}
								.header-col.header-main-col .header-box{
									justify-content: flex-end;
								}
								.header-box{
									flex: 0 0 100%;
									width: 100%;
									height: 100%;
									display: flex;
									flex-direction: column;
									align-items: stretch;
								}
							/*-------------------------------------------------------------------------------------------*/
								.desktop-header{
									padding-top: calc( 1rem * var(--desktop-header-padding-top) / var(--rem-size-desktop) );
									padding-bottom: calc( 1rem * var(--desktop-header-padding-bottom) / var(--rem-size-desktop) );
								}
							/*-------------------------------------------------------------------------------------------*/
								/* default padding & background color transition settings for sticky header on desktop */
									.header-wrapper .desktop-header{
										transition: all 0s ease-out, padding 0.135s ease-out, background-color 0.135s ease-out;
									}
									.header-wrapper .nav-bar{
										transition: all 0s ease-out, background-color 0.135s ease-out;
									}
							/*-------------------------------------------------------------------------------------------*/
								/* background color settings for transparent sticky header & nav on desktop */
									.header-wrapper.sticky-active .desktop-header,
									.header-wrapper.sticky-active .nav-bar{
										/*background-color: var(--temp-dark);*/
									}
									.header-wrapper .desktop-header,
									.header-wrapper .nav-bar{
										/*background-color: transparent;*/
									}
							/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.header .info-tagline.info-tagline--service-area::before{
									position: absolute;
									z-index: 12;
									top: 0;
									right: 100%;
									transform: translate( calc( 1rem * -8 / 16 ), 0 );
									display: block;
									content: '';
									width: calc( 1rem * 24 / 16 );
									height: calc( 1rem * 24 / 16 );
									border-radius: 100%;
									background-color: var(--color-aqua);
									background-repeat: no-repeat;
									background-size: calc( 1em * 10 / 16 ) auto;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-icon-map-marker.svg');
								}
								.header .info-tagline.info-tagline--service-area span::before{
									display: none !important;
								}
								.header .info-tagline.info-tagline--service-area{
									margin-left: calc( 1em * 32 / 16 );
									position: relative;
									max-width: 159px;
									color: #2a285e;
									font-family: var(--boldfont);
									font-weight: var(--boldfont-font-weight);
									line-height: calc( 20 / 16 );
								}
								.header .info-tagline.info-tagline--emergency-service span::before{
									display: none !important;
								}
								.header .info-tagline.info-tagline--emergency-service span{
									color: var(--color-red);
									font-family: var(--boldfont);
									font-weight: var(--boldfont-font-weight);
									line-height: calc( 28 / 16 );
									text-align: right;
									text-transform: uppercase;
								}
								.header .company-phone::before{
									display: none !important;
								}
								.header .company-phone a::before{
									position: absolute;
									z-index: 12;
									top: 50%;
									right: 100%;
									transform: translate( calc( 1rem * -6 / 16 ), calc( -50% + 1px ) );
									display: block;
									content: '';
									width: calc( 1rem * 25 / 16 );
									height: calc( 1rem * 24 / 16 );
									border-radius: 100%;
									background-color: var(--color-aqua);
									background-repeat: no-repeat;
									background-size: calc( 1em * 13 / 20 ) auto;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-icon-telephone-ring.svg');
								}
								.header .company-phone a{
									display: inline-block;
									position: relative;
								}
								.header .company-phone{
									line-height: 1;
									margin-top: 0px;
								}
								.header .button-wrapper{
									margin-top: 15px;
								}
								.header .company-logo img{
									display: table;
									width: 100%;
								}
								.header{
									background-color: var(--color-white);
									background-repeat: no-repeat;
									background-size: cover;
									background-position: center center;
									/* background-image: linear-gradient(180deg, #7fcecd80 0%, #ffffff 100%); */
									background-image: none;
								}
								.header-wrapper{
									border-top: 12px solid var(--color-red);
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px) and (max-width: 1199px){
									.header-wrapper.sticky-active .desktop-header{
										padding-top: 0px;
										padding-bottom: 9px;
									}
									.desktop-header{
										padding-bottom: 15px;
									}
									.header .company-logo{
										margin-bottom: -36px !important;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* desktop nav */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								:root{
									--desktop-nav-font-weight: bold;
								}
								:root{
									--main-navigation-font-size-desktop: 12.75;
									--main-navigation-font-size-mobile: 10.8125;
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px){
									/*-------------------------------------------------------------------------------------------*/
										/* ensure active child menus only display on hover (fixes spillover issue from opening menus on mobile nav) */
											.main-navigation > li.has-dropdown.active-child-menu:hover > ul{
												display: block;
											}
											.main-navigation > li.has-dropdown.active-child-menu > ul{
												display: none;
											}
									/*-------------------------------------------------------------------------------------------*/
										/* disable all positioning, padding, and transition behavior on nav (fixes spillover issue from mobile nav) */
											.nav-bar .nav.menu-active,
											.nav-bar .nav{
												position: relative;
												top: auto;
												left: auto;
												right: auto;
												bottom: auto;
												padding-top: 0;
												padding-left: 0;
												transition: none !important;
											}
									/*-------------------------------------------------------------------------------------------*/
										/* ensure secondary dropdown menu of rightmost nav link is right-aligned so it doesn't overflow viewport */
											.main-navigation > li:last-child.has-dropdown > ul > li.has-dropdown > ul{
												left: auto;
												right: 100%;
											}
										/* ensure rightmost nav link dropdown is right-aligned so it doesn't overflow viewport */
											.main-navigation > li:last-child.has-dropdown > ul{
												left: auto;
												right: 0;
											}
									/*-------------------------------------------------------------------------------------------*/
										/* ensure all dropdown hover menus & elements are min-width of parent li element */
											.main-navigation > li.has-dropdown > ul > li.has-dropdown > ul > li > a,
											.main-navigation > li.has-dropdown > ul > li.has-dropdown > ul > li,
											.main-navigation > li.has-dropdown > ul > li.has-dropdown > a,
											.main-navigation > li.has-dropdown > ul > li > a,
											.main-navigation > li.has-dropdown > ul > li,
											.main-navigation > li.has-dropdown > ul{
												min-width: 100%;
											}
										/* ensure all nav links are displayed as block elements */
											.main-navigation a{
												display: block;
											}
									/*-------------------------------------------------------------------------------------------*/
										/* apply micro adjustments to dropdown (flyout) indicator arrow for secondary dropdown menus */
											.main-navigation > li.has-dropdown > ul > li.has-dropdown::after{
												font-size: 0.90625em;
												vertical-align: middle;
												height: auto;
												line-height: 1;
											}
										/* add & normalize dropdown indicator arrow for all top-level nav links */
											.main-navigation > li.has-dropdown > a::after{
												font-family: 'ryno-theme-icons';
												content: "\e918";
												display: inline-block;
												font-weight: inherit;
												font-weight: 100;
												font-size: 0.90625;
												line-height: 1;
												margin-left: 0.28125em;
												margin-right: 0.125em;
												vertical-align: middle;
											}
										/* remove theme-default dropdown indicator arrow top-level nav links */
											.main-navigation > li.has-dropdown::after{
												display: none;
											}
									/*-------------------------------------------------------------------------------------------*/
										/* normalize font style inheritance and padding on nav links at all nav levels */
											.main-navigation > li.has-dropdown > ul > li.has-dropdown > ul > li > a,
											.main-navigation > li.has-dropdown > ul > li > a,
											.main-navigation > li.has-dropdown > a,
											.main-navigation > li > a{
												font-size: inherit;
												font-weight: inherit;
												line-height: inherit;
												letter-spacing: inherit;
												padding-top: 1.25em;
												padding-left: 0.75em;
												padding-right: 0.75em;
												padding-bottom: 1.125em;
											}
										/* adjust right padding on nested nav links for visual comfort */
											.main-navigation > li.has-dropdown > ul > li.has-dropdown > ul > li > a,
											.main-navigation > li.has-dropdown > ul > li > a{
												padding-right: 1.375em;
											}
										/* set all font styles on root nav element for inheritance */
											.main-navigation{
												font-family: var(--basefont);
												font-weight: var(--desktop-nav-font-weight);
												font-size:   16px;
												line-height: 1;
												letter-spacing: 0;
												width: 100%;
												display: flex;
												align-items: center;
												justify-content: space-between;
											}
									/*-------------------------------------------------------------------------------------------*/
								}
								@media (min-width: 1200px){
									.main-navigation{
										/*-------------------------------------------------------------------------------------------*/
											/* set fixed baseline nav font size on root nav element for xl screens */
												font-size: calc( 1px * var(--main-navigation-font-size-desktop) );
										/*-------------------------------------------------------------------------------------------*/
									}
								}
								@media (min-width: 992px) and (max-width: 1199px){
									.main-navigation{
										/*-------------------------------------------------------------------------------------------*/
											/* set fluid nav font size on root nav element for lg screens only */
												font-size: calc( (1px * var(--main-navigation-font-size-mobile)) + (var(--main-navigation-font-size-desktop) - var(--main-navigation-font-size-mobile)) * ((100vw - 992px) / (1200 - 992)) );
										/*-------------------------------------------------------------------------------------------*/
									}
									.nav-bar .container-lg,
									.nav-bar .container{
										/*-------------------------------------------------------------------------------------------*/
											/* set fluid nav container width for lg screens only */
												max-width: calc( 100% - (32px + (60 - 32) * ((100vw - 992px) / (1200 - 992))) );
										/*-------------------------------------------------------------------------------------------*/
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px){
									.nav-wrapper > *{
										flex: 0 0 calc( (100% - 300px - (4px))/ 2 ) !important;
										max-width: calc( (100% - 300px - (4px))/ 2 ) !important;
									}
									.nav-wrapper{
										display: flex;
										align-items: stretch;
										justify-content: space-between;
									}
									.header .company-logo{
										display: table;
										width: 258px !important;
										height: 148px !important;
										max-width: 100% !important;
										margin: auto; 
										margin-top: 0px !important;
										margin-bottom: -45px !important;
									}
									.header{
										position: relative;
										z-index: 6;
									}
								}
								@media (min-width: 1200px){
									.nav-wrapper > *{
										flex: 0 0 calc( (100% - (258px) - (4px))/ 2 ) !important;
										max-width: calc( (100% - (258px) - (4px))/ 2 ) !important;
									}
									.header-wrapper.sticky-active .company-logo {
										margin-bottom: -42px !important;
									}
								}
								@media (min-width: 992px) and (max-width: 1199px){
									.header .company-logo{
										width: calc( 300px * 0.78125 ) !important;
										height: calc( 172px * 0.78125 ) !important;
										margin-top: -30px !important;
										margin-bottom: -34px !important;
									}
									.nav-wrapper > *{
										flex: 0 0 calc( (100% - (300px * 0.77 ) - (4px))/ 2 ) !important;
										max-width: calc( (100% - (300px * 0.77 ) - (4px))/ 2 ) !important;
									}
									.main-navigation > li.has-dropdown > ul > li.has-dropdown > ul > li > a,
									.main-navigation > li.has-dropdown > ul > li > a,
									.main-navigation > li.has-dropdown > a,
									.main-navigation > li > a{
										font-size: inherit;
										font-weight: inherit;
										line-height: inherit;
										letter-spacing: inherit;
										padding-top: 16px;
										padding-left: 1em;
										padding-right: 1em;
										padding-bottom: 15px;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

				/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/

		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* mobile header */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/

		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* hero section */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/
					:root{
						--hero-section-height-desktop: 600;

						--hero-content-max-width-desktop: 576;
						--hero-button-font-size-desktop: 16;
						--hero-headline-font-size-desktop-macro: 54;
						--hero-headline-font-size-desktop-micro: 20;
						--hero-headline-margin-bottom-desktop-macro: 18;
						--hero-headline-margin-bottom-desktop-micro: 18;


						--hero-section-height-mobile:  582;

						--hero-content-max-width-mobile: 298;
						--hero-button-font-size-mobile: 16;
						--hero-headline-font-size-mobile-macro: 28;
						--hero-headline-font-size-mobile-micro: 18;
						--hero-headline-margin-bottom-mobile-macro: 6;
						--hero-headline-margin-bottom-mobile-micro:  42;
					}
				/*-------------------------------------------------------------------------------------------*/
					.hero-content .google-reviews-image span::selection,
					.hero-content .google-reviews-image span{
						color: transparent !important;
						background-color: transparent !important;
					}
					.hero-content .google-reviews-image span{
						display: block;
						width: calc( 1em * 151 / 21 );
						height: calc( 1em * 60 / 21 );
						background-repeat: no-repeat;
						background-size: contain;
						background-position: center center;
						background-image: url('/wp-content/uploads/gene-johnson-google-reviews.svg');	
					}
					.hero-content .google-reviews-image a{
						display: table;
						cursor: default;
					}
					.hero-content .hero-text .hero-subheader div span strong{
						color: var(--color-white);
						font-size: 1.5em;
						height: calc( 1em * 1 / 1.5 );;
						line-height: calc( 1 / 1.5 );
						vertical-align: bottom;
						display: inline-block;
						transform: translate( 0, -0.25em ) !important;
						margin-right: calc( 1em * (6) / (18 * 1.5) );
						display: inline-block;
					}
					.hero-content .hero-text .hero-subheader div span{
						position: relative;
						display: inline-block;
						white-space: nowrap;
					}
					.hero-content .hero-text .hero-subheader div{
						margin-left: calc( 1em * (-8 + -5) / 18 );
					}
					.hero-content .hero-text .hero-subheader{
						overflow: hidden;
					}
					.hero-content .hero-text .hero-header{
						color: var(--color-white);
						line-height:    calc( 70 / 54 );
						font-size: 		calc( 1em * var(--hero-headline-font-size-desktop-macro) / 21 );
						margin-bottom: 	calc( 1em * var(--hero-headline-margin-bottom-desktop-macro) / var(--hero-headline-font-size-desktop-macro) );
					}
					.hero-content .hero-text .hero-subheader{
						color: var(--color-aqua);
						line-height:    calc( 33 / 20 );
						font-size: 		calc( 1em * var(--hero-headline-font-size-desktop-micro) / 21 );
						margin-bottom: 	calc( 1em * var(--hero-headline-margin-bottom-desktop-micro) / var(--hero-headline-font-size-desktop-micro) );
					}
					.hero-content .hero-text{
						text-transform: uppercase;
						font-family:    var(--boldfont);
						font-weight: 	var(--boldfont-font-weight);
					}
					.hero-content .btn{
						font-size: 		calc( 1em * var(--hero-button-font-size-desktop) / 21 );
						margin-bottom:  calc( 1em * 30 / var(--hero-button-font-size-desktop) );
					}
					.hero-content *{
						font-size: inherit;
					}
					.hero-content{
						width: calc( 1em * var(--hero-content-max-width-desktop) / 21 );
						display: block;
						text-align: left;
						position: absolute;
						top: calc( 100vw * 84 / 1600 );
						left: calc( 100vw * 229 / 1600 );
						font-size: calc( 13px + (21 - 13) * ((100vw - 992px) / (1600 - 992)) );
					}
					.hero{
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						width: 100%;
						height: 100%;
						
						background-color: 		var(--color-foam);
						background-repeat: 		no-repeat;
						background-size: 		cover;
						background-position: 	center center;
						background-image:       url('/wp-content/uploads/gene-johnson-hero-desktop.jpg');
						
					}
					.page-section--hero-section{
						position: relative;
						width: 100%;
						height: 0;
						padding-top: calc( 100% * var(--hero-section-height-desktop) / 1600 );
					}
					@media (max-width: 991px){
						.hero-content .google-reviews-image span{
							display: block;
							width: calc( 1em * 151 / 21 );
							height: calc( 1em * 60 / 21 );
							background-repeat: no-repeat;
							background-size: contain;
							background-position: center center;
							background-image: url('/wp-content/uploads/gene-johnson-google-reviews.svg');	
						}
						.hero-content .google-reviews-image a{
							display: table;
							cursor: default;
						}
						.hero-content .google-reviews-image{
							margin-bottom:  calc( 1em * 36 / 16 );
						}
						.hero-content .hero-text .hero-subheader div span strong{
							color: var(--color-white);
							font-size: 1.5em;
							height: calc( 1em * 1 / 1.5 );;
							line-height: calc( 1 / 1.5 );
							vertical-align: bottom;
							display: inline-block;
							transform: translate( 0, -0.25em ) !important;
							margin-right: calc( 1em * (6) / (18 * 1.5) );
							display: inline-block;
						}
						.hero-content .hero-text .hero-subheader div span{
							position: relative;
							display: inline-block;
							white-space: nowrap;
						}
						.hero-content .hero-text .hero-subheader div{
							margin-left: calc( 1em * (-8 + -5) / 18 );
						}
						.hero-content .hero-text .hero-subheader{
							overflow: hidden;
						}
						.hero-content .hero-text .hero-header{
							color: var(--color-white);
							font-size: 		calc( 1em * var(--hero-headline-font-size-mobile-macro) / 21 );
							margin-bottom: 	calc( 1em * var(--hero-headline-margin-bottom-mobile-macro) / var(--hero-headline-font-size-mobile-macro) );
						}
						.hero-content .hero-text .hero-subheader{
							color: var(--color-aqua);
							font-size: 		calc( 1em * var(--hero-headline-font-size-mobile-micro) / 21 );
							margin-bottom: 	calc( 1em * var(--hero-headline-margin-bottom-mobile-micro) / var(--hero-headline-font-size-mobile-micro) );
						}
						.hero-content .hero-text{
							text-transform: uppercase;
							font-family:    var(--boldfont);
							font-weight: 	var(--boldfont-font-weight);
						}
						.hero-content .btn:hover::before{
							display: none !important;
						}
						.hero-content .btn:hover{
							background-position: right center !important;
						}
						.hero-content .btn{
							padding-left: 0.75em; !important;
							padding-right: 0.75em; !important;
							max-width: none;
							width: calc( 1em * 372 / var(--hero-button-font-size-mobile) ) !important;
							margin-bottom: 0 !important;
							font-size: 		calc( 1em * var(--hero-button-font-size-mobile) / 21 );
						}
						.hero-content *{
							font-size: inherit;
						}
						.hero-flex{
							width: calc( 1em * 276 / var(--rem-size-mobile) );
							display: flex;
							flex-direction: column-reverse;
						}
						.hero-content{
							width: calc( 1em * var(--hero-content-max-width-mobile) / 21 );
							display: block;
							text-align: left;
							position: absolute;
							top: calc( 100vw * 81 / 576 );
							left: calc( 100vw * 39 / 576 );
							transform: none !important;
							font-size: calc( 13px + (21 - 13) * ((100vw - 320px) / (576 - 320)) );
						}
						.hero{
							position: absolute;
							top: 0;
							left: 0;
							right: 0;
							bottom: 0;
							width: 100%;
							height: 100%;

							background-color: 		var(--color-foam);
							background-repeat: 		no-repeat;
							background-size: 		cover;
							background-position: 	center center;
							background-image:       url('/wp-content/uploads/gene-johnson-hero-mobile.jpg');

						}
						.page-section--hero-section{
							position: relative;
							width: 100%;
							height: 0;
							padding-top: calc( 100% * var(--hero-section-height-mobile) / 576 );
						}
					}

				/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/

		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* content sections */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/
					
					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* section defaults */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section .section-header > *::after{
									display: block;
									content: "";
									width: 162px;
									height: 4px;
									background: var(--color-red);
									margin: calc( 0.78125 * var(--margin-bottom-default) ) 0;
								}
							/*-------------------------------------------------------------------------------------------*/
								.page-section{
									position: relative;
								}
								@media (max-width: 575px){
									.postscript-contact,
									.page-section{
										padding-left: calc( 100vw * 16 / 576 );
										padding-right: calc( 100vw * 16 / 576 );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* homepage h2 typography adjustments */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px){
									.page-section h2{
										font-size: calc( 1rem * 36 / var(--rem-size-desktop) );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* main content section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section.page-section--main-content .section-header > *::after{
									background-color: var(--color-navy);
								}
								.page-section.page-section--main-content .section-header > *{
									margin-bottom: 0;
								}
							/*-------------------------------------------------------------------------------------------*/
								.page-section--main-content h1 > span{
									color: var(--color-slate);
									font-size: calc( 1em * 30 / 40 );
									line-height: calc( 36 / 30 );
									text-transform: none;
								}
								.page-section--main-content h1 > *{
									display: block;
								}
								.page-section--main-content h1{
									color: var(--color-navy);
									font-family: var(--boldfont);
									font-size: calc( 1em * 40 / var(--rem-size-desktop) );
									font-weight: var(--boldfont-font-weight);
									line-height: calc( 52 / 40 );
								}
								.page-section--main-content{
									text-align: left;
									padding-top: 30px;
									padding-bottom: 0px;
									background-color: var(--color-white);
								}
								@media (min-width: 992px){
									.page-section--main-content .col-xl-8{
										padding-right: 60px;
									}
								}
								@media (min-width: 1200px){
									.page-section--main-content .col-xl-8{
										padding-right: 66px;
									}
								}
								@media (max-width: 991px){
									.page-section--main-content{
										text-align: left;
										padding-top: 9px;
										padding-bottom: 42px;
										background-image: none;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* cta section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section--cta-section-section{
									text-align: left;
									padding-top: 102px;
									padding-bottom: calc( 66px + 100vw * 92 / 1600 );

									background-color: var(--color-white);

									background-repeat:
										no-repeat,
										no-repeat,
										no-repeat
									;
									background-size:
										100% 120px,
										100% 240px,
										cover
									;
									background-position:
										center top,
										center bottom,
										center center
									;
									/* background-image: */
										/* linear-gradient( to bottom, var(--color-foam), rgba(244, 251, 251, 0) 100%), */
										/* linear-gradient( to top, var(--color-foam), transparent ), */
										/* url('/wp-content/uploads/gene-johnson-rayburst-bg-desktop.webp') */
									/* ; */
									background-image:
										linear-gradient( to bottom, var(--color-white), rgba(244, 251, 251, 0) 100%),
										linear-gradient( to top, var(--color-white), transparent ),
										url('/wp-content/uploads/gene-johnson-rayburst-bg-desktop.2x-scaled.jpg')
									;
									
								}
								@media (max-width: 991px){
									.page-section--cta-section-section{
										text-align: left;
										padding-top: 42px;
										padding-bottom: calc( 78px + 100vw * 80 / 576 );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* full service plumbing section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section.page-section--full-service-plumbing .section-header > *::after{
									background-color: var(--color-aqua);
								}
								.page-section.page-section--full-service-plumbing .section-header > *{
									margin-bottom: 0;
								}
							/*-------------------------------------------------------------------------------------------*/
								.page-section--full-service-plumbing{
									text-align: left;
									padding-top: 89px;
									padding-bottom: 58px;

									color: var(--color-white);
									background-color: var(--color-navy);
								}
								.page-section--full-service-plumbing::before{
									display: block;
									content: '';
									width: 100%;
									height: calc( 100vw * 92 / 1600 );
									position: absolute;
									left: 0;
									right: 0;
									bottom: calc( 100% - 2px );
									background-repeat: no-repeat;
									background-size: 100% calc( 100% + 2px );
									background-position: center top;
									background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-desktop.svg')
								}
								.page-section--full-service-plumbing::after{
									display: block;
									content: '';
									width: 100%;
									height: calc( 100vw * 92 / 1600 );
									position: absolute;
									z-index: 1;
									top: calc( 100% - 2px );
									left: 0;
									right: 0;
									transform: scale( -1, -1 );
									background-repeat: no-repeat;
									background-size: 100% calc( 100% + 2px );
									background-position: center top;
									background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-desktop.svg')
								}
								@media (min-width: 992px){
									.page-section--full-service-plumbing .col-lg-7{
										padding-right: 60px;
									}
								}
								@media (min-width: 1200px){
									.page-section--full-service-plumbing .col-lg-7{
										padding-right: 54px;
									}
								}
								@media (max-width: 991px){
									.page-section--full-service-plumbing{
										text-align: left;
										padding-top: 24px;
										padding-bottom: 12px;
										background-image: none;	
									}
									.page-section--full-service-plumbing::before {
										display: block;
										content: '';
										width: 100%;
										height: calc( 100vw * 93 / 576 );
										position: absolute;
										left: 0;
										right: 0;
										bottom: calc( 100% - 2px );
										background-repeat: no-repeat;
										background-size: 100% calc( 100% + 2px );
										background-position: center top;
										background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-mobile.svg');
									}
									.page-section--full-service-plumbing::after {
										display: block;
										content: '';
										width: 100%;
										height: calc( 100vw * 93 / 576 );
										position: absolute;
										z-index: 1;
										top: calc( 100% - 2px );
										left: 0;
										right: 0;
										transform: scale( -1, -1 );
										background-repeat: no-repeat;
										background-size: 100% calc( 100% + 2px );
										background-position: center top;
										background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-mobile.svg');
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/


					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* first for plumbing section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section.page-section--first-for-plumbing .section-header > *::after{
									margin-left: auto;
									margin-right: auto;
									background-color: var(--color-slate);
								}
								.page-section.page-section--first-for-plumbing .section-header > *{
									margin-bottom: 0;
								}
							/*-------------------------------------------------------------------------------------------*/
								.page-section--first-for-plumbing .section-header strong::before{
									display: block;
									content: '';
									width: calc( 100% + 10px );
									height: calc( 100% + 4px );
									position: absolute;
									z-index: -1;
									top: 50%;
									left: 50%;
									transform: translate( -50%, -50% );
									background-color: var(--color-red);
								}
								.page-section--first-for-plumbing .section-header strong{
									position: relative;
									z-index: 2;
									color: var(--color-white);
									font-weight: var(--boldfont-font-weight);
								}
								.page-section--first-for-plumbing .section-header{
									max-width: calc( 1em * 495 / var(--rem-size-desktop) );
									margin: auto;
									color: var(--color-navy);
								}
								.page-section--first-for-plumbing .text-block{
									max-width: calc( 1em * 890 / var(--rem-size-desktop) );
									margin: auto;
								}
								.page-section--first-for-plumbing{
									text-align: center;
									padding-top: calc( 99px + 100vw * 92 / 1600 );
									padding-bottom: calc( 99px + 100vw * 92 / 1600 );

									background-color: var(--color-white);

									background-repeat:
										no-repeat,
										no-repeat,
										no-repeat
									;
									background-size:
										100% 120px,
										100% 240px,
										cover
									;
									background-position:
										center top,
										center bottom,
										center center
									;
									/* background-image: */
										/* linear-gradient( to bottom, var(--color-foam), rgba(244, 251, 251, 0) 100%), */
										/* linear-gradient( to top, var(--color-foam), transparent ), */
										/* url('/wp-content/uploads/gene-johnson-slant-graphic-bg-desktop.webp') */
									/* ; */
									background-image:
										linear-gradient( to bottom, var(--color-foam), rgba(244, 251, 251, 0) 100%),
										linear-gradient( to top, var(--color-foam), transparent ),
										url('/wp-content/uploads/gene-johnson-slant-graphic-bg-desktop.jpg')
									;
								}
								@media (max-width: 991px){
									.page-section--first-for-plumbing{
										text-align: center;
										padding-top: calc( 54px + 100vw * 80 / 576 );
										padding-bottom: calc( 80px + 100vw * 80 / 576 );
										background-repeat: no-repeat;
										background-size: cover;
										background-position: center center;
										background-image: url('/wp-content/uploads/gene-johnson-slant-graphic-bg-mobile.jpg');
									}
								}
								@media (max-width: 434px){
									.page-section--first-for-plumbing .section-header strong{
										display: inline-block;
									}
									.page-section--first-for-plumbing .section-header{
										max-width: 240px;
										margin-left: auto;
										margin-right: auto;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* arrange dependable plumbing section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section.page-section--arrange-dependable-plumbing .section-header > *::after{
									background-color: var(--color-slate);
								}
								.page-section.page-section--arrange-dependable-plumbing .section-header > *{
									margin-bottom: 0;
								}
							/*-------------------------------------------------------------------------------------------*/
								.page-section--arrange-dependable-plumbing .section-header h2 span{
									display: block;
									color: var(--color-slate);
									font-size: calc( 1em * 30 / 36 );
									line-height: calc( 36 / 30 );
								}
								.page-section--arrange-dependable-plumbing{
									text-align: left;
									padding-top: 80px;
									padding-bottom: 187px;

									color: var(--color-white);
									background-color: var(--color-navy);

									background-repeat: no-repeat;
									background-size: cover;
									background-position: center top;
									background-image: url('/wp-content/uploads/gene-johnson-bg-skyline-desktop-navy.webp');
								}
								.page-section--arrange-dependable-plumbing::before{
									display: block;
									content: '';
									width: 100%;
									height: calc( 100vw * 92 / 1600 );
									position: absolute;
									left: 0;
									right: 0;
									bottom: calc( 100% - 2px );
									background-repeat: no-repeat;
									background-size: 100% calc( 100% + 2px );
									background-position: center top;
									background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-desktop.svg')
								}
								@media (max-width: 991px){
									.page-section--arrange-dependable-plumbing{
										text-align: left;
										padding-top: 12px;
										padding-bottom: 75px;
										background-repeat: no-repeat;
										background-size: 100% auto;
										background-position: right bottom;
										background-image: url('/wp-content/uploads/gene-johnson-bg-skyline-desktop-navy-mobile.svg');
									}
									.page-section--arrange-dependable-plumbing::before {
										display: block;
										content: '';
										width: 100%;
										height: calc( 100vw * 93 / 576 );
										position: absolute;
										left: 0;
										right: 0;
										bottom: calc( 100% - 2px );
										background-repeat: no-repeat;
										background-size: 100% calc( 100% + 2px );
										background-position: center top;
										background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-mobile.svg');
									}
								}
								@media (max-width: 575px){
									.page-section--arrange-dependable-plumbing{
										background-repeat: no-repeat;
										background-size: 576px auto;
										background-position: right bottom;
										background-image: url('/wp-content/uploads/gene-johnson-bg-skyline-desktop-navy-mobile.svg');
									}
								}
								@media (max-width: 374px){
									.page-section--arrange-dependable-plumbing{
										background-repeat: no-repeat;
										background-size: calc( 100% * 576 / 374) auto;
										background-position: right bottom;
										background-image: url('/wp-content/uploads/gene-johnson-bg-skyline-desktop-navy-mobile.svg');
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* find a plumber section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section--find-a-plumber{
									text-align: left;
									padding-top: 0px;
									padding-bottom: 0px;
									background-color: var(--color-white);
								}
								@media (max-width: 991px){
									.page-section--find-a-plumber{
										text-align: left;
										padding-top: 0px;
										padding-bottom: 0px;
										border-radius: 2px;
										border: 2px solid var(--color-aqua);
										background-color: var(--color-white);
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* customer reviews section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section.page-section--customer-reviews .section-header > *::after{
									display: none !important;
								}
								.page-section--customer-reviews .section-header::before{
									position: absolute;
									z-index: 0;
									top: 50%;
									left: 50%;
									display: block;
									content: '';
									width: calc( 1em * 1035 / var(--rem-size-desktop) );
									height: calc( 1em * 147 / var(--rem-size-desktop) );
									transform: translate( -50%, -50% );
									background-repeat: no-repeat;
									background-size: contain;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-reviews-header-bg-desktop.webp');
								}
								.page-section--customer-reviews .section-header h2 strong{
									color: var(--color-red);
									font-weight: var(--boldfont-font-weight);
								}
								.page-section--customer-reviews .section-header h2{
									position: relative;
									z-index: 12;
									margin-bottom: 0;
									color: var(--color-navy);
									text-transform: uppercase;
								}
								.page-section--customer-reviews .section-header{
									position: relative;
									display: block;
									text-align: center;
									max-width: calc( 1em * 1035 / var(--rem-size-desktop) );
									width: 100%;
									height: auto;
									margin: auto;
									margin-bottom: 105px;
								}
								.page-section--customer-reviews{
									padding-top: 99px;
									padding-bottom: calc( 99px + 100vw * 92 / 1600 );

									background-color: var(--color-white);

									background-repeat:
										no-repeat,
										no-repeat,
										no-repeat
									;
									background-size:
										100% 120px,
										100% 240px,
										cover
									;
									background-position:
										center top,
										center bottom,
										center center
									;
									/* background-image: */
										/* linear-gradient( to bottom, var(--color-foam), rgba(244, 251, 251, 0) 100%), */
										/* linear-gradient( to top, var(--color-foam), transparent ), */
										/* url('/wp-content/uploads/gene-johnson-rayburst-bg-desktop.webp') */
									/* ; */
									background-image:
										linear-gradient( to bottom, var(--color-white), rgba(244, 251, 251, 0) 100%),
										linear-gradient( to top, var(--color-white), transparent ),
										url('/wp-content/uploads/gene-johnson-rayburst-bg-desktop.2x-scaled.jpg')
									;
								}
								@media (max-width: 991px){
									.page-section--customer-reviews .section-header::before {
										position: absolute;
										width: calc( 840px );
										height: calc( 120px );
									}
									.page-section--customer-reviews{
										text-align: left;
										padding-top: 48px;
										padding-bottom: calc( 70px + 100vw * 92 / 576 );
										background-repeat: no-repeat;
										background-size: cover;
										background-position: center center;
										background-image: url('/wp-content/uploads/gene-johnson-rayburst-bg-mobile.jpg');
									}
								}
								@media (max-width: 839px){
									.page-section--customer-reviews .section-header::before {
										position: absolute;
										width: calc( 768px );
										height: calc( 110px );
									}
								}
								@media (max-width: 767px){
									.page-section--customer-reviews .section-header::before {
										position: absolute;
										width: calc( 100vw * 750 / 768 );
										height: calc( 100vw * 108 / 768 );
									}
									.page-section--customer-reviews .section-header > * > *{
										display: block;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* mission statement section */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section--mission-statement{
									text-align: left;
									padding-top: 58px;
									padding-bottom: 358px;

									color: var(--color-white);
									background-color: var(--color-navy);

									background-repeat: no-repeat;
									background-size: cover;
									background-position: center center;
									background-image: linear-gradient( to bottom, var(--color-navy) 0.50%, var(--color-slate) 100%);
								}
								.page-section--mission-statement::before{
									display: block;
									content: '';
									width: 100%;
									height: calc( 100vw * 92 / 1600 );
									position: absolute;
									left: 0;
									right: 0;
									bottom: calc( 100% - 2px );
									background-repeat: no-repeat;
									background-size: 100% calc( 100% + 2px );
									background-position: center top;
									background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-desktop.svg')
								}
								@media (max-width: 991px){
									.page-section--mission-statement{
										text-align: left;
										padding-top: 12px;
										padding-bottom: calc( 96px + 91px );
									}
									.page-section--mission-statement::before {
										display: block;
										content: '';
										width: 100%;
										height: calc( 100vw * 93 / 576 );
										position: absolute;
										left: 0;
										right: 0;
										bottom: calc( 100% - 2px );
										background-repeat: no-repeat;
										background-size: 100% calc( 100% + 2px );
										background-position: center top;
										background-image: url('/wp-content/uploads/gene-johnson-section-transition-curve-navy-w-red-border-mobile.svg');
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* postscript contact */
						/*-------------------------------------------------------------------------------------------*/
								.home .postscript-contact{
									margin-top: 0 !important;
								}
								@media (min-width: 992px){
									.home .postscript-contact-form-bg-wrapper{
										position: absolute;
										top: 0;
										left: 50%;
										width: 100%;
										transform: translate( -50%, -37.5% );
									}
									.home .postscript-contact{
										padding-top: 0px;
										padding-bottom: 0px;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								.postscript-contact-form-bg-wrapper::before{
									display: block;
									content: '';
									width: 100%;
									height: 132px;
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									bottom: auto;
									transform: translate( 0, -68.75% );
									background-repeat: no-repeat;
									background-size: auto 100%;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-heating-and-plumbing-web_logo-color.svg');
								}
								.postscript-contact-form-bg-wrapper {
									position: static;
									width: 100%;
									transform: none;
									border: 2px solid var(--color-aqua);
								}
								.postscript-contact > .container > .row > *{
									position: relative;
								}
								.postscript-contact{
									text-align: center;
									padding-top: 0px;
									padding-bottom: 0px;
									padding-top: 90px;
									padding-bottom: 60px;
									margin-top: calc( 1em * 132 / var(--rem-size-desktop) * 0.25 );
								}
								@media (min-width: 992px){
									.postscript-contact-form-bg-wrapper::before{
										display: block;
										content: '';
										width: 100%;
										height: 132px;
										position: absolute;
										top: 0;
										left: 0;
										right: 0;
										bottom: auto;
										transform: translate( 0, -68.75% );
										background-repeat: no-repeat;
										background-size: auto 100%;
										background-position: center center;
										background-image: url('/wp-content/uploads/gene-johnson-heating-and-plumbing-web_logo-color.svg');
									}
								}
								@media (max-width: 991px){
									.postscript-contact-form-bg-wrapper {
										position: static;
										width: 100%;
										transform: none;
										border: 0 !important;
									}
									.postscript-contact{
										text-align: center;
										padding-top: 0px;
										padding-bottom: 0px;
										border: 4px solid var(--color-aqua);
										background-color: var(--color-navy);
										margin-top: calc( 1em * 132 / var(--rem-size-desktop) * 0.25 );
									}
								}
								@media (max-width: 575px){
									.postscript-contact .postscript-contact-form-bg-wrapper {
										background: var(--color-navy);
										border-radius: calc( 1em * 2 / var(--rem-size-desktop) );
										padding-left: calc( 3.75vw );
										padding-right: calc( 3.75vw );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
					
				/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			
		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* content widgets */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/
					
					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* mascot banner widget */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.mascot-banner p:last-of-type{
									margin-bottom: 0;
								}
								.mascot-banner{
									position: relative;

									padding-top:    calc( 1em * 15 / var(--rem-size-desktop) );
									padding-left:   calc( 1em * 45 / var(--rem-size-desktop) );
									padding-right:  calc( 1em * 45 / var(--rem-size-desktop) );
									padding-bottom: calc( 1em * 18 / var(--rem-size-desktop) );

									color: var(--color-white);
									background-color: var(--color-navy);

									border-radius: 2px;
									border: 2px solid #7fcecd;
									background-color: #2a285e;
								}
								@media (min-width: 992px){
									.mascot-banner{
										padding-top: calc( 1em * 12 / var(--rem-size-desktop) );
										padding-left: calc( 1em * 93 / var(--rem-size-desktop) );
										padding-right: calc( 1em * 15 / var(--rem-size-desktop) );
										padding-bottom: calc( 1em * 13 / var(--rem-size-desktop) );
										width: calc( 1em * 894 / var(--rem-size-desktop) ); 
										margin: auto;
									}
								}
								@media (max-width: 991px){
									.mascot-banner::before{
										position: absolute;
										z-index: 2;
										top: auto;
										left: 50%;
										right: auto;
										bottom: calc( 100% + 2px );
										transform: translate( -50%, 0% );
										display: block;
										content: '';
										width: calc( 1em * 300 / var(--rem-size-mobile) );
										height: calc( 1em * 300 / var(--rem-size-mobile) * 252 / 380 );
										background-repeat: no-repeat;
										background-size: 100% auto;
										background-position: center top;
										background-image: url('/wp-content/uploads/gene-johnson-accent-image-over-45-years.svg');
									}
									.mascot-banner{
										position: relative;
										z-index: 2;
										margin: auto;
										padding: calc( 1em * 27 / var(--rem-size-mobile) ) calc( 1em * 18 / var(--rem-size-mobile) );
									}
									.mascot-banner-wrapper{
										padding-top: calc( 1em * 214 / var(--rem-size-mobile) );
									}
								}
								@media (max-width: 767px){
									.mascot-banner::before{
										width: calc( 72% );
										height: 0;
										padding-top: calc( 72% * 252 / 380 );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* find a plumber banner widget */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.find-a-plumber-banner p:last-of-type{
									margin-bottom: 0;
								}
								.find-a-plumber-banner .find-a-plumber-banner--header strong{
									color: #ef463b;
									font-weight: var(--boldfont);
								}
								.find-a-plumber-banner .find-a-plumber-banner--header{
									color: var(--color-navy);
									font-family: var(--boldfont);
									font-size: calc( 1em * 20 / var(--rem-size-desktop) );
									font-weight: var(--boldfont-font-weight);
									line-height: 1;
									margin-bottom: calc( 1em * 16 / 20 );
								}
								.find-a-plumber-banner{
									position: relative;
									display: flex;
									flex-direction: column;
									align-items: stretch;
									justify-content: space-between;

									padding-top: calc( 1em * 39 / var(--rem-size-desktop) );
									padding-left: calc( 1em * 228 / var(--rem-size-desktop) );
									padding-right: calc( 1em * 30 / var(--rem-size-desktop) );
									padding-bottom: calc( 1em * 42 / var(--rem-size-desktop) );
								}
								.find-a-plumber-banner::before{
									position: absolute;
									top: 50%;
									left: calc( 1em * 30 / var(--rem-size-desktop) );;
									right: auto;
									bottom: auto;
									transform: translate( 0, -50% );
									display: block;
									content: '';
									width: calc( 1em * 165 / var(--rem-size-desktop) );
									height: calc( 1em * 150 / var(--rem-size-desktop) );
									background-repeat: no-repeat;
									background-size: contain;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-round-the-clock.svg');
								}
								@media (min-width: 992px){
									.find-a-plumber-banner{
										position: relative;
										display: flex;
										flex-direction: column;
										align-items: stretch;
										justify-content: space-between;

										padding-top: calc( 1em * 39 / var(--rem-size-desktop) );
										padding-left: calc( 1em * 228 / var(--rem-size-desktop) );
										padding-right: calc( 1em * 30 / var(--rem-size-desktop) );
										padding-bottom: calc( 1em * 42 / var(--rem-size-desktop) );

										height: calc( 1em * 174 / var(--rem-size-desktop) ); 
										margin: auto;
										margin-top: calc( 1em * -87 / var(--rem-size-desktop) );

										border-radius: 2px;
										border: 2px solid var(--color-aqua);
										background-color: var(--color-white);
									}
								}
								@media (max-width: 767px){
									.find-a-plumber-banner{
										position: relative;
										width: 100vw;
										left: 50%;
										transform: translate( -50%, 0 );
									}
								}
								@media (max-width: 575px){
									.find-a-plumber-banner{
										position: relative;
										display: block !important;
										padding-top: calc( 1em * 30 / var(--rem-size-mobile) );
										padding-left: calc( 1em * 60 / var(--rem-size-mobile) );
										padding-right: calc( 1em * 60 / var(--rem-size-mobile) );
										padding-bottom: calc( 1em * 36 / var(--rem-size-mobile) );
									}
									.find-a-plumber-banner::before{
										position: static;
										transform: none;
										width: 120px;
										height: calc( 120px * 150 / 165 );
										margin: auto;
										margin-bottom: calc( 1em * 33 / var(--rem-size-mobile) );
									}
								}
								@media (max-width: 539px){
									.find-a-plumber-banner > *{
										max-width: 321px;
										margin-left: auto;
										margin-right: auto;
									}
									.find-a-plumber-banner{
										padding-left: calc( 1em * 30 / var(--rem-size-mobile) );
										padding-right: calc( 1em * 30 / var(--rem-size-mobile) );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* accent images */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.page-section--main-content .accent-image-wrapper .accent-image span{
									background-image: url('/wp-content/uploads/gene-johnson-accent-image-over-45-years.svg')
								}
								.page-section--main-content .accent-image-wrapper .accent-image{
									width: calc( 1em * 360 / var(--rem-size-desktop) );
									height: calc( 1em * 233 / var(--rem-size-desktop) );
									padding-top: 0 !important;
								}
								@media (max-width: 991px){
									.page-section--main-content .accent-image-wrapper{
										display: none !important;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px){
									.page-section--full-service-plumbing .accent-image-wrapper .accent-image span{
										background-image: url('/wp-content/uploads/gene-johnson-accent-image-tech-with-tools.webp')
									}
								}
								@media (max-width: 991px){
									.page-section--full-service-plumbing .accent-image-wrapper .accent-image span{
										background-image: url('/wp-content/uploads/gene-johnson-accent-image-tech-with-tools-mobile.webp');
									}
									.page-section--full-service-plumbing .accent-image-wrapper{
										margin: calc( 1.3125 * var(--margin-bottom-default) ) auto calc( 1.125 * var(--margin-bottom-default) );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px){
									.page-section--arrange-dependable-plumbing .accent-image-wrapper .accent-image span{
										background-image: url('/wp-content/uploads/gene-johnson-accent-image-team-digging-trench.webp')
									}
								}
								@media (max-width: 991px){
									.page-section--arrange-dependable-plumbing .accent-image-wrapper .accent-image span{
										background-image: url('/wp-content/uploads/gene-johnson-accent-image-team-digging-trench-mobile.webp');
									}
									.page-section--arrange-dependable-plumbing .accent-image-wrapper{
										margin-top: calc( 2.25 * var(--margin-bottom-default) );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px){
									.page-section--mission-statement .accent-image-wrapper .accent-image span{
										background-image: url('/wp-content/uploads/gene-johnson-accent-image-tech-with-van.webp')
									}
								}
								@media (max-width: 991px){
									.page-section--mission-statement .accent-image-wrapper .accent-image span{
										background-image: url('/wp-content/uploads/gene-johnson-accent-image-tech-with-van-mobile.webp');
									}
									.page-section--mission-statement .accent-image-wrapper{
										margin-bottom: calc( 1.125 * var(--margin-bottom-default) );
									}	
								}
							/*-------------------------------------------------------------------------------------------*/
								.accent-image-wrapper .accent-image span{
									position: absolute;
									top: 0;
									left: 0;
									right: 0;
									bottom: 0;
									width: 100%;
									height: 100%;
									background-color: transparent;
									background-repeat: no-repeat;
									background-size: contain;
									background-position: center center;
								}
								.accent-image-wrapper .accent-image{
									position: relative;
									width: 100%;
									height: 0;
									padding-top: calc( 100% * 490 / 494 );
								}
								.accent-image-wrapper{
									position: relative;
									width: 100%;
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 1200px){
									.accent-image-wrapper .accent-image{
										width: calc( 1em * 490 / var(--rem-size-desktop) );
										height: calc( 1em * 494 / var(--rem-size-desktop) );
										padding-top: 0;
									}
								}
								@media (min-width: 992px) and (max-width: 1199px){
									.accent-image-wrapper .accent-image{
										padding-top: calc( 100% * 480 / 480 );
									}
								}
								@media (max-width: 991px){
									.accent-image-wrapper{
										width: calc( 100% * 360 / 540 );
										min-width: 276px;
										margin: auto;
									}	
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* cta slider widget */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.feature-cta.feature-cta--plumbing::after{
									background-image: url('/wp-content/uploads/plunger.svg');
								}
								.feature-cta.feature-cta--electrical::after{
									background-image: url('/wp-content/uploads/electrical.svg');
								}
								.feature-cta.feature-cta--maintenance::after{
									background-image: url('/wp-content/uploads/maintenance.svg');
								}
								.feature-cta.feature-cta--water-filteration::after{
									background-image: url('/wp-content/uploads/water-filtration.svg');
								}
								.feature-cta.feature-cta--heating::after{
									background-image: url('/wp-content/uploads/fire.svg');
								}
								.feature-cta:hover::after{
									transform: translate( 0, 0 );
									transition: all 0s, transform 0.075s ease-out;
								}
								.feature-cta::after{
									position: absolute;
									z-index: 0;
									display: block;
									content: '';
									width: 100%;
									height: calc( 1em * 120 / var(--local-rem-size) );
									top: 0;
									background-repeat: no-repeat;
									background-size: auto 100%;
									background-position: center bottom;

									transform: translate( 0, 12% );
									transition: all 0s, transform 0.135s ease-out;
								}
								.feature-cta > div{
									color: white;
									position: absolute;
									z-index: 24;
									left: 0;
									right: 0;
									bottom: 0;
									z-index: 3;
									width: 100%;
									height: auto;
									padding: 1.4375em 0;
									background-repeat: no-repeat;
									background-size: 100% auto;
									background-position: center bottom;
									background-image: url('/wp-content/uploads/CTA-shape-2.svg');

								}
								.feature-cta::before{
									position: absolute;
									top: auto;
									left: 0;
									right: 0;
									bottom: 0;
									display: block;
									content: '';
									width: 100%;
									height: 100%;
									background-repeat: no-repeat;
									background-size: 80% auto;
									background-position: center top;
									background-image: url('/wp-content/uploads/CTA-shape-1.svg');
								}
								.feature-cta strong{
									text-transform: uppercase;
								}
								.feature-cta span{
									display: block;
								}
								.feature-cta *{
									line-height: 1.25;
									display: block;
								}
								.feature-cta > div {
									padding: 1.625em 0 2.125em;
								}
								.feature-cta{
									position: relative;
									display: block;
									width: calc( 1em * 250 / var(--local-rem-size ) );
									height: calc( 1em * 212 / var(--local-rem-size ) );
									margin: 1em;
									text-align: center;
									background: transparent;
								}
								.cta-list{
									display: flex;
									flex-wrap: wrap;
									align-items: center;
									justify-content: center;
								}
								.cta-list-wrapper{
									--local-rem-size: 16;
									font-size: calc( 1em * var(--local-rem-size) / var(--rem-size-desktop) );
									margin-bottom: 75px;
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (max-width: 991px){
									#cta-slider .slick-slide{
										padding-left: 1em;
										padding-right: 1em;
									}
									#cta-slider{
										flex-wrap: wrap;
										position: relative;
										width: 100vw;
										left: 50%;
										transform: translate( -50%, 0 );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* reviews slider widget */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.customer-review--google .customer-review--name::before{
									position: absolute;
									top: 50%;
									left: 0;
									transform: translate( 0, -50% );
									display: inline-block;
									content: '';
									width: calc( 1em * 25 / var(--local-rem-size) );
									height: calc( 1em * 24 / var(--local-rem-size) );
									background-color: var(--color-white);
									border-radius: 100%;
									background-repeat: no-repeat;
									background-size: calc( 1em * 16 / var(--local-rem-size) );
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-reviews-google-icon.svg');
								}
								.customer-review--google .customer-review--name::after{
									position: absolute;
									top: 50%;
									left: 100%;
									transform: translate( 0, -50% );
									display: inline-block;
									content: '';
									width: calc( 1em * 99 / var(--local-rem-size) );
									height: calc( 1em * 16 / var(--local-rem-size) );
									border-radius: 0;
									background-repeat: no-repeat;
									background-size: contain;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-review-stars.svg');
								}
								.customer-review--name{
									align-self: flex-start;
									color: var(--color-slate);
									font-family: var(--boldfont);
									font-weight: var(--boldfont-font-weight);
									line-height: 1;
									position: relative;
									display: block;
									padding-left: calc( 1em * 32 / var(--local-rem-size) );
									padding-right: calc( 1em * 12 / var(--local-rem-size) );
								}
								.customer-review--quote span::before{
									content:  open-quote;
								}
								.customer-review--quote span::after{
									content:  close-quote;
								}
								.customer-review--quote{
									display: block;
									margin-bottom: calc( 1em * 48 / var(--local-rem-size) );
								}
								.customer-review p{
									margin-bottom: 0;
								}
								.customer-review{
									position: relative;
									display: flex;
									flex-direction: column;
									align-items: stretch;
									justify-content: space-between;
									height: 100%;
									color: var(--color-white);
									background-color: var(--color-navy);
									width: calc( 1em * 464 / var(--local-rem-size) );
									border-radius: calc( 1em * 4 / var(--local-rem-size) );
									border: 2px solid var(--color-red);
									padding-top: calc( 1em * 48 / var(--local-rem-size) );
									padding-left: calc( 1em * 30 / var(--local-rem-size) );
									padding-right: calc( 1em * 72 / var(--local-rem-size) );
									padding-bottom: calc( 1em * 30 / var(--local-rem-size) );
								}
								.customer-review-list{
									display: flex;
									align-items: stretch;
									justify-content: space-between;
								}
								.customer-review-list-wrapper{
									--local-rem-size: 16;
									font-size: calc( 1em * var(--local-rem-size) / var(--rem-size-desktop) );
									text-align: left;
									max-width: calc( 1em * 990 / var(--local-rem-size) );
									margin: auto;
									margin-bottom: calc( 1em * 39 / var(--local-rem-size) );
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px) and (max-width: 1199px){
									.customer-review-list-wrapper{
										font-size: calc( 1em * var(--local-rem-size) / var(--rem-size-desktop) * 960 / 1113 );
									}
								}
								@media (max-width: 991px){
									#review-slider .slick-slide{
										padding-left: 1em;
										padding-right: 1em;
									}
									#review-slider{
										flex-wrap: wrap;
										position: relative;
										width: 100vw;
										left: 50%;
										transform: translate( -50%, 0 );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (max-width: 527px){
									.customer-review *{
										font-size: calc( 15px + (16 - 15) * (100vw - 320px) / (528 - 320) );
									}
									.customer-review{
										padding-top: 1.875em;
										height: auto;
										max-width: calc( 275px + ( 345 - 275 ) * (100vw - 320px) / (528 - 320) ) !important;
									}
									.customer-review-list .customer-review-list-item,
									.customer-review-list .slick-track,
									.customer-review-list{
										align-self: stretch;
										height: auto;
										display: flex;
										align-items: stretch;
									}
									.customer-review-list-wrapper{
										font-size: calc( 10px + (16 - 10) * (100vw - 320px) / (528 - 320) );
									}
									.customer-review--google .customer-review--name::after {
										position: absolute;
										top: 37.5%;
										left: 0;
										bottom: auto;
										transform: translate( 0, calc( -50% + (-1em * 24 / var(--local-rem-size)) ) );
										width: calc( 1em * 99 / var(--local-rem-size) );
										height: calc( 1em * 16 / var(--local-rem-size) );
									}
									.customer-review--google .customer-review--name {
										padding-right: 1.875em;
										height: 2em;
										display: flex;
										align-items: center;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* service card slider widget */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.service-card.service-card--comprehensive-plumbing::before{
									background-image: url('/wp-content/uploads/gene-johnson-service-card-icon-pipe.svg');
								}
								.service-card.service-card--satisfaction-guaranteed::before{
									background-image: url('/wp-content/uploads/gene-johnson-service-card-icon-badge.svg');
								}
								.service-card.service-card--upfront-pricing::before{
									background-image: url('/wp-content/uploads/gene-johnson-service-card-icon-handshake.svg');
								}
								.service-card::before{
									position: absolute;
									top: calc( 1em * 18 / var(--local-rem-size) );
									right: calc( 1em * 18 / var(--local-rem-size) );
									display: block;
									content: '';
									width: calc( 1em * 80 / var(--local-rem-size) );
									height: calc( 1em * 94 / var(--local-rem-size) );
									background-repeat: no-repeat;
									background-size: 100% auto;
									background-position: center top;
								}

								.service-card .service-card--header{
									font-size: calc( 1em * 20 / var(--local-rem-size) );
									color: var(--color-aqua);
									line-height: calc( 32 / 20 );
									font-family: var(--boldfont);
									font-weight: var(--boldfont-font-weight);
									margin-bottom: calc( 1em * 12 / 20 );
								}
								.service-card p{
									margin-bottom: 0;
								}
								.service-card{
									position: relative;
									display: flex;
									flex-direction: column;
									align-items: stretch;
									justify-content: flex-end;
									width: calc( 1em * 360 / var(--local-rem-size) );
									height: 100%;

									padding: calc( 1em * 30 / var(--local-rem-size) );
									padding-top: calc( 1em * 60 / var(--local-rem-size) );
									padding-bottom: calc( 1em * 30 / var(--local-rem-size) );

									background-color: var(--color-white);

									box-shadow: 0 9px 24px -9px #00000080;

									margin-top: 18px;
									margin-bottom: 27px;
								}
								.service-cards-list{
									display: flex;
									align-items: stretch;
									justify-content: space-between;
								}
								.service-cards-list-wrapper{
									--local-rem-size: 16;
									font-size: calc( 1em * var(--local-rem-size) / var(--rem-size-desktop) );
									text-align: left;
									margin-top: calc( 1em * 60 / var(--local-rem-size) );
									margin-bottom: calc( 1em * 60 / var(--local-rem-size) );
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 992px) and (max-width: 1199px){
									.service-cards-list-wrapper{
										font-size: calc( 1em * var(--local-rem-size) / var(--rem-size-desktop) * 933 / 1113 );
									}
								}
								@media (max-width: 991px){
									#service-card-slider .slick-slide{
										padding-left: 1em;
										padding-right: 1em;
									}
									#service-card-slider{
										flex-wrap: wrap;
										position: relative;
										width: 100vw;
										left: 50%;
										transform: translate( -50%, 0 );
									}
								}
								@media (max-width: 407px){
									.service-cards-list-wrapper{
										font-size: calc( 13px + (16 - 13) * (100vw - 320px) / (408 - 320) );
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* slider dots */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								/*---------------------------------------------------------*/
								/*---------------------------------------------------------*/
									#cta-slider.slick-dotted .slick-dots{
										--dot-size: calc( 1rem * 24 / 18 );
										--dot-border: 2px;

										--dot-border-color: var(--color-navy);
										--dot-color: transparent;

										--dot-border-color-hover: var(--color-navy);
										--dot-color-hover: var(--color-slate);

										--dot-border-color-active: var(--color-navy);
										--dot-color-active: var(--color-navy);
									}
								/*---------------------------------------------------------*/
									#service-card-slider.slick-dotted .slick-dots{
										--dot-size: calc( 1rem * 24 / 18 );
										--dot-border: 2px;

										--dot-border-color: var(--color-slate);
										--dot-color: transparent;

										--dot-border-color-hover: var(--color-slate);
										--dot-color-hover: var(--color-slate);

										--dot-border-color-active: var(--color-navy);
										--dot-color-active: var(--color-navy);
									}
								/*---------------------------------------------------------*/
									#review-slider.slick-dotted .slick-dots{
										--dot-size: calc( 1rem * 24 / 18 );
										--dot-border: 2px;

										--dot-border-color: var(--color-navy);
										--dot-color: transparent;

										--dot-border-color-hover: var(--color-navy);
										--dot-color-hover: var(--color-slate);

										--dot-border-color-active: var(--color-navy);
										--dot-color-active: var(--color-navy);
									}
								/*---------------------------------------------------------*/
								/*---------------------------------------------------------*/
									.slick-dotted .slick-dots li button::before,
									.slick-dotted .slick-dots li button,
									.slick-dotted .slick-dots li,
									.slick-dotted .slick-dots{
										position: relative;
										top: auto;
										left: auto;
										right: auto;
										bottom: auto;
										font-size: inherit;
										display: block;
										width: auto;
										height: auto;
										margin: 0 auto;
										padding: 0;
										color: inherit;
										line-height: inherit;
										/*background: transparent; */
										opacity: unset !important;
										cursor: default;
									}
									.slick-dotted .slick-dots{
										--dot-size: calc( 1rem * 24 / 18 );
										--dot-border: 2px;

										--dot-border-color: black;
										--dot-color: transparent;

										--dot-border-color-hover: black;
										--dot-color-hover: #999;

										--dot-border-color-active: black;
										--dot-color-active: black;
									}
									.slick-dotted .slick-dots li button::before,
									.slick-dotted .slick-dots li button,
									.slick-dotted .slick-dots li{
										font-size: var(--dot-size);
										color: var(--color-black);
										width: var(--dot-size);
										height: var(--dot-size);
										line-height: var(--dot-size);
									}
									.slick-dotted .slick-dots li:not(.slick-active) button:hover::before{
										background: var(--dot-color-hover);
										border-color: var(--dot-border-color-hover);
									}
									.slick-dotted .slick-dots li.slick-active button::before{
										background: var(--dot-color-active);
										border-color: var(--dot-border-color-active);
									}
									.slick-dotted .slick-dots li button::before{
										background: var(--dot-color);
										border-color: var(--dot-border-color);
									}
									.slick-dotted .slick-dots li button::before{
										border-radius: calc( var(--dot-size) * 100 );
										border-width: var(--dot-border);
										border-style: solid;
										content: "";
										display: flex;
										flex-wrap: wrap;
										align-items: center;
										justify-content: center;
										cursor: pointer !important;
										font-size: var(--dot-size);
									}
									.slick-dotted .slick-dots li button{
										position: relative;
										font-size: 0;
									}
									.slick-dotted .slick-dots li{
										margin: 0 calc( var(--dot-border) * 3 );
									}
									.slick-dotted .slick-dots{
										text-align: center;
										margin-top: 1rem;
										display: flex;
										flex-wrap: wrap;
										align-items: center;
										justify-content: center;
									}
								/*---------------------------------------------------------*/
								/*---------------------------------------------------------*/
									.slick-dotted.slick-slider{
										margin-bottom: unset;
									}
								/*---------------------------------------------------------*/
								/*---------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
											
				/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/

		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* theme footer */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/
				
					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* footer contact */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
							
								/*-------------------------------------------------------------------------------------------*/
									/*-------------------------------------------------------------------------------------------*/
									/* postscript contact defaults & resets */
									/*-------------------------------------------------------------------------------------------*/
										/*-------------------------------------------------------------------------------------------*/
											/* normalize margin by removing all contingent top margins on field columns & field wrappers */
												.postscript-contact .input-fields-column + .input-fields-column,
												.postscript-contact .input-fields-column .col-12 + .col-12,
												.postscript-contact .postscript-contact__message{
													margin-top: 0;
												}
											/* add consistent bottom margins to all field wrappers using proportional sizing (ems)*/
												.postscript-contact .input-fields-column .col-12{
													margin-bottom: calc( 1em * 16 / var(--rem-size-desktop) );
												}
										/*-------------------------------------------------------------------------------------------*/
												.postscript-contact .wpcf7-textarea{
													height: calc( 1em * 90 / 16 );
												}
										/*-------------------------------------------------------------------------------------------*/
									/*-------------------------------------------------------------------------------------------*/

								/*-------------------------------------------------------------------------------------------*/
									/*-------------------------------------------------------------------------------------------*/
									/* postscript contact styles */
									/*-------------------------------------------------------------------------------------------*/
										/*-------------------------------------------------------------------------------------------*/
											.postscript-contact .postscript-contact-form-header > span:empty{
												display: none;
											}
										/*-------------------------------------------------------------------------------------------*/
											.postscript-contact .postscript-contact-form-bg-wrapper{
												background: var(--color-navy);
												border-radius:  calc( 1em *  2 / var(--rem-size-desktop) );
												padding-top:    calc( 1em * 78 / var(--rem-size-desktop) );
												padding-left:   calc( 1em * 39 / var(--rem-size-desktop) );
												padding-right:  calc( 1em * 39 / var(--rem-size-desktop) );
												padding-bottom: calc( 1em * 36 / var(--rem-size-desktop) );
											}
										/*-------------------------------------------------------------------------------------------*/
									/*-------------------------------------------------------------------------------------------*/

								/*-------------------------------------------------------------------------------------------*/
									/*-------------------------------------------------------------------------------------------*/
									/* postscript contact field customizations */
									/*-------------------------------------------------------------------------------------------*/
										/*-------------------------------------------------------------------------------------------*/
										/*-------------------------------------------------------------------------------------------*/
									/*-------------------------------------------------------------------------------------------*/
							
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* footer content */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.footer-box{
									max-width: 100%;
									width: 360px;
									margin-left: auto;
									margin-right: auto;
									display: flex;
									flex-direction: column;
									align-items: stretch;
									justify-content: center;
								}
								.footer-col{
									display: flex;
									align-items: stretch;
									justify-content: center;
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer *{
									color: inherit;
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer .service-area-list .footer-service-areas-column{
									flex: 1 1 50%;
									max-width: 50%;
								}
								.footer .service-area-list a:hover{
									border-bottom: 2px solid currentColor;
								}
								.footer .service-area-list a{
									color: var(--color-white);
								}
								.footer .service-area-list{
									display: flex;
									align-items: flex-start;
									justify-content: space-between;
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer .quick-links a:hover{
									border-bottom: 2px solid currentColor;
								}
								.footer .quick-links a{
									color: var(--color-white);
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer .info-tagline span::before{
									display: none !important;
								}
								.footer .info-tagline{
									color: var(--color-red);
									font-family: var(--boldfont);
									font-weight: var(--boldfont-font-weight);
									line-height: calc( 28 / 16 );
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer .company-phone::before{
									display: none !important;
								}
								.footer .company-phone a:hover{
									color: var(--color-aqua);
								}
								.footer .company-phone a{
									color: var(--color-white);
								}
								.footer .company-phone{
									font-family: var(--basefont);
									font-weight: var(--boldfont-font-weight);
									line-height: calc( 30 / 16 );
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer-address .footer-contact-item-header::before {
									background-repeat: no-repeat;
									background-size: calc( 1em * 10 / 16 ) auto;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-icon-map-marker.svg');
								}
								.footer-phone .footer-contact-item-header::before {
									background-repeat: no-repeat;
									background-size: calc( 1em * 13 / 16 ) auto;
									background-position: center center;
									background-image: url('/wp-content/uploads/gene-johnson-icon-telephone-ring.svg');
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer-contact-item-header::before{
									position: absolute;
									z-index: 12;
									top: 50%;
									right: 100%;
									transform: translate( calc( 1em * -8 / 16 ), -50% );
									display: block;
									content: '';
									width: calc( 1em * 24 / 16 );
									height: calc( 1em * 24 / 16 );
									background-color: var(--color-aqua);
									border-radius: 100%;
								}
								.footer-contact-item-header{
									position: relative;
									font-family: var(--basefont);
									font-size: 16px;
									font-weight: var(--boldfont-font-weight);
									line-height: calc( 30 / 16 );
								}
								.footer-contact-item{
									margin-bottom: calc( 1em * 22 / 16 );
									padding-left: calc( 1em * 32 / 16 );
								}
								.footer-contact-info *{
									line-height: 1.625;
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer-column-header{
									font-family: var(--boldfont);
									font-size: 20px;
									font-weight: var(--boldfont-font-weight);
									line-height: calc( 24 / 20 );
									margin-bottom: calc( 1em * 24 / 20 );
								}
							/*-------------------------------------------------------------------------------------------*/
								.footer .company-social{
									margin-top: 0.375em;
								}
								.footer .company-logo a{
									display: table;
								}
								.footer .company-logo{
									margin: 0 auto;
								}
							/*-------------------------------------------------------------------------------------------*/
								.home .footer{
									padding-top: 387px;
									padding-bottom: 30px;
									background-color: white;
									background-blend-mode: multiply;
									background-repeat:
										no-repeat,
										no-repeat
									;
									background-size:
										cover,
										cover
									;
									background-position:
										center 12.5%,
										center center
									;
									background-image:
										url('/wp-content/uploads/gene-johnson-bg-footer-desktop.webp'),
										linear-gradient(to top, var(--color-navy) 0%, var(--color-slate) 100%)
									;
								}
								.footer{
									text-align: left;

									color: var(--color-white);
									background-color: var(--color-navy);
									
									padding-top: 90px;
									background-color: white;
									background-blend-mode: multiply;
									background-repeat:
										no-repeat,
										no-repeat
									;
									background-position:
										center 37.50%,
										center center
									;
									background-size:
										cover,
										100% 143.75%
									;
									background-image:
										url('/wp-content/uploads/gene-johnson-bg-footer-desktop.webp'),
										linear-gradient(to top, #2a285e 0%, #7094aa 131.25%)
									;
								}
								.footer > .container > .row{
									align-items: flex-start;
								}
								@media (max-width: 991px){
									.home .footer,
									.footer{
										text-align: left;
										padding-top: 96px;
										padding-bottom: 81px;
										background-color: white;
										background-blend-mode: multiply;
										background-repeat:
											no-repeat,
											no-repeat
										;
										background-size:
											cover,
											cover
										;
										background-position:
											75% 21.875%,
											center center
										;
										background-image:
											url('/wp-content/uploads/gene-johnson-bg-footer-mobile.webp'),
											linear-gradient(to top, var(--color-navy) 0%, var(--color-slate) 100%)
										;
									}
									.footer > .container > .row{
										gap: 2.125em 0;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
								@media (min-width: 1200px){
									.footer .footer-info-col--contact-info .footer-box{
										max-width: calc( 360px );
									}
									.footer .footer-info-col--service-areas .footer-box{
										max-width: calc( 285px );
									}
									.footer .footer-info-col--quick-links .footer-box{
										max-width: calc( 144px );
									}
									.footer .footer-main-col .footer-box{
										max-width: calc( 255px );
									}
									.footer-col .footer-box{
										justify-content: flex-start;
									}
								}
								@media (min-width: 992px) and (max-width: 1199px){
									.footer .footer-info-col--contact-info .footer-box{
										max-width: calc( 270px );
									}
									.footer .footer-info-col--service-areas .footer-box{
										max-width: calc( 276px );
									}
									.footer .footer-info-col--quick-links .footer-box{
										max-width: calc( 138px );
									}
									.footer .footer-main-col .footer-box{
										max-width: calc( 180px );
									}
								}
								@media (max-width: 991px){
									.footer .footer-info-col--service-areas{
										display: none !important;
									}
									.footer .footer-contact-item-header::before {
										position: static;
										transform: translateY( -1px );
										margin-right: 0.375em;
										display: inline-block;
										content: '';
										width: calc( 1em * 24 / 16 );
										height: calc( 1em * 24 / 16 );
										background-color: var(--color-aqua);
										border-radius: 100%;
									}
									.footer .footer-contact-item-header > span{
										margin-right: calc( 1em * 24 / 16 );
										font-size: 1.03125em;
									}
									.footer .footer-contact-item-header{
										display: flex !important;
										margin: auto;
										width: 210px;
										text-align: center;
										align-items: center;
										justify-content: center;
										padding: 0 !important;
									}
									.footer .footer-contact-item{
										padding-left: 0 !important;
									}
									.footer *{
										text-align: center;
									}
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* footer copyright */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.copyright .company-license,
								.copyright .ryno-byline{
									white-space: nowrap;
								}
								.copyright p a:hover{
									border-bottom-color: currentColor;
									border-bottom-style: solid;
									border-bottom-width: 2px;
									text-decoration: none;
								}
								.copyright p a *,
								.copyright p a,
								.copyright p *,
								.copyright p,
								.copyright a{
									color: inherit;
								}
								.copyright{
									line-height: calc( 21 / 15 );
									font-size: 15px;
									color: var(--color-white);
									padding-top: 21px;
									padding-bottom: 21px;
									background-color: var(--color-navy);
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
					
				/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/








	/*-------------------------------------------------------------------------------------------*/



		/*-------------------------------------------------------------------------------------------*/
			/*-------------------------------------------------------------------------------------------*/
			/* baseline theme styles */
			/*-------------------------------------------------------------------------------------------*/
				/*-------------------------------------------------------------------------------------------*/

					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/* contact page sidebar info panel addresses */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
								.contact-sidebar__company-info .company-address{
									line-height: 1.5000;
									margin: 1.40625em auto;
									font-size: 1.09375em;
								}
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/


					/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/
						/*  */
						/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
							/*-------------------------------------------------------------------------------------------*/
						/*-------------------------------------------------------------------------------------------*/








/*-------------------------------------------------------------------------------------------*/
/* end of file */