@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/Gotham-Medium.otf') format('woff2'), /* Modern Browsers */
         url('fonts/Gotham-Medium.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('fonts/Gotham-Bold.otf') format('woff2'), /* Modern Browsers */
         url('fonts/Gotham-Bold.otf') format('woff');   /* Older Browsers */

    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Black';
    src: url('fonts/Gotham-Black.otf') format('woff2'), /* Modern Browsers */
         url('fonts/Gotham-Black.otf') format('woff');   /* Older Browsers */

    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('fonts/Gotham-Light.otf') format('woff2'), /* Modern Browsers */
         url('fonts/Gotham-Light.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Condensed-Medium';
    src: url('fonts/Gotham\ Condensed\ Medium.otf') format('woff2'), /* Modern Browsers */
         url('fonts/Gotham\ Condensed\ Medium.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Condensed-Bold';
    src: url('fonts/GothamCond-Bold.otf') format('woff2'), /* Modern Browsers */
         url('fonts/GothamCond-Bold.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Condensed-Book';
    src: url('fonts/GothamCond-Book.otf') format('woff2'), /* Modern Browsers */
         url('fonts/GothamCond-Book.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lovelo-Light';
    src: url('fonts/Lovelo_Line_Light.otf') format('woff2'), /* Modern Browsers */
         url('fonts/Lovelo_Line_Light.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Paris';
    src: url('fonts/Paris.otf') format('woff2'), /* Modern Browsers */
         url('fonts/Paris.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SurveyorFine-Medium';
    src: url('fonts/SurveyorFine-Medium-Pro.otf') format('woff2'), /* Modern Browsers */
         url('fonts/SurveyorFine-Medium-Pro.otf') format('woff');   /* Older Browsers */

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root {
	--bs-body-font-family: 'SurveyorFine-Medium', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif !important; 
	--bold-font: 'GlacialIndifference-Bold';

	--nav-display: flex;
	--nav-padding: 0.8em;
	--nav-overflow-x: scroll;
	--nav-min-width: 100%;
	--nav-border-radius: 0.4em;
	--nav-margin: 0em 0em;
	--nav-gap: 0.4em;

	--nav-item-border: 1px solid whitesmoke;
	--nav-item-padding: 0.5em 0.8em;
	--nav-item-display: flex;
	--nav-item-gap: 0.4em;
	--nav-item-border-radius: 0.3em;
	--nav-item-background: #2A5136;
	--nav-item-color: white;
	--nav-item-font-size: 1.2em;
	--active-item-color: rgb(225, 121, 61);

	--section-title-color: #2A5136;
}

body {
	margin: 0;
	overflow-x: hidden;
    font-family: var(--bs-body-font-family);
}

h1 {
    font-family: 'SurveyorFine-Medium';
    color: var(--nav-item-background);
}

a {
    text-decoration: none;
    color: var(--nav-item-background);
}


/* Table */

table {
	min-width: 100%;
    overflow-x: auto;
}

td:nth-child(2) {
	text-align: end;
}

td:nth-child(3) {
	text-align: center;
}

td {
	vertical-align: top;
}


td:first-child {
	font-family: 'Gotham-Condensed-Bold';
}

td, td p {
	font-family: 'Gotham-Condensed-Book';
}
/* Categories Button */

.btn-category {
	background: var(--nav-item-background);
	color: var(--nav-item-color);
	border: none;
	font-family: 'Gotham-Condensed-Bold';
	margin: 0.2rem 0.05rem;
}

.btn-category.active {
	background: var(--active-item-color);
}


/* Subcategories class */
.subcategory {
	overflow-x: auto;
}
.subcategory a {
	color: var(--section-title-color);
	font-family: 'Gotham-Condensed-Book';
	text-decoration: none;
	text-wrap: nowrap;
	padding: 0 1rem;
	border-right: solid 1px var(--section-title-color);
}

.subcategory a:last-child {
	border-right: none;
}

.subcategory a.active {
    text-decoration: underline;
    text-decoration-color: var(--active-item-color);
    color: var(--active-link-color); /* Optional: Define the color for active link */
}

.menu-section h3 {
	font-family: 'SurveyorFine-Medium';
	font-size: 2rem;
}

  
  
  .artcaffe-market-slideshow img,
  .artcaffe-market-slideshow video {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	object-fit: cover;
	transition: transform 1s, opacity 1s;
  }
  
  .artcaffe-market-slideshow img.active,
  .artcaffe-market-slideshow video.active {
	opacity: 1;
	transform: translateX(0);
  }

  .artcaffe-market-slideshow img,
  .artcaffe-market-slideshow video {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	object-fit: cover;
	transition: transform 1s, opacity 1s;
  }
  
  .artcaffe-market-slideshow img.active,
  .artcaffe-market-slideshow video.active {
	opacity: 1;
	transform: translateX(0);
  }



@media only screen and (min-width: 768px) {
	.btn-category {
		font-size: larger;
	}

	.subcategory a {
		font-size: larger;
	}

	.artcaffe-market-slideshow {
		height: 400px;
	}

  }