#width { display: none; }

/********************************/
/***** OVERWRITE FOUNDATION *****/
/********************************/
body {
  background: unset;
  font-size: 100%;
  height: 100%;
  max-width: 100%;
  min-width: 300px;
  overflow-x: hidden;
  position: relative; 
  -webkit-font-smoothing: antialiased; 
  -moz-osx-font-smoothing: grayscale; }

.row { max-width: 64em; }

  @media screen and (max-width: 568px) {
    .columns { padding-left:0; padding-right:0; }
  }

/*** TYPOGRAPHY ***/
a:active,
a:hover,
a:focus { 
  background-color: transparent;
  font-weight: 700; }

ul { margin: 0; }


/*** BUTTONS ***/
.button {
  border: none;
  margin-top: 1em;
  padding: .8em 0;
  text-transform: uppercase; }
.button:hover,
.button:focus {
  background-color: inherit;
  color: inherit; }





/*** FORMS ***/
form { 
  margin: 0 auto;
  max-width: 48em; }
form .row { 
  margin-left: 0!important;
  margin-right: 0!important; }
form > .row .columns {
  padding-left: .4em;
  padding-right: .4em; }
form > .row .colums:first-child { padding-left: 0; }
form > .row .colums:last-child { padding-right: 0; }
form textarea { height: 200px; }
form label { line-height: 1; }
form .row:not(:last-child) { margin-bottom: 1em; }

label,
.label,
legend { 
  background-color: transparent;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600; }

  @media screen and (max-width: 30em) {
    form .row .small-12:not(:last-child) { margin-bottom: 1em; }
  }


/*** INPUTS ***/
[type='text'], [type='email'], [type='number'], [type='search'], [type='tel'],
[type='password'], [type='url'], [type='color'], [type='date'], [type='datetime'], [type='datetime-local'],
[type='month'], [type='week'], [type='time'], textarea, button, select {
  font-size: 80%!important;
  height: 2rem;
  margin: .5em 0 0 0; }

[type='checkbox'] + label,
[type='radio'] + label { 
  font-size: .9rem; 
  font-weight: 400; }

select { 
  padding-top: 0;
  padding-bottom: 0; }
select:-moz-focusing {
  color: transparent;
  text-shadow: 0 0 0 #000; }

.input-group { margin-bottom: 0; }
.input-group-label { padding: 0 .75em; }
.input-group-field { margin-top: 0; }
.input-group-button .button { padding: 0 .75em; }

/*** TABLE ***/
thead, tbody, tfoot { 
  background-color: transparent;
  border: 1.2px solid #BABABA; }

  @media screen and (min-width: 50em) {
    thead { background-color: rgba(186, 186, 186, 1); }
  }

  @media screen and (max-width: 50em), (min-device-width: 768px) and (max-device-width: 1024px)  {
    /* Force table to not be like tables anymore */
    table, thead, tbody, tfoot, th, td, tr { display: block; }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead { border: none; }
    thead tr { 
      position: absolute;
        top: -9999px;
        left: -9999px; }
    
    tr { border: none!important; }
    tbody tr:nth-child(even) { background-color: rgba(186, 186, 186, .4); }

    /* Behave  like a "row" */
    tbody td { 
      border-bottom: .5px solid #eee;
      font-family: 'Open Sans Condensed', sans-serif;
      padding: 10px; 
      position: relative; }
    tr td:last-child { border-bottom: none; }
      

    /* Now like a table header */
    td:before { 
      background-color: rgba(186, 186, 186, .6);
      padding: 10px;
      padding-left: 30px;
      position: absolute;
        top: 0;
        left: 0;
      white-space: nowrap; }
  }

  @media screen and (max-width: 30em) {
    td:before { padding-left: 15px; }
  }
	

/*** TABS & ACCORDIONS ***/
.tabs, .tabs-content, .accordion { margin: 0 auto; }
.is-active > .accordion-title::before { font-size: 150%; }
.tabs-panel .thumbnail-container,
.accordion-content .thumbnail-container { width: 50%; }

  @media screen and (max-width: 30em) {
    .tabs-panel { padding-bottom: 2rem; }
    .accordion-content .thumbnail-container { width: 100%; }
  }






/********************************/
/******* MY CUSTOM STUFF *******/
/********************************/
/*** MATERIAL-ICONS ***/
.material-icons { vertical-align: text-top; }
.required { 
  font-size: 80%;
  font-style: italic;
  margin-left: 16.5em;
  text-align: right; }
.notifcation {
  border-radius: 8px;
  font-weight: bold;
  line-height: 2;
  margin: 0 auto;
  text-align: center;
  text-transform: uppercase;
  width: 75%; }

.hidden { display: none!important; }
.details { font-size: 80%; }
.center {
  display: block;
  float: unset;
  margin-left: auto;
  margin-right: auto; }



/**** PAGE CONTAINER ****/
#page-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-flow: column;
  min-height: 100vh;
  position: relative; }

/**** HEADER ****/
#logo-wrapper { 
  height: 100px;
  position: absolute;
    top: 0;
  text-align: right;
  width: 100%; }
#logo {
  margin: 0;
  -webkit-opacity: 90%;
     -moz-opacity: 90%;
          opacity: .90;
  height: 100px; }

  @media screen and (max-width: 50em) {

  }


/**** CONTENT ****/
#entry-content { 
  margin: 5em auto 3em;
  max-width: 64em;
  width: 100%; }


  @media screen and (max-width: 63.9985em) {
    #entry-content { 
      margin-top: 3em;
      padding: 0 2em; }
  }
  @media screen and (max-width: 30em) {
    #entry-content { padding: 0; }
  }

/**** IMAGES ****/
.thumbnail-container {
  border: 4px solid #fefefe;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
     -moz-box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
          box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
  margin: 0 auto;
  overflow: hidden; }
.thumbnail-container img {
  border-radius: 5px;
  line-height: 0;
  width: 100%; }


/**** FOOTER ****/
#main-footer {
  bottom: 0;
  width: 100%; }
#footer-bottom,
#footer-bottom a {
  font-size: .8rem;
  max-width: 64em;
  margin: 0 auto;
  padding: .5em 0;
  text-align: center; }
#copyright,
#footer-info {
  display: inline-block;
  vertical-align: bottom; }
#copyright .material-icons {
  font-size: .8rem;
  vertical-align: middle; }
#copyYear { vertical-align: middle; }

  @media screen and (max-width: 30em) {
    #footer-bottom, #footer-bottom a { font-size: .6rem; }
  }