//META{"name":"Elegant_Blue","description":"***Make sure BD blue and BD dark are OFF!*** Relaxing blue theme with some customisability(background and main colors customisable, color changing still WIP). Narrow screen width support to some extent. Originally based on Discord Reborn by Omniscient. Friends list by Uri. A big thanks to the people on BetterDiscord server who gave ideas and solutions.","author":"Arch#4700","version":"1.1"}*//{}

/* IMPORT CSS */
@import url(https://archnemeziz.github.io/Discord/ElegantBlue.mini.css);
/*
---------------------------------------------------------------------------------------------------------------------------------------------
IMPORTANT: CHANGE TO DARK APPEARANCE IN DISCORD SETTINGS!
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* SET OPTIONS */
:root { 
 --main-color: #057F95;
 --hover-color: #045B6B;
}
.app, canvas, .callout-backdrop {
	background-image: url("https://i.pinimg.com/originals/65/20/7e/65207e416d092b13f2f079cdae2e58a5.gif") !important;
}

/* Channel Animation */
	.containerDefault-1ZnADq, .containerDragAfter-1F4fgZ, .containerDragBefore-31UGCO, .containerUserOver-1U5YnL {
    -webkit-transition: opacity .2s ease-in-out;
    position: relative;
    transition: opacity .5s ease-in-out;}

/* New Messages Color */
	.dividerRed-MKoLlr:before {
	background-color: rgba(46,95,123, .5)!important;}

/* No Text Channels Transparency */
	.theme-dark .noChannel-Z1DQK7 {
    background: rgba(0, 0, 0, 0.85);}

/* Guild List Transparency */
	.guildsWrapper-5TJh6A .guilds-1q_RqH {
    padding: 18px 0 0 15px;
    background: rgba(0, 0, 0, 0.84);}
	
/* Add Guild Plus */
	.theme-dark .guildsAdd-21_IdK {
    background: rgba(32, 34, 37, 0);
    border-color: rgba(83, 85, 89, 0);
    color: rgba(83, 85, 89, 0.81);}
	
	/* Properties */
	.guildsAddInner-1KMFy- {
    position: relative;
    top: 0px;
    left: 0px;
	color: #057F95;
	font-size: 150%;}
	
/* Past Date Stamp Color */
	.theme-dark .divider-3gKybi span, .theme-dark .divider-3gKybi:before {
    background-color: rgba(46,95,123, .5);}

/* Friend Menu Tabs */
	.theme-dark #friends .tab-bar .tab-bar-item.selected {
    background-color: rgba(0,130,169,.6);
    color: rgb(255, 255, 255);}
	
/* Memberlist Hover Color */
	.theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 {
    background: linear-gradient(to right,rgba(0,130,169,.6) ,rgba(255,255,0,0));}
	
/* Memberlist Hover Animation */
	.theme-dark .member-3W1lQa:hover .content-OzHfo4 {
    background-color: linear-gradient(to right,rgba(0,130,169,.6) ,rgba(0,130,169,0.4));
    transition: background 1s,background-color .5s;}
	
/* Top Bar Tweak */
	.typeWindows-1za-n7 {
    background-color: #003748;
	background: linear-gradient(to top,rgba(0,130,169,.6) ,rgba(0,130,250,.05));
    height: 22px;
    margin-top: 0;}
	
/* Memberlsit Select Round */
	.theme-dark .member-3W1lQa.popout-open .content-OzHfo4, .theme-dark .member-3W1lQa.popout-open:hover .content-OzHfo4 {
    height: 36px;
    margin: 0 2px 0 0px;
    border-radius: 50px;}
	
/* NSFW Tag Color */
		.nsfw-tag {
		position: relative;
		overflow: hidden;
		padding: 1px 2px 1px 2px;
		margin-left: 5px;
		height: 13px;
		border-radius: 3px;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 500;
		line-height: 14px;
		white-space: nowrap;
		color: rgb(71, 90, 240);
		background: linear-gradient(to right,rgba(0,130,169,.6) ,rgba(50,50,50,0.15));
		border: 1px solid rgba(71, 146, 240, 0.498039);}
	
/* MinMax Buttons Animation */	
	.winButtonMinMax-PBQ2gm {
	transition: background 1s,background-color .35s;}
	
/* Close Button Animation */
	.winButtonClose-1HsbF- {
	transition: background 1s,background-color .35s;}
	
/* DM Hover Animation */
	.private-channels .channel a {
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-sizing: border-box;
    align-items: center;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    height: 40px;
    margin: 1px 0 1px 8px;
    padding: 8px;
    text-decoration: none;
	transition: background 1s,background-color .5s;}
	
/* Custom Home Icon */
	.homeIcon-1FoKUJ g{display:none}
	svg.homeIcon-1FoKUJ{background: url(https://i.redd.it/cfl8l52kgq801.gif) no-repeat center/cover}
	
/* Guild Select Bubble Tansparent */
	.bd-blue *[style*="background-color: rgb(114, 137, 218)"] {
    background-color: rgba(58, 113, 193, 0) !important;}
	
/* Guild Selector Tweak */
	.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.selected-ML3OIq:before {
    height: 0!important;
    width: 38px!important;
    border: 8px rgb(204, 47, 47);
    border-left-width: 25px;
    border-right-width: 25px;
    border-top-color: rgba(0, 0, 0, 0);
    border-bottom-color: transparent;
    background: rgba(35,159,165,0)!important;
    animation: guildselect .4;
    left: -24px!important;
    margin-top: -8px!important;
    transition: height .2s ease-in-out;}
	
/* Friends Online Transparency */
	.theme-dark .friendsOnline-_wi_fM, .theme-light .friendsOnline-_wi_fM {
    color: hsla(0, 0%, 100%, 0.6);}
	
/* Guild Unread Icon */
	.guildsWrapper-5TJh6A .guilds-1q_RqH .guild-1EfMGQ.unread-qLkInr:after {
    left: -21px;
    content: " ";
    height: 30px;
    position: absolute;
    background-color: rgba(5,127,149,.7);
    width: 10px;
    border-radius: 3px;
    top: 5px;
    transition: .5s width ease;}