/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/*---  Icomoon Fontstyle   ---*/
@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon/icomoon.eot?p0gac7');
  src:  url('../font/icomoon/icomoon.eot?p0gac7#iefix') format('embedded-opentype'),
    url('../font/icomoon/icomoon.ttf?p0gac7') format('truetype'),
    url('../font/icomoon/icomoon.woff?p0gac7') format('woff'),
    url('../font/icomoon/icomoon.svg?p0gac7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="iconmoon-"], [class*=" iconmoon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconmoon-copyright:before {
  content: "\e909";
}
.iconmoon-x:before {
  content: "\e902";
}
.iconmoon-menu:before {
  content: "\e905";
}
.iconmoon-sort-desc:before {
  content: "\e907";
}
.iconmoon-sort-down:before {
  content: "\e907";
}
.iconmoon-sort-asc:before {
  content: "\e906";
}
.iconmoon-sort-up:before {
  content: "\e906";
}
.iconmoon-sort-desc:before {
  content: "\e907";
}
.iconmoon-sort-down:before {
  content: "\e907";
}
.iconmoon-sort:before {
  content: "\e908";
}
.iconmoon-unsorted:before {
  content: "\e908";
}
.iconmoon-envelope:before {
  content: "\e904";
}
.iconmoon-file-pdf-o:before {
  content: "\e900";
}
.iconmoon-print:before {
  content: "\e901";
}
.iconmoon-twitter-old:before {
  content: "\e903";
}
.iconmoon-social:before {
  content: "\e903";
}
.iconmoon-facebook2:before {
  content: "\ea91";
}
.iconmoon-rss2:before {
  content: "\ea9c";
}
.iconmoon-linkedin:before {
  content: "\eac9";
}

/*---  End Icomoon ---*/








body {
  font-family: "Arial", Helvetica, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 18px;
}

.node h1 {
  font-size: 28px;
}

.node h2 {
  font-size: 24px;
}

.node h3 {
  font-size: 20px;
}

.node h4 {
  font-size: 16px;
}






a {
  color: #0062B8;
}

.content-page-header{
  border-bottom: solid 1px black;
  color: black;
  margin-top: 20px;
}

main {
  background-color: #EFEFEC;
  padding: 20px 65px 60px !important;
}

.telsoc-toolbar {
  background-color: #212121;
  height: 64px;
}

.telsoc-logo {
  height: 200px;
}

.telsoc-logo .logo {
  display: block;
  height: 140px;
  margin: 30px 0;
  width: 40%;
}

.telsoc-logo .logo > img {
  max-height: 100%;
  max-width: 100%;
}

nav {
  height: 70px;
  /* was 64 */
}

.navigation {
  background-color: #CA182E;
}

.telsoc-nav {
  display: inline-block;
  width: 80%;
}

.telsoc-nav > li {
  align-items: center;
  width: 10%;
}

.telsoc-nav > li > a:focus,
.telsoc-nav > li > a {
  background: none;
  text-align: center;
  /* was center */
  padding: 20px 0;
  /* padding: 24px 0;*/
  width: 100%;
  height: 100%;
  color: white;

  transition: background-color 0.1s ease-in-out;
}


.telsoc-nav > li.open > a,
.telsoc-nav > li.open > a:focus,
.telsoc-nav > li.open > a:active,
.telsoc-nav > li.open > a:hover,
.telsoc-nav > li > a:hover {
  background-color: #A61425 !important;
}

.telsoc-dropdown-menu > li > a:hover,
.telsoc-dropdown-menu > li > a:focus,
.telsoc-dropdown-menu > li > a:active {
  background-color: #8C111F;
  color: white;
}

.form-group-no-margin {
  margin-bottom: 0px;
}

.h-100 {
  height: 100%;
}

.w-50 {
  width: 50%;
}

.p-14 {
  padding: 14px;
}

.text-align-end {
  text-align: end;
}

.text-align-center {
  text-align: center;
}

.justify-end {
  justify-content: flex-end;
}

.telsoc-search-form {
  display: block;
}

.telsoc-search-form > * {
  display: inline-block;
}


.telsoc-search-form .form-item,
.telsoc-search-form .form-submit {
  height: 36px;
  border: none;
  border-radius: 0;
  border-bottom: solid 1px white;
  margin-bottom: 0;
}

.form-item-search-key {
  margin-left: -4px;
}

.form-item-search-type {
  position: absolute;
  margin-left: -5px;
}

.telsoc-search-form .form-item-search-key > input{
  background: none;
  border: none;
  color: white;
  font-size: 16px;
  box-shadow: none;
  width: 200px;
}

.telsoc-search-form .form-item-search-type > select {
  color: white;
  background: none;
  border: none;
}

.telsoc-search-form .form-item-search-type > select:focus,
.telsoc-search-form .form-item-search-key > input:focus {
  outline: 0;
  border: none;
  box-shadow: none;
}

.telsoc-search-form .form-item-search-type > select > option {
  color: black;
}

.telsoc-search-form .form-item-search-key > input:-webkit-autofill,
.telsoc-search-form .form-item-search-key > input:-webkit-autofill:hover,
.telsoc-search-form .form-item-search-key > input:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #212121 inset;
  transition: background-color 5000s ease-in-out 0s;
  font-size: 16px;
}

.telsoc-search-form .form-submit {
  background: none;
  color: white;
}

.telsoc-search-form .form-submit:hover {
  color: #dddddd;
}

#mobile-nav form {
  height: 64px;
  width: 80%;
}

#mobile-nav .telsoc-search-form {
  height: 100%;
  width: 90%;
  padding: 13px 0;
  margin: auto;
}

#mobile-nav .telsoc-search-btn {
  width: 20%;
  padding: 0;
  float: left;
}

#mobile-nav .form-item-search-key {
  width: 79%;
  margin: 0;
  margin-left: -4px;
}

#mobile-nav .form-type-select {
  display: none;
}

.btn-more,
.btn-login,
.btn-paypal,
.btn-option {
  background-color: #CA192E;
  font-size: 18px;
  padding: 8px 16px;
  color: white;
  border-radius: 0;
  transition: background-color 0.5s ease-in-out;
}

.btn-more:hover,
.btn-login:hover,
.btn-paypal:hover,
.btn-option:hover {
  background-color: #B31629;
  color: white;
}

.btn-more {
  margin-bottom: 1em;
}

.btn-paypal {
  font-size: 16px;
  height: 48px;
  width: auto;
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  box-shadow: 1px 1px 2px black;
}

.btn-paypal img {
  height: 100%;
  width: auto;
}

.btn-option {
  white-space: normal;
  width: 100%;
  min-height: 150px;
  margin-top: 1em;
  margin-bottom: 1em;
  background: none;
  border: solid 2px #CA192E;
  color: black;
  transition: all .5s ease-in-out;
}

.btn-option h4 {
  line-height: 1.45;
  font-weight: bold;
}

.squared-input {
  border-radius: 0;
}

.toolbar-right {

}

.btn-telsoc-toolbar {
  padding: 20px;
  font-size: 18px;
  color: white;
}

.btn-telsoc-toolbar:hover {
  color: white;
  text-decoration: underline;
}

.btn-telsoc-toolbar:focus {
  color: white;
}

.donate-form {
  width: 20%;
  float: right;
}

.donate-form-mobile {
  width: 80%;
}

.donate-form-mobile .btn-paypal {
  width: 90%;
  margin: 0 5% 20px;
}

.event-box {
  font-size: 16px;
  color: #333;
  border: solid 1px #999999;
  box-shadow: 1px 1px 1px 1px #999999;
  width: 300px;
  min-height: 280px;
  padding: 15px;
  margin: auto;
  margin-bottom: 20px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}

.event-box-span {
  width: 100%;
  display: block;
}

.event-box-title {
  font-size: 24px;
  font-weight: bold;
}

.event-box-title > a,
.event-box-title > a:hover {
  color: black;
  cursor: pointer !important;
}

.event-box-date {
  color: #CA192E;
  font-weight: bold;
}

.event-box-location > .premise {
  display: none;
}

.event-box-detail-btn {
  border: solid 1px #CA192E;
  font-size: 16px;
  border-radius: 0;
  height: 40px;
  width: 100px;
  padding: 10px;
  color: #CA192E;
  align-self: flex-end;
}

.event-box-detail-btn:hover {
  cursor: pointer !important;
  color: #A61425;
  border: solid 1px #A61425;
}

.event-box-location {
  flex-grow: 1;
}

.region-frontpage-events, .region-frontpage-journal {
  margin-top: 40px;
}

.frontpage-region-head {
  width: 70%;
  border-bottom: 2px solid #999999;
  color: black;
}

.frontpage-region-body {
  padding: 40px 0 0;
}

.region-frontpage-events .frontpage-region-body {
  padding: 40px 0 20px;
}

.region-frontpage-events .frontpage-region-more {
  margin-top: 20px;
}

.news h3,
.searches h3,
.journal-articles h3,
.champions h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.news,
.searches,
.journal-articles {
  padding-bottom: 40px;
  font-size: 16px;
  color: #333;
}

.news a,
.searches a,
.journal-articles a,
.champions a {
  color: black;
}

.champions-body p {
  overflow: auto;
}

.champions-row {
  margin-bottom: 40px;
}

.champions-row .row:first-child {
  margin-bottom: 10px;
}

.news-info {
  padding: 0;
  height: 30px;
}

.news-info > span {
  float: left;
  line-height: 30px;
  width: 26px;
}

.news-info > span:nth-child(2n) {
  width: 40px;
}

.journal-info {
  margin-bottom: 5px;
}

.journal-info a {
  text-decoration: underline;
}

.padding-top-10 {
  padding-top: 10px;
}

.type-info {
  text-transform: capitalize;
}

.telsoc-nav li {
  display: inline-block;
}

.telsoc-dropdown-menu {
  background-color: #A61425;
  border-radius: 0;
  margin: 0;
  border: 0;
  padding: 0;

  display: block;
  max-height: 0;
  overflow: hidden;

  transition: none;
}

.telsoc-dropdown-menu > li {
  height: 42px;
  display: block;
}

.open > .telsoc-dropdown-menu {
  transition: max-height 0.5s ease-in-out;
  max-height: 1000px;
}

.telsoc-dropdown-menu > li > a{
  color: white;
  padding: 0;
  margin: 0;
  line-height: 42px;
  text-align: left;
  padding: 0 25px;
}

#banner-carousel {
  height: 320px;
  margin-top: 20px;
  overflow: hidden;
}

.carousel-img {
  max-width: unset !important;
  max-height: unset !important;
  object-fit: cover;
}

.telsoc-carousel-caption {
  left: 0;
  right: 0;
  bottom: 0;
  padding: 35px;
  height: 100%;
  width: 100%;

  text-align: left;
}

.telsoc-carousel-control {
  width: 10%;
}

.hexagon-img{
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  height: 240px;
  width: 200px;
  float: right;
  background-position: center;
  background-size: cover;
}

.telsoc-pagination > li > a,
.telsoc-pagination > li > span {
  color: #CA182E;
  border: none;
  background: none;
}

.telsoc-pagination > li > a:hover,
.telsoc-pagination > li > span:hover,
.telsoc-pagination > li > a:focus,
.telsoc-pagination > li > span:focus {
  color: #A61425;
}

.telsoc-pagination > li:first-child > span ,
.telsoc-pagination > li:last-child > a {
  border-radius: 0;
}

.telsoc-pagination > .active > a,
.telsoc-pagination > .active > span,
.telsoc-pagination > .active > span:hover,
.telsoc-pagination > .active > span:focus {
  color: #A61425;
  border: solid 1px #A61425;
  background: none;
  padding: 5px 11px;
}

.telsoc-pagination > .pager-ellipsis.disabled {
  display: none;
}

.telsoc-breadcrumb {
  padding: 8px 0px;
  background: none;
}

.telsoc-breadcrumb a {
  color: #CA182E;
}

.telsoc-breadcrumb > li:not(:first-child)::before {
  padding: 0 5px;
  color: #999;
  content: "\e258";
  font-family: 'Glyphicons Halflings';
  font-size: 12px;
}

.telsoc-primary-tab,
.telsoc-secondary-tab {
  padding: 0;
  font-size: 0;
  margin-bottom: 20px;
}

.telsoc-primary-tab > li,
.telsoc-secondary-tab > li {
  display: inline-block;
  font-size: 16px;
}

.telsoc-primary-tab > li:hover,
.telsoc-secondary-tab > li:hover {
}

.telsoc-primary-tab > li > a,
.telsoc-secondary-tab > li > a {
  color: white;
  padding: 12px 22px;
  background-color: #C95764;
  display: block;
  transition: background-color 0.2s ease-in-out;
}

.telsoc-primary-tab > li > a:hover,
.telsoc-secondary-tab > li > a:hover,
.telsoc-primary-tab > .active > a,
.telsoc-secondary-tab > .active > a {
  background-color: #CA182E;
  text-decoration: none;
}

.region-content .field-item a {
  color: #0062B8;
}

footer {
  background-color: #212121;
  margin-top: 0 !important;
  border: none !important;
  color: #aaa;
  padding: 40px;
}

.footer {
  border-top: solid 1px black;
}

.footer-copyright {
  text-align: center;
  margin-top: 20px;
}

.footer-follow {
  margin-top: 20px;
}

.region-footer-right ul {
  columns: 2;
}

.region-footer-right h4 {
  margin-bottom: 20px;
}

.footer-links {
  padding: 0 50px;
}

.btn-subscribe-update {
  width: 50%;
  border-radius: 0;
  margin-top: 20px;
}

.btn-subscribe,
.btn-unsubscribe {
  width: 40%;
  float: left;
}

#simplenews-subscriptions-multi-block-form {
  margin-top: 20px;
}

#simplenews-subscriptions-multi-block-form .form-item-mail{
  margin-top: 20px !important;
  width: 80%;
}

#simplenews-subscriptions-multi-block-form .form-item {
  margin: 0;
}

#edit-newsletters .form-item {
  margin: 10px 0;
}

.social-media-icons {
  color: #aaa;
  font-size: 22px;
  padding: 0 20px;
}

.social-media-icons:hover {
  color: white;
  cursor: pointer;
  text-decoration: none;
}

footer ul {
  padding-left: 0;
}

footer li {
  margin-bottom: 10px;
}

footer li a {
  color: #aaa;
}

footer li a:hover {
  color: white;
}

footer h4 {
  color: white;
}

footer > div > div > * {
  margin-bottom: 20px;
}

.btn-mobile-menu {
  color: white;
  font-size: 34px;
  width: 60px;
  height: 100%;
  padding: 10px 20px;
}

.btn-mobile-menu > i:hover {
  cursor: pointer;
  color: #ccc;
}

#mobile-nav {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: block;
  pointer-events: none;
}

#mobile-nav.open {
  pointer-events: all;
}

#mobile-nav .mobile-menu-wrapper {
  right: 100vw;
  background-color: #212121;
  z-index: 999;
  overflow-y: scroll;

  -webkit-transition: right .4s ease-in-out;
  -moz-transition: right .4s ease-in-out;
  -o-transition: right .4s ease-in-out;
  transition: right .4s ease-in-out;
}

#mobile-nav.open .mobile-menu-wrapper {
  right: 0%;
}

.mobile-menu-background {
  z-index: 998;
  position: absolute;
  opacity: 0;

  transition: opacity .5s ease-in-out;
  background-color: rgba(0,0,0,0.8);
}

#mobile-nav.open .mobile-menu-background {
  opacity: 1;
}

.mobile-menu-header {
  height: 64px;
  background-color: #CA182E;
}

.mobile-menu-header > div {
  width: 25%;
  font-size: 40px;
  line-height: 40px;
  padding: 12px;
  color: #ddd;
}


.mobile-menu .telsoc-nav > li {
  display: block;
  min-height: 50px;
  width: 90%;
  margin: auto;
}

.mobile-menu .telsoc-nav > li > a {
  text-align: left;
  padding: 14px 0 14px 10px;
  border-bottom: 1px solid #666;
}

.mobile-menu .telsoc-nav > li > a .glyphicon {
  float: right;
  margin: 4px;
  font-size: 14px;
}

.mobile-menu .telsoc-nav > li.open > a,
.mobile-menu .telsoc-nav > li > a:hover,
.mobile-menu .telsoc-nav > li > a:focus {
  background-color: transparent !important;
  border-color: #666;
}

.mobile-menu .telsoc-nav .dropdown > .dropdown-menu {
  display: block;
  float: none;
  margin: 0;
  position: inherit;
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0;
  border: none;
  max-height: 0;
  overflow: hidden;

  transition: max-height .5s ease-in-out;
}

.mobile-menu .telsoc-nav .dropdown.open > .dropdown-menu {
  max-height: 1000px;
}

.mobile-menu .telsoc-nav .dropdown-menu > li{
  display: block;
  min-height: 50px;
  border-bottom: 1px solid #666;
}

.mobile-menu .telsoc-nav .dropdown-menu > li > a {
  color: white;
  padding: 14px 0 14px 30px;
  text-align: inherit;
  line-height: 1.42857143;
}

.mobile-menu .telsoc-nav .dropdown-menu > li > a,
.mobile-menu .telsoc-nav .dropdown-menu > li > a:hover,
.mobile-menu .telsoc-nav .dropdown-menu > li > a:focus {
  background-color: transparent !important;
}

.content-links {
  text-align: right;
}

.content-info {
  margin-bottom: 20px;
}

.content-reads,
.content-share,
.content-rate {
  display: inline-block;
  text-align: right;
  vertical-align: bottom;
}

.content-reads {
  padding: 0 4px;
}

.content-rate {
  padding: 0 4px;
}

.content-rate-widget {
  height: 32px;
}

.content-rate-widget > span {
  vertical-align: super;
}

.content-topics {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content-topics .field-item > a{
  background-color: #777777;
  padding: 10px 18px;
  margin: 6px;
  color: white;
  font-size: 14px;
  display: block;
  transition: background-color 0.2s ease-in-out;
}

.content-topics .field-item > a:hover{
  color: #ddd;
  background-color: #555555;
}

.content-topics .field-item {
  display: inline-block;
}



.publisher-logo {
  margin-bottom: 20px;
}

.btn-rate {
  color: white;
  background-color: #F3BE56;
  font-size: 24px;
  width: 64px;
  height: 32px;
  border-radius: 0;
  padding: 0;
  vertical-align: baseline;

  transition: background-color 0.1s ease-in-out;
}

.btn-rate:hover,
.btn-rate:focus,
.btn-rate:active {
  color: white;
  background-color: #E5B85C;
  text-decoration: none;
}

.btn-rate > span:first-child {
  vertical-align: text-top;
}

.content-publisher-footer {
  width: 49%;
  display: inline-block;
}

.content-publisher-footer > img{
  height: 35px;
}

.form-control {
  border-radius: 0;
}

.region-content table {
  display: table;
}

.region-content table th,
.region-content table td {
  padding: 5px;
}

.content-abstract blockquote {
  font-size: 16px;
  border-left: solid 4px #444;
  background-color: #D9D9D7;
}

.content-author a {
  color: #0062B8;
}

.content-author-photo {
  width: 19%;
  display: inline-block;
}

.content-author-photo + .content-author-detail {
  width: 76%;
  display: inline-block;
  margin-left: 3%;
}

.content-author-detail {
  width: 100%;
}

.content-author-photo {
  vertical-align: text-bottom;
}

.author-photo {
  width: 100%;
}

.telsoc-list-group {
  border-radius: 0;
}

.telsoc-list-group .list-group-item {
  border-radius: 0;
  border: none;
  background-color: #E8E8E3;
}

.telsoc-list-group .list-group-item:nth-child(even){
  background-color: #F4F4F1;
}

.telsoc-list-group h4 {
  font-size: 18px;
  color: black;
  font-weight: bold;
}

.telsoc-list-group h4 > a {
  color: black;
}

.telsoc-list-group .list-group-item-text > a{
  color: #333;
  text-decoration: underline;
}

.telsoc-list-group > .list-group-item:hover {
  background-color: #FAFAF9;
}

.journal-copyright {
  margin-bottom: 20px;
}

.field-name-body .field-item p img,
.champions-body img {
  margin-right: 5px;
  float: left;
}

.publisher-header .field-name-field-header-logo,
.publisher-header .field-name-field-logo,
.publisher-footer .field-name-field-footer-logo,
.publisher-footer .field-name-field-logo {
  margin-bottom: 10px;
}

.content-publisher-footer:first-child {
  vertical-align: top;
}

.node-newsletter .content,
.node-event .content {
  margin-bottom: 40px;
}

.print_html a,
.print_mail a,
.print_pdf a {
  text-decoration: none;
}

.print_html a > span:first-child,
.print_mail a > span:first-child,
.print_pdf a > span:first-child {
  color: #596875;
  font-size: 18px;
  margin-right: 5px;
}

.print_html a:focus > span:first-child,
.print_mail a:focus > span:first-child,
.print_pdf a:focus > span:first-child,
.print_html a:hover > span:first-child,
.print_mail a:hover > span:first-child,
.print_pdf a:hover > span:first-child {
  color: #1f3447;
  text-decoration: none;
}

.content-author-photo-email a{
  overflow-wrap: break-word;
}

.content-author-affiliation-body:only-child {
  width: 100%;
}

.content-author-photo-email .field-name-field-tja-author-image img {
  margin: auto;
  width: 70%;
}

.content-author-photo-email .field-name-field-email {
  text-align:center;
}

.field-name-field-email:only-child {
  margin-top: 10px;
}

.content-journal-authored {
  margin: auto;
  float: unset;
}

.journal-author {
  height: 150px;
}

.content-files {
  margin-top: 40px;
}

.content-files > .field-name-field-tja-issue-pdf {
  display: inline-block;
}

.content-files > .field-name-field-tja-issue-pdf + .print-link {
  display: inline-block;
  float: right;
}

.single-file > * {
  display: block;
  float: unset !important;
}

.content p {
  overflow: auto;
}


.content-authors-row {
  height: 260px;
  background-color: #EFEFEC;
}


.content-authors-row > img {
  height: 100%;
  width: auto;
  float: left;
  padding: 20px;
}

.content-authors-row:hover {
  border-color: black !important;
  text-decoration: none;
}

.content-authors-photo img {
  max-height: 100%;
  width: auto;
  display: inline-block;
}

.field-name-field-presenter-name {
  font-size: 18px;
}

.field-name-field-presenter-photo {
  float: left;
  padding: 9px;
}

.event-presenter-row {
  min-height: 180px;
}

.event-presenter-row img {
  max-height: 150px;
  width: auto;
}

.event-location #map{
  border: 0;
  width: 100%;
  height: 200px;
}

.btn-book {
  width: 100%;
  color: #fff;
  background-color: #CA182E;
}

.btn-book:focus,
.btn-book:hover {
  background-color: #A01323;
  color: white;
  outline: 0;
}

.btn-book-seat {
  color: #fff !important;
  background-color: #CA182E;
  width: 100%;
}

.btn-book-seat:focus,
.btn-book-seat:hover {
  background-color: #A01323;
  color: #fff !important;
  outline: 0;
}


.ticket-panel {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  display: block;
  pointer-events: none;
}

.ticket-panel.open {
  pointer-events: unset;
}

.ticket-panel.open .panel{
  top: 0;
}

.ticket-panel .panel {
  position: fixed;
  margin: 10vh 25vw;
  height: 80vh;
  width: 50vw;
  top: 100vh;
  z-index: 999;

  transition: top .5s ease-in-out;
}

.panel-bg {
  height: 100vh;
  width: 100vw;
  background-color: #000;
  opacity: 0;

  transition: opacity .5s ease-in-out;
}

.ticket-panel.open .panel-bg {
  opacity: .5;
}

.telsoc_ms_products_title {
  font-size: 18px;
  font-weight: bold;
}

.panel-heading {
  font-size: 18px;
}

.panel-close {
  height: 21px;
  width: 35px;
  text-align: center;
  font-size: 21px;
  cursor: pointer;
}

.telsoc_ms_products_kit {
  display: inline-block;
  width: 80%;
}

.telsoc_ms_products_link {
  display: inline-block;
  width: 20%;
}

.field-name-field-event-registration .field-item {
  padding: 10px 5px;
  border-bottom: solid 1px black;
}

.field-name-field-event-registration .field-item:last-child {
  border: none;
}

.event-header > .row:last-child {
  margin-top: 20px;
}

.event-header h3:first-child {
  margin-top: 0;
}

.content-sponsor-item img {
  max-height: 100%;
  width: auto;
  margin: auto;
}

.content-sponsor-item p {
  text-align: center;
}

.event-header .content-links {
  text-align: left;
}

.user-row.thumbnail {
  background-color: #EFEFEC;
  color: black;
  height: 120px;
}


.user-row.thumbnail:hover {
  border-color: black;
}

.user-row.thumbnail img{
  float: left;
  height: 100%;
  width: auto;
  margin-right: 20px;
}

.topic-row {
  text-align: center;
}

.topic-link {
  background-color: #777777;
  color: white;
  float: none;
  display: inline-block;
  padding: 10px;
  margin: 5px 10px;
  transition: background-color .2s ease-in-out;
}

.topic-link:hover {
  color: #ddd;
  background-color: #555;
}

.submitted .user-picture img {
  max-height: 200px;
}

.comment .user-picture img {
  max-height: 100px;
}

.user-profile-details .field {
  margin-top: 20px;
}

.profile .user-picture a.thumbnail.active {
  border-color: #ddd;
}

#comments > .indented {
  margin-left: -15px;
  padding-left: 10%;
}

#comments > .comment {
  margin-top: 20px;
}

.comment-content {
  float: left;
  width: 85%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
}

.comment-picture {
  float: left;
  width: 15%;
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  min-height: 1px;
}

.comment .submitted .new {
  color: red;
}

.comment-content .links a {
  color: #777;
  text-transform: capitalize;
}

.comment-content .links a:hover {
  color: black;
}

.form-item-ms-membership-sku.radio,
.form-item-ms-products-sku.radio,
.form-item-purchase-options-sku.radio {
  padding: 15px;
}


.form-item-ms-membership-sku.radio input,
.form-item-ms-products-sku.radio input,
.form-item-purchase-options-sku.radio input{
  height: 70%;
}

.form-item-ms-membership-sku label,
.form-item-ms-products-sku label,
.form-item-purchase-options-sku label {
  width: 100%;
}

.form-item-ms-membership-sku label > div,
.form-item-ms-products-sku label > div,
.form-item-purchase-options-sku label > div {
  padding-left: 0;
  margin-left: 20px;
}


.form-item-ms-membership-sku .telsoc_plan.ms_products_plan_price,
.form-item-ms-products-sku .telsoc_plan.ms_products_plan_price,
.form-item-purchase-options-sku .telsoc_plan.ms_products_plan_price {
  text-align: right;
  border-bottom: solid 2px #CA182E;
  padding-left: 15px;
  margin-left: 0px;
}

.form-item-ms-membership-sku .telsoc_plan.ms_products_plan_name,
.form-item-ms-products-sku .telsoc_plan.ms_products_plan_name,
.form-item-purchase-options-sku .telsoc_plan.ms_products_plan_name {
  border-bottom: solid 2px #CA182E;
  padding: 0;
  margin-bottom: 15px;
}


.form-item-ms-membership-sku .telsoc_plan.ms_products_plan_detail,
.form-item-ms-products-sku .telsoc_plan.ms_products_plan_detail,
.form-item-purchase-options-sku .telsoc-plan.ms_products_plan_detail {
  color: #777;
}

.telsoc_one_option .form-item-ms-membership-sku.radio input{
  display: none;
}

.telsoc_one_option .form-item-ms-membership-sku.radio .control-label {
  padding-left: 0;
}

#ms-core-checkout-page-form {
  margin-top: 20px;
}

#ms-core-order-items-table .ms_order_items td,
#ms-core-order-items-table .ms_order_items th{
  padding: 10px 20px;
  white-space: pre-wrap;
  word-wrap: break-word;
}


#ms-core-order-items-table .ms_order_items th{
  font-size: 18px;
}

.ms_item_remove_link{
  text-decoration: none;
  color: #666;
  transform: color 2s ease-in-out;
}

.ms_item_remove_link:hover,
.ms_item_remove_link:focus{
  text-decoration: none;
  color: black;
}

.ms_cart_item_detail,
.ms_adjustment_detail,
.ms_cart_item_qty {
  color: #666;
}


.ms_cart_item_name,
.ms_adjustment_display {
  color: black;
}

#ms-core-order-items-table .ms_order_items td > div {
  margin-bottom: 5px;
}

#ms-core-order-items-table .ms_order_items td > div:last-child {
  margin-bottom: 0;
}

.ms_cart_header {
  font-weight: bold;
}

#ms-core-order-items-table .ms_order_items tr > th:last-child,
#ms-core-order-items-table .ms_order_items tr > td:last-child {
  text-align: right;
}

#ms-core-order-details-table {
  border: 2px solid #999;
}

.field-name-field-event-media iframe {
  width: 640px;
  height: 564px;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 20px;
}

.telsoc-ms-qty {
  height: 80px;
}

.telsoc-ms-qty input {
  width: unset;
}

.telsoc-task {
  margin-bottom: 20px;
}

ul.action-links a {
  color: #CA182E;
  border: 2px solid #CA182E;
  border-radius: 0;
  background-color: transparent;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 20px;
  transition: all .1s ease-in-out;
}

ul.action-links a .icon {
  display: none;
}

ul.action-links a:hover,
ul.action-links a:focus {
  background-color: #CA182E;
  color: white;
  text-decoration: none;
  border-color: #CA182E;
}

.profile h4 {
  line-height: 24px;
}

@media (max-width: 1200px) {
  .container {
    width: 100%;
  }

  .region-content table[width]{
    display: block;
    max-width: 100%;
  }

  .telsoc-logo .container {
    width: 95%;
  }

  .telsoc-logo .logo {
    width: 50%;
  }

  .telsoc-nav > li {
      width: 100px;
/*    width: 96px;*/
  }

  .btn-telsoc-toolbar {
    padding: 20px 8px;
  }

  .btn-telsoc-toolbar:nth-last-child(1) {
    padding-right: 0;
  }

}

@media (max-width: 980px) {
  #simplenews-subscriptions-multi-block-form .form-item-mail {
    width: 100%;
  }

  .btn-subscribe,
  .btn-unsubscribe {
    width: 50%;
  }

  .banner-extra-height{
    height: 400px !important;
  }

  .banner-extra-height .carousel-img {
    height: 100% !important;
  }
}

@media (max-width: 768px) {
  #desktop-nav {
    display: none !important;
  }

  #banner-carousel {
    margin-top: 0;
  }

  .telsoc-logo {
    height: 150px;
  }

  .telsoc-logo .logo {
    height: 130px;
    margin: 10px 0;
    width: 400px;
  }

  .hexagon-img {
    height: 200px;
    width: 160px;
    margin: 20px 0;
  }

  .telsoc-carousel-caption {
    padding: 15px;
  }

  main {
    padding: 20px 55px 60px !important;
  }

  .field-item img {
    max-width: 100%;
    height: 100%;
  }

  .content-links {
    text-align: left;
  }

  .content-additional-info,
  .content-date,
  .content-share {
    margin-bottom: 10px;
  }

  .content-reads li {
    padding-left: 0;
    padding-right: 0;
  }

  .content-reads,
  .content-share,
  .content-rate {
    text-align: right;
    display: block;
  }


  .event-header .content-reads,
  .event-header .content-share,
  .event-header .content-rate {
    text-align: left;
  }

  .user-row.thumbnail,
  .content-authors-row {
    height: auto;
  }

  .content-authors-row > img {
    height: auto;
    width: 50%;
    float: initial;
    padding: 10px;
  }

  .event-booking {
    margin-top: 10px;
  }

  .event-time {
    margin-top: 30px;
  }

  .ticket-panel .panel {
    margin: 10vh 5vw;
    width: 90vw;
  }

  .telsoc_ms_products_link {
    width: 30%;
  }

  .telsoc_ms_products_kit {
    width: 70%;
  }

  .comment .submitted {
    display: block;
    margin-top: 5px;
  }

  .footer-links {
    padding: 0;
  }

  #block-system-main > table thead tr,
  #block-system-main > table thead th,
  #block-system-main > .table-responsive > table thead tr,
  #block-system-main > .table-responsive > table thead th,
  #ms-user-purchases-table thead tr,
  #ms-user-purchases-table thead th {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    height: 0;
  }

  #block-system-main > table tbody > tr,
  #block-system-main > table tbody td,
  #block-system-main > .table-responsive > table tbody > tr,
  #block-system-main > .table-responsive > table tbody td,
  #ms-user-purchases-table tbody > tr,
  #ms-user-purchases-table tbody td {
    display: block;
  }

  #block-system-main > table tbody tr,
  #block-system-main > .table-responsive > table tbody tr,
  #ms-user-purchases-table tbody tr {
    margin-bottom: 10px;
  }

  #block-system-main > table tbody > tr > td,
  #block-system-main > .table-responsive > table tbody > tr > td,
  #ms-user-purchases-table tbody > tr > td {
    border: none;
  }

  #block-system-main > table tbody > tr > td:before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
  }

  #block-system-main > table tbody > tr > td:first-child,
  #block-system-main > .table-responsive > table tbody > tr > td:first-child,
  #ms-user-purchases-table tbody > tr > td:first-child {
    font-weight: bold;
  }


  table.sticky-header {
    display: none !important;
  }

  #ms-user-purchases-table tbody > tr > td {
    word-wrap: break-word;
    white-space: normal;
  }

  .ms_user_history_oid:before {
    content: "Order ";
    display: inline;
    font-weight: bold;
  }

  .ms_user_history_created:before {
    content: "Created";
    display: block;
    font-weight: bold;
  }

  .ms_user_history_products:before {
    content: "Products";
    display: block;
    font-weight: bold;
  }

  .ms_user_history_status:before {
    content: "Status";
    display: block;
    font-weight: bold;
  }

  .ms_user_history_total:before {
    content: "Total";
    display: block;
    font-weight: bold;
  }

  .ms_user_history_actions:before {
    content: "Actions";
    display: block;
    font-weight: bold;
  }

  #ms-core-order-customer-information-table,
  #ms-core-order-history-table {
    white-space: normal;
    table-layout: fixed;
  }

  #ms-core-order-customer-information-table td,
  #ms-core-order-history-table td {
    white-space: normal;
    word-break: break-word;
  }
}

@media (max-width: 767px) {
  .form-item-purchase-options-sku .telsoc_plan.ms_products_plan_price,
  .form-item-ms-products-sku .telsoc_plan.ms_products_plan_price,
  .form-item-ms-membership-sku .telsoc_plan.ms_products_plan_price {
    text-align: left;
    border-bottom: none;
    padding-left: 0;
    margin-left: 10px;
  }

  .form-item-purchase-options-sku label > div,
  .form-item-ms-products-sku label > div,
  .form-item-ms-membership-sku label > div{
    padding-left: 0;
    margin-left: 10px;
  }

  .region-footer-right {
    margin-top: 20px;
  }


  #ms-core-order-items-table .ms_order_items th.ms_price {
    display: none;
  }

  #ms-core-order-items-table .ms_order_items td {
    display: block;
  }

  #ms-core-order-items-table .ms_order_items tr > td:last-child {
    text-align: left;
  }

  #ms-core-order-items-table .ms_order_items td,
  #ms-core-order-items-table .ms_order_items th{
    padding: 10px;
  }

  #ms-core-order-items-table .ms_order_items .ms_cart_header > td:first-child{
    display: none;
  }

  #ms-core-order-items-table .ms_order_items .ms_cart_header > td:last-child:before{
    content: attr(data-label);
  }

  #ms-core-order-items-table .ms_order_items .ms_cart_header .ms_subtotal,
  #ms-core-order-items-table .ms_order_items .ms_cart_header .ms_total{
    text-align: right;
  }

  .print-link {
    text-align: left;
    margin-top: 20px;
  }
}




@media (max-width: 648px) {
  .telsoc-carousel-caption > div:nth-child(1){
    width: 100%;
  }

  .telsoc-carousel-caption > div:nth-child(2){
    display: none !important;
  }

  .frontpage-region-head {
    width: 100%;
  }

  .content-publisher-footer {
    width: 100%;
    display: block;
  }

  .content-publisher-footer:last-child {
    margin-top: 20px;
  }

  .field-name-field-presenter-photo {
    float: unset;
  }

  .event-presenter-row img {
    margin: auto;
  }

  .content-vimeo {
    height: auto;
  }

  .comment-content {
    width: 100%;
  }

  .comment-picture {
    display: none;
  }

  .btn-subscribe-update {
    width: 80%;
  }

  .abn {
    display: block;
  }
}

@media (max-width: 426px) {
  .telsoc-logo {
    height: auto;
  }

  .telsoc-logo .logo {
    height: auto;
    margin: 10px auto;
    width: 80%;
  }

  .btn-mobile-menu {
    width: auto;
    padding: 10px 0;
  }

  .telsoc-carousel-caption {
    padding: 5px;
  }

  .banner-extra-height{
    height: 500px !important;
  }

  main {
    padding: 20px 35px 60px !important;
  }

  .event-box {
    max-width: 300px;
    width: auto;
  }

  .content-reads,
  .content-share,
  .content-rate {
    text-align: left;
  }

  .content-links {
    margin-top: 10px;
  }

  .social-media-icons {
    padding: 0 16px;
  }

  .footer-follow > div {
    padding: 0;
  }

  .telsoc-breadcrumb > li::before {
    padding: 0 5px;
    color: #999;
    content: "\e257";
    font-family: 'Glyphicons Halflings';
    font-size: 12px;
  }

  .telsoc-breadcrumb > li:not(:nth-last-child(2)){
    display: none;
  }

  #comments > .indented {
    padding-left: 15%;
  }

  .region-footer-right ul {
    columns: 1;
  }

  ul.action-links li {
    display: block;
    margin: 1em 0;
  }
}