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




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

/* Grid Layout */
.bne-logo-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-column-gap: 1rem;
	grid-row-gap: 1rem;
}

.logo-columns-1 .bne-logo-grid { grid-template-columns: repeat(1, 1fr); }
.logo-columns-2 .bne-logo-grid { grid-template-columns: repeat(2, 1fr); }
.logo-columns-3 .bne-logo-grid { grid-template-columns: repeat(3, 1fr); }
.logo-columns-4 .bne-logo-grid { grid-template-columns: repeat(4, 1fr); }

@media(max-width:768px) {
	.bne-logo-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	
	/* Center align if orphan logo */
	.bne-logo-grid .bne-logo-single:last-child:nth-child(2n - 1) {
		grid-column: span 2;
		width: 50%;
		margin: 0 auto;
	}
}


/* List */
.bne-logo-wrapper.logo-layout-list .bne-logo-grid {
	grid-template-columns: 300px 1fr;
}

@media(max-width:768px) {
	.bne-logo-wrapper.logo-layout-list .bne-logo-grid {
		grid-template-columns: 1fr !important;
	}
}

.bne-logo-wrapper.logo-layout-list .bne-logo-single {
	padding: 4rem 0;
}
@media(max-width:768px) {
	.bne-logo-wrapper.logo-layout-list .bne-logo-single {
		padding: 0 0 2rem 0;
	}
}

.bne-logo-wrapper.logo-layout-list .bne-logo-single:not(:first-child) {
	border-top: 1px solid #ccc;
}

.bne-logo-wrapper.logo-layout-list .logo-content .wp-block-post-featured-image,
.bne-logo-wrapper.logo-layout-list .logo-content .wp-block-spacer {
	display: none;
}

.bne-logo-wrapper.logo-layout-list .logo-content .wp-block-buttons {
	margin-bottom: 0;
}




/* 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;
}