.blog-post {
  padding-bottom: 4rem;
}

.blog-post .media {
  padding: 0px !important;
}

.blog-post .media:first-child {
      margin-top: 15px;
}

.blog-post .media-service-wrapper {
  display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grey-blog .media-services-wrapper {
   display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grey-post-holder {
  float: none;
}

.ss365-red-text {
  color: #8b0000;
  font-weight: 700;
  font-size: 16px;
  font-style: italic;
}

.container.ss365-general-rules {
  padding-bottom: 2rem;
}

.ss365-general-rules a {
  color: #006064;
  font-weight: bolder;
  font-size: 17px;
}

.ss365-general-rules a:hover {
  color: #8b0000;
}

.caption p {
  padding: 0;
  margin: 0;
  line-height: normal;
  font-size: small;
}

.caption a {
  color: #006064;
}

.caption a:hover {
  color: #8b0000;
}

@media (min-width: 768px) {
  .panel .left {
  float: left;
  max-width: 25%;
  margin: 25px;
}

.panel .right {
  float: right;
  max-width: 25%;
  margin: 25px;
}
    
}

.colored-list-icons ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.colored-list-icons ul {
  margin: 2em 0;
}

.colored-list-icons li {
  margin: 1em;
  margin-left: 3em;
      font-size: 16px;
}
.colored-list-icons li:before{
  content: '\f0a9';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #E44046;
}

.colored-list-icons ul li a {
  font-weight: normal;
}


.general-content li {
  margin: 1em;
  margin-left: 3em;
      font-size: 16px;
}

.general-content li:before{
  content: '\f0a9';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #E44046;
}

.gen-content li {
  margin: 1em;
  margin-left: 3em;
      font-size: 16px;
}

.gen-content li:before{
  content: '\f0a9';
  font-family: 'FontAwesome';
  float: left;
  margin-left: -1.5em;
  color: #E44046;
}





  table {
    border: 1px solid #e0dddd;
}

table th {
    background-color: #006699 !important;
    color: #fff !important;
    vertical-align: middle;
    min-width: 90px;
    padding: 13px 9px;
    text-align: left;
    font-size: 14px;
    text-transform: uppercase;
    border-right: 1px solid #CCC;
    font-weight: normal;
}

td, th {
    padding: 8px;
}

.float-left-dss {
  float: left !important;
  max-width: 100%;
  height: auto;
  padding: 25px;
}


.float-right-dss {
  float: right !important;
  max-width: 100%;
  height: auto;
  padding: 25px;
}


.content-type-table {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
}

.content-type-table table {
    width: 100%;
    min-width: 500px; /* Adjust this value based on your content */
    border-collapse: collapse;
}

/* Optional styling for better readability */
.content-type-table th {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

.content-type-table td {
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}

/* Optional: visual indicator for scrollable content */
.content-type-table::-webkit-scrollbar {
    height: 8px;
}

.content-type-table::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.content-type-table::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}


.gen-content img {
  max-width: 100%;
}


.blog-post iframe {
  max-width: 100%;
}

a.direct-edit {
  text-decoration: none !important;
  cursor: default !important;
}

a.direct-edit:hover {
  text-decoration: none !important;
  cursor: default !important;
}

.de-btn-group .fa {
 font-family: FontAwesome !important;
 font-weight: initial !important;
 font-size: initial !important;
 color: #fff;
}

.vdss-footer a:not(.direct-edit):hover {
  text-decoration: underline;
}