@charset "utf-8";

/* =======================| subpage styles |=============================== */

#u-ribbon {
  overflow: visible;
/*  overflow: hidden;*/
  background-position: 50% 50%;
  object-fit: cover;
  display: block;
  vertical-align: middle;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  max-height: 90px;
  top: 160px;
}
#u-ribbon-1 {
  pointer-events: none;
  min-height: 90px;
  width: 1140px;
  position: relative;
  margin: 0 auto;
}
#u-ribbon-2 {
  pointer-events: initial;
  min-height: 90px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative;
}
#u-ribbon-3 {
  padding-bottom: 10px;
  padding-top: 20px;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  max-width: 100%;
}
#u-ribbon-3 p {
  font-size: 1.875rem;
  text-transform: none;
  letter-spacing: 3px;
  line-height: 1.4;
  font-style: italic;
  font-family: 'Playfair Display', serif !important;
  font-weight: normal;
  margin: 0 0 0 240px;
  position: relative;
  color: #ffffff !important;
  word-wrap: break-word;
  text-align: right;
  padding: 0 15px 0 0;
}
#u-ribbon-3 img {
  width: 38px;
  height: 60px;
  margin: -50px auto 0 0;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  display: block;
  vertical-align: middle;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border-style: none;
}

/*----- content subpage -----*/

#u-content {
  position: relative;
  display: block;
  top: 160px;
}
#u-content-1 {
  min-height: 800px;
  position: relative;
  width: 1140px;
  margin: 0 auto;
}
#u-content-4 {
  flex-direction: row;
  flex-wrap: wrap;
  min-height: 100%;
  max-width: 100%;
  flex: 1 1 100%;
  display: flex;
}
#u-content-left, #u-content-right {
  border: 0px solid transparent;
  text-align: left;
  background-color: transparent !important;
  opacity: 1;
  position: relative;
  display: flex;
  background-clip: padding-box;
  background-origin: padding-box;
  max-height: 100%;
  min-height: -webkit-fit-content;
  min-height: fit-content;
}
#u-content-left {
  flex: 0 0 25%;
  max-width: 25%;
  min-height: 800px;
}
#u-content-left-1 {
  padding: 30px;
  position: relative;
  flex: 1;
  max-width: 100%;
}
#u-content-right {
  flex: 0 0 75%;
  max-width: 75%;
  min-height: 200px;
}
#u-content-right-1 {
  padding: 30px 30px 60px 0;
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  max-width: 100%;
}


#subnav {
  margin-top: 118px;
  margin-bottom: 0;
  min-height: 200px;
  text-align: right;
  display: flex;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative;
}
#subnav-1 {
  padding: 0;
  justify-content: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  flex: 1;
  max-width: 100%;
}
#sub-content {
  margin: 0;
  word-wrap: break-word;
  position: relative;
  flex-shrink: 0;
}
#sub-content img {
  max-width: 100%; 
  height: auto;
  padding: 20px 0;
}
#sub-content h1 {
  margin: 30px 0 40px 0;
}
.content-links ul li {
  float: none;
}
#sub-content a:link, #sub-content a:visited, #sub-content a:active {
  text-decoration: underline;
  color: #983212;
/*  color: #AA3611;*/
}
#sub-content a:hover {
  text-decoration: underline;
/*  color: #983212;*/
  color: #BE7D35;
}


/* ------ |side menu |----- */

ul.kjd-sidemenu {
  margin: 0;
}
ul.kjd-sidemenu li {
  float: none !important;
  color: #983212 !important;
  font-size: 1.35rem;
  margin-bottom: 25px;
  line-height: 1.2;
}
ul.kjd-sidemenu li a {
  color: #892d10 !important;
}

ul.kjd-sidemenu li a:hover {
  color: #000 !important;
}

/* -----| subpage news/events |----- */
#sub-content div.items-leading {
  padding: 0;
}

.page-header h2 a {
  text-decoration: none !important;
}
dl.article-info dd {
  margin-left: 0;
  font-size: 0.875rem;
}
#searchForm {
 margin-top: 180px;
}

/* ------ |partners |----- */

.partners {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  text-align: left;
}
.partners div {
  flex: 50%;
  min-height: 50px;
  display: table;
}
.partners div div {
  vertical-align: top;
  display: table-cell;
  text-align: center;
  padding-bottom: 80px;
}

/* ------ | departments and teachers |----- */

.dep-teach tr td {
  padding: 0 5px;
  vertical-align: top;
}
.c3 {
 /* display: none;*/
}


/* =======================| width < 1199 |=================================== */
@media (max-width: 1199px)  {
/* -------------------------------------------------------------------------- */ 
/*-------< content >  */
  
  #u-content-1 {
    min-height: 600px;
  }
  
}

/* =======================| width > 992 |==================================== */
@media (min-width: 992px)  {
/* -------------------------------------------------------------------------- */ 
/*-------< content >  */
  
  #u-content-left-1 {
    padding-right: 75px;
  }
  
}
/* =======================| width 992-1199 |================================= */
@media (min-width: 992px) and (max-width: 1199px)  {
/* -------------------------------------------------------------------------- */ 
  #u-ribbon-1 {
      width: 940px;
  }

/*-------< content >  */
  
  #u-content-1 {
    width: 940px;
  }
  
}
/* =======================| width 768-991 |================================= */
@media (min-width: 768px) and (max-width: 991px) {
/* ------------------------------------------------------------------------- */ 
  #u-ribbon-1 {
      width: 720px;
  }
  #u-ribbon-3 p {
    letter-spacing: 2px;
    font-size: 1.5rem;
  }
  #u-ribbon-3 img {
    margin: -40px auto 0 0;
  }

/*-------< content >  */

  #u-content-1 {
    width: 720px;
  }
  #subnav {
    margin-top: 110px;
  }
    ul.kjd-sidemenu li {
    font-size: 1.25rem;
/*    margin-bottom: 15px;*/
  }
  
}

/* =======================| width > 768 |================================== */
@media (min-width: 768px) {
/* ------------------------------------------------------------------------ */ 
/*-------< submenu fixed >  */
  #subnav {
     position: -webkit-sticky;
     position: sticky;
     top: 280px
  } 
  
}
/* =======================| width < 767 |================================== */
@media (max-width: 767px) {
/* ------------------------------------------------------------------------ */ 
   #u-ribbon {
      top: 140px;
  } 

/*-------< content >  */
  
  #u-content-1 {
    width: 540px;
  }
  #u-content-left {
    min-height: auto;    
  }  
  #u-content-left, #u-content-right {
    min-width: 100%;
  }
    #u-content-left-1, #u-content-right-1 {
     padding-right: 0;
  }
  #subnav {
    margin-top: 0;
    min-height: auto;
    /*margin-top: 20px;   */
  }
  #u-content-left-1{
    padding-bottom: 0;
    padding-left: 0;
    min-height: auto;
  }
  ul.kjd-sidemenu {
    display: block !important;
  }
  ul.kjd-sidemenu li {
    font-size: 1.25rem;
    margin-bottom: 10px;
  }
  ul.kjd-sidemenu li a {
    text-align: right;
  }
  #sub-content h1 {
    margin: 0 0 40px 0;
  }
    /* ------ |partners|----- */

  .partners div {
  flex: 100%;
  margin: 0;
  }
  .partners div div {
    padding-bottom: 30px;
  }
  
}
/* =======================| width 576-767 |================================ */
@media  (min-width: 576px) and (max-width: 767px) {
/* ------------------------------------------------------------------------ */ 
   #u-ribbon-1 {
      width: 540px;
  } 
    #u-ribbon-3 p {
      letter-spacing: 1px;
      font-size: 1.25rem;
      margin-left: 100px;
      margin-top: 5px;
  }
    #u-ribbon-3 img {
    margin: -40px auto 0 0;
  }
  
}

/* =======================| width < 576 |================================== */
@media  (max-width: 575px) { 
/* ------------------------------------------------------------------------ */ 
   #u-ribbon {
      top: 120px;
  } 
  #u-ribbon-1 {
      width: 340px;
  } 
    #u-ribbon-3 p {
      letter-spacing: 1px;
      font-size: 1rem;
      margin-left: 60px;
      margin-top: 8px;
  }
    #u-ribbon-3 img {
    margin: -38px auto 0 0;
  }

  /*-------< content >  */
  
  #u-content-1 {
    width: 340px;
  }
  #u-content-left-1 {
    padding-top: 0;
  }
  
}

/* ------| IE 10-11 hack |---------- */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

 #sub-content img {
    width: 100%;
  }
    
}


/* -----------------------| end |----------------------------------------- */