/*
 *  Created by Rayne Richardson
 *  EZ LInks Golf LLC Webdesigner
 *  rrichardson@ezlinks.com
 *  Created: May 2018
 */

/* DEFAULTS */

:root {
  --primaryColor: #097242;
  --primaryColorLight: #097242;
  --primaryColorDark: #333333;
  --backgroundColor: #c3b091;
  --backgroundColorLight: #d6c19f;
  --backgroundColorDark: #af9e81;
  --textColor: #000;
  --colorTextColor: #000;
}

a {
  color: #222222;
  color: var(--primaryColor);
}

a:hover {
  color: #222222;
  color: var(--primaryColorLight);
}

/* PRELOADER */

#preloader {
  background-color: #eeeeee;
  background-color: var(--backgroundColorLight);
}

.queryloader__overlay__bar {
  background-color: #222222;
  background-color: var(--primaryColor) !important;
}

.queryloader__overlay__percentage {
  color: #222222;
  color: var(--primaryColor) !important;
}

/* NAVIGATION */

.navbar-toggler:hover {
  color: #222222;
  color: var(--primaryColor);
}

#navbarNav {
  background-color: #242424;
}

.dropdown-menu {
  background-color: #242424;
}

#navbarNav .nav-link,
#navbarNav .dropdown-item {
  color: #fff;
}

#navbarNav .nav-link:hover,
#navbarNav .dropdown-item:hover,
#navbarNav .nav-link:focus,
#navbarNav .dropdown-item:focus {
  color: #222222;
  color: var(--primaryColor);
  background-color: transparent;
}

#offCanvasNav .dropdown-toggle::after {
  color: #333333;
  color: var(--primaryColorDark);
}

#offCanvasNav.offcanvas .offcanvas-menu {
  background-color: #242424;
}

.exit-offcanvas {
  background-color: rgba(255,255,255,.3);
  transition: background-color .3s ease;
}

.exit-offcanvas:hover {
  background-color: rgba(255,255,255,.1);
}

.offcanvas-menu li {
  border-bottom:  1px solid;
  border-bottom: var(--backgroundColorLight) 1px solid;
}

.offcanvas-menu li a {
  color: #fff;
}

.offcanvas-menu li a:hover {
  background-color: transparent;
  color: #333333;
  color: var(--primaryColorDark);
}

/* TYPOGRAPHY */

.article-title::after {
  background: #222222;
  background: var(--primaryColor);
}

.parallaxbgQuote h2 {
  color: #fff;
}

.main-title {
  color: #222222;
  color: #fff;
}

.btn.btn-sapphire {
  border: #222222;
  color: #222222;
  border: 3px solid var(--primaryColor);
  color: var(--primaryColor);
}

.btn.btn-sapphire:hover {
  color: #fff;
  color: var(--colorTextColor);
}

.btn.btn-sapphire::after {
  background: #222222;
  background: var(--primaryColor);
}

.btn-sapphire.btn-white {
  --primaryColor: #fff;
  --colorTextColor: #000;
}

/* CONTENT STYLES */

.nav-tabs-sapphire .nav-link {
  color: #fff;
  color: var(--textColor);
}

.nav-tabs-sapphire .nav-link.active {
  --textColor: var(--primaryColor);
}

.nav-tabs-sapphire .nav-link.active::after {
  border-bottom 10px solid #c3b091;
  border-bottom: 10px solid var(--backgroundColor);
}

.pricing-table .price {
  color: #222222;
  color: var(--primaryColor);
}

.card-events .card-heading {
  background-color: #222222;
  background-color: var(--primaryColor);
  color: #fff;
  color: var(--colorTextColor);
}

.card {
  background-color: #af9e81;
  background-color: var(--backgroundColorDark);
}

.card .card-header a {
  background-color: #222222;
  background-color: var(--primaryColor);
  transition: all 0.15s ease;}

.card .card-header a.collapsed {
  background-color: #eeeeee;
  background-color: var(--backgroundColorLight);
  color: #fff;
  color: var(--textColor);
}

.card .card-header a:hover,
.card .card-header a.collapseda:hover {
  background-color: #333333;
  background-color: var(--primaryColorDark);
}

.card .card-header a {
  color: #fff;
  color: var(--colorTextColor);
}

.coursetour-stats dt {
  background-color: var(--statColor, var(--backgroundColorLight));
  color: var(--statTextColor, var(--textColor));
}

.coursetour-stats .red {
  --statColor: red;
  --statTextColor: white;
}

.coursetour-stats .white {
  --statColor: white;
  --statTextColor: black;
}

.coursetour-stats .blue {
  --statColor: blue;
  --statTextColor: white;
}

.coursetour-stats .black {
  --statColor: black;
  --statTextColor: white;
}

/* SOCIAL */

.social i {
  color: #BDBDBD;
  border-bottom-color: #BDBDBD;
}

.social i:hover {
  color: #097242;
  color: var(--primaryColorLight);
  border-bottom-color: #097242;
  border-bottom-color: var(--primaryColorLight);
}

/* BACKGROUNDS */

body {
  background-color: #c3b091;
  background-color: var(--backgroundColor);
}

[class^='bg'], [class*=" bg"] {
  background-color: #c3b091;
  background-color: var(--backgroundC, var(--backgroundColor)) !important;
  color: #fff;
  color: var(--textColor);
}

.bg-dark {
  --backgroundC: var(--backgroundColorDark);
}

.bg-light {
  --backgroundC: var(--backgroundColorLight);
}

/* RROMO */

#promo-tiles {
 --textColor: #fff;
}

/* GALLERY */

.portfolio-categ li a {
  color: #999999;
}

.portfolio-categ li a:hover {
  color: #737373;
}

.portfolio-categ li.active a {
  color: #222222;
  color: var(--primaryColor);
}

/* FOOTER */

footer {
  background-color: #141414;
  color: #cdcdcd;
}

 .footer-content h3 {
  color: #fff;
 }

/* FORMS */

input,  textarea, select, select option {
  --borderColor: var(--textColor) !important;
  background-color: #af9e81 !important;
  background-color: var(--backgroundColorDark) !important;
  border:1px solid var(--borderColor) !important;
  color: #fff;
  color: var(--textColor) !important;
  transition: border-color 0.45s ease-in-out;
}
input:focus,
textarea:focus {
  --borderColor: var(--backgroundColorLight) !important;
}