/* Desktop XL */
/* Thanks to pl.nsf.wikia.com for this */
@media only screen and (min-width:1596px) {
    .WikiaUserPagesHeader {
        margin-left: -30px !important;
        margin-right: -30px !important;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -30px !important;
        margin-right: -30px !important;
    }
    
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 205px !important;
    }
}

/* Desktop */
@media only screen and (min-width:1084px) and (max-width:1595px) {
    .WikiaUserPagesHeader {
        margin-left: -20px !important;
        margin-right: -20px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -20px !important;
        margin-right: -20px !important;
    }
    
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 195px !important;
    }
}

/* Tablet Landscape */
@media only screen and (min-width:1024px) and (max-width:1083px) {
    .WikiaUserPagesHeader {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }
    
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 185px !important;
    }
}

/* Tablet Portrait */
@media only screen and (max-width:1023px) {
    .WikiaUserPagesHeader {
        margin-left: -24px !important;
        margin-right: -24px !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .UserProfileMasthead .masthead-info {
        margin-left: -24px !important;
        margin-right: -24px !important;
    }
    
    .UserProfileMasthead .masthead-info hgroup,
    .UserProfileMasthead .masthead-info-lower {
        padding-left: 199px !important;
    }
}
.WikiaUserPagesHeader {
    padding-top: 0;
    background: rgba(128, 128, 128, .07);
    margin-bottom: 18px
}
.UserProfileMasthead {
    padding: 0;
}
.UserProfileMasthead .masthead-avatar {
    z-index: 1;
    left: 0px;
}
.avatar,
.User img {
    border-radius: 50%;
    border: 2px solid #484848;
}
.UserProfileMasthead .masthead-avatar .avatar {
    border: none;
}
.UserProfileMasthead .masthead-info {
    background: none;
    box-shadow: none;
    margin-left: 0;
    margin-bottom: 0;
}
.UserProfileMasthead .masthead-info hgroup {
    background-image: none;
    border-radius: 0;
}
.UserProfileMasthead .masthead-info h2 {
    margin-right: 5px;
}
.UserProfileMasthead .masthead-info .tag {
	background: #991300;
    font-size: 13px;
    border-radius: 0;
	font-weight: bold;
}
.UserProfileMasthead .masthead-info-lower:before {
    display: none;
}

/* Zakładki */
.WikiaUserPagesHeader .tabs {
    display: flex;
    flex-direction: row;
    border-bottom: none;
}
.WikiaUserPagesHeader .tabs li {
    border-bottom: 4px solid ;
    color: #999;
    cursor: pointer;
    float: left;
    font-size: .875rem;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    flex: 1 auto;
    margin: 0;
    transition: filter 0.25s ease-out
}

.WikiaUserPagesHeader .tabs li:hover {
    filter: brightness(1.3)
}
.WikiaUserPagesHeader .tabs li a {
    color: inherit;
}
.WikiaUserPagesHeader .tabs li:hover a {
    text-decoration: none;
} 
.WikiaUserPagesHeader .tabs li.selected {
    border-bottom: 4px solid #991300;
    color: #991300;
}
.WikiaUserPagesHeader .tabs li.selected a {
    border: none;
    background: none;
    color: inherit;
}


/* Animacje przycisków "edytuj" */
#userIdentityBoxEdit::before, #userAvatarEdit::before {
    content: url("data:image/svg+xml; utf8, <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 18 18\" class=\"wds-icon wds-icon-small\" id=\"wds-icons-pencil-small\" style=\"fill: white\"><path d=\"M9.1 4.5l-7.8 7.8c-.2.2-.3.4-.3.7v3c0 .6.4 1 1 1h3c.3 0 .5-.1.7-.3l7.8-7.8-4.4-4.4zm7.6-.2l-3-3c-.4-.4-1-.4-1.4 0l-1.8 1.8 4.4 4.4 1.8-1.8c.4-.4.4-1 0-1.4z\" fill-rule=\"evenodd\"></path></svg>");
    margin-right: 5px;
}

#userIdentityBoxEdit, #userAvatarEdit {
    vertical-align: top;
    text-transform: uppercase;
    font-weight: bold;
}

.UserProfileMasthead .user-identity-box-edit  #wds-icons-pencil,
.UserProfileMasthead .avatar-controls .edit-pencil {
    display: none;
}

.UserProfileMasthead .masthead-info .user-identity-box-edit {
    display: block;
    transition: opacity 0.15s ease-out;
    opacity: 0;
}

.UserProfileMasthead .masthead-avatar span {
    text-align: center;
    float: left;
    width: 100%;
}

.UserProfileMasthead .masthead-avatar .avatar-controls {
    display: block;
    transition: opacity 0.15s ease-out;
    opacity: 0;
    float: left;
    width: 100%;
    margin-top: 5px
}

.UserProfileMasthead .masthead-info:hover .user-identity-box-edit,
.UserProfileMasthead .masthead-avatar:hover .avatar-controls {
    display: block;
    opacity: 1
}

/* Przycisk edycji profilu */
.UserProfileMasthead .masthead-info hgroup {
    overflow: visible;
}

.UserProfileMasthead .wds-dropdown__content {
    background-color: #313131;
    border-color: #484848;
    color: #D5D4D4
}

.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li > a {
    color: #D5D4D4
}

.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li:hover > a {
    background-color: rgba(112,184,255,0.1);
    color: #70b8ff
}

.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
    background-color: #313131;
    border-color: #484848;
    color: #D5D4D4
}

.UserProfileMasthead .wds-dropdown::after {
    border-bottom-color: #313131
}

.UserProfileMasthead .wds-dropdown::before {
    border-bottom-color: #484848
}

.UserProfileMasthead button {
    background-image: none
}

.UserProfileMasthead .wds-button.wds-is-secondary {
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

.UserProfileMasthead .wds-button.wds-is-secondary:focus:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:hover:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:active,
.UserProfileMasthead .wds-button.wds-is-secondary.wds-is-active {
    background-color: transparent;
    border-color: #cac6c6;
    color: #cac6c6
}

.UserProfileMasthead .wds-button.wds-is-text {
    background-color: transparent;
    color: #D5D4D4
}

.UserProfileMasthead .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
    border-left-color: transparent;
}

/* Tablice wiadomości */
.Board .SpeechBubble.message-main {
    border-left: 3px solid  #250000 !important;
    padding: 0 0 0 5px !important;
    margin-top: 15px !important;
    margin-bottom: 30px !important;
}

.Board .SpeechBubble .speech-bubble-message {
    margin-left: 0;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
}

.Board .SpeechBubble.message-main > .speech-bubble-message,
.Board .SpeechBubble.new-message .speech-bubble-message {
    background: rgba(37, 0, 0, 0.75) !important;
    color: #fff;
}

.Board .SpeechBubble.message-main > .speech-bubble-avatar img,
.Board .SpeechBubble.new-message .speech-bubble-avatar img {
    width: 32px;
    height: 32px;
    margin: 10px;
    z-index: 2;
}

.Board .replies > li {
    padding-left: 20px;
}

.Board .SpeechBubble .speech-bubble-message:after {
    display: none;
}

.Board .SpeechBubble > .replies {
    margin-left: 0 !important;
}

.Board .edited-by {
    margin-top: 0;
    margin-bottom: 6px;
}

.Board .deleteorremove-bubble {
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    padding-left: 10px;
}

.Board .deleteorremove-bubble .avatar {
    height: 30px;
    width: 30px;
    margin: 0 !important;
}

.Board .deleteorremove-bubble img {
    border: none;
}

.Board .edited-by:after {
    content: none;
}

.Board .deleteorremove-bubble .message {
    margin-left: 50px;
}

.Board .SpeechBubble .speech-bubble-message .buttons {
    display: block !important;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.Board .SpeechBubble .speech-bubble-message:hover .buttons {
    opacity: 1;
}

.Board .SpeechBubble .wikia-menu-button,
.Board .SpeechBubble button {
    background-color: transparent;
    border: 1px solid  #D3D2D2;
    color: #D3D2D2;
    font-weight: normal;
    transition: border-color 0.2s, color 0.2s;
    border-radius: 0;
    font-size: 10px;
    height: 20px
}

.Board .SpeechBubble .wikia-menu-button:hover, 
.Board .SpeechBubble .wikia-menu-button.active,
.Board .SpeechBubble button:hover {
    background-color: transparent !important;
    border: 1px solid darkred;
    color: white;
    font-weight:bold;
}

.Board .SpeechBubble .wikia-menu-button::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron" id="wds-icons-dropdown-tiny"><path d="M6 9l4-5H2" fill="#fff" fill-rule="evenodd"></path></svg>');
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.Board .SpeechBubble .wikia-menu-button:hover::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron" id="wds-icons-dropdown-tiny"><path d="M6 9l4-5H2" fill="#ff6685" fill-rule="evenodd"></path></svg>');
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button,
.Board .SpeechBubble.message-main > .speech-bubble-message button,
.Board .SpeechBubble.new-message button {
    border: 1px solid #fff;
    color: #fff;
}

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button:hover,
.Board .SpeechBubble.message-main > .speech-bubble-message button:hover,
.Board .SpeechBubble.new-message button:hover {
    border: 1px solid #D3D2D2;
    color: #D3D2D2;
}

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron" id="wds-icons-dropdown-tiny"><path d="M6 9l4-5H2" fill="#fff" fill-rule="evenodd"></path></svg>');
}

.Board .SpeechBubble.message-main > .speech-bubble-message .wikia-menu-button:hover::after {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" class="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron" id="wds-icons-dropdown-tiny"><path d="M6 9l4-5H2" fill="#D3D2D2" fill-rule="evenodd"></path></svg>');
}

.Board .SpeechBubble .wikia-menu-button .drop {
    display: none;
}

.Board .deleteorremove-infobox {
    background: rgba(34, 34, 34, 0.75);
    margin: 0 !important;
}

.Board .SpeechBubble .load-more {
    margin: 0;
}

.Board .new-message textarea.title {
    margin-left: 50px;
    width: calc(100% - 50px);
    height: 36px;
}

.Board .speech-bubble-message .buttons ul {
    border: 1px solid darkred;
}

.Board .speech-bubble-message .buttons ul li a {
    padding: 2px 5px;
}

.Board .SpeechBubble.message-main > .speech-bubble-message .msg-title {
    line-height: initial;
}

.Board .SpeechBubble.message-main > .speech-bubble-message .msg-title a {
    font-size: 18px;
    color: #fff !important;
}

.Board .SpeechBubble.message-main > .speech-bubble-message .edited-by {
    font-size: 12px;
}

.Board .MiniEditorWrapper .editarea textarea {
    background: rgba(34, 34, 34, 0.75) !important;
}

.Board .MiniEditorWrapper .toolbar .cke_button > a {
    border-radius: 0;
}

.Wall .new-reply {
    margin-bottom: 10px !important;
}

.Wall .save-edit {
	margin-bottom: 26px;
	margin-top: 0;
}