@font-face {
  font-family: GeistVF;
  src: url(../fonts/GeistVF.ttf);
}

* {
  font-family: GeistVF;
  text-decoration: none;
  font-size: 16px;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

.no-bullets {
  list-style-type: none;
}

.no-underline {
  text-decoration: none;
}

:root {
  /*-------------Logo Images-------------------------*/
  
  /* FOR TEAL SHIFT USE THIS FOR LOGO --mb-logo: url(../img/teal-ribbon.png); */
  
  --mb-logo: url(../img/mb-logo.png);

  --mb-text-logo: url(../img/mb-text-logo-master.png);

  /*---------------Color Bases-------------------*/
  --white: #ffffff;
  --black: #000000;
  --gold: #ffd700;
  --yellow: #ffff00;
  --orange: #ff722b;
  --red: #ff000d;
  --green: #008000;
  
  --offwhite: #f4f4f4;
  --light-grey: #f2f2f2;
  --transparent: #ffffffff;
  
  
  
  /*  FOR TEAL SHIFT USE THIS FOR PRIMARY --mb-dark-blue: #008080; */
  
  --mb-dark-blue: #000044;
  --mb-light-blue: #659ee8;

  /*  FOR TEAL SHIFT USE THIS FOR SECONDARY --mb-light-blue: #02bfc1; */
  
  
  
  --mb-gray: #989898;
  --mb-light-gray: #d3d3d3;
  --mb-red: #fe0000;
  --mb-light-brown: #b69464;
  --mb-green: #007012;
  --mb-black: #000000;
  --mb-grayish-purple: #aea8ba;
  --mb-dark-red: #5f0303;
  --mb-pale-blue: #bfdbf7;
  --teal:#008080;
  --light-teal:#02bfc1;
  --honeydew: #e8f7ee;
  --tea-green: #cae7b9;
  /*-----------------------------------------------*/

  --accordion-button-hover-background-color: var(--red);
  --accordion-button-hover-text-color: var(--white);

  --accordion-button-focus-border-color: var(--black);

  --accordion-body-a-hover-text-color: var(--red); /*Color of links in accordion's when you hover them*/

  --alert-item-background-color: var(--mb-dark-red);
  --alert-item-text-color: var(--white);
  --archivebox-icon-before-color: var(--mb-light-blue);

  

  --darkblue-item-background-color: var(--mb-dark-blue);
  --darkblue-item-text-color: var(--white);
  --bgwhite-textblack-item-background-color: var(--white);
  --bgwhite-textblack-item-text-color: var(--black);

  --council-members-a-hover-text-color: var(--red);
  --contact-page-a-hover-text-color: var(--red);

  --event-turn-the-town-teal-text: var(--teal);
  --event-turn-the-town-light-teal-text: var(--light-teal);

  --file-table-border-color: var(--black);
  --file-table-a-hover-text-color: var(--red);
  --file-table-td-th-border-color: var(--mb-light-gray);
  --file-table-even-row-background-color: var(--light-grey);
  --file-table-tr-hover-background-color: var(--yellow);
  --file-table-th-background-color: var(--mb-light-blue);
  --file-table-th-text-color: var(--white);

  --footer-border-top-color: var(--mb-dark-blue);
  --footer-background-color: var(--mb-dark-blue);
  --footer-text-color: var(--white);
  --footer-items-a-color: var(--white);
  --footer-items-a-hover-color: var(--red);

  --header-header-background-color: var(--white);
  --header-primary-bar-background-color: var(--white);

  --header-logo-space-background-image: var(--mb-logo);
  --header-text-space-background-image: var(--mb-text-logo);

  --header-nav-contact-info-alink-color: var(--black);
  --header-nav-contact-info-ahover-color: var(--mb-red);

  --header-top-buttons-text-color: var(--white);
  --header-top-buttons-background-color: var(--mb-light-blue);
  --header-top-buttons-hover-color: var(--red);

  --homepage-special-feature-border-bottom-color: var(--white);
  --homepage-special-feature-background-color: var(--mb-dark-blue);
  --homepage-special-feature-button-background-color: var(--mb-dark-blue);
  --homepage-special-feature-border-color: var(--white);
  --homepage-special-feature-button-alink-color: var(--white);
  --homepage-special-feature-button-hover-background-color: var(--red);
  --homepage-special-feature-button-hover-text-color: var(--white);

  --icon-bar-border-bottom-color: var(--white);
  --icon-bar-background-color: var(--mb-light-blue);
  --icon-bar-button-background-color: var(--mb-light-blue);
  --icon-bar-border-color: var(--white);
  --icon-bar-button-alink-color: var(--white);
  --icon-bar-button-hover-background-color: var(--red);
  --icon-bar-button-hover-text-color: var(--white);

  --lightblue-item-background-color: var(--mb-light-blue);
  --lightblue-item-text-color: var(--white);

  
  --main-page-title-background-color: var(--white);
  --main-page-title-background-text-color: var(--black);
  --main-page-title-border-bottom-color: var(--red);
  --main-page-footer-background-color: var(--white);
  --main-mb-960-center-container-background-color: var(--white);
  --main-mb-960-h1-text-color: var(--black);
  --main-mb-960-h1-border-bottom-color: var(--mb-light-blue);
  --main-mb-960-center-container-a-hover-text-color: var(--red);
  --main-top-cap-outlines-border-color: var(--black);
  --main-bottom-cap-outlines-border-color: var(--black);
  --main-mid-side-outline: var(--black);

  --meeting-item-blue-background-color: var(--mb-dark-blue);
  --meeting-item-blue-text-color: var(--white);

  --meeting-item-green-background-color: var(--green);
  --meeting-item-green-text-color: var(--white);

  --navbar-background-color: var(--mb-dark-blue);
  --navbar-hamburger-menu-text-color: var(--white);
  --navbar-links-text-color: var(--white);
  --narbar-dropdown-li-a-active-hover-focus-text-color: var(--red);

  --nav-button-X-nav-visited-background-color: var(--mb-dark-blue);
  --nav-button-X-nav-visited-text-color: var(--white);
  --nav-button-X-nav-hover-background-color: var(--red);
  --nav-button-X-nav-hover-text-color: var(--white);
  --nav-nav-link-a-text-color: var(--white);
  --nav-navbar-a-navlink-active-navbar-a-visited-text-color: var(--white);
  --nav-navbar-nav-nav-link-active-hover-background-color: var(--red);
  --nav-navbar-nav-nav-link-active-hover-text-color: var(--white);
  --nav-navbar-a-hover-focus-active-background-color: var(--red);
  --nav-navbar-a-hover-focus-active-text-color: var(--white);
  --nav-navbar-toggler-icon-a-background-color: var(--white);
  --nav-navbar-toggler-icon-a-text-color: var(--mb-dark-blue);

  --pd-center-title-border-bottom-color: var(--red);
  --police-center-container-background-color: var(--white);
  --police-960-col-a-hover-color: var(--red);
  --police-sub-menu-background-color: var(--white);
  --police-sub-menu-border-bottom-color: var(--red);
  --police-sub-menu-ul-background-color: var(--white);
  --police-sub-menu-li-a-border-right-color: var(--offwhite);
  --police-sub-menu-li-a-text-color: var(--red);
  --police-sub-menu-li-a-hover-menu-btn-hover-text-color: var(--white);
  --police-sub-menu-li-a-hover-menu-btn-hover-background-color: var(--red);
  --police-sub-menu-menu-icon-text-color: var(--red);

  --polaroid-gallery-hover-border-color: var(--red);

  --red-text: var(--red);

  --road-closure-background-color: var(--gold);
  --road-closure-text-color: var(--black);

  --road-program-background-color: var(--tea-green);
  --road-program-text-color: var(--black);

  --table-front-even-rows-background-color: var(--teal);
}