@font-face {
    font-family: 'SP Ariel BG';
    font-style: normal;
    font-weight: normal;
    font-display: block;
    src: url('./sparielbg-webfont.woff2') format('woff2'),
         url(./sparielbg-webfont.woff) format("woff"),
         url(./sparielbg-webfont.ttf) format("truetype");
}

@font-face {
    font-family: 'SP Ariel BG';
    font-style: normal;
    font-weight: bold;
    font-display: block;
    src: url(./sparielbg-bold-webfont.woff2) format("woff2"),
         url(./sparielbg-bold-webfont.woff) format("woff"),
         url(./sparielbg-bold-webfont.ttf) format("truetype");
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: 'SP Ariel BG', 'Roboto Regular', 'Helvetica Neue', 'Helvetica', 'Arial';
	font-size: 13pt;
	line-height: 1.6;
}
h1{
	margin-top:25px;
	clear:both;
	font-size: 18pt;
}
h4{
	font-size: 12pt;
	font-weight: normal;
}
img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 5px 5px 5px 0px;
}
a:link {
	text-decoration: underline;
	color: saddlebrown;
}

a:visited {
	text-decoration: underline;
	color: saddlebrown;
}

a:hover {
	text-decoration: underline;
	color: chocolate;
}

a.triangle:link{
	text-decoration: none;
	color: #59442b;
}
a.triangle:visited{
	text-decoration: none;
	color: #59442b;
}
a.triangle:hover{
	color: lightslategray;
	text-decoration: none;
}
input{
	border: 0px;
	margin: 0px;
	
}

.quote{
	border-right:8px solid lightslategray;
	font-style:italic;
	font-size: 80%;
	color: #525252;
	padding: 5px 10px 5px 15px;
	background-color: #ebebeb;
	margin: 5px;
}
.mainbody {
	color: black;
	margin: auto;
	max-width: 840px;
	padding: 0px 20px 0px 20px;
}

.catwrapper{
	float: left;
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.loginform{
	float: right;
	max-width: 30%;
}
.nextpage{
	text-align: right;
	float: right;
	margin-bottom: 25px;
}
.prevpage{
	text-align: left;
	float: left;
	display: inline-block;
	margin-bottom: 25px;
}
.article_wrapper{
	clear:both;
}
.article_footer{
	clear: both;
	width: 100%;
}
.selected_cat{
	font-size: 16px;
	font-weight: bold;
	color: saddlebrown;	
}
.icons {
	display: inline-flex;
	align-items: center;
}
.icon {
	width: 30px;
	height: 30px;
}

.rtlText {
    unicode-bidi: bidi-override;
    direction: rtl;
}