/* DEFAULT HARD VALUES */
html, body{
    scroll-behavior: smooth;
    /*font-size: 19px !important;*/
}

[data-theme="light"] {
    --color-bg: #fafafa;
    --color-text: #000000;
    --color-text-grey: #222222;
    --color-link: #bf8c00;
    --color-blackgold: #000000;
    --color-grey: #111;
    --shadow-orange: 1px 1px 0 #fdb003;
    --bg-white: #FFFFFF !important;
    --border-light: 1px solid #DDD;
    --header-color: rgba(255,255,255,0.80) !important;
    --nav-bg: rgba(244,244,244,0.80);
    --scroll-thumb: #C1C1C1;
    --scroll-track: #F1F1F1;
    --scroll-hover: #E1E1E1;
}

[data-theme="dark"] {
    --color-bg: #0F0F0F;
    --color-text: #ffffff;
    --color-text-grey: #DDD;
    --color-link: #ff8c00;
    --color-blackgold: #ff8c00;
    --color-grey: #777;
    --shadow-orange: none;
    --bg-white: #050505 !important;
    --border-light: 1px solid #333;
    --header-color: rgba(154,136,155,0.80) !important;
    --nav-bg: rgba(56, 56, 56, 0.96);
    --scroll-thumb: #686868;
    --scroll-track: #424242;
    --scroll-hover: #525252;
}

body  {
    display: grid;
    background-color: #fafafa;
    background-color: var(--color-bg);
    color: #000;
    color: var(--color-text);
}


/* Scroll Bar */
::-webkit-scrollbar { width: 15px; }
::-webkit-scrollbar-track { background: #E8E8E8; }
::-webkit-scrollbar-track { background: var(--scroll-track); }
::-webkit-scrollbar-thumb { border: 1px solid #DDD; border-radius: 25px; background: #EEEEEE; }
::-webkit-scrollbar-thumb { border: 1px solid var(--scroll-track); border-radius: 25px; background: var(--scroll-thumb); }
::-webkit-scrollbar-thumb:hover { background: #EEE; }
::-webkit-scrollbar-thumb:hover { background: var(--scroll-hover); }
/* Links */
a:link, a:active,  a:visited{ color: var(--color-link); font-family: bahnschrift, Montserrat, sans-serif; }
a:hover { color: #875E71;  }
/*******************/



/* OVER WRITE 3rd PARTY SHIT UNTIL REMOVED */
section{ padding: 5px 0; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    margin: 2px 4px 7px !important;
    color: #222;
    color: var(--color-text-grey);
}
.navbar-default{
    background-color: var(--header-color);
    background-image: url("/images/svg/footer-3000px.svg") !important;
    background-position: bottom;
    /*backup old headers 24 aug 9
    background-color: rgba(255,255,255,0.80);
    background-color: var(--header-color);
     */
    -moz-border-radius-bottomleft: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.err, .msg{
    width: 100%;
    padding: 5px;
    margin: 6px;
    border-radius: 4px;
    font-size: 12pt;
    font-weight: 500;
    text-transform: uppercase;
    height: 40px;
    line-height: 1.8;
    text-shadow: 1px 1px 0 #EEE;
}
.err{
    border: 1px #CC0000 solid;
    background-color: #ffe8e8;
    color: #CC0000;
}
.msg{
    border: 1px #28b100 solid;
    background-color: #f0ffed;
    color: #28b100;
}
.navbar-nav > li > a{
    font-family: bahnschrift, serif;
    color: #000 !important;
   /* text-shadow: 1px 2px 0 #FFF; */
    /*text-shadow: -1px 1px 0 #FEEFD0; */
    text-shadow: -1px 0 #FEEFD0, 0 1px #FEEFD0, 1px 0 #FEEFD0, 0 -1px #FEEFD0;
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
    font-size: 15pt;
}

.navbar-nav > li > a:active, .navbar-nav > li > a:hover {
    color: #111 !important;
}

ul.sub-menu > li > a {
    padding: 5px; }

ul.sub-menu > li.sub-active > a,
ul.sub-menu > li > a:hover,
ul.sub-menu > li > a:focus {
    background-color: #DDD;
    color: #111; }


.card{
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #eee !important;
    border-left: 1px solid #eee !important;
}
/* END: Over write 3rd party shit */
/*******************/



#logo-bg{
    /* background-image: url("/images/svg/halloween/logo_bg.svg"); */
    /* background-image: -webkit-image-set(url("/images/svg/halloween/logo_bg.svg") 1x, url("/images/svg/halloween/logo_bg.svg") 2x); */
    /* background-size: auto auto; */
    background-repeat: no-repeat;
    /* background-position: bottom 1px right 10px; */
    height: 79px;
    width: 73px;
    /* background-color: #e5e5e5; */
    position: absolute;
    top: -5px;
    left: 31px;
}
@media screen and (max-width: 767px) { /* MOBILE MODE */
    #logo-bg{
        height: 54px;
        width: 73px;
        top: -2px;
        left: 25px;
    }
}


/* SCREW FONT AWESOME & BOOTSTRAP: Feel free to modify any of this to match theme better */
/* Load fonts */
@font-face {  font-family: 'bahnschrift';  src: url('../fonts/bahnschrift.ttf');  }
@font-face {  font-family: 'titan';  src: url('../fonts/TitanOne-Regular.ttf');  }
.bahns{ font-family: bahnschrift, serif; }
.titan{font-family: titan, serif; }
/* Colors: Feel free to modify colors to match the theme */
/* letters before colors b=bold, l=light, d=dark*/
.fff{ color:#FFF;  }
.bfff{ color:#FFF; font-weight: bold; }
.lgray{ color:#CCC; }
.gray{ color:#8D8881; }
.dgray{ color:#666; }
.purp{ color: #A682BF; }
.dpurp{ color: #734891; }
.red{ color: #AA0000; }
.blue{ color: #3F89D4; }
.lblue{ color: #66CCFF; }
.orng{ color: #8F412E; }
.dorange{ color: #FF9900; }
.green{ color: #3b9623; }
.lgreen{ color: #32A615; }
.dgreen{ color: #1A8300; }
.yel{ color: #FFCC00; }
.black{ color: #000; }
.lbrown{ color: #c5a87a; }
/* Adjustments */
.squish{ letter-spacing: 0; }
/* Sizes */
.biggest{ font-size: 2rem; }
.bigger{ font-size: 14pt; }
.big{ font-size: 13pt; }
.tiniest{ font-size: 8pt; }
/* Shadows */
.shadow{ text-shadow: 1px 1px 0 #111; }
/* Flip Images */
.flipper img{ -webkit-transform: scaleX(-1);transform: scaleX(-1); }
/* Alignments */
.center-center{ margin: auto; }
.center{ margin: auto; }
.center-text{ text-align: center; }
.valign{    display: flex;
    line-height: 1.2;
    justify-content: center;
    align-items: center;}
/* Text/Fonts  */
.blackgold{
    color: #000;
    color: var(--color-text);
    font-family: bahnschrift, serif;
    text-shadow: 1px 1px 0 #fdb003;
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
}
.redgold{
    color: #000;
    color: var(--color-text);
    font-family: bahnschrift, serif;
    text-shadow: 1px 1px 0 #cc0000;
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
}
.pinkgold{
    color: #000;
    color: var(--color-text);
    font-family: bahnschrift, serif;
    text-shadow: 1px 1px 0 #ea9999;
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
}




/* LINK DESIGNS */
a.deadLink{ color: #000; cursor: default; }


.blackgold a:link, .blackgold a:active, .blackgold  a:visited{
    color: #000;
    color: var(--color-blackgold);
    text-shadow: 1px 1px 0 #fdb003;
    text-shadow: var(--shadow-orange);
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
    font-family: bahnschrift, Montserrat, sans-serif;
}  .blackgold a:hover { color: #bf8c00;  }

.pinkgold a:link, .pinkgold a:active, .pinkgold  a:visited{
    color: #000;
    color: var(--color-blackgold);
    text-shadow: 1px 1px 0 #fa03fd;
    text-shadow: var(--shadow-pink);
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
    font-family: bahnschrift, Montserrat, sans-serif;
}  .pinkgold a:hover { color: #a200bf;  }



.headerLink a:link, .headerLink a:active, .headerLink  a:visited{
    color: #FFF;
    text-shadow: 1px 1px 0 #fdb003;
    text-shadow: var(--shadow-orange);
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 2.20));
    font-family: bahnschrift, Montserrat, sans-serif;
}  .headerLink a:hover { color: #bf8c00;  }


/* Like Button */
.likes:hover{ color: #AA0000; }
.likes:hover span{ color: #AA0000; background-color: rgba(255,0,0,0.14); }

/* Join Discussions  */
.comments:hover{ color: #0080FF; }
.comments:hover span{ color: #0080FF; background-color: rgba(0,87,171,0.14); }

/* Share Button */
.share:hover{ color: #3b9623; }
.share:hover span{ color: #3b9623; background-color: rgba(60,224,0,0.14); }

/* Choose Category */
a.category:hover{ color: #FFCC00; }
a.category:hover span{ color: #FFCC00; background-color: rgba(255,204,0,0.18); }

/* Blinker */
.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 25%;
    }
}



/* SMILES */
#smiles{ display: inline-block; padding-bottom: 8px;   }
#smiles img{ cursor: pointer;  width: inherit; height: inherit; margin: 0 2px; }

/* CONTENT TOOLS */
.tools{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.tools div{
    /*vertical-align:middle;*/
}

/* LOAD MORE CONTENT */
.load-more{
    display: flex; align-items:center; justify-content: center;
    position: absolute; bottom: -50px; left: 50%; transform: translate(-50%, 0);
    width: 100%; height: 50px;
    z-index: 100;

}
.load-more div{
    vertical-align:middle;
    width: 45px; height: 45px;
    margin-right:10px;
}




/* SITE PANELS */
#panel{
    display: flex; flex-direction: column;
    position:fixed; top:50% !important;
    left:50% !important;
    transform:translate(-50%,-50%); z-index: 100;
    max-height:500px;
    background-color:#FFF;
    background-color: var(--bg-white);
    filter: alpha(opacity=90);
    border: 1px solid #DDD !important;
    border: var(--border-light) !important;
    /* OLD SHADOW BORDER REPLACED BY NORMAL BORDER
    box-shadow: 0 3px 20px -3px rgba(63, 81, 181, 0.6);
    -webkit-box-shadow: 0 3px 20px -3px rgba(63, 81, 181, 0.6);
    -moz-box-shadow: 0 3px 20px -3px rgba(63, 81, 181, 0.6);
     */
    /*-moz-box-shadow:inset 0 0 20px #222220;  -webkit-box-shadow:inset 0 0 20px #222220;  box-shadow:inset 0 0 20px #222220; */
    -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
    text-align: center; padding: 0;
}
#panel{ width: 95%; max-width:450px; display:none; padding:20px; }
#panel > div{
    padding: 12px;
}

/* Post Content */
#post_content{ display: flex; flex-direction: column; }
#post_content > label, #post_content > div{ padding: 5px; margin: 0 2px; }

/* Media Type; Image or Youtube */
#media_type, .box_content, .side_by{
    display: flex;
    font-size: 12pt;
    justify-content: space-around;
    align-items: center;
    transition: all 0.5s;
    border: 1px solid #FFF;
    border-radius: 4px;
}
.center-flex{ justify-content: center; }
.box_content{
    flex-wrap: wrap;
    white-space: nowrap;
}

.box_content div{ width: 50%; }
.box_content a{ font-family: unset; font-weight: 500; }

#media_type img{ width: 35px; height: 35px; }
.media_input, .expand_input{ width: 0; padding: 0; border: 0; transition: width 0.4s; }
.media_input.expanded, .expand_input.expanded{ width: 100%; padding: 6px 12px; border: 1px solid #ccc; }
/*******************/


/* CONTENT PAGES */
.content{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
/*
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #eee !important;
    border-left: 1px solid #eee !important;
    */
    border: 1px solid #DDD !important;
    border: var(--border-light) !important;
    background-color: #FFF !important;
    background-color: var(--bg-white) !important;

}
.noborder{ border: unset !important; }
.content > div:first-child{ position: relative; }
.content > :nth-child(n+2){ padding: 7px 15px; }
.content-buttons{
    display: flex;
    font-size: 15pt;
    flex-wrap: wrap;
    justify-content: space-between;
    font-family: bahnschrift, Montserrat, sans-serif;
}
.content-buttons > div > a > span,
.content-buttons > div > span{
    border-radius: 25px;
    padding:5px;
    color: #111;
    color: var(--color-grey);
}

/* OVERWRITING STUPID BOOTSTRAP CSS FILES TODO: REMOVE BOOTSTRAP COMPLETELY */
.bg-white{
    border: 1px solid #DDD !important;
    border: var(--border-light) !important;
    background-color: #FFFFFF !important;
    background-color: var(--bg-white) !important;

}


/* PROFILE CLASSES */
/* icon in header & profile */
.profile-icon{
    /* icon in header & profile
    background-repeat: no-repeat;
    height: 79px;
    width: 73px;
    position: absolute;
    top: 10px;
    right: 31px;
*/
    background-repeat: no-repeat;
    height: 60px;
    width: 60px;
    position: absolute;
    top: 3px;
    right: 15px;
}
.profile-icon > a > img{
    border-radius: 50% !important;
    border: 1px #111111 solid;
}
.profile-icon > a > img:hover{
    filter: saturate(75%);
    border-radius: 50% !important;
    border: 1px #ff8c00 solid;
}

.profile-icon > a:link,
.profile-icon >a:active,
.profile-icon >a:visited{
    color:#FFF;
}
.profile-icon > a:hover{
    color:#875E71;
}

.profile-icon > a > .fa-envelope,
.profile-icon > a > .fa-envelope-o{
    position: absolute;
    top: 51px;
    left: -4px;
    font-size: 17pt;
}
.profile-icon > a > .fa-envelope-o{
    color: #000;
    font-size: 25px;
    left: -5px;
    top: 50px;
}

.profile-icon-center{
    height: 80px;
    width: 80px;
    top: 56px;
    bottom: -21px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.profile-header{
    position: relative;
    width: 100%;
    min-height: 100%;
    background-image: url("../images/circuit.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}


.profile-header > img{
    width: 120px !important;
    height: 120px !important;
    vertical-align: center;
    display: inline-block;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    position: relative;
    margin: 0 auto;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index: 1;
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
}
.profile-header > img:hover{
    -webkit-border-radius: 25% !important;
    -moz-border-radius: 25% !important;
    border-radius: 25% !important;
}

/* Content Images / Media */

.YouTube{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.YouTube iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    border: 0;
}

/* Sidebar Image*/
.sidebar-image{
    position: relative;
}
.sidebar-image > div{
    position: absolute;
    background-color: rgb(0 0 0 / 60%);
    top: 5px;
    right: 5px;
    display: block;
    width: auto;
    line-height: 1.1;
    padding: 5px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}
.sidebar-image > div > span > strong{
    color: #fff;

}

.sidebar-image img {
     /* Safari 6.0 - 9.0 -webkit-filter: contrast(50%); */

    /* Other filters that look
        filter: blur(1px);
        filter: saturate(70%);
        filter: sepia(30%);
     */
}
.sidebar-image img:hover {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: saturate(75%);
}


#stocks{
    display: inline-block;
    width: 100%;
    margin: 0; padding: 0;
    background-color: transparent !important;
    /*
    background-image: url("/images/Valley-10s-3000px.svg");
    background-image: -webkit-image-set(url("/images/svg/footer-3000px.svg") 1x, url("/images/svg/footer-3000px.svg") 2x);
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
     */
}
#stocks > div{
    display: inline-block;
    margin: 5px 15px;
}
#stocks > div img{
    width: 24px; height: 24px;
}

#sticky_head {
    position: fixed; top: 22px; left: 50%; transform: translate(-50%, 0);
    z-index: 99;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    width:101%;
}
#sticky_head.show{
    top:0;
    width:100%;
}
.navbar-default.show{
   /* padding: 5px 0 !important; */
    background-color: rgba(255,255,255,0.97) !important;
    background-image: url("/images/svg/footer-3000px.svg") !important;
    /* background-image: -webkit-image-set(url("/images/svg/footer-halloween.svg") 1x, url("/images/svg/footer-halloween.svg") 2x) !important; */
    background-size: auto auto !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100%;

}


/* HEADER STUFF */
#header{
    color: #FFF;
    /*display: flex;*/
    width: 100%;
    height: 150px;
    margin: 0;
    padding: 0;
    background-image: url("/images/svg/header7.svg");
    /*background-image: -webkit-image-set(url("/images/svg/header-halloween.svg") 1x, url("/images/svg/header-halloween.svg") 2x); */
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
}

/* SUB NAV */
#sub_nav{

    text-align: center;
    display: block;
    height: 30px;
    padding-top: 5px;
    /* padding-left: 178px; */
    background-color: rgba(56, 56, 56, 0.96);
    /*background-color: rgba(244,244,244,0.80); background-color: var(--nav-bg);*/

    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
    overflow: hidden;
}
#sub_nav ul {
    max-width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
}
#sub_nav.show{
    width:100%;
    background-color: rgba(56, 56, 56, 0.96);
}
ul.sub-menu{
    height: 50px;
    list-style-type: none;
}
.sub-menu > li{
    height: 100%;
    display: inline;
    padding: 0 5px;
}
.sub-menu li {
    border-right: 1px solid #ccc;
}
.sub-menu li:last-child {
    border-right: 0;
}

.alt-link.show a:link, .alt-link.show a:active, .alt-link.show a:visited{
    font-weight: 500;
    color: #f6f6f6;
    text-shadow: -1px 0 #111, 0 1px #111, 1px 0 #111, 0 -1px #111;
    /* filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20)); */
    text-decoration: none;
    font-family: "Montserrat", sans-serif !important;
}
.alt-link.show a:hover { color: #FF9900;  }

.alt-link a:link, .alt-link a:active, .alt-link a:visited{
    font-weight: 500;
    color: #f6f6f6;
    text-shadow: -1px 0 #111, 0 1px #111, 1px 0 #111, 0 -1px #111;
    /* OLD
    color: #bf8c00;
    text-shadow: -1px 0 #EEE, 0 1px #EEE, 1px 0 #EEE, 0 -1px #EEE;

     */
    /* filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20)); */
    text-decoration: none;
    font-family: "Montserrat", sans-serif !important;
}
.alt-link a:hover { color: #666;  }


#header2 > div{
    border:1px solid #000;
    height: 50px;
}

#header2 > div {
    display: inline-flex;
    width: 70%;
     border: 1px solid #000;
    height: 100px;
    margin: auto;
    align-content: flex-end;
    flex-wrap: wrap;
}
#header2 > div > ul{
    /* margin: auto; */
    list-style: none;
    border: 1px #000 solid;
    height: 100px;
    padding-right: 0;
    padding-left: 0;
    width: 25%;
}
#header2 > div > ul > li > h3{
    font-family: bahnschrift, serif;
    color: #000;
    text-shadow: 1px 2px 0 #fdb003;
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
}


#menu a:link, #menu a:active, #menu a:visited{
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
    /* text-shadow: 1px 1px 0 #000; */
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    /* font: 12pt bahnschrift; */
}

#menu a:hover{color: #DFD0A3;}





#footer{
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
    color: #FFF;
    display: flex;
    width: 100%;
    height: 381px;
    margin: 0;
    padding: 0;
    background-image: url("/images/svg/footer-3000px.svg");
    /* background-image: -webkit-image-set(url("/images/svg/footer-halloween.svg") 1x, url("/images/svg/footer-halloween.svg") 2x); */
    background-size: auto auto;
    background-repeat: no-repeat;
    background-position: center center;
    align-self: end;

}
#footer > div {
    display: inline-flex;
    width: 70%;
    /* border: 1px solid #000; */
    height: 381px;
    margin: auto;
    align-content: flex-end;
    flex-wrap: wrap;
}
#footer > div > ul{
    /* margin: auto; */
    list-style: none;
    /* border: 1px #000 solid; */
    height: 165px;
    padding-right: 0;
    padding-left: 0;
    width: 25%;
}
#footer > div > ul > li > h3{
    font-family: bahnschrift, serif;
    color: #000;
    text-shadow: 1px 2px 0 #fdb003;
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
}




#footer a:link, #footer a:active, #footer a:visited{
    filter: drop-shadow(0 0 0.3rem rgba(0, 0, 0, 0.20));
    /* text-shadow: 1px 1px 0 #000; */
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    /* font: 12pt bahnschrift; */
 }

#footer a:hover{color: #DFD0A3;}





/*  START INTERFACE */
#bottom-left, #bottom-right{ position: fixed; z-index: 2; padding:0; margin:0; }
#bottom-left{ left:5px; bottom:5px;  }

#bottom-right{

    height: 40px; width: 250px;
    background-color: var(--color-bg);
    background-color: #111;
    border: 1px solid var(--border-light);
    position: fixed; z-index: 2;
    padding:0 5px; margin:0;
    right:15px; bottom:0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    -webkit-transition:all 0.5s ease-in-out;
}
#bottom-right.show{
     bottom:0;
    height: 50%;
}
#bottom-right img, #bottom-right img.image-hover{
    /* position: absolute; left: -25px; top: 10px; */

}
#bottom-right img{
    width: 40px; height: 40px;
    display: inline-block;
    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.8));
    transition: opacity .2s;
}
#messages{ cursor: pointer; }

/* MAIN BUTTONS: Bottom Right */
.mmenu {
    position: relative;
}
.mmenu img.image-hover {
    position: absolute; object-fit: contain; top: 0;right: 0;left: 0; bottom: 0;
    opacity: 0;  }
.mmenu:hover img.image-hover { opacity: 1; }
.mmenu:hover img.image-main { opacity: 0; }



/* RELATED */
ul.relate {
    list-style-type: circle;
}



/* SPINNING BITCOIN */
#bitcoin {
    display: inline-block;
    width: 45px; height: 45px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: inherit;
}
#bitcoin.spin { animation:turn 2s infinite linear; }
#bitcoin.small { width: 26px; height: 26px; margin-right: 5px; margin-bottom: 2px; }
#bitcoin div{
    display: block; position: absolute;
    width: 100%; height: 100%;
    -webkit-transform-style: preserve-3d;
    background-color: #C89C31;
    border-radius:50%;
    border:2px solid #C89C31;
}
#child { -webkit-transform: translateZ(0px);}
#child1 { -webkit-transform: translateZ(-1px);}
#child2 {-webkit-transform: translateZ(-2px);}
#child3 { -webkit-transform: translateZ(-3px);}
#child4 { -webkit-transform: translateZ(-4px);}

#child5 {-webkit-transform: translateZ(-5px);}
#child6 {-webkit-transform: translateZ(-6px);}
#child7 {-webkit-transform: translateZ(-7px);}
#child8 {-webkit-transform: translateZ(-8px); }
@keyframes turn{ 0%{ transform: rotateY(-180deg); } 100%{ transform: rotateY(180deg); } }


.hide, .mobileOnly{ display: none; }

/* MOBILE MODE */
@media screen and (max-width: 767px) {
    .mobileOnly{ display: inherit; }
    .desktopOnly{ display: none; }

    /* #sub_nav{ display: none;} */

    #search-button{
        right: 50px;
        top: 11px;

    }

    .search:focus {
        max-width: available; /* Bar width+1px */
        padding: 0 16px 0 0;
    }

    .searchbutton.show {
        top: -10px;
        right: -10px;
    }

}

@media screen and (max-width: 991px) {

    .navbar-default .site-logo{
        width: 96px;
        margin-top: 4px;
        margin-left: 26%;
    }

    #sub_nav{
        height: 40px;
        padding-top: 10px;
        /* padding-left: 100px; */
    }

    ul.sub-menu{
        /* position: absolute;
        bottom: -8px;
        left: unset;
        transform: unset;
        font-size: 12pt; list-style-type: none; */

    }

}


.sidebar-contact1{
    position:fixed;
    top:50%;
    left:-350px;
    transform:translateY(-50%);
    width:350px;
    height:auto;
    padding:40px;
    background:#fff;
    box-shadow: 0 20px 50px rgba(0,0,0,.5);
    box-sizing:border-box;
    transition:0.5s;
    z-index: 99;

}
.sidebar-contact1.active{
    left:0;
}
.sidebar-contact1 input,
.sidebar-contact1 textarea{
    width:100%;
    height:36px;
    padding:5px;
    margin-bottom:10px;
    box-sizing:border-box;
    border:1px solid rgba(0,0,0,.5);
    outline:none;
}
.sidebar-contact1 h2{
    margin:0 0 20px;
    padding:0;
}
.sidebar-contact1 textarea{
    height:60px;
    resize:none;
}
.sidebar-contact1 input[type="submit"]{
    background:#00bcd4;
    color:#fff;
    cursor:pointer;
    border:none;
    font-size:18px;
}
.toggle{
    position:absolute;
    height:48px;
    width:48px;
    text-align:center;
    cursor:pointer;
    background:darkorange;
    top:0;
    right:-48px;
    line-height:48px;
}
.toggle:before{
    content:'\f015';
    font-family:fontAwesome;
    font-size:18px;
    color:#000000;
}
.toggle.active:before{
    content:'\f00d';
}
@media(max-width:768px)
{
    .sidebar-contact1{
        width:100%;
        height:100%;
        left:-100%;
    }
    .sidebar-contact1 .toggle{
        top:50%;
        transform:translateY(-50%);
        transition:0.5s;
    }
    .sidebar-contact1.active .toggle
    {
        top:0;
        right:0;
        transform:translateY(0);
    }
    .scroll{
        width:100%;
        height:100%;
        overflow-y:none;
    }
    .content{
        /* padding:50px 50px; */
    }
}
#chatpage{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
/* Set general styles for the video container */


.video-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background: black; /* Fallback color in case the video doesn't load */
}

.video-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover; /* Ensures the video covers the entire area */
}