/*--------------------------------------------------------------
# Foundation overrides & custom styles
--------------------------------------------------------------*/


/* Rows, columns */

.row {
    max-width: 89.9375rem;
    /* Foundation default = 62.5rem */
}

.row.expanded-75rem, .row.expanded .row.expanded-75rem {
    max-width: 74.9375rem;
}

.row.expanded-90rem, .row.expanded .row.expanded-90rem {
    max-width: 89.9375rem;
}

.row.expanded-100rem, .row.expanded .row.expanded-100rem {
    max-width: 99.9375rem;
}

.row.expanded-120rem, .row.expanded .row.expanded-120rem {
    max-width: 119.9375rem;
}
.row.expanded .row {
    margin-left: auto;
    margin-right: auto;
    max-width: 74.9375rem;
}

.row.expanded .row.expanded {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.row.flex-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
      flex-flow: row wrap; 
      height: 100%;
}
.align-right {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.align-center {
  -ms-flex-pack: center;
      justify-content: center; }

.align-justify {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.align-spaced {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.align-top {
  -ms-flex-align: start;
      align-items: flex-start; }

.align-bottom {
  -ms-flex-align: end;
      align-items: flex-end; }

.align-middle {
  -ms-flex-align: center;
      align-items: center; }

@media screen and (min-width: 40em) {
    
}
@media screen and (min-width: 64em) {
    }

@media screen and (min-width: 40em) {
    .column, .columns {
    }
}
@media screen and (min-width: 64em) {
    .column, .columns {
    }
}
@media screen and (min-width: 88em) {
}

table.hover tbody tr:hover {
    background-color: rgba(247, 247, 245, 0.4);
}

/* Stacked table */
@media screen and (max-width: 47.9375em) {
    table.stack thead {
        display: none;
    }
    table.stack tfoot {
        display: none;
    }
    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }
    table.stack td {
        border-top: 0;
    }
}

@media screen and (min-width: 48em) {
    table.stack thead {
        display: none;
    }
    table.stack tfoot {
        display: none;
    }
    table.stack tr {
        display: table-row;
    }
    table.stack th,
    table.stack td {
        display: table-cell;
    }
    table.stack td {
        border-top: 0;
    }
}


/* Tooltip */

.has-tip {
    border-bottom: none;
    font-weight: 500;
}

.tooltip {
    background-color: #fff;
    color: #111;
    font-size: 80%;
    padding: .75rem;
    position: absolute;
    z-index: 1;
    top: calc(100% + .6495rem);
    max-width: 20rem !important;
    border-radius: 1px;
}

.tooltip::before {
    border-color: transparent #fff transparent transparent;
}

.tooltip.top::before {
    border-color: #fff transparent transparent;
}

.tooltip.left::before {
    border-color: transparent transparent transparent #fff;
}

.tooltip.right::before {
    border-color: transparent #fff transparent transparent;
}


/* Menus */

.menu>li>a {
    padding: .7rem 0.2rem;
}


/* Forms, inputs */

[type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {
    height: auto;
    padding: .5rem;
}

.sticky {
    position: static;
    z-index: auto;
    -webkit-transform: none;
    transform: none;
}


/* SVG */

svg:not(:root) {
    overflow: visible;
}