/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0
*/

/* Font and Reset */
@font-face {
  font-family: 'Pretendard';
  src: url('/wp-content/themes/astra-child/fonts/Pretendard-Light.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/wp-content/themes/astra-child/fonts/Pretendard-Regular.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/wp-content/themes/astra-child/fonts/Pretendard-SemiBold.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/wp-content/themes/astra-child/fonts/Pretendard-Bold.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Pretendard';
  src: url('/wp-content/themes/astra-child/fonts/Pretendard-Black.woff2') format('woff2'),
       url('/wp-content/themes/astra-child/fonts/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

body { font-family: 'Pretendard', sans-serif; font-weight: 400; }
strong, b, h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6,
.entry-content .h1, .entry-content .h2, .entry-content .h3, .entry-content .h4, .entry-content .h5, .entry-content .h6 { font-weight: 900; }
p, .entry-content p { margin-bottom: 0;}

/* Variables */
:root {
  --body-black:#323232; --gray-333333:#333333; --gray-808080:#808080; --gray-d2d2d2:#d2d2d2; --gray-bg:#f2f2f2; --white:#ffffff; --point-primary:#1673DD; --point-primary-dark:#1E5181;
  --site-width:1200px;
  --font-body:16px; --font-body-m:14px;
}


/* ===================== */
/* === Custom Styles === */

/* Text */
.text-center { text-align: center; }
.text-left { text-align: left; }
.entry-content .title { font-size: 1.6rem; font-weight: 900; }
.entry-content .p { font-size: var(--font-body); font-weight: 400; }
.entry-content h1.title-desc, .entry-content h2.title-desc,.title-desc, .entry-content h3.title-desc { font-size: 14px; font-weight: 400; color: var(--gray-808080); }

/* Align and Flex */
.pos-relative { position: relative; }
.pos-absolute { position: absolute; left:0; top:0; }
.clear::after { display:block; content:""; height: 1px; width:100%; clear: both; }
.dis-flex { display: flex; }
.flex-row { flex-direction: row; }
.flex-column {flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }

/* Layout */
.site-width { max-width:var(--site-width); margin-left: auto; margin-right: auto; width:calc(100% - 40px); }
.entry-content .site-width { max-width:var(--site-width); }
.custom-section { margin-top: 2.65em; margin-bottom: 2.65em; overflow: hidden; }
.separator::after { display: block; content: ""; clear: both; width: 100%; height:1px; margin-top:3.65em; margin-bottom: 3.65em; background-color: var(--gray-d2d2d2);}

/* Margin and Padding */
.mb-30, .entry-content .mb-30 { margin-bottom: 30px; }
.mb-20, .entry-content .mb-20 { margin-bottom: 20px; }
.mb-16, .entry-content .mb-16 { margin-bottom: 16px; }
.mb-12, .entry-content .mb-12 { margin-bottom: 12px; }
.mb-10, .entry-content .mb-10 { margin-bottom: 10px; }
.mb-8, .entry-content .mb-8 { margin-bottom: 8px; }
.mb-6, .entry-content .mb-6 { margin-bottom: 6px; }
.mb-0, .entry-content .mb-0 { margin-bottom: 0;}
.mb-section-l { margin-bottom: 2.65em; }
.mb-section-m { margin-bottom: 1.6em; }

/* ============== */
/* === Header === */
.site-header { position: sticky; top: 0; z-index: 100; }
.ast-desktop .ast-primary-header-bar.main-header-bar {background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(20px);  -webkit-backdrop-filter: blur(20px); }


/* ============== */
/* === Footer === */
.footer-copy { font-size:13px; font-size:11px; color: var(--gray-808080); }

/* To Top Button */
#ast-scroll-top { background-color:var(--body-black); }

/* Landing Page */
.landing-sections-container { row-gap: 2.65em; }
.landing-visual-container { position: relative; min-height: 720px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background-color: var(--gray-bg); }
.custom-title-container { padding-top: 3.75em; padding-bottom: 3.75em; }
.hotspot { position: absolute; cursor: pointer; border: 2px solid rgba(255, 255, 255, 0.8); border-radius: 50%; background: rgba(0, 0, 0, 0.3); cursor: pointer; }
.spot1 { top: 30%; left: 20%; width: 50px; height: 50px; }
.spot2 { top: 50%; left: 60%; width: 50px; height: 50px; }
.visual-image { background-color: var(--gray-bg); }
.visual-image img { width: 100%; height: auto; object-fit: cover; }
.menu-hotspots { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; gap: 2rem; }

/* Contact Form */


/* ===================== */
/* === Media Queries === */
@media (max-width: 1024px) {
  /* Tablet */
  
}

@media (max-width: 750px) {
  /* Mobile */
}

@media (max-width: 640px) {
  /* Mobile */
}