/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2023 IMAJIKU.
*/

/* =Main Variables Styles
------------------------------------------------------------ */
:root{

	/*default color palette*/
	--white: #ffffff;
	--black: #232323;
	--red: #c72a2a;
	--red-dark: #650000;
	--orange: #FF5400;
	--orange-dark: #E65100;
	--yellow: #FFD60A;
	--yellow-dark: #E0B700;
	--green: #4caf50;
	--green-dark: #2D6A4F;
	--blue: #0466C8;
	--blue-dark: #023E8A;
	--purple: #9D4EDD;
	--purple-dark: #5A189A;
	--pink: #FF7096;
	--pink-dark: #FF477E;
	--brown: #BC8A5F;
	--brown-dark: #603808;
	--turquoise: #02C39A;
	--turquoise-dark: #16697A;
	--grey: #f2f2f2;

	/*pastel color palette*/
	--pastel-white: #ffffff;
	--pastel-black: #353535;
	--pastel-red: #FEC8C1;
	--pastel-red-dark: #FA99A0;
	--pastel-orange: #FFDEC3;
	--pastel-orange-dark: #FFB98A;
	--pastel-yellow: #FFFBB5;
	--pastel-yellow-dark: #FFF95B;
	--pastel-green: #D3FAC7;
	--pastel-green-dark: #8DF292;
	--pastel-blue: #EDFBFE;
	--pastel-blue-dark: #7DE2F7;
	--pastel-purple: #FBE4FF;
	--pastel-purple-dark: #E0AAFF;
	--pastel-pink: #FFE5EC;
	--pastel-pink-dark: #FFAFCC;
	--pastel-brown: #EED7C5;
	--pastel-brown-dark: #E7BC91;
	--pastel-turquoise: #DFFDFF;
	--pastel-turquoise-dark: #9AF6E7;
	--pastel-grey: #e6e6e6;

	/*grey color palette*/
	--grey-50: #f7f7f7;
	--grey-100: #f2f2f2;
	--grey-200: #ececec;
	--grey-300: #e6e6e6;
	--grey-400: #d9d9d9;
	--grey-500: #B5B5B5;
	--grey-600: #919191;
	--grey-700: #6D6D6D;
	--grey-800: #484848;
	--grey-900: #2B2B2B;
}

/* =CSS RESET : reset default browser style
-------------------------------------------------------------*/
html ,body{
	background: var(--white);
	/*position: relative;*/
}
body {
	color: var(--black);

}
a{
	color: var(--blue);
}
a:link {
	color: var(--blue); 
}
a:visited {
	color: var(--blue); 
}
a:hover {
	color: var(--blue-dark);
}
p {
	color: var(--black);
}

/*bg color section*/
[data-bgcolor="grey"] {
	background-color: var(--grey);
}
[data-bgcolor="white"] {
	background-color: var(--white);
}

/*title primary*/
.title-primary h1 {
	color: var(--black);
}
.title-primary h2 {
	color: var(--black);
}
.title-primary h3 {
	color: var(--black);
}
.title-primary h4 {
	color: var(--black);
}
.title-primary h5 {
	color: var(--black);
}
.title-primary h6 {
	color: var(--black);
}
.title-primary p {
	color: var(--black);
}

/*Title Secondary*/
.title-secondary h1,
.title-secondary h2 {
	color: var(--black);
}
.title-secondary h3 {
	color: var(--black);
}
.title-secondary h4 {
	color: var(--black);
}
.title-secondary h5,
.title-secondary h6 {
	color: var(--black);
}
.title-secondary p{
	color: var(--black);
}
.underline{
	text-decoration-color: var(--black);
}
.strikethrough {
	text-decoration-color: var(--black);
}

/* =Navbar Header
-------------------------------------------------------------*/
.navbar {
	background-color: var(--white);
}
.navbar .navbar-nav .nav-link { 
	color: var(--grey-700);
}
.navbar .navbar-nav .nav-item:active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link {
	color: #c72a2a;
}
.navbar .navbar-nav .nav-link:hover {
	color: #c72a2a;
}
.navbar .dropdown-menu{
	border-color: var(--white);
}
.navbar .dropdown-item{
	color: var(--grey-700);
}
.navbar .dropdown-item:active,
.navbar .dropdown-item.active{
	color: var(--black);
	background-color: transparent;
}
.navbar .dropdown-item:hover{
	color: var(--black);
}
.navbar .navbar-collapse.show {
	background-color: var(--white);
}

/*search*/
.search-header-box {
	background-color: var(--black);
}
.search-header-input input { 
	color: var(--white);
	border-bottom: 1px solid var(--white);
}
.search-header-input .btn-reset-search-header i {
	color: var(--white);
}
.search-header-input .btn-reset-search-header:hover i {
	color: var(--grey-700);
}
.search-header-box .btn-close-search-header i {
	color: var(--white);
}
.search-header-box .btn-close-search-header:hover i { 
	color: var(--grey-700);
}
.search-header-mobile .input-group-mjk.variant-input-search-2 .js-hsearch-reset i {
	color: var(--grey-700);
}
.search-header-mobile .input-group-mjk.variant-input-search-2 .js-hsearch-reset:hover i {
	color: var(--grey-700);
}

/*button caret for dropdown*/ 
.navbar .caret-mjk-box .caret-mjk-desktop i { 
	color: var(--grey-700);
}

/* =Navbar Second bar
-------------------------------------------------------------*/
.navbar-grey-style .navbar-first-bar {
	background-color: var(--grey-700);
}

/* =NAVBAR VARIANT 2
-------------------------------------------------------------*/
[data-variant="navbar-2"] .navbar .navbar-mjk-primary {
	border-top: 1px solid var(--grey-300);
}

/*hamburger*/
.navbar-toggler,
.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler {
	border: 1px solid transparent;
	background-color: transparent;
}
.navbar-toggler .icon-bar { 
	background-color: var(--grey-800);
}
.navbar-toggler:hover .icon-bar{
	background-color: var(--grey-800);
}

/* =BUTTON
-------------------------------------------------------------*/
/*button default*/
.btn-default {
	color: var(--white) !important;
	background-color: #c72a2a;
}
.btn-default:hover{
	color: var(--white) !important;
	background-color: #912626;
}
.btn-default:visited,
.btn-default:link {
	color: var(--white);
}

/*button transparent*/
.btn-transparent {
	background-color: transparent;
	border-color: transparent;
	color: var(--orange) !important;
}
.btn-transparent:link {
	color: var(--orange) !important;
}
.btn-transparent:visited {
	color: var(--orange) !important;
}
.btn-transparent:hover {
	background-color: transparent;
	border-color: transparent;
	color: var(--orange) !important;
}
.btn-transparent i{
	color: var(--orange) !important;
}
.btn-transparent:hover i{
	color: var(--orange);
	border-color: transparent !important;
}

/*button contact*/ 
.btn-contact {
	color: var(--white);
	background-color: #c72a2a;
}
.btn-contact:hover {
	color: var(--white);
	background-color: #912626;
}
.navbar .navbar-nav .nav-link.btn-contact { 
	background-color: var(--green);
	color: var(--white);
}

/*button outline*/
.btn-outline {
	color: var(--orange) !important;
	border-color: var(--orange) !important;
	background-color: transparent;
}
.btn-outline:visited{
	color: var(--orange) !important;
}
.btn-outline:link{
	color: var(--orange) !important;
}
.btn-outline:hover {
	color: var(--white) !important;
	border-color: var(--orange) !important;
	background-color: var(--orange) !important;
}
.btn-outline i{
	color: var(--orange) !important;
}
.btn-outline:hover i{
	color: var(--white) !important;
	border-color: transparent !important;
}


/* =GENERAL CARD
-------------------------------------------------------------*/

/*Title Additional/Title Custom*/
.lines {
	border-bottom: 2px solid var(--black);
}

/*fancybox*/
.fancy-icon i {
	color: var(--white);
}
.fancy-video:hover .fancy-icon {
	background-color: var(--black);
}


/* =FOOTER
-------------------------------------------------------------*/
.footer {
	background-color: var(--pastel-black);
	color: var(--white);
}
.footer-top {
	background-color: var(--pastel-black);
	color: var(--white);
}
.footer-middle {
	background-color: #c72a2a;
	color: var(--white);
}
.footer-bottom {
	background-color: #912626;
	color: var(--white);
}
.foo-logo p {
	color: var(--white);
}
.foo-menu h3 {
	color: var(--white);
}
.foo-address h3 {
	color: var(--white);
}
.foo-address .list-mjk-icon-item p {
	color: var(--white);
}
.foo-menu li {
	color: var(--white);
}
.foo-menu li a {
	color: var(--white);
}
.foo-menu li a:hover {
	color: var(--grey-500);
}

.foo-address li a {
	color: var(--white);
}

.foo-address li a:hover {
	color: var(--white);
	opacity: 0.8;
}

.foo-address i {
	color: var(--white);
}

.foo-menu-static li {
	color: var(--white);
	border-right: 1px solid var(--white);
}
.foo-menu-static li a {
	color: var(--white);
}

.foo-menu-static li a:hover {
	color: var(--white);
	opacity: 0.8;
}
.foo-list-images h3 {
	color: var(--white);
}
.foo-subscribe h3 {
	color: var(--white);
}
.foo-social-network h3 {
	color: var(--white);
}

.foo-social-network li:hover .social-network-icon-box {
	border-color: var(--white);
}
.foo-social-network li:hover .social-network-icon-box i {
	color: var(--white);
}
.foo-social-network .social-network-icon-box {
	border: 1px solid var(--white);
}
.foo-social-network .social-network-icon-box i {
	color: var(--white);
}
.copyright p {
	color: var(--white);
}
.copyright a {
	color: var(--white);
}

.accordion-link:link {
	color: var(--black);
}
.accordion-link[aria-expanded="true"] {
	color: var(--orange);
}
.accordion-icon i {
	color: var(--orange);
}

[data-variant="accordion-1"] .accordion-item {
	background-color: var(--pastel-orange);
}

[data-variant="accordion-2"] .accordion-link {
	border-bottom: 1px solid var(--grey-600);
}

[data-variant="card-1row-counter1"] .card-package {
	border: 1px solid var(--orange);
	background-color: var(--white);
}
[data-variant="card-1row-counter1"] .counter-numb-item-desc h5 { 
	color: var(--orange);
}
[data-variant="card-1row-counter2"] .card-1row-box .card-box:nth-child(odd){
	background-color: var(--orange);
}
[data-variant="card-1row-counter2"] .card-1row-box .card-box:nth-child(even){
	background-color: var(--black);
}
[data-variant="card-1row-counter2"] .counter-numb-item-desc h5 {
	color: var(--white);
}
[data-variant="card-1row-counter2"] .counter-numb-item-desc p {
	color: var(--white);
}

[data-variant="slider-hero-1"].hero-box .slick-dots li.slick-active button:before {
	background-color: var(--orange);
}

[data-variant="card-6"] .card-title {
	background: linear-gradient(rgb(170 170 170 / 0%), rgb(248 107 5 / 90%));
}

.hero-button-prev .nav-circle-box,
.hero-button-next .nav-circle-box {
	background-color: var(--grey-800);
	border: 1px solid var(--grey-800);
}
.hero-button-prev i,
.hero-button-next i {
	color: var(--white);
}

.slider-button-prev .nav-circle-box,
.slider-button-next .nav-circle-box {
	background-color: var(--grey-800);
	border: 1px solid var(--grey-800);
}
.slider-button-prev i,
.slider-button-next i {
	color: var(--white);
}
.slider-box .slick-dots li button:before {
	background-color: var(--grey-600);
}

.article-tags li a {
	color: var(--grey-700);
}
.article-meta ul li {
	color: var(--grey-700);
}
.article-meta ul li i {
	color: var(--orange);
}
.article-tags-label i {
	color: var(--orange);
}
[data-variant="article-2"] .card-related-box { 
	background-color: var(--white);
}


.xst-img:hover .fancysimple-icon,
.fancybox:hover .fancysimple-icon {
	background-color: var(--red);
	border-color: var(--red);
}

.fancysimple-icon {
	border: 2px solid var(--white);
	background-color: rgba(0, 0, 0, 0.2);
}

[data-variant="breadcrumb-1"] .breadcrumb .breadcrumb-item:hover a {
	color: var(--white);
    	opacity: 0.8;
}
[data-variant="breadcrumb-2"] .breadcrumb .breadcrumb-item:hover a {
	color: var(--white);
    	opacity: 0.8;
}

.page-item.active .page-link {
	background-color: var(--orange);
	border-color: var(--orange);
}
.pagination .page-link:hover {
	border-color: var(--orange);
	color: var(--orange);
}
.pagination .page-link { 
	color: var(--grey-600);
	border: 1px solid var(--grey-500);
	border: 1px solid var(--grey-500);
	background-color: var(--white);
}
.pagination .page-item.active .page-link:hover {
	color: var(--white);
}

[data-variant="card-store-1"] .select-mjk-box {
	background-color: var(--grey-100);
}
[data-variant="card-store-1"] .input-group-mjk .input-group-append .input-group-text {
	background-color: var(--grey-100);
}
[data-variant="card-store-1"] .input-group-mjk .form-control {
	background-color:var(--grey-100);
}
[data-variant="card-store-2"] .filter-mjk-group {
	border: 1px solid var(--grey-200);
}
[data-variant="card-store-2"] .select-mjk-box {
	background-color: var(--grey-100);
}
[data-variant="card-store-2"] .input-group-mjk .input-group-append .input-group-text {
	background-color: var(--grey-100);
}
[data-variant="card-store-2"] .input-group-mjk .form-control {
	background-color:var(--grey-100);
}
[data-variant="step-1"] .card-step-number h4 {
	color: var(--white);
}
[data-variant="step-2"] .card-step-number h4 {
	color: var(--white);
}
.fancybox-thumbs__list a:before {
	border: 4px solid var(--white);
}
[data-variant="media-2"] .media-gallery-box { 
	border-color: var(--grey-400);
}
[data-variant="media-2"] .media-gallery-box:after {
	border-color: var(--grey-400);
}
[data-variant="media-2"] .media-gallery-box:before {
	border-color: var(--grey-400);
}
[data-variant="media-1"] .media-navigation-list ul li a,
[data-variant="media-2"] .media-navigation-list ul li a {
	border-color: var(--orange);
	background-color: var(--white);
	color: #c72a2a;
}
[data-variant="media-1"] .media-navigation-list ul li a.active,
[data-variant="media-2"] .media-navigation-list ul li a.active {
	background-color: #c72a2a;
	color: var(--white);
}
[data-variant="media-1"] .media-label,
[data-variant="media-2"] .media-label {
	background-color: #c72a2a;
	color: var(--white);
}

[data-variant="event-1"] .card-event-date p {
	color: var(--white);
}
[data-variant="event-1"] .card-event-date h5 {
	color: var(--white);
}
[data-variant="event-1"] .card-event-date {
	color: var(--white);
}


[data-variant="product-1"] .card-label {
	background-color: var(--orange);
	color: var(--white);
}
[data-variant="product-1"] .input-group-mjk .input-group-text i {
	color: var(--orange);
}
[data-variant="product-1"] .input-group-mjk .form-control {
	border-color: var(--grey-500);
}
[data-variant="product-1"] .input-group-mjk .input-group-append .input-group-text {
	border-color: var(--grey-500);
	border-left-color: transparent;
}
[data-variant="product-1"] .filter-vertical-box {
	border-color: var(--grey-500);
}
[data-variant="product-1"] .filter-category-link p {
	color: var(--grey-800);
}
[data-variant="product-1"] .filter-category-group ul li {
	border-color: var(--grey-400);
}
[data-variant="product-1"] .filter-category-link span {
	color: var(--grey-800);
	border-color: var(--grey-400);
}
[data-variant="product-1"] .filter-category-group ul li.active p {
	color: var(--orange);
}
[data-variant="product-1"] .filter-category-group ul li.active .filter-category-link span {
	color: var(--orange);
}
[data-variant="product-1"] .filter-vertical-head h3 {
	color: var(--orange);
}
[data-variant="product-1"] .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--orange) transparent transparent transparent; 
}
[data-variant="product-1"] .card-price h4.strikethrough {
	color: var(--grey-600);
	text-decoration-color: var(--grey-600);
}
[data-variant="card-news-2"] .card-label h5 {
	color: var(--white);
	background-color: #c72a2a;
}   
[data-variant="card-3"] .media-navigation-list ul li a.active, [data-variant="card-4"] .media-navigation-list ul li a.active {
    	background-color: #c72a2a;
    	color: var(--white);
} 
[data-variant="card-3"] .media-navigation-list ul li a, [data-variant="card-4"] .media-navigation-list ul li a { 
    	border-color: #c72a2a;
   	color: #c72a2a;
}
[data-variant="event-1"] .card-desc-item {
	color: var(--white);
}