/* ========================================================================================================================
													Brand Colors
======================================================================================================================== */



/* ========================================================================================================================
													Fonts
======================================================================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');

@import url('https://7549820.fs1.hubspotusercontent-na1.net/hubfs/7549820/Client_Name_Lp_Assets_2020/fontawesome/css/all.min.css');

/* ========================================================================================================================
													General Styles
======================================================================================================================== */

:focus {
	outline: none !important;
}

html,
body {
	height: 100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.6;
	color: #000;
	background-color: #fff;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

/*img[src*=svg] {
	width: 100%;
}*/

a {
	color: #FC5AA6;
  font-size: 17px;
  line-height: 1.9;
	text-decoration: none;
	-webkit-transition: color 200ms ease-in-out;
	transition: color 200ms ease-in-out;
}
a:hover,
a:active,
a:focus {
	color: #FB3492;
	text-decoration: underline;
}


h1,
.h1 {
	font-size: 35px;
	font-weight: 600;
	line-height: 38px;
	color: #292336;
	margin: 20px 0;
}
h2,
.h2 {
	font-size: 25px;
	font-weight: 600;
	line-height: 38px;
	color: #292336;
	margin: 20px 0;
}
h3,
.h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	color: #292336;
	margin: 20px 0;
}
h4,
.h4 {
	font-size: 17px;
	font-weight: 600;
	line-height: 22px;
	color: #292336;
	margin: 20px 0;
}
h5,
.h5 {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: #292336;
	margin: 20px 0;
}
h6,
.h6 {
	font-size: 12px;
	font-weight: 700;
	line-height: 18px;
	color: #292336;
	margin: 20px 0;
}

p {
	font-size: 17px;
	line-height: 30px;
  color: #787878;
  font-weight: 400;
	margin: 20px 0;
}

.text-big {
	font-size: 19px;
}
.text-small {
	font-size: 15px;
}

.tag-pink {
  color: #FC5AA6;
  font-weight: 600;
  line-height: 24px;
}

ul {
	font-size: 16px;
	line-height: 1.6;
	margin: 20px 0;
}
	ul ul,
	ul ol {
		margin-top: 0;
	}

ol {
	font-size: 16px;
	line-height: 1.6;
	margin: 20px 0;
}
	ol ol,
	ol ul {
		margin-top: 0;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px;
	border-left: 7px solid #E6E6E6;
}

blockquote p {
  font-size: 20px;
  font-weight: 600;
  color: #292336;
	line-height: 24px;
}

hr {
	background-color: #E5E5E5;
	border: 0;
	height: 2px;
	margin: 20px 0;
}



/* Content Tight / Scrunch
---------------------------------------- */

.content-tight h1,
.content-tight h2,
.content-tight h3,
.content-tight h4,
.content-tight h5,
.content-tight h6,
.content-tight p,
.content-tight ul,
.content-tight ol,
.content-tight blockquote,
.content-tight hr {
	margin: 10px 0;
}

.content-scrunch h1,
.content-scrunch h2,
.content-scrunch h3,
.content-scrunch h4,
.content-scrunch h5,
.content-scrunch h6,
.content-scrunch p,
.content-scrunch ul,
.content-scrunch ol,
.content-scrunch blockquote,
.content-scrunch hr {
	margin: 0;
}

.scrunch {
	margin: 0 !important;
}
.scrunch-top {
	margin-top: 0 !important;
}
.scrunch-bottom {
	margin-bottom: 0 !important;
}
.scrunch-top-first-child :first-child {
	margin-top: 0 !important;
}




/* Content Inverse
---------------------------------------- */

.content-inverse h1,
.content-inverse h2,
.content-inverse h3,
.content-inverse h4,
.content-inverse h5,
.content-inverse h6,
.content-inverse p,
.content-inverse ul,
.content-inverse ol,
.content-inverse blockquote,
.content-inverse hr {
	color: #FFF;
}

/* Links Inverse
---------------------------------------- */

.links-inverse a {
	color: #FFF;
	text-decoration: none;
}
.links-inverse a:hover,
.links-inverse a:active,
.links-inverse a:focus {
	color: #FFF;
	text-decoration: none;
}



/* Text Colors
---------------------------------------- */

.text-fff {
	color: #FFF;
}
.text-pink {
	color: #FC5AA6;
}

.text-dark {
	color: #292336;
}

/* Link Colors
---------------------------------------- */

a.black-link {
	color: #000;
	text-decoration: none;
}
a.black-link:hover,
a.black-link:active,
a.black-link:focus {
	color: #000;
	text-decoration: underline;
}




/* Backgrounds
---------------------------------------- */

.bg-cover {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.bg-fff {
	background-color: #FFF;
}

.bg-292336 {
  background-color: #292336;
}



/* Borders
---------------------------------------- */

.border-top-grey {
	border-top: 1px solid #ccc;
}



/* Image Sizes
---------------------------------------- */

.image-center {
	margin: 0 auto;
}
.image-full {
	width: 100%;
}
.image-xs {
	max-width: 50px;
}
.image-sm {
	max-width: 100px;
}
.image-md {
	max-width: 150px;
}
.image-lg {
	max-width: 200px;
}














/* ========================================================================================================================
														Forms
======================================================================================================================== */


.form-control {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/* Change Bootstrap 4 input colors
---------------------------------------- */

.form-control:focus {
	border-color: #139fda;
	box-shadow: 0 0 0 0.2rem rgba(19, 159, 218, .25);
}
.custom-select:focus {
	border-color: #139fda;
}
.custom-file-input:focus~.custom-file-label {
	border-color: #139fda;
	box-shadow: 0 0 0 0.2rem rgba(19, 159, 218, .25);
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before {
	background-color: #139fda;
}


/* Hubspot Form Styles
---------------------------------------- */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {
	margin-bottom: 20px;
}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {}

/* Labels (selects field labels and error messages) */
.hs-form label {}
.hs-form .hs-form-field > label {
	color: #585858;
	font-size: 18px;
}
.hs-form .hs-form-field > label > .hs-form-required {
	color: #585858;
}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select {
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	height: 40px;
	border: solid 1px #B3B4B7;
  border: none;
  border-bottom: 3px solid #D8D8D8;
  transition: border-bottom 200ms ease-in-out;
}

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus {
  border-bottom: 3px solid #FC5AA6;
}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {
	height: 200px;
  background-color: #F5F5F5;
}
.hs-form textarea:focus {}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {}
.hs-form select:focus {}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}

.hs-form form.hs-form .hs-form-field.has-fieldtype-radio ul.inputs-list li {}
.hs-form form.hs-form .hs-form-field.has-fieldtype-radio ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}


/* Required (selectors for fields, when they do not pass validation) */
.hs-form input:focus:required:invalid, 
.hs-form textarea:focus:required:invalid, 
.hs-form select:focus:required:invalid {}

.hs-form input:focus:required:invalid:focus, 
.hs-form textarea:focus:required:invalid:focus, 
.hs-form select:focus:required:invalid:focus {}

/* Error message (selector for validation messages) */
.hs-form ul.hs-error-msgs {
  padding-left: 0;
}

.hs-form ul.hs-error-msgs li {
	background-image: none;
	padding-left: 0;
  list-style: none;
}
	.hs-form ul.hs-error-msgs li label {
		color: #FC5AA6;
	}

/*GDPR Checkbox styling */

.hs-form .hs-form-field ul.inputs-list {
  padding-left: 0;
  list-style: none;
}
.hs-form .hs-form-field ul.inputs-list input {
  margin-right: 6px;
}
.hs-form .hs-form-field li.hs-form-booleancheckbox {
	background-image: none;
  list-style: none;
	padding-left: 0;
}

.hs-form .legal-consent-container p{
  font-size: 14px;
  line-height: 1.2;
}

.hs-form .hs-form-field li.hs-form-booleancheckbox input[type="checkbox"].hs-input {
	position: relative;
	top: 7px;
}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}

/* Multi Column Form (selectors for fieldsets and field wrappers) 
--------------------------------------------------------------------- */

form.hs-form fieldset {
	max-width: 100%;
}

.hs-form fieldset.form-columns-1 {}
.hs-form fieldset.form-columns-1 .hs-form-field {}

form.hs-form fieldset.form-columns-1 .hs-input,
form.hs-form fieldset.form-columns-2 .hs-input,
form.hs-form fieldset.form-columns-3 .hs-input {
	width: 100%;
}

.hs-form .hs-form fieldset.form-columns-2 {}
.hs-form .hs-form fieldset.form-columns-2 .hs-form-field {}

.hs-form .hs-form fieldset.form-columns-3 {}
.hs-form .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Submit buttons (selectors for all non-CTA buttons) */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"],
body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus{
  -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 15px 50px;
	font-weight: 400;
  font-size: 17px;
  color: #fff;
	background-color: #FC5AA6;
  border: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  background-color: #FB3492;
}

body .hs-button.primary:hover:active,
body input[type="submit"]:hover:active,
body input[type="button"]:hover:active,
body .hs-button.primary:active,
body input[type="submit"]:active,
body input[type="button"]:active {
}






/* ========================================================================================================================
														Buttons
======================================================================================================================== */




.btn {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:hover,
.btn:active:focus {
	box-shadow: none;
}


/* Button Sizes
---------------------------------------- */

.btn-md {

}

.btn-lg {
	
}


/* Button Colors
---------------------------------------- */

.btn-pink {
	color: #fff !important;
	background-color: #FC5AA6;
	border: 2px solid #FC5AA6;
  padding: 15px 50px;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink:active:hover,
.btn-pink:active:focus {
	background-color: #fff;
  color: #FC5AA6 !important;
	text-decoration: none;
}
.btn-pink2 {
	color: #fff !important;
	background-color: #FC5AA6;
	border: 2px solid #FC5AA6;
  padding: 15px 50px;
  border-radius: 10px;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink:active:hover,
.btn-pink:active:focus {
	background-color: #fff;
  color: #FC5AA6 !important;
	text-decoration: none;
}












/* ========================================================================================================================
													Content Layout
======================================================================================================================== */

.page-container {
	/*
	max-width: 1600px;
	margin: 0 auto;
	*/
}

.container,
.container-fluid {
	/*padding-left: 20px;
	padding-right: 20px;*/
}
.row {
    /*margin-left: -20px;
    margin-right: -20px;*/
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto  {
	/*padding-left: 20px;
	padding-right: 20px;*/
}
.content-container {
	padding-top: 50px;
	padding-bottom: 50px;
}
  .aspot-content-container {
    padding-top: 220px;
    padding-bottom: 150px;
  }
}
  .aspott-content-container {
    padding-top: 220px;
    padding-bottom: 150px;
    object-fit: 100%;
  }
.content-section {
	margin-bottom: 50px;
}
.content-padding-xs {
	padding: 10px;
}
.content-padding-sm {
	padding: 20px;
}
.content-padding-md {
	padding: 30px;
}
.content-padding-lg {
	padding: 40px;
}
.content-padding-xl {
	padding: 50px;
}


/* Vertical Align Middle
---------------------------------------- */

.vmiddle-table {
	display: table;
	width: 100%;
	height: 100%;
}
.vmiddle-cell {
	display: table-cell;
	vertical-align: middle;
}


/* Height Sizer
---------------------------------------- */

@media (max-width: 575px) {
	[class*="height-sizer-sm"] {
		height: auto !important;
	}
}

@media (max-width: 767px) {
	[class*="height-sizer-md"] {
		height: auto !important;
	}
}

@media (max-width: 991px) {
	[class*="height-sizer-lg"] {
		height: auto !important;
	}
}

@media (max-width: 1199px) {
	[class*="height-sizer-xl"] {
		height: auto !important;
	}
}


/* Hidden classes
---------------------------------------- */

@media (max-width: 575px) {
	.hidden-xs {
		display: none !important;
	}
}
@media (min-width: 576px) and (max-width: 767px) {
	.hidden-sm {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.hidden-md {
		display: none !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-lg {
		display: none !important;
	}
}
@media (min-width: 1200px) {
	.hidden-xl {
		display: none !important;
	}
}





/* ========================================================================================================================
														5 Columns
======================================================================================================================== */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xl-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.col-xs-15 {
	flex: 0 0 20%;
	max-width: 20%;
	float: left;
}
@media (min-width: 576px) {
	.col-sm-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}
@media (min-width: 768px) {
	.col-md-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-lg-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-xl-15 {
		flex: 0 0 20%;
		max-width: 20%;
		float: left;
	}
}




/* ========================================================================================================================
														Tables
======================================================================================================================== */

/* Add to tables with responsive images
---------------------------------------- */

.table-layout-fixed {
	table-layout: fixed;
	width: 100%;
}



/* ========================================================================================================================
														Carousels
======================================================================================================================== */

/* Fix nav dropdown going behind carousel
---------------------------------------- */
.carousel-fade .carousel-item.active {
	z-index: 0;
}


/* ========================================================================================================================
													Header
======================================================================================================================== */


.header {
  height: 120px;
}

.header-logo {
  float: left;
  width: 150px;
  padding: 20px 0;
}



/* ========================================================================================================================
														Content
======================================================================================================================== */

.lp-aspot {
  margin-top: -120px;
  margin-bottom: 150px;
}

.lp-aspott {
  margin-top: -120px;
  margin-bottom: 25px;

  background-size: cover;
  padding-top: 120px;
  padding-bottom: 120px;
}

.homepage-aspot {
	height: 400px;
}

.aspot-meeting-form {
    margin-bottom: -300px;
  }

@media (min-width: 992px) {
  .lp-aspot {
    margin-bottom: 100px;
  }
  .aspot-meeting-form {
    margin-bottom: -300px;
    margin-top: -100px;
  }
}

@media (min-width: 768px) {

	.homepage-aspot {
		height: 600px;
	}

}

/* Persona Modal */
.modal-backdrop.show {
    background-color: #292336; /*important*/
    opacity: 0.97; /*important*/
}
.modal-content {
    background-color: transparent; /*important*/
    border: none; /*important*/
}
.modal-title {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px; /*important*/
    color: #fff;
    font-size: 25px;
    line-height: 16px; /*important*/
    font-weight: 300;
}
.persona-modal-link:hover,
.persona-modal-link:active,
.persona-modal-link:focus{
  text-decoration: none;
}
.modal-content-select{
    position: relative;
    top: 0;
    transition: top 0.15s linear;
    cursor: pointer;
}
.modal-content-select:hover {
    top: -10px;
}
.modal-content-select img {
    border-radius: 50%;
}
.modal-content-select p {
    text-align: center;
    color: #fff;
}
/* .modal-content-select a:hover,
.modal-content-select a:active,
.modal-content-select a:focus {
  text-decoration: none;
} */




.bg-contact-map {
	height: 300px;
}

@media (min-width: 768px) {

	.bg-contact-map {
		height: 400px;
	}

}





/* ========================================================================================================================
														3rd Party
======================================================================================================================== */

/* Wistia embed
---------------------------------------- */

.embed-responsive .wistia_embed {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}


/* ACF Google Maps
---------------------------------------- */

/* fixes potential theme css conflict */
.acf-map img {
	max-width: inherit !important;
}


/* Lazy YouTube embeds
---------------------------------------- */

.lazy-youtube-embed {
	position: relative;
}
.lazy-youtube-embed:hover,
.lazy-youtube-embed:active,
.lazy-youtube-embed:focus {
	cursor: pointer;
}
.lazy-youtube-embed-play {
	position: absolute;
	left: 50%;
	top: 50%;
	font-size: 50px;
	color: #fff;
	margin-left: -25px;
	margin-top: -25px;
}








/* ========================================================================================================================
														Footer
======================================================================================================================== */

.footer {
  margin-top: 50px;
}
  
  
.footer-logo {
  width: 200px;
  padding: 20px 0;
}

@media (max-width: 768px) {
  .footer-logo {
    padding: 0;
  }
}

.footer-items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  color: #fff;
  font-size: 14px;
}

@media (max-width: 768px) {
  .footer-items {
    display: block;
  }
}

.footer-items a {
  color: #fff;
  font-size: 14px;
  opacity: 0.5;
  transition: opacity 200ms ease-in-out;
}

.footer-items a:hover {
  opacity: 1;
}

.footer-items a.footer-logo-link,
.footer-logo {
  opacity: 1;
}

.eq-opp-logo {
  width: 40px;
  opacity: 0.5;
}

.footer-items li {
  list-style: none;
  margin: 0 15px 0 15px;
}

@media (max-width: 768px) {
  .footer-items li {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

ul.footer-social {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	ul.footer-social > li {
		display: inline-block;
		padding: 0;
		margin: 0;
	}
		ul.footer-social > li > a {
			display: inline-block;
			font-size: 22px;
			padding: 10px;
		}