/*  Comment this out so we can develop the css here.  Then decide what to put in the import template.

@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css";

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

*/



@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


/* 6e8pwpoVQIz8cXbb */

:root {
    --hhc-faint-gray: #E8E8E8;
    --hhc-red: #9C1414;
    --hhc-gray4: #898989;
    --hhc-font-family: Fredoka, lato,Inter, -apple-system, BlinkMacSystemFont, "avenir next", avenir, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", arial, sans-serif;
    --hhc-image-background: #fafafa;
    --hhc-news-background: #fafafa;
    --hhc-center-module-width: 100%;
    --hhc-post-title: #000000;
    --element-background: white;
    --element-black: #000000; /* Fixed missing semicolon */
    --secondary-font: verdana, arial, sans;
    --newsfeed-post-image-size: 300px;
    --hex-shape-background: url("https://res.cloudinary.com/esprit-communities/image/upload/v1642445207/Website%20Assets/hex%20shapes%20background.jpg");
    --hhc-warning-background: #D8D8D8;
    --hhc-success: #5cb85c;
    --hhc-footer-background: #000000;
    --hhc-footer-font-color: #ccd4d7;
    --media-hover: rgba(68, 73, 80, 0.15);
    --media-inner-border: rgba(0, 0, 0, 0.1);
    --media-outer-border: #FFFFFF;
    --media-pressed: rgba(68, 73, 80, 0.35);
    --link-hover: #9C1414;
    --link-show: #600000;
    --vhc-primary: #2B3990;
    --vhc-text: #1A1B1E;
    --mse-primary: #004225;
    --mse-text: #1A1B1E;
	
	/* Refined Fluid Typography */
	--h1: clamp(2.273rem, 2vw + 1.5rem, 3.182rem);
	--h2: clamp(1.8rem, 1.5vw + 1.2rem, 2.5rem);
	--h3: clamp(1.188rem, 0.5vw + 1rem, 1.5rem);
	--h4: clamp(1.5rem, 0.5vw + 0.95rem, 2.1rem);
	--h7: clamp(1rem, 5vw, 2em); 
	

}









*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
/* For Debugging Only  
* { outline: 1px solid tomato; }
* + * { outline-color: blue; }
*/


/* Base resets & Typography */
*, *::before, *::after  {
	margin: 0;
    padding: 0;
    box-sizing: border-box;
    // font-family: var(--hhc-font-family);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    font-style: normal;
}


/* ── Document ── */
html {
  /*
    Prevent font size inflation on mobile after orientation change.
    Note: -moz-text-size-adjust is NOT a real Firefox property (Firefox
    never implemented it). Only -webkit- and unprefixed are needed.
  */
  -webkit-text-size-adjust: none;
  text-size-adjust: none;

  /* Smooth scrolling for anchor links. Overridden by prefers-reduced-motion below. */
  scroll-behavior: smooth;
}


body { 
    font-family: var(--hhc-font-family);
    font-size: var(--font-size-lg);
    line-height: 1.5;
    overflow-y: scroll;
    background-color: var(--hhc-faint-gray);
    margin: 0;	
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	overflow-y: scroll;
	overflow-x: hidden; 
}

.stack { display: flex; flex-direction: column; gap: var(--space, 12px); }
.flex-child { min-width: 0; }
.toolbar { flex-wrap: wrap; }
.prose { overflow-wrap: anywhere; }
.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.card img { width: 100%; height: 100%; object-fit: cover; display: block; }
.widget { contain: layout paint; }


h1, h2, h3, h4, h5, h6, h7 { margin: 0; font-family: var(--hhc-font-family); line-height: 1.5; font-style: normal; font-weight: var(--font-weight-medium); text-wrap: balance;}

h1 { color: var(--hhc-red) !important; font-size: var(--h1); }
h2 { font-size: var(--h2);  }
h3 { font-weight:  font-size: var(--h3); }
h4 { font-size: var(--h4); text-align: center;   color: var(--hhc-red);  background-color: white;}
h5 { text-align: left;  font-size: 15px; color: var(--hhc-red);}
h6 { text-align: left;  font-size: 15px; color: black;	vertical-align: text-bottom;}
h7 {font-size: var(--h7); line-height: 2; letter-spacing: 0em; 	color: black; text-align: left; vertical-align: text-bottom; }


h1-bold-highlight,
.h1-bold-highlight {font-weight: var(--font-weight-black); // font-size: 30px; text-align: center;}

h1-bold-black,
.h1-bold-black {
	font-weight: var(--font-weight-black); // font-size: 30px; text-align: center; color: var(--element-black) !important;
}



b, strong { font-weight: var(--font-weight-semibold); }





footer-text {
	text-align: center;
	line-height: 15px;
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	font-size: 15px;
	color: var(--hhc-footer-font-color);
	font-family: var(--hhc-font-family);
	background: var(--hhc-footer-background);

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/*	h3 {
		line-height: 18px;
		font-style: normal;
		font-weight: var(--font-weight-bold);
		font-size: 15px;
		font-family: var(--hhc-font-family);
	}
*/

label,.label {
		font-size: 13px !important;
		font-weight: var(--font-weight-medium) !important;
	}


}


input, button, textarea, select {
  /* Form elements use a different font than body by default */
  font: inherit;
}





.visible {
	visibility: visible;
	opacity: 1
}

.page-wrap div {
	// padding: 0px !important;
	// margin: 0px !important;

}

element.style1 {
	width: 0% !important;

}


element.style {
	object-fit: cover;
}

.container1 {
	padding: 0px !important;
	margin: 0px !important;
}

.hidden-empty-src[src=""] {
	display: none;
}

.backgroud-border-transparent {
	background: transparent;
	border-color: transparent;
}





#modalDivPopup {
	display: none;
}

a:hover {
	color: var(--link-hover);
}

p:empty {
	display: none;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle;
}

img, video, svg { height: auto; max-width: 100%; display: block; vertical-align: middle; object-fit: contain; }


.flex-row img {
	min-width: 0;
	// object-fit: cover;
	/*  width: auto;  */
}


.row {
	// margin-left: 0px !important;
	// margin-right: 0px !important;
}

.hhc_red_container {
	width: auto;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: -10px;
	// padding-right: 100px; 
	// padding-left:0px;
	padding-bottom: 20px;
	background-image: linear-gradient(-40deg, #9C1414 0%, #9C1414 73%, #9C1414 100%);
	background-color: var(--hhc-faint-gray);
	//border-top-left-radius: 25px;
	//border-top-right-radius: 25px;
}

.hhc_menu_container {
	width: auto;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: -10px;
	// padding-right: 100px; 
	// padding-left:0px;
	padding-bottom: 20px;
	// background-image: linear-gradient(-40deg, #E8E8E8 0%, #E8E8E8 73%, #E8E8E8 100%);
	background-color: var(--hhc-faint-gray);
	//border-top-left-radius: 25px;
	//border-top-right-radius: 25px;
}


.hhc_gray_container {
	width: auto;
	margin-right: 30px !Important;
	margin-left: -30px !Important;
	margin-top: -5px;
	// padding-right: 100px; 
	// padding-left:0px;
	padding-bottom: 20px;
	background-image: linear-gradient(-40deg, var(--hhc-faint-gray) 0%, var(--hhc-faint-gray) 73%, var(--hhc-faint-gray) 100%);
	background-color: var(--hhc-faint-gray);
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.home_image {
	object-fit: cover;
	position: relative;
	// width:100%; 
	// height:500px; 
	top: 30px;
	left: 30px;
	overflow: visible;
}


a {
	background-color: transparent;
}

a:link,
a:visited {
	// color: var(--hhc-gray4);
	// color: var(--link-show) !important;
	font-weight: var(--font-weight-medium);
}

a:hover {
	color: var(--link-hover) !important;
	font-weight: var(--font-weight-semibold);
}


hr {
	height: 2px;
	border-width: 0;
	color: var(--hhc-red);
	background-color: var(--hhc-red);
	font-family: var(--hhc-font-family);
}


p, li, figcaption {
	font-family: var(--hhc-font-family);
	text-wrap: pretty;
}

.hhc-gray4-text {
	line-height: 18px;
	margin-top: -4px;
	text-align: center;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: 13px;
	color: var(--hhc-gray4);
	background-color: var(--element-background);
}


html::after {
	background-size: 100%;
	background-repeat: repeat-y;
	background-color: var(--hhc-faint-gray);
	content: "";
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

html,
body,
.caption {
	// background-color:transparent;
	background-color: var(--hhc-faint-gray);
	font-family: var(--hhc-font-family);

	-webkit-text-size-adjust: 100%;
	font-feature-settings: normal;
	line-height: 1.5;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}


.featured-3x-element {
	resize: both;
	// overflow: auto;
	// border-style: solid; 
	// border-width: medium;
	border-color: var(--hhc-red) !important;
	border-radius: var(--utilities-spacing-4) ;  /*15px*/
	background-color: white;
	// width: 225px;
	height: auto;
	// width: 70% !Important;
	margin-left: auto;
	// margin-top: 15px;
	// padding-top: 15px !Important;
	outline: 1px solid #ccc;
}


.featured-3x-element:hover {
	-moz-box-shadow: 0 0 20px #ccc;
	-webkit-box-shadow: 0 0 20px #ccc;
	box-shadow: 0 0 20px #ccc;
}


.featured-3x-element-header-text {

	border-color: var(--hhc-red) !important;
	border-radius: var(--utilities-spacing-4) ;
	height: auto;
	font-family: var(--hhc-font-family);
	resize: both;
	/*Clean Text Truncation Without JavaScript*/
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	
	
	
}

.featured-3x-element-image-area {
	// width: clamp(140px, 18vw, 220px);
	height: clamp(150px, 18vw, 220px);
  overflow: hidden;
	border-top-left-radius: var(--utilities-spacing-4);
	border-top-right-radius: var(--utilities-spacing-4);
}

.featured-3x-element-title-area {
	// height: 55px; !Important; 
	height: clamp(4rem, 5rem + .2vw, 6rem);
	padding-top: 1px;
}

.featured-3x-element-members-area {
	height: 25px !Important;
	margin-left: auto;
	text-align: center;
}

.featured-3x-element-image {
	// background-color: var(--hhc-image-background)
	// object-fit: cover;
	// width: 220px !Important;
	width: 100% !Important;
	object-fit: cover;
	// object-position: top;
	// padding: 1em 1em 0 1em;
	max-height: 220px;
	height: clamp(150px, 18vw, 220px);
	//                                    height: 220px;
	// border: 0px !Important;
	border-top-left-radius: var(--utilities-spacing-4) !important;
	border-top-right-radius: var(--utilities-spacing-4) !important;
}

.featured-3x-group-element-image {

	// background-color: var(--hhc-image-background);
	// object-fit: cover;
	// width: 220px !Important;
	width: 100% !Important;
	object-fit: contain;
	
	// object-fit: cover;
	// object-position: top;
	
	// max-height: 220px;
	// height: 220px;
	height: auto;
	//  padding: 1rem 1rem 0 1rem;
	// border-top-left-radius: 15px !important;
	// border-top-right-radius: 15px !important;
	margin: auto;
	display: block;


}


.thumbnail1 {
	padding: 0px !Important;
	margin-bottom: 5px !Important;
	background-color: #fff;
	border: 0px solid #ddd;
	border-radius: 0px;
}

.featured-users {
	// resize: both;
	// overflow: auto;
	border-style: solid;
	// border-width: 1px;
	border: 12px;
	// border-color: var(--hhc-red) !important;
	// border-color: var(--hhc-news-background);
	border-radius: var(--utilities-spacing-4) ;  /*15px*/
	background-color: var(--element-background);
	// width: 365px;
	// height: 105px;
}

.featured-users-image {
	background-color: var(--hhc-image-background);
	object-fit: fill;
	// width: auto;
	height: auto;
	width: 105px !important;
	max-height: 105px;
	height: 105px !Important;
	border-radius: 15px 0px 0px 15px;
	border: 12px;
	border-color: var(--hhc-news-background);
}

.featured-users-title-block {
	text-align: left !Important;
	padding-left: 20px;
	// padding-top: 20px;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	line-height: 20px;
	font-size: 17px;
	//font-size: calc( 12px + (24 – 12) * ( (100vw – 400px) / ( 800 – 400) ));
	color: var(--hhc-red);
	background-color: var(--hhc-news-background);
	position: absolute;
	// left: 140px;

}

.featured-users-text-block {
	text-align: left !Important;
	padding-left: 20px;
	background-color: var(--hhc-news-background);
	line-height: 18px;
	// margin-top: -4px;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: 13px;
	color: var(--hhc-gray4);
	position: absolute;
	// left: 140px;
}

.jobs-list {
	resize: vertical;
	// overflow: auto;
	// border-style: solid; 
	// border-width: 1px;
	// border-color: var(--hhc-red) !important;
	border-radius: var(--utilities-spacing-4) ;  /*15px*/
	background-color: white;
	width: 730px;
	min-height: 105px;
	// overflow: hidden
}

.jobs-list-image {
	background-color: var(--hhc-image-background);
	// object-fit: cover;
	width: auto;
	height: auto;
	max-width: 105px;
	max-height: 105px;
	border-radius: 15px 30px 30px 5px;
	border: 12px;
	border-color: var(--hhc-news-background);
}

.jobs-text-title {
	line-height: 21px;
	// margin-top: -4px;
	text-align: left;
	color: var(--hhc-gray4);
	// background-color: white;
	// border-bottom-left-radius: 15px;
	// border-bottom-right-radius: 15px;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	font-size: 17px;
	color: var(--hhc-red);
}

.jobs-text-title:link {
	font-family: var(--hhc-font-family);
	color: var(--hhc-red);
}

.jobs-text-primary {
	line-height: 21px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: 15px;
	color: var(--hhc-gray4);
	// background-color: white;
	// border-bottom-left-radius: 15px;
	// border-bottom-right-radius: 15px;
}

.jobs-text-secondary {
	line-height: 18px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: 13px;
	color: var(--hhc-gray4);
	// background-color: white;
	// border-bottom-left-radius: 15px;
	// border-bottom-right-radius: 15px;
}


.members-list {
	resize: vertical;
	// overflow: auto;
	// border-style: solid; 
	// border-width: 1px;
	// border-color: var(--hhc-red) !important;
	border-radius: var(--utilities-spacing-4) ;  /*15px*/
	background-color: white;
	// width: 700px;
	min-height: 105px;
	// overflow: hidden
}

.members-list-image {
	background-color: var(--hhc-image-background);
	// object-fit: cover;
	width: auto;
	height: auto;
	max-width: 60px;
	max-height: 60px;
	border-radius: 50%;
	// border: 12px ;
	border-color: var(--hhc-news-background);
	margin-left: 10px !important;
}

.members-text-title {
	line-height: 21px;
	// margin-top: -4px;
	text-align: left;
	color: var(--hhc-gray4);
	// background-color: white;
	// border-bottom-left-radius: 15px;
	// border-bottom-right-radius: 15px;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	font-size: 17px;
	color: var(--hhc-red);
}

.members-text-title:link {
	color: var(--hhc-red);
}

.members-text-primary {
	line-height: 21px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: 15px;
	color: var(--hhc-gray4);
	// background-color: white;
	// border-bottom-left-radius: 15px;
	// border-bottom-right-radius: 15px;
}

.members-text-secondary {
	line-height: 18px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: 13px;
	color: var(--hhc-gray4);
	// background-color: white;
	// border-bottom-left-radius: 15px;
	// border-bottom-right-radius: 15px;
}


.show {
	empty-cells: show;
}

.hide {
	empty-cells: hide;
}

.section-label {
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	font-size: 13px;
	color: var(--hhc-gray4);
	background-color: var(--hhc-faint-gray);
}

.groups-label {
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	font-size: 13px;
	color: var(--hhc-red);
	background-color: var(--hhc-faint-gray);
	padding-left: 10px;
	margin-top: 20px;
	justify-content: left;
}


.matrix-item {
	-webkit-text-size-adjust: none;
	color: #505055;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	overflow: visible;
	width: 100%;
	display: flex;
}


.media-img {
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	background-color: #fff;
	padding: 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #0075df;
	border-radius: 50%;
	position: relative;
	color: #0075df;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-transform: none;
	display: block;
	float: left;
	max-width: 50%;
	margin-right: 23px;
	align-self: flex-start;
}


.wrap__avatar {
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	color: #0075df;
	text-transform: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	border-radius: 50%;
	display: block;
	position: relative;
	overflow: hidden;
	width: 80px;
	height: 80px;
}

.membersListPage-userInfo {
	-webkit-text-size-adjust: none;
	color: #505055;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	overflow: hidden;
	padding-top: 1px;
	height: auto;
}


.membersListPage-userName {
	-webkit-text-size-adjust: none;
	color: #505055;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	line-height: 1.3em;
	display: flex;
	align-content: center;
	margin-bottom: 5px;
}


.profileCoverArea-info {
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	box-sizing: border-box;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	margin: 5px 0;
	display: block;
	color: #505055;

}


.buttonsWrapper {
	-webkit-text-size-adjust: none;
	color: #505055;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	display: flex;
	flex-wrap: wrap;
}

.userButtons {
	-webkit-text-size-adjust: none;
	color: #505055;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	display: inline-flex;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
	width: auto;
	margin-top: 5px;
	margin-right: 0;
}

.post-avatar {
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	color: #0075df;
	text-transform: none;
	box-sizing: border-box;
	margin-top: -10em;
	margin-left: 3em;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	border-radius: 50%;
	display: block;
	position: relative;
	// overflow: hidden;
	width: 15em !important;
	height: 15em !important;
	object-fit: cover;
}

.post-avatar-in-list {
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	word-wrap: break-word;
	list-style: none;
	color: #0075df;
	text-transform: none;
	box-sizing: border-box;
	// margin-top: -10em;
	// margin-left: 3em;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	font-family: var(--hhc-font-family);
	vertical-align: baseline;
	text-decoration: inherit;
	border-radius: 50%;
	display: block;
	position: relative;
	// overflow: hidden;
	width: 2em !important;
	height: 2em !important;
	object-fit: cover;
}


.newsfeed-post-atuser {
	// line-height: 26px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	font-size: 13px;
	color: var(--hhc-post-title) !important;
	margin-left: 27px;
}

.newsfeed-post-title-old {
	// line-height: 26px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	font-size: medium;
	color: var(--hhc-post-title) !important;
	// margin-left: 27px;
	display: inline-block;
	// white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 48ch;
}

.newsfeed-post-title {
	display: block;
	/* Fallback for non-webkit */
	display: -webkit-box;
	// max-width: 400px;
	// height: 109.2px;
	/* Fallback for non-webkit */
	// margin: 0 auto;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	font-size: medium;
	color: var(--hhc-post-title) !important;

	// line-height: 1.4;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}


.newsfeed-post-text-title {
	// line-height: 26px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-medium);
	font-size: large;
	color: var(--hhc-post-title) !important;
	// margin-left: 27px !Important;
	background: white;
}

.newsfeed-post-text {
	// line-height: 26px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: small;
	color: var(--hhc-post-title) !important;
	// margin-left: 27px !Important;
	// background: white;


	// white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	//    max-width: 375ch;

	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

}

.newsfeed-keywords {
	// line-height: 26px;
	// margin-top: -4px;
	text-align: left;
	// font-family:  var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	font-size: small;
	color: var(--hhc-red) !important;
	// margin-left: 27px;
}

.newsfeed-accent {
	// line-height: 26px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-semibold);
	font-size: 12px;
	width: 200px !Important;
	color: var(--hhc-red) !important;
	// margin-left: 27px;
	overflow: hidden;
}


.newsfeed-post-image {
	width: 100% !important;
	// width: 749px !important;
	max-height: 20em;
	object-fit: cover;
	border-radius: 25px 25px 0 0;
	background-color: var(--hhc-faint-gray);
}

.newsfeed-post-image-half {
	padding: 0px 0px 5px 27px;
	// max-width: 50% !important;
	max-width: 90% !important;
	// height: 300px;
	object-fit: fill !Important;
}

.newsfeed-post-image-right-half {
	width: 50% !important;
	// width: 380px !important;
	// padding-left: 380px;
	// height: 300px;
	// object-fit: contain;
}

.newsfeed-post-button {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	padding-right: 5em;
	padding-bottom: 2em;
}


.legal-post-text {
	// line-height: 26px;
	// margin-top: -4px;
	text-align: left;
	font-family: var(--hhc-font-family);
	font-style: normal;
	font-weight: var(--font-weight-normal);
	font-size: 14px;
	color: var(--hhc-post-title) !important;
	// margin-left: 27px !Important;
	background: white;
	margin: 1em;

	// white-space: nowrap;
	// overflow: hidden;
	// text-overflow: ellipsis;
	//    max-width: 375ch;

	// display: -webkit-box;
	// -webkit-line-clamp: 3;
	// -webkit-box-orient: vertical;

}


.container {
	width: var(--hhc-center-module-width);
	padding-right: 0px;
	padding-left: 0px;
	margin-right: 0px !Important;
	margin-left: 0px !Important;
}

.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;

}

.flex-row {
	padding: 0px;
}

div.thumbnail {
	padding: 0px;
	border-radius: 25px;
	background: white !important;

}


.thumbnail .caption {
	padding: 0px;
	background: white !important;
	border-radius: 25px;
}

label,
.label {
	font-size: 17px !important;
	font-weight: var(--font-weight-medium) !important;
	padding-left: 5px;

}

.rendered-form .form-control {
	border-radius: 8px;

}


#radio,
#radio-group-1632100904686-0.radio-group,
#radio-group-1632100904686-1.radio-group {
	height: 32px !important;
	width: 32px !important;
	color: var(--hhc-red) !important;


}

#radio-group,
.radio-group {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	line-height: 1.428571429;
	color: #333333;
	font-family: inherit !Important;
	font-size: 14px;
	margin: 0;
	box-sizing: border-box;
}

.radio-group label {
	display: inline-block;
	// background-color: #d1d1d1;
	padding: 1px 11px;
	margin-bottom: 10px;
	//font-family: Arial;
	//font-size: 18px;
	cursor: pointer;
}

//     .radio-group input[type="radio"]:checked {
//       background-color: #76cf9f;
//     }


input[type='radio'] {
	-webkit-appearance: none;
}

input[type="radio"] {
	/* remove standard background appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* create custom radiobutton appearance */
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 1px;
	/* background-color only for content */
	background-clip: content-box;
	border: 2px solid var(--hhc-red);
	background-color: white;
	border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="radio"]:checked {
	background-color: var(--hhc-red);
}

input[type="checkbox"] {
	/* remove standard background appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* create custom radiobutton appearance */
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 1px;
	/* background-color only for content */
	background-clip: content-box;
	border: 2px solid var(--hhc-red);
	background-color: white;
	border-radius: 50%;
}

/* appearance for checked radiobutton */
input[type="checkbox"]:checked {
	background-color: var(--hhc-red);
}

.eci-tooltip {
	position: relative;
	display: inline-block;
	// border-bottom: 1px dotted black;
}

.eci-tooltiptext {
	visibility: hidden;
	width: auto;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	// left: 50%;
	// margin-left: -60px;

	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 0;
	transition: opacity 1s;
}

.eci-tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


.edit-image-icon {
	position: absolute;
	top: 30px;
	right: 20px;
	height: 40px;
	width: 40px;
	background-clip: content-box;
	border: 10px solid white;
	background-color: white;
	border-radius: 50%;
}

.back-image-icon {
	background-color: white;
	position: absolute;
	top: 30px;
	left: 10px;
	background-clip: content-box;
}

.eci-featured-footer-link {
	text-align: right;
	padding-right: 50px;
	margin-top: -20px;
}


.rendered-form .btn:hover, .btn:hover {
	background-color: var(--hhc-gray4);
	color: var(--hhc-red);
}

.rendered-form .btn-primary:hover,
.btn-primary:hover {
	background-color: var(--hhc-red) !important;
	color: var(--hhc-gray4) !Important;
	border-color: var(--hhc-red) !important;

}

.btn-primary-large:hover {
	background-color: var(--hhc-red) !important;
	color: var(--hhc-gray4) !Important;
	border-color: var(--hhc-red) !important;

}

.btn-primary,
.btn-primary-large {
	// color:rgba(255,255,255,1);
	fill: var(--hhc-red);
	background-color: var(--hhc-red) !Important;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	display: flex;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	background-color: var(--hhc-red) !important;
	// border: 1px transparent solid;
	// border-radius: 40px !Important;
	border-radius: var(--utilities-spacing-4) ;  /*15px*/
	border-color: var(--hhc-red) !important;
	// box-shadow: inset 0px 0px 0px 0px rgb(21 22 23 / 0%);
	// color: #fff;
	cursor: pointer;
	font-family: var(--hhc-font-family);
	// font-size: 1.0625rem;
	// font-weight: var(--font-weight-semibold);
	font-weight: var(--font-weight-medium);
	// height: 32px;
	line-height: 30px;
	// margin-top: 10px;
	// max-width: 414px;
	outline: none;
	overflow: hidden;
	// padding: 0 18px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	// width: 10em;

	text-decoration: none;
}


/*

.btn-primary-large,
.btn-primary,
.rendered-form .btn-primary
 {
    border-color: var(--hhc-red) !important;
    padding: 1em 3em;
    font-size: 2em;
    color: #fff;
}


.rendered-form .btn-primary {
	background-color: var(--hhc-red);
	border-color: var(--hhc-red);
	font-family:  var(--hhc-font-family);
	// height:50px;
	// font-size: 17px !important;
	// font-weight: 700 !important;
	// border-radius: 40px !Important;
	// border-left: 30px var(--hhc-red) solid;
	// border-right: 30px var(--hhc-red) solid;
	color:white !important;
    display: inline-block;
    padding: .5em 3em !important;
    font-size: 2em !important;
}


*/


.rendered-form .btn-info1 {
	background-color: var(--hhc-faint-gray);
	border-color: #000;
	font-family: var(--hhc-font-family);
	height: 50px;
	font-size: 17px !important;
	font-weight: var(--font-weight-bold) !important;
	color: #000;
}

.btn-info1 {
	// background-color: var(--hhc-image-background) !important;
	background-color: inherit;
	font-family: var(--hhc-font-family);
	height: 50px;
	font-size: 17px !important;
	font-weight: var(--font-weight-medium) !important;
	// width: 100% !important;
	border-radius: var(--utilities-spacing-4) ;  /*15px*/
	// border-left: 30px  var(--hhc-faint-gray) solid !important;
	// border-right: 30px var(--hhc-red) solid !importanth
}


.btn-info2 {
	// background-color: var(--hhc-image-background) !important;
	// background-color: inherit;
	font-family: var(--hhc-font-family);
	// height:50px;
	font-size: 25px !important;
	font-weight: 800 !important;
	// width: 100% !important;
	// border-radius: 40px !Important;
	// border-left: 30px  var(--hhc-faint-gray) solid !important;
	// border-right: 30px var(--hhc-red) solid !importanth
}


.button,
button,
.rendered-form button {
	font-family: var(--hhc-font-family);
}


.btn-warning:hover,
.btn-warning:active {
	// background-position: right center !Important;

	background: var(--hhc-gray4);
	color: #fff !important;
}


.btn-warning {
	background: var(--hhc-warning-background);
	color: #000 !important;
	// border-radius:15px !Important;
	font-family: var(--hhc-font-family);
	letter-spacing: 0;
	// padding: 10px 29px!important;
	// border: 0;
	-webkit-appearance: none;
	display: inline-block;
	text-decoration: none;
	font-family: inherit;
	font-size: smaller;
}

.btn-success {
	// color:rgba(255,255,255,1);
	// fill:var(--hhc-red);
	// background-color: var(--hhc-red) !Important;
	-webkit-transition-duration: .25s;
	transition-duration: .25s;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	display: flex;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	// background-color: var(--hhc-red) !important;
	border: 1px transparent solid;
	// border-radius: 15px !Important;
	// border-color:  var(--hhc-red) !important;
	// box-shadow: inset 0px 0px 0px 0px rgb(21 22 23 / 0%);
	// color: #fff;
	cursor: pointer;
	font-family: var(--hhc-font-family);
	// font-size: 12px;
	font-weight: var(--font-weight-semibold);
	height: 32px;
	line-height: 30px;
	// margin-top: 10px;
	// max-width: 414px;
	outline: none;
	overflow: hidden;
	padding: 0 18px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-left: 30px var(--hhc-success) solid;
	border-right: 30px var(--hhc-success) solid;
	text-decoration: none;
}

.rendered-form .btn-success {
	background-color: var(--hhc-success);
	border-color: var(--hhc-success);
	font-family: var(--hhc-font-family);
	height: 50px;
	font-size: 17px !important;
	font-weight: var(--font-weight-bold) !important;
	// width: 100% !important;
	// border-radius: 15px !Important;
	border-left: 30px var(--hhc-success) solid;
	border-right: 30px var(--hhc-success) solid;
	color: white !important;
}



.btn-link {
    color: var(--primary-base);
    font-size: var(--font-size-base);
    font-family: var(--font-family-body);
    font-weight: var(--font-weight-bold);
    font-size: var(--h4);
    text-align: center;
    word-wrap: break-word;
	text-transform: uppercase;

}












.grid-container {
	display: grid;
	grid-template-columns: 3fr 4fr;
	grid-gap: 20px;
}

.cke_top {
	zoom: 1.5;
}

.back-arrow {
	height: 15px;
	margin: -10px;
}

.image-outline {
	outline-color: white;
	outline-style: solid;
	outline-width: 6px;
}


.multi-page-section-titles {
	text-transform: uppercase;
}


.lift-module {
	margin-top: -30px;
}


.view-all-button {
	float: right;
	width: 50%;
	height: 27px;
	width: 112px;
	border-radius: 36px;
	border: 2px solid #9C1414;
	text-align: center;
	max-width: 120px;
	margin-top: 20px;
	font-family: var(--hhc-font-family);
	font-weight: var(--font-weight-medium);
	color: #9C1414;
}

.form-control-hidden,
.tooltip-element {
	background: var(--hhc-faint-gray) !Important;
	color: var(--hhc-faint-gray) !Important;
	border: color: var(--hhc-faint-gray) !Important;
}


.embed-youtube {
	position: relative;
	padding-bottom: 56.25%;
	/* - 16:9 aspect ratio (most common) */
	/* padding-bottom: 62.5%; - 16:10 aspect ratio */
	/* padding-bottom: 75%; - 4:3 aspect ratio */
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media (min-width:400px) and (max-width:1050px) {
	.featured-3x-element {
		width: 70% !important;
		margin-left: 15%;
	}

}

/*Form specific styles*/
/* Footer1 form*/
#dynamicInputForm_559Main,
#dynamicInputForm_645Main,
#dynamicInputForm_693Main {
	display: none;
	overflow: auto;
	overflow-y: hidden;
	margin-right: -8px;
	margin-left: -8px;
	padding: 15px;
}


.page-wrap-footer,
.ng-scope-footer {

	background-color: black !Important;

}

h3-footer {
	color: #ccd4d7;
	line-height: 22px;
	font-style: normal;
	font-weight: var(--font-weight-bold);
	font-size: medium;
	font-family: var(--hhc-font-family);
}

/* Landing page cta page  */
dynamicInputForm_611Main {
	overflow: auto;
	overflow-y: hidden;
	margin-right: -15px;
	margin-left: -15px;
	padding: 15px;
}


@media print {
	.do-not-print {
		display: none;
	}
}


.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 7px !important;
	padding-left: 7px !important;
	padding-top: 0.5em;
	/*Updated 05-15-2023*/
}

.vc_empty_space {
	// position: relative;
	// margin-top: 1em;
	background-color: var(--hhc-faint-gray);
	// opacity: 0;
}

.detail-top {

	// border-radius: 25px 25px 0 0;
	background-color: var(--hhc-faint-gray);
	border: 0;

}

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

.search-icon {
	position: fixed;
	left: 86%;
	top: 18px;
	z-index: 99999;
	cursor: pointer;
}

.post-button {
	display: block !important;
	position: fixed !important;
	left: 85% !important;
	top: 15px !important;
	z-index: 9999;
}

.post-small-button {
	display: none;
	position: fixed;
	left: 85% !important;
	top: 15px !important;
	z-index: 9999 !important;
}

.avatar-container {
	display: block !important;
	position: fixed !important;
	right: 2%;
	top: 15px !Important;
	z-index: 9999;


}

.avatar-container>a>img {
	border-radius: 20px !important;
}

.field-text-1637689132534 {
	display: none !important;
}

.small_logo {
	display: none;
}

.full_logo {
	display: block;
}


@media (max-width: 688px) {

	.avatar-container {
		//  display: none !important;
	}

	.small_logo {
		display: block !important;
	}

	.full_logo {
		display: none !important;
	}

	#text-1637689132534 {
		left: 30% !important;
	}

	.post-button {
		display: none !important;
	}

	/*.post-small-button {
        display: block !important;
    }*/
}


.navbar {
	// position: relative;
	// min-height: 80px !Important;
	margin-bottom: 10px !Important;
	// border: 1px solid transparent;
}

div.navbar-brand {
	padding-top: 0px;
	padding-bottom: 0px;
}

.navbar-header {
	margin-right: 2em !Important;
}


.navbar-brand {
	float: left;
	// height: 50px;
	padding: 18px 0px;
	font-size: 18px;
	line-height: 20px;
	margin-top: -35px;
}

.navbar-nav {
	// margin: 6.5px 1px !Important;
}


.navbar-nav>li>a {
    line-height: 15px;
}


.collapse.navbar-collapse.menu-center {
	margin: auto;
	width: 80%;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: white;
    }
	
	.dropdown-menu .subdropdown-wrapper {
			background-color: white;
}	
	
	
	
}


.navbar-nav>li>.dropdown-menu {
    margin-top: 2em;
}


















#outputform_509 {
	.flex-row {
		padding-top: 1em;
	}

}


#dynamicInputForm_457Main {
	margin-top: -80px;
	/* position:fixed;
    width:100% !important;
    z-index:2; 
    height: 125px !important;  */
}

#dynamicInputForm_457 {}

.menu-form-457 nav {
	// position:initial !important; 

}


.menu-form-457 .dropdown-wrapper {
	// background-color:black !important;
}

.menu-form-457 ul {
	// background-color:black !important;

}

.menu-form-457 ul>li {
	height: 25px !important;
}

.menu-form-457 li {
	height: 25px !important;
}


.menu-form-457 a {
	// color: white !important;
	color: black !important;
}

.menu-form-457 .item-wrapper {
	// background-color:black !important;
}

@media print {

	.menu-form-457 {
		display: none !important;
	}

	.menu-form-475>.navbar {
		display: none !important;
	}

	#dynamicInputForm_457 {
		display: none !important;
	}

	#dinamicCont {
		display: none !important;
	}

	a[href]:after {
		display: none !important;
	}

	.col-sm-1,
	.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-10,
	.col-sm-11,
	.col-sm-12 {
		width: 100%;
		page-break-inside: auto !important;
	}


	.page-break-print {
		page-break-after: always;
		 !important
	}

}

.button-nav-toogle {
	margin-right: 40px !important;
	width: 42px !important;
}

.scrollable-container {
  overflow-x: auto; /* Enables horizontal scrolling when content overflows */
  overflow-y: hidden; /* Hides the vertical scrollbar */
  white-space: nowrap; /* Prevents content from wrapping to the next line */
  
  /* Hide scrollbar for Chrome, Safari and Opera (WebKit browsers) */
  &::-webkit-scrollbar {
    display: none;
  }

  /* Hide scrollbar for IE, Edge, and Firefox */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.scrollable-container > * {
  display: inline-block; /* Aligns child elements in a single row */
}


/* ── Accessibility: Reduced Motion ── */
@media (prefers-reduced-motion: reduce) {
  /*
    Disables animations/transitions for users with vestibular disorders.
    WCAG 2.1 Success Criterion 2.3.3 (AAA) requires this.
    Uses 0.01ms instead of 0 so JS animationend/transitionend events still fire.
  */
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}