:root {
  --beige: #eae5dd;
  --yellow: #ffe600;
  --green: #60B155;
  --muted-black: #231F20;
  --black: #000000;
  --gray: #77787B;
  --white: #ffffff;
  --green-dark: #008644;
}

/*
 * https://stackoverflow.com/questions/18548465/prevent-scroll-bar-from-adding-up-to-the-width-of-page-on-chrome
 * This is to prevent the scrollbars from adding to the page width, esp. for the ajax pages when content
 * is losding, it causes a shift as the scrollbars show up.
 *
 * NOTE: Don't need this anymore. It's breaking the print stylesheets.
 *
 */
html {
  /* width: 100vw; */
}

/*
 * https://stackoverflow.com/questions/4192277/disable-horizontal-scroll-on-mobile-web
 * NOTE: Attempt 2: Let's see if this works.
 *
 */
html, body {
  overflow-x: hidden;
}

body {
  position: relative
}

/* Resized images are pixelated on Safari for some reason, esp. browser resized ones. */
img {
  image-rendering: auto;
}

.wrapper {
  background: rgb(247, 247, 247);
}

.keyline {
  max-width: 1200px;
  margin: 0px auto;
  background: white;
}

h1 {
  font-family: "Anton", sans-serif;
  text-transform: uppercase;
  font-size: 58px;
  text-align: center;
  margin-bottom: 40px;
  letter-spacing: 0.4;
  line-height: 1.1;
}

h1.super-number {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9.25rem;
  font-weight: bold;
  position: absolute;
  left: 45%;
  top: -45px;
}

h2 {
  font-family: "Anton", sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  letter-spacing: 0.4;
  line-height: 1.1;
}

h3 {
  font-family: "Arial", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.16;
  letter-spacing: 0.5;
  text-transform: uppercase;
}

h4 {
  font-family: "Arial", sans-serif;
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.4;
}

hr, hr.black {
  border: none;
  height: 1px;
  color: black;
  background-color: black;
  opacity: 1;
}

hr.white {
  border: none;
  height: 1px;
  color: white;
  background-color: white;
  opacity: 1;
}

a {
  text-decoration: none;
  color: black;
}

a:hover {
  text-decoration: none;
  color: var(--green) !important;
}

p {
  line-height: 1.5;
  font-size: 14px;
  margin-bottom: 15px;
}

.container {
  max-width: 1120px;
}

.nav-link {
  text-decoration: none;
  color: black;
  transition: color 0s ease-in-out, background-color 0s ease-in-out, border-color 0s ease-in-out;
}

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

.title {
  font-weight: 700;
}

.yellow-box, .bg-yellow {
  background-color: var(--yellow);
}

.beige-box, .bg-beige {
  background-color: var(--beige);
}

.bg-yellow a, .bg-beige a, .bg-white a {
  color: var(--green);
}

.black-box, .bg-black {
  background-color: var(--black);
}

.white-box, .bg-white {
  background-color: white;
}

.header-primary {
  font-family: "Anton", sans-serif;
  text-transform: uppercase;
}

.text-yellow {
  color: var(--yellow);
}

.text-gray {
  color: var(--gray);
}

.text-gray-dark {
  /* color: #383838; */
  color: #505050;
  /* color: rgb(247, 247, 247); */
}

.text-gray-light {
  /* color: #c0c0c0; */
  color: #a9a9a9;
}

.text-red {
  color: red;
}

.text-green {
  color: var(--green);
}

.text-green-dark {
  color: var(--green-dark);
}

.text-black {
  color: black !important;
}

.header-paragraph {
  max-width: 536px;
}

.text-medium {
  font-size: 16px;
}

.text-big {
  font-size: 18px;
}

.text-bigger {
  font-size: 24px;
}

.text-small {
  font-size: 14px;
}

.text-smallest {
  font-size: 12px;
}

/* Footer Social Icons */
/* i.bi { */
  /*
.lemons-social {
  background: black;
  display: inline-block;
  border-radius: 30px;
  color: var(--yellow);
  padding: 8px;
  width: 35px;
  height: 35px;
  text-align: center;
  margin-right: 10px;
}
*/

.lemons-social {
  background: black;
  display: inline-block;
  border-radius: 30px;
  color: var(--yellow);
  padding: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
  margin-right: 10px;
}

/* ------------------------------- */
/* Buttons */
.btn-ghost {
  border-radius: 30px;
  min-width: 140px;
  margin: 5px;
  font-size: 14px;
  border: 1px solid black;
  color: black !important;
  padding: 8px 20px;
}

.btn-outline-dark:hover {
  border-color: black;
  background: black;
  text-decoration: none;
  color: white !important;
}

/* Button > Ghost > Yellow */
.btn-outline-yellow {
  border-radius: 30px;
  margin: 5px;
  font-size: 14px;
  border: 1px solid var(--yellow);
  color: var(--yellow);
  padding: 8px 20px;
}

.btn-outline-yellow:hover {
  border-color: var(--yellow);
  background: var(--yellow);
  text-decoration: none;
}

/* Button > Ghost > White */
.btn-outline-white {
  border-radius: 30px;
  margin: 5px;
  font-size: 14px;
  border: 1px solid var(--white);
  color: var(--white);
  padding: 8px 20px;
}

.btn-outline-white:hover {
  border-color: var(--white);
  background: var(--white);
  text-decoration: none;
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
    color: black !important;
    background-color: transparent;
    /* border: none; */
    opacity: 1;
}

/* Gets rid of shadow on focused buttons */
.btn-outline-dark:focus,
.btn-outline-yellow:focus,
.btn-outline-white:focus,
{
  box-shadow: none;
}

/* Gets rid of shadow on focused buttons */
.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
  box-shadow: none;
}

/* ------------------------------- */
/* Popup / Modal */

.modal-header {
  border: 0;
}
.modal-content {
  border-radius: 0;
  border: 0;
}

.modal-backdrop
{
  /* background-color: rgba(0, 0, 0, 0.9); */
  background-color: black;
  opacity: 0.8 !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-1-1 {
  line-height: 1.1 !important;
}

.lh-1-2 {
  line-height: 1.2 !important;
}

.lh-1-3 {
  line-height: 1.3 !important;
}

.lh-1-4 {
  line-height: 1.4 !important;
}

.lh-1-5 {
  line-height: 1.5 !important;
}

.list-style-type-dash {
  list-style-type: '- ' !important;
}
/* ------------------------------- */
/* Background Images */
.lemons-bg-img {
  /* background-position: center center; */
  /* background-repeat: no-repeat; */
  /* background-size: cover !important; */
  /* min-height: 400px; */
  /* border: 1px solid orange; */

  background-repeat: no-repeat !important;
  background-size: contain;
  background-position: center;
  border: 0px solid red;

}

/* ------------------------------- */
/* Stars on Lists, e.g. Pick A Race */
.list-stars {
  /* padding-left: 1.5rem; */
  /* padding-left: 1rem; */
  padding-left: 5px;
  border: 0px solid blue;
}

.list-stars li {
  list-style-type: none;
  padding-left: 1rem;
  border: 0px solid red;
}

.list-stars li:before {
  font-family: 'bootstrap-icons' !important;
  content: "\f586";
  /* margin: 0 10px 0 -35px; */
  margin: 0 10px 0 -24px;
}

/* ------------------------------- */
/* Form Elements */

input[type=text], .lemons-white-form {
  background: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
  /* margin-bottom: 20px; */
  height: 35px;
}

/* ------------------------------- */
/* ------------------------------- */
/* Checkboxes */
/* Custom form elements for Matriculator */
/* White checkbox on beige background, large (25px x 25px) */
.form-check-input[type=checkbox] {
  border-radius: 0;
  width: 25px !important;
  height: 25px !important;
  padding: 5px;
  border: 0;
}

/* Smaller checkbox for yellow bg popups */
.form-check-input[type=checkbox].checkbox-small {
  border-radius: 0;
  width: 15px !important;
  height: 15px !important;
  padding: 5px;
  border: 0px solid red;
}

/* ------------------------------- */
/* Radio Buttons */
/* Black radio button on white background */
.form-check-input[type=radio] {
  width: 20px !important;
  height: 20px !important;
  padding: 5px;
  /* border: 3px solid black; */
  border: 2px solid black;
}

/* Black radio button on yellow background */
.form-check-input[type=radio].radiobutton-yellow {
  width: 20px !important;
  height: 20px !important;
  padding: 5px;
  /* border: 3px solid black; */
  border: 2px solid black;
  background: var(--yellow);
}

/* Black radio button on beige background */
.form-check-input[type=radio].radiobutton-beige {
  width: 20px !important;
  height: 20px !important;
  padding: 5px;
  /* border: 3px solid black; */
  border: 2px solid black;
  background: var(--beige);
}

/*
input.form-check-input {
  appearance: none;
  background-color: white;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-position: center center;
  background-size: contain;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  float: left;
  margin: 0;
  print-color-adjust: exact;
  vertical-align: top;
}

input.form-check-input {
  appearance: none;
  background-color: #fff;
  background-position: center center;
  background-size: contain;
  border: 3px solid black;
  border-radius: 0;
  box-sizing: border-box;
  float: left;
  margin: 0;
  print-color-adjust: exact;
  vertical-align: top;
}

*/

/* ------------------------------- */
/* Radio and Checkbox background colors when checked */
.form-check-input:checked {
  background-color: black;
  border-color: black;
}

/* ------------------------------- */
/* This fills in the radio button solid black when checked */
/* Radio button checked on white background */
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
}

/* Radio button checked on yellow background */
.form-check-input:checked[type=radio].radiobutton-yellow {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
  background: black;
}

/* Radio button checked on beige background */
.form-check-input:checked[type=radio].radiobutton-beige {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23000'/%3e%3c/svg%3e");
  background: black;
}

/* ------------------------------- */
/* Dropdown Select */
/* Dropdown selector with white arrow on black button */
.form-select {
  border: 0;
  border-radius: 0;
  padding: 7px;
  box-shadow: none;
  font-size: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg width='60px' height='35px' viewBox='0 0 60 35' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e%3cg id='Member-page-Copy-5' transform='translate(-796.000000, -2341.000000)'%3e%3cg id='Group-3' transform='translate(796.000000, 2341.000000)'%3e%3crect id='Rectangle' fill='%23000000' x='0' y='0' width='60' height='35'%3e%3c/rect%3e%3cpolyline id='Stroke-1' stroke='%23FFFFFF' stroke-width='2' transform='translate(30.000000, 18.000000) rotate(90.000000) translate(-30.000000, -18.000000) ' points='25 28 35 18.0024734 25 8'%3e%3c/polyline%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-size: 60px 35px;
  background-position: right 0 center !important;

}

/* ------------------------------- */
/* Textarea */
textarea.form-control {
  border: 0;
  border-radius: 0;
  font-size: 14px;
}

/* ------------------------------- */
/* ------------------------------- */

::placeholder {
  color: gray !important;
}

input.form-control {
  background: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  height: 35px;
}

.btn-square {
  border: 0px solid red;
  border-radius: 0;
  background: black;
  padding: 7px 20px;
  /* min-width: 170px; */
  font-size: 14px;
}

.btn-square--large {
  border: 0px solid red;
  border-radius: 0;
  background: black;
  padding: 7px 20px;
  /* min-width: 170px; */
  min-width: 155px;
  font-size: 14px;
}

.btn-rectangle {
  border: 0px solid red;
  border-radius: 0;
  background: black;
  padding: 0 20px;
  min-width: 170px;
}

/* File Upload button */
/* Custom file input using ghost format */
/* Hover state comes from Lemons Bootstrap */
input.upload-button-ghost {
  font-size: 12px;
  background: transparent;
  height: 50px;
  padding-top: 5px;
}

input[type=file]::file-selector-button {
  border-radius: 30px;
  background: transparent;
  font-size: 14px;
  border: 1px solid black;
  color: black;
  padding: 8px 20px;
  box-shadow: none;
}

/* ------------------------------- */
/* Custom tab nav */
.nav-justified > .nav-link,
.nav-justified .nav-item,
.nav-left-justified > .nav-link,
.nav-left-justified .nav-item
{
  text-align: left;
  font-family: "Arial", sans-serif;
  font-size: 18px;
  font-weight: 700;
  font-style: bold;
  line-height: 1.7;
  letter-spacing: 0.4;

}

/* This is just for left-justified versions of tabs */
.nav-left-justified > .nav-link,
.nav-left-justified .nav-item
{
  /* min-width: 250px; */
  min-width: 90px;
}

@media (min-width: 992px) {
  /* This is just for left-justified versions of tabs */
  .nav-left-justified > .nav-link,
  .nav-left-justified .nav-item
  {
    min-width: 250px;
    /* min-width: 90px; */
  }

}

.nav-justified > .nav-link,
.nav-justified .nav-item .nav-link,
.nav-left-justified > .nav-link,
.nav-left-justified .nav-item .nav-link
{
  color: #999A9B;
}

.nav-justified > .nav-link,
.nav-justified .nav-item .nav-link.active,
.nav-left-justified > .nav-link,
.nav-left-justified .nav-item .nav-link.active
{
  color: #000000;
  border-bottom: 1px solid black;
}

.nav-justified > .nav-link,
.nav-justified .nav-item .nav-link:hover,
.nav-left-justified > .nav-link,
.nav-left-justified .nav-item .nav-link:hover
{
  color: #000000 !important;
  text-decoration: none;
  border-bottom: 1px solid black;
}

.nav-justified > .nav-link,
.nav-justified .nav-item .nav-link.disabled,
.nav-left-justified > .nav-link,
.nav-left-justified .nav-item .nav-link.disabled,
{
  color: lightgray;
}

/* This is suppossed to be part of Bootstrap but wasn't working for me
out of the box so I'm "re-including" it here.

https://getbootstrap.com/docs/4.0/utilities/text/
*/
.font-weight-bold, .text-bold {
  font-weight: bold !important;
}

.black-box {
  background: black;
  color: white;
  min-height: 360px;
}

.box {
  min-height: 360px;
  border: 0px solid red;
}

.box-360 {
  min-height: 360px;
  border: 0px solid red;
}

.box-356 {
  min-height: 356px;
  border: 0px solid red;
}

.box-border {
  min-height: 360px;
  border: 4px solid black;
}

.box-border-360 {
  min-height: 360px;
  border: 4px solid black;
}

.box-border-356 {
  min-height: 356px;
  border: 4px solid black;
}

.box-small {
  min-height: 60px;
}

h1 {
  /* font-size: 38px !important; */
  font-size: 48px;
  line-height: 1.1;
}

#logo {
  border: 0px solid red;
  height: 40px;
}

.partner-logo--img {
  max-height: 30px;
  max-width: 88px;
  border: 0px solid red;

}

@media (max-width: 575px) {

  .border-responsive, .border-resp, .border-r, .bor {
    /* Red Border */
    border: 1px solid #FF4136;
    box-sizing: border-box;
  }

  .btn-ghost {
    min-width: 90px;
  }

  .btn-ghost-shrinking {
    border-radius: 30px;
    /* min-width: 155px; */
    /* min-width: 100px; */
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    /* height: 35px; */
    margin: 5px;
    /* font-size: 12px; */
    font-size: 12px;
    border: 1px solid black;
    color: black;
    /* padding: 8px 10px; */
    padding: 8px 10px;
  }

  h1 {
    /* font-size: 38px; */
    /* font-size: 40px; */
    font-size: 45px;
    line-height: 1.1;
  }

}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

  .border-responsive, .border-resp, .border-r, .bor {
    /* Orange Border */
    border: 1px solid #FF851B;
    box-sizing: border-box;
  }

  h1 {
    font-size: 48px;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  .border-responsive, .border-resp, .border-r, .bor {
    /* Yellow Border */
    border: 1px solid #FFDC00;
    box-sizing: border-box;
  }

  .btn-ghost-shrinking {
    border-radius: 30px;
    /* min-width: 155px; */
    /* padding-left: 20px; */
    /* padding-right: 20px; */
    /* height: 35px; */
    margin: 5px;
    font-size: 14px;
    border: 1px solid black;
    color: black;
    padding: 8px 20px;
  }

  .btn-ghost {
    min-width: 155px;
  }

  h1 {
    font-size: 58px;
  }

  h1.super-number {
    left: 42%;
  }

  /* WPBakery Overrides */
  /* Spacing between rows on desktop for yellow page modules */
  .page-yellow .wpb_button,
  .page-yellow .wpb_content_element,
  .page-yellow ul.wpb_thumbnails-fluid > li,
  .page-beige .wpb_button,
  .page-beige .wpb_content_element,
  .page-beige ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0px;
    border: 1px solid red;
  }

  #logo {
    border: 0px solid green;
    height: 60px;
  }

  .partner-logo--img {
    max-height: 60px;
    max-width: 177px;
  }

}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .border-responsive, .border-resp, .border-r, .bor {
    /* Green Border */
    border: 1px solid #01FF70;
    box-sizing: border-box;
  }

}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .border-responsive, .border-resp, .border-r, .bor {
    /* Dark Blue Border */
    border: 1px solid #001f3f;
    box-sizing: border-box;
  }

}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

  .border-responsive, .border-resp, .border-r, .bor {
    /* Purple Border */
    border: 1px solid #B10DC0;
    box-sizing: border-box;
  }

}

/* ------------------------------- */
/* ------------------------------- */
/* Crazy Flexbox Square Grid Shit */
/*
.Grid {
   display: flex;
   flex-wrap: wrap;
}
 .Grid-item {
   width: 100%;
   margin-top: 2%;
   margin-right: 2%;
   max-height: 300px;
   box-sizing: border-box;
}
 @media (min-width: 48rem) {
   .Grid-item {
     width: 49%;
     margin-right: 2%;
     max-height: 300px;
  }
   .Grid-item:nth-child(2n) {
     margin-right: 0%;
  }
}
 @media (min-width: 62rem) {
   .Grid-item {
     width: 32%;
     margin-right: 0%;
     margin-right: 2%;
     max-height: 360px;
  }
   .Grid-item:nth-child(n) {
     margin-right: 2%;
  }
   .Grid-item:nth-child(3n) {
     margin-right: 0%;
  }
}
 .Grid-item:before {
   content: "";
   float: left;
   padding-top: 100%;
}
*/
/* /Crazy Flexbox Square Grid Shit */
/* ------------------------------- */
/* ------------------------------- */

/* ------------------------------- */
/* Points Standings Table */
.lemons-table {
  border:  none;
}
.lemons-table tr {

  border: none;
  padding: 4rem !important;
}

.lemons-table th, .lemons-table td {
  border: none;
  padding:  20px;

}

.lemons-table th {
  margin-bottom: 20px;
}

.lemons-table > tbody > tr:nth-of-type(odd) > * {

    background-color: white !important;
}

.lemons-table > tbody > tr:nth-of-type(even) > * {

    background-color: var(--beige);
}

.col-team {
  width: 83%;
}

.col-points {
  width: 17%;
}

/* ------------------------------- */
/* Custom Accordion */

.accordion-item {
  background-color: transparent;
  border: 1px solid white;
}

.accordion-button {
  background-color: transparent;
  box-shadow: none !important;
}

.accordion-button:not(.collapsed) {
  background-color: transparent;
  color: black;
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18px' height='3px' viewBox='0 0 18 3' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3e%3cg id='Price-&-Rules-2' transform='translate(-1088.000000, -1738.000000)' stroke='%23000000' stroke-width='1.5'%3e%3cg id='Group-4' transform='translate(421.000000, 1730.000000)'%3e%3cg id='Group-2' transform='translate(676.153411, 9.581657) rotate(-45.000000) translate(-676.153411, -9.581657) translate(670.456227, 3.862800)'%3e%3cpath d='M0,0 L11.3943687,11.4377134' id='Line'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  border: 0px solid red;
  box-shadow: none;
  transform: rotate(-180deg);
  background-position: center center;
}

/* Opened */
.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18px' height='19px' viewBox='0 0 18 19' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg id='desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' stroke-linecap='square'%3e%3cg id='Price-&-Rules' transform='translate(-1088.000000, -1808.000000)' stroke='%23000000' stroke-width='1.5'%3e%3cg id='Group-2' transform='translate(1097.573769, 1817.541613) rotate(-45.000000) translate(-1097.573769, -1817.541613) translate(1091.523032, 1811.490876)'%3e%3cg id='Group' transform='translate(6.050738, 6.050738) rotate(-45.000000) translate(-6.050738, -6.050738) translate(-2.006298, 5.550738)'%3e%3cpath d='M5.59069137e-17,0.5 L16.1140708,0.5' id='Line'%3e%3c/path%3e%3c/g%3e%3cpath d='M0.0279999988,0.0629577756 L11.4223687,11.5006711' id='Line'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center center;

  transition: transform .2s ease-in-out;
  border: 0px solid green;
}

/* Getting rid of silly blue outline on form elements focus */
.form-control:focus {
  border: 0;
  box-shadow: none;
}

/* Keep the bottom line on the search field when focused */
.search__field:focus {
  border-bottom: solid 1px #999A9B !important;
}

/* Blog pagination */
.page-numbers.current {
  color: var(--green);
  background: none;
}

/* Zoom/Magnify Map on hover */
.magnify > .magnify-lens {
  background-color: #fff !important;
  width: 300px;
  height: 300px;
}

/* ------------------------------- */
/* ------------------------------- */
/* Uber nav fixes with caret */
/*  Make the Race nav green on hover*/
.dropdown:hover a#navbarDropdownMenuLink {
    color: var(--green) !important;
}

/* Chevron transition out slowly */
.dropdown a#navbarDropdownMenuLink #chevron::before {
    transition: .3s all;
}

/* Chevron transition in slowly */
.dropdown:hover a#navbarDropdownMenuLink #chevron::before {
    transition: .3s all;
    /* transform: rotate(90deg); */
    border: 0px solid red;
    /* visibility: hidden; */
}

/* ------------------------------- */
/* ------------------------------- */
/* Other Years Dropdown Selector for Results tab nav */

#oy-li {
  border: 0px solid green;
  position: relative;
  min-width: 160px;
}

/* The dropdown menu expanded */
/* #dropdown-other-years .dropdown-menu { */
#oy-menu {
  width: 145px;
  padding: 20px;
  font-size: 14px;
  /* font-weight: bold; */
  display: none;
  background: var(--yellow);
  /* box-shadow: 0px 0px 3px 3px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1);
  margin-top: 5px;
  z-index: 200;
  position: absolute;
}

/* How the dropdown links look on hover */
#oy-menu li > a:hover,
#oy-menu li > a:focus {
    color: black !important;
    font-weight: bold !important;
    background-color: transparent;

}

/* Gets rid of the stock blue background from Bootstrap */
#oy-menu li > a.active,
#oy-menu li > a:active {
    color: black !important;
    text-decoration: none;
    background-color: transparent;
}

.tooltip {
  border: 0px solid blue;
  font-size: 12px;
  line-height: 2;
}

/*
.bs-tooltip-bottom {
  border: 1px solid red;
  height: 30px;
}
*/