/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 27 Apr 2026, 1:10 pm
*/

.foogallery.foogallery-container:not(#foogallery-gallery-6868){
	display: flex;
	width: calc(50% - 14px);
	margin: auto;
}
.foogallery .fg-caption-title {
    white-space:inherit;
    font-size: 20px !important;
    padding: 10px 5px !important;
    color: #fff;
	text-transform:uppercase;
	font-style: initial;
}
.foogallery.fg-caption-hover .fg-caption .fg-caption-inner{
	    top: unset !important;
    bottom: 0;
    background-color: #0f6f76;
    transform: translateY(0%) !important;
}
.foogallery .fg-caption:before{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	display:block;
	background:#000000;
	opacity:0;
	transition: all .35s ease-in-out;
}
.foogallery:hover .fg-caption:before{
	opacity:.2;
}
.foogallery.fg-caption-hover .fg-caption .fg-caption-inner:before{display:none !important;}
.foogallery.fg-caption-hover.fg-hover-fade .fg-loaded .fg-caption{
	    opacity: 1;
    visibility: initial;
    background: none;
}
@media (max-width: 550px){
	.foogallery.foogallery-container{
	display: block;
	width: 100%;
	margin: 5px 0;
}
	.foogallery .fg-caption-title {
    font-size: 14px !important;
	}
}
.page .fbx-modal.fbx-phone.fbx-landscape{
    border-right-width: 0;
}
.page .fbx-modal.fbx-phone.fbx-portrait .fbx-close,
.page .fbx-modal.fbx-phone.fbx-landscape .fbx-close{
    height: 44px;
    top: 10px;
    right: 10px;
    left: auto;
    width: 44px;
    border-radius: 50%;
}
.page .fbx-modal.fbx-phone.fbx-portrait .fbx-prev,
.page .fbx-modal.fbx-phone.fbx-portrait .fbx-next,
.page .fbx-modal.fbx-phone.fbx-landscape .fbx-prev,
.page .fbx-modal.fbx-phone.fbx-landscape .fbx-next{
    top: 50%;
    margin-top: -22px;
width:40px;
}
.page .fbx-modal.fbx-phone.fbx-portrait .fbx-prev,
.page .fbx-modal.fbx-phone.fbx-landscape .fbx-prev{
    left:0;
right:auto;
    border-radius: 0 5px 5px 0;
}
.page .fbx-modal.fbx-phone.fbx-portrait .fbx-next,
.page .fbx-modal.fbx-phone.fbx-landscape .fbx-next{
    right:0;
left:auto;
    border-radius: 5px 0 0 5px;
}