/*
 * 	BNE Blocks: Logos
 *
 * 	@author		Kerry Kline
 * 	@copyright	Copyright (c) Kerry Kline
 * 	@link		http://www.bnecreative.com
 *
 * 	@updated:	Dec 15, 2025
 *
*/


.bne-logo-modal {
	display: none;
}
.bne-logo-modal-open .bne-logo-modal {
	display: block;
}

.bne-logo-title {
	display: block;
	position: relative;
	margin: 5px auto 0px auto;
	font-size: .8rem;
	font-style: italic;
	text-align: center;
}

.bne-logo-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
	--gap-adj: 0.8rem;
}

.logo-columns-1 .bne-logo-single { flex: 0 0 calc(100% - var(--gap-adj)); }
.logo-columns-2 .bne-logo-single { flex: 0 0 calc(50% - var(--gap-adj)); }
.logo-columns-3 .bne-logo-single { flex: 0 0 calc(33% - var(--gap-adj)); }
.logo-columns-4 .bne-logo-single { flex: 0 0 calc(25% - var(--gap-adj)); }
.logo-columns-5 .bne-logo-single { flex: 0 0 calc(20% - var(--gap-adj)); }
.logo-columns-6 .bne-logo-single { flex: 0 0 calc(16.6% - var(--gap-adj)); }

@media(max-width:768px) {
	.bne-logo-single {
		flex: 0 0 calc(50% - 0.5rem) !important;
	}
	
}


/* Logo Image */
.has-logo-modal .bne-logo-image {
	cursor: pointer;
}

.bne-logo-image {
	transition: opacity .3s ease;
}

.bne-logo-image:hover {
	opacity: .6;
}

.logo-grayscale .bne-logo-image {
	-webkit-filter: grayscale(100%);
	filter: url('../images/svg/grayscale.svg#grayscale');
	filter: gray;
	filter: grayscale(100%);
	transition: all .4s ease-in-out;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
}

.logo-grayscale .bne-logo-image:hover {
	-webkit-filter: grayscale(0);
	filter: none;
	filter: grayscale(0);
	opacity: 1;
}

/* Logo Frames */
.logo-frame-none .bne-logo-image,
.logo-frame-1 .bne-logo-image { 
	border: none;
	box-shadow: none;
}
.logo-frame-2 .bne-logo-image {
	border: 1px solid #D1D1D1;
	box-shadow: none;
}
.logo-frame-3 .bne-logo-image {
	background: white;
	border: 1px solid #D1D1D1;
	border-radius: 4px;
	box-shadow: 0px 0px 3px #CCC;
}

.logo-frame-4 .bne-logo-image {
	background: white;
	box-shadow: 0 3px 12px -1px rgba(7, 10, 25, .2), 0 22px 27px -20px rgba(7, 10, 25, .2);
}


/* == Modal Content == */
.bne-logo-modal .wp-block-columns {
	column-gap: 2rem;
}

/* .bne-logo-modal .bne-logo-image img {
	margin: 0 auto;
	max-height: 150px;
	width: auto;
} */


/* == Slider Layout == */
.bne-logo-wrapper.layout-slider.has-arrow-nav {
	max-width: calc( 100% - 20px);
}

.bne-logo-wrapper.layout-slider .service-single {
	min-height: 100%;
}

.bne-logo-wrapper.layout-slider {
	margin: 0 auto 40px;
}

/* Arrow Nav */
.bne-logo-wrapper.layout-slider .slick-prev {
	left: -20px;
	z-index: 10;
}

.bne-logo-wrapper.layout-slider .slick-next {
	right: -20px;
	z-index: 10;
}

.bne-logo-wrapper.layout-slider .slick-prev:before, 
.bne-logo-wrapper.layout-slider .slick-next:before {
	color: #000;
	font-size: 30px;
}

.bne-logo-wrapper.layout-slider.slick-slider .slick-track {
	display: flex !important;
}

.bne-logo-wrapper.layout-slider .slick-slide {
	height: inherit !important;
	margin: 0.5rem;
}

/* Dot Nav */
.bne-logo-wrapper.layout-slider .slick-dots {
	margin: 0;
}
.bne-logo-wrapper.layout-slider button:hover {
	box-shadow: none !important;
	background-color: transparent !important;
}
.bne-logo-wrapper.layout-slider .slick-dots li button:before {
	font-size: 12px;
}

/* Adjustments */
.bne-logo-wrapper.layout-slider.logo-frame-3 .bne-logo-image {
	box-shadow: 0 .1rem 0.3rem rgba(0, 0, 0, .15) !important
}