SIAB

siab-css

/* remove bottom margin on last paragraph or list in container */
.gb-container p:last-child:last-of-type,
.gb-container ul:last-child:last-of-type {
  margin-bottom: 0px;
}

/* footer navigation block spacing */
.wp-block-navigation li {
  line-height: 1em;
}

/* footer navigation block link hover color */
.wp-block-navigation li:hover {
  color: var(--base-5);
}

/* BLOG POST STYLING & SPACING */

/* margin between content and a new section title */
.single-post p + h2,
.single-post p + h3,
.single-post ul + h2,
.single-post ul + h3,
.single-post ol + h2,
.single-post ol + h3 {
  margin-top: 40px;
}

/* page and post hyperlinks */
.single-post .content-area :is(p, li, ul) a,
.entry-content :is(p, li, ul) a {
  font-weight: 500;
  color: var(--base-4);
  border: var(--base-4);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0px;
}
.single-post .content-area :is(p, li, ul) a:hover,
.entry-content :is(p, li, ul) a:hover {
  color: var(--base-5);
}

/* FLUENT FORMS STYLE */

/* label style */
.fluentform .frm-fluent-form .ff-el-input--label {
  font-size: 17px;
  color: var(--mono);
}

/* field style */
.fluentform .frm-fluent-form .ff-el-form-control {
  background-color: var(--mono-4);
  color: var(--mono);
  border: 1px solid var(--mono-3);
  border-radius: 2px;
  font-size: 18px;
  line-height: 1.5em;
  padding: 10px 16px;
}

/* field focus style */
.fluentform .frm-fluent-form .ff-el-form-control:focus {
  background-color: var(--mono-4);
  color: var(--mono);
	border: 1px solid var(--base-4);
  outline: none;
}

/* field placeholder text style */
.fluentform .frm-fluent-form .ff-el-form-control::placeholder {
  color: var(--mono-2);
  font-size: 16px;
  line-height: 27px;
}

/* button style */
.fluentform .frm-fluent-form .ff-btn-submit,
.fluentform .frm-fluent-form .ff-btn-submit:visited,
.fluentform .frm-fluent-form .ff-btn-submit:focus {
  background-color: var(--base-4);
  color: var(--mono-5);
  opacity: 100%;
  border: none;
  border-radius: 2px;
  font-size: 1.0625rem;
  font-weight: 600;
  padding: 12px 24px;
  line-height: 1.5em;
  transition: all 0.5s ease 0s;
}

/* button hover style */
.fluentform .frm-fluent-form .ff-btn-submit:hover,
.fluentform .frm-fluent-form .ff-btn-submit:active {
  background-color: var(--base-5);
  color: var(--mono-5);
}

/* top align email form error */
.frm-fluent-form .ff-t-cell .ff_submit_btn_wrapper_custom {
  margin-top: 0px !important;
}

/* mobile full width button */
@media (max-width: 768px) {
  .fluentform .frm-fluent-form .ff-btn-submit {
    width: 100%;
  }
}

/* contact form success message style */
#fluentform_1_success.ff-message-success {
  position: relative;
  border: none;
  box-shadow: none;
  font-size: 18px;
  font-weight: 400;
  color: var(--mono);
  padding: 0px;
}

/* footer email form success message style */
#fluentform_2_success.ff-message-success {
  position: relative;
  border: none;
  box-shadow: none;
  font-size: 15px;
  line-height: 1.4em;
  font-weight: 400;
  color: var(--mono-5);
  padding: 0px;
}