/* 1a. Containers */




/* 1b. Colors */





/* 1c. Typography */












/* Primary | Secondary */



/* ANCHOR VARIABLES */













/* BLOCKQUOTE */













/* H1 FONT VARIABLES */
















/* H2 FONT VARIABLES */















/* H3 FONT VARIABLES */















/* H4 FONT VARIABLES */















/* H5 FONT VARIABLES */















/* H6 FONT VARIABLES */















/* 1d. Buttons */

/* Primary Button */





  







/* Primary Button Responsive */








/* Secondary Button */













/* Secondary Button Responsive */








/* Tertiary Button */





  







/* Tertiary Button Responsive */








/* Quaternary Button */















/* Quaternary Button Responsive */








/* 1e. Forms */































































/* Form Submit Button Default */






/* Form Submit Button Hover */




/* Form Submit Button Responsive */








/* Form Submit Thank You MSG */









/* 1f. Tables */












/* Bullet Points */











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

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

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


html,
body{ 
  background: ;
}

main{
  font-size: ;
  ; 
  color: ;  
}

main p{
  font-size: ;
  ; 
  color: ;
}

main li{
  font-size: ;
  ; 
  color: ;  
}

/* Anchors */
main a {
  ;
  color: ;
  outline: none;
  font-size: ;
}


main a[data-toggle="modal"]:not([href]):not([tabindex]) {
  color: ;
}
main a:hover,
main a:focus {
  ;
  color: rgba(#null, 0.0);
  outline: none;
}

main a:active {
  ;
  color: rgba(#null, 0.0);
}

/* Blockquote */
main blockquote {
  ;
  color: ;
  font-size: ;
  border-left-color: rgba(#null, 0.0);
}

/* Headings */

main h1 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main h2 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main h3 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main h4 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main h5 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main h6 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main .h1 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main .h2 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main .h3 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main .h4 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main .h5 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

main .h6 {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  font-weight: ;
}

/* Bullet Points Default */

  main .hs_cos_wrapper_type_rich_text ul {
    list-style: none;
  }
  main .hs_cos_wrapper_type_rich_text ul li::before {
    content: "\2022";
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    color: ;
    font-size: ;
  }


/* TABLET */
@media (min-width: 767px) {
  main,main li,main p{
    font-size: ;
  }

  main a {
    font-size: ;
  }

  main blockquote {
    font-size: ;
  }

  main h1 {
    font-size: ;
    font-weight: ;
  }

  main h2 {
    font-size: ;
    font-weight: ;
  }

  main h3 {
    font-size: ;
    font-weight: ;
  }

  main h4 {
    font-size: ;
    font-weight: ;
  }

  main h5 {
    font-size: ;
    font-weight: ;
  }

  main h6 {
    font-size: ;
    font-weight: ;
  }

  
    main .hs_cos_wrapper_type_rich_text ul li::before {
      font-size: ;
    }
  

}

/* DESKTOP */
@media (min-width: 990px) {
  main,main li,main p{
    font-size: ;
  }

  main a {
    font-size: ;
  }

  main blockquote {
    font-size: ;
  }

  main h1 {
    font-size: ;     
    font-weight: ; 
  }

  main h2 {
    font-size: ;
    font-weight: ;
  }

  main h3 {
    font-size: ;
    font-weight: ;
  }

  main h4 {
    font-size: ;
    font-weight: ;
  }

  main h5 {
    font-size: ;
    font-weight: ;
  }

  main h6 {
    font-size: ;
    font-weight: ;
  }

  
    main .hs_cos_wrapper_type_rich_text ul li::before {
      font-size: ;
    }
  

}

main a {
  font-size: inherit;
}


/* Primary Button */
button,
.button {
  ;
  color: ;
  font-size: ;
  background: rgba(#null, 0.0);
  border-radius: px;
  text-transform: ;
  ;
  ;
  width: 100%;
  transition: all .3s ease-in-out;
  display: inline-block;
}

button:hover,
button:focus,
.button:hover,
.button:focus {
  ;
  color: rgba(#null, 0.0);
  background: rgba(#null, 0.0);
  border-color: ;
}

button:active,
.button:active {
  ;
  background: rgba(#null, 0.0);
  border-color: ;
}

/* Secondary Button */
.secondary-button {
  ;
  color: ;
  font-size: ;
  background: rgba(#null, 0.0);
  border-radius: px;
  text-transform: ;
  ;
  ;
  width: 100%;
}

.secondary-button:hover,
.secondary-button:focus {
  ;
  color: rgba(#null, 0.0);
  background: rgba(#null, 0.0);
  border-color: ;
}

.secondary-button:active {
  ;
  background: rgba(#null, 0.0);
  border-color: ;
}

/* Tertiary Button */
.tertiary-button {
  ;
  color: ;
  font-size: ;
  background: rgba(#null, 0.0);
  border-radius: px;
  text-transform: ;
  ;
  ;
  width: 100%;
}

.tertiary-button:hover,
.tertiary-button:focus {
  ;
  color: rgba(#null, 0.0);
  background: rgba(#null, 0.0);
  border-color: ;
}

.tertiary-button:active {
  ;
  background: rgba(#null, 0.0);
  border-color: ;
}

/* Quaternary Button */
.quaternary-button {
  ;
  color: ;
  font-size: ;
  text-transform: ;
  ;
  background-color: rgba(#null, 0.0);
}

.quaternary-button:hover,
.quaternary-button:focus,
.quaternary-button:active {
  ;
  color: rgba(#null, 0.0);
  background-color: rgba(#null, 0.0);
}

.quaternary-button:after {
  font-family: 'Font Awesome 5 Pro';
  content: '\';
  color: rgba(#null, 0.0);
  border-radius: 100%;
  line-height: 1.5;
  display: inline-block;
  text-align: center; 
  margin-left: 2px;
  font-size: 15px;
  transition: all .3s ease-in-out;
} 

/* a:not(.btn), a:not([data-toggle=modal]), a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover,
a:not(.quaternary-button){
  color: inherit;
} */
a.quaternary-button {
color: inherit;
}

/* FIREFOX */
@-moz-document url-prefix() {
  .quaternary-button:after {
  height: 25px!important;
  }
}

.quaternary-button:hover:after {
  color: rgba(#null, 0.0);
  margin-left: 5px;
/*   box-shadow: 0 0 10px #00000045; */
}

@media (min-width: 767px) {
  button,
  .button {
    width: auto;
  }
  .secondary-button {
    width: auto;
  }
  .tertiary-button {
    width: auto;
  }
  .quaternary-button {
    width: auto;
  }
}

@media (min-width: 992px) {
   button,
  .button {
    font-size: ;
    ;
    width: auto;
  }
  .secondary-button {
    font-size: ;
    ;
    width: auto;
  }
  .tertiary-button {
    font-size: ;
    ;
    width: auto;
  }
  .quaternary-button {
    font-size: ;
    ;
    width: auto;
  }
}


form {
  ;
}

/* Form title */
.form-title {
  ;
  color: ;
  text-transform: ;
  font-size: ;
  font-weight: ;
  text-align: ;
}

/* Labels */
form label,
form label span{
  color: ;
  font-size: ;
  font-weight: ;
}

/* Help text */
form legend {
  color: ;
}

/* Error MSG */
form .hs-error-msg,
form .hs-error-msgs label{
  color: ;
  font-size: ;
  font-weight: ;
}

form .hs-input.invalid.error {
  border-color: ;
}

/* Inputs */
form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form input[type="date"],
form select,
form textarea {
  
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
  border-radius: px;
}

/* Form placeholder text */
::-webkit-input-placeholder {
  color: ;
}

::-moz-placeholder {
  color: ;
}

:-ms-input-placeholder {
  color: ;
}

::placeholder {
  color: ;
}

/* Inputs - date picker */
.hs-fieldtype-date .input .hs-dateinput:before {
  color: ;
}

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

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

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

/* Required * */
form .hs-form-required{
  color: ;
}

/* Consent Comms */
form .hs-richtext,
form .hs-richtext p,
form .legal-consent-container .hs-form-booleancheckbox-display>span,
form .legal-consent-container .hs-form-booleancheckbox-display>span p{
  ;
  font-size: ;
  color: ;
  text-transform: ;
}

form .hs-richtext a,
form .hs-richtext p a{
  ;
  font-size: ;
  text-transform: ;
  color: ;
}

form .hs-richtext a:hover,
form .hs-richtext p a:hover{
  color: ;
}

/* Submit button */
form input[type=submit],
form .hs-button {
  ;
  color: ;
  background: ;
  border-radius: px;
  text-transform: ;
  transition: all .3s ease-in-out;
  ;
  font-size: ;
  
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  color: ;
  border-color: ;
  background: ; 
  outline: none;
}

form input[type=submit]:active,
form .hs-button:active {
  color: ;
  background: ;
  ;
}

.submitted-message,
.submitted-message p{
  ;
  font-size: ;
  text-transform: ;
  color: ; 
  text-align: center; 
}

@media (min-width: 767px) {
  .form-title{
    font-size: ;
    font-weight: ;
    text-align: ;
  }

  form label,
  form label span{
    font-size: ;
    font-weight: ;
  }

  form .hs-richtext,
  form .hs-richtext p,
  form .legal-consent-container .hs-form-booleancheckbox-display>span, 
  form .legal-consent-container .hs-form-booleancheckbox-display>span p,
  form .hs-richtext a,
  form .hs-richtext p a {
    font-size: ;
    
  }

  form input[type=submit],
  form .hs-button {
    font-size: ;
    
  }

  form .hs-error-msg,
  form .hs-error-msgs label{
    font-size: ;
  }

  .submitted-message,
  .submitted-message p{
    font-size: ;
  }

}

@media (min-width: 990px) {
  .form-title{
    font-size: ;
    font-weight: ;
    text-align: ;
  }

  form label,
  form label span{
    font-size: ;
    font-weight: ;
  }

  form .hs-richtext,
  form .hs-richtext p,
  form .legal-consent-container .hs-form-booleancheckbox-display>span, 
  form .legal-consent-container .hs-form-booleancheckbox-display>span p,
  form .hs-richtext a,
  form .hs-richtext p a {
    font-size: ;
  }

  form .hs-error-msg,
  form .hs-error-msgs label{
    font-size: ;
  }

  .submitted-message,
  .submitted-message p{
    font-size: ;
  }

}
.modal {
  z-index: 9999;
}

.modal-dialog {
  max-width: 75vw;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) !important;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.modal-dialog form {
  box-shadow: none;
} 

.modal-dialog .close {
  width: 50px;
  outline: 1px solid transparent;
}

.modal-dialog .close:hover,
.modal-dialog .close:focus {
  color: #e31837;
  background: none;
  border: none;
  font-weight: 700;
  outline: 1px solid transparent;
}


/* Table */

table {
  
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
}

/* Table cells */

td,
th {
  
  
  color: ;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(#null, 1)

;
  color: ;
}





/* for system pages */
.ftr-system-pgs-block {
  width: 100%;
  height: 24px;
  background-color: #E21837;
}


.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: px 0;
}

/* Blog post */

.blog-post__meta a {
  color: ;
}

.blog-post__tag-link {
  color: ;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: ;
}

.blog-post__tag-link:active {
  color: ;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  ;
  text-transform: ;
}

.blog-related-posts__title-link {
  color: ;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: ;
}

.blog-related-posts__title-link:active {
  color: ;
}

/* Blog comments */

.blog-comments {
  margin-bottom: px;
}

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

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

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


.hs-search-results__title {
  ;
  color: ;
}


/* Blog listing */

.blog-index__post-title-link,
.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus,
.blog-index__post-title-link:active {
  ;
  text-transform: ;
}

.blog-index__post-title-link {
  color: ;
}

.blog-index__post-title-link:hover,
.blog-index__post-title-link:focus {
  color: ;
}

.blog-index__post-title-link:active {
  color: ;
}

.blog-index__post-tag,
.blog-index__post-author-name {
  color: ;
}
/* Blog pagination */

.pagination__link-text,
.pagination__link--number {
  color: ;
}

.pagination__link:hover .pagination__link-text,
.pagination__link:focus .pagination__link-text,
.pagination__link--number:hover,
.pagination__link--number:focus {
  color: ;
}

.pagination__link:active .pagination__link-text,
.pagination__link--number:active {
  color: ;
}

.pagination__link-icon svg {
  fill: ;
}
/* Social follow */

.social-links__icon {
  background-color: ;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: ;
}

.social-links__icon:active {
  background-color: ;
  ;
  color: ;
  font-size: ;
}