/* CSS that is not impacted by scss and does not need to be built */

/* Registering default styles for core/button blocks so that the user doesn't have to use SCMA button block if they chose. */
.wp-block-button .wp-block-button__link, .default-button-style {
  color: white !important;
  background-color: #399;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #399;
  padding: 10px 30px;
  margin-bottom: 5px;
  border-radius: 0;
  width: fit-content;
  text-decoration: none !important;
}

.wp-block-button .wp-block-button__link:hover, .default-button-style:hover {
  text-decoration: none !important;
  background-color: white;
  color: #399 !important;
}


/* Styles to handle using left-align and right-align to float images to the left and right. */
.wp-block-image {
    width: fit-content;
    height: fit-content;
    margin-bottom: 1rem;
  }

.wp-block-image:has(figure.aligncenter, figure.alignright, figure.align-left), .wp-block-embed.alignright, .wp-block-embed.alignleft, .wp-block-embed.aligncenter{
  width: 100%;
}

.wp-block-image figure.aligncenter img, .wp-block-image figure.alignright img, .wp-block-embed {
  margin: auto;
}

@media(min-width: 1024px) {
  .wp-block-image:has(figure.alignright), .wp-block-embed.alignright {
    float: right;
    width: fit-content;
    margin-left: 12px;
}

.wp-block-image:has(figure.alignleft), .wp-block-embed.alignleft {
  float:left;
  width: fit-content;
  margin-right: 12px;
}
}

.clear-float {
  clear: both;
}

/* Fixing sassy social share to always be above page content but below the navigation */

.sticky-social {
  z-index: 50;
  
  ul {
    padding-left: 0;
  }
}

/* Essentially global styles - these were scoped to specific pages before in the scss */

.page-content h1 {
  font-family: "Raleway", sans-serif;
  font-size: 56px;
  color: white;
  font-weight: bold;
  line-height: normal;
  margin-top: 50px;
  margin-bottom: 50px;
}

.page-content h2 {
  font-family: "Raleway", sans-serif;
  font-size: 36px;
  color: #232E4A;
  font-weight: bold;
  line-height: normal;
}

.page-content p, .page-content li, .page-content ul {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #58595B;
  font-weight: normal;
  line-height: normal;
}

.page-content ul {
  padding-left: 20px;
}

.page-content a:not(.inline-button) {
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  color: #339999;
  font-weight: bold;
  line-height: normal;
}