/*
*  theme overwrite
=================================
=================================
=================================*/
/**! ----- font family ---- **/

.mobile-only{
  display: none;
}
@media (max-width: 991px) {
  .mobile-only{
    display:block;
  }
  .desktop-only{
    display:none;
  }
}

body {
  font-family: "Aileron", sans-serif, "Aileron", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Aileron", sans-serif;
}

.blockquote {
  font-family: "Noto Serif", serif;
}

/**! ----- colors ---- **/
.bg-color-primary, .btn--bg-primary, .navbar-sticky--on .btn, .btn--bg-grey:hover, .btn--outline:hover, .btn--outline-thick:hover, .btn-border-hover.btn--color-white:before, .card--focused, .card--outline:hover, .card--outline:focus, .social-lists li a:hover, .media-player-icon--fill-primary, .oval, .slick-active .slick-dots--long, .pagination .page-item.active .page-link {
  background: #2f5bea;
}

.color-primary, .hero-content .btn:hover .media-player-icon--fill-grey, .btn--bg-white:hover, .btn--color-primary, .btn--color-primary:hover, .btn--color-dark.btn-text-hover:hover, .btn--outline.btn--color-primary, .btn--outline-thick.btn--color-primary, .btn-text-hover:hover, .card--focused .btn__text, .lang-selector .lang-dropdown__item:focus, .lang-selector .lang-dropdown__item:hover, .icon-rounded .icon, .media-player-icon--fill-grey:hover, .btn:hover .media-player-icon--fill-grey i, .pagination .page-item .page-link:hover, .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active, .features--slider-2 .slick-arrow:hover i, .footer-widget ul li a:hover, .footer .nav li a:hover {
  color: #2f5bea;
}

.color-primary-orange {
  color: rgb(223, 134, 0);
}

.features .swipe-tab.active-tab .swipe-tab__inner {
  -webkit-box-shadow: 0px 2px 0px #2f5bea;
  box-shadow: 0px 2px 0px #2f5bea;
}

.border-primary, .hr--blod, .btn--color-primary, .btn--color-dark.btn-text-hover:hover, .btn--outline:hover, .btn--outline-thick:hover, .btn-text-hover:hover {
  border-color: #2f5bea;
}
.bg-fill-primary {
  fill: #2f5bea;
}

.navbar-custom{
  background: -webkit-linear-gradient(224deg, #FF9800 0%, #FFC107 100%);
  background: -o-linear-gradient(224deg, #FF9800 0%, #FFC107 100%);
  background: linear-gradient(-134deg, #FF9800 0%, #FFC107 100%);
}

.profile-item {
  text-align: center;
}

.profile-picture {
  border: 3px solid #ffffff;
  padding: 3px;
  border-radius: 100%;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 0 auto;
  margin-top: 10px;
  width: 80px;
  height: 80px;
  overflow: hidden;
}

.profile-picture img {
  width: 80px;
  border-radius: 100%;
}

.profile-name {
  font-size: x-large !important;
  text-transform: capitalize;
  color: black;
  margin-top: 10px !important;
}

.form-control{
  height: calc(2.25rem + 2px);
}

.btn-custom{
  background-color: #FF9800;
}

.btn-custom:hover{
  background-color: #FF9800;
}

.btn-custom:active{
  background-color: #FF9800 !important;
}

.btn-custom:focus{
  box-shadow: none !important;
}

.bg-fill-primary{
  fill: #FF9800 !important;
}

.bg-fill-secondary{
  fill: #FFC107;
}
/*! Place your custom styles here (below).
      This will make it much easier to update the template later - you'll only need to preserve "this file
      ===================================================================================================*/