.ss .storyWrapper .blog-head {
   min-height: 0;
   padding: 0px 0px 10px 167px;
}

.ss .storyWrapper .blog-head .keyword {
   position: relative;
   top: 28px;
   left: -113px;
   width: 113px;
   color: rgb(189, 30, 27);
   font-family: "ORF ON Condensed SC";
   -webkit-font-smoothing: antialiased;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 20px;
   line-height: 32px;
}

.ss .storyWrapper .blog-head .teaser {
   margin-top: 7px;
   font-size: inherit;
   line-height: inherit;
   margin: 0 0 20px 0;

}

.ss .storyWrapper > .opener img {
  display: block;
}

.ss .storyWrapper > .opener .credit {
   display: none;
}

.ss .storyWrapper > .opener .caption.tvthek {
  display: none;
}


.ss .storyWrapper > .opener .tvtheklive.preview {
   height: 451px;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   position: relative;
}

.ss .storyWrapper > .opener .tvtheklive.notavailable {
   display: none;
}

.ss .storyWrapper > .opener .tvtheklive.preview .description {
   font-family: "ORF ON Condensed";
   background-color: white;
   color: #f43a0c;
   margin: auto;
   position: absolute;
   right: 5%;
   bottom: 5%;
   padding: 15px;
   font-size: 20px;
   line-height: 20px;
}

.ss .storyWrapper > .opener .live-flag {
   position: absolute;
   top: 110px;
   left: 0;
   overflow: hidden;
   font-family: "ORF ON Condensed SC";
   font-size: 18px;
   line-height: 22px;
   z-index: 1;
   color: white;
   padding: 5px 10px;
   background-color: rgba(237, 28, 36, 0.81);
}

.ss .storyWrapper .blog-head {
   padding: 0px 150px 10px 167px;
   background-color: #f0f1f4;
   width: auto;
}

.ss .storyWrapper .blog-head h1 {
   font-size: 1.33333em;
   line-height: 1.25;
   font-weight: bold;
   margin-bottom: 6px;
}

.ss .storyWrapper .blog-head .story.hidden {
   display: none;
}

.ss .storyWrapper .blog-head .story {
   margin: 20px 0px 0px 0px;
}

.ss .storyWrapper .blog-head .story h2 {
   font-size: 1em;
   line-height: 1.4;
   font-weight: bold;
   margin-bottom: 2px;
}

.ss .storyWrapper .blog-head .show-story-button:hover {
   cursor: pointer;
   text-decoration: underline;
}
.ss .storyWrapper .blog-head .show-story-button:focus {
   outline: 0;
   text-decoration: underline;
}

.ss .storyWrapper .blog-head .show-story-button {
   color: #466199;
   font-size: 18px;
   font-weight: 700;
   background-color: white;
   padding: 10px 0px 8px 8px;
   margin: 20px 0px 10px 0px;
   text-decoration: none;
   display: none;
}

.ss .storyWrapper .blog-head .story + .show-story-button {
   display: block;
}

.ss .storyWrapper .blog-head .show-story-button .plus {
   float: right;
   background-color: #8D9EC1;
   color: white;
   padding: 3px 0px 0px 0px;
   margin: -1px 8px 0px 0px;
   font-weight: bold;
   font-size: 22px;
   line-height: 20px;
   text-align: center;
   width: 20px;
   height: 20px;
}

.ss .storyWrapper .blog-head .fact {
   background-color: white;
}


/**
 * envelope styling
 */
.ss .envelopes {
   margin: 6px 0px 0px 0px;
   font-size: .9375em;
   line-height: 1.4;
   background-color: white;
}

.ss .envelope {
   padding: 5px 0px 10px 167px;
   width: 472px;
   min-height: 27px;

   background-color: white;
   overflow: hidden;

   -webkit-transition: max-height 200ms;
   transition: max-height 200ms;
}

.ss .envelope .metaline {
   position: relative;
   right: 95px;
   text-align: right;
   top: 2px;
   max-height: 1000000px; /* chrome on android ignores -webkit-text-size-adjust, but disables font size blowup using this hack */
   width: 70px;
}

.ss .envelope .metaline .timestamp{
   color: #aaa;
   cursor: pointer;
}

.ss .envelope.vip .metaline .timestamp{
   color: black;
   font-weight:bold;
}
.ss .envelope .metaline a:focus{
   outline: 0;
}

.ss .envelope .metaline .timestamp{
   font-family: 'ORF ON TF', Arial, Helvetica, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.ss .envelope .content {
   margin: -23px 0px 0px -10px;
   padding-left: 5px;
   position: relative;
}

.ss .envelope .content.highlight {
   animation: highlight 900ms;
   -webkit-animation: highlight 900ms;
}

@keyframes highlight {
  0% {
    background-color: #d2d3d6;
  }
  100% {
    background-color: transparent;
  }
}

@-webkit-keyframes highlight {
  0% {
    background-color: #d2d3d6;
  }
  100% {
    background-color: transparent;
  }
}

.ss .envelope .title {
   font-weight: bold;
   margin: 4px 0px 0px 0px;
   color: #333333;
}

/**
 * envelope styling copied from piratebunny
 */

/**
 * The main story content CSS
 */

.ss .envelope .content a {
   font-weight: bold;
}

.ss .envelope .content a:hover {
   color: #192030;
}

.ss .envelope .content a:focus {
   color: #fff;
   background: #556DA6;
   padding: 2px 0px;
}

.ss .envelope .content a:focus:hover,
.ss .envelope .content a:active {
   color: #192030;
   background: #fff;
   padding: 0;
}

.ss .envelope .content .credit,
.ss .envelope .content .caption {
   display: block;
}

.ss .envelope .content ul {
   margin: 4px 0px 16px 0px;
}

.ss .envelope .content ul li {
   padding-left: 17px;
   background: url('../../common/images/bullet.dot.png') 3px 8px no-repeat;
   background: none, url("../../common/images/bullet.dot.svg") no-repeat scroll 3px 8px rgba(0, 0, 0, 0);
}

.ss .envelope .content ol {
   margin: 4px 0px 16px 21px;
}

.ss .envelope .content ol li {
   list-style: decimal;
}

.ss .envelope .content h1,
.ss .envelope .content h1 p {
   font-size: 1.533em; /* 23px; */
   line-height: 1.261em; /* 29px; */
   font-weight: bold;
   margin-bottom: 0.870em; /* 20px; */
   color: #222;
}

.ss .envelope .content h2 {
   font-size: 1.200em; /* 18px; */
   line-height: 1.333em; /* 24px; */
   font-weight: bold;
   margin-bottom: 2px;
}

.ss .envelope .content p,
.ss .envelope .content table,
.ss .envelope .remote {
   margin: 0.267em 0px 1.067em 0px; /* 4px 16px */
}

.ss .envelope .content strong em,
.ss .envelope .content em strong {
   font-weight: bold;
   font-style: normal;
}

.ss .envelope .content h2 + blockquote,
.ss .envelope .content ul + blockquote,
.ss .envelope .content ol + blockquote,
.ss .envelope .content blockquote + blockquote {
   margin-top: 0px;
}

.ss .envelope .content .image {
   margin: 17px 0px 20px 0px;
   position: relative;
}

.ss .envelope .content .image img {
   display: block;
}


.ss .envelope .content .credit {
   font-size: 10px;
   -webkit-text-size-adjust: none; /* Prevent credit overflow on mobiles */
   -ms-text-size-adjust: none;
   text-size-adjust: none;
   text-align: right;
   color: #A5A5A5;
   margin-top: -3px;
   width: 472px;
   position: absolute;
   top: -14px;
}

.ss .envelope .content .caption {
   font-size: 0.867em; /* 13px; */
   line-height: 1.231em; /* 16px */
   margin-top: 2px;
}

/**
 * new envelopes
 */
.ss .new-envelopes-message {
   background-color: #5286c1;
   color: #fff;
   line-height: 24px;

   height: 0px;
   display: none;
   margin: 10px 0px 0px 655px;
   overflow: hidden;
   width: 141px;
}

.ss .new-envelopes-message.sticky {
   position: fixed;
   top: 0px;
   z-index: 10000;
}

.ss .new-envelopes-message.visible {
   height: 24px;
   display: block;
   background-color: #F0F1F4;
   color: #466199;
}

.ss .new-envelopes-message:hover {
   cursor: pointer;
}

.ss .new-envelopes-message .new-envelopes-count {
   background-color: rgb(189, 30, 27);
   font-size: 19px;
   padding: 3px 7px 3px 7px;
   line-height: 17px;
   color: white;
}

.ss .new-envelopes-message .new-envelopes-count {
   font-size: 16px;
}

/**
 * old envelopes
 */

.ss .old-envelopes-message {
   text-align: center;
   background-color: #f0f1f4;
   color: #466199;
   min-height: 33px;
   line-height: 33px;
   width: 472px;
   margin: 0 0 0 166px;
   padding: 3px 0px 0px 0px;
   font-size: 18px;
   font-weight: 700;
}

.ss .old-envelopes-message.hidden {
   display: none;
}

.ss .old-envelopes-message:hover {
   text-decoration: underline;
   cursor: pointer;
}

.ss .old-envelopes-message.loading {
  background: url('../images/loading.gif') #f0f1f4 center center no-repeat;
  cursor: auto;
}

.ss .old-envelopes-message.loading > span {
  display: none;
}

/**
 * error styling
 */
.ss .remote .error {
   border: 1px solid #dededf;
   color: #999;
   background-color: #f4f4f5;
   padding: 4px;
}

.ss .blog-bottom {
   font-size: 15px;
   margin-left: 167px;
   padding-bottom: 90px;
   line-height: 21px;
   width: 472px;
}


/* Social Buttons per Envelope */
.ss .envelope .socialshare {
   padding: 0;
   margin: 6px 0px 0px 0px;
   display: none;
   overflow: hidden;
}

.no-touch .ss .envelope:hover .socialshare {
   display: block;
}

.ss .envelope .socialshare button {
   display: block;
   float: left;
   border: none;
   background: transparent;
   padding: 0;
   margin: 0 8px 0 0;
   width: 35px;
   height: 35px;
   cursor: pointer;
}

/* For better accessibility */
.ss .envelope .socialshare button .label {
   display: block;
   width: 0px;
   height: 0px;
   overflow: hidden;
   text-indent: -1000px;
}

/* For the icons */
.ss .envelope .socialshare button:before {
   display: block;
   width: 35px;
   height: 35px;
   content: "";
   background-repeat: no-repeat;
   background-color: #F0F1F4;
   background-position: 50% 50%;
}

.ss .envelope .socialshare button:hover:before {
   background-color: #D2D3D6;
}

/* Gray Icons */
.ss .envelope .socialshare button.facebook:before {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgOCAxNyI+PHBhdGggZmlsbD0iI2E1YTVhNSIgZD0iTTAgNS42MjVoMS43NTh2LTEuNzA5YzAtLjc1NC4wMTktMS45MTYuNTY3LTIuNjM2LjU3Ni0uNzYyIDEuMzY4LTEuMjggMi43My0xLjI4IDIuMjE4IDAgMy4xNTIuMzE2IDMuMTUyLjMxNmwtLjQzOSAyLjYwNXMtLjczMy0uMjEyLTEuNDE3LS4yMTJjLS42ODUgMC0xLjI5Ni4yNDUtMS4yOTYuOTI5djEuOTg2aDIuODA0bC0uMTk3IDIuNTQ1aC0yLjYwN3Y4LjgzOWgtMy4yOTd2LTguODM5aC0xLjc1OHYtMi41NDR6Ii8+PC9zdmc+");
}

.ss .envelope .socialshare button.twitter:before {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE3IDE0Ij48cGF0aCBmaWxsPSIjYTVhNWE1IiBkPSJNMTcuMDM3IDEuNjM5Yy0uNjI3LjI3OC0xLjMwMS40NjYtMi4wMDguNTUuNzIzLS40MzMgMS4yNzctMS4xMTcgMS41MzctMS45MzMtLjY3Ni40LTEuNDIzLjY5MS0yLjIyMS44NDctLjYzNS0uNjc5LTEuNTQ0LTEuMTAzLTIuNTUtMS4xMDMtMS45MyAwLTMuNDk0IDEuNTY1LTMuNDk0IDMuNDk1IDAgLjI3NC4wMy41NDEuMDkuNzk2LTIuOTA1LS4xNDYtNS40OC0xLjUzNi03LjIwNS0zLjY1Mi0uMzAxLjUxOC0uNDczIDEuMTE4LS40NzMgMS43NTggMCAxLjIxMS42MTcgMi4yODIgMS41NTUgMi45MDktLjU3My0uMDE3LTEuMTEyLS4xNzYtMS41ODQtLjQzNnYuMDQzYzAgMS42OTQgMS4yMDUgMy4xMDcgMi44MDUgMy40MjgtLjI5NC4wODItLjYwMi4xMjMtLjkyMi4xMjMtLjIyNSAwLS40NDUtLjAyMS0uNjU3LS4wNjMuNDQ0IDEuMzg5IDEuNzM1IDIuMzk5IDMuMjY1IDIuNDI2LTEuMTk2LjkzOC0yLjcwNCAxLjQ5Ny00LjM0MSAxLjQ5Ny0uMjgyIDAtLjU2MS0uMDE2LS44MzQtLjA0OCAxLjU0Ny45OSAzLjM4NCAxLjU2OSA1LjM1OCAxLjU2OSA2LjQzIDAgOS45NDUtNS4zMjUgOS45NDUtOS45NDVsLS4wMS0uNDUyYy42ODQtLjQ5MiAxLjI3Ny0xLjEwOCAxLjc0NC0xLjgwOSIvPjwvc3ZnPg==");
}

.ss .envelope .socialshare button.googleplus:before {
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij48cGF0aCBmaWxsPSIjYTVhNWE1IiBkPSJNNS4zODIgMTYuMTY3Yy0yLjAyMiAwLTMuNDgyLTEuMjc5LTMuNDgyLTIuODE3IDAtMS41MDcgMS44MTItMi43NjEgMy44MzMtMi43MzkuNDcyLjAwNS45MTIuMDgxIDEuMzExLjIxIDEuMDk3Ljc2NCAxLjg4NCAxLjE5NCAyLjEwNiAyLjA2NC4wNDIuMTc3LjA2NS4zNTcuMDY1LjU0MyAwIDEuNTM4LS45OSAyLjczOS0zLjgzMyAyLjczOW0uNTMyLTkuMDE2Yy0xLjM1Ni0uMDQxLTIuNjQ3LTEuNTE4LTIuODgxLTMuMy0uMjM1LTEuNzgyLjY3Ni0zLjE0NiAyLjAzMi0zLjEwNiAxLjM1Ni4wNDEgMi42NDcgMS40NyAyLjg4MSAzLjI1MnMtLjY3NSAzLjE5NS0yLjAzMiAzLjE1NG0yLjgxMyAyLjYzOWMtLjQ3Ni0uMzM3LTEuMzg2LTEuMTU2LTEuMzg2LTEuNjM4IDAtLjU2NS4xNjEtLjg0MyAxLjAxMS0xLjUwNy44NzEtLjY4MSAxLjQ4OC0xLjYzOCAxLjQ4OC0yLjc1IDAtMS4zMjUtLjU5LTIuNjE2LTEuNjk4LTMuMDQzaDEuNjdsMS4xNzktLjg1MmgtNS4yNjhjLTIuMzYxIDAtNC41ODMgMS43ODktNC41ODMgMy44NjEgMCAyLjExOCAxLjYxIDMuODI3IDQuMDEyIDMuODI3bC40ODgtLjAxNWMtLjE1Ni4yOTgtLjI2OC42MzUtLjI2OC45ODMgMCAuNTg5LjMxNyAxLjA2Ni43MTcgMS40NTZsLS45MTMuMDA5Yy0yLjkyNSAwLTUuMTc2IDEuODYyLTUuMTc2IDMuNzk1IDAgMS45MDIgMi40NjggMy4wOTIgNS4zOTMgMy4wOTIgMy4zMzQgMCA1LjE3Ny0xLjg5MiA1LjE3Ny0zLjc5NC0uMDAxLTEuNTI2LS40NTEtMi40NC0xLjg0My0zLjQyNG03LjY2NC0yLjQ4NGgtMi4wNTF2LTIuMDVoLTEuNjV2Mi4wNWgtMi4wNXYxLjY1aDIuMDV2Mi4wNTFoMS42NXYtMi4wNWgyLjA1MXYtMS42NTF6Ii8+PC9zdmc+");
}

/* White Icons */
.ss .envelope .socialshare button.facebook:focus:before,
.ss .envelope .socialshare button.facebook:hover:before {
   background-color: #3B5999;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjE3IiB2aWV3Qm94PSIwIDAgOCAxNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgNS42MjVoMS43NTh2LTEuNzA5YzAtLjc1NC4wMTktMS45MTYuNTY3LTIuNjM2LjU3Ni0uNzYyIDEuMzY4LTEuMjggMi43My0xLjI4IDIuMjE4IDAgMy4xNTIuMzE2IDMuMTUyLjMxNmwtLjQzOSAyLjYwNXMtLjczMy0uMjEyLTEuNDE3LS4yMTJjLS42ODUgMC0xLjI5Ni4yNDUtMS4yOTYuOTI5djEuOTg2aDIuODA0bC0uMTk3IDIuNTQ1aC0yLjYwN3Y4LjgzOWgtMy4yOTd2LTguODM5aC0xLjc1OHYtMi41NDR6Ii8+PC9zdmc+");
}

.ss .envelope .socialshare button.twitter:focus:before,
.ss .envelope .socialshare button.twitter:hover:before {
   background-color: #55ACEE;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE3IDE0Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTcuMDM3IDEuNjM5Yy0uNjI3LjI3OC0xLjMwMS40NjYtMi4wMDguNTUuNzIzLS40MzMgMS4yNzctMS4xMTcgMS41MzctMS45MzMtLjY3Ni40LTEuNDIzLjY5MS0yLjIyMS44NDctLjYzNS0uNjc5LTEuNTQ0LTEuMTAzLTIuNTUtMS4xMDMtMS45MyAwLTMuNDk0IDEuNTY1LTMuNDk0IDMuNDk1IDAgLjI3NC4wMy41NDEuMDkuNzk2LTIuOTA1LS4xNDYtNS40OC0xLjUzNi03LjIwNS0zLjY1Mi0uMzAxLjUxOC0uNDczIDEuMTE4LS40NzMgMS43NTggMCAxLjIxMS42MTcgMi4yODIgMS41NTUgMi45MDktLjU3My0uMDE3LTEuMTEyLS4xNzYtMS41ODQtLjQzNnYuMDQzYzAgMS42OTQgMS4yMDUgMy4xMDcgMi44MDUgMy40MjgtLjI5NC4wODItLjYwMi4xMjMtLjkyMi4xMjMtLjIyNSAwLS40NDUtLjAyMS0uNjU3LS4wNjMuNDQ0IDEuMzg5IDEuNzM1IDIuMzk5IDMuMjY1IDIuNDI2LTEuMTk2LjkzOC0yLjcwNCAxLjQ5Ny00LjM0MSAxLjQ5Ny0uMjgyIDAtLjU2MS0uMDE2LS44MzQtLjA0OCAxLjU0Ny45OSAzLjM4NCAxLjU2OSA1LjM1OCAxLjU2OSA2LjQzIDAgOS45NDUtNS4zMjUgOS45NDUtOS45NDVsLS4wMS0uNDUyYy42ODQtLjQ5MiAxLjI3Ny0xLjEwOCAxLjc0NC0xLjgwOSIvPjwvc3ZnPg==");
}

.ss .envelope .socialshare button.googleplus:focus:before,
.ss .envelope .socialshare button.googleplus:hover:before {
   background-color: #DF4A32;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDE2IDE3Ij48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNS4zODIgMTYuMTY3Yy0yLjAyMiAwLTMuNDgyLTEuMjc5LTMuNDgyLTIuODE3IDAtMS41MDcgMS44MTItMi43NjEgMy44MzMtMi43MzkuNDcyLjAwNS45MTIuMDgxIDEuMzExLjIxIDEuMDk3Ljc2NCAxLjg4NCAxLjE5NCAyLjEwNiAyLjA2NC4wNDIuMTc3LjA2NS4zNTcuMDY1LjU0MyAwIDEuNTM4LS45OSAyLjczOS0zLjgzMyAyLjczOW0uNTMyLTkuMDE2Yy0xLjM1Ni0uMDQxLTIuNjQ3LTEuNTE4LTIuODgxLTMuMy0uMjM1LTEuNzgyLjY3Ni0zLjE0NiAyLjAzMi0zLjEwNiAxLjM1Ni4wNDEgMi42NDcgMS40NyAyLjg4MSAzLjI1MnMtLjY3NSAzLjE5NS0yLjAzMiAzLjE1NG0yLjgxMyAyLjYzOWMtLjQ3Ni0uMzM3LTEuMzg2LTEuMTU2LTEuMzg2LTEuNjM4IDAtLjU2NS4xNjEtLjg0MyAxLjAxMS0xLjUwNy44NzEtLjY4MSAxLjQ4OC0xLjYzOCAxLjQ4OC0yLjc1IDAtMS4zMjUtLjU5LTIuNjE2LTEuNjk4LTMuMDQzaDEuNjdsMS4xNzktLjg1MmgtNS4yNjhjLTIuMzYxIDAtNC41ODMgMS43ODktNC41ODMgMy44NjEgMCAyLjExOCAxLjYxIDMuODI3IDQuMDEyIDMuODI3bC40ODgtLjAxNWMtLjE1Ni4yOTgtLjI2OC42MzUtLjI2OC45ODMgMCAuNTg5LjMxNyAxLjA2Ni43MTcgMS40NTZsLS45MTMuMDA5Yy0yLjkyNSAwLTUuMTc2IDEuODYyLTUuMTc2IDMuNzk1IDAgMS45MDIgMi40NjggMy4wOTIgNS4zOTMgMy4wOTIgMy4zMzQgMCA1LjE3Ny0xLjg5MiA1LjE3Ny0zLjc5NC0uMDAxLTEuNTI2LS40NTEtMi40NC0xLjg0My0zLjQyNG03LjY2NC0yLjQ4NGgtMi4wNTF2LTIuMDVoLTEuNjV2Mi4wNWgtMi4wNXYxLjY1aDIuMDV2Mi4wNTFoMS42NXYtMi4wNWgyLjA1MXYtMS42NTF6Ii8+PC9zdmc+");
}

.ss .envelope .socialshare button::-moz-focus-inner{
   margin: 0;
   outline: 0;
   padding: 0;
}

/** Small **/
.ss .envelope .socialshare.small {
   width: 78px;
   height: 24px;
   left: 65px;
   overflow: hidden;
   position: absolute;
}

.ss .envelope .socialshare.small button {
   width: 24px;
   height: 24px;
   margin-right: 3px;
}

.ss .envelope .socialshare.small button:before {
   width: 24px;
   height: 24px;
}

.ss .envelope .socialshare.small button:last-child {
   margin-right: 0px;
}

/**
 * blogportrait image per envelope.
 * move it below metadata.
 */

.ss .envelope .image.blogportrait {
   position: absolute;
   right: 496px;
   margin: 0;
   top: 30px;
}

.ss .envelope .image.blogportrait img {
   width: 65px;
   height: 65px;
}

.ss .envelope .image.blogportrait .credit,
.ss .envelope .image.blogportrait .caption {
   display: none;
}

/**
 * categories used in sport
 */
.ss .envelope.envelope-category-default .content {
   border-left: 4px solid transparent;
}
.ss .envelope.envelope-category-fanfact .content {
   border-left: 4px solid #215e92;
}
.ss .envelope.envelope-category-parallel .content {
   border-left: 4px solid #06a318;
}
.ss .envelope.envelope-category-guest .content {
   /*border-left: 4px solid #ffe349;*/
}
.ss .envelope.envelope-category-highlight .content {
   border-left: 4px solid #f43a0c;
   background-color: #f0f1f4;
   padding: 5px 9px;
}

.ss .envelope.envelope-category-highlight .content h3 {
   text-transform: uppercase;
}