Cannot read property 'href' of undefined?

Site URL: https://www.uartsunion.org/

I am getting the "Cannot read property 'href' of undefined" error:

Tech support says they can't help because this outside their scope...so hopefully the forum can

Here is my CSS:

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap'); 
@font-face{font-family: 'Roboto Condensed', sans-serif;}

p, h1, h2, h3, h4, h5, h6, a{
  font-family: 'Roboto Condensed'!important, sans-serif;
}

/* SUPPORT PAGE TITLE */
#page-section-5f49370f2174670b0d719c1f #block-b10270f4bacec70c9c5b h3,

/* NEWS PAGE TITLES */
#page-section-5f5006869c0ff3029d543d90 h3,

/* FAQ PAGE TITLE */
#page-section-5f4e65af4c8a027b4796f77c h2,

/* CONTACT PAGE TITLE */
#page-section-5f4523169675810df61f5a06 h2,
 

/* Faculty Quote Names */
.summary-title #yui_3_17_2_1_1599173079587_63 h3,

/*SUMMARY ARROWS */
.summary-carousel-pager-prev .previous .sqs-disabled {
 color: #d9282f;/* RED */
}

/*** RED TAKE ACTION BUTTON  ****/
.black .sqs-block-button-element, .black .image-button a, .black .header-actions .btn, .black .header-skip-link {
  background-color: #d9282f !important; /* RED */
  border-color:#d9282f !important;;
  color:#FFFFFF; !important;}

Neither my google font or my red buttons are showing up...so i am stumped. HALLLP! 

Have you solved it yet?

You have to import the google font via javascript instead.

Use a code injection instead. For some reason the custom style editor in squarespace doesn't allow external imports. lessCss does, squarespace does not.