:root {
  --primary-bg-color: #12021c; 
  --primary-bg-color-50: #12021c80; 

  --primary-color: #fff; 
  --secondary-bg-color: #4B0478;
  --secondary-color: #fff;

  --header-heigh: 40px;
  --footer-heigh: 18px;

  --pg-artwork-details-width: 400px;
  --pg-artwork-details-specs: 154px;


  --text-shadow-1: -1px 1px 2px #000000;
  --bckg-gold-fallback-color: #BF953F;
  --bckg-gold-gradient: linear-gradient(180deg, #BF953F 0%, #FCF6BA 50%, #B38728 100%);
}

.btn-secondary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0b5ed7;
	font-weight: 600;
}

/* @import "generic.css"; */

/* @import "generic.css";
@import "typography.css";

@import "carousel.css";
@import "header.css";
@import "main.css";
@import "cards.css";
@import "footer.css"; */



body {
	background-color: var(--primary-bg-color);
	color: var(--primary-color);

	max-width: 100vw;
	max-height: 100vh;
	overflow-x: hidden;

	text-wrap: pretty;

	&:has(.modal.show) {
		overflow: hidden;
		height: 100vh;
	}
}

.btn-primary {
	background-color: var(--primary-bg-color);
	border-color: rgba(255, 255, 255, .25);
}
.btn-secondary {
	background-color: var(--secondary-bg-color);
	border-color: rgba(255, 255, 255, .25);
}

a {
	color: var(--secondary-bg-color);
	text-decoration: underline;
}

header .homepage_icon img {
	height: 25px;
	width: auto;
	margin-right: 1rem;

}


.pg_about {
	/* h1, h2, h3 {
		font-weight: 300;
	} */
	.accordion-button {
		font-weight: 300;
	}
	h1 {
		margin-top: -4.2rem;
		padding-bottom: 2rem;
		text-shadow: -3px 3px 4px #000;
	}
	@media (min-width: 576px){
		h1 {
			margin-top: -4.3rem;
			padding-bottom: 2rem;
		}
	}
	@media (min-width: 768px){
		h1 {
			margin-top: -5rem;
			padding-bottom: 2rem;
		}
	}
	@media (min-width: 992px){
		h1 {
			margin-top: -4.6rem;
			padding-bottom: 2rem;
		}
	}
}

a {
	color: inherit;

	&.email-link {
		display: inline-flex;
    	align-items: center;
		&:after {
			width: 1rem;
			height: 1rem;
			margin-left: .5rem;
			background: url('/assets/email-svgrepo-com-white.svg') no-repeat center center;
			background-size: contain;
			content: '';
			display: inline-block;
		}
		&.black {
			&:after {
				background: url('/assets/email-svgrepo-com-black.svg') no-repeat center center;
			}
		}
	}
}








/* .pg_gallery {
	a {
		&.email-link {
		color: #000;
			&.email-link {
				&:before {
					width: 1rem;
					height: 1rem;
					margin-right: .5rem;
					background: url('/assets/email-svgrepo-com-black .svg') no-repeat center center;
					background-size: contain;
					content: '';
					display: inline-block;
				}
			}
		}
	}
} */