/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2020 IMAJIKU.
*/


/* =Button
------------------------------------------------------------ */
/*button default*/
.btn-mjk { 
	padding: 10px 20px;
	line-height: 1.6;
}

/* =Button Variation
------------------------------------------------------------ */

/* button social */
.btn-facebook {
	background-color: #3b5998;
	color: #fff;
}
.btn-twitter {
	background-color: #00aced;
	color: #fff;
}
.btn-googleplus { 
	background-color: #dd4b39;
	color: #fff;
}
.btn-instagram { 
	background-color: #517fa4;
	color: #fff;
}
.btn-pinterest { 
	background-color: #cb2027;
	color: #fff;
}
.btn-youtube {
	background-color: #b00;
	color: #fff;
}

/*button linear gradient*/
.btn-linear-gradient {
	color: #fff;
	background: linear-gradient(135deg, #0088cc 0%, #e36159 80%);
	border: 2px solid transparent;
	border-image: linear-gradient(135deg, #0088CC 0%, #e36159 80%);
	border-image-slice: 1 !important;
}
.btn-linear-gradient:hover {
	color: #0088CC;
	background: transparent;
}
.btn-linear-gradient.btn-outline {
	color: #0088CC;
	background: transparent;
	border: 2px solid transparent;
	border-image: linear-gradient(135deg, #0088CC 0%, #e36159 80%);
	border-image-slice: 1 !important;
}
.btn-linear-gradient.btn-outline:hover {
	color: #fff;
	background: linear-gradient(135deg, #0088cc 0%, #e36159 80%);
}

/*button radial gradient*/
.btn-radial-gradient {
	color: #fff;
	background: radial-gradient(circle, #0088cc 0%, #e36159 80%);
	border: 2px solid transparent;
	border-image: radial-gradient(circle, #0088CC 0%, #e36159 80%);
	border-image-slice: 1 !important;
}
.btn-radial-gradient:hover {
	color: #0088CC;
	background: transparent;
}
.btn-radial-gradient.btn-outline {
	color: #0088CC;
	background: transparent;
	border: 2px solid transparent;
	border-image: radial-gradient(circle, #0088cc 0%, #e36159 80%);
	border-image-slice: 1 !important;
}
.btn-radial-gradient.btn-outline:hover {
	color: #fff;
	background: radial-gradient(circle, #0088cc 0%, #e36159 80%);
}

/*3d button*/
.btn-3d {
	box-shadow: 4px 4px #9a0127;
	-webkit-box-shadow: 4px 4px #9a0127;
	-moz-box-shadow: 4px 4px #9a0127;
}
.btn-3d:hover {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.btn-3d-hvr:hover {
	box-shadow: 4px 4px #9a0127;
	-webkit-box-shadow: 4px 4px #9a0127;
	-moz-box-shadow: 4px 4px #9a0127;
}

/*button hover effect push-out-horizontal*/
.btn-mjk.effect-push-out-horizontal {
	position: relative;
	background-color: #cc0033;
}
.btn-mjk.effect-push-out-horizontal:before {
	background: #ffffff;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
}
.btn-mjk.effect-push-out-horizontal:hover, 
.btn-mjk.effect-push-out-horizontal:focus, 
.btn-mjk.effect-push-out-horizontal:active {
	color: #cc0033 !important;
}
.btn-mjk.effect-push-out-horizontal:hover i, 
.btn-mjk.effect-push-out-horizontal:focus i, 
.btn-mjk.effect-push-out-horizontal:active i {
	color: #cc0033 !important;
}

/*button hover effect push-in-horizontal*/
.btn-mjk.effect-push-in-horizontal {
	position: relative;
	background-color: #ffffff;
}
.btn-mjk.effect-push-in-horizontal:before {
	background: #cc0033;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
}
.btn-mjk.effect-push-in-horizontal:hover, 
.btn-mjk.effect-push-in-horizontal:focus, 
.btn-mjk.effect-push-in-horizontal:active {
	color: #cc0033 !important;
}

/*button hover effect swipe-right*/
.btn-mjk.effect-swipe-right:before {
	background: #ffffff;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
}
.btn-mjk.effect-swipe-right:hover, 
.btn-mjk.effect-swipe-right:focus, 
.btn-mjk.effect-swipe-right:active {
	color: #cc0033 !important;
}

/*button hover effect swipe-left*/
.btn-mjk.effect-swipe-left:before {
	background: #ffffff;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
}
.btn-mjk.effect-swipe-left:hover, 
.btn-mjk.effect-swipe-left:focus, 
.btn-mjk.effect-swipe-left:active {
	color: #cc0033 !important;
}


/* =Form
------------------------------------------------------------ */
.filter-mjk-group-box {
	justify-content: flex-end;
	padding: 0;
	border:none;
}
.filter-mjk-group .select-mjk-box {
	width: 200px;
	max-width: 200px;
	border: 1px solid #333333;
}
.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #333333 transparent transparent transparent;
}
.select-mjk-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #333333 transparent !important;
}
.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #003d9c;
	font-weight: 600;
}

/*select 2 dropdown*/
.select2-dropdown {
	border: 1px solid #333333;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #003d9c;
}
.select2-results__option[aria-selected] {
	color: #666666;
}

/*filter show list product category*/
.filter-show p {
	font-size: 14px;
}
.filter-show li a {
	color: #666666;
}
.filter-show li.active a {
	font-size: 20px;
	font-weight: 600;
}
.filter-show .list-inline-item + .list-inline-item:before {
	content: "/";
}
.filter-show .list-inline-item:not(:last-child) {
    margin-right: 0;
}