







/* 1a. Containers */

html,
body {
	overflow-x: hidden;
}








:root {
	
		--minsm: 0px;
	
		--maxsm: 767px;
	
		--minmd: 768px;
	
		--maxmd: 1139px;
	
		--minlg: 1140px;
	
		--maxlg: 1179px;
	
		--minxl: 1180px;
	
}



/* 1b. Colors */







.white { color: #FFFFFF; }
.bg-white { background-color: #FFFFFF; }

.vltgreen { color: #E3F0C8; }
.bg-vltgreen { background-color: #E3F0C8; }

.ltgreen { color: #A5CF4F; }
.bg-ltgreen { background-color: #A5CF4F; }

.ltgreenalpha { color: 165, 207, 79, .1; }
.bg-ltgreenalpha { background-color: 165, 207, 79, .1; }

.green { color: #69A341; }
.bg-green { background-color: #69A341; }

.dkgreen { color: #326820; }
.bg-dkgreen { background-color: #326820; }

.vdkgreen { color: #284E38; }
.bg-vdkgreen { background-color: #284E38; }

.magenta { color: #C53078; }
.bg-magenta { background-color: #C53078; }

.blue { color: #0096D4; }
.bg-blue { background-color: #0096D4; }

.dkblue { color: #4074AC; }
.bg-dkblue { background-color: #4074AC; }

.orange { color: #FBAB18; }
.bg-orange { background-color: #FBAB18; }

.grey { color: #808080; }
.bg-grey { background-color: #808080; }

.dkgrey { color: #292929; }
.bg-dkgrey { background-color: #292929; }

.black { color: #000000; }
.bg-black { background-color: #000000; }

.blogHeaderBlack { color: 4a4a4a; }
.bg-blogHeaderBlack { background-color: 4a4a4a; }


:root {
	
		--white: #FFFFFF;
	
		--vltgreen: #E3F0C8;
	
		--ltgreen: #A5CF4F;
	
		--ltgreenalpha: 165, 207, 79, .1;
	
		--green: #69A341;
	
		--dkgreen: #326820;
	
		--vdkgreen: #284E38;
	
		--magenta: #C53078;
	
		--blue: #0096D4;
	
		--dkblue: #4074AC;
	
		--orange: #FBAB18;
	
		--grey: #808080;
	
		--dkgrey: #292929;
	
		--black: #000000;
	
		--blogHeaderBlack: 4a4a4a;
	
}

/* 1c. Typography */








.number-font {
	font-family: "Leo Rounded", sans-serif;
}

:root {
	--body_font: "BW Quinta Pro", sans-serif;
	--number_font: "Leo Rounded", sans-serif;
}





/* 1d. Buttons */









/* Video plugin tweak for button lookalike styling */
a.bbyt-vid {
	display: block;
	margin-bottom:  20px;
}

.hs-button,
.linktree-list a,
a.bbyt-vid div:first-child {
	background: #FFFFFF;
	border: 4px solid #A5CF4F;
	border-radius: 12px;
	color: #326820;
	display: inline-block;
	margin-left: 4px;
	margin-right: 4px;
	padding: 6px 28px;
	text-align: center;
	text-transform: uppercase;
	transition: .1s cubic-bezier(.5, .1, .5, 2);
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

.hs-button:hover,
.linktree-list a:hover,
a.bbyt-vid div:first-child:hover {
	border-color: #69A341;
	color: #FBAB18;
	// padding: 6px 32px;
	text-decoration: none;
	transition: .1s cubic-bezier(.5, .1, .5, 2);
	// margin-left: 0;
	// margin-right: 0;
	transform: scaleX(102%);
}

/* 1e. Forms */










/* 1f. Tables */











/* 1g. Site header */





.header__navigation.header--element {
	display: none;
}

.header__navigation--toggle,
.header__search--toggle {
	display: none;
}

.header__column {
	display: grid;
}

.button.buy-direct,
.hs-button[href^="https://get.phidirect.com"] {
	background: #F9AB37;
	border-color: #FFFFFF;
	color: #326820;
	font-weight: 700;
	text-transform: uppercase;
}

header .button.buy-direct {
	border-radius: 16px;
	padding: 12px 28px;
	margin-right: 2.427em;
}

.button.buy-direct:hover {
	color:  var(--dkgreen);
}

@media all and (min-width: 768px) {
	.button.buy-direct {
		font-size: 20px;
	}
}

@media all and (max-width: 767px) {
	.header__container.content-wrapper {
		flex-direction: row !important;
		justify-content: center;
	}

	.header__logo--main {
		margin: 0;
		width: 200px;
	}
}

.header__logo--main {
	padding-top: 0;	
}

.button.buy-direct:hover,
.hs-button[href^="https://get.phidirect.com"]:hover {
	background: #FFFFFF;
	border-color: #F9AB37;
	color: 0;
}

.mm-menu [href="https://get.phidirect.com"] {
	color: #FBAB18 !important;
	margin-top: 1.618em !important;
	font-weight: 700;
}

.mm-menu [href="https://get.phidirect.com"]:hover {
	color: #69A341 !important;
}

/* 1h. Site footer */




.footer .social-links__icon {
	background: #808080;
}
.footer .social-links__icon:hover {
	background: #FFFFFF;
}

.footer .social-links__icon svg {
	height: 24px;
}

.footer .social-links__icon #layer1 {
	fill: #000000;
}

.footer .hs-menu-wrapper ul {
	list-style: none;
	text-align: left;
}

.hide,
.d-none {
	display: none !important;
}

.d-block {
	display: block !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-grid {
	display: grid !important;
}

@media all and (max-width: 767px) {
	.hide-mobile,
	.d-sm-none {
		display: none !important;
	}
}

@media all and (min-width: 768px) {
	.d-md-none {
		display:  none !important;
	}
	
	.d-md-block {
		display:  block !important;
	}

	.d-md-inline {
		display: inline !important;
	}

	.d-md-inline-block {
		display: inline-block !important;
	}

	.d-md-grid {
		display: grid;
	}
}

@media all and (min-width: 1140px) {
	.d-lg-none {
		display:  none !important;
	}
	
	.d-lg-block {
		display:  block !important;
	}

	.d-lg-inline {
		display: inline !important;
	}

	.d-lg-inline-block {
		display: inline-block !important;
	}

	.d-lg-grid {
		display: grid;
	}
}

@media all and (min-width: 1180px) {
	.d-xl-none {
		display:  none !important;
	}
	
	.d-xl-block {
		display:  block !important;
	}

	.d-xl-inline {
		display: inline !important;
	}

	.d-xl-inline-block {
		display: inline-block !important;
	}

	.d-xl-grid {
		display: grid;
	}
}


/* 1i. Layout help */

.space-top { margin-top: 1.618rem; }
.space-top-half, .half-space-top { margin-top: calc(1.618rem * .5); }
.space-top-quarter, .quarter-space-top { margin-top: calc(1.618rem * .25); }
.space-top-none, .no-space-top { margin-bottom: 0 !important; }
.space-bottom { margin-bottom: 1.618rem; }
.space-bottom-half, .half-space-bottom { margin-bottom: calc(1.618rem * .5); }
.space-bottom-quarter, .quarter-space-bottom { margin-bottom: calc(1.618rem * .25); }
.space-bottom-none, .no-space-bottom { margin-bottom: 0 !important; }

.padding-top { padding-top: 1.618rem; }
.padding-top-half, .half-padding-top { padding-top: calc(1.618rem * .5); }
.padding-top-quarter, .quarter-padding-top { padding-top: calc(1.618rem * .25); }
.padding-top-none, .no-padding-top { padding-bottom: 0 !important; }
.padding-bottom { padding-bottom: 1.618rem; }
.padding-bottom-half, .half-padding-bottom { padding-bottom: calc(1.618rem * .5); }
.padding-bottom-quarter, .quarter-padding-bottom { padding-bottom: calc(1.618rem * .25); }
.padding-bottom-none, .no-padding-bottom { padding-bottom: 0 !important; }

p {
	margin-bottom: 1rem;
}





.content-wrapper {
	max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
	padding: 40px;
}

.dnd-section > .row-fluid {
	max-width: 1240px;
}





html {
	font-size: 18px;
}

body {
	;
	color: #000000;
	font-family: "BW Quinta Pro", sans-serif;
	background: white;
}

.body-wrapper {
	overflow: hidden;
}

/* Paragraphs */

p {
	;
}

/* Anchors */

a {
	color: #326820;
	text-decoration: underline;
}

a.hover-uline:hover {
	color:  #A5CF4F;
	text-decoration: underline;
}

a:hover,
a:focus {
	color: #A5CF4F;
}

a:active {
	color: #326820;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: "BW Quinta Pro", sans-serif;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 0.20225em;
}

.long-header {
	font-size: clamp(1.4rem,2.6vw,2.6rem) !important;
}

.very-long-header {
	font-size: clamp(1.2rem,3.3vw,2.5rem) !important
}

.text-shadow {
	text-shadow: -2px 3px 6px rgba(0, 0, 0, .5);
}

.annual-benefits {
	font-weight: bold;
}

h1 {
	color: #69A341;
	font-size: 3rem;
	font-size: clamp(2rem, 3.6vw, 3.1rem);
	line-height: 1;
	text-shadow: -2px 3px 6px rgba(0, 0, 0, .5);
}

h2 {
	color: #69A341;
	font-size: 2rem;
	font-size: clamp(1.7rem, 3vw, 2.2rem);
}

h3 {
	color: #69A341;
	font-size: 1.5rem;
	font-size: clamp(1.5rem, 2.25vw ,1.7rem);
}

h4 {
	color: #69A341;
	font-size: 19px;
}

h5 {
	color: #69A341;
	font-size: 19px;
}

h6 {
	color: #69A341;
	font-size: 19px;
}

/* Blockquote */

blockquote {
	border-left-color: #6AA442;
}





button,
.button {
	background-color: #FFFFFF;
	border: 4px solid #A5CF4F;
	border-radius: 12px;
	color: #326820;
	padding: 6px 28px;
	text-decoration: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
	background-color: rgba(125, 167, 39, 1.0);
	border-color: #7da727;
	color: #FFFFFF;
}

button:active,
.button:active {
	background-color: rgba(205, 247, 119, 1.0);
	border-color: #cdf777;
	color: #326820;
}





form,
.submitted-message {
	;
}

/* Form title */

h3.form-title {
	background-color: none; /*

  
  
    
  


  rgba(165, 207, 79, 1)

;*/
	color: #69A341;
}

/* Form label */

form label {
	color: ;
}

/* Form help text */

form legend {
	color: ;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=file],
select,
textarea {
	border-color: #A5CF4F;
	border-radius: 0;
	border-width: 2px;
	color: ;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
select:focus,
textarea:focus {
	border-color: #A5CF4F;
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
	color: ;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
	background: #A5CF4F;
}

.fn-date-picker td .pika-button:hover {
	background-color: #A5CF4F !important;
}

.fn-date-picker td.is-today .pika-button {
	color: #A5CF4F;
}

/* Submit button */

form input[type=submit],
form .hs-button {
	background-color: #FFFFFF;
	border: #A5CF4F 4px solid;
	border-radius: 12px;
	color: #326820;
	padding: 6px 28px;
	text-decoration: none;
	font-family: "BW Quinta Pro", sans-serif;
	font-weight: 700;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
	background-color: #FFFFFF;
	border-color: #69A341;
	color: #FBAB18;
}

form input[type=submit]:active,
form .hs-button:active {
	background-color: rgba(205, 247, 119, 1.0);
	border-color: #cdf777;
	color: #326820;
}





table {
	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
	border-color: ;
}

th,
td {
	border-color: ;
	color: ;
}

thead th,
thead td {
	background-color: 

  
  
    
  


  rgba(165, 207, 79, 1)

;
	border-bottom-color: ;
	color: #FFFFFF;
}

tfoot td {
	background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
	color: ;
}

tbody + tbody {
	border-top-color: ;
}





.header {
	background-color: #326820;
	border-bottom: 15px solid #69A341;
}

body .navigation-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
	color: ;
	font-family: "BW Quinta Pro", sans-serif;
}

body .site-logo {
	margin: 1.618em 0 0;
}

body .header__logo .mouseprint {
	margin-bottom: 1.618rem;
}

body .navigation-primary a:hover,
body .navigation-primary a:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
	color: ;
}

body .navigation-primary a:active,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
	color: ;
}

body .navigation-primary .submenu.level-1 > li > a.active-item:after {
	background-color: #A5CF4F;
}

body .submenu.level-2,
body .header__language-switcher .lang_list_class {
	background-color: #326820;
	border-color: #494A52;
}

body .submenu.level-2 > li:first-child:before {
	border-color: #494A52;
}

body .header__language-switcher .lang_list_class:before {
	border-bottom-color: #494A52;
}

body .submenu.level-2 .menu-item .menu-link:hover,
body .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .submenu.level-2 > li:first-child:hover:before,
body .submenu.level-2 > li:first-child.focus:before {
	background-color: #326820;
}

.header__language-switcher .lang_list_class.first-active::after {
	border-bottom-color: #326820;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
	font-family: "BW Quinta Pro", sans-serif;
}

.header__language-switcher-label-current:after {
	border-top-color: ;
}

.header__language-switcher {
	padding-right: 14px;
}

@media(max-width: 767px) {
	.header__navigation {
		background-color: #326820;
	}

	.header__navigation-toggle svg,
	.menu-arrow svg {
		fill: ;
	}
}





.footer {
	background-color: #000000;
	padding-top: 2.5rem;
	text-align: inherit;
}

/* Footer Content */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6
.footer p,
.footer a,
.footer div,
.footer span {
	color: #808080;
}

.footer a {
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

@media all and (max-width: 767px) {
	.footer,
	.footer ul[role="menu"]  {
		padding-left:  1.618em;
		padding-right:  1.618em;
		text-align: center !important;
	}

	.footer .smedia {
		margin-bottom:  1.618em;
	}
}





.blog-index__post {
	all: unset;
}

.blog-post__date {
	border-color: ;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
	color: ;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
	color: ;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
	color: ;
}

.blog-tag-filter__menu-link--active-item:after {
	background-color: #A5CF4F;
}

.blog-pagination__link {
	color: ;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
	background-color: #A5CF4F;
}

.blog-post__title {
	;
	color: ;
	font-size: ;
}

.blog-post__author {
	background-color: #6AA442;
}

#comments-listing .comment-reply-to {
	color: #0270e0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: #0048b8;
}

#comments-listing .comment-reply-to:active {
	color: #2a98ff;
}

.body-container--blog-index .blog-header {
	background: #A5CF4F;
}

.body-container--blog-index .blog-header__innder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.body-container--blog-index .blog-header__subtitle {
	display: none;
}

.body-container--blog-index .blog-header h1 {
	color: #FFFFFF;
	font-size: 3rem;
	font-size: clamp(1.8rem,3.6vw,3rem);
}

.blog-index__post-content--small h2 {
	font-size: 2.2rem;
}

.blog-index__post-content--small h2 a {
	color: #A5CF4F;
}

.body-container--blog-index .blog-index__post-image {
	/*max-height: 500px;*/
	/*width: minmax(auto, 100%);*/
}

/* phi blog custom styles */
.blog-index {
	flex-direction: column;
}

@media (min-width: 1024px) {
	:is(.hs-blog-listing, .hs-blog-post) .body-container > .content-wrapper {
		display: grid;
		grid-template-columns: 1fr 25%;
		gap: 50px;
	}
}

.hs-blog-listing article h2 a {
	color: #326820;
	text-decoration: none;
	font-size: 30px;
}

.hs-blog-listing article h2 a:hover {
	color: #A5CF4F;
}

:is(.hs-blog-listing, .hs-blog-post) .sidebar {
	padding-top: 1.618em;
	padding-bottom: 3.236em;
	margin-bottom: 3.236em;
	border-radius: 0 0 180px 180px;
	align-self: start;
}

@media (max-width: 1023px) {

	:is(.hs-blog-listing, .hs-blog-post) .sidebar {
		position: relative;
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 0;
		margin-bottom: 0;
	}
}

.hs-blog-listing .sidebar .container-fluid {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

/* featured post index styles */
.blog-index__post--large {
	display: block !important;
	flex: inherit;
}

.blog-index__post--large {
	display: flex;
	flex-direction: column;
}

.blog-index__post-content--large {
	padding-left: 0 !important;
}

/* regular post index styles */
.blog-index article {
	padding-bottom: 1.618em;
	margin-bottom: 1.618em;
	border-bottom: 2px solid #E3F0C8;
	width: 100%;
}

.blog-index__post--small {
	display: flex;
	gap: 20px;
}

/* img wrapper */
.blog-index__post--small  > a {
	flex-shrink: 0;
	width: 40%;
}

@media (max-width:  767px) {
	.blog-index article {
		flex-direction: column;
	}

	.blog-index__post--small  > a {
		width: 100%;
	}
}

.blog-index__post--small h2 {
	margin-top: 0;
}

.blog-index__post-content p {
	font-family: inherit;
}
	
.blog-index::after {
	display: none;
}

.blog-index .readmore {
	display: inline-block;
	color: #326820;
	margin-bottom: 1.618em;
}

.blog-index .readmore:hover {
	color: #A5CF4F;
}

.blog-post__tag-link {
	text-transform: uppercase;
	color: #326820 !important;
	font-size: inherit;
	margin-right: 0.4045em;
}

.blog-pagination {
	margin-left: auto;
	margin-right: auto;
}

.blog-pagination a {
	color: #326820;
}

.blog-pagination svg {
	fill: #326820;
}

.blog-pagination__link {
  border-radius: 5000px;
  border: 2px solid #A5CF4F;
  aspect-ratio: 1/1;
  display: table-cell;
  width: 34px;
  height: 34px;
}

.blog-pagination .blog-pagination__link--active a {
	color:  white;
	background: #A5CF4F;
}

.blog-pagination__prev-link,
.blog-pagination__next-link {
	padding: 3.5px;
}

.blog-pagination__prev-link--disabled,
.blog-pagination__next-link--disabled {
	filter: saturate(0);
}

.postmeta {
	color: #808080;
}

.social-share-block {
	display: flex;
	gap: 8px;
}

/* single post styles */

@media (min-width: 1024px) {
	.hs-blog-post .body-container > .content-wrapper {
    display: grid;
    gap: 0;
	  column-gap: 50px;
    grid-template-rows: [row1-start] 182px [row1-end row2-start] auto [row2-end];
	}

	.hs-blog-post .body-container article.blog-post {
	  grid-row: span 2;
	  grid-column-start: 1;
	}
}

.hs-blog-post h2 {
	font-size: clamp(1.5rem, 3vw, 1.7rem); 
  color: #326820;
}

.hs-blog-post h2 + h3 {
	margin-top: 15px;
}

.hs-blog-post h3 {
	font-size: clamp(1.25rem,2.25vw,1.4rem);
	font-style: italic;
}

.hs-blog-post .body-container .sidebar {
  grid-column-start: 2;
  grid-row-start: 2;
  padding-left: 1.618em;
  padding-right: 1.618em;
}

.hs-blog-post .body-container .sidebar .sidebar-recent {
	list-style: none;
	padding: 0;
}

.hs-blog-post .body-container .sidebar .sidebar-recent li {
	margin-bottom: 0.809em;
}

.hs-blog-post .blog-post {
	padding-top: 0;
}

.hs-blog-post .blog-post h1 {
	color: #FFFFFF;
	font-size: clamp(1.8rem,3.6vw,3rem);
	background: #A5CF4F;
	height: 182px;
	display: grid;
	align-content: center;
	position: relative;
	margin-bottom: 0;
}

.hs-blog-post .blog-post h1::before {
	content: '';
	background: inherit;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 200vw;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.hs-blog-post .blog-post .blog-index__post-image {
	margin-bottom: 1.618em;
}

/* related posts */
.hs-blog-post .blog-related-posts a {
	text-decoration: none;
}











body .icon svg {
	fill: #A5CF4F;
}

body .tns-nav button.tns-nav-active {
	background-color: #A5CF4F;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
	background-color: #A5CF4F;
}

body .team-member__description {
	background-color: #6AA442;
}

[class*="bg-wide"] {
	position: relative;
	z-index: 5;
}

[class*="bg-wide"]::before {
	background: inherit;
	bottom: 0;
	content: '';
	position: absolute;
	top: 0;
	width: 101vw;
	z-index: -1;
}

.bg-wide::before {
	left: 50%;
	transform: translateX(-50%);
}

.bg-wide-l::before,
.bg-wide-r::before {
	width: 60vw;
}

@media (max-width: 767px) {
	[class*="bg-wide"]:before {
		left: 50%;
		transform: translateX(-50%);
		width: 101vw;
	}
}
@media (min-width: 768px ) and (max-width: 1139px) {
	.bg-wide-l:before { right: calc(-2.9624309390000003% - 21px); }
	.bg-wide-r:before { left: calc(-2.9624309390000003% - 21px); }
}
@media (min-width: 1140px ) and (max-width: 1179px) {
	.bg-wide-l:before { right: calc(-2.327659574% - 21px); }
	.bg-wide-r:before { left: calc(-2.327659574% - 21px); }
}
@media (min-width: 1180px ) {
	.bg-wide-l:before { right: calc(-2.7641025640000003% - 21px); }
	.bg-wide-r:before { left: calc(-2.7641025640000003% - 21px); }
}

.row-fluid.no-gutter .span6 {
	margin-left: 0 !important;
	width: 50% !important;
}

@media (max-width: 767px ) {
	.direct-block {
		padding-bottom: 3.236em;
	}
}

.direct-block p {
	color: #FFFFFF;
	margin-bottom: 8px;
	text-align: center;
	text-shadow: -2px 4px 0 3px rgba(0, 0, 0, .3);
}

.coin {
	background: #69A341 ;
	border: solid white 4px;
	border-radius: 55555555px;
	box-shadow: 0 0 0 4px #326820;
	color: #FFFFFF;
	display: grid;
	font-size: 135%;
	height: 135px;
	left: 50%;
	margin-bottom: -32px !important;
	padding: 12px;
	position: relative;
	text-transform: uppercase;
	transform: translate(-50%, -33%);
	width: 135px;
}

.coin span {
	font-size: 90px;
	line-height: 0;
	text-shadow: -2px 3px #326820;
}

.direct-amount {
	margin-bottom: 0;
	font-size: 48px;
}

.bg-alpha {
	background: rgba(0, 0, 0, .3);
	border-radius: 12px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 120%;
	left: 50%;
	margin-top: 0.4045em;
	padding: 0.4045em 1.618em;
	position: relative;
	text-align: center;
	transform: translateX(-50%);
}

.smallprint {
	font-size: 90%;
}

.mouseprint {
	font-size: 12px;
	margin-bottom: 0;
	line-height: 1.2;
}

.largeprint {
	font-size: 120%;
	font-size:  clamp(1.1em, 1.13vw,1.2em);
}

.header__logo a:hover {
	text-decoration: none;
}

[href^='#clamp'] {
	pointer-events: none;
}

[href^='#clamp-left'] {

}

.footer-nav {
	line-height: 1.1;
	font-size: 85%;
}

.footer-nav a {
	margin-bottom: 4px;
	display: inline-block;
}

.no-bullets {
	list-style: none;
	padding-left: 0;
}

.icon-list li a,
.icon-list li {
	display: flex;
	line-height: 1.1;
	margin-bottom: .25em;
}

ol.icon-list li {
	margin-bottom: 1.25rem;
}

ol.icon-list h3 {
	margin-bottom: 4px;
}

.icon-list p {
	margin-bottom: 0;
}

.icon-list h3 {
	margin-bottom: 0;
}

.space-list li {
	margin-bottom: .5em;
}

.icon-doc {
	background: url('') no-repeat center/contain;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 6px;
	transition: .25s cubic-bezier(.5, -1.5, .5, 2.5);
}

a:hover .icon-doc {
	background: url('') no-repeat center/contain;	
}

.icon-link {
	background: url('') no-repeat center/contain, url('') no-repeat center/contain;
	width: 32px;
	height: 32px;
	display: inline-block;
	margin-right: 6px;
	transition: .25s cubic-bezier(.5, -1.5, .5, 2.5);
}

.icon-1, .icon-1-green,
.icon-2, .icon-2-green,
.icon-3, .icon-3-green {
	display: inline-block;
	height: 40px;
	margin-right: 12px;
	width: 40px;
	min-width: 40px;
}

.icon-1 { background: url('//8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/raw_assets/public/phi-direct-theme/images/icon-1.svg') no-repeat center/contain;  }
.icon-2 { background: url('//8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/raw_assets/public/phi-direct-theme/images/icon-2.svg') no-repeat center/contain;  }
.icon-3 { background: url('//8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/raw_assets/public/phi-direct-theme/images/icon-3.svg') no-repeat center/contain;  }
.icon-1-green { background: url('//8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/raw_assets/public/phi-direct-theme/images/icon-1-green.svg') no-repeat center/contain;  }
.icon-2-green { background: url('//8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/raw_assets/public/phi-direct-theme/images/icon-2-green.svg') no-repeat center/contain;  }
.icon-3-green { background: url('//8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/raw_assets/public/phi-direct-theme/images/icon-3-green.svg') no-repeat center/contain;  }

a:hover .icon-link {
	transform: rotate(45deg);
}

h1 sup {
	font-size: 25%;
	top: -1.7em;
}

.globe_class {
	background-image: url('https://8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/flags.png') !important;
	background-repeat: no-repeat;
	height: 12px !important;
	width: 19px !important;
	border-radius: 0 !important;
}

@media (max-width: 767px) {
	.header__language-switcher--toggle {
		background-image: url('https://8863602.fs1.hubspotusercontent-na1.net/hubfs/8863602/flags.png') !important;
		background-repeat: no-repeat;
		height: 12px !important;
		width: 19px !important;
		border-radius: 0 !important;
	}
}

@media (max-width: 767px) {
	.header__language-switcher--toggle {
		margin: 0 5vw !important;
	}
}

html[lang="en-us"] .globe_class,
html[lang="en-us"] .header__language-switcher--toggle {
	background-position: 0 0;
}

html[lang="en-ca"] .globe_class,
html[lang="en-ca"] .header__language-switcher--toggle {
	background-position: 0 -14px;
}

.header__language-switcher--label-current,
.header__close--toggle,
.header__language-switcher--toggle.open:after {
	display: none !important;
}

.header__language-switcher--toggle.open {
	margin: 0;
}

body .lang_list_class {
	left: 48% !important;
	width: 100vw;
}

.header__language-switcher.open {
	background: none !important;
}

[href^="dud"] {
	display: inline-block;
	border: dashed 1px red;
}

.date-fade [class*="span"] + [class*="span"] {
	position: relative;
}

.date-fade [class*="span"] + [class*="span"]::before,
.date-fade [class*="span"] + [class*="span"]::after {
	content: '';
	width: 100%;
	position: absolute;
	display: block;
	height: 35%;
}

.date-fade [class*="span"] + [class*="span"]::before {
	top: 0;
	background: linear-gradient(180deg, white, white, transparent);
}

.date-fade [class*="span"] + [class*="span"]::after {
	bottom: 0;
	background: linear-gradient(0deg, white, white, transparent);
}

@media all and (max-width:  1120px) {
	.home-banner-stack > .row-fluid {
		flex-direction:  column !important;
	}	
	
	.home-banner-stack > .row-fluid > .span6 {
		width: auto !important;
	}
}

/* home page */
.home-banner {
	display: grid;
	grid-template-areas: 
		'text'
		'buttons'
		'image'
	;
}

.home-banner .banner-img {
	grid-area:  image;
}

.home-banner .banner-text {
	grid-area:  text;
}

.home-banner .banner-buttons {
	grid-area:  buttons;
	text-align:  center;
	margin-bottom: 1.618em;
}

.home-banner .banner-buttons a {
	min-width:  214px;
}

@media all and (max-width: 767px) {
	.home-banner h1,
	.home-banner .banner-text {
		text-align: center;
	}

}

@media all and (min-width: 768px) {
	.home-banner {
		grid-template-columns:  1fr 1fr;
		grid-gap:  1em;
		grid-template-areas: 
		'image text'
		'image text'
		'buttons buttons'
		;
	}

	.home-banner .banner-text {
		align-self:  center;
	}
}

@media all and (min-width: 1140px) {
	.home-banner {
		grid-template-areas: 
		'image text'
		'image buttons'
		;
	}

	.home-banner .banner-text {
		align-self:  end;
	}

	.home-banner .banner-buttons {
		text-align:  unset;
	}
}

div#hs-eu-cookie-confirmation { position: unset !important; }

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

.linktree-list {
	list-style:  none;
	padding: 0;
}

.linktree-list a {
	display:  block;
	margin-bottom: 12px;
}

/* Coverage map styles */
/* phi direct form id */
 .inputs-list {
  display: flex;
  justify-content: flex-start;
}

:is(.hs-content-id-67337864784,/* english */
		.hs-content-id-71635472789 /* french */) .hs-error-msg {
  display: none;
}

:is(.hs-content-id-67337864784,/* english */
		.hs-content-id-71635472789 /* french */) .hs-error-msgs > li {
	margin-bottom:  0 !important;
} 

.hs-content-id-67337864784,/* english */
		.hs-content-id-71635472789 /* french */) fieldset.form-columns-1 .hs-input[type="email"] {
  width: 100%;
}

@media all and (min-width: 640px) {
	:is(.hs-content-id-67337864784,/* english */
			.hs-content-id-71635472789 /* french */) .hs_firstname {
		width: 49%;
		display: inline-block;
		vertical-align: top;
		margin-right: 2%;
	}

	:is(.hs-content-id-67337864784,/* english */
			.hs-content-id-71635472789 /* french */) .hs_email {
		width: 49%;
		display: inline-block;
		vertical-align: top;
	}

	:is(.hs-content-id-67337864784,/* english */
			.hs-content-id-71635472789 /* french */) .hs_where_are_you_ {
		display: flex;
		justify-items: center;
		gap: 1.618em;
		margin-bottom: 0;
	}
}

:is(.hs-content-id-67337864784,/* english */
		.hs-content-id-71635472789 /* french */) .inputs-list li {
	width: auto;
	padding-right: 1.618em;
	margin-top: 0;
	margin-bottom: ;
}

:is(.hs-content-id-67337864784,/* english */
		.hs-content-id-71635472789 /* french */) select {
	background:  white;
	height: 43px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 12px;
}

/* Checklist */
ul.checklist {
	list-style: none;
	margin-bottom: 0;
}

ul.checklist li {
	margin-bottom: .2em;
}

ul.checklist li::before {
	content: '';
	width: 20px;
	height:  20px;
	background: url('https://www.phidirect.com/hubfs/PHI-Direct/list-checkmark.svg') center/contain no-repeat;
	display: inline-block;
	margin-right: .5em;
	transform: translateY(5px);
}
/* Claims / Forms Page */