@font-face {
  font-family: "roboto-light";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-light/roboto-light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-light/roboto-light.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-light/roboto-light.woff") format("woff"); }

@font-face {
  font-family: "roboto-regular";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-regular/roboto-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-regular/roboto-regular.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-regular/roboto-regular.woff") format("woff"); }

@font-face {
  font-family: "roboto-medium";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-medium/roboto-medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-medium/roboto-medium.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-medium/roboto-medium.woff") format("woff"); }

@font-face {
  font-family: "roboto-bold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/roboto-bold/roboto-bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/roboto-bold/roboto-bold.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/roboto-bold/roboto-bold.woff") format("woff"); }

@font-face {
  font-family: "titilliumsemibold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/titilliumsemibold/titilliumsemibold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/titilliumsemibold/titilliumsemibold.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/titilliumsemibold/titilliumsemibold.woff") format("woff"); }

@font-face {
  font-family: "titilliumbold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/titilliumbold/titilliumbold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/titilliumbold/titilliumbold.woff2") format("woff2"), url("/themes/custom/hiwc_static/styling/fonts/titilliumbold/titilliumbold.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Light";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-light/montserrat-light.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-light/montserrat-light.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-regular/montserrat-regular.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-regular/montserrat-regular.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Medium";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-medium/montserrat-medium.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-medium/montserrat-medium.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Italic";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-italic/montserrat-italic.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-italic/montserrat-italic.woff") format("woff"); }

@font-face {
  font-family: "Montserrat-Bold";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/montserrat-bold/montserrat-bold.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/montserrat-bold/montserrat-bold.woff") format("woff"); }

@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/icomoon/icomoon.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/icomoon/icomoon.woff") format("woff"); }

@font-face {
  font-family: "icomoon_g";
  font-style: normal;
  font-weight: normal;
  src: url("/themes/custom/hiwc_static/styling/fonts/icomoon_g/icomoon.eot?#iefix") format("embedded-opentype"), url("/themes/custom/hiwc_static/styling/fonts/icomoon_g/icomoon.woff") format("woff"); }

.gadget--type-hover {
  position: relative;
  overflow: hidden;
  max-width: 310px;
  margin: 15px auto; }
  .gadget--type-hover > .field--name-title {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 26px;
    font-family: "roboto-medium", Arial, sans-serif;
    text-align: right;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .gadget--type-hover > .field--name-title .wrapper--table .wrapper--table-cell {
      vertical-align: top;
      padding-top: 10%; }
  .gadget--type-hover .field--name-description {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.3);
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    font-size: 20px;
    font-family: "roboto-regular", Arial, sans-serif;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s; }
    .gadget--type-hover .field--name-description p {
      margin: 0; }
  .gadget--type-hover .wrapper--table {
    display: table;
    width: 100%;
    height: 100%; }
    .gadget--type-hover .wrapper--table .wrapper--table-cell {
      display: table-cell;
      vertical-align: middle;
      padding-left: 10%;
      padding-right: 10%; }
  .gadget--type-hover:hover .field--name-title, .gadget--type-hover:focus .field--name-title {
    left: -100%; }
  .gadget--type-hover:hover .field--name-description, .gadget--type-hover:focus .field--name-description {
    left: 0%; }

@media all and (max-width: 899px) {
  .gadget--type-hover > .field--name-title {
    font-size: 22px; }
  .gadget--type-hover .field--name-description {
    font-size: 18px; } }

/*# sourceMappingURL=g_hover.css.map */