body {
  text-align: center;

  -webkit-text-size-adjust: 100%;
}

[v-cloak] {
  display: none;
}

#uni-headermenu {
  height: auto !important;
  overflow: hidden;
}

.container {
  margin: 0 auto;
  text-align: left;
  width: 906px;
  overflow: hidden;
}

.mainforum h1,
.mainforum h2,
.mainforum h3,
.mainforum h4,
.mainforum h5,
.mainforum h6,
.forumHeads,
.mainforum,
.small-text {
  font-family: "Hanken Grotesk", sans-serif;
}

a.topicSelect h4,
.mainforum__topic h4 {
  margin-right: 10px;
  display: inline-block;
  font-size: 20px;
  color: #000000;
}

a.topicSelect:hover h4 {
  text-decoration: underline;
  color: #f23c64;
}

.padlock {
  width: 15px;
  display: inline-block;
  padding-top: 5px;
  margin-right: 6px;
}

a.topicSelect {
  display: inline-block;
}
img.lockedImg {
  width: 15px;
}

span.img-left {
  float: left;
  margin: 0 1em 0.5em 0;
}
span.img-right {
  float: right;
  margin: 0 0 0.5em 1em;
}
.locked {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 125%;
  font-weight: bold;
  display: block;
  /*color: #EBE5DF;*/
  /*color: #EBE5DF;*/
  color: #f23c64;
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
}
.locked::before {
  content: "\f023";
  font-family: "Font Awesome 7 Pro";
  color: #f23c64;
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.archived {
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 125%;
  font-weight: bold;
  display: block;
  /*color: #EBE5DF;*/
  /*color: #EBE5DF;*/
  color: #f23c64;
  position: relative;
  padding-left: 20px;
  margin-top: 15px;
}
.archived::before {
  content: "\f187";
  font-family: "Font Awesome 7 Pro";
  color: #f23c64;
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.clear {
  clear: both;
  overflow: hidden;
  height: 0px;
}
hr.clear {
  border-bottom: none;
}

/* Header */
#header .container {
  display: flex;
  justify-content: space-between;
}
.header-home-link {
  display: block;
  text-decoration: none;
  color: #333;
  margin: 14px 0;
  /* overflow: hidden; */
  float: left;
}

#header-home-link-container {
  width: 250px;
}

.lff-link {
  position: relative;
  top: 15px;
  margin-left: 22px;
}

.stop-it-now-logo {
  width: 154px;
}

.endorsement-logo {
  width: 47px;
}

.header-home-link img {
  display: inline-block;
  vertical-align: middle;
}
.header-home-link .tagline {
  font-size: 137.5%;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #262626;
  font-family: "Hanken Grotesk", sans-serif;
  margin-left: 32px;
}

#lang-select {
  float: right;
  text-align: right;
  color: #262626;
  font-size: 87.5%;
  font-family: "Hanken Grotesk", sans-serif;
  margin: 12px 0 28px 0;
}

.ls-flag {
  display: inline-block;
  vertical-align: middle;
  border: solid 1px #000;
  background-color: #fff;
}
.selected .ls-flag,
a:hover .ls-flag {
  border: solid 1px #fff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ls-text {
  display: none;
}

#top-nav {
  float: right;
  clear: right;
}
#top-nav ul {
  list-style: none;
  font-size: 112.5%;
  font-family: "Hanken Grotesk", sans-serif;
}
#top-nav ul li {
  display: block;
  float: left;
  margin-left: 16px;
  margin-bottom: 0;
}
#top-nav ul li a {
  display: block;
  float: left;
  padding: 12px 20px;
  text-decoration: none;
  color: #262626;
}
#top-nav ul li a:hover {
  background: #cfcab7;
}
#top-nav ul li#activeSection a {
  color: #fff;
  background: #2165a1;
}
.family-and-friends #top-nav ul li#activeSection a {
  background: #ebe5df;
}
.practitioners #top-nav ul li#activeSection a {
  /*background:#EE2D2F;*/
  background: #ebe5df;
}
.header-right {
  /* float: right; */
  margin: 18px 0;
}

.header-right-link {
  display: inline-block;
  text-decoration: none;
  border-bottom: 4px solid transparent;
  transition: border-bottom 0.3s ease;
}

#main-container .header-right-link:hover {
  border-bottom: 4px solid #ec3867;
  text-decoration: none;
}

.header-right-tag {
  color: #000000;
  font-size: 19px;
  line-height: 22px;
  font-weight: 900;
  text-align: right;
}

.header-right-number {
  color: #000000;
  font-size: 29px;
  line-height: 35px;
  font-weight: 900;
  text-align: right;
}

/* Footer */
#footer {
  background: #1b4459;
  color: white;
  padding: 32px 0 12px 0;
}
#footer a {
  color: white;
}
#footer-left {
  width: 50%;
  float: left;
}
#footer-right {
  text-align: right;
  width: 50%;
  float: right;
}
#footer p {
  font-size: 75%;
}
#footer p.footer-tag-line {
  font-size: 112.5%;
  font-weight: bold;
}
#footer p.footer-tag-line .red {
  color: #ee2d2f;
}

/* #bottom-strip{
	color:#FFF;
	background:#B63636;
	padding:12px 0 6px 0;
	font-size:87.5%;
}
	#bottom-strip a{
		color:#FFF;
		text-decoration:none;
	}
	#bottom-strip a:hover{
		text-decoration:underline;
	}
	#bs-col-1{
		width:50%;
		float:left;
	}
	#bs-col-2{
		width:50%;
		text-align:right;
		float:left;
	} */

/* Buttons */
.button {
  color: white;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 125%;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  padding: 14px 20px;
  background-color: #1b4459;
  /* border:solid 1px #DCD7BE; */
  border: none;
  border-radius: 5px;

  cursor: pointer;

  margin-right: 15px;
}
a.button {
  display: inline-block;
  color: white;
}

a.button-header {
  color:;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  padding: 12px 15px;
  background-color: #fff;

  cursor: pointer;
  border: 2px solid #f23c64;

  display: inline-block;
}

a.button-header:hover {
  color: #fff;
  background-color: #f23c64;
}

/* img.endorsement-logo {
  position: relative;
  top: 15px;
  margin-left: 20px;
} */

input.button {
  -webkit-appearance: none; /* override iOS nastiness */
  border-radius: 0;
}
.button:hover,
.button:focus {
  color: #f23c64;
}
.button .small-text {
  font-size: 65%;
  font-weight: normal;
}
.button-red,
a.button-red {
  color: #fff;
  border: none;
  background-color: #f23c64;
}
.button-red:hover,
.button-red:focus {
  background-color: #9d2f2f;
  color: white !important;
  text-decoration: none !important;
}
.button-green,
a.button-green {
  color: #fff;
  background-image: url(../images/button-arrow.png?v=2);
  background-color: #457b45;
  border: solid 1px #366136;

  border: none;
  background-color: #137a7a;
}
.button-green:hover,
.button-green:focus {
  background-color: #ebe5df;
}

.button-blue,
a.button-blue {
  color: #fff;
  background-image: url(../images/button-arrow.png?v=2);

  border: none;
  background-color: #2165a1;
}
.button-blue:hover,
.button-blue:focus {
  background-color: #2573b6;
}

.button-large {
  border: none;
  background-image: url(../images/button-arrow-large.png);
  padding-right: 83px;
  padding: 16px 83px 15px 22px;
}
.button-right {
  float: right;
  margin-right: 0;
}
.button-left {
  float: left;
}

#disclaimer-decline {
  float: left;
}
#disclaimer-accept {
  float: right;
}

/* Homepage */
#main-body.mb-home,
#main-body.mb-404 {
  border-top: solid 1px #cfcab7;
}
#home-col-1 {
  float: left;
  width: 700px;

  margin-right: 22px;
  margin-top: 30px;
}
#hc1-inner {
  padding: 16px 0 0 22px;
}
.bubble-blue-container {
  background: #356caa;
  color: #fff;

  margin: 20px;
  position: relative;

  padding: 21px 22px 7px 22px;
}
.bubble-blue-top {
  background: url(../images/bubble-blue-top.png) left top no-repeat;
  background-size: 100% 20px;
  position: absolute;
  left: 0;
  top: -20px;
  width: 100%;
  height: 20px;
}
.bubble-blue-bottom {
  background: url(../images/bubble-blue-bottom.png) left bottom no-repeat;
  background-size: 100% 20px;
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 20px;
}
.bubble-blue-left {
  background: url(../images/bubble-blue-left.png) left top no-repeat;
  background-size: 20px 100%;
  position: absolute;
  left: -20px;
  top: 0;
  width: 20px;
  height: 100%;
}
.bubble-blue-right {
  background: url(../images/bubble-blue-right.png) left top no-repeat;
  background-size: 20px 100%;
  position: absolute;
  right: -20px;
  top: 0;
  width: 20px;
  height: 100%;
}
.bubble-blue-corner-tl {
  background: url(../images/bubble-blue-corner-tl.png) left top no-repeat;
  position: absolute;
  left: -20px;
  top: -20px;
  width: 20px;
  height: 20px;
}
.bubble-blue-corner-tr {
  background: url(../images/bubble-blue-corner-tr.png) left top no-repeat;
  position: absolute;
  right: -20px;
  top: -20px;
  width: 20px;
  height: 20px;
}
.bubble-blue-corner-br {
  background: url(../images/bubble-blue-corner-br.png) left top no-repeat;
  position: absolute;
  right: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
}
.bubble-blue-corner-bl {
  background: url(../images/bubble-blue-corner-bl.png) left top no-repeat;
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: 20px;
  height: 20px;
}
.bubble-blue-tail {
  background: url(../images/bubble-blue-tail.png) left top no-repeat;
  position: absolute;
  right: 233px;
  bottom: -61px;
  width: 103px;
  height: 45px;
}

#home-buttons {
  padding: 0 0 48px 0;
  clear: both;
}
#reg-user-button {
  margin-right: 19px;
}

#home-col-2 {
  float: left;
  width: 490px;

  margin-top: 30px;
}
#hc2-inner {
  /*
		padding:20px;
		color:#FFF;
		background:#EE2D2F;
		border-radius:20px; */

  padding-right: 15px;
}
.bubble-red-container {
  background: #ee2d2f;
  color: #fff;

  margin: 21px 22px 21px 24px;
  position: relative;
}
.bubble-red-top {
  background: url(../images/bubble-red-top.png) left top no-repeat;
  background-size: 100% 21px;
  position: absolute;
  left: 0;
  top: -21px;
  width: 100%;
  height: 21px;
}
.bubble-red-bottom {
  background: url(../images/bubble-red-bottom.png) left bottom no-repeat;
  background-size: 100% 21px;
  position: absolute;
  left: 0;
  bottom: -21px;
  width: 100%;
  height: 21px;
}
.bubble-red-left {
  background: url(../images/bubble-red-left.png) left top no-repeat;
  background-size: 24px 100%;
  position: absolute;
  left: -24px;
  top: 0;
  width: 24px;
  height: 100%;
}
.bubble-red-right {
  background: url(../images/bubble-red-right.png) left top no-repeat;
  background-size: 22px 100%;
  position: absolute;
  right: -22px;
  top: 0;
  width: 22px;
  height: 100%;
}
.bubble-red-corner-tl {
  background: url(../images/bubble-red-corner-tl.png) left top no-repeat;
  position: absolute;
  left: -24px;
  top: -21px;
  width: 24px;
  height: 21px;
}
.bubble-red-corner-tr {
  background: url(../images/bubble-red-corner-tr.png) left top no-repeat;
  position: absolute;
  right: -22px;
  top: -21px;
  width: 22px;
  height: 21px;
}
.bubble-red-corner-br {
  background: url(../images/bubble-red-corner-br.png) left top no-repeat;
  position: absolute;
  right: -22px;
  bottom: -21px;
  width: 22px;
  height: 21px;
}
.bubble-red-corner-bl {
  background: url(../images/bubble-red-corner-bl.png) left top no-repeat;
  position: absolute;
  left: -24px;
  bottom: -21px;
  width: 24px;
  height: 21px;
}
.bubble-red-tail {
  background: url(../images/bubble-red-tail.png) left top no-repeat;
  position: absolute;
  left: 242px;
  bottom: -63px;
  width: 66px;
  height: 48px;
}

.home-bottom-col {
  width: 386px;
  float: left;
  margin-bottom: 43px;
  margin-right: 30px;
  position: relative;
  color: #fff;

  background: #eee;
  margin-top: 82px;
}
.home-bottom-col-inner {
  padding: 23px 30px 19px 30px;
  min-height: 218px;
  position: relative;
  z-index: 1;
}

.home-bottom-col .wooden-figure {
  position: absolute;
}

.home-bottom-col h2 {
  font-size: 200%;
  color: #fff;
}

.home-bottom-col p {
  font-size: 112.5%;
}

.home-bottom-col a {
  color: #fff;
}

#home-bottom-col-1 {
  background: linear-gradient(130deg, #356caa, #205788);
}
#home-bottom-col-1 .home-bottom-col-inner h2 {
  width: 220px;
}
#home-bottom-col-1 .home-bottom-col-inner .text {
  width: 220px;
}
#home-bottom-col-1 .wooden-figure {
  right: 20px;
  bottom: 5px;
}

#home-bottom-col-2 {
  background: linear-gradient(130deg, #ebe5df, #ebe5df);
}
#home-bottom-col-2 .home-bottom-col-inner h2 {
  width: 160px;
}
#home-bottom-col-2 .home-bottom-col-inner .text {
  width: 130px;
}
#home-bottom-col-2 .wooden-figure {
  right: 6px;
  bottom: 6px;
}

#home-bottom-col-3 {
  background: linear-gradient(130deg, #ee2d2f, #ebe5df);
  margin-right: 0;
}
#home-bottom-col-3 .home-bottom-col-inner h2 {
  width: 178px;
}
#home-bottom-col-3 .home-bottom-col-inner .text {
  width: 178px;
}
#home-bottom-col-3 .wooden-figure {
  right: 18px;
  bottom: 6px;
}

/* Navigation */
#responsive-menu-button {
  display: none;
}
#site-nav {
  float: left;
  width: 282px;
  margin-right: 30px;
  margin-top: -87px;
  z-index: 1;
  position: relative;
}
#site-nav ul {
  list-style: none;
  padding: 0;
  margin-bottom: 26px;
  border-top: solid 1px #ebe5df;
  border-left: solid 1px #ebe5df;
  border-right: solid 1px #ebe5df;
  background: #fff;
}
#site-nav ul li {
  display: block;
  font-size: 125%;
  border-bottom: solid 1px #ebe5df;
  margin-bottom: 0;
}
#site-nav ul li a,
#site-nav ul li.selected ul li a {
  display: block;
  color: #333;
  text-decoration: none;
  padding: 14px 17px 13px 17px;
}
#site-nav ul li.selected > a {
  color: #2165a1;
}
.family-and-friends #site-nav ul li.selected > a {
  color: #ebe5df;
}
.practitioners #site-nav ul li.selected > a {
  color: #ebe5df;
}
#site-nav ul li.selected.expanded > a {
  /*color:#333;*/
}
#site-nav ul li a:hover {
  background-color: #f0eee4;
}
#site-nav ul li.expanded a:hover {
  background-color: transparent;
}
#site-nav ul li.selected ul li a:hover,
#site-nav ul li.expanded ul li a:hover {
  background-color: transparent;
  color: #2165a1;
  text-decoration: underline;
}
.family-and-friends #site-nav ul li.selected ul li a:hover,
.family-and-friends #site-nav ul li.expanded ul li a:hover {
  color: #ebe5df;
}
.practitioners #site-nav ul li.selected ul li a:hover,
.practitioners #site-nav ul li.expanded ul li a:hover {
  color: #ebe5df;
}
/* #site-nav ul li.selected a, */
#site-nav ul li.expanded ul li.selected a {
  color: #2165a1;
  background: url(../images/menu-arrow.png) 18px 12px no-repeat;
}
.family-and-friends #site-nav ul li.expanded ul li.selected a {
  color: #ebe5df;
  background: url(../images/menu-arrow-teal.png) 18px 12px no-repeat;
}
.practitioners #site-nav ul li.expanded ul li.selected a {
  color: #ebe5df;
  background: url(../images/menu-arrow-red.png) 18px 12px no-repeat;
}

#site-nav ul li.expanded ul {
  border: none;
  margin-bottom: 8px;
  margin-top: -8px;
}
#site-nav ul li.expanded ul li {
  font-size: 90%;
  border: none;
}
#site-nav ul li.expanded ul li a {
  padding: 4px 48px 4px 30px;
}

#site-nav ul li.expanded ul li.expanded ul {
  margin-top: 0;
}
#site-nav ul li.expanded ul li.expanded ul li {
  font-size: 100%;
}
#site-nav ul li.expanded ul li.expanded ul li a {
  padding-left: 44px;
  color: #333;
  background: none;
}
#site-nav ul li.expanded ul li.expanded ul li.selected a {
  color: #2165a1;
  background: url(../images/menu-arrow.png) 32px 12px no-repeat;
}

/* checkboxes for explorations and self help */
.menu_page13, .menu_page34, .menu_page78, .menu_page96, /* Internet Dependency Checklist */
	.menu_page14, .menu_page35, .menu_page79, .menu_page97, /* Online Cognition Scale */
	.menu_page15, .menu_page67, .menu_page80, .menu_page98, /* Internet and Values */
	.menu_page16, .menu_page68, .menu_page81, .menu_page99, /* Illegal Activities Matrix */
	.menu_section35, .menu_page56, .menu_page18, .menu_page82, .menu_page104, /* Understanding Why (Understanding how you use illegal images) */
	.menu_section36, .menu_page118, /* Problem of Immediate Gratification */
	.menu_section37, .menu_page157, /* Triggers */
	.menu_section38, .menu_page119, /* Taking Responsibility */
	.menu_section39, .menu_page19, .menu_page55, .menu_page83, .menu_page105, /* Images ARE children */
	.menu_section40, .menu_page20, .menu_page54, .menu_page84, .menu_page106, /* Fantasy (The Internet and fantasy) */
	.menu_section41, .menu_page120, /* Addiction */
	.menu_section42, .menu_page23, .menu_page51, .menu_page87, .menu_page109, /* Problematic collecting */
	.menu_section43, .menu_page22, .menu_page52, .menu_page86, .menu_page108, /* Online relationships */
	.menu_section44, .menu_page121, /* Talking to Others */
	.menu_section45, .menu_page21, .menu_page53, .menu_page85, .menu_page107, /* Recognising and dealing with feelings (Dealing with bad feelings) */
	.menu_section46, /* Self Esteem and Assertiveness */
	.menu_section47, .menu_page122, /* Problem Solving */
	.menu_section48, .menu_page123, /* Self-Talk */
	.menu_section49, .menu_page24, .menu_page50, .menu_page88, .menu_page110, /* Relapse Prevention */
	.menu_section50, .menu_page124 /* Building a Good Life */ {
  background-image: url(../images/menu-checkbox.png);
  background-position: right 4px;
  background-repeat: no-repeat;
}

#site-nav h3 {
  text-transform: uppercase;
  color: #b63636;
  font-size: 137.5%;
  margin-bottom: 5px;
}

/* Feedback Block */
#feedback-divider {
  display: none;
}
#feedback-block {
  float: left;
  clear: left;
  /* width:256px; */
  width: 232px;
  background: #b63636;
  color: #fff;
  padding: 12px 38px 12px 12px;
  margin: 14px 0 36px 0;
}
#feedback-block h3 {
  margin-bottom: 7px;
}
#feedback-block p {
  line-height: 1.2;
  margin-bottom: 0;
}
#feedback-block a {
  color: #fff;
}
#feedback-block a.arrow-link {
  font-weight: bold;
  font-size: 100%;
  background-image: url(../images/arrow-white-small.gif);
}

/* Helpline block */
#helpline-block {
  background: #ebe5df;
  background: linear-gradient(130deg, #ebe5df, #137a7a);
  color: #fff;
  float: left;
  clear: left;
  width: 282px;
  position: relative;
  margin-bottom: 40px;
}
#hb-inner {
  padding: 20px 114px 20px 20px;
}
#helpline-block h3 {
  color: #fff;
  font-weight: normal;
  line-height: 100%;
  font-size: 143.75%;
  margin-bottom: 10px;
}
#helpline-block h3 strong {
  font-size: 143.5%;
  line-height: 90%;
}
#helpline-block p {
  margin-bottom: 8px;
}
#helpline-block p.hb-phone-no {
  font-size: 150%;
}
#helpline-block a {
  color: #fff;
}

#helpline-block .wooden-figure {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* Internal Page */

#page-heading-strip {
  background: #f7f5f2;
  color: #f7f5f2;
  font-weight: bold;
  margin-bottom: 64px;
}

/* if the page has a hero image, remove the bottom margin of the page heading strip */
body:has(.forum-hero) #page-heading-strip {
  margin-bottom: 0;
}

.family-and-friends #page-heading-strip {
  background: #f7f5f2;
  color: #f7f5f2;
}
.practitioners #page-heading-strip {
  background: #f7f5f2;
}

#page-heading {
  margin: 18px auto;
  /* font-size: 250%; */
  font-size: 36px;
  line-height: 44px;
  font-family: "Le Monde Livre Std";
  color: #000000;
}

.page-template3 #page-heading {
  margin: 54px auto 58px;
}

#page-heading-strip.ph-wide #page-heading {
  margin-left: 0;
}
#page-heading-strip a {
  color: #fff;
  text-decoration: none;
}

/* #sw-breadcrumbs{
	padding:23px 0 30px 0;
	font-size:87.5%;
}
	#sw-breadcrumbs a{
		font-weight:bold;
	} */

#mb-container {
  overflow: visible;
}

#main-content {
  margin: 0px auto;
  width: 906px;
  padding-bottom: 36px;
  /* overflow: hidden; */
}
#main-content.full-width {
  width: 100%;
}
#main-content.no-breadcrumb {
  /*padding-top:36px;*/
}
#main-content p {
  line-height: 22px;
}
#main-content ul,
#main-content ol {
  /* line-height:140%; */
}
#main-content ul li,
#main-content ol li {
  /* margin:0; */
}

#mc-bottom {
  width: auto;
}
#mc-bottom.with-sidebar {
  width: 698px;
  margin-right: 30px;
  float: left;
}
#mc-sidebar {
  width: 178px;
  float: left;
}

.quote-container {
  min-width: 176px;
  /* min-height:270px; */
  overflow: hidden;
}
.quote-top {
  background: url(../images/bubble-top.png) left top repeat-x;
  margin-bottom: 40px;
}
.quote-right {
  /* background:url(../images/bubble-right.png) right top repeat-y; */
  background: url(../images/bubble-right-2.png) right top no-repeat;
  background-size: 9px 100%;
  margin-top: 20px;
  margin-bottom: 212px;
}
.quote-bottom {
  background: url(../images/bubble-bottom-3.png) left bottom repeat-x;
}
.quote-left {
  /* background:url(../images/bubble-left.png) left top repeat-y; */
  background: url(../images/bubble-left-2.png) left top no-repeat;
  background-size: 7px 100%;
}
.quote-top-left {
  /* background:url(../images/bubble-corner-tl.png) left top no-repeat; */
  background: url(../images/bubble-corner-tl-2.png) left top no-repeat;
}
.quote-top-right {
  /* background:url(../images/bubble-corner-tr.png) right top no-repeat; */
  background: url(../images/bubble-corner-tr-2.png) right top no-repeat;
}
.quote-bottom-right {
  /* background:url(../images/bubble-corner-br.png) right bottom no-repeat; */
  background: url(../images/bubble-corner-br-3.png) right bottom no-repeat;
}
.quote-bottom-left {
  /* background:url(../images/bubble-corner-bl.png) left bottom no-repeat; */
  background: url(../images/bubble-corner-bl-3.png) left bottom no-repeat;
}

/* Unicity Forms */
/* .forum-heading .forumHead{
	float:left;
	display:inline-block;
	width: 60%;
	min-height:58px;
} */
.noUnderline {
  text-decoration: none;
}
.forum-search {
  margin-left: 30px;
}
.forum-search form {
  display: flex;
  justify-content: flex-end;
}
.formSearch {
  width: calc(100% - 32px);
  display: inline-block;
}
.formSearch input[type="text"] {
  width: 100%;
  box-sizing: border-box;
}
.highlighted {
  background-color: #f6b4b9;
}
.formSearch input {
  /* height: 48px; */
  float: right;
  width: 100%;
}
#search_box {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.searchSubmit {
  width: 32px;
  height: 29px;
  padding: 8px;
  background-color: #1b4459;
  color: white;
  border: none;
  box-shadow: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.searchSubmit:hover {
  cursor: pointer;
  color: #f23c64;
}
form {
}
.form-field-wrapper {
  margin: 0 0 0.75em 0;
}
.form-field-wrapper label {
  width: 130px;
  display: inline-block;
  margin: 0.2em 15px 0.2em 0;
  vertical-align: top;

  font-weight: bold;
}
.form-field-required-star {
  vertical-align: top;
}
.formErrorMessage {
  color: #f00;
  padding: 10px 25px 9px 25px;
  background: #fee;
}

/* Text & password fields */
.form-text input,
.form-text select,
.form-email input,
.form-password input {
  border: solid 1px #1b4459;
  padding: 4px;
  font-size: 100%;
  font-family: inherit;
  height: 29px;
  border-radius: 0; /* override iOS default */
}
.form-text .input-tiny,
.form-email .input-tiny,
.form-password .input-tiny {
  width: 60px;
}
.form-text .input-small,
.form-email .input-small,
.form-password .input-small {
  width: 120px;
}
.form-text .input-medium,
.form-email .input-medium,
.form-password .input-medium {
  width: 180px;
}
.form-text .input-large,
.form-email .input-large,
.form-password .input-large {
  width: 240px;
}
.form-text .input-extralarge,
.form-email .input-extralarge,
.form-password .input-extralarge {
  width: 300px;
}

/* Text areas */
.form-field-wrapper textarea {
  border: solid 1px #ebe5df;
  padding: 4px;
  font-size: 100%;
  font-family: inherit;

  border-radius: 0; /* override iOS default */
}
.form-field-wrapper textarea.input-tiny {
  width: 120px;
  height: 3em;
}
.form-field-wrapper textarea.input-small {
  width: 180px;
  height: 4em;
}
.form-field-wrapper textarea.input-medium {
  width: 240px;
  height: 5em;
}
.form-field-wrapper textarea.input-large {
  width: 300px;
  height: 5em;
}
.form-field-wrapper textarea.input-extralarge {
  width: 470px;
  height: 10em;
}

/* Select */
.form-select select {
  border: solid 1px #ccc;
  padding: 4px;
  font-size: 100%;
  font-family: inherit;
}

/* Checkbox */

.forum-form .form-field-wrapper input[type="checkbox"] {
  margin-top: 7px;
}

.form-checkbox label {
  width: auto;
  max-width: 90%;
  margin: 0;
}
.form-checkbox input {
  vertical-align: top;
  margin-right: 20px;
  margin-top: 4px;
  margin-left: 1px;
}
.form-checkbox .form-field-required-star {
  margin-right: 4px;
}

/* Radio Buttons */
.form-field-wrapper p {
  margin-bottom: 0.2em;
  width: 130px;
  float: left;
}
.radio-option-wrapper {
  margin-left: 148px;
}
.radio-option-wrapper label {
  margin: 0 0 0.2em 0.5em;
  width: auto;
  max-width: 90%;
}
.radio-option-wrapper input {
  margin-left: 1px;
}

.form-radio-inline input {
  vertical-align: top;
  margin-right: 20px;
  margin-top: 4px;
  margin-left: 1px;
}
.form-radio-inline label {
  width: auto;
  vertical-align: top;
  margin: 0 50px 0 0;
}

/* Buttons */
.input-button {
}

.input-button,
a.input-button {
  -webkit-appearance: none; /* override iOS nastiness */
  border-radius: 0; /* override iOS default */
  display: inline-block;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.2;
  text-decoration: none;
  padding: 14px 20px;
  /* 		background-color:#B63636;
		border:solid 1px #9D2F2F; */
  cursor: pointer;
  background-color: #1b4459;
  border: 1px solid #1b4459;
  color: white;
  border-radius: 5px;
}
.input-button:hover,
.input-button:focus {
  color: #f23c64;
  text-decoration: none !important;
}

.no-label input {
  margin-left: 148px;
}

/* Error highlighting */
.form-text input.fieldError,
.form-email input.fieldError,
.form-password input.fieldError,
.form-textarea textarea.fieldError,
.form-select select.fieldError {
  border: solid 1px #f00;
}
.form-checkbox input.fieldError,
.form-radio-inline input.fieldError {
  outline: solid 1px #f00;
}

.g-recaptcha {
  margin-left: 148px;
}

/* Unicity Events */
.events-calendar {
  font-size: 87.5%;
}
.events-calendar th {
  padding: 0.2em;
}
.events-calendar td {
  vertical-align: top;
  width: 4em;
  background: #f0f0f0;
  padding: 0.2em 0.5em;
  border: solid 1px #fff;
}
.events-calendar td.calendar-blank-day {
  background: none;
}

/* Unicity Photo Gallery */
.photo-gallery-display {
  overflow: hidden;
}
.photo-gallery-image {
  float: left;
  margin: 0 0.5em 1.2em 0.5em;
}

/* Explorations forms */
.exp_field_container_half {
  width: 300px;
  margin-right: 31px;
  float: left;
  clear: left;
}
.exp_field_container_half label {
  max-width: 260px;
  font-weight: normal;
}
.efc_right {
  margin-right: 11px;
  clear: none;
}
.exp_field_container_full {
  width: 100%;
  float: none;
  clear: both;
}
.form-field-wrapper.exp_field_container_full label {
  width: auto;
  font-weight: normal;
  display: inline-block;
  margin-right: 8px;
}

.exp-question-number {
  background: #f0eee4;
  /* 	color:#B63636; */
  color: #2165a1;
  font-size: 112.5%;
  padding: 10px 25px 9px 25px;
}

/* Internet Dependency Checklist */
#main-content p.exp-idc-question {
  font-size: 112.5%;
  line-height: 1.2;
  margin-bottom: 20px;
}

/* Online Cognition Scale */
.exp-ocs-answer-container {
  float: left;
}
.exp-ocs-answer-container .button {
  background-image: none;
  padding: 17px 20px;
  margin-right: 10px;
  margin-bottom: 14px;
  color: #333;
  width: 60px;
  box-sizing: border-box;
  text-align: center;

  float: left; /* required for IE7 */
}
.exp-ocs-answer-container .button-right {
  float: none;
  margin-right: 0;
}

.exp-ocs-answer-container#disagree,
.exp-ocs-answer-container#neither {
  margin-right: 91px;
}

.exp-ocs-answer-container#disagree,
.exp-ocs-answer-container#agree {
  width: 130px;
}
.exp-ocs-answer-container#neither {
  width: 200px;
}

#exp-ocs-bar-chart {
  margin: 40px 0 60px 0;
}
.exp-ocs-bar-chart-row {
  margin-bottom: 18px;
}
.exp-ocs-bar-chart-x-label {
  width: 18%;
  padding: 0 1%;
  display: inline-block;
  text-align: center;
  font-size: 87.5%;
  vertical-align: middle;
}
.exp-ocs-bar-chart-x-label.first {
  position: relative;
  left: -10%;
}
.exp-ocs-bar-chart-x-label.last {
  text-align: right;
}

.exp-ocs-bar-chart-y-label,
.exp-ocs-bar-chart-row .left-spacer {
  width: 122px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.exp-ocs-bar-container {
  width: 510px;
  display: inline-block;
  vertical-align: middle;
}
.exp-ocs-bar,
#main-content img.exp-ocs-bar {
  display: inline-block;
  height: 15px;
  background: #b63636;
}

/* Internet and Values */

#exp-iv-values-other label {
  width: auto;
}

.exp-iv-radios {
}
.exp-iv-radio-container {
  display: inline-block;
  /*width:10.8%;*/
  width: 21.75%;
  text-align: left;
}
/*.rc-9{
	width:auto;
}
.rc-10{
	float:right;
	width:auto;
}*/

.rc-5,
.rc-6 {
  width: auto;
}

.exp-iv-radio-container label {
  display: inline-block;
  /*		width:auto;*/
  font-weight: bold;
  text-align: center;
}

.exp-iv-1-5 {
  float: left;
  width: 50%;
}
.exp-iv-6-10 {
  float: right;
  width: 50%;
  text-align: right;
}

.exp-iv-6-10 .exp-iv-radio-container {
  text-align: right;
}

.exp-iv-graph {
  background: url(../images/exp-iv-graph-y-axis-labels.png) left top repeat-y;
  padding-left: 24px;
}
.rg-bar-container {
  display: inline-block;
  width: 50px;
  margin-left: 6px;
  text-align: center;
  vertical-align: top;
  height: 240px;
}
.rg-highlighted {
  background: #e0dcc7;
}
.rg-bars {
  display: inline-block;
  height: 162px;
  width: 68%;
  padding: 0 16%;
  margin-bottom: 12px;
}
.rg-bar-effort {
  display: inline-block;
  width: 42%;
  margin: 0 4%;
  background: #333;
}
.rg-bar-influence {
  display: inline-block;
  width: 42%;
  margin: 0 4%;
  background: #b63636;
}
.rg-bar-label {
  /*font-size:75%;*/
  font-size: 68.75%;
  font-weight: bold;
}

.rg-key {
  margin-bottom: 0;
  position: relative;
}
.rg-key-last {
  margin-bottom: 35px;
}
.rg-key-colour {
  display: block;
  margin: 0 10px 0 4px;
  width: 17px;
  height: 17px;

  position: absolute;
  left: 0;
  top: 3px;
}
#rgk-effort {
  background: #333;
}
#rgk-influence {
  background: #b63636;
}
#rgk-highlighted {
  background: #e0dcc7;
}
.rg-key-label {
  display: inline-block;
  margin-left: 35px;
}

#exp-iv-results-graph {
  margin: 30px 0 22px 0;
}

#exp-iv-avg-results-graph {
  margin: 20px 0 0 0;
}
#exp-iv-avg-results-graph .rg-bar-container {
  height: 216px;
}
#exp-iv-avg-results-graph .rg-bars {
  /* 			width:100%;
			padding:0; */
}

/* Illegal Activities Matrix */
.exp-iam-statement-group {
  overflow: hidden;
}
#main-content .exp-iam-summary-list li {
  margin-bottom: 15px;
}

/* Internet and Values */
.axis-label-print {
  display: none;
}

/* Feedback form */
.feedback-block {
  padding: 20px;
  color: #fff;
  background: #ebe5df;
  background: linear-gradient(130deg, #ee2d2f, #ebe5df);
}
.feedback-block h3 {
  color: #fff;
}
.feedback-block a {
  color: #fff;
}
#feedback-form {
  background: #fff;
  padding: 30px;
  width: 500px;
  max-width: 70%;
  margin: 30px auto;
  position: relative;
}
#feedback-form p {
  font-size: 112.5%;
}
#feedback-form .form-field-wrapper {
  clear: both;
  margin-bottom: 20px;
  overflow: hidden;
}
#feedback-form .form-field-wrapper p {
  float: none;
  width: auto;
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 20px;
  color: #2165a1;
  font-style: italic;
}
#feedback-form .form-field-wrapper label {
  display: block;
  float: none;
  width: auto;
  font-size: 125%;
  font-weight: bold;
  margin-bottom: 10px;
  color: #2165a1;
}

#feedback-form .form-field-wrapper .radio-option-wrapper {
  float: left;
  width: 10%;
  margin: 0;
  text-align: center;
}
#feedback-form .form-field-wrapper .radio-option-wrapper input {
  margin: 0;
}
#feedback-form .form-field-wrapper .radio-option-wrapper label {
  font-size: 100%;
  font-size: 112.5%;
  margin: 0;
  max-width: none;
  color: #333;
}

#feedback-form .form-field-wrapper input.input-medium,
#feedback-form .form-field-wrapper textarea.input-medium {
  width: 70%;
  padding: 2%;
}
#feedback-form .form-field-wrapper input.input-large,
#feedback-form .form-field-wrapper textarea.input-large {
  width: 95%;
  padding: 2%;
}
#feedback-form .form-field-wrapper input.input-extralarge,
#feedback-form .form-field-wrapper textarea.input-extralarge {
  width: 95%;
  padding: 2%;
}

#feedback-form .input-button {
  margin: 0 auto;
  background-color: #2165a1;
}

#feedback-form .input-button:hover {
  background-color: #2573b6;
}

/* Hidden field to keep track of current page */
#form-field-wrapper-8 {
  display: none;
}

/* JW Player */
#videoPlayer {
  /*max-width:600px;*/
  width: 100%;
  position: relative;
}
/* Hide playlist prev & next */
.jw-icon-playlist,
.jw-icon-prev,
.jw-icon-next {
  display: none !important;
}

.videoQuestionContainer {
  position: absolute;
  top: 0;
  left: 0;
  /*background:rgba(0, 0, 0, 0.8);*/
  color: #fff;
  width: 100%;
  height: 100%;

  z-index: 2147483647;
}
.videoQuestion {
  /* padding:20px; */
  position: relative;
  height: 100%;
  width: 100%;

  /*outline:solid 2px lime;*/
}
.videoQuestion p {
  padding: 20px;
  text-align: center;
}

a.videoAnswer {
  position: absolute;
  color: #fff;
  display: block;
  text-decoration: none;
  text-indent: -999999px;
  font-size: 87.5%;

  /*border:solid 2px orange;*/
  outline: solid 4px rgba(255, 255, 255, 0.5);
}
a.videoAnswer:hover {
  background: rgba(255, 255, 255, 0.2);
}

#videoQuestionImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

/* FAQ sets */
div.faq-wrapper {
  border-bottom: none;
  overflow: hidden;
}
div.faq-wrapper h4 a {
  text-decoration: none;
}
div.faq-wrapper h4 a:hover {
  text-decoration: underline;
}

div.faq-answer {
  padding: 0 0 0 30px;
}

/* Main content images */
#main-content img {
  max-width: 100%;
  height: auto;
}

.continue-button-container {
  overflow: hidden;
}

.answer-space {
  display: none;
}

.mainforum {
  width: 100%;
}

.mainforum td.mainforum__row-divider {
  padding: 0;
  height: 2px;
  line-height: 0;
  font-size: 0;
  vertical-align: top;
}

.mainforum__row-divider div {
  height: 2px;
  margin: 0 24px;
  background: #ffffff;
}

.mainforum tr:last-child .mainforum__row-divider {
  display: none;
}

#category-list .mainforum__topic-icon {
  padding: 22px 0px 22px 24px;
  vertical-align: top;
}

#category-list .mainforum__topic-icon img {
  width: auto;
  max-width: 80px;
  height: 80px;
}

#category-list .mainforum__topic {
  padding: 20px 24px 20px 24px;
  vertical-align: top;
  color: #000000;
}

/* recent posts */

#category-list .recentposts__topic h4 {
  margin-bottom: 6px;
}

#category-list .recentposts__topic h4 a {
  color: #000000;
  text-decoration: none;
}

#category-list .recentposts__topic h4 a:hover {
  color: #f23c64;
  text-decoration: underline;
}

#category-list .recentposts__topic .recentposts-preview {
  color: #000000;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
  overflow-wrap: anywhere;
}

#category-list .recentposts__topic .recentposts-meta {
  display: flex;
  align-items: center;
}
#category-list .recentposts__topic .recentposts-meta__icon {
  margin-right: 16px;
}

#category-list .recentposts__topic .recentposts-meta__icon img {
  height: 26px;
}

#category-list .recentposts__topic .recentposts-meta__text {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}

#category-list .recentposts__topic .recentposts-meta__text a {
  color: #666666;
  font-weight: normal;
}

#category-list .recentposts__topic .recentposts-meta__text a:hover {
  color: #f23c64;
  text-decoration: underline;
}

.forum-container__right .forum-intro {
  margin-bottom: 8px;
  color: #000000;
}

.forum-update {
  padding: 26px 24px 24px 24px;
  background-color: #55d4b8;
  margin-bottom: 18px;
  color: #000000;
}

.forum-update__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  color: #000000;
  margin-bottom: 16px;
}

.forum-update__content a {
  text-decoration: none;
}

.forum-update__content a:hover {
  text-decoration: underline;
  color: #000000;
}

.forum-update__title:before {
  content: "\f0a1";
  font-family: "Font Awesome 7 Pro";
  font-weight: normal;
  margin-right: 8px;
}

.forum-quick-links {
  padding: 16px 24px;
  background-color: #1b4459;
  margin-bottom: 26px;
}

.forum-quick-links h4 {
  color: #ffffff;
  font-family: "Le Monde Livre Std";
  margin-bottom: 24px;
}

.forum-dashboard {
  margin-bottom: 15px;
}

.forum-dashboard a {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 15px;
}

.forum-dashboard a:hover {
  border-bottom: 3px solid #f23c64;
  text-decoration: none;
  color: #ffffff;
}

.forum-quick-links ul {
  list-style: none;
  padding: 0;
}

.forum-quick-links ul .selected a {
  border-bottom: 3px solid #f23c64;
}

.forum-quick-links ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 15px;
}

.forum-quick-links ul li a:hover {
  border-bottom: 3px solid #f23c64;
  text-decoration: none;
  color: #ffffff;
}

.mainforum thead {
  background: #ebe5df;
}

#main-content .mainforum p {
  font-size: 1rem;
}

#main-content .mainforum p:last-of-type {
  margin-bottom: 0px;
}

.mainforum th {
  padding: 0.4rem 0.8rem;
  font-weight: 600;
  color: #1b4459;
}

.mainforum tr {
  border-bottom: solid 1px #ebe5df;
}

.mainforum tr.fade {
  opacity: 0.6;
}

.mainforum td {
  padding: 1rem 0.8rem;
  vertical-align: middle;
}

.mainforum h4 {
  font-size: 20px;
  margin-bottom: 0px;
}

.mainforum__topic h3 {
  margin-bottom: 0px;
}

.mainforum__topic a {
  /* color: #1b4459; */
  color: #000000;
}

.top-section {
  display: flex;
  float: right;
  margin: 0 0 0 30px;
}

.top-sections {
  display: flex;
  align-items: flex-start;
  float: right;
  margin-bottom: 20px;
  width: 100%;
}

.top-sections .new-topic {
  max-width: 200px;
  min-width: 150px;
  flex: 1;
  justify-content: flex-end;
  display: flex;
}

.category_heading {
  float: left;
  flex: 1;
  justify-content: flex-start;
}

.forumHeads {
  margin-top: 60px;
  display: flex;
  align-items: center;
  width: 100%;
}
.forumHeads h3 {
  margin-right: auto;
}

.forum-heading {
  flex: 1;
}

.forum-heading p:last-of-type {
  margin-bottom: 0px;
}

.new-topic {
  margin-left: 1rem;
}

.primary-links {
  margin-bottom: 10px;
  margin-top: 5px;
}
.primary-links a {
  margin: 0px 1rem 0px 0px;
}

.primary-links a:last-of-type {
  margin: 0px 0px;
}

.primary-links strong + a {
  margin-left: 1rem !important;
}

.forum-admin-bar {
  display: flex;
  font-size: 90%;
}

.forum-admin-bar a {
  color: #1b4459;
}

/* form hero ************************************************************************************************************************* */

.forum-hero {
  display: flex;
  min-height: 462px;
  width: calc(100% + 1014px);
  box-sizing: border-box;
  background: url(../images/forum-hero.jpg) no-repeat center top;
  margin-left: -507px;
  margin-bottom: 64px;
}

.forum-hero__content {
  text-align: center;
  box-sizing: border-box;
  max-width: 598px;
  margin: auto;
  padding: 34px;
  background-color: rgb(255, 255, 255, 0.8);
  width: 94%;
}

.forum-hero__content .forum-hero__title {
  color: #000000;
  font-family: "Le Monde Livre Std";
  font-size: 32px;
  margin-bottom: 22px;
}

.forum-hero__content .forum-search {
  max-width: 444px;
  margin: 0 auto 32px;
  padding: 0;
}

.forum-hero__content .form-field-wrapper {
  margin: 0;
}

.forum-hero__content #search_box {
  border: 1px solid #707070;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-right: none;
  height: 48px;
  padding: 12px 18px;
}

.forum-hero__content #search_box::placeholder {
  color: #7b7b7b;
  font-size: 18px;
}

.forum-hero__content .searchSubmit {
  border: 1px solid #707070;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #f7f5f2;
  color: #000000;
  height: 48px;
  width: 56px;
  font-size: 18px;
}

.forum-hero__content .searchSubmit:hover {
  background-color: #f7f5f2;
  color: #f23c64;
}

.forum-hero__content .searchSubmit .fa-search:before {
  font-weight: 900;
}

.forum-hero__content p {
  color: #000000;
  font-size: 18px;
  margin-bottom: 34px;
}

.forum-hero__content a {
  color: #000000;
  font-size: 18px;
}

.forum-hero__content a:hover {
  color: #f23c64;
  text-decoration: underline;
}

.forum-hero__content .adminbar-link {
  margin-right: 32px;
  line-height: 26px;
}

.forum-hero__content .adminbar-link:last-child {
  margin-right: 0;
}

.forum-hero__content .adminbar-link::before {
  font-family: "Font Awesome 7 Sharp";
  font-size: 18px;
  font-weight: normal;
  margin-right: 8px;
  display: inline-block;
  position: relative;
  top: 1px;
  line-height: 26px;
}

.forum-hero__content .adminbar-register::before {
  content: "\f234";
}

.forum-hero__content .adminbar-login::before {
  content: "\f090";
}

.forum-hero__content .adminbar-logout::before {
  content: "\e668";
}

.forum-hero__content .messages-link {
  padding-left: 0;
}

.forum-hero__content .messages-link::before {
  content: "\f27a";
}

.forum-hero__content .notifications-link {
  padding-left: 0;
}

.forum-hero__content .notifications-link::before {
  content: "\f0f3";
}

.forum-container {
  display: grid;
  grid-template-columns: 1fr 290px;
  column-gap: 20px;
  row-gap: 0;
  align-items: start;
  grid-row: 1/4;
}

.forum-container__left {
  grid-column: 1;
  grid-row: 1/5;
}

.forum-intro {
  grid-column: 2;
  /* grid-row: 1; */
}

.forum-update {
  grid-column: 2;
  /* grid-row: 2; */
}

.forum-quick-links {
  grid-column: 2;
  /* grid-row: 3; */
}

#category-list {
  background-color: #f7f5f2;
}

#category-list tr {
  border-bottom: 0;
}

.forum-container__header {
  display: flex;
  align-items: stretch;
}

a.forum-container__header-tab {
  box-sizing: border-box;
  font-weight: bold;
  font-size: 24px;
  font-family: "le monde livre std";
  padding: 17px 48px 17px 24px;
  text-decoration: none;
  margin-right: 2px;
}

a.forum-container__header-tab:last-child {
  margin-right: 0;
}

a.forum-container__header-tab-inactive {
  background-color: #ebe5df;
  color: #808080;
  margin-bottom: 2px;
  padding: 16px 48px 16px 24px;
}

a.forum-container__header-tab-inactive:hover {
  color: #f23c64;
}

a.forum-container__header-tab-active {
  background-color: #f7f5f2;
  color: #f23c64;
}

.forum-admin-bar__left {
  flex-shrink: 0;
  margin-right: auto;
  display: flex;
  margin-top: 5px;
}

.forum-admin-bar__right {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  flex-shrink: 1;
  margin-left: 30px;
}

.forum-admin-bar__right ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.forum-admin-bar__right li {
  display: inline-block;
  background-image: none !important;
}

.topic-top {
  display: flex;
  align-items: center;
}

.topic-heading {
  flex: 1;
}

.topic-heading h2 {
  margin-bottom: 0px;
}

.reply {
  border: solid 1px #ebe5df;
  margin: 1rem 0px;
  padding: 1rem 1rem 1rem 0px;
  display: flex;
}

.reply.fade {
  opacity: 0.6;
}

.reply--creator {
  border: solid 1px #bcb7b2;
}

.reply--new {
  border: solid 1px #f23c64;
  position: relative;
}
.reply--new::before {
  content: "New";
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  background: #ebe5df;
  font-size: 0.8rem;
  padding: 2px 8px;
  font-weight: bold;
  text-transform: uppercase;
}

.reply__left {
  flex: 0.8;
  text-align: center;
}

.reply__left p strong a {
  font-size: 120%;
}

.reply__left a {
  /* color: #1b4459; */
  color: #000000;
}

.reply__right {
  flex: 2;
}

.reply__right h3 a {
  color: #1b4459;
  font-size: 20px;
}

.reply hr {
  margin-bottom: 13px;
}

p.meta {
  font-size: 0.8rem !important;
}

p.meta:last-child {
  margin-bottom: 0;
}

span.report-post {
  float: right;
  margin-left: 10px;
}

a.likeButton {
  font-size: 0.8rem !important;
  border: 1px solid #1b4459;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 5px;
  display: inline-block;
  color: #1b4459;
  text-decoration: none;
}

a.likeButton.selected {
  background-color: #1b4459;
  color: white;
}

a.likeButton:hover {
  /*background-color:#1B4459;*/
  color: #f23c64;
}

p.error {
  color: red !important;
}

.sceditor-container {
  display: inline;
}

.forum-form .input-button {
  margin-left: 0px;
}

.forum-form .form-checkbox {
  margin-left: 148px;
  width: 470px;
}

.staff-tag {
  background: #ebe5df;
  display: inline-block;
  color: #1b4459;
  padding: 0.4rem;
  width: 60%;
  box-sizing: border-box;
}

.mce-tinymce {
  width: 634px !important;
}

.forum-input {
  display: block;
}
.forumRadio input {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
}
.forumRadio label {
  display: inline-block;
}

/* Notifications */

a.notifications-toggle {
  text-decoration: none;
  margin-left: 16px;
  display: flex;
  align-items: center;
  text-wrap: nowrap;
}
a.notifications-toggle--on {
  color: #55d4b8;
}
a.notifications-toggle--on:hover {
  color: #55d4b8;
}
a.notifications-toggle--off {
  color: #c5c5c5;
  /*color: #b4e6e6;*/
}
a.notifications-toggle--off:hover {
  color: #55d4b8;
}
a.notifications-toggle::before {
  font-family: "Font Awesome 7 Pro";
  font-size: 18px;
  font-weight: normal;
  width: 30px;
  text-align: center;
  display: block;
}
a.notifications-toggle--on::before {
  content: "\f0f3";
  font-weight: bold;
}
a.notifications-toggle--off::before {
  content: "\f1f6";
}
a.notifications-toggle span {
  /*position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;*/
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1.2;
  margin-left: auto;
  text-align: right;
}

.notifications-link {
  display: inline-block;
  position: relative;
  padding-left: 22px;
}
.notifications-link::before {
  content: "\f0f3";
  font-family: "Font Awesome 7 Pro";
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 14px;
  width: 18px;
  text-align: center;
}
.notifications-link--has-new::before {
  font-weight: 900;
}
.notifications-link--has-new::after {
  content: "";
  background-color: #f23c64;
  position: absolute;
  left: 11px;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

/* Messages link */

.messages-link {
  display: inline-block;
  position: relative;
  padding-left: 22px;
}
.messages-link::before {
  content: "\f27a";
  font-family: "Font Awesome 7 Pro";
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 14px;
  width: 18px;
  text-align: center;
}
.messages-link--has-new::before {
  font-weight: 900;
}
.messages-link--has-new::after {
  content: "";
  background-color: #f23c64;
  position: absolute;
  left: 11px;
  top: 3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

.messages-left {
  float: left;
  width: 250px;
}
.messages-right {
  float: right;
  width: calc(100% - 270px);
  min-height: 300px;
}

#messages-front-screen {
  text-align: center;
  padding: 75px 0;
}

#messages-front-screen-graphic {
}

.speech-bubble-ds {
  background: #ebe5df;
  /* border: 1px solid #a7a7a7; */
  border-radius: 15px 15px 0 15px;
  /* box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2); */

  margin: 0 auto 40px;
  max-width: 400px;
  padding: 40px 15px 25px 15px;
  position: relative;
}

.speech-bubble-ds__arrow {
  /* border-left: 21px solid transparent; */
  border-top: 20px solid rgba(0, 0, 0, 0.2);
  bottom: -25px;
  position: absolute;
  right: -6px;
}

.speech-bubble-ds__arrow::before {
  /* border-left: 23px solid transparent; */
  /* border-top: 23px solid #a7a7a7; */
  bottom: 2px;
  content: "";
  position: absolute;
  right: 5px;
}

.speech-bubble-ds__arrow::after {
  border-left: 21px solid transparent;
  border-top: 21px solid #ebe5df;
  bottom: 4px;
  content: "";
  position: absolute;
  right: 6px;
}

.speech-bubble-ds i {
  color: #1b4459;
  font-size: 32px;
}

.speech-bubble-ds i.fa-comment-slash {
  color: #f23c64;
}

#main-content .messages-left ul {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
}
#main-content .messages-left ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 0;
  background-image: none;
  border-bottom: 1px solid #ebe5df;
}
#main-content .messages-left ul li.selected {
  background-color: #ebe5df;
}
#main-content .messages-left ul li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}
#main-content .messages-left ul li a i {
  font-size: 40px;
  margin-right: 15px;
  float: left;
}
#main-content .messages-left ul li a span {
  display: block;
}

#main-content .messages-left ul li a span.message-name {
  font-weight: bold;
}
#main-content .messages-left ul li a span.message-time-ago {
  font-size: 80%;
  color: #333;
}

.message-list {
}

.message-options {
  clear: both;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ebe5df;
  color: #ebe5df;
  text-align: center;
}

.message {
  padding: 15px;
  margin-top: 15px;
  border-radius: 10px;
  border: 1px solid #ebe5df;
  max-width: 80%;
  display: inline-block;
  clear: both;
}

.message.from-user {
  background-color: #ebe5df;
  border-top-right-radius: 0;
  float: right;
}

.message.to-user {
  border-top-left-radius: 0;
  float: left;
}

.message.to-user.unread {
  background-color: #55d4b8;
  border: 1px solid #55d4b8;
  color: white;
}

.message.to-user + .message.to-user {
  margin-top: 5px;
}

.message.from-user + .message.from-user {
  margin-top: 5px;
}

#topic_subject {
  width: 624px;
  padding: 5px;
  border: 1px solid #c3c3c3;
  font-weight: 600;
  font-size: 120%;
}

select#Category {
  border: 1px solid #c3c3c3;
}

.message.form textarea {
  width: 400px;
  max-width: 100%;
  height: 100px;
  background-color: transparent;
  border: 0;
  padding: 0;
  outline: 0;
  font-family: "Hanken Grotesk", sans-serif;
  font-size: 100%;
}

.message.form {
  text-align: right;
}

.message.form input.send-btn {
  margin-top: 10px;
  background-color: #1b4459;
  color: white;
  font-weight: bold;
  padding: 7px 10px 6px 10px;
  outline: 0;
  border: none;
  border-radius: 5px;
}

#main-content p.message-date-divider {
  font-size: 80%;
  text-align: center;
  clear: both;
  padding-top: 15px;
}

.new-message {
  max-width: 200px;
  min-width: 150px;
  flex: 1;
  justify-content: flex-end;
}

.input-button.message-button {
  float: right;
  margin-left: 10px;
}

#compose-message-input {
  font-size: 24px;
  padding: 5px;
  max-width: calc(100% - 14px);
}
#compose-search-results {
  min-height: 100px;
  max-width: 850px;
  margin: 0px auto;
}
#compose-search-results a {
  display: inline-block;
  width: 250px;
  font-size: 18px;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #ebe5df;
  margin: 0px 5px;
}
#compose-search-results a i {
  font-size: 30px;
  margin-right: 10px;
}

/*
#new-message-form{
    display:none;
}
*/

.messages-disabled-message {
  border-top: 1px solid #f23c64;
  border-bottom: 1px solid #f23c64;
  padding: 10px;
  text-align: center;
  background-color: #fdeced;
  color: #f23c64;
  margin-bottom: 5px;
}

.messages-disabled-message a {
  color: #f23c64;
}

/* Lock topics */

/*.lock-toggle {
	text-decoration: none;
	margin-left: 16px;
}
.lock-toggle::before {
	font-family: 'Font Awesome 7 Pro';
	font-size: 24px;
	font-weight: normal;
	width: 30px;
	text-align: center;
	display: block;
}
.lock-toggle--locked::before {
	content: '\f023';
	color: #EBE5DF;
	font-weight: bold;
}
.lock-toggle--unlocked::before {
	content: '\f09c';
	color: #a5a5a5;
}
.lock-toggle:hover::before {
	color: #b4e6e6
}
.lock-toggle span {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}*/

.forum-title-icon {
  color: #f23c64;
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
  margin-right: 4px;
}

.forum-register-field-note {
  margin-left: 148px;
  margin-bottom: 2rem;
  font-size: 1rem;
  width: 470px;
}

#quick-exit {
  position: fixed;
  top: 60%;
  left: 0;
  transition: left 0.2s;
}

#quick-exit:hover {
  left: 3px;
}

.quick-exit-button {
  transform: rotate(270deg);
  transform-origin: 20% 50%;
}

a.quick-exit-button-inner {
  background-color: #f23c64;
  color: white !important;
  text-decoration: none;
  font-size: 16px;
  padding: 20px 10px 10px 10px;
  margin: 0;
  line-height: 0;
  transition: background-color 0.2s;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

a.quick-exit-button-inner:hover {
  background-color: #960e32;
}

.container-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.container-columns #main-content {
  max-width: 598px;
  margin: 0;
}

.container-columns .side-bar {
  width: 290px;
  /* margin: 0; */
}