.frame {
  margin-top: 0;
  margin-bottom: 0;
}
.body-bg {
  min-height: 100vh;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main-section {
  -webkit-box-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
/* Admin Panel*/
#TSFE_ADMIN_PANEL_FORM {
  display: none !important;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fileadmin/templates/font/OpenSans-Regular-webfont.eot');
  src: url('/fileadmin/templates/font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/fileadmin/templates/font/OpenSans-Regular-webfont.woff') format('woff'), url('/fileadmin/templates/font/OpenSans-Regular-webfont.ttf') format('truetype'), url('/fileadmin/templates/font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fileadmin/templates/font/OpenSans-Italic-webfont.eot');
  src: url('/fileadmin/templates/font/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('/fileadmin/templates/font/OpenSans-Italic-webfont.woff') format('woff'), url('/fileadmin/templates/font/OpenSans-Italic-webfont.ttf') format('truetype'), url('/fileadmin/templates/font/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fileadmin/templates/font/OpenSans-Bold-webfont.eot');
  src: url('/fileadmin/templates/font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/fileadmin/templates/font/OpenSans-Bold-webfont.woff') format('woff'), url('/fileadmin/templates/font/OpenSans-Bold-webfont.ttf') format('truetype'), url('/fileadmin/templates/font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fileadmin/templates/font/OpenSans-BoldItalic-webfont.eot');
  src: url('/fileadmin/templates/font/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fileadmin/templates/font/OpenSans-BoldItalic-webfont.woff') format('woff'), url('/fileadmin/templates/font/OpenSans-BoldItalic-webfont.ttf') format('truetype'), url('/fileadmin/templates/font/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'open_sansextrabold';
  src: url('/fileadmin/templates/font/OpenSans-ExtraBold-webfont.eot');
  src: url('/fileadmin/templates/font/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), url('/fileadmin/templates/font/OpenSans-ExtraBold-webfont.woff') format('woff'), url('/fileadmin/templates/font/OpenSans-ExtraBold-webfont.ttf') format('truetype'), url('/fileadmin/templates/font/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
  font-weight: bolder;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url('/fileadmin/templates/font/OpenSans-ExtraBoldItalic-webfont.eot');
  src: url('/fileadmin/templates/font/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('/fileadmin/templates/font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), url('/fileadmin/templates/font/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), url('/fileadmin/templates/font/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg');
  font-weight: bolder;
  font-style: italic;
}
a:link,
a:active,
a:visited {
  color: #353895;
}
a:hover {
  color: #4246bb;
  text-decoration: underline;
}
h1,
.h1 {
  color: #353895;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  h1,
  .h1 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  h1,
  .h1 {
    font-size: 28px;
  }
}
h1:after,
.h1:after {
  display: block;
  background-color: #353895;
  height: 4px;
  content: '';
  width: 50px;
  margin: 15px 0;
}
.inverse h1 {
  color: #FFF;
}
.inverse h1:after {
  background-color: #FFF;
}
h2,
.h2 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #333;
  margin-bottom: 30px;
}
h3,
.h3 {
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
  margin: 15px 0;
}
body {
  font-size: 14px;
}
b,
strong {
  font-weight: bold;
}
i,
em {
  font-style: italic;
}
.tx-typo3forum-pi1 .alert .media .fa.fa-check {
  color: #fff;
}
.tx-typo3forum-pi1 .alert .media .media-body {
  vertical-align: middle;
}
.tx-typo3forum-pi1 #report textarea#typo3forum_editor {
  width: 100%;
}
@media (max-width: 768px) {
  .tx-conjoin .user-profile .user-col {
    padding-left: inherit;
    padding-right: inherit;
  }
}
.tx-conjoin .user-profile hr {
  border-color: #dddddd;
  margin: 24px 0;
}
.tx-conjoin .user-profile #role-lines .has-error:after {
  content: "This field is required";
}
.tx-conjoin .user-profile #role-lines .has-error.end-field:after {
  content: "Should not be earlier than start date";
}
@media (max-width: 768px) {
  .tx-conjoin .searchresults .searchresult-wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
}
@media (max-width: 768px) {
  .tx-conjoin .sig-list .sig-wrap {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-center-y {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.flex-center-x {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-sp-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-end {
  align-items: flex-end;
}
.main-section > section > .container {
  background: #EEE;
  padding: 30px;
}
@media (min-width: 992px) {
  .main-section > section > .container {
    padding: 60px;
  }
}
.body-bg > header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 100;
  border: 0;
  background: #FFF;
}
@media (min-width: 992px) {
  .body-bg > header {
    height: 120px;
  }
}
.body-bg > header > .container {
  height: 100%;
}
@media (min-width: 992px) {
  .body-bg > header > .container {
    padding: 0;
  }
}
.body-bg > header .header-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
@media (min-width: 992px) {
  .body-bg > header .header-wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
.body-bg > header .header-wrap > nav {
  display: none;
  width: 100%;
  position: absolute;
  top: 100%;
  background: #FFF;
  max-height: calc(100vh - 70px);
  overflow-y: auto;
}
@media (min-width: 992px) {
  .body-bg > header .header-wrap > nav {
    display: block;
    position: relative;
    top: 0;
    background: transparent;
    max-height: auto;
    overflow-y: visible;
  }
}
.body-bg > header img {
  height: 32px;
  width: auto;
}
@media (min-width: 992px) {
  .body-bg > header img {
    height: 64px;
    width: auto;
  }
}
.body-bg > header img:hover {
  opacity: 0.9;
}
.body-bg > header .nav-toggle {
  display: block;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  outline: none;
}
@media (min-width: 992px) {
  .body-bg > header .nav-toggle {
    display: none;
  }
}
.body-bg > header .nav-toggle .icon-bar {
  width: 32px;
  height: 2px;
  background: #353895;
  margin-bottom: 8px;
}
.body-bg > header .nav-toggle .icon-bar:last-child {
  margin-bottom: 0;
}
.body-bg > header ul.user-bar {
  flex-direction: column;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .body-bg > header ul.user-bar {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.body-bg > header ul.user-bar .user-btns {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 30px;
  width: 100%;
}
@media (min-width: 992px) {
  .body-bg > header ul.user-bar .user-btns {
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    width: auto;
  }
}
.body-bg > header ul.user-bar .user-btns a {
  display: inline-block;
  padding: 2px 8px;
  width: 50%;
}
@media (min-width: 992px) {
  .body-bg > header ul.user-bar .user-btns a {
    width: 100px;
    margin-left: 15px;
  }
}
.body-bg > header ul.links {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-direction: column;
}
@media (min-width: 992px) {
  .body-bg > header ul.links {
    flex-direction: row;
    justify-content: flex-end;
    margin-top: 15px;
  }
}
.body-bg > header ul.links > li {
  position: relative;
}
.body-bg > header ul.links > li:hover {
  background: #DDD;
}
.body-bg > header ul.links > li:hover a {
  color: #000;
}
.body-bg > header ul.links > li > a {
  display: block;
  padding: 15px 30px;
  border-bottom: 1px solid #EEE;
}
@media (min-width: 992px) {
  .body-bg > header ul.links > li > a {
    padding: 10px 15px;
    border: 0;
  }
}
@media (min-width: 992px) {
  .body-bg > header ul.links > li.drop-down:hover > .drop-down-menu {
    display: block;
  }
}
.body-bg > header ul.links > li.drop-down > a {
  position: relative;
}
.body-bg > header ul.links > li.drop-down > a i {
  padding: 15px 30px;
  border-left: 1px solid #DDD;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 992px) {
  .body-bg > header ul.links > li.drop-down > a i {
    display: none;
  }
}
.body-bg > header ul.links > li.drop-down > .drop-down-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background: #EFEFEF;
}
@media (min-width: 992px) {
  .body-bg > header ul.links > li.drop-down > .drop-down-menu {
    position: absolute;
    top: 100%;
    width: auto;
    right: 0;
    text-align: right;
    white-space: nowrap;
    box-shadow: 0 1px 1px 1px #CCC;
  }
}
.body-bg > header ul.links > li.drop-down > .drop-down-menu > li > a {
  display: block;
  padding: 15px 30px;
  color: #333;
  border-bottom: 1px solid #DDD;
}
.body-bg > header ul.links > li.drop-down > .drop-down-menu > li > a:hover {
  background: #DDD;
  color: #333;
}
.body-bg > header ul.links > li.drop-down > .drop-down-menu > li.active > a {
  background: #EEE;
  color: #333;
}
.body-bg > header ul.links .active > a {
  background: #EEE;
  color: #000;
}
.body-bg {
  padding-top: 70px;
}
@media (min-width: 992px) {
  .body-bg {
    padding-top: 120px;
  }
}
.body-bg .navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  border: 0;
  background: rgba(255, 255, 255, 0.9);
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: only screen and (min-width: 992px)) {
  .body-bg .navbar {
    /* Hey I removed this cause I wasnt sure what it was actually doing. -Hek*/
    /* left: 50%;*/
    /* -webkit-transform: translateX(-50%);*/
    /*         transform: translateX(-50%);*/
  }
}
.body-bg .navbar .container {
  position: relative;
}
@media (min-width: only screen and (min-width: 992px)) {
  .body-bg .navbar .container {
    padding: 0;
  }
}
.body-bg .navbar-collapse {
  position: absolute;
  right: 0;
  left: 0;
  background-color: #fff;
}
@media (min-width: only screen and (min-width: 992px)) {
  .body-bg .navbar-collapse {
    padding: 0;
    left: auto;
    background-color: transparent;
  }
}
@media (min-width: only screen and (min-width: 992px)) {
  .body-bg .navbar-collapse .dropdown:hover > ul {
    display: block;
  }
  .body-bg .navbar-collapse .dropdown:hover .dropdown-menu {
    left: auto;
    right: 0;
    font-size: inherit;
    text-align: right;
  }
}
@media (min-width: only screen and (min-width: 992px)) {
  .body-bg .navbar-header-main .navbar-brand {
    line-height: 4.5;
    height: 100px;
  }
}
.body-bg .navbar-default .navbar-nav > li > a {
  line-height: 3em;
  padding: 0;
  padding-left: 30px;
  text-transform: capitalize;
  color: #000;
  font-weight: 400;
}
@media only screen and (min-width: 992px) {
  .body-bg .navbar-default .navbar-nav > li > a {
    padding: 0 0 0 30px;
  }
}
.body-bg .navbar-main > li > a > .bar {
  display: none;
}
@media only screen and (min-width: 992px) {
  .body-bg .navbar-main > li > a > .bar {
    display: block;
    top: 30px;
    height: 2px;
    width: calc(100% -  30px );
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
.body-bg .navbar-main > li > a:hover > a > .bar {
  top: 30px;
  opacity: 1;
}
.body-bg .navbar-main > li.active > a .bar {
  top: 30px;
}
.navbar-nav {
  margin: 11.5px 0;
}
@media only screen and (min-width: 992px) {
  .navbar-nav {
    margin: 11.5px -15px;
  }
}
#mask {
  display: none;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
#mask #modal {
  position: absolute;
  width: 500px;
  max-width: 100%;
  padding: 60px;
  background: #FFF;
  color: #000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#mask #modal i.fa-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 2em;
}
#mask #modal i.fa-close:hover {
  opacity: 0.8;
  cursor: pointer;
}
a.btn,
.btn {
  border: 1px solid #353895;
  background: transparent;
  color: #353895;
  font-weight: 700;
}
a.btn:hover,
.btn:hover {
  background-color: #353895;
  color: #FFF;
}
a.btn:hover a,
.btn:hover a {
  color: inherit;
}
a.btn a:hover,
.btn a:hover {
  text-decoration: none;
}
a.btn-primary,
.btn-primary {
  background: #353895;
  color: #FFF;
}
a.btn-primary a,
.btn-primary a {
  color: #FFF;
}
a.btn-primary:hover,
.btn-primary:hover {
  background-color: #FFF;
  color: #353895;
  border-color: #353895;
}
.inverse .btn {
  border-color: #FFF;
  color: #FFF;
}
.inverse .btn:hover {
  background: #FFF;
  color: #353895;
}
a.btn-default,
.btn-default {
  background: transparent;
  color: #333;
  border-color: #333;
}
a.btn-default a,
.btn-default a {
  color: #333;
}
a.btn-default:hover,
.btn-default:hover {
  background: #333;
  color: #FFF;
  border-color: #333;
}
a.btn-default.inverse,
.btn-default.inverse {
  background: transparent;
  color: #FFF;
  border-color: #FFF;
}
a.btn-default.inverse:hover,
.btn-default.inverse:hover {
  color: #333;
  background: #FFF;
}
.main-section > section > .container.homepage {
  padding: 0 15px;
}
.homepage .banner-left {
  height: 350px;
}
.homepage .banner-right {
  padding: 60px;
  height: 350px;
  display: flex;
  align-items: center;
}
.homepage .img {
  background-size: cover;
  background-position: center 20%;
  min-height: 350px;
}
@media (min-width: 992px) {
  .homepage .img {
    background-position: center;
  }
}
.homepage .img img {
  display: none;
}
.homepage .content {
  padding: 30px;
}
@media (min-width: 1200px) {
  .homepage .content {
    padding: 60px;
  }
}
.homepage .content h3 {
  margin: 0 0 15px;
}
.homepage .content .btn {
  display: inline-block;
}
.homepage .content .btn-submissions {
  position: absolute;
  bottom: 30px;
}
@media (min-width: 1200px) {
  .homepage .content .btn-submissions {
    bottom: 60px;
  }
}
.homepage .homepage-footer {
  background: #FFF;
  padding: 30px 0;
}
.homepage .homepage-footer > div {
  background: #EEE;
  padding: 30px;
}
.homepage .cta {
  background-color: #FFF;
}
@media (min-width: 992px) {
  .homepage .cta {
    min-height: 350px;
  }
}
.homepage .cta a {
  border: 1px solid #353895;
  background: transparent;
  font-weight: 700;
  padding: 6px 12px;
}
.homepage .cta a:hover {
  background: #353895;
  color: #FFF;
  text-decoration: none;
}
.homepage h1 {
  margin: 0;
}
.inverse {
  background: #353895;
  color: #FFF;
}
.inverse a {
  color: #FFF;
}
.main-section > section > .aboutpage.container {
  padding-bottom: 0;
}
.aboutpage h1 {
  max-width: 400px;
}
.aboutpage .about-footer {
  margin: 15px -60px 0;
}
.aboutpage .about-left {
  padding: 60px;
  font-size: 1.2em;
}
@media (min-width: 768px) {
  .aboutpage .about-left {
    font-size: 1.5em;
  }
}
.aboutpage .about-left p {
  margin: 0;
}
.aboutpage .about-left p:before,
.aboutpage .about-left p:after {
  width: 100%;
  height: 4px;
  content: "";
  display: block;
  background-color: #FFF;
}
.aboutpage .about-left p:before {
  margin-bottom: 30px;
}
.aboutpage .about-left p:after {
  margin-top: 30px;
}
.aboutpage .about-right {
  background-size: cover;
  background-position: center;
}
.aboutpage .about-right .frame {
  display: none;
}
.aboutpage .sig-list ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding-left: 15px;
  margin: 0;
}
@media (min-width: 768px) {
  .aboutpage .sig-list ul {
    flex-wrap: wrap;
    max-height: 450px;
  }
}
.aboutpage .sig-list ul li {
  position: relative;
  max-width: 200px;
}
.aboutpage .sig-list ul li:before {
  content: "-";
  position: absolute;
  left: -15px;
}
.about-subpage ul,
.join-page ul {
  list-style: none;
  padding-left: 15px;
}
.about-subpage ul li,
.join-page ul li {
  position: relative;
}
.about-subpage ul li:before,
.join-page ul li:before {
  content: "-";
  position: absolute;
  left: -15px;
}
#menuSearchBar {
  display: block;
  padding: 0 30px;
  vertical-align: middle;
  width: 100%;
}
@media (min-width: 992px) {
  #menuSearchBar {
    display: inline-block;
    padding: 0;
    width: auto;
  }
}
#menuSearchBar form {
  display: block !important;
  position: relative;
}
#menuSearchBar form:after {
  clear: both;
  content: " ";
  display: table;
}
#menuSearchBar form input[type="submit"] {
  display: block;
  float: left;
}
#menuSearchBar form input[type="text"] {
  border: 0;
  border-bottom: 2px solid gray;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 40px;
  display: block;
  float: left;
  background-color: transparent;
  width: 100%;
}
#menuSearchBar form input[type="text"]:focus {
  border-bottom-color: #353895;
  transition: border-bottom-color 0.5s;
  outline: none;
  color: #353895;
}
.searchButton {
  position: absolute;
  display: block;
  padding: 8px 8px;
  vertical-align: middle;
  background: #353895;
  color: #FFF;
  top: 0;
  right: 0;
  margin: 0;
}
.sword-display {
  padding-bottom: 30px;
}
.news-latest {
  counter-reset: latestNews;
}
.news-latest .news-item {
  counter-increment: latestNews;
  margin-bottom: 15px;
}
.news-latest .news-item:before {
  content: '0' counter(latestNews);
  position: absolute;
  font-size: 2em;
  font-weight: bold;
  color: #FFF;
  top: -8px;
}
.news-latest .news-heading {
  font-weight: 700;
  padding-left: 3em;
  display: block;
}
.news-latest .news-date {
  display: block;
  padding-left: 3em;
}
.news-latest-container {
  border: 1px solid #333;
  padding: 15px;
}
@media (min-width: 992px) {
  .news-latest-container {
    padding: 30px;
  }
}
.news-latest-container h1 {
  color: #333;
  margin: 0;
}
.news-latest-container h1:after {
  display: none;
}
.news-latest-container hr {
  border-color: #333;
  margin: 30px 0;
}
.news-latest-container .btn {
  display: block;
  margin-top: 30px;
}
.news-latest-date {
  margin-bottom: 15px;
  display: block;
}
.news-latest-item:last-of-type hr {
  display: none;
}
.news-list {
  margin-top: -60px;
}
.news-list .news-wrapper {
  padding: 60px 15px;
  border-bottom: 1px solid #333;
}
.news-list .news-item {
  margin-bottom: 30px;
  height: 100%;
}
.news-list .news-item a:hover {
  text-decoration: none;
}
.news-list .news-heading a {
  color: #333;
}
.news-list .news-subheader {
  margin: 15px 0;
}
.news-list .news-pagination {
  margin-top: 60px;
}
.news-list .news-pagination .showResultsWrap {
  margin-bottom: 15px;
}
.news-list .news-pagination .browseLinksWrap span,
.news-list .news-pagination .browseLinksWrap a {
  margin: 0 15px;
}
.news-list .news-pagination .activeLinkWrap {
  font-weight: bold;
  position: relative;
}
@media (min-width: 768px) {
  .news-list .news-pagination .activeLinkWrap:after {
    display: block;
    content: "";
    height: 4px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 25px;
    background: #333;
  }
}
.news-single .news-date {
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
}
.news-single-previous {
  font-weight: bold;
}
.news-single-previous:before {
  content: "<";
  margin-right: 15px;
}
.news-single-next {
  font-weight: bold;
}
.news-single-next:after {
  content: ">";
  margin-left: 15px;
}
@media (min-width: 992px) {
  .news-content {
    padding-right: 60px;
  }
}
.news-navigation {
  margin: 30px 0;
}
.tx-typo3forum-topic-list-item {
  padding: 15px;
  margin-bottom: 30px;
  border: 1px solid #333;
}
.tx-typo3forum-topic-list-item h3 {
  display: inline;
}
.tx-typo3forum-topic-list-item:hover {
  opacity: 0.8;
  cursor: pointer;
}
.tx-typo3forum-topic-list-item a:hover {
  text-decoration: none;
}
.tx-typo3forum-topic-list-author-icon {
  float: left;
  margin: 0 10px 30px;
  text-align: center;
}
.tx-typo3forum-topic-list-author-icon img {
  display: block;
  border-radius: 50%;
  width: 46px;
  height: auto;
  margin-bottom: 1em;
}
.tx-typo3forum-topic-show-post-user {
  float: left;
  height: auto;
  width: 150px;
  margin-right: 15px;
  font-size: smaller;
}
.tx-typo3forum-topic-show-post-user-icon {
  width: 100px;
  height: auto;
  float: none;
  border-radius: 50%;
  margin: 0 20px 15px;
}
.tx-typo3forum-topic-show-post-menu {
  padding: 0;
}
.tx-typo3forum-topic-show-post-menu .btn {
  padding: 0 8px;
}
.tx-typo3forum-topic-show-post-date {
  float: none;
}
.tx-typo3forum-topic-show-post-text {
  padding-left: 165px;
}
.tx-typo3forum-topic-show-post-attachments {
  margin: 0;
  padding: 15px;
  font-size: unset;
  border: 0;
  border-radius: 0;
}
.tx-typo3forum-topic-show-post-attachments-header {
  color: #333;
}
.tx-typo3forum-topic-show-post-attachments table {
  display: table;
}
.tx-typo3forum-topic-show-post-attachments table td {
  font-size: unset;
}
.tx-typo3forum-quote {
  margin: 0 0 1em;
  padding: 15px;
  border: 0;
  border-radius: 0;
  font-size: unset;
}
.tx-typo3forum-quote-user {
  color: #333;
}
.tx-typo3forum-quote .tx-typo3forum-quote {
  border: 1px solid #333;
  margin: 15px 0 0;
}
.topic-post:first-of-type {
  border: 1px solid #353895;
  background: #ebebf8;
}
.uneditable-input {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.theme-lightbox .tx-yag-breadcrumbcomtainer {
  display: none;
}
.theme-lightbox .yag-list-wrap > ul {
  padding-left: 0;
}
.theme-lightbox .tx-yag-items {
  text-align: center;
}
.theme-lightbox .tx-yag-items .tx-yag-thumb-outerframe {
  float: none;
  display: inline-block;
  margin: .5em;
}
.theme-lightbox .tx-yag-items .tx-yag-album-thumb-outerframe {
  width: auto;
  margin-right: .5em;
}
.theme-lightbox .tx-yag-items .tx-yag-album-thumb-outerframe .tx-yag-album-thumb-innerframe {
  float: none;
}
@media (max-width: 992px) {
  .theme-lightbox .tx-yag-items .tx-yag-album-thumb-outerframe .tx-yag-album-thumb-innerframe {
    margin-bottom: 0;
  }
}
.theme-lightbox .tx-yag-items .tx-yag-album-thumb-outerframe .tx-yag-album-albuminfo {
  margin-left: 0;
  padding: .5em;
  background-color: #353895;
  color: white;
  text-align: left;
}
.theme-lightbox .tx-yag-items .tx-yag-album-thumb-outerframe .tx-yag-album-albuminfo a {
  color: inherit;
}
.mfp-zoom-out-cur {
  cursor: default;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}
.mfp-figure figure {
  max-width: 90em;
  background-color: white;
}
.mfp-figure figure:after {
  content: '';
  display: block;
  clear: both;
}
@media (min-width: 992px) {
  .mfp-figure figure img.mfp-img {
    width: 70%;
    float: left;
  }
}
@media (min-width: 992px) {
  .mfp-figure figure figcaption {
    float: right;
    width: 30%;
  }
}
.mfp-figure figure figcaption .mfp-bottom-bar {
  opacity: 1;
  position: static;
  background-color: transparent;
}
.mfp-figure figure figcaption .mfp-bottom-bar .mfp-title {
  color: #333;
  padding: 1em;
  padding-top: 2em;
}
.mfp-figure figure figcaption .mfp-bottom-bar .tx-yag-lightbox-leftcolumn {
  float: none;
  width: auto;
  line-height: 1.55;
  color: #333;
}
.mfp-figure figure figcaption .mfp-bottom-bar .tx-yag-lightbox-rightcolumn {
  display: none;
}
.tx-sf-event-mgt {
  margin-right: -15px;
  margin-left: -15px;
}
.tx-sf-event-mgt > a {
  display: none;
}
.tx-sf-event-mgt:after {
  clear: both;
  content: " ";
  display: table;
}
.event-list-item-wrapper {
  margin-top: 30px;
}
.event-list-item-wrapper .event-list-item {
  padding: 15px;
  border: 1px solid #333;
  min-height: 240px;
  position: relative;
  width: 100%;
  padding-bottom: 60px;
}
.event-list-item-wrapper .event-list-item .event-list-row .event-list-label {
  border: 1px solid #353895;
  padding: 10px;
  display: inline-block;
  color: #353895;
  font-weight: bold;
  display: none;
}
.event-list-item-wrapper .event-list-item .event-list-row .event-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.event-list-item-wrapper .event-list-item .event-list-row .event-teaser {
  margin-bottom: 10px;
}
.event-list-item-wrapper .event-list-item .event-list-row .event-description,
.event-list-item-wrapper .event-list-item .event-list-row .event-startdate,
.event-list-item-wrapper .event-list-item .event-list-row .event-enddate {
  display: none;
}
.event-list-item-wrapper .event-list-item .event-list-row .event-maxparticipants {
  content: "Max Participants: ";
  display: inline-block;
  width: 150px;
  margin-right: 10px;
  padding: 5px 0;
  color: #353895;
  display: none;
}
.event-list-item-wrapper .event-list-item .event-list-row .event-registrations {
  content: "Registered: ";
  display: inline-block;
  width: 150px;
  margin-right: 10px;
  padding: 5px 0;
  color: #353895;
  display: none;
}
.event-list-item-wrapper .event-list-item .event-list-row .event-price {
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  display: none;
}
.eventSingle {
  padding-left: 15px;
  padding-right: 15px;
}
.eventSingle .content .title {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .eventSingle .content .description {
    width: 50%;
  }
}
.eventSingle .content .date {
  padding-bottom: 30px;
}
.eventSingle .content .date:after {
  content: ' ';
  display: table;
  clear: both;
}
.eventSingle .content .date .startDate,
.eventSingle .content .date .endDate {
  display: inline-block;
  padding-right: 30px;
  padding-bottom: 15px;
}
.eventSingle .content .date .startDate:after,
.eventSingle .content .date .endDate:after {
  content: ' ';
  display: table;
  clear: both;
}
.eventSingle .content .date .eventLabel,
.eventSingle .content .date .info {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #333;
}
.eventSingle .content .date .eventLabel {
  background: #333;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  width: 100px;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
.event-list-footer {
  background: #333;
  color: #FFF;
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.event-list-footer strong {
  display: inline-block;
  min-width: 60px;
}
.documents {
  position: relative;
}
.documents > .frame > ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
  padding: 0;
}
.documents > .frame > ul li {
  background: transparent;
  border: 1px solid #333;
  padding: 15px;
  width: 100%;
  margin: 15px;
}
@media (min-width: 992px) {
  .documents > .frame > ul li {
    width: 45%;
  }
}
@media (min-width: 1200px) {
  .documents > .frame > ul li {
    width: 30%;
  }
}
.documents > .frame > ul li a {
  font-size: 18px;
  text-transform: uppercase;
}
.documents > .frame > ul li a:hover {
  text-decoration: none;
}
.documents > .frame > ul li p {
  margin: 0;
}
.documents > .frame > ul li:hover {
  cursor: pointer;
  opacity: 0.8;
}
.documents ul.files {
  word-break: break-all;
  list-style: none;
  margin: 0;
  padding: 0;
}
.documents ul.files a:hover {
  cursor: pointer;
}
.documents ul.files i {
  margin-right: 10px;
}
.resources {
  padding-top: 30px;
}
.resources .date-header h2 {
  margin: 0;
}
.resources .date-header hr {
  margin-left: 15px;
  width: 100%;
}
.resources .fa-chevron-right {
  transform: rotate(0);
  transition: transform 0.2s;
}
.resources .fa-chevron-right.rotate {
  transform: rotate(90deg);
}
.resources .resource-container {
  padding: 0 15px;
  margin: 0 -15px;
  transition: background-color 0.2s;
}
.resources .resource-container.visible {
  display: block;
}
.resources .resource {
  width: 100%;
  height: 100%;
  display: flex;
}
.resources .resource-wrapper {
  margin-bottom: 30px;
}
.resources .resource h3 {
  padding-right: 30px;
}
.resources .resource a:hover {
  text-decoration: none;
}
.resources .resource p {
  color: #333;
}
.resources .resource p:last-of-type {
  margin-bottom: 0;
}
.resources .resource .btn {
  margin: 15px 0 30px;
  text-align: center;
}
.resources .resource.bookmark .remove {
  width: 43px;
  height: 43px;
  font-size: 2em;
  position: absolute;
  top: 0;
  right: -10px;
  opacity: 0.2;
}
.resources .resource.bookmark .remove:hover {
  opacity: 1;
}
#yearFilter {
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 992px) {
  #yearFilter {
    position: absolute;
    top: 60px;
    right: 60px;
    width: 300px;
  }
}
#yearFilter #select {
  border-bottom: 1px solid #333;
  height: 30px;
  margin: 0;
}
#yearFilter #select .chevron {
  position: absolute;
  right: 15px;
}
#yearFilter ul {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  background: #FFF;
  z-index: 100;
  list-style: none;
}
#yearFilter ul li {
  padding: 8px 10px;
}
#yearFilter ul li:hover {
  background: #333;
  color: #FFF;
}
#yearFilter ul li.active {
  background: #333;
  color: #FFF;
}
.resource-nav {
  margin: 0 auto;
  width: 100%;
  display: flex;
  background: rgba(255, 255, 255, 0.9);
}
.resource-nav.scroll {
  position: fixed;
  top: 70px;
  z-index: 90;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .resource-nav.scroll {
    top: 100px;
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .resource-nav.scroll {
    width: 1170px;
  }
}
.resource-nav p {
  background: #353895;
  color: #FFF;
  text-align: center;
  padding: 8px 15px;
  margin: 0;
  white-space: nowrap;
}
.resource-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.resource-nav ul li {
  display: inline;
}
.resource-nav ul li.active a {
  background: #353895;
  color: #FFF;
}
.resource-nav ul li a {
  display: inline-block;
  padding: 4px 10px;
  margin: 4px;
  border-radius: 2px;
}
.resource-nav ul li a:hover {
  background: #353895;
  color: #FFF;
}
#documentViewer {
  height: 500px;
}
@media (min-width: 992px) {
  #documentViewer {
    height: 700px;
  }
}
#documentViewer .pdf-error {
  border: 1px solid #333;
  padding: 30px;
  height: 100%;
}
#documentViewer .pdf-error .pdf-icon {
  position: relative;
  margin-bottom: 30px;
}
#documentViewer .pdf-error .pdf-icon .fa-file-pdf-o {
  position: absolute;
  font-size: 96px;
  bottom: 0;
  left: 0;
  transform: translateX(-50%);
}
#documentViewer .pdf-error .pdf-icon .fa-ban {
  position: absolute;
  left: 0;
  bottom: -18px;
  font-size: 64px;
  color: #353895;
  mix-blend-mode: hard-light;
}
#documentViewer iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
.latest-resources {
  counter-reset: latestResources;
}
.latest-resources .resource {
  margin-bottom: 30px;
  counter-increment: latestResources;
}
.latest-resources .resource:before {
  content: '0' counter(latestResources);
  position: absolute;
  font-size: 2em;
  font-weight: bold;
  color: #353895;
  top: -8px;
}
.latest-resources .resource h3,
.latest-resources .resource p {
  padding-left: 3em;
}
.tx-filemanager .thumbnail {
  position: relative;
}
.tx-filemanager .website {
  cursor: pointer;
}
.tx-filemanager .website img {
  transition: filter 0.2s;
}
.tx-filemanager .website:hover img {
  filter: blur(10px);
}
.tx-filemanager .website:hover .overlay {
  opacity: 1;
}
.tx-filemanager .website .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #353895;
  mix-blend-mode: hard-light;
  color: #FFF;
  opacity: 0;
  transition: opacity 0.2s;
}
.tx-filemanager .website .overlay .fa-globe {
  font-size: 10em;
}
.tx-filemanager .website .overlay span {
  font-size: 2em;
  font-weight: 700;
}
.tx-filemanager .website .overlay span i {
  margin-left: 10px;
}
.tx-filemanager button {
  margin-bottom: 15px;
}
.form-control {
  border-color: #333;
}
.form-control:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(53, 56, 149, 0.6);
}
.join-application .checkbox-inline {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-right: 15px;
}
.join-application .checkbox-inline:hover {
  opacity: 0.8;
  cursor: pointer;
}
.join-application .checkbox-inline + .checkbox-inline {
  margin-left: 0;
}
@media (max-width: 768px) {
  .login-left .image figcaption.caption {
    line-height: 1.1;
  }
  .login-left .image figcaption.caption:after {
    top: 75%;
  }
}
.footer-section {
  background: #FFF;
  font-size: 12px;
  color: #333;
  border: none;
  padding: 30px 0;
}
.footer-logo a {
  display: block;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .footer-logo a {
    text-align: left;
  }
}
.footer-logo img {
  max-width: 300px;
  height: auto;
  margin-bottom: 15px;
}
.contact-details {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .contact-details {
    justify-content: flex-end;
  }
}
.contact-details > .row {
  width: 300px;
}
@media (min-width: 992px) {
  .contact-details > .row {
    width: 100%;
  }
}
.specialInterestGroup .itemContainer {
  margin-bottom: 30px;
}
.specialInterestGroup .itemContainer .item {
  background: #FFF;
  border: 1px solid #353895;
  padding: 15px;
  width: 100%;
  height: 100%;
}
.specialInterestGroup .itemContainer .item h3 {
  font-size: 18px;
  font-weight: 300;
}
.sig-list .sig {
  border: 1px solid #333;
  height: 100%;
}
.sig-list .sig-wrap {
  margin-bottom: 30px;
}
.sig-list .sig-name {
  background: #333;
}
.sig-list .sig-name h2 {
  color: #FFF;
  padding: 15px;
  margin: 0;
}
.sig-list .sig-description {
  padding: 15px;
}
.sig-list .sig-convenor {
  padding: 15px;
}
.sig-list .convenor-name {
  display: inline-block;
  padding-left: 15px;
  text-align: right;
}
.sig-list .convenor-image {
  border-radius: 50%;
  width: 32px;
  height: auto;
  margin-left: 15px;
}
.sig-dashboard .sig-header {
  background: #333;
  color: #FFF;
  margin: -30px -30px 30px;
  padding: 30px;
}
@media (min-width: 992px) {
  .sig-dashboard .sig-header {
    margin: -60px -60px 60px;
    padding: 30px 60px;
  }
}
.sig-dashboard .sig-header h1 {
  color: #FFF;
  margin-bottom: 15px;
}
.sig-dashboard .sig-header h1:after {
  display: none;
}
.sig-dashboard .convenor-info {
  margin-bottom: 30px;
}
.sig-dashboard .convenor-info img {
  width: 32px;
  height: auto;
  margin-right: 15px;
  border-radius: 50%;
}
.sig-dashboard .discussions-panel {
  border: 1px solid #333;
  padding: 15px;
  margin: 0 0 30px;
}
@media (min-width: 1200px) {
  .sig-dashboard .discussions-panel {
    padding: 30px;
  }
}
.sig-dashboard .discussions-panel table {
  margin: 0;
  margin-bottom: 30px;
}
.sig-dashboard .discussions-panel table tr:first-of-type td {
  padding-top: 0;
}
@media (min-width: 992px) {
  .sig-dashboard .discussions-panel table tr:last-of-type td {
    padding-bottom: 30px;
  }
}
.sig-dashboard .discussions-panel tr.thread td {
  padding: 15px 0;
  border-top: 0;
}
.sig-dashboard .discussions-panel tr.thread h3 {
  margin: 0;
}
.sig-dashboard .discussions-panel tbody {
  border-bottom: 1px solid #333;
}
.sig-dashboard .discussions-panel .icon {
  margin-right: 15px;
}
.sig-dashboard .news-list {
  border: 1px solid #333;
  padding: 15px;
  margin: 0 0 30px;
}
@media (min-width: 1200px) {
  .sig-dashboard .news-list {
    padding: 30px;
  }
}
.sig-dashboard .news-list .news-item:last-of-type {
  margin-bottom: 0;
}
.sig-dashboard .news-list .icon {
  margin-right: 15px;
}
.sig-dashboard .news-list h3 {
  margin: 0 0 15px;
}
.sig-dashboard .resources {
  padding: 0;
}
.sig-dashboard .resources .icon {
  margin-right: 15px;
}
.sig-dashboard .resources h3 {
  margin: 0 0 15px;
}
.sig-dashboard .resources #show-all {
  border: 1px solid #333;
  padding: 15px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .sig-dashboard .resources #show-all {
    padding: 30px;
  }
}
.searchresults .searchresult-wrap {
  padding-bottom: 30px;
}
.searchresults .searchresult-user {
  min-height: 130px;
  border: 1px solid #333;
  height: 100%;
}
.searchresults .searchresult-user .user-name {
  background: #333;
  font-weight: bold;
}
.searchresults .searchresult-user .user-name h2 {
  padding: 15px;
  margin: 0;
  color: #FFF;
}
.searchresults .searchresult-user .user-infowrap {
  padding: 15px;
}
.searchresults .searchresult-user .user-username {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.searchresults .searchresult-user .user-username strong,
.searchresults .searchresult-user .user-region strong,
.searchresults .searchresult-user .user-dhb strong,
.searchresults .searchresult-user .user-sigs strong {
  display: block;
}
@media (min-width: 768px) {
  .searchresults .searchresult-user .user-username strong,
  .searchresults .searchresult-user .user-region strong,
  .searchresults .searchresult-user .user-dhb strong,
  .searchresults .searchresult-user .user-sigs strong {
    display: inline;
  }
}
.searchresults .searchresult-user .user-imgwrap {
  width: 64px;
  height: 64px;
  position: relative;
  border: 0;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .searchresults .searchresult-user .user-imgwrap {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 992px) {
  .searchresults .searchresult-user .user-imgwrap {
    width: 80px;
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .searchresults .searchresult-user .user-imgwrap {
    width: 100px;
    height: 100px;
  }
}
.searchresults .searchresult-user .user-imgwrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#search_filter {
  margin-bottom: 0;
}
#search_filter .form-group {
  margin-bottom: 30px;
}
#search_filter .input-group {
  width: 100%;
}
#search_filter label {
  width: 30%;
  background-color: #333;
  color: #fff;
  font-weight: 700;
  border-color: #333;
}
#search_filter .btn {
  width: 100%;
}
.user-show-header {
  display: block;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.user-show-avatar {
  border-radius: 50%;
}
.contact-directory .user-info h1 {
  color: #FFF;
}
.contact-directory .user-info h1:after {
  display: none;
}
.contact-directory .user-sigs {
  margin: 15px 0 0;
}
@media (min-width: 992px) {
  .contact-directory .user-sigs {
    margin: 0;
  }
}
.contact-directory .user-col {
  margin-bottom: 30px;
}
.contact-directory .table {
  font-size: 14px;
}
.main-section > section > .login-page {
  padding-bottom: 0;
}
.login-left .image {
  overflow: hidden;
  position: relative;
  margin: -30px -30px 30px;
  background-size: cover;
  height: 250px;
}
@media (min-width: 992px) {
  .login-left .image {
    margin: -60px 0 -60px -60px;
    height: 400px;
  }
}
.login-left .image img {
  display: none;
}
.login-left .image .caption {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 3em;
  text-transform: uppercase;
  padding: 60px;
  font-weight: bold;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.66) 100%);
  color: #FFF;
}
.login-left .image .caption:after {
  display: block;
  position: absolute;
  top: 66%;
  width: 120px;
  height: 6px;
  background: #FFF;
  content: "";
}
.login-right {
  padding-top: 30px;
}
@media (min-width: 992px) {
  .login-right {
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .login-page > .row {
    height: 340px;
  }
}
.user-dashboard .user-info,
.contact-directory .user-info,
.user-profile .user-info {
  background: #333;
  color: #FFF;
  margin: -30px -30px 30px;
  padding: 30px;
}
@media (min-width: 992px) {
  .user-dashboard .user-info,
  .contact-directory .user-info,
  .user-profile .user-info {
    margin: -60px -60px 60px;
    padding: 30px 45px;
  }
}
@media (max-width: 550px) {
  .user-dashboard .user-info .flex,
  .contact-directory .user-info .flex,
  .user-profile .user-info .flex {
    display: block;
  }
  .user-dashboard .user-info .flex .user-details,
  .contact-directory .user-info .flex .user-details,
  .user-profile .user-info .flex .user-details {
    padding-top: 10px;
  }
}
.user-dashboard .user-info h1,
.contact-directory .user-info h1,
.user-profile .user-info h1 {
  color: #FFF;
  margin: 0;
}
.user-dashboard .user-info h1:after,
.contact-directory .user-info h1:after,
.user-profile .user-info h1:after {
  display: none;
}
.user-dashboard .user-info h2,
.contact-directory .user-info h2,
.user-profile .user-info h2 {
  font-size: 1em;
  color: #FFF;
}
.user-dashboard .user-info h2 span.name,
.contact-directory .user-info h2 span.name,
.user-profile .user-info h2 span.name {
  font-size: 2em;
  display: block;
  margin-top: 15px;
}
.user-dashboard .user-info p:last-of-type,
.contact-directory .user-info p:last-of-type,
.user-profile .user-info p:last-of-type {
  margin-bottom: 0;
}
.user-dashboard .user-info .user-image,
.contact-directory .user-info .user-image,
.user-profile .user-info .user-image {
  display: inline-block;
  width: 120px;
  height: 120px;
  position: relative;
  border: 4px solid #FFF;
  border-radius: 50%;
  margin-right: 30px;
  overflow: hidden;
}
.user-dashboard .user-info .user-image img,
.contact-directory .user-info .user-image img,
.user-profile .user-info .user-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.user-dashboard .user-info .user-image:hover:after,
.contact-directory .user-info .user-image:hover:after,
.user-profile .user-info .user-image:hover:after {
  opacity: 1;
}
.user-dashboard .user-info .user-image:after,
.contact-directory .user-info .user-image:after,
.user-profile .user-info .user-image:after {
  content: '\f040';
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  text-decoration: none;
  color: #fff;
  position: absolute;
  top: 95px;
  left: 125px;
  opacity: 0.3;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
  cursor: pointer;
  display: none;
}
.user-dashboard .user-info .user-details a,
.contact-directory .user-info .user-details a,
.user-profile .user-info .user-details a {
  color: #FFF;
  font-weight: bold;
  margin-right: 30px;
}
.user-dashboard .user-info .user-details a:after,
.contact-directory .user-info .user-details a:after,
.user-profile .user-info .user-details a:after {
  content: "+";
  margin-left: 15px;
}
.user-dashboard .user-info .user-occupation,
.contact-directory .user-info .user-occupation,
.user-profile .user-info .user-occupation {
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (min-width: 992px) {
  .user-dashboard .user-info .user-occupation,
  .contact-directory .user-info .user-occupation,
  .user-profile .user-info .user-occupation {
    margin-top: 0;
  }
}
.user-dashboard .user-info .user-occupation p,
.contact-directory .user-info .user-occupation p,
.user-profile .user-info .user-occupation p {
  margin: 0;
}
.user-dashboard .announcement {
  border: 1px solid #333;
  padding: 15px;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .user-dashboard .announcement {
    padding: 30px;
  }
}
.user-dashboard .announcement .icon {
  margin-right: 15px;
}
@media (min-width: 992px) {
  .user-dashboard .announcement .icon {
    margin-right: 30px;
  }
}
.user-dashboard .announcement h2 {
  margin-bottom: 15px;
}
.user-dashboard .resources {
  padding: 0;
}
.user-dashboard .resources .icon {
  margin-right: 15px;
}
.user-dashboard .resources h3 {
  margin: 0 0 15px;
}
.user-dashboard .resources #show-all {
  border: 1px solid #333;
  padding: 15px;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .user-dashboard .resources #show-all {
    padding: 30px;
  }
}
.user-dashboard .discussion-list .panel {
  border: 1px solid #333;
  background: transparent;
  box-shadow: none;
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .user-dashboard .discussion-list .panel-body {
    padding: 30px;
  }
}
.user-dashboard .discussion-list table {
  margin: 15px 0;
}
@media (min-width: 992px) {
  .user-dashboard .discussion-list table {
    margin: 30px 0;
  }
}
@media (min-width: 992px) {
  .user-dashboard .discussion-list table tr:first-of-type td {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .user-dashboard .discussion-list table tr:last-of-type td {
    padding-bottom: 30px;
  }
}
.user-dashboard .discussion-list tr.thread td {
  padding: 15px 0;
  border-top: 0;
}
.user-dashboard .discussion-list tr.thread h3 {
  margin: 0;
}
.user-dashboard .discussion-list tbody {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.user-dashboard .discussion-list td {
  border: 0;
}
.user-dashboard .discussion-list .icon {
  margin-right: 15px;
}
.user-dashboard .bookmark-list .resources {
  padding: 0;
}
.user-dashboard .bookmark-list .resource h3 {
  margin: 0 0 15px;
}
.user-dashboard .bookmark-list .resource p {
  color: #333;
}
.user-dashboard .bookmark-list .resource .icon {
  margin-right: 15px;
}
.user-dashboard .bookmark-list .resource-wrapper {
  padding: 0;
}
.user-dashboard .news-list {
  margin-top: 0;
  margin-bottom: 30px;
}
.user-dashboard .news-list .news-latest-item {
  margin-bottom: 30px;
}
.user-dashboard .news-list .news-latest-item:last-of-type {
  margin-bottom: 0;
}
.user-dashboard .news-list .news-latest-item .icon {
  margin-right: 15px;
}
.user-dashboard .news-list .news-latest-item .details h3 {
  margin: 0 0 15px;
}
.user-dashboard .news-list .news-latest-item .details .news-latest-date {
  margin: 0;
}
.user-profile .user-col {
  margin-bottom: 30px;
}
@media (min-width: 992px) {
  .user-profile .user-col {
    margin-bottom: 0;
  }
}
.user-profile .btn-primary {
  background: #333;
  border-color: #333;
}
.user-profile .btn-primary:hover {
  background: #333;
  color: #FFF;
  cursor: default;
}
.user-profile .btn-group {
  margin-bottom: 30px;
}
.user-profile .btn-group .btn-primary {
  background: #333;
  border-color: #333;
}
.user-profile .btn-group .btn-primary:hover {
  background: #333;
  color: #FFF;
  cursor: default;
}
@media (min-width: 992px) {
  .user-profile .btn-group {
    float: right;
    margin-bottom: 0;
  }
}
.user-profile table p {
  margin: 0;
}
.user-profile .checkbox-inline {
  font-weight: normal;
  margin: 0 30px 0 15px;
  padding: 5px;
}
@media (min-width: 992px) {
  .user-profile .checkbox-inline {
    display: block;
  }
}
.user-profile .input-group-btn {
  width: 80px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .user-profile .input-group-btn {
    display: block;
  }
}
.user-profile .input-group-btn .btn-group {
  margin: 0;
}
.error-404 .error-404-right {
  margin-bottom: -60px;
  min-height: 300px;
}
@media (min-width: 992px) {
  .error-404 .error-404-right {
    margin-bottom: -120px;
  }
}
.error-404 .error-404-right .frame {
  margin: 0 -60px -60px;
  height: 100%;
  background-size: cover;
  background-position: center;
}
@media (min-width: 992px) {
  .error-404 .error-404-right .frame {
    margin: -60px -60px -60px 0;
  }
}
.error-404 .error-404-right img {
  display: none;
}
.no-padding {
  padding: 0;
}
.v-padding-top-xs {
  padding-top: 10px;
}
.v-padding-top-sm {
  padding-top: 15px;
}
.v-padding-top-md {
  padding-top: 30px;
}
.v-padding-top-lg {
  padding-top: 60px;
}
.v-padding-bottom-xs {
  padding-bottom: 10px;
}
.v-padding-bottom-sm {
  padding-bottom: 15px;
}
.v-padding-bottom-md {
  padding-bottom: 30px;
}
.v-padding-bottom-lg {
  padding-bottom: 60px;
}
.v-padding-xs {
  padding-top: 10px;
  padding-bottom: 10px;
}
.v-padding-sm {
  padding-top: 15px;
  padding-bottom: 15px;
}
.v-padding-md {
  padding-top: 30px;
  padding-bottom: 30px;
}
.v-padding-lg {
  padding-top: 60px;
  padding-bottom: 60px;
}
.hover-box {
  background: transparent;
  border: 1px solid #333;
  cursor: pointer;
  padding: 15px;
}
@media (min-width: 1200px) {
  .hover-box {
    padding: 30px;
  }
}
.hover-box.sig-hover-box {
  cursor: initial;
}
.hover-box:hover {
  opacity: 0.8;
}
.hover-box-wrapper {
  margin-bottom: 30px;
}
.clickable {
  cursor: pointer;
}
.clickable:hover {
  opacity: 0.8;
}
.clickable a:hover {
  text-decoration: none;
}
.icon {
  width: 56px;
  min-width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 2px solid #333;
  background: transparent;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
}
hr {
  border-color: #333;
  margin: 60px 0;
}