/* Layout Tweaks */
@media (min-width: 64rem) {
  & body.path-plate-gallery {
  	& .container-xxl {
  	max-width: 1920px;
  	padding: 0 40px;
  	}
  	& .page-body .plateGallery-sidebar {
  		width: 430px;
  	}
  	& .page-body .page-mainColumn {
  		width: calc(100% - 430px);
  		padding: 0 0 0 20px;
  	}
  }
}
	.plate {
		height: 280px;
		@media (min-width: 96rem) {
			width: 23.1%;
	}
}

/* Sidebar fix */
@media (min-width: 48rem) {
	.page-plateGallery .page-body {
		& .plateGallery-sidebar {
			background: none;
			box-shadow: none;
			& .plateGallerySidebar-head {
				background-color: #FFF;
				box-shadow: 10px 0 20px 0 #ececec;
				bottom: initial !important;
			}
		}
	}
}

.page-plateGallery .page-body .plateGallery-sidebar .plateGallerySidebar-head {
	padding-bottom: 40px;
}

/* Suppress StickyKit elements on mobile */
@media (max-width: 767px) {
	.page-plateGallery .page-body .plateGallery-sidebar {
		& .plateGallerySidebar-head {
			position: static !important;
		}
		& div[vertical-align:"baseline"] {
			display: none;
		}
	}
}


.page-plateGallery {
	& .plateGallerySidebar-title {
		display: none;
	}
	& .plateGallery-search {
		margin-bottom: 16px;
	}
	& .plateGallery-filter ul li {
		margin: 0 0 5px;
	}
	& .plateGallery-loadMore .action-loadMore {
		width: 100%;
    background-color: #F4BA4E;
    color: #000;
	}
  & #plateGallerySearch-input {
    height: 40px;
    width: calc(100% - 100px);
    background-color: #E6E9F0;
    border: 1px solid var(--Granite, #D9DCE4);
    background-image: url(/themes/custom/style_logonavbar/images/search-darker-blue.svg);
    background-repeat: no-repeat;
    background-position: center right 12px;
    font-size: 1rem;
    font-style: normal;
    padding: 9px 40px 9px 12px;
    margin-right: 15px;
  }
  & .plateGallery-search-submit {
    height: 40px;
    width: 76px;
    padding-top: 0;
    padding-left: 0;
    padding: 0 40px 0 15px;
    background-color: #48824C;
    background-image: url(/sites/scdmv/files/images/icons/ui-arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right 12px;
    color: #FFF;
    font-size: 1rem;
    border: none;
  }
  & .plateGallery-filter label {
  	font-size: 1rem;
  }
  
  /* Plates */
  & .plate {
  	border: 3px solid transparent;
  	&:hover {
  		border: 3px solid #48824C;
  	}
  &.is-visible {
			background-color: #FFF;
			box-shadow: 0 9px 80px 0 rgba(0, 0, 0, 0.07), 0 3.76px 33.422px 0 rgba(0, 0, 0, 0.05), 0 2.01px 17.869px 0 rgba(0, 0, 0, 0.04), 0 1.127px 10.017px 0 rgba(0, 0, 0, 0.04), 0 0.599px 5.32px 0 rgba(0, 0, 0, 0.03), 0 0.249px 2.214px 0 rgba(0, 0, 0, 0.02);
		}
  	& .plate-title {
  		font-size: 1.125rem;
  		font-weight: 600;
  		line-height: 1.3;
  		color: #232323;
  		text-align: left;
  		@media (min-width: 64rem) {
  			font-size: 1.25rem;
  		}
  	}
  	& .plate-head {
  		margin-bottom: 12px;
  			& > img {
  			border: 1px solid #000;
  			margin: 0;
  			width: 100%;
  			height: auto;
  			max-width: 240px;
  		}
  	}
  	& .plate-body-toggle {
  		text-align: left;
  		text-transform: none;
  		border: none;
  		color: #000;
  		@media (min-width: 800px) {
  			margin: 0 12px;
  		}
  			&::after {
					display: none;
				}
  		}
  		& .plateToggle-moreInfo, .plateToggle-lessInfo {
				padding: 9px 20px;
				background-color: #F4BA4E;
				font-size: 1rem;
				letter-spacing: normal;
				border-radius: 3px;
				font-weight: 700;
			}
  	}
	}
}

.plate-lightbox.fancybox-content {
	width: 100%;
}

.plate-lightbox.fancybox-content .lightbox-plate-image {
	width: 100%;
}

.plate.is-visible {
	padding: 12px 10px;
}

@media (max-width: 799px) {
  .plate.is-visible {
		height: auto;
		padding: 20px;
		& .plate-body-toggle {
			padding: 0;
			margin: 0 0 1em;
		}
		& .plate-head > img {
  		height: 100%;
  		max-height: 150px;
  	}
	}
}