/* ===================================
    Perumda BPR Sukabumi - Finance Theme
    Color Balance: Blue + Orange
====================================== */
/* font */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* variable */
:root {
    --base-color: #E87722;
    --base-color-hover: #d06a1e;
    --blue: #1B4F9B;
    --blue-hover: #153d7a;
    --blue-light: #2a6bc7;
    --alt-font: 'Jost', sans-serif;
    --primary-font: 'Jost', sans-serif;
    --medium-gray: #828282;
}
/* reset */
body {
    font-size: 19px;
    line-height: 32px;
    overflow-x: hidden;
}
/* heading */
h1 { font-size: 4rem; line-height: 3.6rem; }
h2 { line-height: 3.438rem; }
h3 { line-height: 2.813rem; }
p { margin-bottom: 20px; }

/* bg gradient color */
.bg-gradient-black-dark-brown {
    background-image: linear-gradient(to right top, #0a1628, #112a4d, #1B4F9B, #c96a1f, #E87722);
}
.bg-gradient-light-brown-transparent {
    background-image: linear-gradient(to right top, rgba(27, 79, 155, .6), rgba(232, 119, 34, .8));
}

/* text gradient color */
.text-gradient-green-brown-color {
    background-image: linear-gradient(to right, #1B4F9B, #E87722);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ---- Orange classes (base-color) ---- */
.text-base-color { color: var(--base-color) !important; }
.border-color-base-color { border-color: var(--base-color) !important; }
.bg-base-color { background-color: var(--base-color) !important; }
.btn-base-color {
    background-color: var(--base-color) !important;
    border-color: var(--base-color) !important;
    color: #fff !important;
}
.btn-base-color:hover {
    background-color: var(--base-color-hover) !important;
    border-color: var(--base-color-hover) !important;
    color: #fff !important;
}

/* ---- Blue classes ---- */
.text-blue { color: var(--blue) !important; }
.border-color-blue { border-color: var(--blue) !important; }
.bg-blue { background-color: var(--blue) !important; }
.btn-blue {
    background-color: var(--blue) !important;
    border-color: var(--blue) !important;
    color: #fff !important;
}
.btn-blue:hover {
    background-color: var(--blue-hover) !important;
    border-color: var(--blue-hover) !important;
    color: #fff !important;
}

/* header */
.navbar .navbar-nav .nav-link { font-weight: 400; font-size: 19px; letter-spacing: .5px; }
.navbar .btn { font-size: 15px; padding: 8px 20px; }
header .navbar-brand img { max-height: 30px; }
.navbar .navbar-nav .dropdown .dropdown-menu a { font-size: 18px; line-height: 32px; }
.navbar .navbar-nav .simple-dropdown .dropdown-menu { border-radius: 5px; }

/* subcribe style 02 */
.newsletter-style-02 .btn { padding: 10px 18px 9px 18px; }
.newsletter-style-02 input { padding-right: 60px; font-size: 18px; }
.input-small, .textarea-small { font-size: 16px; }

/* page title */
.page-title-extra-large h1 { font-size: 4.3rem; line-height: 4.7rem; }

/* override swiper pagination */
.swiper-pagination-bullet-active { background-color: var(--base-color) !important; }

/* footer accent */
footer .text-base-color, footer i.text-base-color { color: var(--base-color) !important; }

/* media query responsive */
@media (max-width: 1199px) {
    header .btn.btn-very-small { padding: 7px 11px; }
    .newsletter-style-02 input { padding-top: 10px; padding-bottom: 10px; padding-left: 15px; }
}
@media (max-width: 991px) {
    .md-outside-box-right-70 { margin-right: -70vw; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link { font-size: 19px; }
    [data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu a { font-size: 16px; }
}
@media (max-width: 767px) {
    .blog-classic .card .card-body p { margin-bottom: 15px; }
    .page-title-extra-large h1 { line-height: 44px; }
    .sm-outside-box-right-0 { margin-right: 0; }
}


/* Force nav text black at all times */
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link:hover,
header .navbar-brand img {
    color: #222 !important;
}
.navbar .navbar-nav .dropdown-toggle {
    color: #222 !important;
}


/* Slider navigation arrows aligned with text */
.swiper-button-prev.slider-navigation-style-06,
.swiper-button-next.slider-navigation-style-06 {
    top: 60% !important;
    transform: translateY(-50%) !important;
}