/* EXTRA 'COOL' CSS STYLESHEET BY AURORA-MAREVIV. MAR 2017 - GPL-v3*/


/*link formatting*/
:root {
    --lightBlue: #478ca7;
    --lightBlue-hover: #82b5c9;
    --lightBlue-alpha: rgba(71, 140, 167, 0.3);

    --lightOrchid: #7c1671;
    --lightOrchid-hover: #490d43ff;
    --lightOrchid-alpha03: rgba(124, 22, 113, 0.3);

    --darkRed: #951d2d;
    --darkRed-alpha: rgba(149, 29, 45, 0.3);
    --lightRed: #c13c40;  /*#c13c40*/
    --lightRed-hover: #cf8383;
    --lightRed-alpha: rgba(193, 60, 64, 0.3);

    --lightOrange: #d7b572;
    --darkOrange: #cc8800; /*#d7b572*/
    --darkOrange-alpha: rgba(204, 136, 0, 0.3);
    --darkOrange2: #972D1D;
    --darkOrange-alpha2: rgba(151, 45, 29, 0.3);
    --darkPink: #a93241;
    --darkPink-alpha: rgba(169, 50, 65, 0.3);

    --lightGrey: #ebebeb;  /*default sidebar link color #ebebeb, rgba(235, 235, 235)*/
    --lightGrey-alpha03: rgba(235, 235, 235, 0.3);
    --lightGrey-alpha06: rgba(235, 235, 235, 0.6);
    --lightGrey-alpha08: rgba(235, 235, 235, 0.8);
    --darkGrey-code: #8b9fa7; /*#657b83*/
    --lightGrey-background: #f7f8f8;
    --lightGrey-code: #d6dbdb; /*#bbc4c4*/
    --darkGrey-background: #3b4444;
    --darkGrey-background-alpha08: rgba(59, 68, 68, 0.8);
    --darkGrey-background-alpha06: rgba(59, 68, 68, 0.6);
    --darkGrey-background-alpha03: rgba(59, 68, 68, 0.3);
    --white: #ffffff;
    --white-alpha: rgba(255, 255, 255, 0.95);
    --transparent: rgba(255, 255, 255, 0);
}

/*general link formating*/
a:link, a:visited  {
	color: var(--lightOrchid);
	text-decoration: none;
}
a:hover{
	color: var(--lightOrchid-hover);
	text-decoration: none;
}

/*navbar default link formatting*/
.navbar, .navbar-nav, .navbar-default {
  background-color: var(--lightOrchid) !important;
  border-color: var(--lightOrchid) !important;
}
/*navbar active link formatting*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus,
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
  background-color: var(--lightOrchid-hover) !important;
  border-color: var(--lightOrchid-hover) !important;
}

/*button formatting*/
.btn, .btn-primary, .btn-copy-ex {
  background-color: var(--lightOrchid) !important;
  border-color: var(--lightOrchid) !important;
}