@charset "UTF-8";
/***!  /templates/coonkitty/css/user.css?96d474  !***/

:root
{
  /*--body-color: #4889ca;*/
  --card-bg: #000;
}

.card
{
  border: 4px double rgba(0,0,0,0.5);
}

.card-body
{
  background-image: linear-gradient(0deg, rgba(0,0,0,0.5), 5%, rgba(255,255,255,0.1));
}

/* MENU SUBLIST */
.nav-item.current.active.deeper.parent
{
  background-image: none;
}

/* MODULE HEADER */
.card-header
{
  text-shadow: 4px 4px 2px rgba(0,0,0,0.25);	/* offsetX, offsetY, blur, color*/
  font-size: 1.5rem;
  text-align: center;
}

.nav
{
  margin-right: 0px;
  border: 1px solid;
}

.mod-list li
{
	padding: .1em 0;
  	border: 4px double;
  	border-color: rgba(0,0,0,0.25);
  	background-image: linear-gradient(0deg, rgba(0,0,0,0.1), 10%, rgba(255,255,255,0.2));
}

/* MAIN MENU BUTTON */
.nav a
{
  margin-left: 5px;
  /*transition: margin-left 200ms, color 200ms;*/
  transition: transform 200ms, color 200ms ease-out;
  -webkit-transition: transform 200ms, color 200ms ease-out;
  -moz-transition: transform 200ms, color 200ms ease-out;
  -o-transition: transform 200ms, color 200ms ease-out;
  display: inline-block;
  color: var(--cassiopeia-color-link);
}

/* MAIN MENU BUTTON (HOVERED STATE) */
.nav a:hover
{
  /*margin-left: 13px;*/
  transform:translate(8px,0px);
  -webkit-transform:translate(8px,0px);
  -moz-transform:translate(8px,0px);
  -ms-transform:translate(8px,0px);
  -o-transform:translate(8px,0px);
  
  color: rgb(192,0,0);
}

.container-header
{
  background-image: linear-gradient(0deg, var(--cassiopeia-color-primary), var(--cassiopeia-color-hover));
}

/* BANNER NAVIGATION BAR */
.container-header .navbar-brand
{
  margin-left: auto; /* center banner image */
}

/* BANNER IMAGE */
.container-header .navbar-brand img
{
  width: 100%;
  border: 4px double #f77;
  border-radius: 2rem;
  box-shadow: 0px 0px 16px 4px #f00; /* offsetX, offsetY, blurSize, spreadSize, color */
}

/* TEXT UNDER THE BANNER LOGO */
.navbar-brand
{
  text-align: center;
}






.site-title
{
  padding-bottom: 1.5rem;
  text-shadow: 0px 0px 16px rgb(255, 0, 0);
  font-family: Pacifico, sans-serif;
  font-size: 48px;
}

.site-description
{
  letter-spacing: 8px;
  font-weight: bold;
  background: linear-gradient(0deg, rgb(255, 127, 0), 25%, rgb(255, 255, 0));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 1rem;
}






/* LEFT SIDEBAR CARD BODY (CURRENTLY MAIN MENU) */
.sidebar-left .card-body
{
  padding: 0.5rem; /* reduce padding between the edge and main menu buttons list */
  background-image: none; /* get rid of background gradient from the main menu buttons list */
}

/* NESTED MAIN MENU BUTTONS LIST */
.mod-list li .mod-menu__sub
{
  padding-right: 1em;
}

/* NESTED MAIN MENU BUTTON */
.list-inline, .list-unstyled
{
  
  padding-top: 4px;
}















 
@keyframes headerFloat {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 8px); }
    100%   { transform: translate(0, -0px); }   
}




/* HEADER #1 */
.h1, h1
{
  color: #f05;
  font-family: Pacifico, sans-serif;
  text-shadow: 4px 4px 4px rgb(0, 0, 0);
  padding-bottom: 1rem;
  
  animation-name: headerFloat;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/* HEADER 2 */
.h2, h2
{
  text-shadow: 2px 2px 2px white;
  -webkit-text-stroke: 0.5px black;
}

body
{
  background-image: linear-gradient(0deg, rgba(32,0,0,0.3), rgba(0,0,0,0.1), rgba(0,0,32,0.3));
}

/* HYPERLINKS */
body a
{
  color: #b30000;
}

/* 25 LAT DOSWIADCZENIA I TRADYCJI TEXT */
.container-banner full-width
{
  margin: 0px;
}









@keyframes traditionLetterSpacing {
  0% { letter-spacing: 0px; }
  50% { letter-spacing: 4px; }
  100% { letter-spacing: 0px; }
}

#mod-custom121 p
{
  text-shadow: 0px 0px 4px rgb(255,128,0);
  margin-top: 4px;
  
  animation-name: traditionLetterSpacing;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}