/* These are the styles from the old drupal7 site theme. */

body{background-image:url('../img/bg-tile.png');font-family: 'Open Sans', sans-serif;color:#fff;font-size:16px}
body.html{min-width:1152px;}
body.cke_editable_themed {background-image:url('../img/editor-bg.png');}

.page-node-add-article body.cke_editable_themed{width:750px!important}
.page-node-add-page body.cke_editable_themed{width:1150px!important}
textarea,input,select{font-family: 'Open Sans'}

#header, .breadcrumb, #main-wrapper, #navigation .section, #footer .section {margin:0 auto;width:1152px;text-align:left;}

a {color:inherit;transition:color 0.25s}
a:hover, li a.active{color:#FFC103}
.clear{clear:both;}

h1 {margin-top:0;}
.sidebar .block  h2 {padding:1em 0 0;margin:0;}

tbody { border:none; }

.cols{clear:both;}
.col {float:left;margin:0 24px 0 0;min-height:74px}
.cols .col:last-child{margin:0;float:right}
.cx1 .contents { width:74px;}
.cx2 .contents { width:172px;}
.cx3 .contents { width:270px;}
.cx4 .contents { width:368px;}

/* changed #438A9D to #295460 */

#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#navigation {width:100%; height:60px; background-color:#1D2E32; color:#FFC103; font-weight:bold}
#navigation .section {padding:1em 0;position:relative}
#navigation a {color: #FFC103;text-decoration:none}
#navigation ul {margin: 0;}
#navigation h2{display:none;}

#main-menu {float:left}
#main-menu li {height:25px;  padding: 0 5px 0 20px;background: url('../img/menu-li-dark.png') left center no-repeat;}
#main-menu li.first {margin:0 -24px 0 0;}
#main-menu li.first a {color: transparent;width:25px;background: transparent url('../img/home.png') left center no-repeat;}
#main-menu li:hover, #main-menu li.active {background: url('../img/menu-li-light.png') left center no-repeat;}

/*#main-menu li:last-child:after{display:inline-block;content:" "; width:12px; height:13px;background: url('../img/menu-li-dark.png') left center no-repeat;margin-left: 10px;}*/

li.login {padding: 0 25px 0 25px!important;background: url('../img/li-login.png') left center no-repeat;}
li.register {padding: 0 20px 0 25px!important;background: url('../img/li-register.png') left center no-repeat;}
.logged-in li.login
{
    display:inline-flex;
    max-width: 300px;
}
.logged-in li.login span
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

#social-icons a {display:inline-block;background-repeat:no-repeat;background-position:center center;width:40px;height:45px;}
#social-icons .social-distancing {display:inline-block;width:1em;}

.twitter{background-image:url('../img/badge-twitter.png');}
.twitter:hover{background-image:url('../img/badge-twitter-hover.png');}
.facebook{background-image:url('../img/badge-facebook.png');}
.facebook:hover{background-image:url('../img/badge-facebook-hover.png');}
.youtube{background-image:url('../img/badge-youtube.png');}
.youtube:hover{background-image:url('../img/badge-youtube-hover.png');}

#social-icons .instagram {background-image:url('../img/badge-insta.png');}
#social-icons .instagram:hover{background-image:url('../img/badge-hover-insta.png');}
#social-icons .reddit {background-image:url('../img/badge-reddit.png');}
#social-icons .reddit:hover{background-image:url('../img/badge-hover-reddit.png');}
#social-icons .patreon {background-image:url('../img/badge-patreon.png');}
#social-icons .patreon:hover{background-image:url('../img/badge-hover-patreon.png');}
#social-icons .steam {background-image:url('../img/badge-steam.png');}
#social-icons .steam:hover{background-image:url('../img/badge-hover-steam.png');}
#social-icons .discord {background-image:url('../img/badge-discord.png');}
#social-icons .discord:hover{background-image:url('../img/badge-hover-discord.png');}


#secondary-menu {float:right;}

#nav-footer{text-align:center;z-index: -1;height:1px;}

#breadcrumb-empty {height:30px;}
#breadcrumb {width:100%;background-color:#000;margin-bottom:20px;padding-top:12px}
.breadcrumb {height:30px;font-size:14px;color:#2D5F6C; }
.breadcrumb a {text-decoration:none;margin:0 0.5em;}
.breadcrumb a:first-child{margin-left:30px;}

.front #page-title {display:none;}

#main-wrapper .tabs {clear:both;padding-top:1em}


.sidebar .block  + .block {clear: both;}

h2 {text-transform:uppercase;font-size:19px;text-align:center}

/* all views */
.views_slideshow_slide,.views-slideshow-cycle-main-frame {width:100%!important;}
.views_slideshow_controls_text_pause {display:none;}
.widget_pager {text-align:center; position:absolute;left:0;bottom:10px;width:100%;z-index:99}
.views-slideshow-pager-field-item,.views-content-counter {display:inline;cursor:pointer}
.views-field-counter {background:transparent url('../img/dot.png') center center no-repeat; width:10px;height:10px;display:inline-block;margin:0 2px;overflow:hidden;opacity:0.5;}
.active .views-field-counter {opacity:1}
.views-field-counter a { visibility: hidden !IMPORTANT; text-decoration: none !IMPORTANT; }
.views-content-counter {visibility:hidden; text-decoration: none !IMPORTANT; }

.views_slideshow_controls_text a {visibility:hidden;}
.views-slideshow-controls-text-previous {position:absolute;left:10px;top:50%;z-index:99;background:transparent url('../img/arrow-left.png') left center no-repeat; width:25px}
.views-slideshow-controls-text-next {right:10px;position:absolute;top:50%;z-index:99;background:transparent url('../img/arrow-right.png') right center no-repeat; width:25px}

.view-empty{width:100%;height:100%;text-align:center; background:transparent url('../img/filler.png') center center no-repeat; background-size:cover}
.view-empty p {padding:24px;margin:0}


.views-row .node, .page-taxonomy-term .node {margin-bottom:2em;}
.views-row .node-article .content, .page-taxonomy-term .node-article .content {margin:0;}
.views-row h2, .page-taxonomy-term .node h2 {text-align:left;margin:0;padding:0.25em;border:1px solid #55666a;border-bottom:0;background-color:#000}
.views-row .content, .page-taxonomy-term .node .content { border:1px solid #55666a;border-top:0;}
.views-row .field-item img, .page-taxonomy-term .node .content img {float:right; margin:8px;}
.field-item p{margin:0;padding:8px;}

.field-type-text-with-summary:after{display:block;content:" ";clear:both;height:0}

.field-name-field-tags {padding:8px;opacity:0.75;float:right}
.field-name-field-tags div {float:left;margin-left:8px;}
.field-name-field-tags:after{display:block;content:" ";clear:both;}

.view-id-features .views-row .field-item img {margin:16px !important}
.view-features .view-header{text-align:center;margin:1em}
#views-exposed-form-features-page {display:none;}


/* homepage */
.view-display-id-hero { position:relative;  border: 1px solid #55666a;    border-radius: 3px;    margin: 20px 0;    overflow: hidden; height:370px}
.view-display-id-hero img {width:1152px!important; height:370px!important}
.view-display-id-hero .views-field-body {position:absolute;left:0;bottom:0;width:100%;height:120px; background-color:#1D2E32;opacity:0.5;}
.view-display-id-hero .views-field-title {position:absolute;left:120px;bottom:80px;width:100%;font-weight:bold}
.view-display-id-hero .views-field-title a {font-size:25px;text-decoration:none;}
.view-display-id-hero .views-field-body .field-content {padding: 20px 120px 0;}

/* latest news */
.view-display-id-homenews, .view-display-id-sidenews
    { background-color:#1C2D32;position:relative;  border: 1px solid #55666a;    border-radius: 3px; overflow: hidden; width:270px;float:right}

.view-display-id-sidenews {width:344px;}

.view-display-id-homenews .view-header, .view-display-id-sidenews .view-header
    {height:54px;background-color:#000;font-size:16px;}

.view-display-id-homenews .view-header h2, .view-display-id-sidenews .view-header h2
    {float:left;font-size:inherit;padding: 14px;}

.view-display-id-homenews .view-header a, .view-display-id-sidenews .view-header a
    {float:right; padding: 14px 34px 0 0;}

.view-display-id-homenews ul li, .view-display-id-sidenews ul li
{margin:0;padding:0;list-style-type:none;}

.view-display-id-homenews .views-row-2, .view-display-id-sidenews .views-row-2
    {background-color:#000;}

.view-display-id-homenews .views-field-field-image, .view-display-id-sidenews .views-field-field-image
    {clear:left;float:left;}

.view-display-id-homenews .views-field-title, .view-display-id-sidenews .views-field-title
    {float:right;width:130px;max-height:98px;color:#2D5F6C}

.view-display-id-sidenews .views-field-title {width:204px}

.view-display-id-homenews img, .view-display-id-sidenews img
    {width:130px!important;height:98px!important;}

.view-display-id-homenews a, .view-display-id-sidenews a
    {text-decoration:none;display: flex;}


#block-views-secondary-secondary {width:858px;height:358px;float:left;}

.view-display-id-secondary {position:relative;width:858px;height:358px;background-color:#1C2D32;border: 1px solid #FFC103; border-radius: 3px;overflow: hidden }
.view-display-id-secondary .view-header{width:100%;height:54px;background-color:#000;text-align:center;}
.view-header h2 {margin:0;padding:0.5em 0 0 0;text-transform:uppercase;font-weight:600;}
.view-display-id-secondary .views-row {padding-left:20px}
.view-display-id-secondary .views-field-field-image {float:right;margin-left: 6px;}
.view-display-id-secondary img {width:564px!important; height:358px!important;}
.view-display-id-secondary .views-field-title {font-size:25px;padding-top:20px;font-weight:600;}
.view-display-id-secondary .views-field-title  a {text-decoration:none;}
.view-display-id-secondary .views-field-body { width:254px; font-size:0.9em }
.view-display-id-secondary .widget_pager {width:294px}
.flourish {width:25px;height:25px;position:absolute;z-index:99}
.flourish-nw {top:0;left:0;background:url('../img/flourish.png') left -25px top -25px no-repeat}
.flourish-ne {top:0;right:0;background:url('../img/flourish.png') right -25px top -25px no-repeat}
.flourish-sw {bottom:0;right:0;background:url('../img/flourish.png') right -25px bottom -25px no-repeat}
.flourish-se {bottom:0;left:0;background:url('../img/flourish.png') left -25px bottom -25px no-repeat}

#block-views-img4-img4 {clear:both;}
.view-display-id-img4 .views-row, .view-id-media_page .views-row {float:left;margin: 0 24px 12px 0;}
.view-display-id-img4 .views-row:nth-child(4n), .view-display-id-img4 .views-row:last-child,
.view-id-media_page .views-row:nth-child(4n), .view-id-media_page .views-row:last-child {margin:0;}
.view-display-id-img4 .content, .view-id-media_page .content {text-align:center;width:268px;height:267px;border:1px solid #2D5F6C;overflow:hidden}
.view-display-id-img4 .content img, .view-id-media_page .content img {width:100%!important;height:auto!important}
.view-display-id-img4 .item-list .pager li {margin:0;opacity:1;display:inline-block;}
.view-display-id-img4 .item-list .pager li a {opacity:0.5}
.view-display-id-img4 .pager-next, .view-display-id-img4 .pager-last {display:none!important;}
.file-video {background-color: #000}

#block-views-vid2-vid2 {clear:both;}
.view-display-id-vid2 .views-row{float:left;margin: 0 28px 12px 0;background-color: #000;}
.view-display-id-vid2 .views-row:nth-child(2n), .view-display-id-vid2 .views-row:last-child {margin:0;}
.view-display-id-vid2 .content {text-align:center;width:560px;max-height:315px;border:1px solid #2D5F6C;overflow:hidden}

.view-id-media_page video {
margin:0 auto;

}
.view-display-id-vid2 video {
margin:0 auto;
  width: auto   !important;
  height: 272px   !important;
}
#cboxOverlay{background-color:#222!important;}
.playicon {    background: transparent url('../img/play.svg') no-repeat scroll center center / 16% auto;
    display: block;
    height: 100%;
    width: 100%;}

/* news view page */
.view-news .views-row {border:1px solid #2D5F6C;clear:both;margin:12px 0 6px}
.view-news .views-field-created {float:right;margin:6px 12px;font-size:0.8em; color:#E8F2F4}
.view-news .views-field-title {background-color:#000;padding:6px 12px;}
.view-news .views-field-field-image {float:left;padding:12px}
.view-news p {margin:6px 12px;}
.view-news .views-field-body:after{display:block;content:" ";clear:both;}

/* easy social block */
.node .submitted {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.node .submitted .social {
}

.easy_social_box {
    display:flex;
    height: 20px;
    height:20px;
    overflow:hidden;
}

.easy_social_box .easy_social-widget {
  margin: 0 4px 0 0;
  padding: 0;
  height: 20px;
  overflow: hidden;
}

.easy_social_box div.easy_social-widget.last {
  margin-right: 0;
}

.easy_social-widget-facebook .fb-like > span {
    vertical-align: unset !important;
}

/*
div.easy_social_box.vertical {
  height: 68px;
}

.easy_social_box.vertical div.easy_social-widget {
  width: 59px;
  height: 62px;
}

.easy_social_box.vertical div.easy_social-widget.easy_social-widget-facebook {
  width: 59px;
}
*/

/*
.easy_social-widget-facebook {margin-top:-41px!important;}
_:-ms-lang(x), .easy_social-widget-facebook {margin-top:-20px!important;}

.easy_social_box.vertical .easy_social-widget.easy_social-widget-facebook
{
    margin-top: -2px !important;
}
.easy_social_box.vertical .easy_social-widget.easy_social-widget-twitter
{
    width: 60px !important;
}

.node .easy_social_box.vertical
{
    top: -33px;
}
*/

/* articles */
.node-type-article #content {float:left;width:750px}
.node-type-article #sidebar-second {float:right;width:368px}
.submitted {border:1px solid #2D5F6C; background-color:#1C2D32;padding:6px 12px;}
.node-article .content {margin-bottom:2em;position:relative}
.node-article .content img {max-width:100%;height:auto;margin: 1em;display:block;margin: 0.25em auto}

.field-name-field-media .even, .field-name-field-medias .even {float:left}
.field-name-field-media .odd, .field-name-field-medias .odd {float:right}

.node-article .content p:first-child{font-weight:bold;}

.node-article table, .node-article td, .node-article tbody {border-color:#2b5e57;font-size: 0.9rem;}
.node-article td {padding:0.5em 1em;}
.node-article tr:nth-child(2n-1){background-color:#000}

.node-article .content li {
    list-style-image: url('../img/li.png');
}

/* discord block specific */
.discord-iframe
{
    margin-top: -44px;
    height: 300px;
    width: 270px;
}


/* blog posts */
.node-type-enterprise-blog #content {float:left;width:750px}
.node-type-enterprise-blog #sidebar-first {float:right;width:368px}
.node-type-enterprise-blog #sidebar-second {float:right;width:368px}

.node-enterprise-blog .content {margin-bottom:2em;position:relative}
.node-enterprise-blog .content img {max-width:100%;height:auto;margin: 1em;display:block;margin: 0.25em auto}
.node-enterprise-blog .content p:first-child{font-weight:bold;}

.node-enterprise-blog table, .node-article td, .node-article tbody {border-color:#2b5e57;font-size: 0.9rem;}
.node-enterprise-blog td {padding:0.5em 1em;}
.node-enterprise-blog tr:nth-child(2n-1){background-color:#000}

/* blog posts in view */
.views-row .node-enterprise-blog .content, .page-taxonomy-term .node-enterprise-blog.content
{
    margin: 0;
}

/* blog posts in block */
.views-row .block-view-blog
{
    margin: 2px;
}

.block-view-blog .mini-img img {
    vertical-align: text-top;
    display: inline-block;
    padding-left: 8px;
}

.block-view-blog .views-field-created {
    font-size: 13px;
    display: block;
    padding-left: 84px;
    margin-top: -28px;
    margin-bottom: 10px;
}

.block-view-blog .views-field-title {
    display: inline-block;
    padding-left: 10px;
    padding-top: 4px;
}

.block-view-blog {
    margin-bottom: 4px;
}

#block-views-devblog-view-block-1
{
    border: 1px solid #438A9D;
    font-size: 15px;
    background-color: #1c2d32;
    color: rgba(55, 113, 129, 1);
    margin-bottom: 30px;
    margin-top: -5px;
}
#block-views-devblog-view-block-1 h2 {
    color: #fff;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 6px;
    background-color: rgba(45, 95, 108, 0.25);
    margin-bottom: 4px;
}

#block-views-devblog-view-block-2 { border: 1px solid #438A9D; font-size:14px; background-color:#1C2D32; color: #438A9D; margin-bottom:10px}
#block-views-devblog-view-block-2 h2 {padding:12px;background-color:#000;color:#fff;margin:0;display:block;text-align:left;}

/* blog navigation block */
#block-menu-menu-team-blogs {border: 1px solid #438A9D;font-size:14px; background-color:#1C2D32; color:#438A9D; margin-bottom:10px}

#block-menu-menu-team-blogs h2 {
    padding: 6px;
    background-color: rgba(45, 95, 108, 0.25);
    color: #fff;
    margin: 0;
    display: block;
    text-align: center;
}

#block-menu-menu-team-blogs ul {padding:0 0 0 12px;}
#block-menu-menu-team-blogs li {margin:0;list-style-type:none;list-style-image:none;}

.blog-post-teaser .node-teaser .field-item img {margin:16px !important}


/* polls */
.views-row .node-poll h2, .views-row .node-advpoll h2 {
    font-size: smaller;
    text-align: right;
    padding: 2px;
    padding-right: 36px;
    background: url("../img/link-active.png") no-repeat 98% 55%;
    margin-right: 0px;
}

.views-row .node-poll .content, .views-row .node-advpoll .content
{
    padding: 10px;
}

/* note: it hides the submitted part from all teasers in views. Make it poll-specific if needed */
.views-row  .node-teaser .submitted
{
    display: none;
}

.poll
{
    padding-top: 10px;
}

.poll .bar .foreground, .poll-bar .bar .foreground {
    background-color: rgba(218, 165, 32, 1);
    height: 0.8em;
    padding: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    float: left;
}

.poll .percent, .poll-bar .percent {
    text-align: right;
    font-size: small;
    font-weight: bold;
}

.poll .bar, .poll-bar .bar {
    height: 1em;
    margin: 1px 0;
    background-color: rgba(41, 84, 96, 1);
}

.poll .poll-message {
    font-weight: bold;
    margin: 10px 0px;
    text-align: center;
}

/* full page view */
.content .node-advpoll .content {
    padding: 10px;
}

/* if results are not available before XY */
.content .poll-noresult p {
    text-align: center;
    font-weight: bold;
    color: #438a9d;
    border-color: rgba(41, 84, 96, 1);
    border-style: dashed;
    border-width: 1px;
}

.poll-noresult .poll-message {
    padding-left: 10px;
    padding-bottom: 10px;
}

/* borda / draggable polls */
.advpoll-ranking-wrapper {
    padding: 10px;
}

.advpoll-ranking-wrapper th {
    border-bottom: 3px solid rgba(41, 84, 96, 1);
    padding: 6px;
    color: #438a9d;
}

.advpoll-ranking-wrapper div input {
    margin-top: 10px;
    margin: auto;
    text-align: center;
    display: block;
}

.advpoll-ranking-wrapper table {
    border-width: 0px;
    width: 90%;
    margin: auto;
}

.advpoll-ranking-wrapper .draggable
{
    border-color: rgba(41, 84, 96, 1);
    border-width: 1px;
    border-style: dashed;
    margin: 10px;
    display: block;
}

.advpoll-ranking-wrapper a.tabledrag-handle .handle
{
    background: url("../img/draggable.png") no-repeat 6px 11px !important;
}

.advpoll-ranking-wrapper a.tabledrag-handle-hover .handle
{
    background-position: 6px -9px !important;
}



/* custom checkboxes for poll choices */
input[type=radio].form-radio
{
    opacity: 0;
}

input[type=radio].form-radio + label {
    background-image: url("../img/rad-off.png");
    display: inline;
    padding: 0 0 0 0px;
    margin-left: -10px;
    padding-left: 24px;
    line-height: 1em;
    background-repeat: no-repeat;
    background-position: left;
    vertical-align: middle;
    cursor: pointer;
}

input[type=radio]:checked.form-radio + label
{
    background: url("../img/rad-on.png") no-repeat left;
}


/* custom li classes */
.node-enterprise-blog .content li {
    list-style-image: url("../img/li.png");
}

.node-enterprise-blog .content ol li{
    list-style-image: url("../img/li-shield.png");
}

/* ul */
.footer-useful {
    line-height: 1.66em;
    margin-top: 0px;
    list-style-type: none;
    padding: 0;
}

/* basic pages */
blockquote {    background:transparent url("../img/blockquote.png") no-repeat scroll 0.5em 0.5em;
    color: #cfdce2;
    font-weight: 300 !important;
    margin: 1em 0;
    padding: 0 4.5em;}
blockquote p {font-weight:300!important}
blockquote:after {
    background: transparent url("../img/blockquote.png") no-repeat scroll right 0;
    content: " ";
    display: block;
    height: 65px;
}
hr{border-color:#2d5f6c;border-style: dashed;}

.node-article .box {
    background-color: #000;
    border: 1px solid #2d5f6c;
    margin: 1em 0;
    padding: 1em;
}

/* comments */
#comments{clear:both;}
.comment h3 {background-color:#000;margin-bottom:0;border:1px solid #2D5F6C; border-bottom:0;padding:6px 12px}
.comment .submitted {
    color:#E8F2F4;
    justify-content: normal;
}
.comment .submitted .permalink {display:none}
.comment .content {border:1px solid #2D5F6C; border-top:0;padding:6px 12px;}
.comment .content p:first-child{margin-top:0;}

.comment-form fieldset
{
    border:0;
}

/* forums */
.page-forum #content, .node-type-forum #content {float:right;width:858px}
.page-forum #sidebar-first, .node-type-forum #sidebar-first {float:left;width:270px}
.page-forum #page-title {display:none;}
.page-forum- #page-title {display:block;}

#forum {background-color:#000;border:1px solid #2D5F6C;overflow: hidden;}
#forum table, #forum tr, .forum-table tr {background-color:#1C2D32;color:#fff;border-color:#2D5F6C;border:1px solid #2D5F6C;border-width: 0 0 1px;}
#forum thead th, .forum-table thead th {background-color:#000;text-align:center;padding:0.5em;border-right:1px solid #2d5f6c; border-bottom: inherit;}
#forum td, .forum-table td {border-right:1px solid #2d5f6c;padding-left:0.5em}
#forum td:first-child, .forum-table td:first-child{padding:0}
#forum table a {color:#FFC103;text-decoration:none}


#forum-statistics, .forum-table-superheader {display:none;}

.forum-tools {margin-right:24px; }
.forum-list-icon-legend  {margin-left:13px;}

.forum-list-legend-item {clear:left;margin-bottom:6px}
.forum-list-icon-legend .forum-list-icon-wrapper span {float:left;width:25px;height:25px; margin: 0 12px 0 0;}

/* forum icons */
#forum span.forum-list-icon-default, #forum td.forum-list-icon-default .forum-list-icon-wrapper span {background: transparent url('../img/forum/no-new.png') center center no-repeat;}
#forum span.forum-list-icon-new-posts, #forum td.forum-list-icon-new-posts .forum-list-icon-wrapper span {background: transparent url('../img/forum/new.png') center center no-repeat;}

.topic-icon-new {background:transparent url('../img/forum_sprites_v.png') 2px -20px no-repeat}
.topic-icon-default {background:transparent url('../img/forum_sprites_v.png') 3px 6px no-repeat}
.topic-icon-hot-new {background:transparent url('../img/forum_sprites_v.png') 3px -215px no-repeat}
.topic-icon-hot {background:transparent url('../img/forum_sprites_v.png') 3px -188px no-repeat}
.topic-icon-sticky {background:transparent url('../img/forum_sprites_v.png') 3px -271px no-repeat}
.topic-icon-closed {background:transparent url('../img/forum_sprites_v.png') 3px -243px no-repeat}

.forum-node-create-links {width:830px!important;text-align:center;padding:12px;border-bottom:1px solid #2D5F6C}
.af-button-large {display:block;width: 825px;}

.forum-table {width:100%;border:1px solid #2D5F6C;}
.forum-table td.active, .forum-table tr.even, .forum-table tr.odd {background-color:inherit;}
.forum-table-topics {margin-bottom:0}
#forum-sort,.forum-tools {float:right;clear:right;margin:12px 24px 0 0}

.forum-topic-legend {margin-left:13px;margin-bottom: 30px;}
.forum-topic-legend div {padding-left:33px}
.topic-icon {margin: 0 13px;}

.forum-post {border:1px solid #2D5F6C;}
.forum-post-info {background-color:#000;padding:0.5em}
.forum-post-wrapper {background-color:#1C2D32;}
.forum-post-panel-main {    background-color: #E8F2F4;    border-radius: 5px;}
.forum-post-title {padding:6px 12px;color:#627378;border-bottom:1px solid #78aab7;}
.forum-post-panel-main .forum-post-content  {padding: 0 12px 6px 12px; color:#000;}

/* CK overrides */
cite:before
{
    content:open-quote;
}
cite:after
{
    content:close-quote;
}
cite
{
    background: transparent url("../img/cited.png") no-repeat scroll 0.0em 0.2em;
    color: rgba(67, 138, 157, 1);
    padding-left: 20px;
    display: inline-block;
}

/* topic tags in edit view */
.form-item-field-topic-tags-und #edit-field-topic-tags-und .form-type-checkbox {
    display: inline-block!important;
    padding-right: 20px!important;
}

/* topic tags in post */
.field-name-field-topic-tags .field-item {
    display: inline-block;
    padding: 1px 3px;
}

.field-name-field-topic-tags .field-item a {
    padding: 1px 5px 1px 4px;
    border-radius: 5px!important;
    color: #e8f2f4!important;
    background-color: #2d5f6c!important;
    font-size: 0.8em;
}

.field-name-field-topic-tags .field-item a:hover {
    background-color: #ffc103;
    color: #2d5f6c!important;
}

.field-name-field-topic-tags .field-items {
    text-align: right;
    width: 100%;
}

/* topic tags in forum layouts */
.forum-tag-item a {
    padding: 0px 5px 0px 4px;
    border-radius: 5px!important;
    color: #e8f2f4!important;
    background-color: #2d5f6c;
    font-size: 0.8em;
    margin: 0px 0px 0px 0px;
}

.forum-tag-item a:hover {
    background-color: #ffc103;
    color: #2d5f6c!important;
}

/* "forums" tag in forum topic teaser */
.node-teaser .content .field-name-taxonomy-forums {
    float: right;
    margin-top: -30px;
    padding-right: 10px;
}

/* field.css override/expanded style for tags in teasers */
.field-label-inline .field-label, .field-label-inline .field-items
{
    padding-left: 8px;
}



.form-textarea-wrapper textarea, .form-item-subject input {
    border-radius: 7px;
    background-color:#E8F2F4;
    margin-bottom:1em;padding:0.5em 10px;width:730px
    }
.form-type-select select {    border-radius: 3px!important;   background-color:#E8F2F4!important;margin:0 0.5em!important;font-size: 0.9rem!important;}
.form-type-select select option {padding: 0.24em 0.75em!important;}
.form-type-select select option :hover{background-color:#fff!important;}
.form-item-subject input{width:707px;}
input[type=submit], a.fake-button, .field-type-taxonomy-term-reference a{color:#000!important;text-decoration:none;background-color:#ffc103!important;border-radius:3px!important;border:none;font-weight:600;text-transform:uppercase;padding:0.25em 0.75em;margin:0 0.5em;font-size: 0.9rem;cursor:pointer;min-height: 34px;}
input[type=submit]:hover, a.fake-button:hover, .field-type-taxonomy-term-reference a:hover{background-color:#FFE928!important;}
a.fake-button {text-decoration:none;color:#000;padding: 0.5em;}
.field-type-taxonomy-term-reference a {margin:0;padding:0 0.25em;}
.grippie{border-width:0!important;height:0!important}

/* tabs */
#content .tabs {padding:0;background-color:#1C2D32;color:#2D5F6C;border-color:#2D5F6C;border-bottom:0}
#content .tabs ul {margin:0;}
#content .tabs li {float:left;}
#content .tabs li a {margin:0;background-color:#1C2D32;border:1px solid #2D5F6C;font-weight:bold;text-transform:uppercase;font-size:14px;}
#content .tabs li.active a {color:#000;background-color:#FFC103;}
.tabs a {display:inline-block;padding:1.25em!important}
#content .tabs ul:after{content:" ";clear:both;display:block}

/* your turn poll on articles (sidebar) */
#block-views-advpoll-yourturn-block {
    margin-left: 22px;
    padding: 0px;
}

#block-views-advpoll-yourturn-block .content {
    border: #ffc103 1px solid;
    padding: 10px;
    text-align: justify;
}

/* your turn poll - shared classes */
#block-views-advpoll-all-active-polls-block h2, #block-views-advpoll-yourturn-block h2 {
    color: #438a9d;
    margin-bottom: 1px;
    margin-top: 0px;
}

#block-views-advpoll-all-active-polls-block .content .view-content .field-content a, #block-views-advpoll-yourturn-block .field-content a {
    font-weight: bold;
    color: #ffc103;
    text-decoration: none;
    background: url("../img/link-active.png") no-repeat 98% 55%;
    padding-right: 32px;
}

#block-views-advpoll-all-active-polls-block .content .view-content .field-content p, #block-views-advpoll-yourturn-block p {
    margin-bottom: 2px;
    margin-top: 6px;
}


/* your turn poll on forum (highlight) */
#block-views-advpoll-all-active-polls-block .content {
    background-color: rgba(28, 44, 49, 0.66);
    padding: 4px;
    margin: 0px;
    border-color: #FFC103;
    border-width: 1px;
    border-style: solid;
}

#block-views-advpoll-all-active-polls-block .content .view-content {
    padding-left: 6px;
    padding-right: 6px;
}

#block-views-advpoll-all-active-polls-block {
    margin-bottom: 12px;
}


#block-system-navigation {border: 1px solid #438A9D;font-size:14px; background-color:#1C2D32; color:#438A9D}
#block-system-navigation h2 {padding:12px;background-color:#000;color:#fff;margin:0;display:block;text-align:left;}
#block-system-navigation ul {padding:0 0 0 12px;}
#block-system-navigation li {margin:0;list-style-type:none;list-style-image:none;}

#footer {background-color:#181D1E; color:#676567;margin-top:2em;}
#footer .section {padding:2em 0}

#footer a, #copyright a {color:#FFC103;text-decoration:none;}

#copyright {text-align:center;margin:2em 0;color:#676567;}

#footer .copyright { }

#footer .col {
    float: left;
    margin: 0 0 0 0;
    min-height: 74px
}
#footer .cx1 .contents { width:auto;}
#footer .cx2 .contents { width:auto;}
#footer .cx3 .contents { width:auto;}
#footer .cx4 .contents { width:auto;}

#footer .cx1 {
    width: 74px;
}

#footer .cx2 {
    width: 110px;
    margin-right: 105px;
}

#footer .cx3 {
    width: 270px;
}

#footer .cx4 {
    width: 368px;
}

#footer .col1
{
    margin-right: 24px;
}
#footer .cols .col:last-child{margin-right:0; }

.footer-logo div { max-height: 72px; }

.footer-logo img
{
    max-height: 72px;
    margin-left: -9px;
}

/* mailchimp */
#mc_embed_signup {
    margin-left:12px;
}
#mc_embed_signup input.email { width:329px!important}
#mc_embed_signup input.button{ width:341px!important}
#block-block-8 {padding-top:1em;}

/* drupal overrides */
.node-unpublished {
    background-color: transparent;
}

tr.even, tr.odd {background-color:inherit;}

.forum-post-wrapper .author-pane .user-picture
{
    margin-top: 15px;
}

.forum-post-wrapper .author-role
{
    font-size: 0.8em;
    text-align:center;

    display: inline-block;
    border-radius: 7px!important;
    padding: 1px 6px 1px 6px;
}
.role-administrator
{
    color: #2d5f6c;
    background-color: #ffc103;
}
.role-staff
{
    color: #FFC103;
    background-color: #e8f2f4;
}

.role-vanguard
{
    color: #2d5f6c;
    background-color: #e1e8ed;
}
.role-player
{
    color: gray;
    background-color: #e1e8ed;
}

.profile .role
{
    text-align:center;
    vertical-align: center;
    display: inline-flex;
    align-items: center;
    align-content: center;
    border-radius: 7px!important;
    padding: 1px 6px 1px 6px;
}

/* pager overrides for devblog views */
.view-devblog-view .item-list .pager .pager-current {
    font-weight: bold;
    color: #e8f2f4;
}

.view-devblog-view .item-list .pager {
    padding-top: 1em;
}

.view-devblog-view .item-list .pager li {
    font-size: 14px;
    background-color: #1f444e;
    padding: 2px 5px 2px 5px !important;
    border-radius: 6px;
    /* border-color: #438a9d; */
    /* border-width: 1px; */
    /* border-style: inset; */
    margin: 0 0.20em !important;
}

/* wysiwyg image styles */

.cke_editable img.file-quarter-hero {
    width: 270px;
    height: 270px;
}
.cke_editable img.file-half-hero {
    width: 564px;
    height: 368px;
}
.cke_editable img.file-hero {
    width: 1152px;
    height: 370px;
}
.cke_editable img.file-article-half {
    width: 368px;
    height: 368px;
}
.cke_editable img.file-teaser {
    width: 220px;
    height: 220px;
}
.cke_editable img.file-preview {
    width: 100px;
    height: 100px;
}
/* /wysiwyg */

/* eu cookie popup */

#sliding-popup .popup-content #popup-text h2
{
    color: #FFC103 !important;
}

#sliding-popup .popup-content #popup-buttons{
    font-family: 'Open Sans';
    text-shadow: none;
}

#sliding-popup .popup-content #popup-buttons .find-more-button
{
    color: #fff;
    transition: color 0.25s;
    border: none;
    border: none;
    background: none;
    padding: 0;
    font-size: inherit;
    box-shadow: none;
    text-shadow: none;
    font-weight: normal;
}

#sliding-popup .popup-content #popup-buttons .find-more-button:hover {
    color:#FFC103;
    background: none;
}

#sliding-popup .popup-content #popup-buttons .agree-button
{
    color:#000!important;
    text-decoration:none;
    background-color:#ffc103!important;
    border-radius:3px!important;
    border:none;
    font-weight:600;
    text-transform:uppercase;
    padding:0.25em 0.75em;
    margin:0 0.5em;
    font-size: 0.9rem;
    cursor:pointer;
    min-height: 34px;

    background-image:none;
    box-shadow: none;
    text-shadow: none;
    margin-top: 1em;
}
#sliding-popup .popup-content #popup-buttons .agree-button:hover
{
    background-color:#FFE928!important;
    background-image: none;
}

/* /eu cookie popup */

/* tagclouds */
.wrapper.tagclouds {
    text-align: justify;
    margin-right: 1em;
}

.block-tagclouds {
    margin-top: 10px;
    border: 1px solid #438A9D;
    font-size: 14px;
    background-color: #1C2D32;
    color: #438A9D;
}

    .block-tagclouds h2 {
        padding: 0.5em 0.5em 0.5em 0.8em !important;
        background-color: #000;
        color: #fff;
        margin: 0;
        display: block;
        text-align: left;
    }

    .block-tagclouds .content {
        padding: 5px 10px 5px 10px;
        line-height: 1.8em;
        text-align: center;
    }

/* tags */

.tagclouds {
    padding: 1px 3px 1px 3px;
    border-radius: 0.5em !important;
    color: #e8f2f4 !important;
    background-color: #2d5f6c !important;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

    .tagclouds:hover {
        background-color: #ffc103 !important;
        color: #2d5f6c !important;
    }

    .tagclouds.level1 {
        color: #11171d !important;
        font-size: 0.72em;
    }

    .tagclouds.level2 {
        color: #11171d !important;
        font-size: 0.8em;
    }

    .tagclouds.level3 {
        font-size: 0.9em;
    }

    .tagclouds.level4 {
        font-size: 1.0em;
    }

    .tagclouds.level5 {
        font-size: 1.1em;
    }

    .tagclouds.level6 {
        font-size: 1.18em;
    }

    .tagclouds.level7 {
        font-size: 1.25em;
    }

    .tagclouds.level8 {
        font-size: 1.35em;
    }

    .tagclouds.level9 {
        font-size: 1.44em;
    }

    .tagclouds.level10 {
        font-size: 1.55em;
    }
/* /tagclouds */

.krumo-root
{
    color: black;
}

#block-feudums-integration-serverstatus
{
    border: 1px solid #438A9D;
    font-size:14px;
    background-color:#1C2D32;
    color: #438A9D;
    margin-bottom:10px
}
#block-feudums-integration-serverstatus h2
{
    padding:12px;
    background-color:#000;
    color:#fff;
    margin:0;
    display:block;
    text-align:left;
}


.serverstatus-data hr
{
    border: 1px solid #2d5f6c;
    height:0;
}

.serverstatus-list
{
    list-style-type: none;
    padding: 0 20px;
}
.serverstatus-list[aria-label]:not(.serverstatus-list[aria-label=""]).serverstatus-list:before{
    content:attr(aria-label);
    font-size:120%;
    font-weight:bold;
    margin-left: -.5em;
    margin-top: 0;
}

.serverstatus-item
{
    margin:5px;
    word-break: break-word;
    display: flex;
    flex-direction: row;
}
.serverstatus-list .server-name
{
    text-transform: capitalize;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}
.serverstatus-list .serverstatus
{
    display: inline-flex;
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 5px;
    content: "?";
    align-items: center;
    justify-content: center;
    color:black;
    border: 0;
    box-shadow: 3px 3px 10px 0px rgba(140,135,140,0.5);
    margin-top: 1px;
}

.serverstatus-list .serverstatus.serverstatus-0
{
    content: "";
    background-color: #f00;
}
.serverstatus-list .serverstatus.serverstatus-1
{
    content: "";
    background-color: #0f0;
}
.serverstatus-list .serverstatus.serverstatus-unavailable
{
    content: "";
    background-color: grey;
}

.gameaccess-public {
    color: #80BA69;
}
.gameaccess-vip {
    color: #E6CA00;
}
.gameaccess-restricted {
   color: #CC8E4C;
}
.gameaccess-exclusive {
    color:#586376;
}
.gameaccess-personal {
    color:#6DBED6;
}

.profile
{
    color: rgb(255,227,146);
    position:relative;
    clear:both;
}

.profile .user-picture {
    /*float: right;*/
    margin: 0 1em 1em 0;
    position: absolute;
    right: 0;
    top:0;
}

.profile .icons
{
    display: inline-flex !important;
    vertical-align: middle;
    align-items: center;

    /*transform: scale(calc(16 / 32));*/
    backface-visibility: hidden;
}
.profile .visibility
{
    /*transform: scale(calc(10 / 32));*/
    backface-visibility: hidden;
    display:block;

}

.profile .field
{
    display: flex;
    align-content: center;
    vertical-align: middle;
    align-items: center;
    height: 32px;
    margin-bottom: 10px;
}

.profile h3
{
    color: rgb(255,190,0);
    border-bottom: 1px solid rgb(156,124,33);
}

.profile .field-label
{
    color: #3A5E6B;
    text-transform: uppercase;
    font-size: 90%;
    vertical-align: middle;
    align-items:center;
    text-align:center;
    height:24px;
    min-width: 220px;
    position: relative;
    margin-right:10px;
}
.profile .field-label-inline .field-label, .field-label-inline .field-items
{
    line-height: 24px;
    display: inline-flex;
}
.profile .label-text
{
    display:block;
    margin:auto;
}
.profile .visibility
{
    position: absolute;
    right:0;
    /*margin:0 -30px 0 0;*/
}

.profile .field.internal .visibility{
    /*border:1px solid purple;*/
}
.profile .field.private .visibility {
    /*border:1px solid red;*/
    /*filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);*/
}
.profile .field.protected .visibility{
    /*border:1px solid blue;*/
    /*filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.6);*/
}
.profile .field.public .visibility{
    /*border:1px solid green;*/
    /*filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(50deg) saturate(1000%) contrast(0.8);*/
}

.node .submitted .user-picture,
.comment .submitted .user-picture
{
    display: inline-block;
    max-height: 32px;
    max-width: 32px;
    vertical-align: middle;
    /*margin-right: -2px;*/
}

.comment .submitted .user-picture
{
    margin-left:5px;
}

.comment .submitted {
    display: flex;
    align-items: center;
}

.comment .submitted span
{
    margin-left:5px;
    margin-right:5px;
}

.maintenance-page #container {
    width: 819px;
    margin: 1em auto;
    height: 100%;
}

.error-image {
    margin: 3em auto;
    text-align: center;
}

.profile-info
{
    float:left;
    width: 65%;
    min-width: 400px;
}

.profile-achievements {
    float: right;
    min-width: 350px;
    width: 15%;
    /*position:absolute;
    right:0;*/
}

.profile-achievements .tooltip {
    display:none;
}

.user-achievements {

}

.profile-achievements .user-achievements .achievement {
    float: left;
    margin-right: 5px;
    width: 64px;
    height: 64px;
}

.profile-achievements .achievement img {
    max-width: 64px;
    max-height: 64px;
    border-radius: 25%
}

.existing-account-reminder
{
    color: #ff8c00;
}
.reset-password-noemail-reminder
{
    display: inline-block;
    max-width: 30em;
    font-size: smaller;
    color: #ff8c00;
    margin-top: 0;
}


#logo {
    margin-left:-1em;
}

#block-views-homenews-homenews .item-list ul {
    margin:0;
}
#block-views-homenews-homenews .item-list .views-field-field-image
{
    margin-bottom:5px;
}
#block-views-homenews-homenews .item-list .views-row:last-child .views-field-field-image
{
    margin-bottom: 0;
}

.patreon-logo {
    width: 20px;
    height: 20px;
}

.patreon-logo circle {
    fill: #fff;
}

.patreon-logo rect {
    fill: #fff;
}

.patreon-button {
    display: inline-block;
    background-color: #ff424d;
    color: #fff;
    padding: .5rem 1rem .5rem 2rem;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 9999px;
    white-space: nowrap;
    text-align: center;
    background-image: url(img/patreon-logo-white.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 1.75rem center;

    width: 12rem;
}

.patreon-button span {
    padding-left: .5rem;
}

.patreon-button.patreon-brandcolor, .patreon-button-brand{
    background-image: url(img/patreon-logo-brand.svg);
}
.patreon-button.patreon-black, .patreon-button-black {
    background-image: url(img/patreon-logo-black.svg);
}
.patreon-button:hover {
    color: #fff;
    background-color: #CD2D19;
}

#user-login
{
    text-align:center;
}

#page-wrapper
{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
}

#feudums-integration-user-request-activationcode
{
    text-align:center;
}

.page-user-password #content
{
    text-align:center;
}
/*
.page-platform-reset-password #content {
    text-align: center;
}
*/

a.direct-download-link
{
    padding: .5em 1em;
    text-transform: none;
}
.direct-download-checksum
{
    font-size:small;
    margin-top:1em;
    display:block;
}

.steamlogin-notice {
    font-size:smaller;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em;
    color: #ff8c00;
}

#edit-steamlogin {
    background-image: url(/sites/all/themes/custom/feu/img/login_steam.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    font-size: 0;
    width: 180px;
    height: 35px;
    min-height: 0;
    margin: 5px;
    margin-top: 30px;
}

#edit-googlelogin {
    background-image: url(/sites/all/themes/custom/feu/img/login_google.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    font-size: 0;
    width: 180px;
    height: 35px;
    min-height: 0;
    margin: 5px;
    margin-top:30px;
}

/*===qtip2*/
.qtip-link {
  border-bottom: 1px dotted;
  cursor: default;
}

.qtip-tooltip {
  display: none;
}

tr.qtip-default-instance {
  font-weight: bold;
}

/*===feudums-integration*/
.user-picture {
    max-width:100px;
    max-height: 100px;
}
.user-picture img {
    max-width: 100%;
    max-height: 100%;
}

input[readonly]
{
    background-color:lightgray !important;
}

div.form-item.form-type-password-confirm.form-item-pass > div.form-item.form-type-password.form-item-pass-pass2.confirm-parent span.ok
{
    color: #daa520;
}

#feudums-integration-form #edit-group-healthcheck fieldset
{
    padding:0;
}

#feudums-integration-form #edit-group-healthcheck fieldset .form-item
{
    display:inline-block;
}