:root {
  --backcolor: #ef1b28;
  --backtextcolor:#ffffff;
  --backtexthovercolor:#5040af;
  --blue: #4679bd;
  --grey: #ddd;
  --textColor:#ddd;
  --ToolBar:#ffffff;
  --SocialButton:rgb(5, 2, 150);
  --FooterColor:var(--backcolor);
  --FooterTextxColor:var(--backtextcolor);
  --FooterLinkColor:#ffffff;
  --FooterLinkhoverColor:rgb(55, 4, 104);
  --W200: 200px;
  --Lft: left;
  --formBackColor: #f1f8f9;
  --scrollColor: #f7aeab;
}

.modal {
  z-index: 100000;
}


.id-soss-routes {
  min-height: calc(100vh - 200px) !important;
}

a {
  color:var(--backcolor);
}

a:hover{
  color:var(--backtexthovercolor);
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
  }
   
  .video-container iframe,
  .video-container object,
  .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

.resp-sharing-button__link {
    width:100%;
  }
  
  table#id-social-table{
    width:100%;
  }

  a#id-social-table{
    color:var(--SocialButton);
  }
  
  #id-headerbar{
      z-index:1100;
      position: fixed; /* Set the navbar to fixed position */
      top: 0; /* Position the navbar at the top of the page */
      width: 100%;
  }
  .page-footer{
    background-color:var(--FooterColor);
    color: var(--FooterTextxColor);
  }
  .page-footer a{
    color:var(--FooterLinkColor);
  }

 .page-footer a:hover{
    color: var(--FooterLinkhoverColor);
  }

  .col-social{
    width: 14.20%;
    align-content: center;
    padding-left: 10px;
    
  }

  .bg-primary{
    background-color: var(--backcolor)!important;
    color:var(--backtextcolor)!important;
    opacity: 8;

  }

  .bg-primary-button{
    background-color: var(--backcolor)!important;
    color:var(--backtextcolor)!important;
    opacity: 8;

  }

  .bg-primary-button a:hover{
    background-color: var(--backtexthovercolor)!important;
    color:var(--backtextcolor)!important;
  }


  #sharebar{
    padding-bottom: 100px;
  }
  /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  #sharebar{
      position: fixed;
      z-index:99999;
      bottom: 0;
      background-color:var(--ToolBar);
      padding-bottom: 10px;
      padding-top: 10px;
      width: 100%;
      align-content: center;
  }

  #sidebar-wrapper{
    display: none;
  }
  
  #sharethis{
    display: none;
  }
  
  #sidebar-wrapper-right{
    display: none;
  }

  img.image-blog-post {
    width: 100%;
  }
} 
  
  .id-soss-routes{
      margin-top:54px;
  }
  
  div.blog-post {
    padding:15px;
  }
  
  img.image-blog-post{
    margin-right:25px;
    margin-bottom:15px;
    
  }
  
  h2.blog-post-title{
    margin-bottom: 20px;
    margin-left: 20px;
  }
  

  
  .resp-sharing-button__link,
  .resp-sharing-button__icon {
    display: inline-block
  }
  
  .resp-sharing-button__link {
    text-decoration: none;
    color:var(--SocialButton);
    margin: 0.5em
  }
  
  .resp-sharing-button {
    border-radius: 5px;
    transition: 25ms ease-out;
    padding: 0.5em 0.75em;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif
  }
  
  .resp-sharing-button__icon svg {
    width: 1em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top
  }
  
  .resp-sharing-button--small svg {
    margin: 0;
    vertical-align: middle
  }
  
  /* Non solid icons get a stroke */
  .resp-sharing-button__icon {
    stroke:var(--SocialButton);
    fill: none
  }
  
  /* Solid icons get a fill */
  .resp-sharing-button__icon--solid,
  .resp-sharing-button__icon--solidcircle {
    fill: var(--SocialButton);
    stroke: nones
  }
  
  .resp-sharing-button--twitter {
    background-color: #55acee
  }
  
  .resp-sharing-button--twitter:hover {
    background-color: #2795e9
  }
  
  .resp-sharing-button--pinterest {
    background-color: #bd081c
  }
  
  .resp-sharing-button--pinterest:hover {
    background-color: #8c0615
  }
  
  .resp-sharing-button--facebook {
    background-color: #3b5998
  }
  
  .resp-sharing-button--facebook:hover {
    background-color: #2d4373
  }
  
  .resp-sharing-button--tumblr {
    background-color: #35465C
  }
  
  .resp-sharing-button--tumblr:hover {
    background-color: #222d3c
  }
  
  .resp-sharing-button--reddit {
    background-color: #5f99cf
  }
  
  .resp-sharing-button--reddit:hover {
    background-color: #3a80c1
  }
  
  .resp-sharing-button--google {
    background-color: #dd4b39
  }
  
  .resp-sharing-button--google:hover {
    background-color: #c23321
  }
  
  .resp-sharing-button--linkedin {
    background-color: #0077b5
  }
  
  .resp-sharing-button--linkedin:hover {
    background-color: #046293
  }
  
  .resp-sharing-button--email {
    background-color: #777
  }
  
  .resp-sharing-button--email:hover {
    background-color: #5e5e5e
  }
  
  .resp-sharing-button--xing {
    background-color: #1a7576
  }
  
  .resp-sharing-button--xing:hover {
    background-color: #114c4c
  }
  
  .resp-sharing-button--whatsapp {
    background-color: #25D366
  }
  
  .resp-sharing-button--whatsapp:hover {
    background-color: #1da851
  }
  
  .resp-sharing-button--hackernews {
  background-color: #FF6600
  }
  .resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {   background-color: #FB6200 }
  
  .resp-sharing-button--vk {
    background-color: #507299
  }
  
  .resp-sharing-button--vk:hover {
    background-color: #43648c
  }
  
  .resp-sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998;
  }
  
  .resp-sharing-button--facebook:hover,
  .resp-sharing-button--facebook:active {
    background-color: #2d4373;
    border-color: #2d4373;
  }
  
  .resp-sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee;
  }
  
  .resp-sharing-button--twitter:hover,
  .resp-sharing-button--twitter:active {
    background-color: #2795e9;
    border-color: #2795e9;
  }
  
  .resp-sharing-button--google {
    background-color: #dd4b39;
    border-color: #dd4b39;
  }
  
  .resp-sharing-button--google:hover,
  .resp-sharing-button--google:active {
    background-color: #c23321;
    border-color: #c23321;
  }
  
  .resp-sharing-button--tumblr {
    background-color: #35465C;
    border-color: #35465C;
  }
  
  .resp-sharing-button--tumblr:hover,
  .resp-sharing-button--tumblr:active {
    background-color: #222d3c;
    border-color: #222d3c;
  }
  
  .resp-sharing-button--email {
    background-color: #777777;
    border-color: #777777;
  }
  
  .resp-sharing-button--email:hover,
  .resp-sharing-button--email:active {
    background-color: #5e5e5e;
    border-color: #5e5e5e;
  }
  
  .resp-sharing-button--pinterest {
    background-color: #bd081c;
    border-color: #bd081c;
  }
  
  .resp-sharing-button--pinterest:hover,
  .resp-sharing-button--pinterest:active {
    background-color: #8c0615;
    border-color: #8c0615;
  }
  
  .resp-sharing-button--linkedin {
    background-color: #0077b5;
    border-color: #0077b5;
  }
  
  .resp-sharing-button--linkedin:hover,
  .resp-sharing-button--linkedin:active {
    background-color: #046293;
    border-color: #046293;
  }
  
  .resp-sharing-button--reddit {
    background-color: #5f99cf;
    border-color: #5f99cf;
  }
  
  .resp-sharing-button--reddit:hover,
  .resp-sharing-button--reddit:active {
    background-color: #3a80c1;
    border-color: #3a80c1;
  }
  
  .resp-sharing-button--xing {
    background-color: #1a7576;
    border-color: #1a7576;
  }
  
  .resp-sharing-button--xing:hover
  .resp-sharing-button--xing:active {
    background-color: #114C4C;
    border-color: #114C4C;
  }
  
  .resp-sharing-button--whatsapp {
    background-color: #25D366;
    border-color: #25D366;
  }
  
  .resp-sharing-button--whatsapp:hover,
  .resp-sharing-button--whatsapp:active {
    background-color: #1DA851;
    border-color: #1DA851;
  }
  
  .resp-sharing-button--hackernews {
    background-color: #FF6600;
    border-color: #FF6600;
  }
  
  .resp-sharing-button--hackernews:hover
  .resp-sharing-button--hackernews:active {
    background-color: #FB6200;
    border-color: #FB6200;
  }
  
  .resp-sharing-button--vk {
    background-color: #507299;
    border-color: #507299;
  }
  
  .resp-sharing-button--vk:hover
  .resp-sharing-button--vk:active {
    background-color: #43648c;
    border-color: #43648c;
  }