:root {
  --body-font-size: 0.9rem;
  --body-font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --link-color: #335599;
  --link-color-rgb: 51,85,163;
  --link-decoration: none;
  --link-hover-color: #335599;
  --link-hover-color-rgb: 51,85,163;
  --link-hover-decoration: none;
}

a, a:hover, a:not([class]) {
  color:var(--link-color);
  text-decoration: var(--link-decoration);
}

h1,.h1,h2,.h2 {
    font-size: 1.5rem;
}

h3,.h3 {
    font-size: 1.2rem;
}

.article-info {
	font-size: 0.6rem;
}
/* readmore */
.readmore .btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	*background-color: #e6e6e6;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	border: 1px solid #bbb;
	*border: 0;
	border-bottom-color: #a2a2a2;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*margin-left: .3em;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  
}

/* Menue Styles */
.container-below-top, .container-nav {display:block!important;}

.metismenu.mod-menu .metismenu-item {
    padding: .5em 1em;
    font-size: 1rem;
    line-height: 1.2;
    display: flex
}

@media (width>=992px) {.container-nav li.level-1.deeper.parent:hover > ul {display:block !important;}}
@media (width<=992px) {.container-below-top img{display:none;}}

/* Override the lila background with white */
.container-header, .container-footer {
    background-color: white;
    background-image: none;
}
.container-footer {border-top:1px solid #335599;}
/* Text should now be blue */
.container-header .mod-menu {
    color: #333;
  	background-color: #fafafa;
	background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
	background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
	background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
	background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	box-shadow: 0 1px 4px rgba(0,0,0,0.065);
	*zoom: 1;
}

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; 
    padding: 3px 15px;
    color: #333;
}

.mm-toggler {display:none!important;}
/* We need to change the color of the Hamburger Menu because white on white is not good */
.container-header .navbar-toggler {
    color: #333;
    border: 1px solid #333;
}

/* RC Designs */
#designList tr td:nth-child(2),#designList tr th:nth-child(2),#designList tr td:nth-child(1),#designList tr th:nth-child(1), .rcdesign_nofilter .js-stools-container-bar, .com_rc_designs div.ordering-select, .com_rc_designs .filter-search-bar  {display:none;}