/*
  This file contains all the base styling for sass files. Pulling in all the 
  necessary variables and mixins but does not actually output anything so is
  safe to use as a base for other css files without adding excessive weight
*/
/*********************
BREAKPOINTS
*********************/
/*
  screen-tiny: 321 - 320
  screen-xs: 480px - 767px
  screen-sm: 768px - 969px
  screen-md: 970px - 1199px
  screen-lg: 1200px
*/
/*********************
Placeholder
*********************/
/*********************
VENDOR PREFIX
*********************/
.thumbnail-row.row {
  margin: 0 -7.5px 40px;
}

.thumbnail-row.row br {
  display: none;
}

.thumbnail-row.row .wds-title {
  font-size: 20px;
  font-weight: 400;
  font-family: "Roboto Condensed",sans-serif;
  display: block;
  margin-bottom: 0px;
}

.thumbnail-row.row .thumbnail-col {
  padding: 20px 7.5px;
  color: #000;
  text-decoration: none;
  margin-bottom: 40px;
}

@media screen and (min-width:768px) {
  .thumbnail-row.row .thumbnail-col {
    margin-bottom: 0;
  }
}

.thumbnail-row.row .thumbnail-col:active,.thumbnail-row.row .thumbnail-col:focus,.thumbnail-row.row .thumbnail-col:hover {
  outline: 0 !important;
}

.thumbnail-row.row .thumbnail-col.active-thumb {
  background-color: rgba(0,0,0,.1);
}

.thumbnail-row.row .thumbnail-col img {
  width: 100%;
  height: auto;
}

.thumbnail-row.row .thumbnail-col span {
  display: block;
}

.thumbnail-row.row .thumbnail-col span.title {
  font-size: 16px;
  font-family: "Roboto",sans-serif;
  font-weight: 500;
  letter-spacing: .5px;
  line-height: 20px;
  margin: 10px 0 5px;
}

.thumbnail-row.row .thumbnail-col span.description {
  font-size: 14px;
  font-family: "Roboto",sans-serif;
  line-height: 20px;
  font-weight: 400;
}

@media screen and (min-width:768px) {
  .thumbnail-row.row .thumbnail-col span.description {
    font-weight: 300;
  }
}

.marketo-form.marketo-form-simple.marketo-form-wds {
  display: none;
  border-top: 1px solid #c1c1c1;
  padding-top: 40px;
}

.marketo-form.marketo-form-simple.marketo-form-wds br {
  display: none;
}

.marketo-form.marketo-form-simple.marketo-form-wds .xrx-wds-callout {
  margin-bottom: 20px;
  font-size: 16px;
}

.marketo-form.marketo-form-simple.marketo-form-wds .xrx-wds-callout .xrx-wds-callout-text {
  display: none;
}

.marketo-form.marketo-form-simple.marketo-form-wds .xrx-wds-callout .xrx-wds-callout-text.active-txt {
  display: block;
}

.marketo-form.marketo-form-simple.marketo-form-wds .xrx-success-text {
  font-size: 18px;
  line-height: 30px;
  font-family: "Roboto",sans-serif;
  font-weight: 300;
}

@media screen and (min-width:768px) {
  .marketo-form.marketo-form-simple.marketo-form-wds .xrx-success-text {
    font-size: 16px;
  }
}

.marketo-form.marketo-form-simple.marketo-form-wds .xrx-success-text .xrx-wds-thx-txt {
  display: none;
}

.marketo-form.marketo-form-simple.marketo-form-wds .xrx-success-text .xrx-wds-thx-txt.active-thx {
  display: block;
}

.marketo-form.marketo-form-simple.marketo-form-wds .mktoForm {
  background-color: transparent;
  padding: 0;
}

@media screen and (min-width:768px) and (min-width:768px) {
  .marketo-form.marketo-form-simple.marketo-form-wds .mktoButtonRow button.mktoButton {
    margin-top: -18px;
  }
  .ff .marketo-form.marketo-form-simple.marketo-form-wds .mktoButtonRow button.mktoButton {
    margin-top: -19px;
  }
}

.marketo-form.marketo-form-simple.marketo-form-wds.xrx-successful-form {
  background-color: transparent;
  padding: 40px 0 0;
}

.marketo-form.marketo-form-simple.marketo-form-wds.xrx-successful-form .xrx-wds-callout {
  display: none;
}