@tailwind base;
@tailwind components;
@tailwind utilities;

@font-face {
	font-family: 'SUIT Variable';
	font-weight: 100 900;
	src: url('./fonts/SUIT-Variable.woff2') format('woff2-variations');
}

body {
    font-family: 'SUIT Variable', Helvetica, "Trebuchet MS", Verdana, sans-serif;
}

a:hover {
    cursor: pointer;
}

.invisible-scrollbar::-webkit-scrollbar{
    display: none;
}

/* 기본 폰트 크기 설정 */
html {
  font-size: 16px;
}

/* 작은 화면 (모바일) */
/* @media (max-width: 599px) {
  html {
    font-size: 13px;
  }
} */

/* 중간 크기 화면 (태블릿) */
/* @media (min-width: 600px) and (max-width: 899px) {
  html {
    font-size: 16px;
  }
} */

/* 큰 화면 (데스크탑) */
/* @media (min-width: 900px) and (max-width: 1199px) {
  html {
    font-size: 18px;
  }
} */

/* 아주 큰 화면 (와이드 스크린) */
/* @media (min-width: 1200px) {
  html {
    font-size: 20px;
  }
} */

.entry-content * {
  /* 모든 Tailwind CSS 클래스를 오버라이드하고 기본 스타일을 사용하도록 설정합니다 */
  all: revert;
}

#wpadminbar {  
  position: fixed !important;
}

#drawerMenu{
  height: 100dvh;
}

/*
* paginate_links styles
* news-board.php 에 사용됩니다.
*/
.page-numbers {
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.25rem;
}

.page-numbers > li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-numbers > li > a{
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid black;
}

.page-numbers > li > .current {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #387F22; /* systemGreen */
  border: 1px solid #387F22;
  color: white;
}

#table {
  border-width: 1px 0 0 1px;
}

#table-cell {
  border-width: 0 1px 1px 0;
}