/*
Theme Name:         UrbanFootprint
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.9.2
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

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

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

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

/* TYPOGRAPHY */

/* added for 2023 redo */
@font-face {
	font-family:'MessinaSerifLight';
		 src: url('assets/fonts/MessinaSerif-Light.woff2') format('woff2'),
		 url('assets/fonts/MMessinaSerif-Light.woff') format('woff'); 
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}
	

/* 6.22.3 */
@font-face {
    font-family:'MessinaSerif';
		src: url('assets/fonts/MessinaSerifWeb-Light.woff2') format('woff2'), /* Super Modern Browsers */
		url('assets/fonts/MessinaSerifWeb-Light.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
} 

@font-face {
    font-family:'MessinaSansWeb';
    src: url('assets/fonts/MessinaSansWeb-Regular.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/MessinaSansWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/MessinaSansWeb-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/MessinaSansWeb-Regular.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
}

@font-face {
    font-family:'MessinaSansWeb-Bold';
    src: url('assets/fonts/MessinaSansWeb-Bold.eot'); /* IE9 Compat Modes */
    src: url('assets/fonts/MessinaSansWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/MessinaSansWeb-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('assets/fonts/MessinaSansWeb-Bold.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
}


/* 6.22.3 */
@font-face {
    font-family:'MessinaSans';
		src: url('assets/fonts/MessinaSansWeb-Book.woff2') format('woff2'), /* Super Modern Browsers */
		url('assets/fonts/MessinaSansWeb-Book.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
}

/* 6.22.3 */
@font-face {
    font-family:'MessinaSans-SemiBold';
		src: url('assets/fonts/MessinaSansWeb-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
		url('assets/fonts/MessinaSansWeb-SemiBold.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
}

/* 6.22.3 */
@font-face {
    font-family:'MessinaSansMono';
		src: url('assets/fonts/MessinaSansMonoWeb-Bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('assets/fonts/MessinaSansMonoWeb-Bold.woff') format('woff'); /* Pretty Modern Browsers */
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-FB04;
}

body{
    -moz-osx-font-smoothing: grayscale;     /* optimize font rendering */
    -webkit-font-smoothing: antialiased;    /* apply font anti-aliasing */
    text-rendering: optimizeLegibility;     /* emphasizes in legibility over rendering speed */
    -moz-font-feature-settings:"kern" 1;    /* turn on kerning, highly recomened */ 
    -ms-font-feature-settings:"kern" 1;     /* turn on kerning, highly recomened */ 
    -o-font-feature-settings:"kern" 1;      /* turn on kerning, highly recomened */
    -webkit-font-feature-settings:"kern" 1; /* turn on kerning, highly recomened */
    font-feature-settings:"kern" 1;         /* turn on kerning, highly recomened */
    font-kerning: normal;                   /* turn on kerning, highly recomened */

    font-feature-settings: "liga" on;       /* ligatures: on or off */
    font-feature-settings: "dlig" off;      /* discretionary-ligatures: on or off */
    font-feature-settings: "onum" off;      /* old-style-figures: on or off */
    font-feature-settings: "lnum" off;      /* lining-figures: on or off */
    font-feature-settings: "ss01" off;      /* alternate glyphs: on or off */
}

h1, h2, h3, h4, h5 {
    color: #111;
    font-family: 'MessinaSansWeb-Bold', arial, helvetica, sans-serif !important;
    font-weight: bold;
    line-height: 1.375;
    text-align: left;
}
 h1.h2 {
 	color:#fff;
 }
.featured_product h1.h2 {
	font-size: 2.25rem;
	margin-bottom: 32px;
	font-weight: bold;
	line-height: 1.375;
	font-family: "Roboto";
	color: #000;
}

.MessinaSansWeb h3,
.MessinaSansWeb h2 {
	font-weight:600 !important;
	font-family: 'MessinaSansWeb', arial, helvetica, sans-serif !important;
}
.MessinaSans h3,
.MessinaSans h2 {
	font-weight:600 !important;
	font-family: 'MessinaSans', arial, helvetica, sans-serif !important;
}
.MessinaSans-SemiBold h2 {
	font-weight:100 !important;
	font-family: 'MessinaSans-SemiBold', arial, helvetica, sans-serif !important;
}

.MessinaSerif h1, .MessinaSerif h2, .MessinaSerif h3, .MessinaSerif h4, .MessinaSerif h5,
.MessinaSerif p {
	font-family:MessinaSerif, Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif" !important;
	font-weight:300 !important;
}
.MessinaSerifLight h1, .MessinaSerifLight h2, .MessinaSerifLight h3, .MessinaSerifLight h4, .MessinaSerifLight h5,
.MessinaSerifLight p {
	font-family:MessinaSerifLight,Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif" !important;
	font-weight:300 !important;
}


.larger > div > h1 {
	font-size: 4.5em;
	line-height: 76px;
}

.MessinaSerif.h1 h2 {
	font-size:60px;
	line-height:72px;
}
 @media screen and (max-width:980px) {
	.MessinaSerif.h1 h2 {
		font-size:48px;
		line-height:55px;
	}
	.larger > div > h1 {
		font-size: 1.875em;
		line-height: 32px;
	}	
 }
.MessinaSans h1,
.MessinaSerif h1,
.MessinaSerif.larger h2 {
	font-size: 48px;
	line-height: 55px;
}
.MessinaSans h2,
.MessinaSerif h2 {
	font-size:36px;
	line-height:44px;
}
.MessinaSans h3,
.MessinaSerif h3 {
	font-size: 36px;
	line-height: 40px;
}

.featured_product .MessinaSerif.Light h1,
.MessinaSerif.Light h1,
.MessinaSerif.Light h2,
.MessinaSerif.Light h3 {
	font-weight:400 !important;
}

 @media screen and (max-width:980px) {
	 .MessinaSans h1,
	 .MessinaSerif h1,
	 .MessinaSerif.larger h2 {
		font-size: 2.5rem;
		line-height: 1.2;
	 }
	 .MessinaSans h2,
	 .MessinaSerif h2 {
		font-size:28px;
		line-height: 1.2;
	 }
	 .MessinaSans h3,
	 .MessinaSerif h3 {
		font-size: 26px;
		line-height: 1.2;
	}
 
 }


p {
    font-family: 'MessinaSansWeb', arial, helvetica, sans-serif;
}

p.eyebrow {
    font-family: 'MessinaSansWeb-Bold', arial, helvetica, sans-serif;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.58;
    margin-bottom: 12px;
    text-transform: uppercase;
}

/* END TYPOGRAPHY */

.solution-feature-section {
    width: 100%;
    padding: 0px!important;
}
.page-id-312 .sec  {
	padding-bottom:20px;
	padding-top:0px;
}
.page-id-312 .sec.text-center  {
	padding-bottom:0px;
	padding-top:80px;
}

.inputs-list {
	margin-left: 0px;
}
ul.inputs-list li {
	list-style: none;
}
ul.inputs-list li input {
	width: 20px;
    height: 20px;
    margin-right: 10px !important;
    vertical-align: middle;
}
ul.inputs-list li span {
	font-family: 'MessinaSansWeb', arial, helvetica, sans-serif;
    font-size: 16px;
    font-style: italic;
    vertical-align: MIDDLE;

}
p a {
	color: #4385F4 !important;
}
.white-text p {
	color: #FFF;
}

.home .rt-wpls .single-logo img {
	max-width:70%;
}
.single-logo.wls-grayscale img.wls-logo:hover {
    -webkit-filter: grayscale(100) !important;
    -moz-filter: grayscale(100) !important;
    -o-filter: grayscale(100) !important;
    filter: grayscale(100) !important;
}
.logo-cta {
	margin-top: 80px;
}

/** Case Study Gallery Page **/
.page-template-case-study-gallery .row {
	max-width: 74em !important;
} /*This is our general override of page width*/
.page-template-case-study-gallery .sec {
	background-blend-mode: multiply;
	background-color: #F4F7FB;
	background-image: url('/wp-content/uploads/2019/07/case-study-gallery-background-1.png');
	background-repeat: repeat-x;
	background-size: contain;
	padding-bottom: 0;
}
.csg-heading h1,
.csg-heading h2,
.csg-heading h3,
.csg-partner-col h3,
.csg-partner-col p, 
.casestudy-featured h5,
.casestudy-featured p,
.csg-partner-col a,
.casestudy-pullquote p,
.casestudy-pullquote h5,
.casestudy-caption p {
	font-family: 'MessinaSansWeb', arial, helvetica, sans-serif;
	color: #000;
	line-height: 1.58
}
.casestudy-text h1 {
    color: #000;
    font-family: 'MessinaSansWeb-Bold', arial, helvetica, sans-serif;
    font-size: 48px;
    line-height: 1.25;
    margin-bottom: .5em;
}
.csg-heading h1 { 
    font-size: 36px; 
    font-weight: bold; 
}
.csg-heading h2 { font-size: 24px; text-align: center; margin-bottom: 0; }
.csg-cs-row { background-blend-mode: multiply; }
/*.csg-quote-col {width:55%;}*/
.csg-quote p {
    color: #FFFFFF;
    font-size: 28px;
    line-height: 1.58;
    text-align: left;
    text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
}
/*Added these pull quote styles that could be combined with Case Study page styles*/
.csg-quote p:before,
.csg-more-quote p:before {
    content: "“";
    margin-left: -.5em;
    position: absolute;
}
.csg-quote p:after,
.csg-more-quote p:after {
    content: "”";
    margin-left: .05em;
}
.csg-quote-by p {text-align:left;text-transform:uppercase;color:#ffffff;font-size:16px;font-weight: bold;letter-spacing:2px;line-height:19px;}
.csg-partner-logo img {width:65%;padding:50px 0 50px 48px;}
/*.csg-partner-col {width:45%;}*/
.csg-partner-col h3 { text-align:left; font-size: 24px; font-weight: bold; }
.csg-partner-col p { font-size: 16px; text-align:left;}
.csg-partner-col a { color: #4385F4 !important; font-size: 18px; font-weight: 500; }
.csg-partner-col .vc_column-inner { padding-right:0; padding-left:0; }
.csg-partner-col p a:after {
    content: ">";
    padding-left: 8px;
}
.csg-more-case-study p {color: #000000;font-family: 'MessinaSansWeb', arial, helvetica, sans-serif;font-size: 28px;font-weight: bold;line-height: 35px;text-align: center;}
.page-template-case-study-gallery .see-urban-cta {padding: 25px;background-color: #4385f4;}
.page-template-case-study-gallery .see-urban-cta .cta-left h2 {font-size: 28px;color: #ffffff;font-family: 'MessinaSansWeb';line-height: 35px;text-align: left;}
.page-template-case-study-gallery .see-urban-cta .cta-left p {font-size: 18px;color: #ffffff;font-family: 'MessinaSansWeb';text-align: left;}
.page-template-case-study-gallery .see-urban-cta .cta-right p {color: #ffffff;font-size: 18px;font-family: 'MessinaSansWeb';}
.page-template-case-study-gallery .see-urban-cta .cta-right p a {color: #ffffff!important;font-size: 18px;font-family: 'MessinaSansWeb';text-decoration: underline;}
.csg-more-quote-by p {font-size: 18px;color: #000000;font-family: 'MessinaSansWeb', arial, helvetica, sans-serif; line-height: 27px;text-align: left;font-weight:bold;}
.casestudy-featured p.copy { font-size: 16px; }
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.csg-partner-logo img {margin-left:auto;margin-right:auto;}
	#partner1 {float:left;width:50%;}
	#partner2 {float:left;width:50%;}
	#partner3 {float:left;width:50%;}
	#partner4 {float:left;width:50%;}
	#partner5 {float:left;width:50%;}
	#partner6 {float:left;width:50%;}
}

/* Case Study */
.casestudy-hero {background-repeat:no-repeat;background-position: center;background-size: cover;height:594px;}
.casestudy-more-row {background-color: #F4F7FB;}
.casestudy-more-studies {height: 35px; padding-top:30px;}
.casestudy-more-studies p {color: #000000;font-family: 'MessinaSansWeb';font-size: 28px;font-weight: bold;line-height: 35px;}
.casestudy-view-all {height: 24px;padding-top:20px;padding-bottom:30px;}
.casestudy-view-all	p {color: #4385F4;	font-family: 'MessinaSansWeb';	font-size: 16px;	font-weight: 500;}

.casestudy-featured .vc_column-inner .wpb_wrapper {
	background-color:#ffffff;
}
.casestudy-featured .vc_column-inner .wpb_wrapper a {
	font-size: 16px;
}
 
.casestudy-featured p.eyebrow {color: #607D9C;text-transform: uppercase;letter-spacing: 2px;font-weight: bold;font-size:16px;margin-bottom: 1rem;
}

body.case_studies-template .see-urban-cta .cta-left,
body.case_studies-template .see-urban-cta .cta-right {
	padding-top: 40px;
}
body.case_studies-template .see-urban-cta .cta-right p,
body.single-case_study .see-urban-cta .cta-right p {
	color: #ffffff;
	font-size: 18px;
	font-family: 'MessinaSansWeb';
}
body.case_studies-template .see-urban-cta .cta-right p a,
body.single-case_study .see-urban-cta .cta-right p a {
	color: #ffffff !important;
	font-size: 18px;
	font-family: 'MessinaSansWeb';
	text-decoration: underline;
}

body.case_studies-template .see-urban-cta .cta-left h2,
body.single-case_study .see-urban-cta .cta-left h2 {
	font-size: 28px;
	color: #ffffff;
	font-family: 'MessinaSansWeb-Bold';
	line-height: 35px;
	text-align: left;
}
body.case_studies-template .see-urban-cta .cta-left p,
body.single-case_study .see-urban-cta .cta-left p {
	font-size: 18px;
	color: #ffffff;
	font-family: 'MessinaSansWeb';
	text-align: left;
}

body.case_studies-template .see-urban-cta, 
body.single-case_study .see-urban-cta {
	padding: 25px;
	background-color: #4385f4;
}

body.single-case_study .casestudy-main-col .vc_column-inner {margin-top: -120px;padding-right: 95px;padding-left: 30px;}
body.single-case_study h2 {
    color: #000;
    font-family: 'MessinaSansWeb-Bold';
    line-height: 1.325;
    padding-right: 0;
}
body.single-case_study h3 {
    font-family: 'MessinaSansWeb';
    font-size: 28px;
    font-weight: 400;
    color: #48627F;
    line-height: 1.58;
    padding-right: 0;
}
body.single-case_study .row {max-width: 90em;}
body.single-case_study .sec.text-center {padding: 0 0 5rem 0;}
body.single-case_study .swp_social_panel {display: none;}

/*Switching body text styles for readability*/
/*May eventually add in a more stylized serif option*/
.casestudy-text p {
    font-family: Georgia, serif;
    color: #24292C;
    font-size: 20px;
    line-height: 1.65;
    padding-right: 0;
    letter-spacing: -.003em;
}

.casestudy-pullquote {
    border-left: 6px solid #111;
    padding-left: 32px;
    padding-bottom: 0;
    font-weight: 500;
}

.casestudy-pullquote p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size:28px;
}

.casestudy-pullquote p:before,
.casestudy-pullquote p:after {
    text-transform: none;
    font-style: italic;
}

.casestudy-pullquote p:before {
    content: "“";
    margin-left: -16px;
    position: absolute;
}

.casestudy-pullquote p:after {
    content: "”";
    margin-left: 3.2px;
}

.casestudy-pullquote h5 {
    text-align: left;
    font-size: 1rem;
}


body.single-case_study .casestudy-image-right .vc_column-inner {
	margin-top:0;
    padding-right: 15px;
}

 /*Condense casestudy-caption into single style*/
.casestudy-caption p {
    font-family: Georgia, serif; /*Override of JA CSS*/
    font-size: 14px;
    font-style: italic;
    font-weight: 500;
    max-width: 600px;
    margin: auto;
    padding-right: 0; /*Override of JA CSS*/
    padding-top: 30px; /*Override of JA CSS*/
}

 /*Class to scale down images to by retina-friendly as 50% of native width*/
.img-2x img {
    max-width: 50%!important;
}

.casestudy-right-col p {color: #48627F;font-size: 14px;line-height: 24px;text-align: left;}
.casestudy-right-col-link p {color: #4385F4;font-size: 14px;font-weight: 500;line-height: 24px;text-align: left;}
/*.casestudy-related-box {background-color:#F4F7FB;}*/
#case-study-white-stripe .vc_col-sm-8 {background-color: #ffffff;height:100px;margin-bottom: -3px;width:62.66666667%;}
#case-study-white-stripe .white-stripe * {
    background-color: #ffffff;
    height: 100px;
    margin-bottom: -3px;
    width: 100%;
}

.casestudy-main-colv2 .vc_col-sm-6 h2 {font-size:48px;line-height: 60px;padding-right: 0px;}    
#case-study-top-row[data-vc-full-width] {overflow:visible!important;}

@media only screen  and (min-width: 1110px) {
	.csg-more-quote p {
		font-size: 150% !important;
	}
}

/*Adjustments to how the hero image crop and text alignment happens*/
@media (min-width: 768px) {
    #case-study-top-row .col-left { /*Add class to this column*/
        margin-top: -88px; /*Shift text column up*/
    }
}

/*Adjustments for smaller screens*/
@media (max-width: 767px) {

    /*Scaling font down on smaller screens*/
    .casestudy-text p {
        font-size: 18px;
        letter-spacing: -.004em;
    }

    /*Make hero smaller on smaller screens*/
    .casestudy-hero {
        height: 360px; 
    }

.mobile-partner-box {text-align:center;width:82%!important;}
.vc_col-sm-10 {width: 100%!important;}
.vc_col-sm-2 {width: 100%!important;}
}


@media (max-width: 47.9375rem) {
	.section-wrapper .right-sidebar {
     padding-left: 0!important;
    }
}

@media (max-width: 39.9375rem) {

	#case-study-top-row .vc_col-sm-9 {margin-top:-70px!important;}
	#case-study-top-row .vc_col-sm-3 {
		padding-left: 0; /*Remove CSS-based offset*/
	}

	body.single-case_study .vc_column-inner { padding: 0px 20px !important }
	.casestudy-hero .vc_col-sm-12 .vc_column-inner { padding-left: 0 !important; }
	body.single-case_study h2 { 
		font-size: 35px !important; 
		line-height: 50px !important;
		padding-right: 0; /*Override to rely solely on WPBakery responsive columns*/
	}
	body.single-case_study h3 {
		font-size: 28px;
		color: #48627F;
		line-height: 1.58;
		padding-right: 0;
	}
	.casestudy-image-right {display: flex;flex-direction: column-reverse!important;
	}
	.casestudy-image-right .wpb_single_image {margin-bottom:0!important;}

	#case-study-top-row {
			padding-top: 32px; /*Needed to add this as padding was strange on the top w/o*/
		}

	body.single-case_study .casestudy-image-right .vc_col-sm-3 .vc_column-inner {padding: 0 25px!important;}
	body.single-case_study .casestudy-image-right .vc_col-sm-9 .vc_column-inner {padding: 0 25px!important;}
	body.single-case_study .see-urban-cta {padding:50px 25px 25px 25px;}    
	body.single-case_study .see-urban-cta .cta-left {padding-top:0;}
	body.single-case_study .see-urban-cta .cta-left h2 {text-align:center;}
	body.single-case_study .see-urban-cta .cta-left p {text-align: center;}
	body.single-case_study .see-urban-cta .cta-right {padding-top:0;}
	body.single-case_study .see-urban-cta .cta-right p {text-align:center;}
	body.single-case_study .see-urban-cta .cta-left .vc_column-inner {padding:0!important;}
}

ul.checklist {list-style-type: none;padding: 0;margin: 0;}
ul.checklist li {
	background: url('assets/images/landing-page-checkmark@2x.png') no-repeat left top;
	background-size: 36px;
	padding-left: 50px;
	background-position: 0 2px;
	margin-bottom: 20px;
	font-size: 16px;
	color:#48627F!important;
}



/* REQUEST A DEMO */
#reqdemo { text-align:left;width:55%; }
@media (max-width: 75rem) {
	#reqdemo {width:51%!important;}
}
@media (max-width: 39.9375rem) {
	#reqdemo {width:95%!important;}
}

/* 
	HUBSPOT form global custom style overrides
	main form
		- 493d8b43-9f22-4427-925f-9fdc2886ecad - https://ufdev.wpengine.com/about/contact-sales/
		
		- Whitepapers
		----------------------------------------------------
		- 050b4aff-e2bd-4093-85be-502149d2f1fc - https://ufdev.wpengine.com/whitepaper/equitable-ev-siting/
		- df8805a4-9ed9-48b4-a7cb-95bc95c1b84e - https://ufdev.wpengine.com/whitepaper/data-driven-planning-city-resilience/
		- 255b06b5-1516-45ce-9990-24bc471c7783 - https://ufdev.wpengine.com/whitepaper/government-assistance/
		- 17682e9f-76b2-4241-8dab-3afb9ecd5e9c - https://ufdev.wpengine.com/whitepaper/recover-stronger/
		- 26c13012-71e2-45b2-bf28-219fee158cb9 - https://ufdev.wpengine.com/whitepaper/map-existing-conditions-in-record-time/
		
		- 530531ce-15b4-42a5-83c9-77ae3a4ddb12 
		  ---------------------------------------------------	
			https://ufdev.wpengine.com/community-resilience-meaning/
			https://ufdev.wpengine.com/platform/analyst/
			https://ufdev.wpengine.com/platform/data-subscriptions/
			https://ufdev.wpengine.com/platform/explorer/
			https://ufdev.wpengine.com/roundtable-deploying-ev-infrastructure/
			https://ufdev.wpengine.com/solutions/academic-institutions/
			https://ufdev.wpengine.com/solutions/environmental-analysts/
			https://ufdev.wpengine.com/solutions/eri-gallery/
			https://ufdev.wpengine.com/solutions/ngos-and-nonprofits/
			https://ufdev.wpengine.com/what-are-esg-criteria/        
			https://ufdev.wpengine.com/what-is-climate-resilience/                                               

		- 5bfd3b8b-e4af-482d-9800-d8a9d5a3b24b
		  ---------------------------------------------------
			https://ufdev.wpengine.com/solutions/fsi-gallery/		
			https://ufdev.wpengine.com/solutions/assist-gallery/

		- 5bbd968e-539c-476c-a9e5-288d05fbe287 	
		  ---------------------------------------------------
			https://ufdev.wpengine.com/solutions/for-government/		
		
		
		- 929d0839-e6cd-4d3f-84f2-a5e7151f59e8 - /cta/join-our-community/- (no form loading, but page is live...dead?)
		- 9da302ab-9250-4f62-a4c3-9901910117ca - /mastercard-city-insights/ - (no form loading, but page is live...dead?)
		- 4dca264b-acc6-420f-8415-e24f99872aba - /talk-to-us-covid-19-services/ - (dead) 
		- 65b6a9e9-bc01-4a41-a68c-f8f42c427b07 - /test-contact-sales/ - (dead)
		- c2942f8e-6ec9-4aeb-a16c-203910ed8746 - /contact-us-1/ - (dead) 		
		- b591f159-34f3-4a0b-b755-bd069fbfc0e7 - ?? - unknown ACF Flexible content - dead?
*/



/* main contact form */
#hsForm_493d8b43-9f22-4427-925f-9fdc2886ecad,
.single-whitepaper .hs-form {
	background: #C2E5FF; /* url('/wp-content/uploads/2023/06/solutions-contact-footer-bg.png'); */
	background-size:cover;
	color:#000;
	padding: 20px 20px 36px 20px;
	border-radius: 2px;
}
.no-form-bg #hsForm_493d8b43-9f22-4427-925f-9fdc2886ecad {
	background-image:none;
}

/* any Hubspot form on site */

.sec .hs-form ul {
	margin:0px auto 20px 0px;
}
.hs-form .hs-form-field label span {
  color: #000 !important;
  font-family: 'MessinaSansWeb';
  font-size: 16px;
  line-height: 24px;
}
.hs-form  .hs-error-msgs.inputs-list label {
	 color:#C91A1A !important;
}
.hs-form .hs-richtext span,
.hs-form .hs-richtext  a,
.hs-form .hs-richtext * {
    color: #000 !important;
    font-family: 'MessinaSansWeb';    
  	font-size: 13px !important;
  	line-height: 20px !important;
  	margin-top:10px !important;
}
.hs-form  .hs-richtext a  {
 	color: #000 !important;
	text-decoration: underline!important;
	font-weight: bold;
}

/* whitepapers */
.single-whitepaper > .section-wrapper > div > div > .left-sidebar .hs-form-field {
	margin:20px 3px;
}
@media (max-width: 739px) {
    .single-whitepaper > .section-wrapper > div > div > .left-sidebar .hs-form-field {
	    margin:20px 2px;
    }   
}
.single-whitepaper > .section-wrapper > div > div > .left-sidebar .hs-input {
  font-family: 'MessinaSansWeb' !important;
  font-size: 16px;
  line-height: 24px;
  font-style:normal;
  color:#667085;
  background-color: #fff!important;
  border: 1px solid #D0D5DD!important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05)!important;
  border-radius: 8px!important;
  min-height: 44px!important;
  height:44px!important;
  margin: 6px 0 0 0!important;
}

/* main contact page form */
#skinnyform .hs-form {
	margin-top: -480px;
	z-index: 99;
	position: relative;
}


.hs-form-field label span {
	font-size: 18px;
	font-weight:bold;
}

/* error msg */
 .hs-error-msgs.inputs-list label {
     margin: 0px 0 -20px 0px !important;
	 line-height:150%;
}
.hs-phone .hs-error-msgs.inputs-list label,
 .hs-fieldtype-select .hs-error-msgs.inputs-list label {
     margin: 0px 0 20px 0px !important;
}
.hs_error_rollup {
	text-align:center;
	padding: 10px;
}

.hs-form-field {
	margin-top: 20px;
}

.hs-input,
.hs-form input[type="text"], 
.hs-form input[type="email"], 
.hs-form input[type="password"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"] {
  font-family: 'MessinaSansWeb' !important;
  font-size: 16px;
  line-height: 24px;
  font-style:normal;
  color:#667085;
  background-color: #fff!important;
  border: 1px solid #D0D5DD!important;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05)!important;
  border-radius: 8px!important;
  min-height: 34px!important;
  height:34px!important;
  margin: 6px 0 0 0!important;
}

select.hs-input{
	font-family: 'MessinaSansWeb' !important;
	font-size: 16px;
	line-height: 16px;
	font-style:normal;
	color:#667085;
  	background-color: #fff !important;
	border: 1px solid #D0D5DD!important;
  	border-radius: 8px!important;	
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05)!important;
}
.hs-input.hs-fieldtype-textarea,
.hs-form textarea {
	min-height:115px!important;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05)!important;
}
.hs-textarea {
	padding-bottom:15px;
}


#skinnyform .hs_submit .actions {
	text-align:center;
}
.hs_submit .actions input {
	height: 44px;
	background-color: #252F70;
	border-radius: 8px;
	color:#fff;
	font-family: 'MessinaSansWeb' !important; 
	font-size: 14px!important;

	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	line-height: 14px;
}
.hs_submit .actions input:hover {
	background: #4856B4 !important;
	color: #fff;
	cursor: pointer;
}

/* field widths */

.hs-email,
.hs-phone {
    width:98.5%;
	clear:both;
	padding-top:20px;
}

.hs_firstname,
.hs_company,
.hs_lastname,
.hs_jobtitle,
.hs_country {
    float: left;
    width: 48% !important;
}
.hs_firstname,
.hs_company {
    margin-right: 16px;
}

/*
.single-whitepaper .hs_company,
.single-whitepaper .hs_jobtitle {
	float:none;
	width:100% !important;
}
.single-whitepaper .hs-email, 
.single-whitepaper .hs-phone {
	padding-top:0px;
}
*/

#skinnyform .hs_firstname,
#skinnyform .hs_company,
#skinnyform .hs_lastname,
#skinnyform .hs_jobtitle,
#skinnyform .hs_country {
    width: 47% !important;
}

/*
@media (max-width: 800px) {
	.hs_firstname,
	.hs_company,
	.hs_lastname,
	.hs_jobtitle,
	.hs_country {
		width: 46.5% !important;
	}
}
 Solutions form template */
@media (min-width: 768px) and (max-width: 820px) {
	.hs_firstname,
	.hs_company,
	.hs_lastname,
	.hs_jobtitle,
	.hs_country {
		width: 47% !important;
	}
}

/* 639px  -- @media (max-width: 39.9375rem) { */

@media (max-width: 42.063rem) {
	#skinnyform .hs-form {
		margin-top:0px;
	}
    .hs-email,
	.hs-phone {
		padding-top:0px;
	}
	
	.hs_firstname,
	.hs_company,
	.hs_lastname,
	.hs_jobtitle,
	.hs_country,
	#skinnyform .hs_firstname,
    #skinnyform .hs_company,
    #skinnyform .hs_lastname,
    #skinnyform  .hs_jobtitle,
    #skinnyform  .hs_country {
		float: none;
		width: 98.5% !important;
		margin-right: 0px;
	}
	
 
}