:root {

    --cassiopeia-color-primary: #000000;
    --cassiopeia-color-link: #000000;
    --cassiopeia-color-hover: #34396E;

  
   /* vagy kiszínezi az összes ikont ezzel a különleges kijelentéssel */

  
  

/* betűszín, box szövegháttér efefef */
  
    --body-color: #383838;
    --body-bg: #ffffff;
}


/* alsó ikonsáv háttér */

.bottom-b {  
  background: #efefef;  
}


/* jobb oszlop háttér */

.sidebar-right {  
  background: #efefef;  
}





/* A moduloknak megvan az osztálykártyája, tehát .card-al vezérelheti őket - ha 

csak egy adott modult akar vezérelni, akkor a beállításokban megadhatja a modulnak 

saját CSS osztályát, majd azzal vezérelheti. */

.card {
    box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
}


/* A fejléc háttérszín efefef */

.header {
    background: #efefef;
  box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.35);
    
}


/*vissza az elejére, fel gomb*/
.back-to-top-link.visible {
  position: fixed;
  bottom: 20px;
  right: 30px;
  background: #F6F4F4;
color: #383838;
  border: 1px solid #383838;
  
  box-shadow: 8px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 8px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 8px 4px 18px 0px rgba(0, 0, 0, 0.35);
  
}

.back-to-top-link.visible:hover {
background: #EFEFEF;
  color: #383838;
  border: 1px solid #383838;
  }

/*kategóriagombok*/
.btn-secondary {
background: #F6F4F4;
  box-shadow: 8px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 8px 4px 18px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 8px 4px 18px 0px rgba(0, 0, 0, 0.35);
  border: 1px solid #383838;
}

.btn-secondary:hover {
background: #EFEFEF;
  border: 1px solid #383838;
  }




/* összecsukott menügomb színe */
.container-header .navbar-toggler {
 color: #000000;
 border: 1px solid #000000;
}





/* menü betüszín */
.container-header .mod-menu {
 color: #000000;
 font-size: 1.5rem;
  
 
}

/* lenyíló almenü betűszín */
.metismenu.mod-menu .mm-collapse>li>a { color: #000000; }
.metismenu.mod-menu .mm-collapse>li>a:hover { color: #000000; }








/* a takart menü betűszín */
.container-header .mod-menu>li:hover  {color: #000000;}

/* a takart menü háttérszín 
.container-header .mod-menu > li:hover  {background: #EFEFEF;
box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.55);}
*/




/* az aktív menü */
.container-header .mod-menu > li.level-1.active > a, .container-header .mod-menu > 

li:hover a {
	background: #EFEFEF;
  color: #000000;
/*  box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 12px 4px 18px 0px rgba(0, 0, 0, 0.55);*/
 
}
   

/* legördőlü menü háttér */

.metismenu.mod-menu .mm-collapse {
    background: #EFEFEF;
}



/* menü aláhúzása */


.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: #000000;
  left: 0;
  right: 0;
}



/* link aláhúzás nélkül a job oszlopban - meg máshol is ahol card van*/


.card a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

.card a:hover {
text-decoration: none;
font-weight: normal;   }
  
  
  
  
/* reszponzív telefonszám kártya formázása main-top - átkerült a search helyre 
  

 .main-top {
   border: 0px solid #383838;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.35);
}  */