[data-bs-theme=light] body {

    /* font-family: 'PT Sans', sans-serif !important; */

    font-size: 13px !important;

    background-color: #343434;

}



.bg-dark {

    background-color: #343a40!important;

}

.colortheme {

    color: var(--velocitytoko-color-main) !important;

}

.bg-theme {

    background-color: var(--velocitytoko-color-main) !important;

}

.bg-gray {

    background-color: #f1f1f1 !important;

}

.container {

    max-width: 1100px !important;

}

.container {

    max-width: 100%;

}

.cart-arsip svg {

    color: var(--bs-white);

}

.page-title {

    color: var(--velocitytoko-color-main);

    font-weight: bold;

    text-transform: uppercase;

}

.pagi-home .page-numbers{

    color: var(--velocitytoko-color-main);

    background-color: var(--bs-light);

    border: 1px solid #ededed;

    border-radius: 5px;

    padding: 5px 10px;

    margin: 2px;

}

#main-navi {

    margin: 0;

    padding: 0 !important;

    background-color: #f3f3f3;

    border-top: 1px solid #e7e7e7;

    border-bottom: 1px solid #e1dede;

    -webkit-box-shadow: 0px 2px 7px 0px rgba(218,218,218,1);

    -moz-box-shadow: 0px 2px 7px 0px rgba(218,218,218,1);

    box-shadow: 0px 2px 7px 0px rgba(218,218,218,1);

}

#primary-menu>li>a {

    font-weight: 400;

    font-size: .8rem;

    font-weight: bold;

    font-family: Arial, Helvetica, sans-serif;

    color: var(--bs-light);

    border-right: 1px solid rgba(0, 0, 0, 0.13);

    padding: 0.5rem .8rem !important;

}

#primary-menu > li.current_page_item > a,

#primary-menu > li.current-menu-item > a,

#primary-menu > li > a:hover {

    background-color: #000;

}

.header-container {

    background-color: #FFF;

    background-image: linear-gradient(to bottom, #FEFEFE,#E7E7E7,#E7E7E7);

}

.dropdown-menu>li>a {

    font-size: .85rem;

    padding: .6rem 1.2rem !important;

}

.btn-print a {

    border: none !important;

    border-radius: 0 !important;

    background-color: var(--velocitytoko-color-main) !important;

}

.profile-icons svg {

    width: 25px;

    height: 25px;

    color: var(--velocitytoko-color-main);

}

.carousel-control-prev-icon,

.carousel-control-next-icon {

  background-image: none !important;

}

.carousel-control-next-icon:after

{

  content: '\f105';

  font-family: 'FontAwesome';

  font-size: 50px;

  color: #333;

}

.carousel-control-prev-icon:after {

  content: '\f104';

  font-family: 'FontAwesome';

  font-size: 50px;

  color: #333;

}

.title-single-part {

    margin: 15px 0;

    padding: 10px;

    font-weight: bold;

    font-size: .85rem;

    width: 100%;

    color: var(--bs-light);

    background-color: var(--velocitytoko-color-main);

    line-height: 1.2;

}

.entry-title {

    color: var(--velocitytoko-color-main);

}

.velocity-footer, .velocity-footer a {

    color: #fff;

}

.velocity-footer {

    border-top: 5px solid var(--velocitytoko-color-main);

}

/* widget style */

.widget-area aside {

    padding: 10px;

    overflow: hidden;

    margin-bottom: 15px;

    background-color: var(--bs-light);

    border: 1px solid rgba(0,0,0,.125);

}

.widget_recent_entries a {

    color: var(--bs-light);

}

.widget-area .widget .widget-title {

    font-size: 1.1rem;

    line-height: 1.3;

    color: var(--bs-light);

    font-weight: 400;

    padding: 6px 10px;

    margin: -10px -10px 10px;

    border-bottom: 1px solid rgba(0,0,0,.125);

    background-color: var(--velocitytoko-color-main);

}

.footer-widget .widget .widget-title {

    border-bottom: 1px solid #5d5d5d;

    color: var(--bs-light);

    font-size: 1.1rem;

    font-weight: bold;

    padding: 6px 10px;

    line-height: 1.3;

}

.widget_nav_menu ul {

    padding: 0 !important;

}

.widget_nav_menu ul li {

    list-style: none;

}

.widget_nav_menu ul li a {

    width: 100%;

    padding: 10px;

    display: block;

    text-decoration: none;

    border-bottom: 1px solid #ddd;

}

/* end widget style */



@media only screen and (min-width: 769px) {

    .navbar .dropdown .dropdown-menu {

        background-color: #000;

    }

    .dropdown-menu>li>a {

        color: var(--bs-light);

    }

}

@media only screen and (max-width: 768px) {

    html, body {

        overflow-x: hidden;

    }

    #primary {padding: 0;}

    .st-key {

        width: 25% !important;

        text-align: left !important;

    }

}