:root{
  --bs-blue: #007bff;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #e83e8c;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #28a745;
  --bs-teal: #20c997;
  --bs-cyan: #17a2b8;
  --bs-white: #fff;
  --bs-gray: #9aa0a6;
  --bs-gray-dark: #2e2e2e;
  --bs-primary: #2250fc;
  --bs-secondary: #c1c3ce;
  --bs-success: #28a745;
  --bs-info: #17a2b8;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-white: #fff;
  --bs-light: #fbfbfb;
  --bs-dark: #1e2022;
  --bs-blue: #007bff;

  /* custom AO colors */
  --navbar-color: rgba(0, 0, 0, 0.65);
  --main-color: #000;
  /*--main-hover-color: #4f4f4f;*/
  --button-text-color: #fff;
  --line-color: #000000;

  --black-back: #000;
  --white-back: #fff;
  --gray50-back: #818181;
  --gray25-back: #c3c3c3;
  --gray10-back: #ededed;

  --footer-color: #bbbbbb;
  --super-footer-color: #000000;

  --cookie-color: #444444;

  --quote-color: #f0f0f0;

  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));

}

 /* SECTION BACKGROUND Colors */
.black-back { background-color: var(--black-back);}
.white-back { background-color: var(--white-back);}  
.gray50-back { background-color: var(--gray50-back);}  
.gray25-back { background-color: var(--gray25-back);}  
.gray10-back { background-color: var(--gray10-back);} 


.word-highlight { font-weight: bold; }

.whatwedo:hover { background-color:#d1d1d1; }
.whatwedo { padding-bottom:10px; }


.light-text h4, .light-text h2 { color: #fff; }
.light-text p { color: #fff !important;}
.light-text span { color: #fff !important; }
.light-text h2:before  {background-color: #fff !important;}

.team-desc.lead { color: #fff !important; }
.team-desc p, .team-desc h3 { color: #fff !important; }
.team_title { color: #fff !important;}
.team-member { background-color: #151515 !important; }
.team-member:hover { background-color: #1c1c1c !important; }

.icon-box p, .icon-box a, .icon-box i, .icon-box h3 { color: #fff !important; }

.portfolio-description p { font-size: 20px; font-weight: bold; padding-bottom:10px !important; }
.portfolio-image { padding: 5px !important;}


.black-back .btn { border: 1px solid #fff !important;}
.black-back .btn:hover { background-color: rgb(12, 12, 12) !important; color: #fff !important;}


.portfolio-image:after { border: 3px solid #fff !important; }

.pattern-back { background-image: url("/images/backgrounds/speaker-pattern.png"); }

.slide { border-bottom: 2px solid rgb(159, 159, 159);}

.touring_band:hover { background-color: none !important;}

.grid li:before { border-left: none !important; }
.grid li:after { border-bottom: none !important; }

.grid img { opacity: .5;}

.grid li:hover { background-color:rgba(255, 255, 255, 0.07);}

.post-item a:hover { color: rgb(121, 121, 121) !important; }