body,html {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	min-height: 100vh;
	font-size: 14px;
	color: black;
}

a:focus , a:active {
	outline: none;
	border: none;
	box-shadow: none;
}

.btn-check:focus+.btn, .btn:focus {
	outline: none;
	box-shadow: none;
}

header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
  z-index: -12
}

header video {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -10;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -9;
}

:root {
	--color-green: #163307;
	--color-green-dark: #225109;
	--color-gold: #c1a043;
}

.serif {
	font-family: 'Bodoni Moda', serif;
}

@media (max-width: 600px) {
.mobile-menu {
	font-size: 24px;
	text-align: center;
}
.mobile-menu-small {
	font-size: 20px;
	text-align: center;
}
.mobile-menu:active, .mobile-menu:focus {
	color: var(--color-gold) !important;
}
}

button:focus {
	outline: none !important;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.modal-backdrop
{
    opacity:0.95 !important;
}

.dropdown-menu-dark {
	background-color: black;
}

.dropdown-menu-dark .dropdown-item:hover {
	color: var(--color-gold);
}

.dropdown-menu {
	border: none;
}

.dropdown-menu .dropdown-item:hover {
	background-color: var(--color-gold);
	color: white;
}

::-moz-selection {
       background-color: var(--color-green);
       color: #fff;
}
::selection {
       background-color: var(--color-green);
       color: #fff;
}

.navbar-dark {
	transition: all 300ms ease-out;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: var(--color-gold);
}

.navbar-toggler:focus {
	outline:none;
	box-shadow: none;
	color: var(--color-green);
}

.bg-header {
	background-image: url(../img/cover.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	min-height: 90vh;
}

.bg-header-sub {
	background-image: url(../img/cover.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
}

.bg-menu {
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 100ms ease-out;
}
.text-menu {
	color: white;
}

.bg-menu:hover {
	box-shadow: inset 1000px 0 0 var(--color-green) !important;
}

.bg-menu:hover > .text-menu {
	color: var(--color-gold);
	transition: all 100ms ease-out;
}
.bg-gallery {
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 100ms ease-out;
	background-position: center;
}
.bg-gallery:hover {
	opacity: 0.8;
}
.bg-black {
	background-color: black;
}
.btn-outline-gold {
	border: solid 1px var(--color-gold);
	color: var(--color-gold);
}

.btn-outline-gold:hover , .btn-outline-gold:focus , .btn-outline-gold:active {
	background-color: var(--color-gold);
	color: black;
}

.text-gold {
	color: var(--color-gold);
}

.bg-gold {
	background-color: var(--color-gold);
}

.bg-green {
	background-color: var(--color-green);
}

.btn-green {
	background-color: var(--color-green);
	color: white;
}

.btn-green:hover , .btn-green:focus , .btn-green:active {
	background-color: var(--color-green-dark);
	color: white;
}

.text-green {
	color: var(--color-green);
}

.text-icon {
	color: white;
}

.text-icon:hover {
	color: var(--color-gold);
}

.h-trans {
	transition: all 300ms ease-out;
}

.h-trans:hover {
	opacity: .7;
}

.menu-link {
	font-size: 18px;
	color: black;
}
.menu-link:hover {
	color: var(--color-gold);
}

.menu-link.active {
	color: var(--color-gold);
	border-bottom: solid 3px var(--color-gold);
}

.nav-menu::-webkit-scrollbar {
  display: none;
}