/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on April 11, 2019 */



@font-face {
    font-family: 'bebas_neuebold';
    src: url('bebasneue-bold-webfont.woff2') format('woff2'),
         url('bebasneue-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neuelight';
    src: url('bebasneue-light-webfont.woff2') format('woff2'),
         url('bebasneue-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'bebas_neueregular';
    src: url('bebasneue-regular-webfont.woff2') format('woff2'),
         url('bebasneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans500';
    src: url('museosans_500-webfont.woff2') format('woff2'),
         url('museosans_500-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'museo_sans500_italic';
    src: url('museosans_500_italic-webfont.woff2') format('woff2'),
         url('museosans_500_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'permanent_markerregular';
    src: url('permanentmarker-webfont.woff2') format('woff2'),
         url('permanentmarker-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/********* Begin accordion styling 
    Partial Credit: https://www.w3schools.com/howto/howto_js_accordion.asp
*/

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #238c94;
    color: #000;
    cursor: pointer;
    padding: 18px;
    width: 35%;
    text-align: left;
    border: 1px solid #238c94;
    outline: none;
    margin-bottom: 8px;
    border-radius: 3px;
    transition: 0.4s;
    font-weight: bold;
    font-size: 24px;
    display: block;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
  .accordionActive, .accordion:hover {
    background-color: #8cc1c5;
  }
  
  /* Style the accordion panel. Note: hidden by default */
  .accordionPanel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
  }

  /* End accordion styling 
  *********/