/* ========================= */
/* LOAD PREMIUM FONTS */
/* ========================= */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Cormorant+Garamond:wght@400;500;600&display=swap');

/* ========================= */
/* GLOBAL TYPOGRAPHY */
/* ========================= */

body{
font-family:'Cormorant Garamond',serif;
color:#010101;
font-size:18px;
line-height:1.9;
}

/* Heading font */

h1,h2,h3,h4,h5,h6{
font-family:'Cinzel',serif;
letter-spacing:1px;
font-weight:600;
color:#010101;
}

/* Paragraph */

p,li{
font-family:'Cormorant Garamond',serif;
}

/* Highlight */

strong{
color:#d4af37;
font-weight:600;
}

/* ========================= */
/* HIDE TOP BAR */
/* ========================= */

#sp-top-bar{
display:none;
}

/* ========================= */
/* PREMIUM SERVICE BUTTON */
/* ========================= */

.btn-service{
display:inline-block;
min-width:220px;
text-align:center;
border-radius:36px;
padding:14px 36px;
font-family:'Cinzel',serif;
font-size:14px;
letter-spacing:1.5px;
text-transform:uppercase;
font-weight:600;
transition:.35s ease;
text-decoration:none;
margin:12px 15px;
}

/* PRIMARY BUTTON */

.btn-service-primary{
background:linear-gradient(180deg,#0b1626,#08101c);
color:#e6c77b;
border:1px solid rgba(212,175,55,.35);
box-shadow:0 10px 30px rgba(0,0,0,.45);
}

.btn-service-primary:hover{
background:linear-gradient(180deg,#c9a24c,#b8963c);
color:#000;
transform:translateY(-2px);
box-shadow:0 18px 40px rgba(0,0,0,.55);
}

/* OUTLINE BUTTON */

.btn-service-outline{
background:transparent;
color:#0f1c2e;
border:2px solid #0f1c2e;
}

.btn-service-outline:hover{
background:#0f1c2e;
color:#fff;
transform:translateY(-2px);
}

/* ========================= */
/* LINK EFFECT */
/* ========================= */

a{
transition:.3s ease;
}

/* ========================= */
/* CONSULT BUTTON */
/* ========================= */

.btn-konsultasi{
display:inline-flex;
align-items:center;
gap:10px;
padding:14px 36px;
font-family:'Cinzel',serif;
font-size:16px;
font-weight:600;
letter-spacing:1px;
color:#fff;
text-decoration:none;
border-radius:36px;
background:linear-gradient(135deg,#c9a24c,#b8963c);
box-shadow:0 10px 30px rgba(0,0,0,.45);
transition:.35s ease;
}

.btn-konsultasi:hover{
transform:translateY(-3px);
box-shadow:0 16px 40px rgba(0,0,0,.55);
}

/* ========================= */
/* CTA SECTION */
/* ========================= */

.cta-section{
text-align:center;
padding:80px 20px;
}

.cta-title{
font-family:'Cinzel',serif;
font-size:28px;
margin-bottom:25px;
}

.cta-description{
font-family:'Cormorant Garamond',serif;
font-size:18px;
line-height:1.9;
max-width:700px;
margin:0 auto 40px auto;
}

/* ========================= */
/* PREMIUM BOX SHADOW */
/* ========================= */

div[style*="linear-gradient(145deg"]{
box-shadow:
0 25px 60px rgba(0,0,0,.45),
0 0 25px rgba(212,175,55,.15);
transition:.4s ease;
}

div[style*="linear-gradient(145deg"]:hover{
transform:translateY(-6px);
box-shadow:
0 35px 80px rgba(0,0,0,.55),
0 0 35px rgba(212,175,55,.25);
}

/* ========================= */
/* ARTICLE INFO */
/* ========================= */

.article-info{
font-size:20px !important;
color:#010101 !important;
font-weight:600 !important;
font-style:normal !important;
line-height:1.6;
}

.article-info .createdby:before{
content:"✍ ";
}

.article-info .category-name:before{
content:"📂 ";
}

.article-info .published:before{
content:"📅 ";
}

.article-info time:before{
content:"🕒 ";
}

.article-info,
.article-info span,
.article-info a,
.article-info time{
font-size:20px !important;
color:#010101 !important;
font-weight:600 !important;
font-style:normal !important;
}

/* ========================= */
/* MAIN BODY SPACING */
/* ========================= */

#sp-main-body{
padding-top:10px !important;
}

.item-page{
margin-top:-20px;
}

/* ========================= */
/* PAGE BUILDER SPACING */
/* ========================= */

#sp-page-builder .sppb-section{
margin-bottom:30px;
}

/* ========================= */
/* FOOTER */
/* ========================= */

.bm-footer{
width:100%;
display:flex;
justify-content:center;
padding:40px 0;
margin-top:20px;
}

.bm-footer-inner{
max-width:1140px;
width:100%;
margin:auto;
text-align:center;

padding:24px 30px;

background:#0b0b0b;
border:1px solid #c9a646;
border-radius:10px;

box-shadow:0 6px 18px rgba(0,0,0,0.35);

color:#d4af37;
font-family:Arial, sans-serif;
}

.bm-footer-title{
font-size:16px;
font-weight:700;
margin-bottom:6px;
}

.bm-footer-copy{
font-size:14px;
margin-bottom:6px;
}

.bm-footer-dev{
font-size:14px;
}

.bm-footer-dev a{
color:#e5c158;
text-decoration:none;
font-weight:600;
}

.bm-footer-dev a:hover{
color:#fff2b0;
}

/* ========================= */
/* RESPONSIVE FOOTER */
/* ========================= */

@media (max-width:768px){

.bm-footer{
padding:30px 10px;
}

.bm-footer-inner{
padding:18px 16px;
}

.bm-footer-title{
font-size:15px;
}

.bm-footer-copy,
.bm-footer-dev{
font-size:13px;
}

}

/* ========================= */
/* POST TITLE */
/* ========================= */

.post-title{
margin-bottom:20px !important;
}

/* ========================= */
/* BOTTOM MODULE ADJUST */
/* ========================= */

#sp-bottom1 .sp-module,
#sp-bottom2 .sp-module,
#sp-bottom3 .sp-module,
#sp-bottom4 .sp-module{
margin-top:-20px;
}

/* desktop */
#sp-bottom{
margin-top:-40px;
}

/* tablet */
@media (max-width:991px){
#sp-bottom{
margin-top:-30px;
}
}

/* hp */
@media (max-width:768px){
#sp-bottom{
margin-top:-40px;
}
}

/* hilangkan jarak kosong di atas slider - khusus HP */

@media (max-width:768px){

#sp-main-body{
padding-top:0 !important;
}

.sp-page-builder{
margin-top:-30px;
}

}



/* Kecilkan sedikit logo supaya menu muat */
#sp-header .logo img{
max-height:36px;
}

#sp-menu .sp-megamenu-parent > li > a{
color:#010101;
}

#sp-menu .sp-megamenu-parent > li > a:hover{
color:#c9a24c;
}

#sp-menu .sp-megamenu-parent > li.active > a{
color:#d4af37;
}