/*
 * Globals
 */

@font-face {
    font-family: 'Recoleta-Black';
    src: url(fonts/Latinotype-Recoleta-Black.woff);
}

@font-face {
    font-family: 'Recoleta-Light';
    src: url(fonts/Latinotype-Recoleta-Light.woff);
}

@font-face {
    font-family: 'Recoleta-Regular';
    src: url(fonts/Latinotype-Recoleta-Regular.woff);
}

.recoletaBlack {
	font-family: 'Recoleta-Black';
}

.recoletaLight {
	font-family: 'Recoleta-Light';
}

.recoletaRegular {
	font-family: 'Recoleta-Regular';
}

/*
 * Base structure
 */

body {
  font-family: 'Recoleta-Black';
}

/*
 * Color modes
 */
 
:root {
	--uncork-orange: #EEC288;
	--uncork-bg2: #F2E7D9;
}


[data-bs-theme=light] {
	--bs-body-bg: #fff;
	--uncorkit-bg: #F6F2ED;
	--uncorkit-color: rgba(65, 60, 54, 1);
	--uncorkit-gradient-bg: linear-gradient(180deg, #F6F2ED 0%, #F2E7D9 100%);
	--uncorkit-gradient-rbg: linear-gradient(#F2E7D9, #F6F2ED);
	--bs-table-striped-color: #F2E7D9;
	--uncorkit-table-bg: #F6F2ED;
	--bs-heading-color: var(--uncorkit-color);
}

[data-bs-theme=dark] {
	--bs-body-bg: #1E1D1C;
	--uncorkit-bg: #4C4136;
	--uncorkit-color: #dad4ce;
	--uncorkit-gradient-bg: linear-gradient(180deg, #090d12 0%, #0d1826 100%);
	--uncorkit-gradient-rbg: linear-gradient(#F2E7D9, #F6F2ED);
	--uncorkit-table-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
	--bs-heading-color: var(--uncorkit-color);
}



/*
 * Header
 */

.nav-item p, .navbar-nav .nav-link {
	text-align: left;
	padding-left: 0;
	color: var(--uncorkit-color) !important;
}

.nav-link p {
	font-family: 'Recoleta-Light';
	letter-spacing: 0.25rem;
	font-size: 0.75rem;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	margin-bottom: 0;
}

.language-link {
	float: left;
	font-family: 'Recoleta-Light';
	letter-spacing: 0.25rem;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-decoration: none !important;
	color: var(--uncorkit-color);
}

.link-uncork {
	background-color: #EEC288;
	color: #413C36;
	text-decoration-color: #413C36 !important;
}


.uncorkit-logo {
	fill: var(--uncorkit-color) !important;
	height: 100px;
}

/*
 * Content
 */
 
 .anchor-uncork {
	font-family: 'Recoleta-Light';
	letter-spacing: 0.25rem;
	font-size: 0.75rem;
	margin-bottom: 0;
	float: left;
 }
 
 .anchor-uncork i {
	color: #EEC288;
	font-weight: bold;
 }

.bg-uncork {
  background: var(--uncorkit-bg);
}

.bg-uncork-side {
  background: #F2E7D9;
  color: #413C36;
}

.bg-uncork-focus {
  background: rgb(238, 194, 136, 0.5);
  color: #413C36;
}

.uncork-offwhite {
  background-color: #F6F2ED;
}

.uncork-hr {
  color: #EEC288;
  background-color: #EEC288;
  opacity: 0.6;
  height: 6px !important;
  border-radius: var(--bs-border-radius) !important;
}

.linkColor {
  background-color: #F6F2ED;
  
}

.btn-upper {
	font-family: 'Recoleta-Light';
	letter-spacing: 0.25rem;
	font-size: 0.75rem;
}

.btn-uncork {
  color: var(--uncorkit-color);
  background: var(--uncorkit-gradient-bg);
  box-shadow: 0px 2px rgb(238, 194, 136, 0.6);
}

.btn-uncork:hover {
	color: #000;
	border: 1px solid #F2E7D9;
}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {
	--bs-table-bg-type: var(--uncorkit-table-bg);
}

.uncork-anchor {
	font-family: 'Recoleta-Regular';
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.2em;
	color: rgba(65, 60, 54, 1);
	background: rgba(242, 231, 217, 1);
	margin-right: 8px;
	margin-top: 4px;
	padding: 8px 16px 8px 16px;
	height: 32px;
}

.uncork-anchor a {
	text-decoration: none;
	color: inherit;
}

.uncork-subhead {
	font-family: 'Recoleta-Regular';
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.2em;
	text-align: left;
}

.uncork-bullet {
	padding: 8px;
	background: rgba(238, 194, 136, 0.5);
	border-radius: 100px;
	margin-left: 10px;
	width: 32px;
	min-width: 32px;
	height: 32px;
	font-family: 'Recoleta-Regular';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	text-transform: uppercase;
}

.accordion {
  --bs-accordion-bg: #F2E7D9;
  --bs-accordion-active-bg: #EEC288;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0;
}

.accordion-button {
  --bs-accordion-active-color: #413C36;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #101010; /* Remove default background */
}

.carousel-caption {
	background: rgb(238, 194, 136, 0.6);
}

.card, .card-img, .card-img-top {
	border: 0;
	border-radius: 0;
}

/*
* Wine info
*/

.wine-info {
	font-family: 'Recoleta-Regular';
	font-size: 10px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0.2em;
	color: var(--uncorkit-color);
}

.wine-info-light {
	font-family: 'Recoleta-Regular';
	font-size: 10px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.2em;
	color: var(--uncorkit-color);
}

.wine-info-price {
	color: var(--uncorkit-color);
}

/*
 * Color modes
 */
  .bi {
	vertical-align: -.125em;
	fill: currentColor;
  }

  .btn-bd-primary {
	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: #413C36;
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: #413C36;
	--bs-btn-hover-bg: #F2E7D9;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #F6F2ED;
	--bs-btn-active-border-color: #F6F2ED;
  }

  .bd-mode-toggle {
	z-index: 1500;
  }

  .bd-mode-toggle .dropdown-menu .active .bi {
	display: block !important;
  }