@font-face {font-family: Hacen Beirut Md; src: url("/static/fonts/hacen-beirut-md.ttf");}
@font-face {font-family: Amiri; src: url("/static/fonts/amiri-regular.ttf");}

body{
  background: #F9F9F9;
  background: url('/static/photos/banner.jpg') no-repeat center fixed; background-size: 100% 100%;
}

.container{
  width:80% !important;
}

.site-header-bg{
  width: 100%;
  min-height:90px !important;
  margin:0px !important;
  padding: 0 50px !important; 
  /* display: flex; */
  align-items: center;
  background:url('/static/photos/header-bg.png')!important;
}

 .warpper{
    position: absolute;
    top: 50%;
    height: 100px;
    margin-top: -50px; /* account for padding and border if not using box-sizing: border-box; */
}

/* header ------------------------------------------------------------------------------------ */
.site-header{
  height:55px !important;
  border-radius: 0px !important;
  font-family:"Hacen Beirut Md" !important;
  font-size: 1.4rem !important;
  background:#3e6649 !important;
  color:#fff !important;
  margin:0px !important;
}
.ui.menu.site-header .active.item{
  color:orange !important;
  background: #32523b !important;
}

/* footer ------------------------------------------------------------------------------------- */
.footer-text{
  color:#a7c7af !important;
}

/* bio ---------------------------------------------------------------------------------------- */
.ui.segment .bio-header{
  font-size: 1.7rem;
  font-weight: normal;
  color:#32523b;
  font-family: "Amiri" !important;
}

.ui.segment .bio-text{
  color:#414141;
  line-height: 170% !important;
  font-size: 1.2rem;
  font-family: "Amiri" !important;
}

.page-title{
  font-weight: normal !important;
  font-size: 2rem;
  font-family: "Hacen Beirut Md" !important;
}

/* page header */

.bio-title{
  font-size: 1.7rem;
  font-weight: normal;
  color:#32523b;
  font-family: "Amiri" !important;
}


.segment{
    border:none !important;
    padding: 2em !important;
  }

.description{
  margin-top:3px;
}

.no-padding{
  padding:0px !important;
}

.small-padding{
  padding:1em !important;  
}

.sub-text{
  color:grey !important;
  font-size: 0.85em !important;
}

.Site {
  display: flex;
  flex-direction: column;
  height: 100%; /* 1, 3 */
}

.Site-header,
.Site-footer {
  flex: none; /* 2 */
}

.Site-content {
  flex: 1 0 auto; /* 2 */
  padding: var(--space) var(--space) 0;
  width: 100%;
}
.Site-content::after {
  content: '\00a0'; /*   */
  display: block;
  margin-top: var(--space);
  height: 0px;
  visibility: hidden;
}
@media (--break-lg) {
  .Site-content {
    padding-top: var(--space-lg);
  }
  .Site-content::after {
    margin-top: var(--space-lg);
  }
}

.Site-content--full {
  padding: 0;
}
.Site-content--full::after {
  content: none;
}

.text-large{
  font-size:1.7rem;
}

.text-truncate{
  white-space: nowrap !important; 
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.title{
  font-family: "Hacen Beirut Md" !important;
  font-weight: normal !important;  
}

.link{
  font-family: Amiri !important;
  text-decoration: none;
  color:#32523b;
}

/* colors ---------------------------------------------------------------------------------- */
.orange{
  color:orange;
}
.dark-green{
  color:#32523b;
}
.white{
  background: rgba(255, 255, 255, 0.9) !important;
}
/* font size -------------------------------------------------------------------------------- */
.text-xlg{
  font-size: 4.5rem !important;
}
.text-lg{
  font-size: 2.3rem !important;
}
.text-md{
  font-size: 1.5rem !important;
}
.text-sm{
  font-size: 1rem !important;
}
.text-xsm{
  font-size: 0.8rem !important;
}



p{
  font-family: Amiri !important;
  font-size: 1rem;
  color:#414141;
  font-weight: normal;
}


.padding-sm{
  padding:15px !important;
}
.padding-md{
  padding:50px !important;
}


.segment{
  border:0px !important;
}

.column-header{
  border-top-left-radius: 20px !important;
  border-top-right-radius: 5px !important;  
  background: url('/static/photos/bg2.png') no-repeat !important;
  color:#fff !important;
  font-family: "Hacen Beirut Md" !important;
  font-weight: normal !important;
  border:none !important;
}

.column-header > img{
  width:35px !important;
  padding-left:10px;
}

.page-header{
  padding:17 30px !important;
  background: url('/static/photos/bg-page.png') no-repeat center !important;
  background-size: cover !important;
  color:#fff !important;
  font-family: "Hacen Beirut Md" !important;
  font-weight: normal !important;
  border:none !important;
}

.page-title{
  font-family: "Hacen Beirut Md";
  color:#32523b;
}
.page-text{
  font-family: "Amiri";
  color:#414141;
  font-size: 1.2rem;
  line-height: 170%;
}

.markdown-body > p,
.markdown-body li,
.markdown-body li p {
  font-family: "Amiri";
  color:#414141;
  font-size: 1.2rem;
  line-height: 170%;
}

.markdown-body > h1,
.markdown-body > h2,
.markdown-body > h3,
.markdown-body > h4,
.markdown-body > h5,
.markdown-body > h6{
  font-family: "Hacen Beirut Md";
  color:#32523b;
  font-weight: normal;
}