/*
  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
*********************/
body.node-type-blog-post .group-right-rail,body.node-type-blog .group-right-rail,body.node-type-content-block .group-right-rail,body.node-type-embedded-marketo-form .group-right-rail,body.node-type-flexible-content .group-right-rail,body.node-type-global .group-right-rail,body.node-type-landing-page .group-right-rail,body.node-type-marketo-form .group-right-rail,body.node-type-person .group-right-rail,body.node-type-service .group-right-rail,body.node-type-view-locale-override .group-right-rail,body.node-type-webform .group-right-rail,body.page-insights .group-right-rail {
  width: 100%;
}

@media screen and (min-width:970px) {
  body.node-type-blog-post .group-right-rail,body.node-type-blog .group-right-rail,body.node-type-content-block .group-right-rail,body.node-type-embedded-marketo-form .group-right-rail,body.node-type-flexible-content .group-right-rail,body.node-type-global .group-right-rail,body.node-type-landing-page .group-right-rail,body.node-type-marketo-form .group-right-rail,body.node-type-person .group-right-rail,body.node-type-service .group-right-rail,body.node-type-view-locale-override .group-right-rail,body.node-type-webform .group-right-rail,body.page-insights .group-right-rail {
    width: 20%;
  }
}

.group-right-rail .node-component-text-field,.group-right-rail .node-content-block,.group-right-rail .node-flexible-content {
  padding-bottom: 25px;
  border-bottom: 1px solid #c1c1c1;
}

.group-right-rail .node-component-text-field .field-html-content > h1:last-child,.group-right-rail .node-component-text-field .field-html-content > h2:last-child,.group-right-rail .node-component-text-field .field-html-content > h3:last-child,.group-right-rail .node-component-text-field .field-html-content > h4:last-child,.group-right-rail .node-component-text-field .field-html-content > ol:last-child,.group-right-rail .node-component-text-field .field-html-content > p:last-child,.group-right-rail .node-component-text-field .field-html-content > ul:last-child,.group-right-rail .node-content-block .field-html-content > h1:last-child,.group-right-rail .node-content-block .field-html-content > h2:last-child,.group-right-rail .node-content-block .field-html-content > h3:last-child,.group-right-rail .node-content-block .field-html-content > h4:last-child,.group-right-rail .node-content-block .field-html-content > ol:last-child,.group-right-rail .node-content-block .field-html-content > p:last-child,.group-right-rail .node-content-block .field-html-content > ul:last-child,.group-right-rail .node-flexible-content .field-html-content > h1:last-child,.group-right-rail .node-flexible-content .field-html-content > h2:last-child,.group-right-rail .node-flexible-content .field-html-content > h3:last-child,.group-right-rail .node-flexible-content .field-html-content > h4:last-child,.group-right-rail .node-flexible-content .field-html-content > ol:last-child,.group-right-rail .node-flexible-content .field-html-content > p:last-child,.group-right-rail .node-flexible-content .field-html-content > ul:last-child {
  margin-bottom: 0;
}

body.node-type-article .group-right-rail .field-right-rail,body.node-type-topic .group-right-rail .field-right-rail {
  padding: 0;
}

@media screen and (min-width:768px) {
  body.node-type-article .group-right-rail .field-right-rail:first-of-type .field-title h2,body.node-type-article .group-right-rail .field-right-rail:first-of-type .field-title h3,body.node-type-topic .group-right-rail .field-right-rail:first-of-type .field-title h2,body.node-type-topic .group-right-rail .field-right-rail:first-of-type .field-title h3 {
    margin-top: 0;
  }
}

body.node-type-article .group-right-rail .panel-body,body.node-type-topic .group-right-rail .panel-body {
  padding: 0;
}

.group-right-rail .field-right-rail {
  margin: 0 0 25px;
}

.group-right-rail .field-right-rail .node-component-article-hilight .view-article-highlight .views-row .field-title {
  padding: 10px 0 20px;
}

.group-right-rail .field-label {
  padding: 0 0 10px;
}

@media screen and (min-width:768px) {
  .group-right-rail .field-label {
    padding: 0 20px 10px 0;
  }
}

@media screen and (min-width:970px) {
  .group-right-rail .field-label {
    padding: 0 30px 10px 0;
  }
}

@media screen and (min-width:768px) {
  .group-right-rail .field-label h2,.group-right-rail .field-label h3 {
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000;
  }
}

.group-right-rail .field-title {
  padding: 0;
}

.group-right-rail .field-title h2,.group-right-rail .field-title h3 {
  margin: 0 0 8px;
}

@media screen and (min-width:768px) {
  .group-right-rail .field-title h2,.group-right-rail .field-title h3 {
    font-family: "Roboto Condensed",sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #000;
  }
}

.group-right-rail .field-body,.group-right-rail .field-html-content,.group-right-rail .field-links-wrapper {
  padding: 0;
}

.group-right-rail .social-feed .header {
  padding: 0 0 10px;
}

@media screen and (min-width:768px) {
  .group-right-rail .social-feed .header ul li {
    width: 20%;
    margin-right: 0;
  }
}

.group-right-rail .social-feed .content .feed {
  padding: 0;
}

.group-right-rail .social-feed .content .feed .feed-tweet .twitter-actions a:last-child {
  margin-right: 0;
}

@media screen and (min-width:768px) {
  .group-right-rail .social-feed .content .feed .feed-tweet .twitter-actions a {
    margin-right: 30px;
  }
}

@media screen and (min-width:1200px) {
  .group-right-rail .social-feed .content .feed .feed-tweet .twitter-actions a {
    margin-right: 35px;
  }
}

@media screen and (min-width:768px) {
  .group-right-rail .social-feed .content .feed .feed-facebook .icon span,.group-right-rail .social-feed .content .feed .feed-linkedin .icon span,.group-right-rail .social-feed .content .feed .feed-tweet .icon span {
    font-size: 25px;
  }
}

@media screen and (min-width:970px) {
  .group-right-rail .social-feed .content .feed .feed-facebook .icon span,.group-right-rail .social-feed .content .feed .feed-linkedin .icon span,.group-right-rail .social-feed .content .feed .feed-tweet .icon span {
    font-size: 30px;
  }
}

@media screen and (min-width:768px) {
  .group-right-rail .social-feed .content .feed .feed-facebook .text-side,.group-right-rail .social-feed .content .feed .feed-linkedin .text-side,.group-right-rail .social-feed .content .feed .feed-tweet .text-side {
    margin-left: 35px;
  }
}

@media screen and (min-width:970px) {
  .group-right-rail .social-feed .content .feed .feed-facebook .text-side,.group-right-rail .social-feed .content .feed .feed-linkedin .text-side,.group-right-rail .social-feed .content .feed .feed-tweet .text-side {
    margin-left: 45px;
  }
}
