@charset "UTF-8";
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* @include opacity(0.8); */
/* @include translate(-50%, -50%); */
/* @include cover-background('path/to/img.jpg'); */
/* @include undefined-cover(); */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn,
.slds-button,
.slds-button.slds-button_stateful,
.slds-button.slds-button_neutral,
.slds-button.slds-button_brand,
.slds-button.slds-button--neutral,
.slds-button.slds-button--brand,
.createRecordWrapper.forceCommunityCreateRecordButton button,
.createRecordWrapper.forceCommunityCreateRecordButton .triggerLink,
.dummyButtonSubmitAction  {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 12px 27px;
  font-family: "Texta-Heavy", sans-serif;
  font-size: 14px;
  background: #11567F;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  white-space: nowrap;
  border-radius: 40px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover,
.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:hover,
.dummyButtonSubmitAction :hover {
  background: #0b3852;
  color: #fff;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.btn:active,
.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button:active,
.createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:active,
.dummyButtonSubmitAction :active,
.btn:focus,
.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:focus,
.dummyButtonSubmitAction :focus {
  background: #0b3852;
  color: #fff;
}

button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited,
.btn:visited,
.slds-button:visited,
.createRecordWrapper.forceCommunityCreateRecordButton button:visited,
.createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:visited,
.dummyButtonSubmitAction :visited {
  color: #fff;
}

button.btn-transparent,
input[type="button"].btn-transparent,
input[type="reset"].btn-transparent,
input[type="submit"].btn-transparent,
.btn.btn-transparent,
.btn-transparent.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-transparent,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-transparent.triggerLink,
.btn-transparent.dummyButtonSubmitAction  {
  background: rgba(255, 255, 255, 0.3);
}

button.btn-transparent:hover, button.btn-transparent:active, button.btn-transparent:focus,
input[type="button"].btn-transparent:hover,
input[type="button"].btn-transparent:active,
input[type="button"].btn-transparent:focus,
input[type="reset"].btn-transparent:hover,
input[type="reset"].btn-transparent:active,
input[type="reset"].btn-transparent:focus,
input[type="submit"].btn-transparent:hover,
input[type="submit"].btn-transparent:active,
input[type="submit"].btn-transparent:focus,
.btn.btn-transparent:hover,
.btn-transparent.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-transparent:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-transparent.triggerLink:hover,
.btn-transparent.dummyButtonSubmitAction :hover,
.btn.btn-transparent:active,
.btn-transparent.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-transparent:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-transparent.triggerLink:active,
.btn-transparent.dummyButtonSubmitAction :active,
.btn.btn-transparent:focus,
.btn-transparent.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-transparent:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-transparent.triggerLink:focus,
.btn-transparent.dummyButtonSubmitAction :focus {
  background: rgba(255, 255, 255, 0.5);
}

button.hollow,
input[type="button"].hollow,
input[type="reset"].hollow,
input[type="submit"].hollow,
.btn.hollow,
.hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.triggerLink,
.hollow.dummyButtonSubmitAction  {
  background: none;
  border: 1px solid #11567F;
  color: #11567F;
}

button.hollow:hover, button.hollow:active, button.hollow:focus,
input[type="button"].hollow:hover,
input[type="button"].hollow:active,
input[type="button"].hollow:focus,
input[type="reset"].hollow:hover,
input[type="reset"].hollow:active,
input[type="reset"].hollow:focus,
input[type="submit"].hollow:hover,
input[type="submit"].hollow:active,
input[type="submit"].hollow:focus,
.btn.hollow:hover,
.hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.triggerLink:hover,
.hollow.dummyButtonSubmitAction :hover,
.btn.hollow:active,
.hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.triggerLink:active,
.hollow.dummyButtonSubmitAction :active,
.btn.hollow:focus,
.hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.triggerLink:focus,
.hollow.dummyButtonSubmitAction :focus {
  background: #11567F;
  color: #fff;
}

button.hollow.white,
input[type="button"].hollow.white,
input[type="reset"].hollow.white,
input[type="submit"].hollow.white,
.btn.hollow.white,
.hollow.white.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.white,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.white.triggerLink,
.hollow.white.dummyButtonSubmitAction  {
  border: 1px solid #fff;
  color: #fff;
}

button.hollow.white:hover, button.hollow.white:active, button.hollow.white:focus,
input[type="button"].hollow.white:hover,
input[type="button"].hollow.white:active,
input[type="button"].hollow.white:focus,
input[type="reset"].hollow.white:hover,
input[type="reset"].hollow.white:active,
input[type="reset"].hollow.white:focus,
input[type="submit"].hollow.white:hover,
input[type="submit"].hollow.white:active,
input[type="submit"].hollow.white:focus,
.btn.hollow.white:hover,
.hollow.white.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.white:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.white.triggerLink:hover,
.hollow.white.dummyButtonSubmitAction :hover,
.btn.hollow.white:active,
.hollow.white.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.white:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.white.triggerLink:active,
.hollow.white.dummyButtonSubmitAction :active,
.btn.hollow.white:focus,
.hollow.white.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.white:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.white.triggerLink:focus,
.hollow.white.dummyButtonSubmitAction :focus {
  background: #fff;
  color: #29B5E8;
}

button.hollow.orange,
input[type="button"].hollow.orange,
input[type="reset"].hollow.orange,
input[type="submit"].hollow.orange,
.btn.hollow.orange,
.hollow.orange.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.orange,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.orange.triggerLink,
.hollow.orange.dummyButtonSubmitAction  {
  border: 1px solid #FF9F36;
  color: #FF9F36;
}

button.hollow.orange:hover, button.hollow.orange:active, button.hollow.orange:focus,
input[type="button"].hollow.orange:hover,
input[type="button"].hollow.orange:active,
input[type="button"].hollow.orange:focus,
input[type="reset"].hollow.orange:hover,
input[type="reset"].hollow.orange:active,
input[type="reset"].hollow.orange:focus,
input[type="submit"].hollow.orange:hover,
input[type="submit"].hollow.orange:active,
input[type="submit"].hollow.orange:focus,
.btn.hollow.orange:hover,
.hollow.orange.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.orange:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.orange.triggerLink:hover,
.hollow.orange.dummyButtonSubmitAction :hover,
.btn.hollow.orange:active,
.hollow.orange.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.orange:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.orange.triggerLink:active,
.hollow.orange.dummyButtonSubmitAction :active,
.btn.hollow.orange:focus,
.hollow.orange.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.orange:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.orange.triggerLink:focus,
.hollow.orange.dummyButtonSubmitAction :focus {
  background: #FF9F36;
  color: #fff;
}

button.hollow.blue,
input[type="button"].hollow.blue,
input[type="reset"].hollow.blue,
input[type="submit"].hollow.blue,
.btn.hollow.blue,
.hollow.blue.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.blue,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.blue.triggerLink,
.hollow.blue.dummyButtonSubmitAction  {
  border: 1px solid #29B5E8;
  color: #29B5E8;
}

button.hollow.blue:hover, button.hollow.blue:active, button.hollow.blue:focus,
input[type="button"].hollow.blue:hover,
input[type="button"].hollow.blue:active,
input[type="button"].hollow.blue:focus,
input[type="reset"].hollow.blue:hover,
input[type="reset"].hollow.blue:active,
input[type="reset"].hollow.blue:focus,
input[type="submit"].hollow.blue:hover,
input[type="submit"].hollow.blue:active,
input[type="submit"].hollow.blue:focus,
.btn.hollow.blue:hover,
.hollow.blue.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.blue:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.blue.triggerLink:hover,
.hollow.blue.dummyButtonSubmitAction :hover,
.btn.hollow.blue:active,
.hollow.blue.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.blue:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.blue.triggerLink:active,
.hollow.blue.dummyButtonSubmitAction :active,
.btn.hollow.blue:focus,
.hollow.blue.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.blue:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.blue.triggerLink:focus,
.hollow.blue.dummyButtonSubmitAction :focus {
  background: #fff;
  color: #29B5E8;
}

button.hollow.mid-blue,
input[type="button"].hollow.mid-blue,
input[type="reset"].hollow.mid-blue,
input[type="submit"].hollow.mid-blue,
.btn.hollow.mid-blue,
.hollow.mid-blue.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.mid-blue,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.mid-blue.triggerLink,
.hollow.mid-blue.dummyButtonSubmitAction  {
  border: 1px solid #11567F;
  color: #11567F;
}

button.hollow.mid-blue:hover, button.hollow.mid-blue:active, button.hollow.mid-blue:focus,
input[type="button"].hollow.mid-blue:hover,
input[type="button"].hollow.mid-blue:active,
input[type="button"].hollow.mid-blue:focus,
input[type="reset"].hollow.mid-blue:hover,
input[type="reset"].hollow.mid-blue:active,
input[type="reset"].hollow.mid-blue:focus,
input[type="submit"].hollow.mid-blue:hover,
input[type="submit"].hollow.mid-blue:active,
input[type="submit"].hollow.mid-blue:focus,
.btn.hollow.mid-blue:hover,
.hollow.mid-blue.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.mid-blue:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.mid-blue.triggerLink:hover,
.hollow.mid-blue.dummyButtonSubmitAction :hover,
.btn.hollow.mid-blue:active,
.hollow.mid-blue.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.mid-blue:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.mid-blue.triggerLink:active,
.hollow.mid-blue.dummyButtonSubmitAction :active,
.btn.hollow.mid-blue:focus,
.hollow.mid-blue.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.mid-blue:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.mid-blue.triggerLink:focus,
.hollow.mid-blue.dummyButtonSubmitAction :focus {
  background: #fff;
  color: #11567F;
}

button.hollow.first-light,
input[type="button"].hollow.first-light,
input[type="reset"].hollow.first-light,
input[type="submit"].hollow.first-light,
.btn.hollow.first-light,
.hollow.first-light.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.first-light,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.first-light.triggerLink,
.hollow.first-light.dummyButtonSubmitAction  {
  border: 1px solid #D45B90;
  color: #D45B90;
}

button.hollow.first-light:hover, button.hollow.first-light:active, button.hollow.first-light:focus,
input[type="button"].hollow.first-light:hover,
input[type="button"].hollow.first-light:active,
input[type="button"].hollow.first-light:focus,
input[type="reset"].hollow.first-light:hover,
input[type="reset"].hollow.first-light:active,
input[type="reset"].hollow.first-light:focus,
input[type="submit"].hollow.first-light:hover,
input[type="submit"].hollow.first-light:active,
input[type="submit"].hollow.first-light:focus,
.btn.hollow.first-light:hover,
.hollow.first-light.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.first-light:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.first-light.triggerLink:hover,
.hollow.first-light.dummyButtonSubmitAction :hover,
.btn.hollow.first-light:active,
.hollow.first-light.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.first-light:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.first-light.triggerLink:active,
.hollow.first-light.dummyButtonSubmitAction :active,
.btn.hollow.first-light:focus,
.hollow.first-light.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.first-light:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.first-light.triggerLink:focus,
.hollow.first-light.dummyButtonSubmitAction :focus {
  background: #fff;
  color: #D45B90;
}

button.hollow.star-blue,
input[type="button"].hollow.star-blue,
input[type="reset"].hollow.star-blue,
input[type="submit"].hollow.star-blue,
.btn.hollow.star-blue,
.hollow.star-blue.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.star-blue,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.star-blue.triggerLink,
.hollow.star-blue.dummyButtonSubmitAction  {
  border: 1px solid #71D3DC;
  color: #71D3DC;
}

button.hollow.star-blue:hover, button.hollow.star-blue:active, button.hollow.star-blue:focus,
input[type="button"].hollow.star-blue:hover,
input[type="button"].hollow.star-blue:active,
input[type="button"].hollow.star-blue:focus,
input[type="reset"].hollow.star-blue:hover,
input[type="reset"].hollow.star-blue:active,
input[type="reset"].hollow.star-blue:focus,
input[type="submit"].hollow.star-blue:hover,
input[type="submit"].hollow.star-blue:active,
input[type="submit"].hollow.star-blue:focus,
.btn.hollow.star-blue:hover,
.hollow.star-blue.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.star-blue:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.star-blue.triggerLink:hover,
.hollow.star-blue.dummyButtonSubmitAction :hover,
.btn.hollow.star-blue:active,
.hollow.star-blue.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.star-blue:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.star-blue.triggerLink:active,
.hollow.star-blue.dummyButtonSubmitAction :active,
.btn.hollow.star-blue:focus,
.hollow.star-blue.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.star-blue:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.star-blue.triggerLink:focus,
.hollow.star-blue.dummyButtonSubmitAction :focus {
  background: #fff;
  color: #71D3DC;
}

button.hollow.purple-moon,
input[type="button"].hollow.purple-moon,
input[type="reset"].hollow.purple-moon,
input[type="submit"].hollow.purple-moon,
.btn.hollow.purple-moon,
.hollow.purple-moon.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.purple-moon,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.purple-moon.triggerLink,
.hollow.purple-moon.dummyButtonSubmitAction  {
  border: 1px solid #7D44CF;
  color: #7D44CF;
}

button.hollow.purple-moon:hover, button.hollow.purple-moon:active, button.hollow.purple-moon:focus,
input[type="button"].hollow.purple-moon:hover,
input[type="button"].hollow.purple-moon:active,
input[type="button"].hollow.purple-moon:focus,
input[type="reset"].hollow.purple-moon:hover,
input[type="reset"].hollow.purple-moon:active,
input[type="reset"].hollow.purple-moon:focus,
input[type="submit"].hollow.purple-moon:hover,
input[type="submit"].hollow.purple-moon:active,
input[type="submit"].hollow.purple-moon:focus,
.btn.hollow.purple-moon:hover,
.hollow.purple-moon.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.purple-moon:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.purple-moon.triggerLink:hover,
.hollow.purple-moon.dummyButtonSubmitAction :hover,
.btn.hollow.purple-moon:active,
.hollow.purple-moon.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.purple-moon:active,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.purple-moon.triggerLink:active,
.hollow.purple-moon.dummyButtonSubmitAction :active,
.btn.hollow.purple-moon:focus,
.hollow.purple-moon.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.hollow.purple-moon:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .hollow.purple-moon.triggerLink:focus,
.hollow.purple-moon.dummyButtonSubmitAction :focus {
  background: #fff;
  color: #7D44CF;
}

button.btn-white,
input[type="button"].btn-white,
input[type="reset"].btn-white,
input[type="submit"].btn-white,
.btn.btn-white,
.btn-white.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink,
.btn-white.dummyButtonSubmitAction  {
  background: #fff;
  color: #29B5E8;
}

button.btn-white:hover, button.btn-white:active, button.btn-white:focus,
input[type="button"].btn-white:hover,
input[type="button"].btn-white:active,
input[type="button"].btn-white:focus,
input[type="reset"].btn-white:hover,
input[type="reset"].btn-white:active,
input[type="reset"].btn-white:focus,
input[type="submit"].btn-white:hover,
input[type="submit"].btn-white:active,
input[type="submit"].btn-white:focus,
.btn.btn-white:hover,
.btn-white.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover,
.btn-white.dummyButtonSubmitAction :hover,
.btn.btn-white:active,
.btn-white.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:active,
.btn-white.dummyButtonSubmitAction :active,
.btn.btn-white:focus,
.btn-white.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:focus,
.btn-white.dummyButtonSubmitAction :focus {
  background: #29B5E8;
  color: #fff;
}

button.btn-white.purple,
input[type="button"].btn-white.purple,
input[type="reset"].btn-white.purple,
input[type="submit"].btn-white.purple,
.btn.btn-white.purple,
.btn-white.purple.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.purple,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.purple.triggerLink,
.btn-white.purple.dummyButtonSubmitAction  {
  color: #7D44CF;
}

button.btn-white.purple:hover, button.btn-white.purple:active, button.btn-white.purple:focus,
input[type="button"].btn-white.purple:hover,
input[type="button"].btn-white.purple:active,
input[type="button"].btn-white.purple:focus,
input[type="reset"].btn-white.purple:hover,
input[type="reset"].btn-white.purple:active,
input[type="reset"].btn-white.purple:focus,
input[type="submit"].btn-white.purple:hover,
input[type="submit"].btn-white.purple:active,
input[type="submit"].btn-white.purple:focus,
.btn.btn-white.purple:hover,
.btn-white.purple.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.purple:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.purple.triggerLink:hover,
.btn-white.purple.dummyButtonSubmitAction :hover,
.btn.btn-white.purple:active,
.btn-white.purple.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.purple:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.purple.triggerLink:active,
.btn-white.purple.dummyButtonSubmitAction :active,
.btn.btn-white.purple:focus,
.btn-white.purple.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.purple:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.purple.triggerLink:focus,
.btn-white.purple.dummyButtonSubmitAction :focus {
  background: #7D44CF;
  color: #fff;
}

button.btn-white.orange,
input[type="button"].btn-white.orange,
input[type="reset"].btn-white.orange,
input[type="submit"].btn-white.orange,
.btn.btn-white.orange,
.btn-white.orange.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.orange,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.orange.triggerLink,
.btn-white.orange.dummyButtonSubmitAction  {
  color: #FF9F36;
}

button.btn-white.orange:hover, button.btn-white.orange:active, button.btn-white.orange:focus,
input[type="button"].btn-white.orange:hover,
input[type="button"].btn-white.orange:active,
input[type="button"].btn-white.orange:focus,
input[type="reset"].btn-white.orange:hover,
input[type="reset"].btn-white.orange:active,
input[type="reset"].btn-white.orange:focus,
input[type="submit"].btn-white.orange:hover,
input[type="submit"].btn-white.orange:active,
input[type="submit"].btn-white.orange:focus,
.btn.btn-white.orange:hover,
.btn-white.orange.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.orange:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.orange.triggerLink:hover,
.btn-white.orange.dummyButtonSubmitAction :hover,
.btn.btn-white.orange:active,
.btn-white.orange.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.orange:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.orange.triggerLink:active,
.btn-white.orange.dummyButtonSubmitAction :active,
.btn.btn-white.orange:focus,
.btn-white.orange.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.orange:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.orange.triggerLink:focus,
.btn-white.orange.dummyButtonSubmitAction :focus {
  background: #FF9F36;
  color: #fff;
}

button.btn-white.pink,
input[type="button"].btn-white.pink,
input[type="reset"].btn-white.pink,
input[type="submit"].btn-white.pink,
.btn.btn-white.pink,
.btn-white.pink.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.pink,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.pink.triggerLink,
.btn-white.pink.dummyButtonSubmitAction  {
  color: #D45B90;
}

button.btn-white.pink:hover, button.btn-white.pink:active, button.btn-white.pink:focus,
input[type="button"].btn-white.pink:hover,
input[type="button"].btn-white.pink:active,
input[type="button"].btn-white.pink:focus,
input[type="reset"].btn-white.pink:hover,
input[type="reset"].btn-white.pink:active,
input[type="reset"].btn-white.pink:focus,
input[type="submit"].btn-white.pink:hover,
input[type="submit"].btn-white.pink:active,
input[type="submit"].btn-white.pink:focus,
.btn.btn-white.pink:hover,
.btn-white.pink.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.pink:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.pink.triggerLink:hover,
.btn-white.pink.dummyButtonSubmitAction :hover,
.btn.btn-white.pink:active,
.btn-white.pink.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.pink:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.pink.triggerLink:active,
.btn-white.pink.dummyButtonSubmitAction :active,
.btn.btn-white.pink:focus,
.btn-white.pink.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.pink:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.pink.triggerLink:focus,
.btn-white.pink.dummyButtonSubmitAction :focus {
  background: #D45B90;
  color: #fff;
}

button.btn-white.mid-blue,
input[type="button"].btn-white.mid-blue,
input[type="reset"].btn-white.mid-blue,
input[type="submit"].btn-white.mid-blue,
.btn.btn-white.mid-blue,
.btn-white.mid-blue.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.mid-blue,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.mid-blue.triggerLink,
.btn-white.mid-blue.dummyButtonSubmitAction  {
  color: #11567F;
}

button.btn-white.mid-blue:hover, button.btn-white.mid-blue:active, button.btn-white.mid-blue:focus,
input[type="button"].btn-white.mid-blue:hover,
input[type="button"].btn-white.mid-blue:active,
input[type="button"].btn-white.mid-blue:focus,
input[type="reset"].btn-white.mid-blue:hover,
input[type="reset"].btn-white.mid-blue:active,
input[type="reset"].btn-white.mid-blue:focus,
input[type="submit"].btn-white.mid-blue:hover,
input[type="submit"].btn-white.mid-blue:active,
input[type="submit"].btn-white.mid-blue:focus,
.btn.btn-white.mid-blue:hover,
.btn-white.mid-blue.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.mid-blue:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.mid-blue.triggerLink:hover,
.btn-white.mid-blue.dummyButtonSubmitAction :hover,
.btn.btn-white.mid-blue:active,
.btn-white.mid-blue.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.mid-blue:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.mid-blue.triggerLink:active,
.btn-white.mid-blue.dummyButtonSubmitAction :active,
.btn.btn-white.mid-blue:focus,
.btn-white.mid-blue.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-white.mid-blue:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-white.mid-blue.triggerLink:focus,
.btn-white.mid-blue.dummyButtonSubmitAction :focus {
  background: #11567F;
  color: #fff;
}

button.btn-blue,
input[type="button"].btn-blue,
input[type="reset"].btn-blue,
input[type="submit"].btn-blue,
.btn.btn-blue,
.btn-blue.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.triggerLink,
.btn-blue.dummyButtonSubmitAction  {
  background: #29B5E8;
  color: #fff;
}

button.btn-blue:hover, button.btn-blue:active, button.btn-blue:focus,
input[type="button"].btn-blue:hover,
input[type="button"].btn-blue:active,
input[type="button"].btn-blue:focus,
input[type="reset"].btn-blue:hover,
input[type="reset"].btn-blue:active,
input[type="reset"].btn-blue:focus,
input[type="submit"].btn-blue:hover,
input[type="submit"].btn-blue:active,
input[type="submit"].btn-blue:focus,
.btn.btn-blue:hover,
.btn-blue.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.triggerLink:hover,
.btn-blue.dummyButtonSubmitAction :hover,
.btn.btn-blue:active,
.btn-blue.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.triggerLink:active,
.btn-blue.dummyButtonSubmitAction :active,
.btn.btn-blue:focus,
.btn-blue.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.triggerLink:focus,
.btn-blue.dummyButtonSubmitAction :focus {
  background: #1699c8;
}

button.btn-blue.hollow,
input[type="button"].btn-blue.hollow,
input[type="reset"].btn-blue.hollow,
input[type="submit"].btn-blue.hollow,
.btn.btn-blue.hollow,
.btn-blue.hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.hollow.triggerLink,
.btn-blue.hollow.dummyButtonSubmitAction  {
  background: none;
  border: 1px solid #29B5E8;
  color: #29B5E8;
}

button.btn-blue.hollow:hover, button.btn-blue.hollow:active, button.btn-blue.hollow:focus,
input[type="button"].btn-blue.hollow:hover,
input[type="button"].btn-blue.hollow:active,
input[type="button"].btn-blue.hollow:focus,
input[type="reset"].btn-blue.hollow:hover,
input[type="reset"].btn-blue.hollow:active,
input[type="reset"].btn-blue.hollow:focus,
input[type="submit"].btn-blue.hollow:hover,
input[type="submit"].btn-blue.hollow:active,
input[type="submit"].btn-blue.hollow:focus,
.btn.btn-blue.hollow:hover,
.btn-blue.hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.hollow.triggerLink:hover,
.btn-blue.hollow.dummyButtonSubmitAction :hover,
.btn.btn-blue.hollow:active,
.btn-blue.hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.hollow.triggerLink:active,
.btn-blue.hollow.dummyButtonSubmitAction :active,
.btn.btn-blue.hollow:focus,
.btn-blue.hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-blue.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-blue.hollow.triggerLink:focus,
.btn-blue.hollow.dummyButtonSubmitAction :focus {
  background: #29B5E8 !important;
  color: #fff !important;
}

button.btn-valencia-orange, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.slds-button, button.btn-green, button.btn-yellow,
input[type="button"].btn-valencia-orange,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="button"],
input[type="button"].btn-green,
input[type="button"].btn-yellow,
input[type="reset"].btn-valencia-orange,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="reset"],
input[type="reset"].btn-green,
input[type="reset"].btn-yellow,
input[type="submit"].btn-valencia-orange,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="submit"],
input[type="submit"].btn-green,
input[type="submit"].btn-yellow,
.btn.btn-valencia-orange,
.btn-valencia-orange.slds-button,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.triggerLink,
.btn-valencia-orange.dummyButtonSubmitAction ,
.btn.btn-green,
.btn-green.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.triggerLink,
.btn-green.dummyButtonSubmitAction ,
.btn.btn-yellow,
.btn-yellow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.triggerLink,
.btn-yellow.dummyButtonSubmitAction  {
  background: #FF9F36;
  color: #fff;
}

button.btn-valencia-orange:hover, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.slds-button:hover, button.btn-valencia-orange:active, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.slds-button:active, button.btn-valencia-orange:focus, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.slds-button:focus, button.btn-green:hover, button.btn-green:active, button.btn-green:focus, button.btn-yellow:hover, button.btn-yellow:active, button.btn-yellow:focus,
input[type="button"].btn-valencia-orange:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="button"]:hover,
input[type="button"].btn-valencia-orange:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="button"]:active,
input[type="button"].btn-valencia-orange:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="button"]:focus,
input[type="button"].btn-green:hover,
input[type="button"].btn-green:active,
input[type="button"].btn-green:focus,
input[type="button"].btn-yellow:hover,
input[type="button"].btn-yellow:active,
input[type="button"].btn-yellow:focus,
input[type="reset"].btn-valencia-orange:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="reset"]:hover,
input[type="reset"].btn-valencia-orange:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="reset"]:active,
input[type="reset"].btn-valencia-orange:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="reset"]:focus,
input[type="reset"].btn-green:hover,
input[type="reset"].btn-green:active,
input[type="reset"].btn-green:focus,
input[type="reset"].btn-yellow:hover,
input[type="reset"].btn-yellow:active,
input[type="reset"].btn-yellow:focus,
input[type="submit"].btn-valencia-orange:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="submit"]:hover,
input[type="submit"].btn-valencia-orange:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="submit"]:active,
input[type="submit"].btn-valencia-orange:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input.slds-button[type="submit"]:focus,
input[type="submit"].btn-green:hover,
input[type="submit"].btn-green:active,
input[type="submit"].btn-green:focus,
input[type="submit"].btn-yellow:hover,
input[type="submit"].btn-yellow:active,
input[type="submit"].btn-yellow:focus,
.btn.btn-valencia-orange:hover,
.btn-valencia-orange.slds-button:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.triggerLink:hover,
.btn-valencia-orange.dummyButtonSubmitAction :hover,
.btn.btn-valencia-orange:active,
.btn-valencia-orange.slds-button:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.triggerLink:active,
.btn-valencia-orange.dummyButtonSubmitAction :active,
.btn.btn-valencia-orange:focus,
.btn-valencia-orange.slds-button:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.triggerLink:focus,
.btn-valencia-orange.dummyButtonSubmitAction :focus,
.btn.btn-green:hover,
.btn-green.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.triggerLink:hover,
.btn-green.dummyButtonSubmitAction :hover,
.btn.btn-green:active,
.btn-green.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.triggerLink:active,
.btn-green.dummyButtonSubmitAction :active,
.btn.btn-green:focus,
.btn-green.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.triggerLink:focus,
.btn-green.dummyButtonSubmitAction :focus,
.btn.btn-yellow:hover,
.btn-yellow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.triggerLink:hover,
.btn-yellow.dummyButtonSubmitAction :hover,
.btn.btn-yellow:active,
.btn-yellow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.triggerLink:active,
.btn-yellow.dummyButtonSubmitAction :active,
.btn.btn-yellow:focus,
.btn-yellow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.triggerLink:focus,
.btn-yellow.dummyButtonSubmitAction :focus {
  background: #ff8703;
}

button.btn-valencia-orange.hollow, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.hollow.slds-button, button.btn-green.hollow, button.btn-yellow.hollow,
input[type="button"].btn-valencia-orange.hollow,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="button"].hollow.slds-button,
input[type="button"].btn-green.hollow,
input[type="button"].btn-yellow.hollow,
input[type="reset"].btn-valencia-orange.hollow,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="reset"].hollow.slds-button,
input[type="reset"].btn-green.hollow,
input[type="reset"].btn-yellow.hollow,
input[type="submit"].btn-valencia-orange.hollow,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="submit"].hollow.slds-button,
input[type="submit"].btn-green.hollow,
input[type="submit"].btn-yellow.hollow,
.btn.btn-valencia-orange.hollow,
.btn-valencia-orange.hollow.slds-button,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.hollow.triggerLink,
.btn-valencia-orange.hollow.dummyButtonSubmitAction ,
.btn.btn-green.hollow,
.btn-green.hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.hollow.triggerLink,
.btn-green.hollow.dummyButtonSubmitAction ,
.btn.btn-yellow.hollow,
.btn-yellow.hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.hollow.triggerLink,
.btn-yellow.hollow.dummyButtonSubmitAction  {
  background: none;
  border: 1px solid #FF9F36;
  color: #FF9F36;
}

button.btn-valencia-orange.hollow:hover, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.hollow.slds-button:hover, button.btn-valencia-orange.hollow:active, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.hollow.slds-button:active, button.btn-valencia-orange.hollow:focus, .forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page button.hollow.slds-button:focus, button.btn-green.hollow:hover, button.btn-green.hollow:active, button.btn-green.hollow:focus, button.btn-yellow.hollow:hover, button.btn-yellow.hollow:active, button.btn-yellow.hollow:focus,
input[type="button"].btn-valencia-orange.hollow:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="button"].hollow.slds-button:hover,
input[type="button"].btn-valencia-orange.hollow:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="button"].hollow.slds-button:active,
input[type="button"].btn-valencia-orange.hollow:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="button"].hollow.slds-button:focus,
input[type="button"].btn-green.hollow:hover,
input[type="button"].btn-green.hollow:active,
input[type="button"].btn-green.hollow:focus,
input[type="button"].btn-yellow.hollow:hover,
input[type="button"].btn-yellow.hollow:active,
input[type="button"].btn-yellow.hollow:focus,
input[type="reset"].btn-valencia-orange.hollow:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="reset"].hollow.slds-button:hover,
input[type="reset"].btn-valencia-orange.hollow:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="reset"].hollow.slds-button:active,
input[type="reset"].btn-valencia-orange.hollow:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="reset"].hollow.slds-button:focus,
input[type="reset"].btn-green.hollow:hover,
input[type="reset"].btn-green.hollow:active,
input[type="reset"].btn-green.hollow:focus,
input[type="reset"].btn-yellow.hollow:hover,
input[type="reset"].btn-yellow.hollow:active,
input[type="reset"].btn-yellow.hollow:focus,
input[type="submit"].btn-valencia-orange.hollow:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="submit"].hollow.slds-button:hover,
input[type="submit"].btn-valencia-orange.hollow:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="submit"].hollow.slds-button:active,
input[type="submit"].btn-valencia-orange.hollow:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page input[type="submit"].hollow.slds-button:focus,
input[type="submit"].btn-green.hollow:hover,
input[type="submit"].btn-green.hollow:active,
input[type="submit"].btn-green.hollow:focus,
input[type="submit"].btn-yellow.hollow:hover,
input[type="submit"].btn-yellow.hollow:active,
input[type="submit"].btn-yellow.hollow:focus,
.btn.btn-valencia-orange.hollow:hover,
.btn-valencia-orange.hollow.slds-button:hover,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.hollow.triggerLink:hover,
.btn-valencia-orange.hollow.dummyButtonSubmitAction :hover,
.btn.btn-valencia-orange.hollow:active,
.btn-valencia-orange.hollow.slds-button:active,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.hollow.triggerLink:active,
.btn-valencia-orange.hollow.dummyButtonSubmitAction :active,
.btn.btn-valencia-orange.hollow:focus,
.btn-valencia-orange.hollow.slds-button:focus,
.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-valencia-orange.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-valencia-orange.hollow.triggerLink:focus,
.btn-valencia-orange.hollow.dummyButtonSubmitAction :focus,
.btn.btn-green.hollow:hover,
.btn-green.hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.hollow.triggerLink:hover,
.btn-green.hollow.dummyButtonSubmitAction :hover,
.btn.btn-green.hollow:active,
.btn-green.hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.hollow.triggerLink:active,
.btn-green.hollow.dummyButtonSubmitAction :active,
.btn.btn-green.hollow:focus,
.btn-green.hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-green.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-green.hollow.triggerLink:focus,
.btn-green.hollow.dummyButtonSubmitAction :focus,
.btn.btn-yellow.hollow:hover,
.btn-yellow.hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.hollow.triggerLink:hover,
.btn-yellow.hollow.dummyButtonSubmitAction :hover,
.btn.btn-yellow.hollow:active,
.btn-yellow.hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.hollow.triggerLink:active,
.btn-yellow.hollow.dummyButtonSubmitAction :active,
.btn.btn-yellow.hollow:focus,
.btn-yellow.hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-yellow.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-yellow.hollow.triggerLink:focus,
.btn-yellow.hollow.dummyButtonSubmitAction :focus {
  background: #FF9F36;
  color: #fff;
}

button.btn-first-light,
input[type="button"].btn-first-light,
input[type="reset"].btn-first-light,
input[type="submit"].btn-first-light,
.btn.btn-first-light,
.btn-first-light.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.triggerLink,
.btn-first-light.dummyButtonSubmitAction  {
  background: #D45B90;
}

button.btn-first-light:hover, button.btn-first-light:active, button.btn-first-light:focus,
input[type="button"].btn-first-light:hover,
input[type="button"].btn-first-light:active,
input[type="button"].btn-first-light:focus,
input[type="reset"].btn-first-light:hover,
input[type="reset"].btn-first-light:active,
input[type="reset"].btn-first-light:focus,
input[type="submit"].btn-first-light:hover,
input[type="submit"].btn-first-light:active,
input[type="submit"].btn-first-light:focus,
.btn.btn-first-light:hover,
.btn-first-light.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.triggerLink:hover,
.btn-first-light.dummyButtonSubmitAction :hover,
.btn.btn-first-light:active,
.btn-first-light.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.triggerLink:active,
.btn-first-light.dummyButtonSubmitAction :active,
.btn.btn-first-light:focus,
.btn-first-light.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.triggerLink:focus,
.btn-first-light.dummyButtonSubmitAction :focus {
  background: #c83475;
}

button.btn-first-light.hollow,
input[type="button"].btn-first-light.hollow,
input[type="reset"].btn-first-light.hollow,
input[type="submit"].btn-first-light.hollow,
.btn.btn-first-light.hollow,
.btn-first-light.hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.hollow.triggerLink,
.btn-first-light.hollow.dummyButtonSubmitAction  {
  background: none;
  border: 1px solid #D45B90;
  color: #D45B90;
}

button.btn-first-light.hollow:hover, button.btn-first-light.hollow:active, button.btn-first-light.hollow:focus,
input[type="button"].btn-first-light.hollow:hover,
input[type="button"].btn-first-light.hollow:active,
input[type="button"].btn-first-light.hollow:focus,
input[type="reset"].btn-first-light.hollow:hover,
input[type="reset"].btn-first-light.hollow:active,
input[type="reset"].btn-first-light.hollow:focus,
input[type="submit"].btn-first-light.hollow:hover,
input[type="submit"].btn-first-light.hollow:active,
input[type="submit"].btn-first-light.hollow:focus,
.btn.btn-first-light.hollow:hover,
.btn-first-light.hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.hollow.triggerLink:hover,
.btn-first-light.hollow.dummyButtonSubmitAction :hover,
.btn.btn-first-light.hollow:active,
.btn-first-light.hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.hollow.triggerLink:active,
.btn-first-light.hollow.dummyButtonSubmitAction :active,
.btn.btn-first-light.hollow:focus,
.btn-first-light.hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-first-light.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-first-light.hollow.triggerLink:focus,
.btn-first-light.hollow.dummyButtonSubmitAction :focus {
  background: #D45B90;
  color: #fff;
}

button.btn-star-blue,
input[type="button"].btn-star-blue,
input[type="reset"].btn-star-blue,
input[type="submit"].btn-star-blue,
.btn.btn-star-blue,
.btn-star-blue.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.triggerLink,
.btn-star-blue.dummyButtonSubmitAction  {
  background: #71D3DC;
}

button.btn-star-blue:hover, button.btn-star-blue:active, button.btn-star-blue:focus,
input[type="button"].btn-star-blue:hover,
input[type="button"].btn-star-blue:active,
input[type="button"].btn-star-blue:focus,
input[type="reset"].btn-star-blue:hover,
input[type="reset"].btn-star-blue:active,
input[type="reset"].btn-star-blue:focus,
input[type="submit"].btn-star-blue:hover,
input[type="submit"].btn-star-blue:active,
input[type="submit"].btn-star-blue:focus,
.btn.btn-star-blue:hover,
.btn-star-blue.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.triggerLink:hover,
.btn-star-blue.dummyButtonSubmitAction :hover,
.btn.btn-star-blue:active,
.btn-star-blue.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.triggerLink:active,
.btn-star-blue.dummyButtonSubmitAction :active,
.btn.btn-star-blue:focus,
.btn-star-blue.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.triggerLink:focus,
.btn-star-blue.dummyButtonSubmitAction :focus {
  background: #48c6d2;
}

button.btn-star-blue.hollow,
input[type="button"].btn-star-blue.hollow,
input[type="reset"].btn-star-blue.hollow,
input[type="submit"].btn-star-blue.hollow,
.btn.btn-star-blue.hollow,
.btn-star-blue.hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.hollow.triggerLink,
.btn-star-blue.hollow.dummyButtonSubmitAction  {
  background: none;
  border: 1px solid #71D3DC;
  color: #71D3DC;
}

button.btn-star-blue.hollow:hover, button.btn-star-blue.hollow:active, button.btn-star-blue.hollow:focus,
input[type="button"].btn-star-blue.hollow:hover,
input[type="button"].btn-star-blue.hollow:active,
input[type="button"].btn-star-blue.hollow:focus,
input[type="reset"].btn-star-blue.hollow:hover,
input[type="reset"].btn-star-blue.hollow:active,
input[type="reset"].btn-star-blue.hollow:focus,
input[type="submit"].btn-star-blue.hollow:hover,
input[type="submit"].btn-star-blue.hollow:active,
input[type="submit"].btn-star-blue.hollow:focus,
.btn.btn-star-blue.hollow:hover,
.btn-star-blue.hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.hollow.triggerLink:hover,
.btn-star-blue.hollow.dummyButtonSubmitAction :hover,
.btn.btn-star-blue.hollow:active,
.btn-star-blue.hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.hollow.triggerLink:active,
.btn-star-blue.hollow.dummyButtonSubmitAction :active,
.btn.btn-star-blue.hollow:focus,
.btn-star-blue.hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-star-blue.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-star-blue.hollow.triggerLink:focus,
.btn-star-blue.hollow.dummyButtonSubmitAction :focus {
  background: #71D3DC;
  color: #fff;
}

button.btn-purple-moon,
input[type="button"].btn-purple-moon,
input[type="reset"].btn-purple-moon,
input[type="submit"].btn-purple-moon,
.btn.btn-purple-moon,
.btn-purple-moon.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.triggerLink,
.btn-purple-moon.dummyButtonSubmitAction  {
  background: #7D44CF;
}

button.btn-purple-moon:hover, button.btn-purple-moon:active, button.btn-purple-moon:focus,
input[type="button"].btn-purple-moon:hover,
input[type="button"].btn-purple-moon:active,
input[type="button"].btn-purple-moon:focus,
input[type="reset"].btn-purple-moon:hover,
input[type="reset"].btn-purple-moon:active,
input[type="reset"].btn-purple-moon:focus,
input[type="submit"].btn-purple-moon:hover,
input[type="submit"].btn-purple-moon:active,
input[type="submit"].btn-purple-moon:focus,
.btn.btn-purple-moon:hover,
.btn-purple-moon.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.triggerLink:hover,
.btn-purple-moon.dummyButtonSubmitAction :hover,
.btn.btn-purple-moon:active,
.btn-purple-moon.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.triggerLink:active,
.btn-purple-moon.dummyButtonSubmitAction :active,
.btn.btn-purple-moon:focus,
.btn-purple-moon.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.triggerLink:focus,
.btn-purple-moon.dummyButtonSubmitAction :focus {
  background: #642eb2;
}

button.btn-purple-moon.hollow,
input[type="button"].btn-purple-moon.hollow,
input[type="reset"].btn-purple-moon.hollow,
input[type="submit"].btn-purple-moon.hollow,
.btn.btn-purple-moon.hollow,
.btn-purple-moon.hollow.slds-button,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon.hollow,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.hollow.triggerLink,
.btn-purple-moon.hollow.dummyButtonSubmitAction  {
  background: none;
  border: 1px solid #7D44CF;
  color: #7D44CF;
}

button.btn-purple-moon.hollow:hover, button.btn-purple-moon.hollow:active, button.btn-purple-moon.hollow:focus,
input[type="button"].btn-purple-moon.hollow:hover,
input[type="button"].btn-purple-moon.hollow:active,
input[type="button"].btn-purple-moon.hollow:focus,
input[type="reset"].btn-purple-moon.hollow:hover,
input[type="reset"].btn-purple-moon.hollow:active,
input[type="reset"].btn-purple-moon.hollow:focus,
input[type="submit"].btn-purple-moon.hollow:hover,
input[type="submit"].btn-purple-moon.hollow:active,
input[type="submit"].btn-purple-moon.hollow:focus,
.btn.btn-purple-moon.hollow:hover,
.btn-purple-moon.hollow.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon.hollow:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.hollow.triggerLink:hover,
.btn-purple-moon.hollow.dummyButtonSubmitAction :hover,
.btn.btn-purple-moon.hollow:active,
.btn-purple-moon.hollow.slds-button:active,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon.hollow:active,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.hollow.triggerLink:active,
.btn-purple-moon.hollow.dummyButtonSubmitAction :active,
.btn.btn-purple-moon.hollow:focus,
.btn-purple-moon.hollow.slds-button:focus,
.createRecordWrapper.forceCommunityCreateRecordButton button.btn-purple-moon.hollow:focus,
.createRecordWrapper.forceCommunityCreateRecordButton .btn-purple-moon.hollow.triggerLink:focus,
.btn-purple-moon.hollow.dummyButtonSubmitAction :focus {
  background: #7D44CF;
  color: #fff;
}

.btn-small {
  padding: 8px 20px;
  font-size: 12px !important;
  height: auto;
}

.nav-btn {
  padding: 12px 27px !important;
  margin-left: 25px !important;
  line-height: 1 !important;
  background: #fff !important;
}

.btn-large {
  padding: 12px 27px;
  font-size: 18px;
}

.btn-huge {
  padding: 12px 27px;
  font-size: 22px;
}

.post-content .btn, .post-content .slds-button, .post-content .createRecordWrapper.forceCommunityCreateRecordButton button, .createRecordWrapper.forceCommunityCreateRecordButton .post-content button, .post-content .createRecordWrapper.forceCommunityCreateRecordButton .triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .post-content .triggerLink, .post-content .dummyButtonSubmitAction  {
  color: #fff;
}

.post-content .btn:hover, .post-content .slds-button:hover, .post-content .createRecordWrapper.forceCommunityCreateRecordButton button:hover, .createRecordWrapper.forceCommunityCreateRecordButton .post-content button:hover, .post-content .createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .post-content .triggerLink:hover, .post-content .dummyButtonSubmitAction :hover, .post-content .btn:active, .post-content .slds-button:active, .post-content .createRecordWrapper.forceCommunityCreateRecordButton button:active, .createRecordWrapper.forceCommunityCreateRecordButton .post-content button:active, .post-content .createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:active, .createRecordWrapper.forceCommunityCreateRecordButton .post-content .triggerLink:active, .post-content .dummyButtonSubmitAction :active, .post-content .btn:focus, .post-content .slds-button:focus, .post-content .createRecordWrapper.forceCommunityCreateRecordButton button:focus, .createRecordWrapper.forceCommunityCreateRecordButton .post-content button:focus, .post-content .createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:focus, .createRecordWrapper.forceCommunityCreateRecordButton .post-content .triggerLink:focus, .post-content .dummyButtonSubmitAction :focus {
  color: #fff;
}

.btn-icon i {
  margin-right: 3px;
  font-size: 16px;
  margin-left: -10px;
}

.btn-ghost {
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  padding: 12px 27px;
  color: #F9F7F5;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  text-decoration: none;
  margin: 0;
  white-space: nowrap;
  background-color: transparent;
  line-height: 1;
}

.btn-ghost:hover {
  background-color: #fff;
  color: #29B5E8 !important;
  border: 1px solid #fff;
}

.btn-ghost:visited {
  color: #fff;
}

.rev-btn {
  -webkit-transition: all 200ms ease-in-out !important;
  transition: all 200ms ease-in-out !important;
}

.button-holder {
  clear: both;
  margin: 40px auto 10px;
  min-height: 50px;
}

/*--------------------------------------------------------------
## Medium
--------------------------------------------------------------*/
@media screen and (min-width: 40em) {
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  .btn,
  .slds-button,
  .slds-button.slds-button_stateful,
  .slds-button.slds-button_neutral,
  .slds-button.slds-button_brand,
  .slds-button.slds-button--neutral,
  .slds-button.slds-button--brand,
  .createRecordWrapper.forceCommunityCreateRecordButton button,
  .createRecordWrapper.forceCommunityCreateRecordButton .triggerLink,
  .dummyButtonSubmitAction  {
    font-size: 16px;
  }
}

@font-face {
  font-family: 'snowflake';
  src: url("fonts/snowflake.eot?95369203");
  src: url("fonts/snowflake.eot?95369203#iefix") format("embedded-opentype"), url("fonts/snowflake.woff2?95369203") format("woff2"), url("fonts/snowflake.woff?95369203") format("woff"), url("fonts/snowflake.ttf?95369203") format("truetype"), url("fonts/snowflake.svg?95369203#snowflake") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before, .snowflake-icon {
  font-family: "snowflake";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: auto;
  height: auto;
  margin: 0;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-hamburger:before {
  content: '\e800';
}

/* '' */
.icon-globe:before {
  content: '\e801';
}

/* '' */
.icon-plus-circled:before {
  content: '\e802';
}

/* '' */
.icon-arrow-down:before {
  content: '\e807';
}

/* '' */
.icon-thickarrowleft:before {
  content: '\e832';
}

/* '' */
.icon-quote:before {
  content: '\e833';
}

/* '' */
.icon-search:before {
  content: '\e83b';
}

/* '' */
.icon-technology:before {
  content: '\e83c';
}

/* '' */
.icon-arrowleft:before {
  content: '\e83d';
}

/* '' */
.icon-simplicity:before {
  content: '\e83e';
}

/* '' */
.icon-concurrency:before {
  content: '\e83f';
}

/* '' */
.icon-industry:before {
  content: '\e841';
}

/* '' */
.icon-architecture:before {
  content: '\e842';
}

/* '' */
.icon-benefits:before {
  content: '\e843';
}

/* '' */
.icon-blog:before {
  content: '\e844';
}

/* '' */
.icon-brand-assets:before {
  content: '\e845';
}

/* '' */
.icon-business-intel-acceleration:before {
  content: '\e846';
}

/* '' */
.icon-case-study:before {
  content: '\e847';
}

/* '' */
.icon-company-facts:before {
  content: '\e848';
}

/* '' */
.icon-compatible-data-apps:before {
  content: '\e849';
}

/* '' */
.icon-consolidate-data:before {
  content: '\e84b';
}

/* '' */
.icon-culture:before {
  content: '\e84c';
}

/* '' */
.icon-data-analytics:before {
  content: '\e84d';
}

/* '' */
.icon-data-lake:before {
  content: '\e84e';
}

/* '' */
.icon-data-report:before {
  content: '\e84f';
}

/* '' */
.icon-data-warehouse-modernization:before {
  content: '\e850';
}

/* '' */
.icon-database-cloud:before {
  content: '\e851';
}

/* '' */
.icon-designed-for-cloud:before {
  content: '\e852';
}

/* '' */
.icon-economies-of-scale:before {
  content: '\e853';
}

/* '' */
.icon-elimatinate-complexity:before {
  content: '\e854';
}

/* '' */
.icon-enterprise-edition-pricing:before {
  content: '\e855';
}

/* '' */
.icon-enterprise-edition-sensitive-material:before {
  content: '\e856';
}

/* '' */
.icon-hadoop-replacement:before {
  content: '\e857';
}

/* '' */
.icon-location:before {
  content: '\e858';
}

/* '' */
.icon-mobile:before {
  content: '\e859';
}

/* '' */
.icon-multimedia-assets:before {
  content: '\e85a';
}

/* '' */
.icon-no-limitations:before {
  content: '\e85b';
}

/* '' */
.icon-pay-for-what-you-use:before {
  content: '\e85c';
}

/* '' */
.icon-performance:before {
  content: '\e85d';
}

/* '' */
.icon-perks:before {
  content: '\e85e';
}

/* '' */
.icon-photography-headshot:before {
  content: '\e85f';
}

/* '' */
.icon-premier-edition-pricing:before {
  content: '\e860';
}

/* '' */
.icon-pricing:before {
  content: '\e861';
}

/* '' */
.icon-processing-80-percent-graph:before {
  content: '\e862';
}

/* '' */
.icon-scale-storage-compute:before {
  content: '\e863';
}

/* '' */
.icon-scale:before {
  content: '\e864';
}

/* '' */
.icon-security-protect-lock:before {
  content: '\e865';
}

/* '' */
.icon-security:before {
  content: '\e866';
}

/* '' */
.icon-servers:before {
  content: '\e867';
}

/* '' */
.icon-simplify-compliance:before {
  content: '\e868';
}

/* '' */
.icon-standard-edition-pricing:before {
  content: '\e86a';
}

/* '' */
.icon-support-data-apps:before {
  content: '\e86b';
}

/* '' */
.icon-video:before {
  content: '\e86c';
}

/* '' */
.icon-webinar:before {
  content: '\e86d';
}

/* '' */
.icon-whitepaper:before {
  content: '\e86e';
}

/* '' */
.icon-why-snowflake:before {
  content: '\e86f';
}

/* '' */
.icon-thickarrow:before {
  content: '\e873';
}

/* '' */
.icon-playbutton:before {
  content: '\e874';
}

/* '' */
.icon-snowflake:before {
  content: '\e875';
}

/* '' */
.icon-x:before {
  content: '\e8b2';
}

/* '' */
.icon-checkmark:before {
  content: '\e8b3';
}

/* '' */
.icon-users:before {
  content: '\e8b4';
}

/* '' */
.icon-zero-management:before {
  content: '\e8b5';
}

/* '' */
.icon-snow:before {
  content: '\e8c3';
}

/* '' */
.icon-eyeball:before {
  content: '\e8ec';
}

/* '' */
.icon-fuel-pump:before {
  content: '\e8ed';
}

/* '' */
.icon-shooting-star:before {
  content: '\e8ee';
}

/* '' */
.icon-exploding:before {
  content: '\e8ef';
}

/* '' */
.icon-up-arrow-1:before {
  content: '\e8f0';
}

/* '' */
.icon-up-arrow-2:before {
  content: '\e8f1';
}

/* '' */
.icon-crown:before {
  content: '\e8f2';
}

/* '' */
.icon-scale-1:before {
  content: '\e8f3';
}

/* '' */
.icon-brain:before {
  content: '\e8f4';
}

/* '' */
.icon-sunglasses:before {
  content: '\e8f5';
}

/* '' */
.icon-checkmarks:before {
  content: '\e8f6';
}

/* '' */
.icon-torch:before {
  content: '\e8f7';
}

/* '' */
.icon-people:before {
  content: '\e8f8';
}

/* '' */
.icon-calendar:before {
  content: '\e908';
}

/* '' */
.icon-twitter:before {
  content: '\f099';
}

/* '' */
.icon-facebook:before {
  content: '\f09a';
}

/* '' */
.icon-linkedin:before {
  content: '\f0e1';
}

/* '' */
.icon-youtube-play:before {
  content: '\f16a';
}

/* '' */
.icon-analyst-report:before {
  content: '\f0e1';
}

/* '' */
.icon-customer-video:before {
  content: '\e86c';
}

/* '' */
.icon-datasheet:before {
  content: '\e84f';
}

/* '' */
.icon-infographic:before {
  content: '\f0e1';
}

/* '' */
.icon-white-paper:before {
  content: '\e86e';
}

/* '' */
.icon-arrowright:before {
  content: '\e83d';
  -webkit-transform: rotate(180deg);
  /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: rotate(180deg);
  /* IE 9 */
  transform: rotate(180deg);
  /* IE 10, Fx 16+, Op 12.1+ */
}

/* '' */
/************************************************************************

Global

*************************************************************************/
.body a {
  color: #29B5E8;
}

.body a:hover {
  color: #11567F;
}

.slds-table_header-fixed_container:before, .slds-table--header-fixed_container:before {
  border-bottom: none;
}

div.listViewContent.slds-table--header-fixed_container > div.uiScroller.scroller-wrapper.scroll-bidirectional.native {
  margin-top: 5px;
}

.forceCommunityThemeHeaderCompact .themeLogo a .logoImage {
  width: 245px !important;
  height: 44px !important;
}

body.comm-page-home {
  background-image: url("//www.snowflake.com/wp-content/themes/snowflake/img/lodge/lodge-homepage-background.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom center;
}

#lodge-home-arrow-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 40%;
  width: 600px;
  pointer-events: none;
}

#lodge-home-arrow-2 {
  position: absolute;
  top: 220px;
  right: 0;
  z-index: 2;
  max-width: 35%;
  width: 520px;
  pointer-events: none;
}

/************************************************************************

START NEW GLOBAL STYLES

*************************************************************************/
/* Defining global styles for all headers, and then using @extend to set each specific header instance to the correct style */
.h1, .ui-widget .forceCommunityRichText .uiOutputRichText h1, .ui-widget .forceCommunityHeadline h1.headlineTitle {
  font-size: 33.6px;
  line-height: 0.9em;
  text-transform: uppercase;
  font-family: "Texta-Black", sans-serif;
  margin-bottom: 2rem;
}

.h2, .selfServiceSimilarArticles42 > h2, .selfServiceTopicTrendingArticles42 > h2, .selfServiceArticleLayout.zoom .article-head, .forceCommunityRichText.forceCommunityHtmlBlock h2, .forceCommunityRichText.forceCommunityRichTextInline h2 {
  font-size: 27.2px;
  line-height: 0.9em;
  text-transform: uppercase;
  font-family: "Texta-Black", sans-serif;
  margin-bottom: 2rem;
}

.h3 {
  font-size: 28px;
  line-height: 0.9em;
  font-family: "Texta-Black", sans-serif;
  margin-bottom: 2rem;
}

.h4, .forceCommunityRichText.forceCommunityHtmlBlock h3, .forceCommunityRichText.forceCommunityRichTextInline h3, .ui-widget p.trac-title {
  font-size: 22px;
  line-height: 0.9em;
  font-family: "Texta-Heavy", sans-serif;
  margin-bottom: 2rem;
}

.h5 {
  font-size: 20px;
  line-height: 0.9em;
  font-family: "Texta-Heavy", sans-serif;
  margin-bottom: 2rem;
}

.h6 {
  font-size: 18px;
  line-height: 0.9em;
  font-family: "Texta-Heavy", sans-serif;
  margin-bottom: 2rem;
}

/*--------------------------------------------------------------
## Medium
--------------------------------------------------------------*/
@media screen and (min-width: 40em) {
  .h1, .ui-widget .forceCommunityRichText .uiOutputRichText h1, .ui-widget .forceCommunityHeadline h1.headlineTitle {
    font-size: 44.8px;
  }
  .h2, .selfServiceSimilarArticles42 > h2, .selfServiceTopicTrendingArticles42 > h2, .selfServiceArticleLayout.zoom .article-head, .forceCommunityRichText.forceCommunityHtmlBlock h2, .forceCommunityRichText.forceCommunityRichTextInline h2 {
    font-size: 38.4px;
  }
  .h3 {
    font-size: 34px;
  }
  .h4, .forceCommunityRichText.forceCommunityHtmlBlock h3, .forceCommunityRichText.forceCommunityRichTextInline h3, .ui-widget p.trac-title {
    font-size: 24px;
  }
  .h5 {
    font-size: 22px;
  }
  .h6 {
    font-size: 20px;
  }
}

@media (min-width: 64em) {
  .h1, .ui-widget .forceCommunityRichText .uiOutputRichText h1, .ui-widget .forceCommunityHeadline h1.headlineTitle {
    font-size: 50.4px;
  }
  .h2, .selfServiceSimilarArticles42 > h2, .selfServiceTopicTrendingArticles42 > h2, .selfServiceArticleLayout.zoom .article-head, .forceCommunityRichText.forceCommunityHtmlBlock h2, .forceCommunityRichText.forceCommunityRichTextInline h2 {
    font-size: 38.4px;
  }
  .h3 {
    font-size: 38px;
  }
  .h4, .forceCommunityRichText.forceCommunityHtmlBlock h3, .forceCommunityRichText.forceCommunityRichTextInline h3, .ui-widget p.trac-title {
    font-size: 24px;
  }
  .h5 {
    font-size: 22px;
  }
  .h6 {
    font-size: 20px;
  }
}

@media (min-width: 90em) {
  .h1, .ui-widget .forceCommunityRichText .uiOutputRichText h1, .ui-widget .forceCommunityHeadline h1.headlineTitle {
    font-size: 58.4px;
  }
  .h2, .selfServiceSimilarArticles42 > h2, .selfServiceTopicTrendingArticles42 > h2, .selfServiceArticleLayout.zoom .article-head, .forceCommunityRichText.forceCommunityHtmlBlock h2, .forceCommunityRichText.forceCommunityRichTextInline h2 {
    font-size: 42.4px;
  }
  .h3 {
    font-size: 32px;
  }
  .h4, .forceCommunityRichText.forceCommunityHtmlBlock h3, .forceCommunityRichText.forceCommunityRichTextInline h3, .ui-widget p.trac-title {
    font-size: 24px;
  }
  .h5 {
    font-size: 22px;
  }
  .h6 {
    font-size: 20px;
  }
}

/* Changes topic listing page link colors to Snowflake Mid Blue */
.forceCommunityTopicCatalog a {
  color: #11567F !important;
}

/* Adds margin bottom to all list items in a rich text box */
.uiOutputRichText ul li {
  margin-bottom: 5px;
}

/* Adds H1 style to H1s within a rich text box */
/* Adding H2 styles to article listing headers */
/* Style for large body text option in rich text box */
.forceOutputRichText .wysiwyg-font-size-large {
  font-size: 1.1rem;
  font-family: "Lato", sans-serif;
}

/* Hiding extra header on pages */
.siteforceContentArea article.content .forcePageBlockSectionRow .slds-grid .slds-form-element > div:first-child {
  display: none;
}

/* Styles for article/post/question footer buttons */
ul.slds-post__footer-actions-list.slds-list--horizontal > li.cuf-commentLink > button,
.slds-media__body .comment__footer button,
.forceCommunityFollow button.button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 12px 27px;
  font-family: "Texta-Heavy",sans-serif;
  font-size: 14px;
  background: #11567F;
  color: #fff;
  line-height: 1;
  text-transform: none;
  text-decoration: none;
  border: none;
  white-space: nowrap;
  border-radius: 40px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

/* Question specific title styles, and question specific button styles */
.forceCommunityFeedItemDetail .cuf-feedElement .cuf-questionTitle {
  font-family: "Texta-Heavy",sans-serif;
  font-size: 18px !important;
  line-height: 1em;
}

.slds-comment.cuf-commentItem button {
  text-transform: uppercase;
}

.slds-comment.cuf-commentItem .slds-has-dividers_right > .slds-list__item:after, .slds-comment.cuf-commentItem .slds-has-dividers--right > .slds-list__item:after, .slds-comment.cuf-commentItem .slds-has-dividers_right > .slds-item:after, .slds-comment.cuf-commentItem .slds-has-dividers--right > .slds-item:after {
  background-color: transparent !important;
}

/* Basic styles for widgets - styles the headline/link */
.ui-widget .selfServiceSimilarItemWithViewCount.base-simple-item > * {
  border-bottom: none;
}

.ui-widget .selfServiceBaseSimpleItems .base-simple-item .item-title-link {
  font-family: "Texta-Bold", sans-serif;
  font-size: 16px !important;
  color: #29B5E8;
  line-height: 22px !important;
  text-decoration: none;
  padding: 0 !important;
}

.ui-widget .selfServiceBaseSimpleItems .base-simple-item .item-title-link .item-title {
  font-size: 16px !important;
  line-height: 22px !important;
}

.ui-widget .selfServiceBaseSimpleItems .base-simple-item .item-title-link:hover {
  color: #29b5e8;
  text-decoration: none;
}

.ui-widget .selfServiceBaseSimpleItems .base-simple-item .item-title-link:focus {
  box-shadow: none !important;
}

/* Styles sidebar widgets with headings/underline, and numbered lists */
div[data-region-name="sidebar"] .ui-widget, div[data-region-name="section4column2"] .ui-widget {
  margin-bottom: 2rem;
}

div[data-region-name="sidebar"] .ui-widget h1, div[data-region-name="sidebar"] .ui-widget h2, div[data-region-name="section4column2"] .ui-widget h1, div[data-region-name="section4column2"] .ui-widget h2 {
  font-family: "Texta-Black", sans-serif;
  font-size: 1.5rem !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
}

div[data-region-name="sidebar"] .ui-widget h1 strong, div[data-region-name="sidebar"] .ui-widget h2 strong, div[data-region-name="section4column2"] .ui-widget h1 strong, div[data-region-name="section4column2"] .ui-widget h2 strong {
  font-weight: 400;
  color: #11567F;
}

div[data-region-name="sidebar"] .ui-widget h1 label.headerLabel, div[data-region-name="sidebar"] .ui-widget h2 label.headerLabel, div[data-region-name="section4column2"] .ui-widget h1 label.headerLabel, div[data-region-name="section4column2"] .ui-widget h2 label.headerLabel {
  font-family: "Texta-Black", sans-serif;
  font-size: 1.5rem !important;
  text-transform: uppercase !important;
  margin-bottom: 1rem !important;
  font-weight: normal !important;
}

div[data-region-name="sidebar"] .ui-widget h1.topicHeader, div[data-region-name="sidebar"] .ui-widget h2.topicHeader, div[data-region-name="section4column2"] .ui-widget h1.topicHeader, div[data-region-name="section4column2"] .ui-widget h2.topicHeader {
  font-size: 1.2rem !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

div[data-region-name="sidebar"] .ui-widget h1.topicHeader a, div[data-region-name="sidebar"] .ui-widget h2.topicHeader a, div[data-region-name="section4column2"] .ui-widget h1.topicHeader a, div[data-region-name="section4column2"] .ui-widget h2.topicHeader a {
  font-weight: normal !important;
}

div[data-region-name="sidebar"] .ui-widget h2, div[data-region-name="section4column2"] .ui-widget h2 {
  padding-bottom: 20px;
  border-bottom: 1px solid #c4cacf;
  margin-bottom: 1rem !important;
  font-weight: 400 !important;
}

div[data-region-name="sidebar"] .ui-widget .article-list .article-item, div[data-region-name="section4column2"] .ui-widget .article-list .article-item {
  padding: 10px 0 !important;
}

div[data-region-name="sidebar"] .ui-widget .article-list .article-item .article-link .article-head, div[data-region-name="section4column2"] .ui-widget .article-list .article-item .article-link .article-head {
  font-size: 16px !important;
  line-height: 22px !important;
  font-family: "Texta-Bold",sans-serif;
  color: #29B5E8 !important;
  font-weight: 300 !important;
  margin-bottom: 0 !important;
}

div[data-region-name="sidebar"] .ui-widget .article-list .article-item .footer, div[data-region-name="section4column2"] .ui-widget .article-list .article-item .footer {
  margin-top: 5px !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles li a, div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles li a, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles li a, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles li a {
  font-family: "Texta-Bold", sans-serif !important;
  font-size: 16px !important;
  color: #29B5E8 !important;
  line-height: 22px !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles li a span, div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles li a span, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles li a span, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles li a span {
  font-size: 16px !important;
  line-height: 22px !important;
}

div[data-region-name="sidebar"] .ui-widget .base-items li.base-simple-item, div[data-region-name="section4column2"] .ui-widget .base-items li.base-simple-item {
  padding: 10px 0 !important;
  margin-bottom: 0 !important;
}

div[data-region-name="sidebar"] .ui-widget ul.base-items li.base-simple-item, div[data-region-name="section4column2"] .ui-widget ul.base-items li.base-simple-item {
  counter-increment: step-counter;
  position: relative;
  padding-left: 55px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
}

div[data-region-name="sidebar"] .ui-widget ul.base-items li.base-simple-item a, div[data-region-name="section4column2"] .ui-widget ul.base-items li.base-simple-item a {
  font-size: 16px !important;
  line-height: 22px !important;
  font-family: "Texta-Bold",sans-serif;
  color: #29B5E8 !important;
  padding: 0 0 15px !important;
}

div[data-region-name="sidebar"] .ui-widget ul.base-items li.base-simple-item a span, div[data-region-name="section4column2"] .ui-widget ul.base-items li.base-simple-item a span {
  font-size: 16px !important;
  line-height: 22px !important;
}

div[data-region-name="sidebar"] .ui-widget ul.base-items li.base-simple-item:before, div[data-region-name="section4column2"] .ui-widget ul.base-items li.base-simple-item:before {
  content: counter(step-counter, decimal-leading-zero);
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #11567F;
  line-height: 22px;
  width: 45px;
  display: inline-block;
  position: absolute;
  left: 10px;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles42 ul li, div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles ul li, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles42 ul li, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles ul li {
  counter-increment: step-counter;
  position: relative;
  padding-left: 55px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  display: block !important;
  padding: 10px 0 10px 55px !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles42 ul li .slds-border_bottom, div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles ul li .slds-border_bottom, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles42 ul li .slds-border_bottom, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles ul li .slds-border_bottom {
  border-bottom: none !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles42 ul li:before, div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles ul li:before, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles42 ul li:before, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles ul li:before {
  content: counter(step-counter, decimal-leading-zero);
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #11567F;
  line-height: 22px;
  width: 45px;
  display: inline-block;
  position: absolute;
  left: 10px;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles42 ul li a, div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles ul li a, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles42 ul li a, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles ul li a {
  font-size: 16px !important;
  line-height: 22px !important;
  font-family: "Texta-Bold",sans-serif;
  color: #29B5E8 !important;
  padding: 0 !important;
  border-bottom: none !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles42 ul li a span, div[data-region-name="sidebar"] .ui-widget .selfServiceSimilarArticles ul li a span, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles42 ul li a span, div[data-region-name="section4column2"] .ui-widget .selfServiceSimilarArticles ul li a span {
  font-size: 16px !important;
  line-height: 22px !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles h2.base-items-header, div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles42 h2.base-items-header, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles h2.base-items-header, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles42 h2.base-items-header {
  font-size: 1.8rem;
  font-family: "Texta-Black", sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #C4CACF;
  padding-bottom: 20px;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles h2.base-items-header strong, div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles42 h2.base-items-header strong, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles h2.base-items-header strong, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles42 h2.base-items-header strong {
  font-weight: 400;
  color: #11567F;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles ul li, div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles42 ul li, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles ul li, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles42 ul li {
  counter-increment: step-counter;
  position: relative;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  padding: 10px 0 10px 55px !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles ul li .slds-border_bottom, div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles42 ul li .slds-border_bottom, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles ul li .slds-border_bottom, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles42 ul li .slds-border_bottom {
  border-bottom: none !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles ul li a, div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles42 ul li a, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles ul li a, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles42 ul li a {
  font-size: 16px !important;
  line-height: 22px !important;
  font-family: "Texta-Bold",sans-serif;
  color: #29B5E8 !important;
  padding: 0 !important;
  border-bottom: none !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles ul li a span, div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles42 ul li a span, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles ul li a span, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles42 ul li a span {
  font-size: 16px !important;
  line-height: 22px !important;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles ul li:before, div[data-region-name="sidebar"] .ui-widget .selfServiceTopicTrendingArticles42 ul li:before, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles ul li:before, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicTrendingArticles42 ul li:before {
  content: counter(step-counter, decimal-leading-zero);
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #11567F;
  line-height: 22px;
  width: 45px;
  display: inline-block;
  position: absolute;
  left: 10px;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicArticleList ul.article-list, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicArticleList ul.article-list {
  counter-reset: step-counter-self-service;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicArticleList ul.article-list li.selfServiceArticleListItem, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicArticleList ul.article-list li.selfServiceArticleListItem {
  counter-increment: step-counter-self-service;
}

div[data-region-name="sidebar"] .ui-widget .selfServiceTopicArticleList ul.article-list li.selfServiceArticleListItem article:before, div[data-region-name="section4column2"] .ui-widget .selfServiceTopicArticleList ul.article-list li.selfServiceArticleListItem article:before {
  content: counter(step-counter-self-service, decimal-leading-zero);
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #11567F;
  line-height: 22px;
  width: 45px;
  display: inline-block;
  position: absolute;
  left: 10px;
}

div[data-region-name="sidebar"] .ui-widget ul.article-list li.article-item, div[data-region-name="sidebar"] .ui-widget ul.article-list li.top-article-item, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.article-item, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.top-article-item, div[data-region-name="section4column2"] .ui-widget ul.article-list li.article-item, div[data-region-name="section4column2"] .ui-widget ul.article-list li.top-article-item, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.article-item, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.top-article-item {
  counter-increment: step-counter;
  position: relative;
  padding-left: 55px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  display: block !important;
  padding: 10px 0 10px 55px !important;
}

div[data-region-name="sidebar"] .ui-widget ul.article-list li.article-item:before, div[data-region-name="sidebar"] .ui-widget ul.article-list li.top-article-item:before, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.article-item:before, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.top-article-item:before, div[data-region-name="section4column2"] .ui-widget ul.article-list li.article-item:before, div[data-region-name="section4column2"] .ui-widget ul.article-list li.top-article-item:before, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.article-item:before, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.top-article-item:before {
  content: counter(step-counter, decimal-leading-zero);
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #11567F;
  line-height: 22px;
  width: 45px;
  display: inline-block;
  position: absolute;
  left: 10px;
}

div[data-region-name="sidebar"] .ui-widget ul.article-list li.article-item a, div[data-region-name="sidebar"] .ui-widget ul.article-list li.top-article-item a, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.article-item a, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.top-article-item a, div[data-region-name="section4column2"] .ui-widget ul.article-list li.article-item a, div[data-region-name="section4column2"] .ui-widget ul.article-list li.top-article-item a, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.article-item a, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.top-article-item a {
  font-size: 16px !important;
  line-height: 22px !important;
  font-family: "Texta-Bold",sans-serif;
  color: #29B5E8 !important;
  padding: 0 !important;
}

div[data-region-name="sidebar"] .ui-widget ul.article-list li.article-item a span, div[data-region-name="sidebar"] .ui-widget ul.article-list li.top-article-item a span, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.article-item a span, div[data-region-name="sidebar"] .ui-widget ul.topicArticleList li.top-article-item a span, div[data-region-name="section4column2"] .ui-widget ul.article-list li.article-item a span, div[data-region-name="section4column2"] .ui-widget ul.article-list li.top-article-item a span, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.article-item a span, div[data-region-name="section4column2"] .ui-widget ul.topicArticleList li.top-article-item a span {
  font-size: 16px !important;
  line-height: 22px !important;
}

/* Hack styles for making specific elements look like buttons */
.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList li a {
  border-color: #11567F !important;
  color: #11567F !important;
}

.forceChatterSimpleFeedItemTopics--pill ul.topic-commaSeparatedList li a:hover {
  background-color: #11567F !important;
  color: #fff !important;
  text-decoration: none;
}

.lodge-community-news-section .slds-box_border .js-content-subtitle:after {
  display: none !important;
}

.forceChatterShareButton a.shareMenuTrigger.slds-button {
  margin-bottom: 0 !important;
}

.dummyControlsContainer .slds-button.dummyButtonCallToAction {
  background-color: #fff !important;
  text-transform: none !important;
  font-weight: 400 !important;
  font-family: "Lato", sans-serif !important;
  border: 1px solid #d4d4d4 !important;
  border-radius: .25rem !important;
}

/* Global styles for HTML and Rich text blocks */
.forceCommunityHtmlBlock .uiOutputRichText p, .forceCommunityRichText .uiOutputRichText p {
  line-height: 1.8em;
  margin-bottom: 1.5rem;
  font-size: 16px;
}

.forceCommunityHtmlBlock .uiOutputRichText p.intro-text, .forceCommunityRichText .uiOutputRichText p.intro-text {
  font-size: 1.3em;
  font-weight: 300;
}

.forceCommunityRichText ul li {
  font-size: 16px;
}

/* Global styles for HTML and Rich text blocks */
.forceCommunityRichText.forceCommunityHtmlBlock h2, .forceCommunityRichText.forceCommunityRichTextInline h2 {
  font-weight: 400 !important;
  text-transform: uppercase;
  font-family: "Texta-Black", sans-serif;
}

.forceCommunityRichText.forceCommunityHtmlBlock h2.h2-alt, .forceCommunityRichText.forceCommunityRichTextInline h2.h2-alt {
  text-transform: uppercase;
  font-family: "Texta-Black", sans-serif;
}

.forceCommunityRichText.forceCommunityHtmlBlock h2 strong, .forceCommunityRichText.forceCommunityRichTextInline h2 strong {
  font-weight: 400;
  color: #11567F;
}

.forceCommunityRichText.forceCommunityHtmlBlock h3, .forceCommunityRichText.forceCommunityRichTextInline h3 {
  font-weight: 400 !important;
}

.forceCommunityRichText.forceCommunityHtmlBlock h3.h3-alt, .forceCommunityRichText.forceCommunityRichTextInline h3.h3-alt {
  text-transform: uppercase;
  font-family: "Texta-Black", sans-serif;
}

.forceCommunityRichText.forceCommunityHtmlBlock h3 strong, .forceCommunityRichText.forceCommunityRichTextInline h3 strong {
  font-weight: 400;
  color: #11567F;
}

.forceCommunityRichText.forceCommunityHtmlBlock a.btn, .forceCommunityRichText.forceCommunityHtmlBlock a.slds-button, .forceCommunityRichText.forceCommunityHtmlBlock .createRecordWrapper.forceCommunityCreateRecordButton a.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .forceCommunityRichText.forceCommunityHtmlBlock a.triggerLink, .forceCommunityRichText.forceCommunityHtmlBlock a.dummyButtonSubmitAction , .forceCommunityRichText.forceCommunityRichTextInline a.btn, .forceCommunityRichText.forceCommunityRichTextInline a.slds-button, .forceCommunityRichText.forceCommunityRichTextInline .createRecordWrapper.forceCommunityCreateRecordButton a.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .forceCommunityRichText.forceCommunityRichTextInline a.triggerLink, .forceCommunityRichText.forceCommunityRichTextInline a.dummyButtonSubmitAction  {
  color: #fff;
}

.forceCommunityRichText.forceCommunityHtmlBlock a.btn.btn-white, .forceCommunityRichText.forceCommunityHtmlBlock a.btn-white.slds-button, .forceCommunityRichText.forceCommunityHtmlBlock .createRecordWrapper.forceCommunityCreateRecordButton a.btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .forceCommunityRichText.forceCommunityHtmlBlock a.btn-white.triggerLink, .forceCommunityRichText.forceCommunityHtmlBlock a.btn-white.dummyButtonSubmitAction , .forceCommunityRichText.forceCommunityRichTextInline a.btn.btn-white, .forceCommunityRichText.forceCommunityRichTextInline a.btn-white.slds-button, .forceCommunityRichText.forceCommunityRichTextInline .createRecordWrapper.forceCommunityCreateRecordButton a.btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .forceCommunityRichText.forceCommunityRichTextInline a.btn-white.triggerLink, .forceCommunityRichText.forceCommunityRichTextInline a.btn-white.dummyButtonSubmitAction  {
  color: #11567F;
}

.forceCommunityRichText.forceCommunityHtmlBlock a.btn.btn-white:hover, .forceCommunityRichText.forceCommunityHtmlBlock a.btn-white.slds-button:hover, .forceCommunityRichText.forceCommunityHtmlBlock .createRecordWrapper.forceCommunityCreateRecordButton a.btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .forceCommunityRichText.forceCommunityHtmlBlock a.btn-white.triggerLink:hover, .forceCommunityRichText.forceCommunityHtmlBlock a.btn-white.dummyButtonSubmitAction :hover, .forceCommunityRichText.forceCommunityRichTextInline a.btn.btn-white:hover, .forceCommunityRichText.forceCommunityRichTextInline a.btn-white.slds-button:hover, .forceCommunityRichText.forceCommunityRichTextInline .createRecordWrapper.forceCommunityCreateRecordButton a.btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .forceCommunityRichText.forceCommunityRichTextInline a.btn-white.triggerLink:hover, .forceCommunityRichText.forceCommunityRichTextInline a.btn-white.dummyButtonSubmitAction :hover {
  color: #fff;
  background-color: #11567F;
}

/* Global styles for Headlines */
h1, h2, h3, h4, h5, h6 {
  line-height: .9em;
  margin-bottom: 2rem;
  font-weight: 400 !important;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
  font-weight: 400;
  color: #11567F;
}

h1.slds-section__title, h1.slds-page-header__title, h1.header-title-container {
  font-family: "Texta-Black", sans-serif;
  font-weight: normal;
}

h1.page-title {
  font-size: 3rem;
}

h2.slds-section__title, h2.slds-page-header__title, h2.header-title-container {
  font-family: "Texta-Black", sans-serif;
  font-weight: normal;
}

h3.slds-section__title, h3.slds-page-header__title, h3.header-title-container, h4.slds-section__title, h4.slds-page-header__title, h4.header-title-container, h5.slds-section__title, h5.slds-page-header__title, h5.header-title-container, h6.slds-section__title, h6.slds-page-header__title, h6.header-title-container {
  font-family: "Texta-Heavy", sans-serif;
  font-weight: normal;
}

.forceCommunityGroupHighlightStencilNapili .name {
  font-family: "Texta-Bold", sans-serif;
  font-weight: normal;
}

.slds-text-heading_medium, .slds-text-heading_label {
  font-family: "Texta-Bold", sans-serif;
  font-weight: normal;
}

.slds-text-title_caps {
  font-family: "Texta-Heavy", sans-serif;
  font-weight: normal;
}

.lodge-section h1, .lodge-section h2, .lodge-section h3, .lodge-section h4, .lodge-section h5, .lodge-section h6 {
  line-height: .9em;
  margin-bottom: 2rem;
  font-weight: 400;
}

.lodge-section h1 strong, .lodge-section h2 strong, .lodge-section h3 strong, .lodge-section h4 strong, .lodge-section h5 strong, .lodge-section h6 strong {
  font-weight: 400;
  color: #11567F;
}

/* Global styles for paragraphs */
p {
  margin-bottom: 1.5em;
  font-weight: 400;
  line-height: 1.75em;
}

/* Global styles for Widget headlines */
.ui-widget .forceCommunityHeadline h1.headlineTitle strong {
  font-weight: 400;
  color: #11567F;
}

/* Headline style for topic headlines */
.forceCommunityTopicCatalog .topicHierarchy-top {
  font-family: "Texta-Bold", sans-serif;
}

/* New blue box styles for university page */
.blue-box {
  text-align: center;
  background: #DFF4FC;
  border-radius: 6px;
  padding: 30px 40px;
  margin: 1rem 0;
}

.blue-box h3 {
  font-family: "Texta-Heavy", sans-serif;
  font-size: 28px;
  color: #000000;
  text-align: center;
  line-height: 29px;
  margin: 15px auto;
}

.blue-box p {
  margin-bottom: 1.5rem;
}

.flex-align-top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.lodge-section .lodge-grid.flex-align-top.slds-grid {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

/************************************************************************

END NEW GLOBAL STYLES

*************************************************************************/
/************************************************************************

Hero

*************************************************************************/
.hero {
  background-image: linear-gradient(-180deg, #37B6E6 0%, rgba(24, 86, 126, 0.75) 100%);
}

.hero .forceCommunityThemeHeroBase h1.contentTitle {
  font-family: "Texta-Heavy", sans-serif;
  text-transform: uppercase;
  font-size: 38px;
  color: #FFFFFF;
  text-align: center;
  text-shadow: none !important;
  line-height: 1;
}

.forceCommunityThemeHeroStarter .searchRegion {
  margin-top: 1.5rem !important;
}

.forceCommunityThemeSearch.websterHomeHero .search-input {
  background: #FFFFFF;
  border: 0 solid #AEAFAF;
  box-shadow: inset 0 1px 5px 0 #8A999E;
  border-radius: 27.5px;
  color: #797979;
}

.forceCommunityThemeSearch.websterHomeHero .search-box .search-inputSearchButton.search-inputSearchButton--right {
  background-color: transparent !important;
  position: absolute;
  right: 0;
}

.forceCommunityThemeSearch.websterHomeHero .search-box .search-inputSearchButton.search-inputSearchButton--right svg {
  fill: #29B5E8 !important;
}

.forceCommunityThemeSearch.websterHomeHero .search-box .search-inputSearchButton.search-inputSearchButton--right:hover, .forceCommunityThemeSearch.websterHomeHero .search-box .search-inputSearchButton.search-inputSearchButton--right:focus {
  background-color: transparent !important;
}

.forceCommunityThemeSearch.websterHomeHero .search-box .search-inputSearchButton.search-inputSearchButton--right:hover svg, .forceCommunityThemeSearch.websterHomeHero .search-box .search-inputSearchButton.search-inputSearchButton--right:focus svg {
  fill: #29b5e8 !important;
}

/************************************************************************

Grid and Nav

*************************************************************************/
.ui-widget .contentContainer {
  position: relative;
  z-index: 30;
}

.lodge-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.lodge-row .lodge-col {
  text-align: center;
}

@media (min-width: 40em) {
  .lodge-row .lodge-col.lodge-col-padding {
    padding: 0 30px;
  }
  .lodge-row .lodge-col.half {
    width: 50%;
  }
}


.btn:hover,
.slds-button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton button:hover,
.createRecordWrapper.forceCommunityCreateRecordButton .triggerLink:hover,
.dummyButtonSubmitAction :hover {
  text-decoration: none !important;
}

.themeNavContainer.comm-navigation.forceCommunityThemeNav .mainNavItem {
  padding-right: 25px !important;
}

.themeNavContainer.comm-navigation.forceCommunityThemeNav .mainNavItem .linkBtn {
  font-family: "Texta-Bold", sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
  text-transform: uppercase !important;
}

@media only screen and (min-width: 47.9375em) {
  .themeNavContainer.comm-navigation.forceCommunityThemeNav .mainNavItem .linkBtn {
    color: #24323D !important;
    text-shadow: none !important;
  }
  .themeNavContainer.comm-navigation.forceCommunityThemeNav .mainNavItem .linkBtn:hover {
    color: #29B5E8 !important;
  }
  .themeNavContainer.comm-navigation.forceCommunityThemeNav .mainNavItem .linkBtn:hover svg {
    fill: #29B5E8 !important;
  }
}

.forceCommunityThemeProfileMenu .profile-menuTrigger {
  padding: 0 !important;
}

.forceCommunityThemeHeaderCompact .themeHeaderInner.containHeader-true {
  margin-top: 18px;
}

.themeUtils {
  position: absolute;
  top: -35px;
  right: 0;
}

.themeHeader.forceCommunityThemeHeaderCompact {
  padding-top: 54px !important;
}

.themeUtilsContainer .themeUtil .slds-button--icon-container .headerButtonBody lightning-primitive-icon svg {
  fill: #11567F !important;
}

.themeUtilsContainer .themeUtil .slds-button--icon-container .headerButtonBody:hover {
  background-color: transparent !important;
}

.themeUtilsContainer .themeUtil .slds-button--icon-container .headerButtonBody:hover lightning-primitive-icon svg {
  fill: #11567f !important;
}

.themeUtilsContainer .themeUtil .slds-button--icon-container {
  margin-bottom: 0 !important;
}

.themeUtilsContainer .themeUtil .slds-button--icon-container:hover {
  background-color: transparent !important;
}

.themeUtilsContainer .themeUtil .slds-button--icon-container:hover lightning-primitive-icon svg {
  fill: #11567f !important;
}

.themeUtilsContainer .themeUtil .slds-button_icon-bare {
  margin-bottom: 0 !important;
}

.themeUtilsContainer .themeUtil .slds-button_icon-bare lightning-primitive-icon svg {
  fill: #11567F !important;
}

.themeUtilsContainer .themeUtil .slds-button_icon-bare:hover {
  background-color: transparent !important;
}

.themeUtilsContainer .themeUtil .slds-button_icon-bare:hover lightning-primitive-icon svg {
  fill: #11567f !important;
}

/************************************************************************

Notifications

*************************************************************************/
.uiPanel.uiPanel--notificationsPanel {
  border: none;
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2);
}

.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .titleContainer {
  border-bottom: none;
}

.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .titleName {
  font-family: "Texta-Bold", sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 24px;
  font-weight: normal;
}

.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .titleOptions {
  font-family: "Texta-Bold", sans-serif;
  font-size: 15px;
  color: #29B5E8;
  line-height: 24px;
}

.uiPanel.uiPanel--notificationsPanel .unsNotificationsPanel .listContainer {
  font-size: 12px;
  color: #000000;
  line-height: 17px;
}

.uiPanel.uiPanel--notificationsPanel > .pointer {
  border: none;
}

.themeNavContainer.comm-navigation.forceCommunityThemeNav ul li:last-child {
  padding-right: 0 !important;
}

.themeHeader.containHeader-true.forceCommunityThemeHeaderCompact {
  padding-top: 32px;
}

.slds-button:hover {
  background: #11567f;
}

.slds-button.forceListViewPicker:hover, .slds-button.forceListViewPicker:focus {
  background: none !important;
}

.slds-button.slds-button_icon-bare:hover, .slds-button.slds-button_icon-bare:focus {
  background: none !important;
}

.slds-button_neutral.slds-is-selected, .slds-button--neutral.slds-is-selected {
  border: 1px solid #C7C7C7 !important;
  color: #C7C7C7 !important;
}

.forceChatterNewMessageNotification .uiButton {
  height: auto !important;
}

li.slds-button a {
  color: #fff important;
  border-radius: 40px;
}

.slds-button-group-list li:first-child .slds-button, .slds-button-group .slds-button:first-child {
  border-radius: 40px;
}

.slds-button-group .slds-button:last-child, .slds-button-group-list li:last-child .slds-button, .slds-button-group .slds-button_last .slds-button, .slds-button-group .slds-button--last .slds-button, .slds-button-group .slds-button.slds-button_last, .slds-button-group .slds-button.slds-button--last, .slds-button-group .slds-button_last .slds-button:only-child, .slds-button-group .slds-button--last .slds-button:only-child, .slds-button-group .slds-button.slds-button_last, .slds-button-group .slds-button.slds-button--last {
  border-radius: 0 40px 40px 0;
}

ul.slds-button-group > li > a {
  color: #fff;
}

.slds-button-group .slds-button {
  background: none !important;
  padding: 0 !important;
}

.slds-button-group .slds-button a {
  background: #11567F;
  margin: 0 5px !important;
  padding: 12px 27px !important;
  color: #fff !important;
}

.slds-button-group .slds-button a:hover {
  background: #11567f !important;
}

.slds-button-group .slds-button.oneActionsDropDown a {
  color: #11567F !important;
  background: none !important;
  padding: 0 !important;
}

.slds-button-group .slds-button.oneActionsDropDown a:hover, .slds-button-group .slds-button.oneActionsDropDown a:focus {
  background: none !important;
}

/************************************************************************

Recommendations Widget

*************************************************************************/
.forceChatterRecommendationCarouselWidget .carousel {
  min-height: 350px;
}

.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page {
  text-align: center;
  background: #DFF4FC;
  border-radius: 6px;
  padding: 30px 40px;
  margin: 0;
}

.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .cuf-recommendationDisplayLabel {
  font-family: "Texta-Bold", sans-serif;
  font-size: 28px;
  color: #000000;
  text-align: center;
  line-height: 29px;
  margin: 8px auto;
  padding: 0;
}

.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .cuf-recommendationSummary {
  margin-bottom: 10px;
}

.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .notInterestedLink {
  color: #11567F;
  font-size: 11px;
}

.forceChatterRecommendationCarouselWidget .carousel .carousel-body .carousel-page .slds-button {
  height: auto !important;
  margin-bottom: 0 !important;
}

.forceChatterRecommendationCarouselWidget .cuf-recommendationIcon {
  padding: 0 !important;
}

.forceChatterRecommendationCarouselWidget .indicator.forceAsyncCarouselIndicator {
  background: none;
}

.forceChatterRecommendationCarouselWidget .forceChatterRecommendationBig .cuf-appImage {
  max-height: 55px;
  max-width: 200px;
  padding: 0;
}

.forceChatterRecommendationCarouselWidget .forceAsyncCarouselIndicator .dot-indicator {
  box-shadow: none !important;
  width: 13px !important;
  height: 13px !important;
  background-color: rgba(41, 181, 232, 0.29) !important;
  border-radius: 50% !important;
  outline: none !important;
}

.forceChatterRecommendationCarouselWidget .forceAsyncCarouselIndicator .dot-indicator:focus {
  outline: none !important;
}

.forceChatterRecommendationCarouselWidget .forceAsyncCarouselIndicator .tab.selected .dot-indicator {
  background-color: #29b5e8 !important;
}

.forceChatterRecommendationCarouselWidget .uiOutputText {
  margin-bottom: 1.5em;
  font-weight: 300;
  line-height: 1.75em;
}

.forceChatterRecommendationCarouselWidget .uiScroller {
  outline: none !important;
  min-height: 300px;
}

.forceChatterRecommendationCarouselWidget .uiScroller:focus {
  outline: none !important;
}

/************************************************************************

Tiles

*************************************************************************/
@media (min-width: 64em) {
  .tileMenuItemList .slds-small-size_1-of-2 {
    width: 33% !important;
  }
}

.forceCommunityTileMenuItem .noImage {
  background-color: #11567F !important;
}

.forceCommunityTileMenuItem.uiMenuItem a.navTileLink {
  position: relative !important;
  height: 173px !important;
  background-image: linear-gradient(-133deg, #D45B90 0%, #FF9F36 100%);
  border-radius: 6px;
}

.forceCommunityTileMenuItem.uiMenuItem a.navTileLink:focus, .forceCommunityTileMenuItem.uiMenuItem a.navTileLink:hover {
  background-color: transparent !important;
}

.forceCommunityTileMenuItem.uiMenuItem a.navTileLink:focus .tileLabel, .forceCommunityTileMenuItem.uiMenuItem a.navTileLink:hover .tileLabel {
  background-color: transparent !important;
}

.forceCommunityTileMenuItem.uiMenuItem a.navTileLink:focus .imagePreview, .forceCommunityTileMenuItem.uiMenuItem a.navTileLink:hover .imagePreview {
  opacity: 0;
}

.forceCommunityTileMenuItem.uiMenuItem .tileLabel {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent !important;
  z-index: 4;
  color: #fff;
  overflow: visible !important;
  font-family: "Texta-Bold", sans-serif;
  font-size: 26px;
  color: #FFFFFF;
  text-align: center;
  line-height: 28px;
  padding: 0 20px;
  text-overflow: initial;
  white-space: pre-wrap;
}

.forceCommunityTileMenuItem.uiMenuItem .imagePreview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  opacity: 1;
  -webkit-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.lodge-section {
  padding: 20px 0;
}

.lodge-section .slds-grid {
  max-width: 1170px;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  z-index: 20;
}

.lodge-section hr {
  margin: 1rem 0;
}

@media (min-width: 40em) {
  .lodge-section {
    padding: 30px 0;
  }
}

@media (min-width: 64em) {
  .lodge-section {
    padding: 50px 0;
  }
}

/************************************************************************

Buttons

*************************************************************************/
.flex-vertical-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-vertical-buttons .flex-button:first-child {
  margin-top: 22px;
}

.flex-button {
  border-radius: 6px;
  color: #fff !important;
  font-family: "Texta-Bold", sans-serif;
  font-size: 26px;
  text-align: center;
  line-height: 28px;
  margin: 0;
  width: 100%;
  text-decoration: none;
  padding: 40px 20px;
}

.flex-button:hover {
  text-decoration: none !important;
}

.flex-button.orange {
  background-image: linear-gradient(-135deg, #D45B90 0%, #FF9F36 100%);
}

.flex-button.orange:hover {
  background-image: linear-gradient(-131deg, #B64E7B 0%, #FF9F36 100%);
}

.flex-button.purple {
  background-image: linear-gradient(-136deg, #7D44CF 0%, #71D3DC 100%);
}

.flex-button.purple:hover {
  background-image: linear-gradient(-136deg, #7441BE 0%, #63BBC3 100%);
}

.slds-button.askCommunityBtn.forceCommunityAskCommunity {
  border-radius: 6px !important;
  color: #fff !important;
  font-family: "Texta-Bold", sans-serif !important;
  font-size: 26px !important;
  text-align: center;
  line-height: 28px !important;
  margin: 0;
  width: 100% !important;
  text-decoration: none;
  padding: 40px 20px !important;
  background-image: linear-gradient(-135deg, #D45B90 0%, #FF9F36 100%) !important;
  border: none !important;
  box-sizing: border-box !important;
}

.slds-button.askCommunityBtn.forceCommunityAskCommunity:hover {
  background-image: linear-gradient(-131deg, #B64E7B 0%, #FF9F36 100%) !important;
}

.slds-button.askCommunityBtn.forceCommunityAskCommunity:hover {
  text-decoration: none !important;
}

.forceCommunityFollow .slds-button, .slds-button.selfServiceContactSupport {
  border-radius: 6px !important;
  color: #fff !important;
  font-family: "Texta-Bold", sans-serif !important;
  font-size: 26px !important;
  text-align: center;
  line-height: 28px !important;
  margin: 0;
  width: 100% !important;
  text-decoration: none;
  padding: 40px 20px !important;
  border: none !important;
  background-image: linear-gradient(-136deg, #7D44CF 0%, #71D3DC 100%) !important;
  box-sizing: border-box !important;
}

.forceCommunityFollow .slds-button:hover, .slds-button.selfServiceContactSupport:hover {
  background-image: linear-gradient(-136deg, #7441BE 0%, #63BBC3 100%) !important;
  text-decoration: none !important;
}

@media only screen and (min-aspect-ratio: 4 / 3) and (min-width: 48em), only screen and (min-width: 64.0625em) {
  .siteforceNapiliFooter .cta-btn {
    margin: 14px 10px !important;
  }
}

.featured-content-block {
  text-align: center;
  padding: 30px 20px;
  border-radius: 6px;
  color: #fff;
  background-image: linear-gradient(-117deg, #71D3DC 0%, #D45B90 90%);
}

.featured-content-block h3 {
  font-family: "Texta-Black", sans-serif;
  font-size: 32px;
  color: #FFFFFF;
  letter-spacing: -0.44px;
  text-align: center;
  line-height: 29px;
  margin-bottom: 1.5rem;
}

.featured-content-block p {
  margin-bottom: 1.5rem;
}

.featured-content-block .btn.btn-white, .featured-content-block .btn-white.slds-button, .featured-content-block .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block button.btn-white, .featured-content-block .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block .btn-white.triggerLink, .featured-content-block .btn-white.dummyButtonSubmitAction  {
  margin-bottom: 0;
  color: #D45B90 !important;
}

.featured-content-block .btn.btn-white:hover, .featured-content-block .btn-white.slds-button:hover, .featured-content-block .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block button.btn-white:hover, .featured-content-block .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block .btn-white.triggerLink:hover, .featured-content-block .btn-white.dummyButtonSubmitAction :hover {
  background-color: #D45B90 !important;
  color: #fff !important;
}

.featured-content-block.blue, .featured-content-block.courses {
  background-image: linear-gradient(45deg, #29B5E8 0%, #71D3DC 100%);
  box-shadow: 2px 4px 6px 0 rgba(83, 94, 105, 0.16);
}

.featured-content-block.blue .btn.btn-white, .featured-content-block.blue .btn-white.slds-button, .featured-content-block.blue .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blue button.btn-white, .featured-content-block.blue .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blue .btn-white.triggerLink, .featured-content-block.blue .btn-white.dummyButtonSubmitAction , .featured-content-block.courses .btn.btn-white, .featured-content-block.courses .btn-white.slds-button, .featured-content-block.courses .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.courses button.btn-white, .featured-content-block.courses .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.courses .btn-white.triggerLink, .featured-content-block.courses .btn-white.dummyButtonSubmitAction  {
  color: #29B5E8 !important;
}

.featured-content-block.blue .btn.btn-white:hover, .featured-content-block.blue .btn-white.slds-button:hover, .featured-content-block.blue .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blue button.btn-white:hover, .featured-content-block.blue .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blue .btn-white.triggerLink:hover, .featured-content-block.blue .btn-white.dummyButtonSubmitAction :hover, .featured-content-block.courses .btn.btn-white:hover, .featured-content-block.courses .btn-white.slds-button:hover, .featured-content-block.courses .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.courses button.btn-white:hover, .featured-content-block.courses .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.courses .btn-white.triggerLink:hover, .featured-content-block.courses .btn-white.dummyButtonSubmitAction :hover {
  background-color: #29B5E8 !important;
  color: #fff !important;
}

.featured-content-block.tutorials {
  background-image: linear-gradient(-135deg, #71D3DC 0%, #FF9F36 100%);
}

.featured-content-block.tutorials .btn.btn-white, .featured-content-block.tutorials .btn-white.slds-button, .featured-content-block.tutorials .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.tutorials button.btn-white, .featured-content-block.tutorials .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.tutorials .btn-white.triggerLink, .featured-content-block.tutorials .btn-white.dummyButtonSubmitAction  {
  color: #FF9F36 !important;
}

.featured-content-block.tutorials .btn.btn-white:hover, .featured-content-block.tutorials .btn-white.slds-button:hover, .featured-content-block.tutorials .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.tutorials button.btn-white:hover, .featured-content-block.tutorials .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.tutorials .btn-white.triggerLink:hover, .featured-content-block.tutorials .btn-white.dummyButtonSubmitAction :hover {
  background-color: #FF9F36 !important;
  color: #fff !important;
}

.featured-content-block.blog-post {
  background-image: linear-gradient(-135deg, #FF9F36 0%, #7D44CF 100%);
}

.featured-content-block.blog-post .btn.btn-white, .featured-content-block.blog-post .btn-white.slds-button, .featured-content-block.blog-post .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blog-post button.btn-white, .featured-content-block.blog-post .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blog-post .btn-white.triggerLink, .featured-content-block.blog-post .btn-white.dummyButtonSubmitAction  {
  color: #7D44CF !important;
}

.featured-content-block.blog-post .btn.btn-white:hover, .featured-content-block.blog-post .btn-white.slds-button:hover, .featured-content-block.blog-post .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blog-post button.btn-white:hover, .featured-content-block.blog-post .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.blog-post .btn-white.triggerLink:hover, .featured-content-block.blog-post .btn-white.dummyButtonSubmitAction :hover {
  background-color: #7D44CF !important;
  color: #fff !important;
}

.featured-content-block.educational {
  background-image: linear-gradient(-131deg, #37B6E6 0%, #18567E 100%);
}

.featured-content-block.educational .btn.btn-white, .featured-content-block.educational .btn-white.slds-button, .featured-content-block.educational .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.educational button.btn-white, .featured-content-block.educational .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.educational .btn-white.triggerLink, .featured-content-block.educational .btn-white.dummyButtonSubmitAction  {
  color: #11567F !important;
}

.featured-content-block.educational .btn.btn-white:hover, .featured-content-block.educational .btn-white.slds-button:hover, .featured-content-block.educational .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.educational button.btn-white:hover, .featured-content-block.educational .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .featured-content-block.educational .btn-white.triggerLink:hover, .featured-content-block.educational .btn-white.dummyButtonSubmitAction :hover {
  background-color: #11567F !important;
  color: #fff !important;
}

@media (min-width: 64em) {
  .featured-content-block {
    padding: 50px 60px;
  }
}

@media (min-width: 90em) {
  .featured-content-block {
    padding: 50px 90px;
  }
}

/************************************************************************

Blue Gradient Boxes

*************************************************************************/
.blue-gradient-box {
  text-align: center;
  padding: 30px 20px;
  border-radius: 6px;
  color: #fff;
  background-image: linear-gradient(-180deg, #37B6E6 0%, #18567E 100%);
  margin: 15px;
}

.blue-gradient-box h3 {
  font-family: "Texta-Heavy", sans-serif !important;
  font-size: 28px !important;
  color: #FFFFFF;
  letter-spacing: -0.39px !important;
  text-align: center;
  line-height: 29px !important;
  margin-bottom: 1rem !important;
  text-transform: none !important;
}

.blue-gradient-box p {
  margin-bottom: 1.5rem;
}

.blue-gradient-box .btn.btn-white, .blue-gradient-box .btn-white.slds-button, .blue-gradient-box .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white, .createRecordWrapper.forceCommunityCreateRecordButton .blue-gradient-box button.btn-white, .blue-gradient-box .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .blue-gradient-box .btn-white.triggerLink, .blue-gradient-box .btn-white.dummyButtonSubmitAction  {
  margin-bottom: 0;
  color: #29B5E8 !important;
}

.blue-gradient-box .btn.btn-white:hover, .blue-gradient-box .btn-white.slds-button:hover, .blue-gradient-box .createRecordWrapper.forceCommunityCreateRecordButton button.btn-white:hover, .createRecordWrapper.forceCommunityCreateRecordButton .blue-gradient-box button.btn-white:hover, .blue-gradient-box .createRecordWrapper.forceCommunityCreateRecordButton .btn-white.triggerLink:hover, .createRecordWrapper.forceCommunityCreateRecordButton .blue-gradient-box .btn-white.triggerLink:hover, .blue-gradient-box .btn-white.dummyButtonSubmitAction :hover {
  background-color: #29B5E8 !important;
  color: #fff !important;
}

@media (min-width: 64em) {
  .blue-gradient-box {
    padding: 50px 60px;
  }
}

/************************************************************************

Custom Columns

*************************************************************************/
.sno-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 0;
}

.sno-row .sno-col {
  display: block;
  width: 100%;
}

@media (min-width: 40em) {
  .sno-row {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  .sno-row .sno-col {
    width: 50%;
  }
}

@media (min-width: 64em) {
  .sno-row .sno-col {
    width: 33%;
  }
}

/************************************************************************

Notification Bar

*************************************************************************/
.home-notification-section {
  margin-bottom: 45px;
  margin-top: 8px;
}

.home-notification-section .slds-grid {
  max-width: 1170px;
  margin: 0 auto;
}

.home-notification-section .slds-grid div {
  width: 100%;
}

.home-notification-section ul.slds-has-dividers_around-space {
  width: 100%;
}

.home-notification-section .slds-item {
  border: none !important;
  background: #FFFFFF;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
  padding: 15px 20px;
  margin: 0 auto;
  max-width: 1021px;
  border-radius: 0 !important;
}

.home-notification-section .slds-item.Warning-notification .slds-tile h3.slds-tile__title {
  color: #FF9F36;
}

.home-notification-section .slds-item.Warning-notification .slds-tile p.slds-truncate {
  color: #24323D;
}

.home-notification-section .slds-item.Warning-notification .slds-tile a {
  color: #FF9F36 !important;
}

.home-notification-section .slds-item.Warning-notification .slds-tile .slds-icon-text-default {
  fill: #FF9F36;
}

.home-notification-section .slds-item.Warning-notification .slds-tile .slds-button:hover .slds-icon-text-default {
  fill: #ff9f35;
}

.home-notification-section .slds-item.Critical-notification .slds-tile h3.slds-tile__title {
  color: #D45B90;
}

.home-notification-section .slds-item.Critical-notification .slds-tile p.slds-truncate {
  color: #24323D;
}

.home-notification-section .slds-item.Critical-notification .slds-tile a {
  color: #D45B90 !important;
}

.home-notification-section .slds-item.Critical-notification .slds-tile .slds-icon-text-default {
  fill: #D45B90;
}

.home-notification-section .slds-item.Critical-notification .slds-tile .slds-button:hover .slds-icon-text-default {
  fill: #d45b90;
}

.home-notification-section .slds-item .slds-tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  text-align: center;
}

.home-notification-section .slds-item .slds-tile .slds-tile__detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.home-notification-section .slds-item .slds-tile h3.slds-tile__title {
  font-family: "Texta-Bold", sans-serif;
  font-size: 18px;
  color: #4A4A4A;
  line-height: 24px;
  margin-right: 10px;
  width: 100%;
  margin-bottom: 0;
  padding-top: 0;
}

.home-notification-section .slds-item .slds-tile h3.slds-tile__title a {
  text-transform: none;
  font-size: 18px;
  color: #4A4A4A;
  line-height: 24px;
  margin-right: 10px;
  width: 100%;
}

.home-notification-section .slds-item .slds-tile p.slds-truncate {
  font-size: 13px;
  color: #4A4A4A;
  line-height: 24px;
  overflow: auto;
  text-overflow: initial;
  margin: 0 10px;
  text-align: left;
}

.home-notification-section .slds-item .slds-tile a {
  font-family: "Texta-Bold", sans-serif;
  font-size: 13px;
  color: #4A4A4A;
  text-transform: uppercase;
  margin: 0 10px;
}

.home-notification-section .slds-item .slds-tile a:after {
  content: '»';
  margin-left: 4px;
}

.home-notification-section .slds-item .slds-tile .slds-notification__close {
  top: -5px;
  z-index: 5;
}

.home-notification-section .slds-item .slds-tile .slds-icon-text-default {
  fill: #4A4A4A;
}

.home-notification-section .slds-item .slds-tile .slds-button:hover {
  background: none;
}

.home-notification-section .slds-item .slds-tile .slds-button:hover .slds-icon-text-default {
  fill: #4a4a4a;
}

@media (min-width: 40em) {
  .home-notification-section .slds-item .slds-tile {
    padding: 8px 70px 8px 40px;
  }
}

@media (min-width: 64em) {
  .home-notification-section .slds-item .slds-tile {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    text-align: left;
  }
  .home-notification-section .slds-item .slds-tile .slds-tile__detail {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .home-notification-section .slds-item .slds-tile h3.slds-tile__title {
    width: 65%;
  }
}

.notification-bar-large {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 40px 20px;
  background-color: #11567F;
  border-radius: 6px;
}

.notification-bar-large h3 {
  font-family: "Texta-Black", sans-serif;
  font-size: 32px;
  color: #FFFFFF;
  letter-spacing: -0.44px;
  line-height: 29px;
  margin: 0;
}

.notification-bar-large p {
  font-size: 14px !important;
  color: #71D3DC !important;
  line-height: 22px !important;
  margin: 0 20px !important;
}

.notification-bar-large .btn, .notification-bar-large .slds-button, .notification-bar-large .createRecordWrapper.forceCommunityCreateRecordButton button, .createRecordWrapper.forceCommunityCreateRecordButton .notification-bar-large button, .notification-bar-large .createRecordWrapper.forceCommunityCreateRecordButton .triggerLink, .createRecordWrapper.forceCommunityCreateRecordButton .notification-bar-large .triggerLink, .notification-bar-large .dummyButtonSubmitAction  {
  margin-bottom: 0;
}

.notification-bar-large .notification-bar-col {
  text-align: center;
  margin-bottom: 15px;
}

@media (min-width: 40em) {
  .notification-bar-large {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 40px 30px;
    background-image: url("//www.snowflake.com/wp-content/themes/snowflake/img/lodge/new-to-snowflake-box-arrows.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center left;
  }
  .notification-bar-large .notification-bar-col {
    text-align: left;
    margin-bottom: 0;
  }
  .notification-bar-large .notification-bar-col.third {
    width: 33%;
    -webkit-flex-basis: 33%;
    -moz-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
  }
  .notification-bar-large .notification-bar-col.centered {
    text-align: center;
  }
}

/************************************************************************

Leaderboard

*************************************************************************/

.comm-leaderboard .slds-media__body .levelAndPointsCol .comm-leaderboard__user-name {
  font-family: "Texta-Bold", sans-serif;
  font-size: 16px;
  color: #29B5E8;
  line-height: 28px;
}

.comm-leaderboard .slds-media__body .levelAndPointsCol .slds-p-top_xx-small .slds-icon_small {
  position: absolute;
  left: 35px;
  width: 13px;
  height: 13px;
}

/*.comm-leaderboard .slds-media__body .levelAndPointsCol .slds-p-top_xx-small .comm-leaderboard__level-name {
  /*display: none;*/
}*/

.comm-leaderboard .slds-media {
  position: relative;
}

.comm-leaderboard .slds-media .slds-media__figure .slds-avatar_circle {
  border: 1px solid #29B5E8;
}



/************************************************************************

Footer

*************************************************************************/
.social-links {
  list-style-type: none;
  margin: 0 auto 50px;
  text-align: center;
  padding: 0;
  white-space: normal;
}

.social-links li {
  display: inline-block;
}

.social-links li a {
  display: block;
  background-color: #fff;
  margin: 0 8px;
  text-decoration: none;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  position: relative;
}

.social-links li a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #11567F;
  text-decoration: none;
}

#lodge-footer {
  padding: 40px 0 60px;
  background-color: #11567F;
}

#lodge-footer .slds-grid {
  max-width: 75rem;
  margin: 0 auto;
}

#lodge-footer .slds-grid .slds-col {
  text-align: center;
}

@media (min-width: 64em) {
  #lodge-footer {
    padding: 70px 0 90px;
  }
  #lodge-footer .slds-grid .slds-col {
    text-align: left;
  }
}

#lodge-footer-nav {
  list-style-type: none;
  margin: 40px 0;
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#lodge-footer-nav li {
  margin: 0 0 20px;
  padding: 0;
  display: block;
  text-align: center;
  width: 100%;
}

#lodge-footer-nav li h6 {
  font-family: "Texta-Bold", sans-serif;
  font-size: 14px;
  color: #E2E2E2;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  margin-bottom: 20px;
}

#lodge-footer-nav li a {
  font-weight: 300;
}

#lodge-footer-nav li a:hover {
  text-decoration: none;
  color: #29B5E8;
}

#lodge-footer-nav li ul li {
  width: 100%;
  margin: 0 0 10px;
}

#lodge-footer-nav li ul li a {
  font-family: "Lato", sans-serif;
  font-size: 13px;
  color: #FFFFFF;
  line-height: 18px;
  text-transform: none;
}

@media (min-width: 40em) {
  #lodge-footer-nav {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    text-align: left;
    margin: 0;
  }
  #lodge-footer-nav li {
    width: 33%;
    -webkit-flex-basis: 33%;
    -moz-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    margin: 0 0 10px;
    padding: 0 10px;
    text-align: left;
  }
  #lodge-footer-nav li ul li {
    width: 100%;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 0;
  }
}

.lodge-footer-logo {
  width: 206px;
  height: auto;
  margin-bottom: 50px;
}

.lodge-footer-info {
  margin-bottom: 30px;
}

.lodge-footer-info p {
  font-size: 12px;
  color: #C4CACF;
  line-height: 17px;
}

.lodge-copyright p {
  font-size: 10px;
  color: #C4CACF;
  line-height: 14px;
}

.lodge-copyright p a {
  color: #C4CACF;
  text-decoration: none;
}

/************************************************************************

Help a Peer / Questions

*************************************************************************/
#help-a-peer-home {
  background: url("//www.snowflake.com/wp-content/themes/snowflake/img/lodge/help-a-peer-background.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #fff;
  text-align: center;
}

#help-a-peer-home .slds-grid {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#help-a-peer-home .slds-col {
  text-align: center;
}

#help-a-peer-home p.trac-title {
  font-family: "Texta-Black", sans-serif;
  font-size: 32px;
  color: #FFFFFF;
  text-align: center !important;
  line-height: 27px;
  margin-bottom: 1.5rem;
}

@media (min-width: 40em) {
  #help-a-peer-home p.trac-title {
    font-size: 45px;
    line-height: 47px;
  }
}

ul.unanswered-questions-carousel {
  margin: 40px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul.unanswered-questions-carousel .unanswered-question-icons {
  margin-bottom: 10px;
  margin-left: -5px !important;
}

ul.unanswered-questions-carousel li {
  display: inline-block;
  width: 100%;
  margin: 0 0 20px;
}

ul.unanswered-questions-carousel li a {
  display: block;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 6px;
  padding: 35px 25px;
  text-decoration: none;
  text-align: left;
  color: #E1E0D8;
  margin: 0 20px;
  min-height: 190px;
}

ul.unanswered-questions-carousel li a .slds-text-title.slds-p-vertical_table-cell-spacing.slds-grid {
  display: block;
  padding: 0;
}

ul.unanswered-questions-carousel li a .slds-text-title.slds-p-vertical_table-cell-spacing.slds-grid .slds-p-around--x-small {
  padding: 0;
  line-height: normal !important;
}

ul.unanswered-questions-carousel li a h5 {
  font-family: "Texta-Bold", sans-serif;
  font-size: 22px;
  color: #FFFFFF;
  line-height: 24px;
  margin-bottom: 1rem;
  text-decoration: none;
}

ul.unanswered-questions-carousel li a span {
  color: #E1E0D8;
}

ul.unanswered-questions-carousel li a lightning-formatted-date-time {
  color: #E1E0D8;
}

ul.unanswered-questions-carousel li a .slds-badge {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: inherit;
  line-height: normal;
  text-transform: none;
  letter-spacing: 0;
  color: #E1E0D8;
  vertical-align: baseline;
  white-space: normal;
  margin-right: 10px;
}

ul.unanswered-questions-carousel li a p {
  font-size: 14px;
  color: #E1E0D8;
  line-height: 24px;
  margin-bottom: 1rem;
  text-decoration: none;
}

ul.unanswered-questions-carousel li a p span {
  margin: 0 5px;
}

ul.unanswered-questions-carousel li a .question-icons {
  font-size: 14px;
  color: #E1E0D8;
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

ul.unanswered-questions-carousel li a .question-icons p {
  margin: 0 0.5rem 0 0;
}

ul.unanswered-questions-carousel li a .question-icons .slds-icon-text-default {
  fill: #E1E0D8;
}

@media (min-width: 40em) {
  ul.unanswered-questions-carousel li {
    width: 50%;
  }
}

@media (min-width: 64em) {
  ul.unanswered-questions-carousel li {
    width: 33%;
  }
}

/************************************************************************

Community News

*************************************************************************/
.lodge-community-news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 25px 0;
}

.lodge-community-news .lodge-news-item {
  display: block;
  background-color: #F4F6F6;
  border-radius: 6px;
  width: 100%;
  padding: 25px 20px;
  text-decoration: none;
  text-align: left;
  margin: 15px;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}

.lodge-community-news .lodge-news-item h5 {
  font-family: "Texta-Bold", sans-serif;
  font-size: 22px;
  color: #11567F;
  line-height: 24px;
  margin-bottom: 1rem;
  text-decoration: none;
}

.lodge-community-news .lodge-news-item p {
  font-size: 14px;
  color: #000000;
  line-height: 24px;
  margin-bottom: 1rem;
  text-decoration: none;
}

.lodge-community-news .lodge-news-item p span {
  margin: 0 5px;
}

.lodge-community-news .lodge-news-item .news-link {
  color: #29B5E8;
  text-transform: uppercase;
  font-family: "Texta-Bold", sans-serif;
  margin-top: 20px;
  margin-bottom: 0;
}

.lodge-community-news .lodge-news-item:hover {
  background-color: #DFF4FC;
  text-decoration: none;
}

.lodge-community-news .lodge-news-item:hover h5, .lodge-community-news .lodge-news-item:hover p {
  text-decoration: none;
}

@media (min-width: 40em) {
  .lodge-community-news {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
  }
  .lodge-community-news .lodge-news-item {
    width: 50%;
  }
}

@media (min-width: 64em) {
  .lodge-community-news .lodge-news-item {
    width: 33%;
  }
}

.lodge-community-news-section .js-content-navlink:hover {
  text-decoration: none !important;
}

.lodge-community-news-section .js-content-navlink:hover .slds-box_border {
  background-color: #DFF4FC !important;
  text-decoration: none;
}

.lodge-community-news-section .js-content-navlink:hover .slds-text-heading_large {
  text-decoration: none !important;
}

.lodge-community-news-section .js-content-navlink:hover .slds-text-body_medium {
  text-decoration: none !important;
}

.lodge-community-news-section .slds-box_border {
  border: none;
  display: block;
  background-color: #F4F6F6 !important;
  border-radius: 6px !important;
  width: 100%;
  padding: 35px 25px !important;
  text-decoration: none;
  text-align: left;
  margin: 0 !important;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}

.lodge-community-news-section .slds-box_border .slds-col {
  background-color: #F4F6F6 !important;
  padding: 0 !important;
}

.lodge-community-news-section .slds-box_border .js-content-title p {
  font-family: "Texta-Bold", sans-serif;
  font-size: 22px;
  color: #11567F;
  line-height: 24px;
  margin-bottom: 1rem;
  text-decoration: none;
}

.lodge-community-news-section .slds-box_border .js-content-subtitle {
  font-size: 14px;
  color: #000000;
  line-height: 24px;
  margin-bottom: 1rem;
  text-decoration: none;
}

.lodge-community-news-section .slds-box_border .js-content-subtitle:after {
  display: block;
  color: #29B5E8;
  text-transform: uppercase;
  font-family: "Texta-Bold", sans-serif;
  margin-top: 20px;
  margin-bottom: 0;
  content: 'Read More';
}

.lodge-community-news-section .lodge-section .slds-box_border {
  border: none !important;
}

ul.article-list {
  list-style-type: none;
  margin: 25px 0;
  padding: 0;
}

ul.article-list li {
  margin: 10px 0;
  padding: 0 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

ul.article-list li:before {
  display: none !important;
}

ul.article-list li .li-num {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-size: 22px;
  color: #11567F;
  line-height: 22px;
  margin-right: 10px;
  width: 35px;
}

ul.article-list li .li-title {
  font-family: "Texta-Bold", sans-serif;
  font-size: 16px;
  color: #29B5E8;
  line-height: 22px;
}

ul.article-list li .li-title a {
  font-family: "Texta-Bold", sans-serif;
  font-size: 16px;
  color: #29B5E8;
  line-height: 22px;
  text-decoration: none;
}

/* * * * *
  Articles and listing styles
* * * * * */
.uaq-row {
  padding: 15px 0;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.uaq-row .slds-badge {
  font-weight: 400 !important;
}

.uaq-row h5 {
  font-size: 16px !important;
  font-family: "Lato", sans-serif !important;
  line-height: 1.8em;
  color: #000;
  margin: 10px 0;
}

.uaq-item-details {
  width: 100%;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.uaq-item-details span, .uaq-item-details lightning-formatted-date-time {
  font-size: 11px !important;
}

.selfServiceArticleLayout.zoom .article-head {
  font-size: 2em;
}

.forceChatterComment .comment__footer .slds-button {
  color: #fff !important;
}

.slds-post__footer .forceChatterShareButton {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem;
  padding: 12px 27px;
  font-family: Texta-Heavy,sans-serif;
  font-size: 14px;
  background: #11567F;
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  border: none;
  white-space: nowrap;
  border-radius: 40px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.slds-post__footer .forceChatterShareButton a {
  color: #fff !important;
  margin-right: 0 !important;
}

.slds-post__footer .forceChatterShareButton .slds-dropdown__item a {
  color: #29B5E8 !important;
}

.selfServiceArticleLayout.zoom .article-head {
  font-size: 2em !important;
}

.selfServiceArticleLayout article.content .forcePageBlockSectionRow .slds-grid .slds-form-element > div:first-child {
  display: none;
}

.lodge-community-news .lodge-news-item:after {
  display: block;
  color: #29B5E8;
  text-transform: uppercase;
  font-family: "Texta-Bold", sans-serif;
  margin-top: 20px;
  margin-bottom: 0;
  content: 'Read More';
  pointer-events: none;
  font-size: 14px;
}