@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.gallery-container {
    max-width: 1500px;
    margin: 40px auto;
    padding: 0 20px;
    font-family: Arial, sans-serif;
}


.gallery.hidden {
  display: none !important;
  visibility: hidden !important;
}

.filter-group {
  margin-bottom: 1rem;
  border: 1px solid #ddd;
  border-radius: 8px;
  overflow: hidden;
}

.filter-toggle {
  width: 100%;
  padding: 10px 14px;
  text-align: left;
  font-size: 1rem;
  cursor: pointer;
}

.filter-content {
  display: none;
  padding: 10px 14px;
  background: #fff;
}

.filter-group.active .filter-content {
  display: block;
}

.btn-arrow .material-icons {
    vertical-align: middle;
}

.btn-arrow:focus {
    box-shadow: none;
    outline: none;
}

.btn-arrow:hover {
  	color: #fff;
  	background-color: var(--rp-blue-dark);
  	border-color: var(--rp-blue-dark);
	transition: background-color 0.3s, border-color 0.3s; 
}

.gallery img:hover{
	cursor: pointer;
}