/* This changes primary background colors for template - in this case our AP "Black and Gold" */

:root {
  --cassiopeia-color-primary: #000000;
  --cassiopeia-color-hover: #000000;
  --cassiopeia-color-link: #353b41;
}

 a {
    color: #000;
}


/* Page class creates an alternative theme for this template instance */

.own {
  --cassiopeia-color-primary: #00335d;
  --cassiopeia-color-hover: #84bc41;
  --cassiopeia-color-link: #006600;
}

/* The art color is deep purple - primarily used for arts & culture pages. */

.purple {
  --cassiopeia-color-primary: #330066;
  --cassiopeia-color-hover: #9900cc;
  --cassiopeia-color-link: #ffb612;
}


/* This color is royal blue - primarily used for events pages. */

.blue {
  --cassiopeia-color-primary: #000066;
  --cassiopeia-color-hover: #3333ff;
  --cassiopeia-color-link: #3333ff;
}


/* This is gold primary background colors for template - in this case our "Yinzerville" directory*/

:gold {
  --cassiopeia-color-primary: #ffb612;
  --cassiopeia-color-hover: #000000;
  --cassiopeia-color-link: #353b41;
}

 a {
    color: #000;
}



.float-center.item-image {
  text-align: center;
  padding-bottom:10px
  padding-top:10px;
}


.klatest-subject a {
    font-weight: bold;
    font-size: 24px;
}

.klatest-posttime, .klatest-cat, .klatest-author {
    font-size: 16px;
}

#kunena.layout .kmsg {
    margin: 20px 0;
}
.btn-bump {
    margin-right: 0.5rem;
}



/* Styling Blockquote */

blockquote#organge {
  border-left:8px solid #1FB0E1;
  background:#E1501F;
}

blockquote#red {
  border-left:8px solid #990000;
  background:#009999;
}

blockquote#blue {
  border-left:8px solid #1FB0E1;
  background:#0082ca;
}

blockquote#green {
  border-left:8px solid #1FB0E1;
  background:#84bc41;
}

blockquote#judge {
  border-left:8px solid #1FB0E1;
  background:#7e715a;
}

blockquote {
  font-size: 1.4em;
  width:100%;
  margin:10px auto;
  font-style:italic;
  color: white;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #FFB612 ;
  line-height:1.6;
  position: relative;
  background:#000;
  z-index:0;
}

blockquote::before{
  content: "\201C";
  color:white;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:white;
  font-style: normal;
  font-weight: 400;
  margin-top:1em;
}

/* This gives the Jreviews map a z-index property that keeps it below the dropdowns on the main menu bar. */

.jrMapModule, .jrMapviewPage {
    border: 1px solid #e1e1e1;
    width: 100%;
}

/* This styles the primary and secondary button classes. */

.btn-primary {
    background-color: #FFB612;;
    border-color: #ced4da;
    color: #000000 !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff !important;
    background-color: #6d757e;
    border-color: #285e8e; /*set the color you want here*/
}

.btn-secondary {
    background-color: #6c757d5e;
    border-color: #ced4da;
    color: #353b41;
}

.btn-secondary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #000000;
    background-color: #6d757e;
    border-color: #285e8e; /*set the color you want here*/
}
/*set the dropdown menu color you want here*/

.metismenu.mod-menu .mm-collapse {
  color: #000000;  
  background-color:#FFB612;
;
  border-radius:5px;
 
}
/*style the color of menu links*/
.mod-list li a  {
    color: #000;
}

/*makes the menu width a little wider for icons*/
.container-header .metismenu>li.level-1>ul {
    min-width: 18rem;
}
.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
 
    align-items: center;