/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

.nui.button {
  padding: calc(var(--pad) * 1.3) calc(var(--pad) * 1) !important;
  border-radius: calc(var(--rad) * .0) !important;
  font-weight: 500;
  cursor: pointer;
  line-height: 1em;
  display: inline-flex;
  align-items: center;
  gap: var(--space);
  position: relative;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  background-color: #d8962a !important;
  color: #FFFFFF !important;
}
/* Adjust the submenu width to be the same as the longest item */
.g-sublevel > li > .g-menu-item-container > .g-menu-item-content {
  overflow-x: hidden;
  overflow-y: auto;
  white-space: wrap;
}
.g-main-nav .g-standard .g-dropdown {
  width: 275px !important;
}
table.striped tr:nth-of-type(even), table table tr.stripe, table table tr.striped, table.striped tr.striped {
  background-color: #f7f7f7;
  border: 1px solid #eee;
}
.column {
  float: left;
  width: 33.33%;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/*
	Max width before this PARTICULAR table gets nasty
	This query will take effect for any screen smaller than 760px
	and also iPads specifically.
	*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 768px) {
  /* Force table to not be like tables anymore */
  /* Hide table headers (but not display: none;, for accessibility) */
  /*
		Label the data
		*/
  table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr {
    display: block;
    border: 1px solid #eee;
  }
  table.responsive thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  table.responsive tr {
    border-top: 1px solid #eee;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  table.responsive tr:first-child {
    border-top: 0px solid #eee;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  table.responsive td {
    /* Behave  like a "row" */
    border: none;
    /* border-bottom: 1px solid #eee; */
    position: relative;
    padding-left: 35%;
    text-align: left;
  }
  table.responsive td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    /* top: 6px; */
    left: 15px;
    width: 60%;
    padding-right: 10px;
    white-space: normal;
    text-align: left;
  }
  .column {
    width: 100%;
  }
  table.responsive td:nth-of-type(1):before {
    content: "Course";
    font-weight: bold;
  }
  table.responsive td:nth-of-type(2):before {
    content: "Date";
    font-weight: bold;
  }
  table.responsive td:nth-of-type(3):before {
    content: "Duration";
    font-weight: bold;
  }
  table.responsive td:nth-of-type(4):before {
    content: "Location";
    font-weight: bold;
  }
  table.responsive td:nth-of-type(5):before {
    content: "Status";
    font-weight: bold;
  }
  .hide_wide {
    display: block;
  }
  .hide_narrow {
    display: none;
  }
  .deals > .row > .iblock {
    max-width: 32%;
    width: 32%;
    border: none;
  }
}
/*# sourceMappingURL=custom_19.css.map */