/**
 * Theme Name: jD Twenty-Five
 * Template:   twentytwentyfive
 * ...other header fields
 */


html {
  scroll-behavior: smooth;
}

@font-face {
  font-family: "JalnanGothic";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff")
    format("woff");
  font-weight: normal;
  font-style: normal;
}

h1,
h2 {
  font-family: "JalnanGothic";
}

@font-face {
  font-family: "SUIT-Regular";
  src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2")
    format("woff2");
}
@font-face {
	font-family: 'SUIT Variable';
	font-weight: 100 200 300 400 500 600 700 800 900;
	src: url('https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/variable/woff2/SUIT-Variable.woff2') format('woff2-variations');
}

h3 {
  font-family: "SUIT Variable";
  font-weight: 700;
}

p,
li,
a {
  font-family: "SUIT Variable";
  font-weight: 400;
}

li {
  font-family: "SUIT Variable";
  font-weight: 300;
  font-size: 1rem;
}


/* 폼 */
#html-1 > div {
  border: 1px solid #777771;
  padding: 16px;
  height: 200px;
  overflow-y: scroll;
  color: #000;
  font-weight: 400;
  font-size: 14px;
}
#html-1 li {
  font-size: 14px;
}

#forminator-module-318.forminator-design--material .forminator-label:not([class*="forminator-floating-"]) {
  font-size: 18px;
  margin-bottom: 10px;
}

#forminator-module-318.forminator-design--material .forminator-label:not([class*="forminator-floating-"]),
#forminator-module-318.forminator-design--material .forminator-label[class*="forminator-floating-"] {
  color: #000;
}

.forminator-ui#forminator-module-318.forminator-design--material .forminator-button-submit {
  background-color: #000;
}

#forminator-module-318.forminator-design--material .forminator-input--wrap::after {
  background-color: #f39202;
}

.wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
  transition: 0.5s;
}

/*
 * Mogile Menu
*/
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
  outline: none;
}

.wp-block-navigation__responsive-container-close {
	color: #fff;
}

.wp-block-navigation__responsive-container.is-menu-open {
	background-color: rgba(0,0,0,0.85)!important;
	animation: overlay-menu__fade-in-animation 0.8s ease-in-out;
  color: #fff!important;
}

@keyframes overlay-menu__fade-in-animation {
  0% {
    opacity: 0;
    transform: translateX(1em)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}