/*
  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
*********************/
.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .attachment {
  padding: 0 16px 8px;
  position: relative;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .attachment {
    padding: 8px 16px;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row {
  background-color: #fff;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 auto;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"] {
  padding: 20px;
  font-family: "Roboto Condensed",sans-serif;
  position: relative;
}

@media only screen and (max-width:767px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"] {
    width: auto;
    float: none;
  }
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"] {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 16px;
    padding-bottom: 16px;
    float: none;
    vertical-align: middle;
    display: table-cell;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-image {
  padding-left: 16px;
}

@media only screen and (max-width:767px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-image {
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    padding-right: 16px;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-image .field-category-image {
  width: 100%;
  height: auto;
  overflow: hidden;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-image .field-category-image {
    width: auto;
    overflow: visible;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-image img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 209px;
  max-height: 107px;
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-info {
  padding-bottom: 0;
  padding-top: 0;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-info {
    margin-top: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-info .field-hero-copy {
  font-weight: 300;
  font-size: 20px;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-info .field-hero-copy {
    font-size: 22px;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-info .field-hero-section {
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-info .field-hero-section {
    margin-top: 0;
  }
}

@media screen and (min-width:970px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-info .field-hero-section {
    font-weight: 300;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta {
  padding-right: 16px;
  padding-top: 0;
  margin-top: 10px;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta {
    padding-left: 16px;
    padding-top: 16px;
    margin-top: 0;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta {
    float: right;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta a,.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta a:hover {
  font-family: "Roboto Condensed",sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 3em !important;
  background-color: #d92231;
  border: 1px solid #d92231;
  color: #fff !important;
  padding: 0 30px;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  min-width: 100px;
  white-space: nowrap;
  display: inline-block;
}

@media only screen and (max-width:767px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta a:hover {
    color: inherit;
    text-decoration: none;
  }
}

@media only screen and (max-width:767px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta a,.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta a:hover {
    font-size: 16px;
    color: #000;
    padding: 0;
    border: none;
    background: transparent;
    text-decoration: underline;
  }
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta a:after,.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row [class*="col-"].xrx-cat-cta .field-cta a:hover:after {
    content: none;
  }
}

@media screen and (min-width:768px) {
  .group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row.xrx-no-image-cat [class*="col-"].xrx-cat-info div {
    max-width: 70%;
  }
}

.group-insights-div-wrapper.field-group-div .group-insights-content .field-insights-view .category-row.xrx-no-image-cat [class*="col-"]:first-of-type {
  padding-left: 16px;
}