:root {
  --page-background: #fff;
  --text: #000;
  --headers: #c5a14b;
  --links: #c5a14b;
  --links-hover: #c5a14b;
  --home-title-color: #000;
  --main-accent: #fff;
  --main-accent-text: #000;
  --secondary-accent: #000;
  --secondary-accent-text: #fff;
  --header-background: #00000099;
  --header-text: #c5a14b;
  --scrolled-header-background: #000;
  --scrolled-header-text: #fff;
  --footer-background: #333;
  --footer-text: #fff;
}


/*=========================
Colors
=========================*/
h1, h2, h3, h4, h5, h6 {
  color: var(--headers);
}

body, table {
  color: var(--text);
}

.jumbotron .container {
  background-color: rgba(0,0,0, .5);
}

.navbar-nav .nav-link {
  color: var(--header-text);
}

.header.header-sticky {
  background-color: var(--header-background);
}

.header-sticky.scrolled {
  background-color: var(--scrolled-header-background);
  transition: background-color 200ms linear;
}

.black-opaque-background {
  background-color: rgba(0,0,0, .5);
}

.nav-link:hover {
  color: var(--secondary-accent);
}

@media(max-width: 764px) {
  .navbar-collapse {
    background-color: var(--main-accent);
  }
  .navbar .nav-link {
    color: var(--header-text);
  }
}

.dropdown-menu, .sub-menu {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top-color: var(--main-accent);
    background-color: var(--scrolled-header-background);
}

.dropdown-item {
  color: var(--header-text);
}

.home-title a {
  color: var(--home-title-color);
}

.home-title a:hover, .home-title a:focus {
  color: var(--main-accent);
  background-color: #f2f2f2;
  border: 3px solid var(--main-accent);
}


.page-wrapper {
  background-color: var(--page-background);
}

.page-wrapper .container {
  border: 1px double var(--secondary-accent);
}

button#header-arrows {
  background-color: #333;
  color: #fff;
}


a.home-social {
  background-color: #105c57;
  transition: font-size 200ms ease-in, color 200ms ease-in;
}

a.home-social:hover {
  color: #c3bb51;
}

/*Buttons*/


.btn-primary, .btn-default, .btn-template {
  background-color: var(--main-accent);
  color: var(--main-accent-text);
}

.btn-primary:hover, .btn-default:hover, .btn-template:hover, .btn-primary:focus, .btn-default:focus, .btn-template:focus {
  background-color: var(--secondary-accent);
  border: 1px solid var(--secondary-accent-text);
}

/*End Buttons*/

.gallery figure .captions::after, .portfolio-filter-list a.active, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a, {
  border-color: var(--secondary-color);
}

.sub-menu {
  border-top: var(--secondary-accent);
}

.primary-bg, .menu-ribbon, input[type=submit], .portfolio-filter-list a.active, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a, .panel-title > a.collapsed:hover, .panel-title > a, .page-wrapper .tagline::before, .feature-icon {
  background-color: var(--main-accent);
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus,
.sub-menu li a:hover,
.sub-menu li a:focus, .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .unstyled li::before, .btn-primary, .feature.business i {
  color: var(--secondary-color);
}

a {
  color: var(--links);
}

a:hover, a:focus {
  color: var(--links-hover);
}

.accent-1 {
  background-color: var(--main-accent);
}

.accent-1 h2, .accent-1 table, .accent-1 td, .accent-1 a {
  color: var(--main-accent-text);
}

.accent-2 {
  background-color: var(--secondary-accent);
  color: var(--secondary-accent-text);
}

.accent-2 h3 {
  color: var(--secondary-accent-text);
}

.portfolio-shuffle a {
  color: #fff;
}

.portfolio-shuffle a:hover, .portfolio-shuffle a:focus {
  border: 1px solid var(--links);
}

.card {
  background-color: var(--main-accent);
  color: var(--main-accent-text);
}


/*Social*/

.social .facebook {
  --primary-color: #3B5998;
}

.social .twitter {
  --primary-color: #1DA1F2;
}

.social .instagram {
  --primary-color: #222222;
}

.social.on-dark .instagram {
  --primary-color: #cd486b;
}

.social .google-plus {
  --primary-color: #DB4437;
}

.social .google {
  --primary-color: #DB4437;
}

.social .youtube {
  --primary-color: #ff0000;
}

.social .yelp {
  --primary-color: #af0606;
}

.social .pinterest {
  --primary-color: #BD081C;
}

.social .tumblr {
  --primary-color: #35465c;
}

.social .linkedin {
  --primary-color: #0077B5;
}

.social .trip-advisor {
  --primary-color: #00af87;
}

.social .vimeo {
  --primary-color: #1ab7ea;
}

.social li a {
  background-color: #333;
  background-color: var(--primary-color, #333);
  color: #fff !important;
  color: var(--secondary-color, #fff);
  transition: color 300ms, background-color 300ms;
}

.social li a:hover,
.social li a:focus {
  color: var(--primary-color) !important;
  background-color: #fff;
}

.social li a:focus {
  box-shadow: 0 0 0 2pt #9c5816;
  box-shadow: 0 0 0 2pt var(--outline);
}

/*End Social*/

#footer a, footer.fixed-bottom a {
  color: var(--footer-text);
}

#footer.footer {
  background-color: var(--footer-background);
  color: var(--footer-text);
}

.tab-content {
  background-color: var(--page-background);
}