@import url("https://clearstream-static.s3.eu-west-1.amazonaws.com/qc/assets/styles.css");

@font-face {
  font-family: "4text_regular";
  src: url("https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/lp/fonts/4text.regular.lowercase.ttf")
    format("truetype");
}

@font-face {
  font-family: "4headline_medium";
  src: url("https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/lp/fonts/4headline.medium.lowercase.ttf")
    format("truetype");
}

@font-face {
  font-family: "4HeadlineStandard_Bold";
  src: url("https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/lp/fonts/4HeadlineStandard-Bold.ttf")
    format("truetype");
}

@font-face {
  font-family: "4HeadlineX_Condensed_Extrabold";
  src: url("https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/lp/fonts/4HeadlineX-Condensed-Extrabold.ttf")
    format("truetype");
}

@font-face {
  font-family: "4HeadlineX-Condensed_Regular";
  src: url("https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/lp/fonts/4HeadlineX-Condensed-Regular.ttf")
    format("truetype");
}

html {
  background-color: #000000 !important;
}

body {
  font-family: "4text_regular" !important;
}

h1,
h2,
h3 {
  font-family: "4HeadlineStandard_Bold" !important;
  color: #000000;
}

h4,
h5 {
  font-family: "4text_regular" !important;
  color: #000000;
}

p {
  font-family: "4text_regular" !important;
  font-size: 15px;
  color: #000000;
}

.secondary-footer h3,
.secondary-footer h4 {
  font-family: "4text_regular" !important;
  color: #ffffff;
}

footer p {
  font-family: "4text_regular";
}

.tooltip-inner {
  font-family: "4text_regular" !important;
}

p.panel-title {
  font-family: "4text_regular" !important;
  color: #000000 !important;
}

textarea.form-control {
  font-family: "4text_regular" !important;
}

.modal-content a.cookie-policy-link {
  font-family: "4text_regular" !important;
}

.messages-content-tile h3 {
  color: #000000 !important;
}

#messages .panel-body p {
  color: #000000;
}

#profile .panel-title,
#social-stream .panel-title {
  font-family: "4HeadlineStandard_Bold" !important;
}

body,
html {
  background-color: #f4f4f2;
}

@media only screen and (min-width: 993px) {
  nav.navbar.navbar-default.navbar-static-top {
    background: linear-gradient(
      180deg,
      #000000,
      #000000 98px,
      #aaff88 0,
      #aaff88
    );
  }
}

@media only screen and (max-width: 992px) {
  .navbar.navbar-default.navbar-static-top {
    background-color: #aaff88;
  }

  .navbar-static-top #navbar .row:nth-child(2) .nav {
    background-color: #000000;
  }

  .navbar-mobilebody {
    min-height: 50px;
    background-color: #000000;
  }

  .navbar-nav .open .dropdown-menu {
    background-color: #aaff89 !important;
  }

  li#mobile-dropdown-navigation.open,
  .navbar-mobilebody .navbar-nav > .open > a.collapsed-navigation,
  .navbar-mobilebody .navbar-nav > .open > a.collapsed-navigation:focus,
  .navbar-mobilebody .navbar-nav > .open > a.collapsed-navigation:hover,
  .navbar-mobilebody .collapsed-nav {
    background-color: #aaff89 !important;
  }
}

.btn-primary {
  background-color: #aaff89 !important;
}

.btn-primary:hover {
  border: none;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  opacity: 0.9;
}

.poll-tile .button.btn.btn-primary {
  background-color: #aaff89 !important;
  border: 1px solid #aaff89 !important;
}

.poll-tile .button.btn.btn-primary:hover {
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
}

.room-sidebar-tile .sidebar-item.active {
  background-color: #aaff89;
}

.diary-tile .entry-active .calendar_entry {
  background-color: #aaff89 !important;
}

.btn-primary.view-profile,
a.btn-primary.btn-profile,
#profile .uploadifive-button {
  background-color: #aaff89 !important;
}

.btn-primary.view-profile:hover,
a.btn-primary.btn-profile:hover,
#profile .uploadifive-button:hover,
a.btn.btn-primary.btn-profile.active {
  border: none;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  text-decoration: none;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-tertiary.active,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  opacity: 0.6;
}

.btn-secondary {
  background-color: #f4f4f2 !important;
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.btn-secondary.selected {
  background-color: #aaff88 !important;
  opacity: 0.9;
}

.tile.full-tile.profile-tile.widget {
  background-color: #000000 !important;
}

#dropdown-navigation.open .dropdown-toggle.collapsed-navigation {
  background-color: #f4f4f2;
}

.navbar-right .collapsed-nav {
  background-color: #f4f4f2 !important;
}

.navbar .dropdown-menu {
  background-color: #aaff88;
}

.room-sidebar-tile {
  background-color: #f4f4f2;
}

.diary-tile .diary-date .btn {
  background-color: #f4f4f2 !important;
}

.diary-tile .diary-date .btn:active,
.diary-tile .diary-date .btn:focus,
.diary-tile .diary-date .btn:hover {
  background-color: #f4f4f2 !important;
  opacity: 0.9;
}

.navbar-nav .open .dropdown-menu.msg_list {
  background-color: #f4f4f2 !important;
}

.profile-sidebar-tile,
.profile-tile {
  background-color: #f4f4f2 !important;
}

.btn-tertiary {
  background-color: #14324b !important;
}

.btn-tertiary:hover,
.btn-tertiary.selected {
  background-color: #14324b !important;
  opacity: 0.9;
}

.tile.full-tile.widget-right.poll-tile.widget {
  background-color: #ffffff !important;
}

.col-md-12.tile.page-content-tile.forum-table,
.diary-tile .diary-date .calendar_entry {
  border: 5px solid #fff !important;
}

.profile-sidebar-tile .btn.btn-primary.btn-profile.active,
.profile-sidebar-tile .btn.btn-primary.btn-profile:hover {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  text-decoration: none;
  color: #000000 !important;
}

.btn-pink {
  background-color: #aaff89 !important;
}

input:checked + .slider,
.diary-entry .control:hover input:not([disabled]):checked ~ .control__indicator,
.diary-entry .control:hover input ~ .control__indicator,
.diary-entry .control input:checked:focus ~ .control__indicator,
.diary-entry .control input:checked ~ .control__indicator,
.diary-entry .control input:focus ~ .control__indicator,
.poll .control:hover input:not([disabled]):checked ~ .control__indicator,
.poll .control:hover input ~ .control__indicator,
.poll .control input:checked:focus ~ .control__indicator,
.poll .control input:checked ~ .control__indicator,
.poll .control input:focus ~ .control__indicator,
.btn.btn-pink.btn-wide.get,
.btn-tertiary,
.poll .control__indicator {
  background-color: #191919 !important;
}

#messages .panel-group,
#room .panel-group,
#maps .panel-group,
#profile .panel-group,
#social-stream .panel-group,
.tile,
.bx-wrapper {
  border: 5px solid #000000;
}

.navbar-brand > img {
  height: 41px;
  margin-top: -4px;
}

.navigation-icon.svg {
  fill: #ffffff;
}

.notification_count {
  background: #aaff88;
  color: #000000;
}

.dropdown-navigation .dropdown-navigation-icon {
  fill: #ffffff;
}

.navigation-icon.navigation-menu {
  fill: #ffffff !important;
}

.open .navigation-icon.navigation-menu {
  fill: #1e1e1e !important;
}

@media only screen and (min-width: 992px) {
  nav.navbar.navbar-default.navbar-static-top {
    background: linear-gradient(
      180deg,
      #000000,
      #000000 98px,
      #aaff88 0,
      #aaff88
    );
  }
}

@media only screen and (max-width: 991px) {
  .navbar-static-top #navbar .row:nth-child(2) .nav {
    background-color: #aaff88;
  }

  li#mobile-dropdown-navigation.open,
  .navbar-mobilebody .navbar-nav > .open > a.collapsed-navigation,
  .navbar-mobilebody .navbar-nav > .open > a.collapsed-navigation:focus,
  .navbar-mobilebody .navbar-nav > .open > a.collapsed-navigation:hover,
  .navbar-mobilebody .collapsed-nav {
    background-color: #aaff88 !important;
  }
}

.faqs-container .panel-body,
.faqs-container .panel-heading {
  background-color: #aaff88 !important;
}

.navbar .dropdown-menu {
  background-color: #aaff88;
}

.navbar-right .collapsed-nav {
  background-color: #aaff88 !important;
}

#dropdown-navigation.open .dropdown-toggle.collapsed-navigation {
  background-color: #aaff88;
}

.navbar-nav .open .dropdown-menu.msg_list {
  min-width: 350px;
  padding: 15px;
  background-color: #aaff88 !important;
}

input:checked + .slider,
.diary-entry .control:hover input:not([disabled]):checked ~ .control__indicator,
.diary-entry .control:hover input ~ .control__indicator,
.diary-entry .control input:checked:focus ~ .control__indicator,
.diary-entry .control input:checked ~ .control__indicator,
.diary-entry .control input:focus ~ .control__indicator,
.poll .control:hover input:not([disabled]):checked ~ .control__indicator,
.poll .control:hover input ~ .control__indicator,
.poll .control input:checked:focus ~ .control__indicator,
.poll .control input:checked ~ .control__indicator,
.poll .control input:focus ~ .control__indicator,
.btn.btn-pink.btn-wide.get,
.btn-primary,
.btn-secondary,
.btn-tertiary,
.poll .control__indicator {
  background-color: #aaff89 !important;
}

.diary-tile .diary-date .btn {
  background-color: #aaff89 !important;
}

.pagination a,
.pagination span,
.pagination em {
  border: 1px solid #000000;
  color: #000000;
  font-style: unset;
}

#profile > div > div.following-footer.text-center > div > div > div > .current{
  font-weight: bold;
  text-decoration: underline;
}

.pagination a,
.pagination span {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 1px solid #000000 !important;
}

.diary-tile .entry-active .calendar_entry {
  background-color: #000000 !important;
}

.btn.btn-pink.btn-wide.get:hover,
.diary-tile .diary-date .btn:active,
.diary-tile .diary-date .btn:focus,
.diary-tile .diary-date .btn:hover,
.btn-secondary.selected {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  opacity: 1;
  background-color: #000 !important;
  color: #ffffff !important;
}

.btn-secondary.selected {
  background-color: #000000 !important;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-tertiary.active,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  opacity: 1;
}

.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  opacity: 1;
}

.tile.full-tile.profile-tile.widget,
.profile-sidebar-tile,
.profile-tile {
  background-color: #000000 !important;
}

.profile-sidebar-tile .progress,
.profile-tile .progress,
.poll-tile .results,
.diary-entry .results,
.poll .results {
  background-color: #8a9e83;
}

.progress-bar-warning,
.poll-tile .progress-bar-results,
.diary-entry .progress-bar-results,
.poll .progress-bar-results {
  background-color: #aaff89;
}

.btn-primary.view-profile,
a.btn-primary.btn-profile,
#profile .uploadifive-button {
  background-color: #aaff89 !important;
  color: #000000 !important;
}

.profile-sidebar-tile .btn.btn-primary.btn-profile.active,
.profile-sidebar-tile .btn.btn-primary.btn-profile:hover,
.btn-primary.view-profile:hover,
a.btn-primary.btn-profile:hover,
#profile .uploadifive-button:hover,
a.btn.btn-primary.btn-profile.active {
  border: none;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  text-decoration: none;
}

.carousel-indicators li.active {
  background-color: #ffffff;
}

.carousel-indicators li {
  border: 1px solid #c173ff;
}

.tile.full-tile.widget-right.poll-tile.widget,
.poll-tile.widget {
  background-color: #ffffff !important;
}

.poll-questions .btn-primary {
  background-color: #aaff89 !important;
}

.poll-questions .btn-primary:hover {
  border: none;
  box-shadow: 0 0 0 1px rgba(170, 255, 137);
}

.poll-tile .btn,
.btn-poll,
.diary-entry .control__indicator,
.poll .control__indicator {
  background-color: #000000;
  border: 1px solid #000000;
  color: #ffffff !important;
  border-radius: 0 !important;
}

.btn-poll:focus,
.btn-poll:hover,
input[type="checkbox"]:checked + label.btn-poll,
input[type="radio"]:checked + label.btn-poll {
  background-color: #aaff87;
  border: 1px solid #aaff87;
  color: #000000 !important;
}

.badge-replies,
.likes_counter .badge {
  background: #1e1e1e;
  color: #ffffff;
}

footer {
  background-color: #000000;
}

.timeline:before {
  background-color: #1e1e1e;
}

.timeline > li > .timeline-badge {
  background-color: #1e1e1e;
}

.timeline > li > .timeline-panel:before {
  border-top: 2px dotted #1e1e1e;
}

.followingIcon,
svg.notificationsCaretIcon {
  fill: #292929;
}

.watchListArrowIcon {
  fill: #aaff88;
}

.calendar i.fa.fa-caret-left,
.calendar i.fa.fa-caret-right {
  color: #ffffff;
}

.room-sidebar-tile {
  background-color: #1a1a1a;
}

.room-sidebar-tile .sidebar-item.active {
  background: #c173ff;
}

.room-sidebar-tile h3,
.room-sidebar-tile p,
.room-sidebar-tile a {
  color: #ffffff;
}

.room-sidebar-tile a .roomCaretIcon {
  fill: #ffffff;
}

.room-sidebar-tile .sidebar-item.active a {
  color: #ffffff;
}

.room-sidebar-tile .sidebar-item.active a .roomCaretIcon {
  fill: #ffffff;
}

.room-sidebar-tile .sidebar-item {
  border-top: 1px solid #2f3439;
}

.square-tile svg,
.half-tile svg {
  fill: #ffffff;
}

.square-tile svg {
  fill: #ffffff;
}

.half-tile svg {
  fill: #ffffff;
}

.profile-sidebar-tile hr,
.profile-tile hr {
  border-top: 1px solid #854fb0;
}

.secondary-footer hr {
  border-top: 1px solid #854fb0;
}

.top-posts-content hr,
.secondary-footer .watch-list-item hr {
  border-top: 1px solid #6c6c6c !important;
}

.navbar-default .navbar-nav > li > a {
  color: #000000 !important;
}

.navbar-mobilebody.text-center.hidden-md.hidden-lg
  .dropdown-menu.collapsed-nav
  a {
  color: #000000 !important;
}

#mobile-dropdown-navigation.open #mobile-dropdown-navigation-icon {
  fill: #000000 !important;
}

@media only screen and (max-width: 992px) {
  .navbar.navbar-default.navbar-static-top {
    background: unset !important;
    background-color: #aaff89 !important;
  }

  #mobile-collapse span,
  .navbar.navbar-default.navbar-static-top a {
    color: #000000;
  }

  .navbar-nav .open .dropdown-menu {
    background-color: #aaff89 !important;
  }

  .navbar-nav .open .dropdown-menu a {
    color: #000000 !important;
  }
}

.faqs-container .panel-body,
.faqs-container .panel-heading,
.faqs-container .accordion-text {
  color: #ffffff !important;
}

.navbar .dropdown-menu > li > a {
  color: #000000;
}

.dropdown-menu > li > hr {
  border-top: 1px solid #000000;
}

ul#profile-friends-menu p,
.navbar-nav > li > .dropdown-menu p {
  color: #000000 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a.collapsed-navigation,
.navbar-default .navbar-nav > .open > a.collapsed-navigation:focus,
.navbar-default .navbar-nav > .open > a.collapsed-navigation:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #000000;
}

#navbar .row:nth-child(2) li a:after {
  color: #000000;
}

.secondary-footer-widget,
.secondary-footer-widget a,
.secondary-footer-widget div,
.secondary-footer-widget h1,
.secondary-footer-widget h3,
.secondary-footer-widget h4,
.secondary-footer-widget h22,
.secondary-footer-widget p,
.secondary-footer h3,
.secondary-footer h4 {
  color: #ffffff;
}

.top-posts-content hr,
.secondary-footer .watch-list-item hr,
.secondary-footer hr {
  border-top: 1px solid #854fb0;
}

.homes span.timeago.date {
  color: #ffffff !important;
}

.members-top5-content ul li,
.secondary-footer h5 {
  color: #ffffff;
}

.following-tile .pagination > a,
.following-tile .pagination > span,
.btn-primary,
.btn-secondary,
.btn-tertiary {
  color: #000000 !important;
}

#profile > div > div.following-footer.text-center > div > div > .pagination > a,#profile > div > div.following-footer.text-center > div > div > .pagination > span {
  color: #ffffff !important;
}

#profile > div > div.following-footer.text-center > div > div > .pagination > a:hover{
  text-decoration: underline;
}

body.users .profile-sidebar-tile h1,
body.users .profile-sidebar-tile h4,
.tile.widget.profile-tile h1,
.tile.widget.profile-tile h4,
.profile_widget_stats h4,
.profile_widget_stats h5,
#profile-widget-carousel p,
.profile-sidebar-tile h1,
.profile-sidebar-tile h4 {
  color: #ffffff;
}

.tile.widget.profile-tile h1 {
  color: #ffffff;
}

#main-list
  > li
  > div.col-md-3.tile.full-tile.profile-tile.widget
  > div
  > div:nth-child(2)
  > div.col-md-12.col-xs-8.col-sm-8
  > h4 {
  font-family: "4text_regular";
}

.profile-tile .progress-bar,
.diary-entry .progress-bar-results,
.poll .progress-bar-results,
.progress-bar-warning,
.poll-tile .progress-bar-results,
.diary-entry .progress-bar-results,
.poll .progress-bar-results {
  color: #000000 !important;
}

.tile.widget.poll-tile h3,
.tile.widget.poll-tile p,
.poll-tile .poll-answers h6 {
  color: #000000;
}

.poll-tile .btn-primary {
  color: #000000;
}

.homes .half-tile a,
.homes .half-tile h1,
.homes .half-tile h2,
.homes .half-tile h3,
.homes .half-tile h4,
.homes .half-tile p {
  color: #ffffff !important;
}

.homes .half-tile h3 {
  color: #aaff88 !important;
  max-width: 163px;
}

.homes .half-tile p {
  max-width: 265px;
}

.homes .tile h3 {
  color: #ffffff;
}

.homes .tile p {
  color: #ffffff;
}

a.blue,
a.blue:focus,
a.blue:hover,
.profile-complete,
.room-comments-tile .comments-action-icons a,
.cookie-form table th,
.page-content-tile p,
.notifications-tile h4,
.points-tile h4,
.notifications-tile td,
.page-content-tile td,
.points-tile td,
.badges-tile h4,
.form-control,
#profile h3,
#social-stream .inline-comment textarea,
.messages-content-tile .messages-reply .form-control,
.modal textarea.form-control,
.room-comments-tile textarea.form-control,
textarea,
textarea#topic_answer_body,
#room .panel-body p,
body,
.page-content-tile h3,
#room .panel-title,
form label,
.map-entry-tile h3,
#maps .panel-body p,
.panel-group,
#maps .panel-title,
#profile .panel-body p,
#social-stream .panel-body p,
#profile .panel-title,
#social-stream .panel-title,
h5.timeline-title,
.timeline a.profile-tip,
h3.activity-title-heading a,
.oembedable p,
.oembedable,
.comments-action-icons a,
h5.timeline-title a,
.reply.mR10.count_comments {
  color: #000000 !important;
}

.page-content-tile.tile p {
  color: #000000;
}

span.timeago.date,
.other-poll a,
.other-poll a:focus,
.other-poll a:hover {
  color: #000000 !important;
}

#page-wrapper
  > section
  > div
  > .Breadcrumb
  > ol
  > li
  > a
  .breadcrumbs
  li::after {
  border-left: 1px solid #ffffff;
}

#page-wrapper > section > div > .Breadcrumb > ol > li > a {
  color: #ffffff !important;
}

.breadcrumbs li:last-child a {
  text-decoration: underline;
  color: #ffffff !important;
}

.breadcrumbs a:last-child {
  color: #ffffff;
}

.breadcrumbs li::after {
  border-right: 1px solid #ffffff;
}

.col-md-12.tile.page-well-tile.breadcrumbs {
  background-color: #1a1a1a !important;
}

footer p,
footer .information a {
  color: #ffffff;
}

.page-content-tile hr {
  border-top: 1px solid #000000;
}

.maps-filters-tile,
.news-item-tile,
.messages-content-tile,
.room-comments-tile,
.map-entry-tile,
.social-stream-tile .social-stream-item,
.page-well-tile,
.panel-body,
.page-content-tile,
.timeline .year,
.timeline > li > .timeline-panel,
#room .panel-heading,
.panel-default > .panel-heading {
  background-color: #ffffff !important;
}

.col-md-12.tile.page-content-tile.forum-table,
.diary-tile .diary-date .calendar_entry {
  border: 5px solid #f4f4f2;
}

.room-comments-tile .comment p {
  background-color: #efefef !important;
  border-radius: 18px;
  color: #000000;
}

.b-user.comment,
.ui-autocomplete-input,
.diary-entry select.hour-select,
.diary-entry select.min-select,
#social-stream .inline-comment textarea,
.messages-content-tile .messages-reply .form-control,
.modal textarea.form-control,
.room-comments-tile textarea.form-control,
textarea,
textarea#topic_answer_body {
  background-color: #efefef;
  color: #000000;
}

::placeholder {
  color: #000000 !important;
}

:-ms-input-placeholder {
  color: #000000 !important;
}

::-ms-input-placeholder {
  color: #000000 !important;
}

.other-poll .pull-right,
.infinite_scroll_container p {
  color: #000000;
}

.homes .half-tile .btn-primary {
  background-color: #aaff89 !important;
  color: #000000 !important;
}

.homes .half-tile .btn-primary:hover {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
}

.homes .square-tile .btn-primary {
  background-color: #aaff89 !important;
  color: #000000 !important;
}

.homes .square-tile .btn-primary:hover {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
}

.poll-tile .button.btn.btn-primary {
  background-color: #aaff89 !important;
  color: #000000 !important;
  border: 1px solid #aaff89 !important;
}

.poll-tile .button.btn.btn-primary:hover {
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
}

footer img {
  height: 48px;
}

.followIcon,
.accordionDownIcon,
.accordionUpIcon,
.crosshairIcon,
.deleteIcon,
.searchIcon {
  fill: #1e1e1e;
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
  font-family: "4text_regular" !important;
}

.tile.widget.poll-tile h3 {
  color: #000000;
}

.poll-tile.widget.poll-tile h3 {
  font-size: 22px;
}

.secondary-footer-widget h4,
.secondary-footer-widget h3 {
  color: #ffffff;
  font-size: 22px;
  font-family: "4HeadlineStandard_Bold" !important;
}

.secondary-footer-widget h3 {
  color: #ffffff;
  font-size: 22px;
}

.notifications-tile h4,
.points-tile h4,
.badges-tile h4,
#profile h3,
.page-content-tile h3,
#room .panel-title,
.map-entry-tile h3,
h5.timeline-title,
h3.activity-title-heading,
h5.timeline-title {
  color: #2f3749 !important;
}

@media only screen and (min-width: 992px) {
  .half-tile h3 {
    font-size: 22px !important;
  }

  .square-tile h3 {
    font-size: 22px !important;
  }
}

.btn-primary,
.btn-primary,
.btn-secondary,
.btn-tertiary {
  border-radius: 0px !important;
}

a.profile-tip.user-mention {
  color: #000000 !important;
}

a.user-mention {
  background: #aaff88;
}

.badge-replies:nth-child(1) {
  background: #6c6c6c;
  font-weight: normal;
}

.badge-replies:nth-child(2) {
  background: #aaff88;
  color: #000000 !important;
  font-weight: normal;
}

.first-page .profile_widget_stats h4.bold {
  font-family: "4text_regular";
}

.tile.widget.poll-tile p {
  font-family: "4text_regular" !important;
}

.profile-tile .progress-bar,
.poll-tile .results-bar {
  padding-left: 0px !important;
  text-indent: 10px !important;
}

#profile .uploadifive-button {
  border-radius: 0px;
}

.watch-list-item h5 {
  font-family: "4text_regular" !important;
}

.top-posts-content.widget-inside-overflow a,
.top-posts-content.widget-inside-overflow span {
  font-family: "4text_regular" !important;
}

div.pull-right > a.shown_1 {
  font-family: "4text_regular" !important;
}

.notifications-tile h4,
.points-tile h4,
.badges-tile h4,
#profile h3,
.page-content-tile h3,
#room .panel-title,
.map-entry-tile h3,
h5.timeline-title,
h3.activity-title-heading,
h5.timeline-title {
  font-family: "4HeadlineStandard_Bold" !important;
  color: #000000 !important;
}

.faqs-page img.toggle.panel-icon.collapse-icon {
  width: 25px;
}

.faqs-page a.accordion-toggle {
  padding-right: 70px;
}

.navbar-mobilehead {
  background-color: #000000;
}

@media only screen and (min-width: 992px) {
  #navbar .row:nth-child(2) li a:after {
    content: "|";
    position: relative;
    left: 40px;
  }
}

@media only screen and (max-width: 480px) {
  .profile-tile {
    margin-top: 0px !important;
  }
}

@media only screen and (min-width: 481px) {
  .with-status-level.avatar-img img.profile-widget-img {
    border-radius: 100px !important;
    width: 60% !important;
    height: 90px !important;
    max-height: 90px !important;
    float: left !important;
  }
}

@media only screen and (min-width: 767px) {
  .avatar-img img {
    height: 120px !important;
    max-height: 120px !important;
    object-fit: cover;
  }
}

@media only screen and (max-width: 767px) {
  .avatar-img img {
    max-height: 70px !important;
    height: 70px !important;
    object-fit: cover;
  }

  .homes .half-tile.square-tile h3 {
    color: #ffffff !important;
    font-size: 18px;
  }

  .homes .half-tile.square-tile p {
    color: #000000 !important;
    font-size: 14px;
  }

  .homes .half-tile.square-tile svg {
    fill: #ffffff;
  }
}

.panel {
  box-shadow: none;
  border: 0 solid transparent;
  border-radius: 0 !important;
  overflow: hidden;
}

.copyright a {
  color: #ffffff;
  display: inline-block;
  text-decoration: underline;
}

@media (min-width: 768px) {
  footer .copyright {
    padding: 40px 100px 8px 0;
  }
}

@media (min-width: 768px) {
  #scrollOnPage {
    display: none;
    position: fixed;
    bottom: 7px;
    right: 0px;
    width: 70px;
    z-index: 99999;
    cursor: pointer;
  }

  img#scrollTopimg {
    width: 50px;
  }
}

@media (max-width: 768px) {
  #scrollOnPage {
    display: none;
    position: fixed;
    bottom: -7px;
    right: -35px;
    width: 70px;
    z-index: 99999;
    cursor: pointer;
  }

  img#scrollTopimg {
    width: 30px;
  }
}

.navbar-static-top #navbar .row:nth-child(2) .nav > li > a {
  padding-left: 40px;
  padding-right: 40px;
}

.welcome-widget .text-content {
  max-width: 370px;
}

#main-list
  > li
  > div.col-md-9
  > div
  > div.main-page-tiles
  > div.tile.col-md-8.half-tile
  > div
  > h3 {
  color: #000000 !important;
}

#main-list
  > li
  > div.col-md-9
  > div
  > div.main-page-tiles
  > div.tile.col-md-4.square-tile {
  background-color: #292929;
}

@media only screen and (max-width: 992px) {
  .navbar-static-top #navbar .row:nth-child(2) .nav > li:first-child > a {
    padding-left: 53px !important;
  }

  #navbar .row:nth-child(2) li a:after {
    display: none;
  }
}

.navbar-mobilehead img {
  height: 43px;
}

#page-wrapper > section > div > div.col-md-12.tile.page-content-tile > ul > li,
#page-wrapper
  > section
  > div
  > div.col-md-12.tile.page-content-tile
  > ul
  > ul
  > li {
  font-family: "4text_regular" !important;
}

.square-tile {
  background-color: #292929;
}

.poll-tile .btn,
.poll-tile .btn:focus,
.poll-tile .btn:focus-visible {
  border-radius: 0px !important;
  text-transform: unset !important;
  outline: 0px auto -webkit-focus-ring-color !important;
  box-shadow: none !important;
}

#main-list
  > li
  > div.col-md-9
  > div
  > div.tile.welcome-widget.widget.col-md-8.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > h3,
#main-list
  > li
  > div.col-md-9
  > div
  > div.tile.welcome-widget.widget.col-md-8.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > p {
  max-width: 222px;
}

#main-list
  > li
  > div.col-md-9
  > div
  > div.tile.welcome-widget.widget.col-md-8.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > h3 {
  font-size: 20px;
}

#main-list
  > li
  > div.col-md-9
  > div
  > div.tile.welcome-widget.widget.col-md-8.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > p {
  font-size: 15px;
}

.homes .half-tile .button-container.text-left a.btn {
  background-color: #aaff88 !important;
  color: #000000 !important;
}

.homes .half-tile .button-container.text-left a.btn:hover {
  box-shadow: 0 0 0 1px rgba(170, 255, 137);
}

.profile-tile .progress {
  border-radius: 0px;
}

.navbar span.caret {
  display: inline-block;
  display: none;
}

.caret {
  display: none;
}

.uploadifive-button.small-image,
.uploadifive-button.small-image:active,
.uploadifive-button.small-image:hover,
.uploadifive-button.small-image-audio,
.uploadifive-button.small-image-audio:active,
.uploadifive-button.small-image-audio:hover,
.uploadifive-button.small-image-video,
.uploadifive-button.small-image-video:active,
.uploadifive-button.small-image-video:hover,
.uploadifive-button.small-image-media,
.room-comments-tile .comments-action-icons img,
.ui-context-menu .ui-menu-gateway svg {
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%)
    hue-rotate(210deg) brightness(88%) contrast(88%);
}

.notifications-tile th,
.page-content-tile th,
.points-tile th {
  background-color: #292929;
  color: #fff;
}

.bx-wrapper {
  border: 5px solid #000000 !important;
  background: #000000 !important;
}

.panel-heading > .panel-title {
  font-family: "4HeadlineStandard_Bold" !important;
}

.room-sidebar-tile .sidebar-item.active a {
  color: #ffffff;
  font-family: "4text_regular" !important;
}

.news-item-tile h3 {
  color: #000000;
}

.panel-group .panel .fa-plus,
.fa-minus:before {
  color: #ffffff;
}

.btn-primary:focus,
.btn-primary.focus {
  background-color: #aaff89 !important;
  border-color: #aaff89 !important;
}

.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:active,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-tertiary.active,
.btn-tertiary:active,
.btn-tertiary:focus,
.btn-tertiary:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #aaff89 !important;
}

.white-text,
.white-text:hover {
  color: #000000 !important;
}

.dropdown.open .navigation-icon.svg,
.dropdown.open svg#dropdown-messages-icon,
.dropdown.open svg#dropdown-notifications-icon,
.dropdown.open svg#dropdown-profile-icon {
  fill: #aaff88;
}

@media (max-width: 767px) {
  .forum-table th.align-center.text-center.hidden-xs {
    display: table-cell !important;
  }

  .forum-table th.align-center.hidden-xs {
    display: table-cell !important;
  }

  .forum-table td.align-center.text-center.hidden-xs {
    display: table-cell !important;
  }

  #edit_cookies .page-content-tile,
  div#functional_cookies {
    overflow-y: auto;
  }
}

.timeline-body .entry_body.editable-post {
  border-radius: 0;
  background-color: #efefef !important;
  margin: 15px 0;
  padding: 25px;
}

.entry_body.editable-post p {
  background-color: #efefef !important;
}

.diary-tile .add-icon {
  filter: brightness(0) saturate(100%) invert(0%) sepia(2%) saturate(0%)
    hue-rotate(253deg) brightness(103%) contrast(100%);
}

.add-link.btn.btn-primary:hover img {
  filter: brightness(0) saturate(100%) invert(96%) sepia(97%) saturate(18%)
    hue-rotate(7deg) brightness(106%) contrast(100%);
}

.diary-entry select.hour-select,
.diary-entry select.min-select {
  background: #efefef
    url(https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/cp/media/dropdown_diary.svg)
    no-repeat 90% / 15%;
  background-size: 15px 15px;
}

form.multistep-form div.actions ul li a {
  background-color: #aaff89 !important;
  color: #000000 !important;
  border-radius: 0px;
}

form.multistep-form div.actions ul li a:hover {
  border: none;
  box-shadow: 0 0 0 1px rgba(170, 255, 137) !important;
  opacity: 0.9;
}

form.multistep-form div.actions ul li {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background: #9f9f9f !important;
}

/* hub page */
.box_banner {
  background-color: #ffffff;
  margin-bottom: 30px;
  padding: 27px 27px 34px 22px;
}

.page_banner {
  width: 100%;
  margin: 0;
  margin-top: 0px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0px !important;
}

.page-content-tile h3.page_hub_header {
  margin-top: 30px !important;
  margin-bottom: 24px !important;
  font-size: 28px;
  color: #000000 !important;
}

.main-container-hub {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  max-width: 1200px;
  margin: 0 auto;
  gap: 20px;
}

.column_left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

.column_right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

.hub-box {
  padding: 27px 27px 34px 22px;
  box-sizing: border-box;
  background-color: #ffffff;
}

div > .hub-box > p {
  color: #000000 !important;
  margin-bottom: 28px !important;
}

div > .hub-box > h3 {
  color: #000000 !important;
  margin-bottom: 20px !important;
}

.hub-box > img {
  width: 100%;
  margin: 0;
  margin-bottom: 22px;
}

.hub-box > img {
  width: 100%;
  margin: 0;
  margin-bottom: 22px;
}

.btn-hub {
  position: unset;
  display: inline-block;
  text-decoration: none;
}

.btn-hub {
  text-decoration: none !important;
}

@media (max-width: 992px) {
  .main-container-hub {
    flex-direction: column;
  }
}

.secondary-footer .watch-list a {
  color: #ffffff;
}

.secondary-footer .members-motm-content h1 {
  color: #ffffff;
}

.profile-tile .tile-content {
  border: 1px solid #808080;
  background-color: #000000 !important;
}

.tile.col-md-6.square-tile .tile-content .btn.btn-primary,
.tile.col-md-3.square-tile .tile-content .btn.btn-primary {
  background-color: #c173ff !important;
  color: #ffffff !important;
}

.tile.col-md-6.square-tile .tile-content .btn.btn-primary:hover,
.tile.col-md-3.square-tile .tile-content .btn.btn-primary:hover {
  border: none !important;
  box-shadow: 0 0 0 1px rgba(193, 115, 255) !important;
}

.poll_option .btn-poll,
input[type="submit"].btn.btn-primary {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  display: inline-block;
  cursor: pointer;
}

.poll_option input[type="radio"]:focus + .btn-poll,
input[type="submit"].btn.btn-primary:focus,
input[type="submit"].btn.btn-primary:active,
input[type="submit"].btn.btn-primary:disabled {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

#main-list
  > li.first-page
  > div.col-md-6
  > div
  > div.tile.welcome-widget.widget.col-md-12.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > h3 {
  position: relative;
  color: #000000 !important;
  font-size: 52px !important;
  font-family: "4HeadlineX_Condensed_Extrabold" !important;
  margin-top: -10px;
  line-height: 0.887;
}

#main-list
  > li.first-page
  > div.col-md-6
  > div
  > div.tile.welcome-widget.widget.col-md-12.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > h3::before {
  content: "D\00a0 FFE\00a0\00a0 ENT";
  position: absolute;
  left: 1px;
  height: 0.8em;
  top: 60%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  line-height: 0;
  padding-top: 0.2em;
  background: #c173ff;
  color: #ffffff;
  white-space: pre;
  z-index: 1;
  word-spacing: 4px;
  letter-spacing: 0.2px;
}

#main-list
  > li.first-page
  > div.col-md-6
  > div
  > div.tile.welcome-widget.widget.col-md-12.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > h3::after {
  content: "i R";
  position: absolute;
  left: 19.7px;
  bottom: 45px;
  color: #ffffff;
  font-family: "4HeadlineX-Condensed_Regular";
  letter-spacing: 19.5px;
  z-index: 2;
  font-size: 51px;
}

@media (max-width: 992px) {
  #main-list
  > li.first-page
  > div.col-md-6
  > div
  > div.tile.welcome-widget.widget.col-md-12.half-tile
  > div
  > div.text-content.text-left.half-tile.top
  > h3::after {
  bottom: 46px;
}
}

.page-content-tile h4 {
  font-family: "4HeadlineStandard_Bold" !important;
  margin-bottom: 10px;
}

h4.timeline-title {
  color: #000000;
}

.news-item-tile h3 a {
  color: #000000;
}

.bx-controls-direction > a.bx-prev > img {
  content: url(https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/cp/media/arrow_home.png);
  transform: scaleX(-1);
}

.bx-controls-direction > a.bx-next > img {
  content: url(https://clearstream-static.s3.eu-west-1.amazonaws.com/Channel_4/cp/media/arrow_home.png);
}

@media screen and (min-width:992px) and (max-width: 992px) {

    #mobile-collapse>span,
    #main_navigation>nav>div>div.navbar-header>a {
        display: none !important;
    }

    #main_navigation>div.navbar-mobilehead.text-center.hidden-md.hidden-lg,
    #main_navigation>div.navbar-mobilebody.text-center.hidden-md.hidden-lg {
        display: block !important;
    }

    #main-list>li>div.col-md-3.tile.full-tile.profile-tile.widget>div>div:nth-child(1) {
        display: none !important;
    }

    .navbar-static-top #navbar .row:nth-child(2) .nav {
        background-color: #aaff89;
        /* change the theme color*/
    }

    .profile-tile {
        min-height: 600px;
    }

}

.ui-context-menu.ui-selected .ui-menu-gateway {
    color: #000000;
}

.friendship_container.topic_answers_friendship {
    position: absolute;
    left: 43px;
    max-width: 25px;
    top: -5px;
}

div.col-md-6.user.comment-avatar.text-left.u-user > .topics_friendship {
  position: absolute;
  right: unset;
  top: 0px;
  left: 55px;
}

.welcome_in_box {
  display: flex; 
  justify-content: space-between; 
  flex-wrap: wrap; 
  padding: 0 15px; 
  gap: 30px; 
  margin-bottom: 75px;
}

@media (max-width: 1200px) {
.welcome_in_box {
  display: flex; 
  justify-content: unset; 
  flex-direction: column;
  align-items: center;
  gap: 30px; 
  margin-bottom: 30px;
}
}

.unsubscribe-navbar, .unsubscribe-navbar nav.navbar.navbar-default.navbar-static-top {
    height: 125px;
    background: #000000 !important;
    border-bottom: 10px solid #aaff88;
}