/* pager */
.p-pager .page-numbers {
  width: 3em;
  font-size: var(--font-size-xs);
  font-weight: bold;
  text-align: center;
  line-height: 1;
  color: var(--color-1st);
  margin: 0 .5em;
  padding: 1em 0;
  background-color: var(--color-2nd-container);
  border-radius: 4px;
}
.p-pager .page-numbers.dots {
  width: auto;
  color: var(--color-1st);
  padding: 1em 0;
  background-color: transparent;
  border-color: transparent;
}
.p-pager .page-numbers.current {
  color: var(--color-2nd-on);
  background-color: var(--color-2nd);
}

/* Contact Form 7 */
.wpcf7-spinner {
	display: none !important;
}
.wpcf7-not-valid-tip {
  display: none !important;
}
.wpcf7 form .wpcf7-response-output {
  font-size: var(--font-size-sm);
  text-align: center;
  color: #ff0000;
  margin: calc(-1 * var(--base) * 5) 0 0 0 !important;
  padding: 1em 1em !important;
  border: none !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  display: none !important;
}

.m-form-btn input[type="submit"] {
  width: 240px;
  padding: 1em 2.25em;
}
.m-form-btn input[type="button"] {
  width: 160px;
  font-weight: 300;
  color: #333;
  padding: .75em 2.25em;
  background-color: #ededed;
  border: 1px solid #ededed;
}
.c-form-checkbox > *:not(:first-child) {
  margin-top: calc(var(--base)* 1.5);
}
.c-form-checkbox .wpcf7-list-item {
  display: flex;
  width: 100%;
  margin-left: 0;
 }
.c-form-checkbox .wpcf7-list-item-label {
  display: block;
  position: relative;
  padding-left: calc(var(--base) * 4);
  cursor: pointer;
}
.c-form-checkbox .wpcf7-list-item-label::before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--base)* 3);
  height: calc(var(--base)* 3);
  border: 1px solid;
  content: '';
}
.c-form-checkbox .wpcf7-list-item-label::before {
  border-color: var(--form-checkbox-bd-color);
}
.c-form-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: '';
}
.c-form-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
  left: calc((var(--base)* 0.5) + 1px);
  top: calc((var(--base)* 0.5) + 1px);
  width: calc(var(--base)* 1.8);
  height: calc(var(--base)* 0.9);
  border-left: 2px solid var(--form-checkbox-color);
  border-bottom: 2px solid var(--form-checkbox-color);
  transform: rotate(-45deg);
}
