/* Changes the entire main menu container background */
.uk-navbar {
    text-color: #FFFFFF !important; /* Replace with your Hex color code code */
    background-color: #000000 !important; /* Replace with your Hex color code code */
    background-image: none !important;    /* Removes any existing gradients */
}

#sp-main-body {
  padding-top:10px;
  padding-bottom:10px;
}

#sp-footer {
  background-color: #FFFFFF !important; /* Replace with your Hex color code code */
  text-color: #000000 !important; /* Replace with your Hex color code code */
}

.breadcrumb-item::before {
    display: inline-block; /* Ensures the margins render correctly */
    
    /* Order: Top Right Bottom Left */
    margin: 0px 0px 0px 1px !important; 
}

li.breadcrumb-item {
    padding: 1px !important;
}

.breadcrumb-item::before {
    /* 1. Remove the default text character */
    content: "" !important; 
    
    /* 2. Setup the image layout */
    display: inline-block !important;
    width: 10px !important;   /* Set to the exact width of your image */
    height: 10px !important;  /* Set to the exact height of your image */
    vertical-align: middle !important;
    
    /* 3. Pull in your custom arrow image */
    background-image: url('/templates/wt_business_free//images/arrow.png') !important; /* Update with your exact image path */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* 4. Tweak the spacing around the arrow image */
    margin: 0 2px 4px 0 !important; 
}

.el-meta {
  display:none !important;
}

body {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 11 !important;
	line-height: 1.2em !important;
	color: #555555 !important;
	background-color: #FFFFFF !important;
}

html {
  background-color: #FFFFFF !important;
}