/* 
Theme Name: drd-hive
Author: Emerald Dragon
Theme URI: https://www.dragonrealmsdesigns.com/wp-content/themes/drd-hive
Description: Hive FREE is a Dark color theme with honey bee hive concept background in mind. This theme is best suited for gamer theme, but can be modify to fit any other concept. Only header and background images needs to be changed to customize to the clan needs. A retro responsive design that gives your blog a late 2000s look. Built on Green Park, a theme from the late 2000s, Chroma Park added features not present in Green Park, now Chroma Park has been the base for the creation of Dragon Realm Designs's theme -- Get Hive Premium Theme -- Premium Theme features several optional sidebars, center blocks, and top/bottom blocks. PHP 7.3 or above (May work on lower, but have not done extensive testing). HTML5, CSS3 Styling, and Cross-browser compatible. Theme features several optional sidebars on the left, and on the right, as well as, center content blocks(5 left side, 5 right side, 5 center and a top and bottombox) and 2 header menus, one is a part of the design and can be changed in the customizer. Has a footer text box editable in the customizer as well.
Author URI: https://www.dragonrealmsdesigns.com/
Version: 1.5
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 7.0
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, three-columns, two-columns, one-column, left-sidebar, right-sidebar, custom-menu, custom-header, custom-background, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: drd-hive
*/


/*

Contents:
0) Explicit reset
1) Body setup
2) Header & footer setup
3) Common elements
4) Widget elements
5) Content
5a) Pre-content
5b) Content elements
5c) Post-content

*/


/* 0) Explicit reset */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
div,
font,
img,
small,
strike,
sub,
sup,
li,
fieldset,
figcaption,
form,
main,
label,
legend,
button,
table,
caption,
tr,
th,
td {
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-style: normal;
}

div,
nav,
footer,
main {
    display: block;
}

#TopBtn {
    display: none;
    position: fixed;
    bottom: 45px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    color: #a7a7a7;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
    font-size: 18px;
    text-shadow: 0px 0px 3px #000000, 0px 0px 3px #000000, 0px 0px 3px #000000;
}

#TopBtn:hover {
    color: hsl(155, 52%, 44%);
    /* Add a dark-grey background on hover */
}


/*----- Scroll Bar Changes -----*/


/* width */

::-webkit-scrollbar {
    width: 15px;
}


/* Track */

 ::-webkit-scrollbar-track {
    background: hsl(135, 83%, 38%);
    border: 2px solid hsl(152, 84%, 13%);
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: rgb(0, 36, 0);
    border-radius: 8px;
    border: 2px solid hsl(152, 84%, 13%);
    background: linear-gradient(0deg, #1b1b1b 0%, #3d3d3d 100%);
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: hsl(130, 83%, 25%);
    border-radius: 8px;
    border: 2px solid #000000;
    background: linear-gradient(0deg, #1b0000 0%, #460000 100%);
}


/* 1) Body setup */

body {
 
    background-attachment: fixed;
    margin: 0 auto;
    background-color: hsl(0, 0%, 0%);
    font-family: 'Play', sans-serif;
    font-size: 17px;
    color: #adadad;
}

#container {
    padding: none;
    word-break: normal;
    overflow-wrap: break-word;
    text-align: left;
}

#wrapper {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

#responsive {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 0 16px;
    gap: 15px;
}


/*Width/alignment of the left and right blocks */

#widgetcorral {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
}

#topwidget {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}

#content {
    padding: 0px;
    width: 100%;
    flex-grow: 1;
}

main#main {
    border-radius: 0px;
    padding: none;
    display: block;
    overflow: hidden;
    /* floating elements won't stick out */
}

.tophigh {
    padding-left: 16px;
    text-align: center;
}

.tophigh:hover,
.tophigh:focus {
    color: #fff;
}

#skip {
    position: relative;
    z-index: 99;
}

.tab-shortcut {
    position: absolute;
    top: -999px;
    background: #fafafa;
    padding: 20px;
}

.tab-shortcut:focus {
    top: 0;
    text-decoration: none;
}


/* 3) Common elements */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    font-size: 1.6em;
}

h4 {
    font-size: 1.4em;
}

h5 {
    font-size: 1.2em;
}

h6 {
    font-size: 1em;
}

a {
    color: hsl(125, 100%, 19%);
}

a:hover {
    color: rgb(252, 11, 11);
    text-decoration: underline !important;
    background-color: transparent !important;
}

a:link,
a:focus {
    color: rgb(9, 211, 150);
    font-weight: bold;
    text-decoration: none;
}

blockquote {
    border: solid #929292;
    border-width: 0 0 0 4px;
    padding: 0 10px;
    margin: 0 0 0 10px;
    font-style: italic;
}

button,
input,
select {
    border: 1px solid hsl(170, 100%, 9%);
    color: #000000;
}

button,
select,
input[type=button],
input[type=submit],
input[type=reset] {
    border-radius: 4px;
    background: linear-gradient(0deg, rgba(46, 46, 46, 1) 0%, rgb(156, 156, 156) 100%);
}

code {
    display: inline-block;
    vertical-align: middle;
    padding: 2px 10px 4px;
    background: #5c5c5c;
    border-top: 2px solid;
    overflow-x: auto;
    color: #ffffff;
}

p {
    line-height: 1.4;
    margin: 1em 0;
}

pre {
    overflow-x: auto;
}

textarea {
    font-family: Arial, Verdana, Helvetica;
    border: 1px solid #d6d6d6;
    padding: 2px 5px 1px;
    width: 250px;
    height: 100px;
    background-color: rgb(87, 87, 87);
}

input {
    max-width: 100%;
}

.alignnone {
    margin: 6px 0;
}

.alignleft {
    float: left;
    margin: 6px 6px 6px 0;
}

.alignright {
    float: right;
    margin: 6px 0 6px 6px;
}

.aligncenter {
    display: block;
    margin: 6px auto;
}

#content .wp-block-button:not(.is-style-outline) .wp-block-button__link,
#content .wp-block-file__button {
    text-decoration: none;
    font-weight: normal;
    color: #fff;
}

.is-style-squared .wp-block-button__link {
    border-radius: 0;
}

.screen-reader-text {
    position: absolute;
    left: -9999%;
}

.wp-caption .wp-caption-text {
    margin: 0;
}

.gallery-caption {
    box-sizing: border-box;
    padding: 3px;
    max-width: 100%;
}


/* 4) Widget elements */


/*----- Top Bar -----*/

.topblk {
    color: #797979;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    flex-shrink: 0;
    font-size: 0.9em;
    width: 100%;
    margin: auto;
    padding: 5px 10px 5px 10px;
    background-color: #222222;
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    list-style: none;
    text-align: center;
}

.topblk li {
    margin: 10px 10px 10px 10px;
    padding: 5px;
    border: 1px solid;
    border-color: #1e1e1e;
    border-radius: 6px;
    box-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 5px #000;
    display: inline-block;
}

.topblk ul {
    padding: 0;
}

.topblk h2 {
    font-size: 16px;
    line-height: 29px;
    min-width: 194px;
    min-height: 33px;
    height: min-content;
    font-weight: bold;
    color: #686868;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 4px #270000, 0px 0px 6px #ff0000;
    box-sizing: border-box;
    text-align: center;
}

.topblk img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.topblk a {
    text-decoration: none;
    color: #838383;
    font-weight: normal;
}

.topblk a:hover {
    color: #3a0707;
    text-decoration: underline;
}

.topblk a:active,
.topblk a:focus {
    color: #ffffff;
}


/*----- Bottom Bar -----*/

.botblk {
    color: #797979;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    flex-shrink: 0;
    font-size: 0.9em;
    width: 100%;
    margin: auto;
    padding: 5px 10px 5px 10px;
    background-color: #222222;
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    list-style: none;
    text-align: center;
}

.botblk li {
    margin: 10px 10px 10px 10px;
    padding: 5px;
    border: 1px solid;
    border-color: #1e1e1e;
    border-radius: 6px;
    box-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 5px #000;
    display: inline-block;
}

.botblk ul {
    padding: 0;
}

.botblk h2 {
    font-size: 16px;
    line-height: 29px;
    min-width: 194px;
    min-height: 33px;
    height: min-content;
    font-weight: bold;
    color: #686868;
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 4px #270000, 0px 0px 6px #ff0000;
    box-sizing: border-box;
    text-align: center;
}

.botblk img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.botblk a {
    text-decoration: none;
    color: #838383;
    font-weight: normal;
}

.botblk a:hover {
    color: #530000;
    text-decoration: underline;
}

.botblk a:active,
.botblk a:focus {
    color: #ffffff;
}


/*----- Center Block -----*/

.centerblk {
    width: 100%;
    color: hsl(214, 82%, 58%);
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    flex-shrink: 0;
    font-size: 0.9em;
    background-color: #222222;
    margin-bottom: 15px;
    padding: 15px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    list-style: none;
}

.centerblk h2 {
    margin: 20px 0;
    padding: 5px;
    font-size: 16px;
    line-height: 29px;
    width: 100%;
    height: min-content;
    font-weight: bold;
    color: rgb(150, 209, 41);
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 4px #270000, 0px 0px 6px #ff0000;
    background-color: #3f3f3f;
    box-sizing: border-box;
    text-align: center;
}

.centerblk img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.centerblk a {
    text-decoration: none;
    color: #838383;
    font-weight: normal;
}

.centerblk a:hover {
    color: #530000;
    text-decoration: underline;
}

.centerblk a:active,
.centerblk a:focus {
    color: #ffffff;
}


/*----- LEFT SIDE BLOCKS -----*/

.sidebar {
    color: rgb(148, 148, 148);
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    flex-shrink: 0;
    margin-bottom: 15px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #222222;
    width: 250px;
    text-align: left;
}

.sidebar img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sidebar h2 {
    font-size: 16px;
    line-height: 29px;
    width: 100%;
    min-height: 33px;
    height: min-content;
    margin: 0px 0px 10px 0px;
    padding: 0;
    font-weight: bold;
    color: hsl(120, 89%, 45%);
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 4px #270000, 0px 0px 6px #ff0000;
    background-color: #3f3f3f;
    box-sizing: border-box;
    text-align: center;
}

.sidebar h2 a {
    font-weight: bold;
    color: #10e934;
}

.sidebar li {
    list-style: none;
    padding: 2px 0 30px;
}

.sidebar li li {
    padding: 2px 0px;
}

.sidebar li li::before {
    content: "\bb  ";
}

.sidebar li li li {
    padding: 3px 0 2px 10px;
}

.sidebar li li li::before {
    content: "\21b3  ";
}

.sidebar ul {
    margin: 0px;
    padding: 0;
}

.sidebar ul ul {
    margin: 2px 0 0;
}

.sidebar ul ul ul {
    border-top: 1px dotted #474747;
    margin-bottom: -3px;
}

.sidebar a {
    text-decoration: none;
    color: #838383;
    font-weight: normal;
}

.sidebar a:hover {
    color: #530000;
    text-decoration: underline;
}

.sidebar a:active,
.sidebar a:focus {
    color: rgb(255, 255, 255);
}


/*----- RIGHT SIDE BLOCKS -----*/

.sidebar2 {
    color: rgb(148, 148, 148);
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    flex-shrink: 0;
    margin-bottom: 15px;
    padding: 10px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #222222;
    width: 250px;
    text-align: left;
}

.sidebar2 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sidebar2 h2 {
    font-size: 16px;
    line-height: 29px;
    width: 100%;
    min-height: 33px;
    height: min-content;
    margin: 0px 0px 10px 0px;
    padding: 0;
    font-weight: bold;
    color: hsl(120, 89%, 45%);
    text-shadow: 0px 0px 1px #000, 0px 0px 2px #000, 0px 0px 4px #270000, 0px 0px 6px #ff0000;
    background-color: #3f3f3f;
    box-sizing: border-box;
    text-align: center;
}

.sidebar2 h2 a {
    font-weight: bold;
    color: rgb(119, 119, 119);
}

.sidebar2 li {
    list-style: none;
    padding: 2px 0 30px;
}

.sidebar2 li li {
    padding: 2px 0px;
}

.sidebar2 li li::before {
    content: "\bb  ";
}

.sidebar2 li li li {
    padding: 3px 0 2px 10px;
}

.sidebar2 li li li::before {
    content: "\21b3  ";
}

.sidebar2 ul {
    margin: 0px;
    padding: 0;
}

.sidebar2 ul ul {
    margin: 2px 0 0;
}

.sidebar2 ul ul ul {
    border-top: 1px dotted #474747;
    margin-bottom: -3px;
}

.sidebar2 a {
    text-decoration: none;
    color: #838383;
    font-weight: normal;
}

.sidebar2 a:hover {
    color: #530000;
    text-decoration: underline;
}

.sidebar2 a:active,
.sidebar2 a:focus {
    color: rgb(255, 255, 255);
}


/* 5) Content */

.postnav {
    font-size: 15px;
    padding-top: 10px;
}

#index-type {
    color: #878787;
    font-size: 25px;
    margin: 0px 0px 30px 0px;
    background: linear-gradient(0deg, rgb(27, 27, 27) 0%, rgb(80, 80, 80) 100%);
    box-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 6px #000000;
    border-color: #ececec;
    border: 1px #2e2e2e solid;
    border-radius: 4px;
    text-shadow: 0px 0px 6px #000000, 0px 0px 4px #000000, 0px 0px 2px #000000;
    text-align: center;
}

.pcontent {
    max-width: 75%;
    margin: 10px;
    padding: 5px 5px 5px 10px;
    box-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 5px #000000;
    border: 1px #380000 solid;
    border-radius: 4px;
    background: #474747;
}

.pcontent a:link {
    text-decoration: underline;
}

.hentry {
    margin: 0px 0px 60px 0px;
    clear: both;
}

.sticky {
    margin: 14px -1px;
    padding: 15px;
    border-radius: 4px;
    background: linear-gradient(0deg, rgb(20, 0, 0) 80%, rgb(39, 0, 0) 100%);
    box-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 5px #000000;
}


/* 5a) Pre-content */

.title {
    height: 30px;
    width: 100% !important;
    line-height: 20px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    background-color: #3f3f3f;
    font-weight: normal;
    padding-left: 10px;
    text-shadow: 0 0 2px #000, 0 0 2px #000;
}

.title a:link {
    font-size: 16px;
    font-weight: bold;
    color: #630000;
}

.title a:hover,
.title a:focus {
    /*post title links*/
    font-size: 16px;
    font-weight: bold;
    color: #878787;
}

.meta {
    color: #c2c2c2;
    width: 80%;
    text-align: right;
    font-size: .9em;
    padding: 5px;
    margin: 5px 10px 5px auto;
    border: 1px dotted;
    border-radius: 4px;
}

.meta a {
    color: #690000;
    text-decoration: underline;
}

.meta a:hover {
    color: #d1d1d1;
    text-decoration: underline;
}


/* 5b) Content elements */

.hentry *,
.sidebar * {
    max-width: 100%;
    /* prevent elements from overflowing content */
}

.hentry img,
.sidebar img {
    height: auto;
}


/*CSS around the articles */

#storybreak {
    background-color: #222222;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
    clear: both;
}


/* 5c) Post-content */

.post-nav-links {
    clear: both;
}

#continuelink {
    text-align: right;
    text-decoration: underline;
}

#continuelink a:hover {
    color: #fff;
    text-decoration: underline;
}

#continuelink::before {
    content: "\bb  ";
}

.readmore {
    padding: 5px;
}

.readmore::before {
    content: "\bb  ";
}

.comment-body {
    padding: 7px;
    background-color: rgb(36, 36, 36);
    border-radius: 4px;
    border: 1px solid;
    border-color: rgb(65, 0, 0);
}

#comments {
    color: #800000;
    margin: 5px;
    padding: 10px;
    border-radius: 4px;
    clear: both;
    box-shadow: 0px 0px 3px #000;
    text-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 5px #000000;
}

#comments a {
    text-decoration: underline;
}

#comments.pagecomments {
    border-radius: 0 0 6px 6px;
}

.comment-feed-link {
    margin: 0 10px 10px;
}

.comment-feed-link a {
    text-decoration: none;
}

.commentlist {
    margin: 3px;
    padding: 0;
}

.comment,
.trackback,
.pingback {
    list-style: none;
    padding: 10px;
    border-radius: 4px;
    margin: 16px 0;
}

.comment-meta a,
.comment-author a {
    text-decoration: none;
}

#comments a:visited {
    color: #555;
}

.avatar {
    text-align: center;
    vertical-align: text-top;
}

.bypostauthor {
    border-color: #404040;
}

.reply a {
    text-decoration: none;
}

#comments .children {
    padding: 0;
}

.comment-respond a {
    text-decoration: none;
}

.comment-form-comment textarea {
    width: 100%;
    color: #ffffff;
    box-sizing: border-box;
}

#submit {
    font-size: 1.4em;
    color: #000000;
    padding: 6px;
    border: 1px solid #bfbfbf;
    border-radius: 6px;
}

#content #submit:hover,
#content #submit:focus,
#content #submit:active {
    text-decoration: underline;
    border: 1px solid #c5c5c5;
}

.pagination,
.post-navigation {
    padding: 0 6px;
    border-radius: 0 0 6px 6px;
}

.pagination {
    text-align: center;
}

.post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    clear: both;
}

.nav-links a:hover,
.nav-links a:focus,
.nav-links a:active {
    text-decoration: underline;
    color: #000;
}

.post-navigation .nav-next {
    text-align: right;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
    word-break: break-all;
    word-break: break-word;
}


/*---background for the blocks and whole body---*/

#main-body {
    position: relative;
    min-width: 1271px;
    margin: auto;
    background: transparent;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border-style: solid;
    border-color: darkslategrey;
}


/** ------------------------------------------Header section starts------------------------------------------*/

#header {
    /*Set Width of Website */
    width: 96%;
    margin: 0 auto;
    min-width: 1271px;
    color: #fff;
}

.header-area {
    width: 100%;
    height: 150px;
}

.header-nav {
    width: 100%;
    height: 50px;
    background-color: #161616;
}

#headerlogo {
    /*header logo*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 90px;
    width: 500px;
    z-index: 999;
}

#headerlogo img {
    object-fit: contain;
    max-height: 150px;
    max-width: 500px;
}

#headerlogo a:hover,
#headerlogo a:focus,
#headerlogo a:active {
    color: #ffffff;
    text-decoration: none;
}

.custom-logo {
    min-height: inherit;
}

#blog-name {
    color: #636363;
    font-size: 3.25em;
    text-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 4px #1f0000, 0px 0px 5px #380000, 0px 0px 6px #5e0000, 0px 0px 8px #770000;
}

#blog-tagline {
    color: hsl(150, 100%, 16%);
    font-size: 18px;
    text-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 4px #1f0000;
}

#header-menu {
    margin-bottom: 15px;
    padding: 15px 0;
    font-size: 14px;
    min-height: 16px;
    height: min-content;
    width: 100%;
    background-color: #1e1e1e;
    box-sizing: border-box;
}

#header-menu-content {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 16px;
}

#header-menu-content li {
    margin: 0 10px;
    float: left;
    list-style: none;
}

#header-menu-content a {
    color: #777777;
    text-decoration: none;
    text-shadow: 0px 0px 3px #000, 0px 0px 4px #000;
}

#header-menu-content a:hover,
#header-menu-content a:active,
#header-menu-content a:focus {
    color: #878787;
    text-decoration: underline;
}

#header-menu-content .sub-menu {
    left: -9999%;
    position: absolute;
    background-color: #000;
    border-width: 0 1px 1px;
    box-sizing: border-box;
    padding: 5px;
    margin: 0;
    width: max-content;
}

#header-menu-content .sub-menu li {
    float: none;
}

#header-menu-content li:hover>.sub-menu,
#header-menu-content li:focus-within>.sub-menu {
    left: unset;
}

#header-menu-content li.menu-item-has-children::after {
    content: " \25be";
}

#header-menu-content li.menu-item-has-children:hover::after,
#header-menu-content li.menu-item-has-children:focus-within::after {
    content: " \25b4";
}


/*---THEME MAIN HEADER NAV---*/

div.hdmainnav ul {270921
    padding: 0em .8em .1em .8em;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    opacity: .9;
    border: 2px solid green;   
    max-width: 100%;

    font-size: 16px;
    padding: 12px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
    list-style-type: none;
}

div.hdmainnav li {
    padding: 5px 15px 0px 0px;
}

div.hdmainnav a {
    color: #858585;
    text-shadow: 0px 0px 2px #000000, 0px 0px 4px #000000, 0px 0px 6px #1f0000;
}

div.hdmainnav a:hover {
    color: hsl(118, 100%, 16%);
    text-decoration: underline;
    text-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 4px #1f0000, 0px 0px 5px #380000, 0px 0px 6px #5e0000, 0px 0px 8px #770000;
}

div.hdmainnav a:focus {
    color: #ffffff;
    background-color: rgb(105, 0, 21);
    padding: 0px;
}

div.hdmainnav .sub-menu {
    left: -9999%;
    position: absolute;
    border-width: 0 1px 1px;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 0;
    margin: 0;
    width: max-content;
    z-index: 9999;
}

div.hdmainnav .sub-menu li {
    padding-left: 5px;
    float: none;
    z-index: 9999;
}

div.hdmainnav li:hover>.sub-menu,
div.hdmainnav li:focus-within>.sub-menu {
    left: unset;
}

div.hdmainnav li.menu-item-has-children::before {
    content: " \25be";
}


/*---END MAIN NAV---*/


/** ------------------------------------------Header section ends------------------------------------------*/


/** ------------------------------------------footer section starts------------------------------------------*/

#footer {
    width: 100%;
    min-width: 1271px;
    margin: auto;
}

.footer-area {
    width: 100%;
    height: 150px;
    background-image: url(images/footer.jpg);
    background-color: hsl(0, 100%, 1%);
}


/* The content box in the footer */

.fcontent {
    color: #757575;
    width: 100%;
    height: 150px;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 15px;
    text-decoration: none;
    text-shadow: 0px 0px 3px #000000, 0px 0px 3px #000000, 0px 0px 3px #000000;
    text-align: center;
    overflow: auto;
}

.fcontent a {
    color: #200000 !important;
    text-decoration: none;
    text-shadow: 0px 0px 3px #000000, 1px 1px 3px #000000, 0px 0px 3px #000000;
}

.fcontent a:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.fcontent a:focus {
    color: #ffffff !important;
    text-decoration: none;
}


/* end content box */

.footer-copyright {
    width: 100%;
    height: 50px;
    background-color: #2e2e2e;
    padding: 3px;
}


/* Footer copyright text settings */

#footer-content {
    color: #a3a3a3;
    font-size: 12px;
    padding: 0px;
    margin: 5px 0px 0px 0px;
    text-align: center;
    text-shadow: 0px 0px 2px #000000, 0px 0px 2px #000000, 0px 0px 2px #000000;
}

#footer-content a:hover,
#footer-content a:active,
#footer-content a:focus {
    color: #fff;
}


/** ------------------------------------------footer section ends------------------------------------------*/


/** ---------------------------------------BP Message section start----------------------------------------*/
.bp-messages-wrap {
    border: none;
    background-color: #1d2333;
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .06);
	  color: white;
}
.bp-messages-wrap .participants-panel h4{
	color: white;
}
.bp-messages-user-list{
    background-color: #1d2333;
	  color: white;
}

.bp-messages-wrap.bp-messages-mobile .reply .send button[type=submit], .bp-messages-wrap.bp-messages-mobile .reply .send button.bpbm-record-voice-button{
	background-color: #1d2333 !important;
}

#bp-better-messages-mini-mobile-container, #bp-better-messages-mobile-view-container,
#bp-better-messages-mini-mobile-open{
    background-color: #1d2333 !important;
}

.bp-messages-user-list .user,
.bp-messages-user-list .user *{
	color: white;
}
.bp-messages-wrap .chat-header .bpbm-search form .close i {
    color: black !important;
}

.bp-messages-wrap .threads-list .thread .info > *{
    color: white;
}

.bp-messages-wrap.bp-better-messages-list .tabs {
    background-color: #1d2333;
    border-bottom: 1px solid #2f3749;
}

.bp-messages-wrap.bp-better-messages-list .tabs > div {
    color: #ffffff;
}

.bp-messages-wrap.bp-better-messages-list .tabs > div .fas {
    color: #ffffff;
}

.bp-messages-wrap.bp-better-messages-list .tabs > div.active {
    background-color: #343c52;
}

.bp-messages-wrap.bp-better-messages-list .tabs-content {
    background-color: #21283b;
}

.bp-messages-wrap.bp-better-messages-list .tabs-content .bp-messages-user-list {
    background-color: #21283b;
}

.bp-messages-wrap.bp-better-messages-list .tabs-content .bp-messages-user-list .user .name {
    color: #ffffff;
}

.bp-messages-wrap.bp-better-messages-list .tabs-content .bp-messages-user-list .user .actions .fas {
    color: #ffffff;
}

.bp-messages-wrap .chat-header {
    border-bottom: 1px solid #2f3749;
    background-color: #21283b;
	  color: #ffffff;
}

.bp-messages-wrap .chat-footer {
    border-top: 1px solid #2f3749;
    background-color: #21283b;
}

.bp-messages-wrap .chat-header .bpbm-search form input {
    border: 1px solid #3f485f;
    background-color: #1d2333;
}

.bp-messages-wrap .chat-header .bpbm-search form input:focus {
    border-color: #7750f8;
    box-shadow: none;
}

.bp-messages-wrap .chat-header .fas,
.bp-messages-wrap .chat-header .far {
    color: #ffffff;
}

.bp-messages-wrap .chat-header .starred-messages {
    color: #ffffff !important;
}

.bp-messages-wrap .chat-header .bpbm-deleted-user-link,
.bp-messages-wrap .chat-header .user {
    color: #ffffff !important;
}

.bp-messages-wrap .chat-footer .fas,
.bp-messages-wrap .chat-footer .far {
    color: #ffffff;
}

.bp-messages-wrap .bp-messages-side-threads {
    border-right: 1px solid #2f3749;
}

.bp-messages-wrap .bpbm-os-theme-dark > .bpbm-os-scrollbar > .bpbm-os-scrollbar-track {
    background-color: #1d2333;
}

.bp-messages-wrap .bpbm-os-theme-dark > .bpbm-os-scrollbar > .bpbm-os-scrollbar-track > .bpbm-os-scrollbar-handle {
    background-color: #adafca;
    opacity: .4;
}

.bp-messages-wrap .threads-list .thread > * {
    border-bottom: none;
}

.bp-messages-wrap .threads-list .thread:hover {
    background-color: #293249;
}

.bp-messages-wrap .threads-list .thread:hover > * {
    background-color: #293249;
}

.bp-messages-wrap .threads-list .thread.bp-messages-active-thread {
    background-color: #293249;
}

.bp-messages-wrap .threads-list .thread.unread {
    background-color: #21283b;
}

.bp-messages-wrap .threads-list .thread .time {
    color: #9aa4bf;
}

.bp-messages-wrap .threads-list .thread .time .delete {
    color: #ffffff;
}

.bp-messages-wrap .threads-list .thread .deleted {
    color: #ffffff;
    background-color: #1d2333 !important;
}

.bp-messages-wrap .list .messages-stack .content .info .time {
    color: #9aa4bf;
}

.bp-messages-wrap .list .messages-stack .content .messages-list .message-content {
    color: #ffffff;
}

.bp-messages-wrap .reply {
    background-color: #21283b; 	border-top: 1px solid #262d3f;
}

.bp-messages-wrap .reply .send button[type="submit"] {
    color: #ffffff;
}

.bp-messages-wrap .empty {
    color: #ffffff;
}


.bp-messages-wrap .bpbm-user-options .bpbm-user-option .bpbm-user-option-description {
    color: #9aa4bf;
}

.bp-messages-wrap div.new-message form > div > input[type="text"],
.bp-messages-wrap div.bulk-message form > div > input[type="text"] {
    border: 1px solid #3f485f !important;
    background-color: #1d2333!important;
    box-shadow: none!important;
}

.bp-messages-wrap .taggle_input{
	color: white !important;
}

.bp-messages-wrap div.new-message form > div > input[type="text"]:focus,
.bp-messages-wrap div.bulk-message form > div > input[type="text"]:focus {
    border-color: #ffffff !important;
	color:white !important;
    box-shadow: none !important;
}

.bp-messages-wrap div.new-message form button[type="submit"],
.bp-messages-wrap div.bulk-message form button[type="submit"] {
     background-color: #ffffff!important;
    color: #000!important;
}

.bp-messages-wrap div.new-message form button[type="submit"]:hover,
.bp-messages-wrap div.bulk-message form button[type="submit"]:hover {
}

.bp-messages-wrap div.bulk-message .box {
    padding: 0;
    background-color: #1d2333;
}

.bp-messages-wrap div.bulk-message .box ul.send-to li p,
.bp-messages-wrap div.bulk-message .box ul.options li p {
    color: #9aa4bf;
}

.bp-messages-wrap div.bulk-message .progress {
    border: none !important;
    background-color: #21283b !important;
}

.bp-messages-wrap div.bulk-message .progress .progress-text {
    color: #ffffff;
}

.bp-messages-wrap .taggle_list {
    border: 1px solid #3f485f;
    background-color: #1d2333;
    box-shadow: none;
}

.bp-messages-wrap .active .taggle_list {
    border-color: #7750f8;
    box-shadow: none;
}

.bp-messages-wrap .bp-emojionearea {
    background-color: #1d2333;
    border: 1px solid #3f485f;
    color: #ffffff;
    box-shadow: none;
}

.bp-messages-wrap .bp-emojionearea.focused {
    border-color: white;
    box-shadow: none;
}

.bp-messages-wrap .bp-emojionearea .bp-emojionearea-editor:empty::before {
    color: #9aa4bf;
}

.bp-messages-wrap .bpbm-user-options .bpbm-user-option,
.bp-messages-wrap .bpbm-user-option-title{
    color: white;
}

.bp-better-messages-list .tabs>div[data-tab=messages] .unread-count, .bp-better-messages-mini .chats .chat .head .unread-count{
    background: #3c496a !important;
}

.bp-messages-group-list {
    background: #21283b;
    color: white;
}

.bp-messages-group-list .group .actions > a{
    color: white;
}

.bp-better-messages-list,
.bp-better-messages-mini .chats .chat{
    background: #21283b;
    color: white;
    box-shadow: none;
    border: 1px solid #262d3f !important;
}

.bp-better-messages-mini .chats .chat .head{
    background: #1d2333;
    border-bottom: 1px solid #262d3f;
}

.bp-messages-wrap .expandingButtons .bpbm-dropdown-menu{
	  color: #ffffff;
    background-color: #21283b;
    border: 1px solid #2b3345;
}

.bp-messages-wrap .expandingButtons .bpbm-dropdown-menu .bpbm-dropdown-item{
	color: white;
}

.bpbm-gifs-selector .bpbm-gifs-head,
.bpbm-stickers-selector .bpbm-stickers-search,
.bpbm-gifs-selector .bpbm-gifs-head .bpbm-gifs-tabs,
.bpbm-stickers-selector .bpbm-stickers-head .bpbm-stickers-tabs,
.bpbm-stickers-selector .bpbm-stickers-head{
    border-color: #2b3345;
}

.bpbm-gifs-selector,
.bpbm-stickers-selector {
	background: #1d2333;
    border-color: #2b3345;
}

.bp-better-messages-mini .chats .chat .head.blink {
    background: #343c51;
}

.bp-messages-group-list .group .loading,
.bp-messages-user-list .user .loading,
.bp-messages-wrap .threads-list .thread .loading {
    background: #1d2333;
}

.bp-messages-wrap .threads-list .thread .deleted a{
	color: white;
	font-weight: bold;
}

.bp-messages-wrap .bp-verified-badge{
    background-color: #1DA1F2 !important;
}

.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup {
    background: #1d2333;
		border: 1px solid #2d3447;
	  box-shadow: none !important;
}

.bp-messages-wrap .ui-state-active, .bp-messages-wrap .ui-widget-content .ui-state-active, .bp-messages-wrap .ui-widget-header .ui-state-active,
.bp-messages-wrap .ui-widget-content {
    background: #21283b;
    color: #fff;
		box-shadow: none !important;
}

.uppy-Dashboard-browse{
	text-decoration: underline;
}

.uppy-Dashboard--modal .uppy-Dashboard-overlay{
	background-color: hsl(224deg 28% 18% / 43%);
}

.uppy-Dashboard-innerWrap,
.uppy-Dashboard-filesContainer {
    background: #21283b;
    color: white;
}

.bpbm-send-files {
    background-color: #1c212f;
}

.uppy-Dashboard--wide .uppy-DashboardItem-name,
.uppy-Dashboard--wide .uppy-DashboardTabs-title,
.uppy-Dashboard-dropFilesTitle{
    color: white;
}

.uppy-Dashboard-bgIcon .UppyIcon {
    stroke: #ffffff;
}

.bp-messages-wrap #send-to .ui-autocomplete li {
	color: white;
}

.bp-messages-wrap .taggle_list .taggle {
	background: #373f54;
}

.bp-messages-wrap .taggle_list .taggle:hover {
    background: #57627c;
}

.bp-messages-wrap .list .messages-stack .content .messages-list > li.selected {
    background: #474f66;
}

.bp-messages-wrap .writing{
	    background: linear-gradient(
180deg, rgba(255, 255, 255, 0) 0%, #21283b 100%);
}
.bpbm-preview-message {
    border-top: 1px solid #2f3749;
	background: #1d2333;
}
.bpbm-context-menu-list {
    background: #1d2333 !important;
    border-color: #2f3749 !important;
    color: white;
}

.bpbm-context-menu-item {
    background: #1d2333 !important;
    color: white;
}

.bp-messages-wrap .bp-emojionearea .bp-emojionearea-editor{
	color: white;
}

.bp-messages-wrap.bpbm-template-modern .list .messages-stack.incoming .content .messages-list li .message-content {
    border-color: #404e72;
    background: #404e72;
}

.bp-messages-wrap .thread-not-selected .empty .bpbm-empty-link a{
	color: white;
}

.bp-messages-wrap.bp-messages-mobile .reply .message .bpbm-medium-editor-element{ 
    background-color: #1d2333;
    border: 1px solid #3f485f;
    color: white;
}

.bp-messages-wrap div.new-message h4{
	color: white;
}

.bmselectise-input{
	background: #1d2333 !important;
	border-color: #3f485f !important;
}

#send-to-bmselectised{
	background: none !important;
	color: white !important;
}

.bmselectise-input.input-active{
	box-shadow: none !important;
}

.bmselectise-dropdown{
	box-shadow: none !important;
    background: #1d2333;
    border-color: white !important;
}

.bmselectise-dropdown .bmselectise-dropdown-content > div{
	color: white !important;
}

.bmselectise-control.multi .bmselectise-input > div,
.bmselectise-control.multi .bmselectise-input > div.active{
    background: #3d4760;
		color: #ffffff;
}

.bp-messages-wrap a{
	color: white !important;
}

.bp-messages-wrap .chat-tabs {
  background: #21283b;
}

.bp-messages-wrap .chat-tabs > div.active{
	    background: #1d2334;
}

.bp-messages-wrap .chat-tabs.chat-tabs-border-bottom > div {
    border-bottom: 1px solid #2f3749;
}

.bp-messages-wrap .chat-tabs.chat-tabs-border-bottom > div.active {
    border-bottom: 1px solid #55617a;
}

.bp-messages-side-threads .bpbm-groups-list .bp-messages-group-list,
.bp-messages-column .bpbm-groups-list .bp-messages-group-list {
    background: #1d2333;
}

.bp-messages-wrap .chat-tabs.bpbm-mobile-only.chat-tabs-border-top > div{
	    border-color: #2f3749 !important;
}


.bp-messages-wrap .chat-tabs.bpbm-mobile-only.chat-tabs-border-top > div.active{
	border-color: #505a72 !important;
}

.bp-messages-wrap .bpbm-user-options button{
	color: black !important;
}

.bpbm-checkbox:checked + label::before{
	background-color: transparent !important;
}

.bp-messages-wrap .bm-medium-editor-mention-at{
	color: inherit !important
}

.bp-messages-wrap .chat-footer .bpbm-user-me .bpbm-user-me-popup .bpbm-user-me-popup-list .bpbm-user-me-popup-list-item + .bpbm-user-me-popup-list-hr {
    border-bottom: 1px solid #293042;
}

.bp-messages-wrap.bpbm-template-modern .list .messages-stack .bpbm-replied-message .bpbm-replied-message-name{
	color: black !important;
}

.bp-messages-wrap.bpbm-template-modern .list .messages-stack .bpbm-replied-message{
	border-color: black !important;
}

/** ---------------------------------------BP Message section end-------------------------------------------*/