@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins';
  src: url('/static/fonts/Poppins/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}

* {
  letter-spacing: 0px !important;
}

body {
  font-family: "Vazir";
}

/* for latin text to be left-aligned */
/* NOTE it was p but then I decided to change it to * */
/*      and haven't tested if it works fine */
*[dir="ltr"] {
  text-align: left !important;

  /* added to have proper alignment in lines containing both arabic and latin characters */
  /* (https://stackoverflow.com/questions/12552804/direction-ltr-in-a-rtl-html-page) */
  unicode-bidi: inherit;
}

.ellipsised {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100%);
}

/* make all share same height */
.owl-service-item .owl-item {
  height: 244px;
}

/* make all share same height */
.meetings-page .meeting-item .down-content,
.upcoming-meetings .meeting-item .down-content {
  height: 122px;
}

.apply-now .item {
  border-radius: 20px;
}


.product_image_wrapper {
  position: relative;
}
.product_image_title {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 10px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, .5);
  color: white;
  font-size: .7rem;
  padding: 1px 6px;
  border-radius: .35rem;
}
.product_modal_button {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 10px;
  margin-top: 10px;
  background-color: rgba(0, 0, 0, .5);
  color: white;
  font-size: .7rem;
  padding: 1px 6px;
  border-radius: .35rem;
  
  outline: none;
  border: none;
}

.modal-header .btn-close {
  margin: auto 0 0 0;
}

/* overlay (https://bryanlrobinson.com/blog/how-to-css-after-elements-for-background-overlays/) */
/* section.heading-page::after {
  content: "";
  position: absolute;
  background-color: rgba(31,39,43,0.75);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 1;
} */
/* bring title to front */
/*section.heading-page > * {
  position: relative;
  z-index: 2;
}*/
/* bring bottom section to front */
/*section.meetings-page.post_list,
section.meetings-page.post_single,
section.apply-now.product_eterna,
section.apply-now.product_ariel,
section.our-courses.staff_list {
  position: relative;
  z-index: 1
}*/


/* overrdide static/fonts/assets/css/templatemo-edu-meeting.css ------------------------- */

section.apply-now {
  background-image: url(../files/apply-now-bg.jpg);
}
section.our-facts {
  background-image: url(../files/our-facts-bg.jpg);
}

.main-button-red a {
  text-transform: none;
}

.main-button-yellow a {
  text-transform: none;
}

.section-heading h2 {
  text-transform: none;
}

.header-area .main-nav .logo {
  font-size: 23px;
  text-transform: none;
}

.header-area .main-nav .nav li a {
  text-transform: none;
  font-weight: bold;
}

.header-area .main-nav .nav li.has-sub:after {
    right: auto;
    left: 1px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
    padding-left: auto;
    padding-right: 20px;
}

.main-banner .caption h6 {
  text-transform: none;
}

.main-banner .caption h2 {
  text-transform: none;
}

.meeting-item .down-content .date {
  float: right;
  margin-right: auto;
  margin-left: 20px;
}

.meeting-item .down-content .date h6 {
  text-transform: none;
}

.meeting-item .down-content h4 {
  display: inherit;  /* originally: display: inline-block; */
                     /* chenged so that the ellipsised class that we added works */
}

section.apply-now .item h3 {
  text-transform: none;
}

.accordion-head .icon {
  float: left;
}
.accordion-head.is-open .icon {
  transform: rotate(-45deg);
}

section.contact-us #contact h2 {
  text-transform: none;
}

section.contact-us #contact button {
  text-transform: none;
}

.footer p {
  text-transform: none;
}

section.heading-page h6 {
  text-transform: none;
}

section.heading-page h2 {
  text-transform: none;
}

section.meetings-page .filters li {
  text-transform: none;
}

.meeting-single-item .thumb .date h6 {
  text-transform: none;
}