html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

nav.navbar {
  background-color: #2aaae4;
  padding-top: 0;
  padding-bottom: 0;
}

@font-face {
  font-family: "yekan";
  src: url("../fonts/Yekan.eot");
  src: url("../fonts/Yekan.eot?#iefix") format("embedded-opentype"), url("../fonts/Yekan.woff2") format("woff2"), url("../fonts/Yekan.woff") format("woff"), url("../fonts/Yekan.ttf") format("truetype"), url("../fonts/Yekan.svg#Yekan") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  font-family: yekan;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "yekan";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #222;
  text-align: right;
  background-color: #FFFFFF;
  direction: rtl;
}

select, option {
  font-family: Tahoma;
}

/* Main colors */
.text-blue {
  color: #2aaae4;
}

.bg-blue {
  background-color: #2aaae4;
}

.text-cream {
  color: #ffec90;
}

.bg-cream {
  background-color: #ffec90;
}

.text-pink {
  color: #f59bbe;
}

.bg-pink {
  background-color: #f59bbe;
}

.text-cyan {
  color: #06b3bc;
}

.bg-cyan {
  background-color: #06b3bc;
}

.text-yellow {
  color: #fed219;
}

.bg-yellow {
  background-color: #fed219;
}

.text-red {
  color: #fa5456;
}

.bg-red {
  background-color: #fa5456;
}

.nav-item .nav-link.active {
  text-shadow: 1px 1px 10px #fff, 1px 1px 10px #ccc;
}

.nav-item .nav-link {
  font-size: 20px !important;
}

.validation-summary-errors {
  background-color: rgb(248, 214.6, 217.8);
  border-radius: 5px;
  border: 1px solid rgb(241, 174.2, 180.6);
}
.validation-summary-errors li {
  list-style: none;
}

.gradient-orange {
  /* fallback for old browsers */
  background: #f6d365;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right bottom, rgb(246, 211, 101), rgb(253, 160, 133));
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right bottom, rgb(246, 211, 101), rgb(253, 160, 133));
}

.template-page-content {
  font-family: "yekan";
  font-size: 1.5rem;
  font-weight: 200;
  line-height: 1.5;
  color: black;
  text-align: right;
  background-color: #FFFFFF;
  direction: rtl;
}