@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&family=DM+Serif+Text&family=Open+Sans:wght@400;500;700&display=swap');

/* Theme base styles*/
body, html {
margin: 0;
padding: 0;
}


* {
box-sizing: border-box;
}

img {
max-width: 100%;
}

ul.no-disc {
list-style: none;
margin: unset;
padding: unset;
}


/*----------  Includes  ----------*/

:root{
/* 	base colors */
	--white: #fff;
	--green100: #F0F5F2;
	--green200: #E4F3ED;
	--green300: #DBE6DF;
	--green500: #578365;	
	--green700: #596C60;
	--green900: #24342A;

	--red500: #AA4D2A;

	--brown500: #795F40;
	--brown400: #AA814D;

/* 	theme color variables */
	--primaryColor100: var(--green100);
	--primaryColor200: var(--green200);
	--primaryColor300: var(--green300);
	--primaryColor500: var(--green500);
	--primaryColor700: var(--green700);
	--primaryColor900: var(--green900);

	--secondaryColorBase: var(--brown500);
	--secondaryColorLight: var(--brown400);

	--warningColorBase: var(--red500);

/* 	fonts */
	--fontPrimary: 'DM Sans', sans-serif;
	--fontSecondary: 'DM Serif Text', serif;

	--buttonText: var(--primaryColor900);
	--buttonTextReversed: var(--white);

/* 	border radius */
	--borderRadiusSmall: 0.375rem;
	--borderRadiusMedium: .5rem;
	--borderRadiusLarge: .75rem;
}
/*=============================================
=            Main Typography Setup            =
=============================================*/








h1,h2,h3,h4,h5,h6,p{
	margin: 0;
}

h1{
  
    font-family: 'DM Serif Text', serif; font-style: normal; font-weight: 400; text-decoration: none;
    font-size: 62px;
    letter-spacing: px;
    text-transform: ;
    font-family: 'DM Serif Text', serif; font-style: normal; font-weight: 400; text-decoration: none;
    font-size: 62px;
  
	font-weight: 500;
	line-height: 1.1;
  color: var(--primaryColor900);
}

h2{
  
    42;
    font-family: 'DM Serif Text', serif; font-style: normal; font-weight: 400; text-decoration: none;
    font-size: 42px;
    letter-spacing: px;
    text-transform: none;
  
	font-weight: 500;
	line-height: 1.125;
  color: var(--primaryColor900);
}

h3{
  
    font-family: 'DM Serif Text', serif; font-style: normal; font-weight: 400; text-decoration: none;
    font-size: 42px;
    letter-spacing: px;
    text-transform: none;
  
	font-weight: 500;
  color: var(--primaryColor900);
/* 	// font-size: 3rem; //48px */
	line-height: 1.1;
}

.subtitle, h4.subtitle, h4 {
  
    font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
    font-size: 15px;
  
  text-transform: uppercase;
  letter-spacing: 2.5px;
	line-height: 1.25;
  color: var(--primaryColor600);
}

h5{
  
    font-family: 'DM Serif Text', serif; font-style: normal; font-weight: 400; text-decoration: none;
    font-size: 20px;
    color: #00326D;
    font-size: 20px;
    letter-spacing: px;
    text-transform: none;
  
  color: var(--primaryColor900);
	line-height: 1.35;
}

h6{
  
    font-family: 'DM Serif Text', serif; font-style: normal; font-weight: 400; text-decoration: none;
  
	line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: .75px;
  color: var(--primaryColor900);

}

p, span {
  
    font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    ;
  
	line-height: 1.4;
	color: var(--primaryColor900);
}

h1 + p{
	margin-top: 1rem;
}

.subtitle + h3{
	margin-top: .5rem;
}

h3 + p{
	margin-top: 1.625rem;
}

p + p{
	margin-top: 1rem;
}


a:not(.btn):not(li.hs-item-has-children a):not(.tab-bar):not(.tab):not(.tab.active)
:not(.tab-bar a.active):not(.hs-button.large.primary)
:not(header .nav-wrapper .hs-menu-wrapper li a, header .nav-wrapper .hs-menu-wrapper li span)
:not(.mobile-nav nav li a)
:not(footer .footer-bottom a), 
.card--text .card--action a {
  
}


/*----------  Typography Helpers  ----------*/

/* Add as needed */

.text-center{
	text-align: center;
}

.text-left{
	text-align: left;
}

.text-right{
	text-align: right;
}
/*=====  End of Main Typography Setup  ======*/
















/* button variables from theme */









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

.btn {
  --iconWidth: 1.125rem;
  --iconHeight: 1.125rem;
  --largeIconWidth: 1.25rem;
  --largeIconHeight: 1.25rem;
  --smallIconWidth: .875rem;
  --smallIconHeight: .875rem;
}

.btn {
  padding: 1rem 1.375rem;
  letter-spacing: 0.25px;
  background: transparent;
  border: 2px solid transparent;
  border-radius: var(--borderRadiusSmall);
  color: var(--buttonText);
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
  transition: .35s all ease-in-out;
  
  
    font-size: 0.875rem;
    font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
    font-weight: 700;
  
}

.btn:hover {
   transition: .35s all ease-in-out;
}
.btn:focus {
  outline: 1px solid var(--primaryColor500);
  outline-offset: 4px;
}

.btn_small {
  font-size: 0.75rem;
  padding: 0.75rem 1.125rem;
}

.btn_large {
  font-size: 1rem;
  padding: 1.5rem 1.625rem;
}

.btn_primary {
    
      background: var(--primaryColor100);
      
}

.btn_primary:hover {
  
    background: var(--primaryColor300);
  
  
}

.btn_secondary {
    
      background: var(--primaryColor900);
      color: var(--buttonTextReversed);
      
}

.btn_secondary:hover {
  
    background: var(--primaryColor700);
  
}

.btn_tertiary {
  
    background: transparent;
    border-color: var(--primaryColor300);
    color: var(--white);
  
}

.btn_tertiary:hover {
  
    background-color: var(--primaryColor300);
    color: var(--buttonText);
   
}

.btn_tertiary-reversed {  
  background-color: transparent;
  border-color: var(--white);
  color: var(--white);
}

.btn_tertiary-reversed:hover {
  background-color: var(--primaryColor300);
  color: var(--buttonText);
}

.btn_reversed {
  background: var(--primaryColor100);
  color: var(--buttonText);
}

.btn_reversed:hover {
  background: var(--primaryColor300);
}

.btn_link {
  padding-left: unset;
  padding-right: unset;
  font-size: 1rem;
  color: var(--primaryColor500);
  display: flex;
  align-items: center;
}

.btn_link:hover {
  text-decoration: underline;
  color: var(--primaryColor700);
}

.btn_link svg {
  margin-left: 0.5rem;
  width: 1rem;
  height: 1rem;
  stroke-width: 2;
}

.btn_link__icon-left svg {
  margin-right: 0.5rem;
  margin-left: unset;
}

.btn_has-icon {
  display: flex;
  align-items: center;
  width: fit-content;
}

.btn_has-icon .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.375rem;
}

.btn_has-icon .btn-icon svg {
  width: var(--iconWidth);
  height: var(--iconHeight);
  stroke-width: 2;
}

.btn_has-icon_right .btn-icon {
  margin-left: 0.375rem;
  margin-right: unset;
}

.btn_small.btn_has-icon .btn-icon svg {
  width: var(--smallIconWidth);
  height: var(--smallIconHeight);
}

.btn_large.btn_has-icon .btn-icon svg {
  width: var(--largeIconWidth);
  height: var(--largeIconHeight);
}

.button-group {
  margin-top: 2.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

/*=====  End of Buttons  ======*/
/*=============================================
=            Forms            =
=============================================*/

/* custom form styles */










.newsletter-signup .form--column form label span {
  color: var(--primaryColor500);
}
.newsletter-signup .form--column form input {
  border: 2px solid var(--primaryColor300);
}




.form-field label {
  display: block;
  font-family: var(--fontPrimary);
  font-size: 0.875rem;
  color: var(--primaryColor500);
  margin-bottom: 0.375rem;
}

.form-field input[type=text], .form-field input[type=email], .form-field input[type=tel] {
  border: 1px solid var(--primaryColor300);
  border-radius: var(--borderRadiusSmall);
  padding: 0.75rem 0.875rem;
  font-size: 1rem;
}

.form-field input[type=text]::-moz-placeholder, .form-field input[type=email]::-moz-placeholder, .form-field input[type=tel]::-moz-placeholder {
  color: var(--primaryColor500);
}

.form-field input[type=text]:-ms-input-placeholder, .form-field input[type=email]:-ms-input-placeholder, .form-field input[type=tel]:-ms-input-placeholder {
  color: var(--primaryColor500);
}

.form-field input[type=text]::placeholder, .form-field input[type=email]::placeholder, .form-field input[type=tel]::placeholder {
  color: var(--primaryColor500);
}

.form-field input[type=text]:focus, .form-field input[type=email]:focus, .form-field input[type=tel]:focus {
  outline: 1px solid var(--primaryColor700);
}

.form-field_has-error label {
  color: var(--warningColorBase);
}

.form-field_has-error input[type=text], .form-field_has-error input[type=email], .form-field_has-error input[type=tel] {
  border-color: var(--warningColorBase);
}

/*=====  End of Forms  ======*/
/*=============================================
=            Error Components            =
=============================================*/

@media screen and (min-width: 1024px) {
	.component_error .error-page{
		display: grid;
		grid-template-columns: .5fr .5fr;
		grid-gap: 2rem;
	}	
}

@media screen and (min-width: 1350px) {
	.component_error .error-page{
		display: grid;
		grid-template-columns: 1fr .66fr;
		grid-gap: 2rem;
	}	
}

.error-page svg{
	max-width: 650px;
    margin: 0 auto;
    display: grid;
}

@media screen and (max-width: 1023px) {
	.error-page svg:not(.arrow-left){
		margin-bottom: 1.5rem;
	}
}

.error-page svg .blobby{
	fill: var(--primaryColor100);
}

.error-page svg .texty{
	fill: var(--primaryColor900);
	stroke: var(--primaryColor900);
}


.component_error .error-page .text-wrapper{
	align-self: end;
}

.component_error .error-page .text-wrapper .btn{
	margin-top: 2rem;
}
/*=====  End of Error Components  ======*/
/*=============================================
=            Blog Page            =
=============================================*/

.action-bar {
  padding: 3rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.action-bar .search {
  margin-left: 2rem;
}

.action-bar .search .icon {
  color: var(--primaryColor500);
}

.action-bar .search .icon svg {
  width: 20px;
  height: 20px;
  stroke-width: 2;
}

/* Pagination */
.pagination .pagination--wrapper {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.pagination .pagination--wrapper .btn span {
  display: none;
}

@media (min-width: 768px) {
  .pagination .pagination--wrapper .btn span {
    display: block;
  }
}

.pagination .pages ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination .pagination--wrapper a.blog-pagination__link {
  position: relative;
  font-family: var(--fontPrimary);
  color: var(--primaryColor500);
  padding: 11px;
  line-height: 1;
  text-decoration: none;
}

.pagination .pages ul li {
  position: relative;
  font-family: var(--fontPrimary);
  color: var(--primaryColor500);
  padding: 11px;
  line-height: 1;
}

.pagination .pages ul li:hover {
  cursor: pointer;
  color: var(--primaryColor700);
}

.pagination .pages ul li.pagination-item_current:before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid var(--primaryColor500);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}

/*=====  End of Blog Page  ======*/

/*=============================================
=            Tabs            =
=============================================*/

.tabs {
  width: 100%;
}

.tabs ul {
  display: flex;
  align-items: center;
  color: var(--primaryColor900);
  font-family: var(--fontPrimary);
  font-size: 1rem;
  font-weight: 600;
  border-bottom: 2px solid #dedede;
  padding: 1rem 0;
}

.tabs ul li:hover {
  cursor: pointer;
  color: var(--primaryColor500);
}

.tabs ul li.tab-item_current {
  color: var(--primaryColor500);
}

.tabs ul li + li {
  margin-left: 1.5rem;
}

.tabs .bar {
  --barWidth: 0;
  --Xvalue: 0;
  height: 2px;
  width: var(--barWidth);
  background: var(--primaryColor500);
  transform: translate(var(--Xvalue), -2px);
  transition: 0.2s ease-in-out;
}

/*=====  End of Tabs  ======*/

/*=============================================
=            Blog Elements            =
=============================================*/

/*----------  Blog Card  ----------*/

.card {
  border-radius: var(--borderRadiusMedium);
  box-shadow: 0px 1.7px 1.7px -12px rgba(0, 0, 0, 0.04), 0px 5.8px 5.8px -12px rgba(0, 0, 0, 0.06), 0px 26px 26px -12px rgba(0, 0, 0, 0.1);
  display: grid;
  grid-template-rows: 1fr auto;
  cursor: default;
}

.card:hover .card--image img {
  opacity: 0.6;
  transform: scale(1.05);
}

.card--image {
  overflow: hidden;
  border-radius: var(--borderRadiusMedium) var(--borderRadiusMedium) 0 0;
  max-height: 225px;
  background: var(--primaryColor900);
}

.card--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.15s linear;
}

.card--text {
  padding: 2.5rem 2rem;
  background: var(--white);
  border-radius: 0 0 var(--borderRadiusMedium) var(--borderRadiusMedium);
}

.card--text .card--title {
  font-family: var(--fontSecondary);
  font-size: 1.5rem;
  line-height: 1.1;
  margin-bottom: 5px;
  color: var(--primaryColor900);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card--text .card--subtitle {
  font-family: var(--fontPrimary);
  color: var(--primaryColor500);
  text-transform: uppercase;
  letter-spacing: 1.25px;
  font-weight: 600;
  margin-bottom: 8px;
  display:flex;
  align-items: center;
}

.card--text .card--subtitle .icon{
  display:flex;
  align-items: center;
  margin-right: 7px;
}

.card--text .card--subtitle svg{
  width: 19px;
  height: 19px;
}

.card--text .card-desc {
  font-family: var(--fontPrimary);
  font-size: 1rem;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card--text .card--action {
  margin-top: 0.75rem;
}

.card--text .card--action a {
  color: var(--primaryColor500);
  font-family: var(--fontPrimary);
  font-size: 1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.card--text .card--action a:hover {
  text-decoration: underline;
}

.card--text .card--action svg {
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 5px;
}

/*----------  Blog Card Group/Grid  ----------*/

.component_card-grid .card-grid--wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  margin-top: 3.5rem;
}

.component_blog-feature-1 {
  padding: 5rem 1rem;
  background: var(--primaryColor100);
}

@media (min-width: 1200px) {
  .component_blog-feature-1 {
    padding: 5rem 0;
  }
}

.component_blog-feature-1 .subtitle,
.component_blog-feature-1 h2 {
  text-align: center;
}

.component_blog-feature-1 .component_card-grid {
  margin-top: 2rem;
}

/*=====  End of Blog Elements  ======*/

/*=============================================
=            Blog Article            =
=============================================*/

.component_blog-article main{
  max-width: 110ch;
  margin: 0 auto;
}

.component_blog-article .blog-post--details{
  display:flex;
  align-items: center;
  font-size: .875rem;
  text-transform: uppercase;
  letter-spacing: .75px;
  color: var(--primaryColor500);
  font-family: var(--fontPrimary);
  font-weight: 600;
  margin: 2rem 0;
}

.blog-post--details > div{
  display: flex;
}

.blog-post--details > div + div::before{
  content: '';
  position:relative;
  border-left: 1px solid var(--primaryColor500);
  margin: 0 1rem;
}

.blog-post--details svg{
  width: 17px;
  height: 17px;
  margin-right: 7px;
  stroke-width: 2.25;
}

.blog-post--details ul.tags {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: auto;
}

.blog-post--details ul.tags li {
  background: var(--primaryColor200);
  padding: 0.5rem 0.75rem;
  font-size: .625rem;
  border-radius: 20px;
  letter-spacing: 1px;
}

.blog-post--details ul.tags li + li {
  margin-left: .75rem;
}

.blog-post--details ul.tags a{
  color: var(--primaryColor700);
  text-decoration: none;
}


.blog-post--content img{
  border-radius: var(--borderRadiusLarge);
  margin: .75rem 0;
}

.blog-post--content h2{
  margin-top: 2.125rem;
  margin-bottom: 1.75rem;
  font-size: clamp(2rem,calc(0.75rem + 3vw),3.5rem);
}

.blog-post--content h3{
  margin-top: 2rem;
  font-size: clamp(1.875rem,calc(0.75rem + 3vw),2.75rem);
}

.blog-post--content h4{
  margin: 1.25rem 0; 
  font-size: clamp(1.5rem,calc(0.75rem + 2.25vw),2.5rem);
}

.blog-post--content h5{
  margin: 1rem 0; 
  font-size: clamp(1.25rem,calc(0.75rem + 2vw),2.25rem);
}

.blog-post--content a{
 color: var(--primaryColor500); 
}

.blog-post--content a:visited{
 color: var(--primaryColor900); 
}

.blog-post--content a:focus{
  outline: 1px solid var(--primaryColor500);
  outline-offset: 2px; 
  border-radius: 2px;
}

.blog-post--content figcaption{
  font-family: var(--fontSecondary);
  font-size: .75rem;
  margin-top: 1rem; 
}
/*=====  End of Blog Article  ======*/


/*----------  START OF Default COMPONENT Styles  ----------*/

.component {
  padding: 5rem 0;
}
@media (min-width: 1300px) {
  .component {
    padding: 7rem 0;
  }
}
.component-wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 2rem;
}
@media (min-width: 1350px) {
  .component-wrapper {
    padding: 0;
  }
}
.component-wrapper .component_text-wrapper {
  padding-left: unset;
  padding-right: unset;
}
.component_text-wrapper {
  padding: 2.5rem;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}
.component_text-wrapper > * + * {
    margin-top: 1.5rem;
}
.component_text-wrapper h3 {
  max-width: 20ch;
}
@media (min-width: 1500px) {
  .component_text-wrapper h3 {
    max-width: 25ch;
  }
}

.component_text-wrapper p {
  max-width: 40ch;
}

@media (min-width: 1500px) {
  .component_text-wrapper p {
    max-width: 50ch;
  }
}

.component_text-wrapper h4 {
  margin-bottom: 1rem;
}
.component_text-wrapper p + h4 {
  margin-top: 1.5rem;
}
.component_text-wrapper .btn {
  margin-top: 2rem;
}
.component_no-padding {
  padding: 0;
}
.component-section.bg--gray {
  background-color: var(--primaryColor100);
}
.component.bg--gray {
  background-color: var(--primaryColor100);
}
.component-section.bg--white {
  background-color: var(--white);
}

/* === End Base Module Modifiers === */

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

.header-module{
  position: sticky;
  top: 0;
  z-index: 9;
}

/* error page styles */
.error-section {
  position: relative;
  display: block;
  padding: 0 0 5.5rem 0;
  overflow: hidden;
}
.error-section-wrapper {
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
  padding: 0;
  align-items: flex-end;
}
.error-section .column {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}
@media (min-width: 820px) {
  .error-section .text--column {
    flex: 0 0 45%;
    max-width: 45%;
    display: flex;
    display: -ms-flexbox;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media (min-width: 1000px) {
  .error-section .text--column {
    padding: 3.5rem 0 0 0;
  }
}
.error-section .text--column h1 {
  font-size: 35vw;
  display: block;
  margin: 0;
  font-family: var(--fontPrimary);
  color: var(--primaryColor900);
  padding: 0;
  font-weight: 600;
  line-height: 1;
}
.error-section .text--column h2 {
  display: block;
  padding: 0 0 1rem 0;
  color: var(--primaryColor900);
}
.error-section .text--column p {
  display: block;
  color: var(--primaryColor900);
}
.error-section .text--column a {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 1.5rem;
}
@media (min-width: 820px) {
  .error-section .image--column {
    flex: 0 0 55%;
    max-width: 55%;
  }
}
.error-section .image--column img {
  width: 100%;
  display: block;
  object-fit: contain;
  -o-object-fit: contain;
  max-height: 350px;
}
.error-section .image--column svg {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 23.438rem;
  margin: 0 auto;
}
@media (min-width: 820px) {
  .error-section .image--column svg {
    max-height: 100%;
  }
}
.error-section .image--column svg .number {
  stroke: transparent;
  fill: var(--primaryColor900);
}
.error-section .image--column svg .background {
  fill: var(--primaryColor100);
  opacity: 0.9;
}

/* end error page styles */

/* subscription pages */
.subscription-preference {
  position: relative;
  display: block;
  padding: 5.5rem 0;
  background-color: var(--primaryColor100);
}
.subscription-preference .content {
  background-color: var(--white);
  border-radius: 0.825rem;
  margin: 0 auto;
  position: relative;
  padding: 3rem;
  box-shadow: 0px 3px 6px #00000029;
  max-width: 600px;
  font-family: var(--fontPrimary);
  width: 90%;
}
.subscription-preference .content h1 {
  font-size: 1.75rem;
  display: block;
  padding: 0 0 10px 0;
}
@media (min-width: 470px) {
  .subscription-preference .content h1 {
    font-size: 2.25rem;
  }
}
@media (min-width: 560px) {
  .subscription-preference .content h1 {
    font-size: 2.75rem;
  }
}
@media (min-width: 700px) {
  .subscription-preference .content {
    padding: 4.5rem 4rem;
    width: 100%;
  }
}
@media (min-width: 900px) {
  .subscription-preference {
    padding: 10rem 0;
  }

}
.subscription-preference .content h2 {
  font-size: 20px;
  font-weight: 500;
  color: var(--primaryColor500);
}
.subscription-preference .content .header {
  font-weight: 600;
  color: var(--primaryColor500);
}
.subscription-preference .content .page-header {
  display: block;
  padding: 0 0 1.875rem 0;
}
.subscription-preference .content .page-header p {
  display: block;
  font-size: .9rem;
}
.subscription-preference .content__items {
  position: relative;
  display: block;
  font-family: var(--fontPrimary);
  padding: 2rem 0 0 0;
}
.subscription-preference .content__items .item {
  width: 100%;
  position: relative;
  display: flex;
  display: -ms-flexbox;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  padding: 0 0 1.25rem 0;
}
.subscription-preference .content__items .item input {
  margin: 0;
  width: 23px;
  height: 23px;
}
.subscription-preference .content__items .item label {
  display: none;
}
.subscription-preference .content__items .item__text {
  padding: 0 0 0 1rem;
}
.subscription-preference .content__items .item__text strong {
  display: block;
  font-size: 1rem;
  color: var(--primaryColor900);
  padding: 0 0 0.25rem 0;
}
.subscription-preference .content__items .item__text p {
  font-size: 0.925rem;
  color: var(--primaryColor900);
}
.subscription-preference .content .submit {
  text-align: center;
  padding: 1.5rem 0 0 0;
  position: relative;
  display: block;
}
.subscription-preference .content .content-button {
  display: block;
  padding: 30px 0 0 0;
}
.subscription-preference a {
  transition: .25s;
}
.subscription-preference .content .checkbox-row {
  padding: 1rem 0;
  font-family: var(--fontPrimary) !important;
}
.subscription-preference .content .checkbox-row span.fakeLabel {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.subscription-preference .content .checkbox-row input[type=checkbox] {
  margin: 0;
  width: 22px;
  height: 22px;
  border: 1px solid var(--primaryColor700);
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.subscription-preference .content .subscribe-options {
  padding: 1.5625rem 0;
  display: block;
}
.subscription-preference .content .subscribe-options .header{
  display: block;
  font-weight: 600;
  color: var(--primaryColor500);
}
.subscription-preference .content .subscribe-options input[type=checkbox] {
  margin: 0;
  width: 22px;
  height: 22px;
  border: 1px solid var(--primaryColor700);
  margin-right: 10px;
  position: relative;
  top: 5px;
}
.subscription-preference .content input[type=submit] {
    padding: 1rem 1.375rem;
    font-size: .875rem;
    font-family: var(--fontPrimary);
    font-weight: 700;
    letter-spacing: .25px;
    background: transparent;
    border: 2px solid transparent;
    border-radius: var(--borderRadiusSmall);
    color: var(--buttonText);
    text-decoration: none;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    background: var(--primaryColor100);
}

/*unsubscribe*/
.subscription-preference.unsubscribe-preference .page-header {
  padding: 0 0 1.875rem 0;
}
.subscription-preference.unsubscribe-preference .page-header h1 {
  padding: 0;
}
.subscription-preference.unsubscribe-preference h3 {
  display: block;
  font-size: 1.35rem;
  color: var(--primaryColor500);
}
.subscription-preference.unsubscribe-preference input[type=email] {
  font-family: var(--fontPrimary);
  margin-top: 10px;
  padding: .875rem 1rem !important;
  border: 1px solid var(--primaryColor500);
  border-radius: 8px;
  color: var(--primaryColor900);
}
.subscription-preference.unsubscribe-preference input[type=submit] {
  margin-top: 1.875rem;
}

/* end subscription pages */


/* password protected page */
.password-prompt {
  position: relative;
  display: block;
  padding: 5.5rem 0;
  background-color: var(--primaryColor100);
}
.password-prompt .content {
  background-color: var(--white);
  border-radius: 0.825rem;
  margin: 0 auto;
  position: relative;
  padding: 3.25rem;
  box-shadow: 0px 3px 6px #00000029;
  max-width: 600px;
  font-family: var(--fontPrimary);
  width: 90%;
}
.password-prompt .content h1 {
  font-size: 1.75rem;
  display: block;
  padding: 0 0 20px 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 600;
  text-align: center;
}
.password-prompt .content h2 {
  font-size: 1rem;
  display: block;
  padding: 0;
  text-align: center;
  font-weight: 400;
  font-family: "DM Sans", sans-serif;
}
.password-prompt .content .top-icon {
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 1.25rem 0;
}
.password-prompt .content .top-icon .top-icon-wrapper {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: var(--primaryColor100);
  text-align: center;
  position: relative;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -moz-flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.password-prompt .content .top-icon .top-icon-wrapper svg {
  display: block;
  width: 23px;
  height: 23px;
  margin: 0 auto;
}
.password-prompt .content .top-icon .top-icon-wrapper svg path {
  stroke: var(--primaryColor900);
}