/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 30 May 2026, 2:17 am
*/

.fg-media-caption-title {
    font-weight: 400;
    font-family: 'Fragment Mono';
    text-transform: uppercase;
	letter-spacing: 1px;
    font-size: 18px; }

.fg-panel.fg-dark, .fg-panel.fg-dark .fg-panel-thumb:is(.fg-idle,.fg-loading,.fg-error) .fg-panel-thumb-media {
    background-color: #051a25;
}


.fg-panel.fg-dark :is(.fg-panel-button,.fg-panel-thumbs-button,.fg-panel-thumb,.fg-panel-thumb-spacer), .fg-panel.fg-dark:is(.fg-medium,.fg-panel-no-mobile):not(.fg-panel-cart-overlay) .fg-panel-cart-inner, .fg-panel.fg-dark:is(.fg-medium,.fg-panel-no-mobile):not(.fg-panel-info-overlay) .fg-panel-info-inner, .fg-panel.fg-light .fg-panel-button.fg-panel-button-primary {
    background-color: #1f3949;
	border-color: #0f212b;
	}

.fg-panel.fg-dark .fg-panel-button.fg-panel-button-primary[aria-pressed=true]:focus, .fg-panel.fg-dark .fg-panel-button.fg-panel-button-primary[aria-pressed=true]:hover, .fg-panel.fg-dark .fg-panel-button:focus, .fg-panel.fg-dark .fg-panel-button:hover, .fg-panel.fg-dark .fg-panel-thumb:focus, .fg-panel.fg-dark .fg-panel-thumb:hover, .fg-panel.fg-dark .fg-panel-thumbs-button:focus, .fg-panel.fg-dark .fg-panel-thumbs-button:hover, .fg-panel.fg-light .fg-panel-button.fg-panel-button-primary:focus, .fg-panel.fg-light .fg-panel-button.fg-panel-button-primary:hover, .fg-panel.fg-light .fg-panel-button[aria-pressed=true]:focus, .fg-panel.fg-light .fg-panel-button[aria-pressed=true]:hover {
    background-color: #122733;
	}
	
.fg-panel.fg-dark .fg-panel-button[aria-pressed=true], .fg-panel.fg-light .fg-panel-button.fg-panel-button-primary[aria-pressed=true] {
    background-color: #dcecf6;
	}

.fg-panel.fg-dark :is(.fg-panel-cart-inner,.fg-panel-info-inner) {
    background-color: #051a25;
	}
	
/* home gallery   */

.fiv-inner .fiv-inner-container {
    border-bottom-width: 2px;
    margin-bottom: -44px;
	}

.fg-image-viewer.fg-dark .fiv-inner .fiv-ctrls, .fg-image-viewer.fg-dark .fiv-inner .fiv-ctrls .fiv-count, .fg-image-viewer.fg-dark .fiv-inner .fiv-ctrls .fiv-next, .fg-image-viewer.fg-dark .fiv-inner .fiv-ctrls .fiv-prev {
    background-color: transparent;
    border-color: transparent;
	}

.fg-image-viewer.fg-dark .fiv-inner .fiv-inner-container {
	background-color: #0c1b23;
	border-color: #0c1b23;
	}

.foogallery.fg-image-viewer .fiv-ctrls {
    border-top-width: 3px;
	}

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-count {
    display: none;
	}

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next span, .fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev span {
	opacity: 0;
    }

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next {
    background: #132b38 url(https://www.mmjoutdoor.com/wp-content/uploads/arrow-kekanan.png) no-repeat center / auto 60% !important;
	}

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev {
    background: #132b38 url(https://www.mmjoutdoor.com/wp-content/uploads/arrow-kekiri.png) no-repeat center / auto 60% !important;
	}

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next:before,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev:before{
    display: none;
	}


.foogallery .fg-caption-title {
    font-size: 18px;
    font-family: 'Fragment Mono';
    text-transform: uppercase;
	letter-spacing: 1px;
	}

.foogallery .fg-caption {
    background-color: #0c1b23;
	}

@media (max-width: 480px) {

.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-next,
.fg-image-viewer .fiv-inner .fiv-ctrls .fiv-prev {
    min-width: 40px;
	}	

}

@media (min-width: 1280px) {

.fg-media-image .fg-media-content {
    height: 90%;
	}

}