html {
  font-family: Figtree, Helvetica, Arial, sans-serif;
  /* color: #65676b; */
}
@media (min-width: 960px) {
  html {font-size: 17px;}
}
body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}
section {
  /* padding: 50px 20px; */
  text-align: left;
  position: relative;
}
footer {
  /* padding: 50px 20px; */
  text-align: left;
  position: relative;
}
.uk-navbar-item.uk-logo {min-height: 90px;}

/*
 * Style (links)
 */
a,
.uk-link {
  /* color: #406ab3;  orig #1e87f0; */
  text-decoration: none;
  cursor: pointer;
}
a:hover,
.uk-link:hover {
  /* color: #335591;  orig #0f6ecd; */
  text-decoration: underline;
}

/*
 * Custom styles
 */
.boshy {
  unicode-bidi: bidi-override;
 	direction: rtl;
 	text-align:left;
}
.boshy b {display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; width: 0;}

.display-font {
  font-family: Georgia, Palatino, serif;
  font-weight: 700;
  font-style: normal;
}
/* custom font colors */
.text-title-gray {color: #808285;}

.text-gray-nav {color: #cfd1d5;}
/* .text-title-gray {color: #797b7f;} */
.text-gray2 {color: #65676b;}
.text-facebook {color: #3b5998;}
.text-333 {color: #333;}
.text-black {color: #000;}

/* Figtree: CSS class for a variable style */
/* <weight>: Use a value from 300 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */
/*
.figtree-<uniquifier> {
  font-family: "Figtree", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
*/

/*
  Responsive Width Breakpoints
  https://getuikit.com/docs/width#responsive-width

.uk-width-*@s
.uk-child-width-*@s

*@s   640px
*@m   960px
*@l   1200px
*@xl  1600px

The End */