body {
  font-size: 16px;
}

b, strong {
  font-weight: 600;
}

a:hover {
  text-decoration: underline;
}

nav a:hover {
  text-decoration: none;
}

.text-green, h1.text-green, h2.text-green, h3.text-green, h4.text-green  {
  color: var(--green-dark);
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.round-10 {
  border-radius: 10px;
}

.round-20 {
  border-radius: 20px;
}

.bg-light-grey {
  background-color: var(--grey-light);
}

.logo {
  max-height: 46px;
  margin-left: 30px;
  margin-top: 14px;
}

.logos.logo {
  max-height: 60px;
  margin-left: 0px;
  margin-top: 0px;
}

.logo-header-uw {
  margin-top: 0px;
  height: 60px;
}

.logo-separator {
  display: inline-block;
  width: 2px;
  height: 45px;
  margin-left: 15px;  
  background-color: #000;
  margin-top: 20px;
  position: absolute;
}

@media only screen and (min-device-width: 576px) and (max-device-width: 1290px) {
  .logo {
    max-height: 23px;
    margin-left: 30px;
  } 

  .logo .logos {
    max-height: 37px;
  } 

  .logo-header-uw {
    margin-top: 0px;
    height: 40px;
  }

  .logo-separator {
    height: 45px;
    margin-left: 10px;      
    margin-top: 20px;
  }

}


@media only screen and (min-device-width: 576px) and (max-device-width: 991px) {
  .logo-separator {
    height: 45px;
    margin-left: 10px;      
    margin-top: 10px;
  }
}

.clickable {
  cursor:pointer;
}

.sticky-navbar.is-sticky .logo {
  max-height: 32px;
  margin-bottom: 12px;
  margin-left: 22px;
}

.sticky-navbar.is-sticky .logo.logos {
  max-height: 42px;
  margin-left: 0px;
  margin-top: 5px;
}

.sticky-navbar.is-sticky .logo-header-uw {
  margin-top: 0px;
  height: 40px;
}

.sticky-navbar.is-sticky .logo-separator {
  height: 45px;
  margin-left: 10px;      
  margin-top: 10px;
}

.is-sticky {  
  height: 96px !important;
  max-height: 96px !important;
}

.lang-selection {
  color: var(--grey);
}

.lang-selection a, .lang-selection a:hover {
  color: var(--grey-dark);
}

.footer {
  background-color: white;
}

.logo-footer-garuda {
  margin-top: 10px;
  margin-right: 35px;
  height: 75px;
}

.logo-footer-canada {
  margin-top: 0px;
  margin-right: 35px;
  height: 70px;
}

.logo-footer-uw {
  margin-top: 31px;
  height: 40px;
}

.address-container {
  margin-top: 20px;
}

.navbar .dropdown-menu .nav__item .nav__item-link {
  text-transform: none;
  padding: 5px 0px;
  font-size: 18px;
}

.blog-author.widget, .contact-panel .contact__panel-info, .widget-categories {
  background-color: var(--grey);
}

.widget-categories ul li a {
  font-family: "Segoe Pro", sans-serif;
}

.portfolio-filter li a {
  font-family: "Segoe Pro", sans-serif;
  font-size: 17px;;
}

.header {
  position: relative;
  z-index: 1000;
  border-top: none;
  border-bottom: solid 1px var(--grey);
}

.header-bar {
  height: 10px;
}

.page-title-layout3 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.page-title-layout3 h1 {
  color: #fff;
  font-size: 75px;
}

.portfolio-layout2 .portfolio-item .portfolio__body {
  padding: 15px 15px 16px 20px;
}

.portfolio-item .portfolio__cat {
  margin-bottom: 0px;
}

.fluid-yt {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: pink;
}

.fluid-yt > iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.card-register {
  border-radius: 10px;
  padding: 40px 60px;
  border-style: solid;
  border-color: var(--grey);
  border-width: 1px;
}

.btn {
  height: 50px;
}

.title-on-top {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 300px;
}

@supports not (aspect-ratio: 16 / 9) {
  .fluid-yt { 
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
  }
  .fluid-yt > iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
  }
}

.feature__logo {
  text-align: center;
}

.feature__logo img {
  height: 150px;
  margin-bottom: 40px;
}

.post-item.publication-item {
  background-color: none;
  padding: 0px 15px 15px 15px;
}

.post-item.publication-item .post__img {
  max-height: 340px;
  min-height: 340px;
  border-radius: 0px;
  padding: 20px;
}

.post-item.publication-item .post__img img {
  max-height: 300px;
  border-radius: 5px;
}

.post-item.publication-item .post__body {
  padding: 0px 15px;
}

.post-item.publication-item.small-item .post__img {
  max-height: 320px;
  min-height: 320px;  
  padding: 0px 20px 20px 20px;
  text-align: center;
}

.post-item.publication-item.small-item .post__title {
  font-size: 17px;
}

.footer-copyrights {
  padding-top: 22px;
  padding-bottom: 22px;
}

.post-item.for-events {
  border-style: solid;
  border-color: var(--grey);
  border-width: 1px;
}

.post-item.for-events h4 a  {
  color: var(--green-dark);
}

.post-item.for-events a  {
  color: #000;
}

.post-item.for-events .post__tgl {
  background-color: var(--grey);
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 20px;
}

.info-date .info-content {
  font-size: 25px;
  font-weight: 500;
}

.info-label {
  display: block;
  margin-top: 20px;  
}

.info-content {}

ul.list-of-files {
  list-style-type: none;
  padding-left: 0px;
}

ul.list-of-files li {
  padding-left: 0px;
  margin-bottom: 10px;
}

ul.list-of-files li .fa {
  margin-right: 10px;
  opacity: 0.6;
}

.card-search-result {
  padding: 30px 60px;
  margin-bottom: 30px;
}

.card-search-result a {
  color: #000;
}

.minh170 {
  min-height: 170px;
}

.portfolio-layout3 .portfolio-item .portfolio__body {
  bottom: -186px;
  padding-top: 45px;
}

.portfolio-layout3 .portfolio-item {
  padding-bottom:90px;
}

.icon-focus {
  width:80px;
  margin-bottom: 30px;
}

.slick-dots li.slick-active {
  border-color: #fff;
}

.form-control {
  border: solid 1px #e0e0e0;
}

.nice-select {
  border: solid 1px #e0e0e0;
}

.navbar .navbar-collapse .navbar-nav .dropdown-toggle {
  display: none;
}

.portfolio-layout3.focus-thumbnail .portfolio-item .portfolio__body {
  bottom: -181px;
  padding-top: 37px;
}

#features a {
  text-decoration: underline;
}

#features ul li {
  line-height: 1.8;
  margin-bottom: 10px;
}

/* Mobile Language Selection */
.action__btn-search.mobile__nav {
  position: relative;
  top: 0%;
  right: 0px;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.btn__lang_area {
  border-top: solid 1px lightgrey;
  border-bottom: solid 1px lightgrey;
  width: 95%;
  margin-left: 10px;
  margin-top: 20px;
}

.btn_lang {
  display: inline-block;
  padding: 15px;
  text-align: center;
  width: 32%;
}

.btn_lang {
  color: black;
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
  
  .btn__lang_area {
    display: block !important;
  }

  .logo-footer-garuda {
    margin-top: 0px;
    margin-right: 10px;
    height: 65px;
  }
  
  .logo-footer-canada {
    margin-top: -10px;
    margin-right: 10px;
    height: 65px;
  }
  
  .logo-footer-uw {
    margin-top: 10px;
    height: 27px;
  }

  .slick-arrow {
    display: none !important;
  }

  .header-layout3 .navbar .navbar-brand {
    margin-left: 0px;
  }

  /*.header .navbar-brand .logo {
    max-width: 80px;
  }*/
  
  /*.header .navbar-brand .logos {
    max-width: 90px;
  }*/

  .logo-header-uw {
    max-width: 120px;
    height: auto;
  }

  .logo-separator {
    width: 1px;
    height: 30px;
    margin-left: 8px;
  }

  .header .navbar-brand .logo {
    /*max-width: 90px;*/
    max-height: 78px;
    margin-left: 12px;
    margin-bottom: 0px;
    margin-top: 5px;
  }
  
  .header .navbar-brand .logos {
    margin-left: 0px !important;
    max-width: 98px;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
  }

  .page-title-layout3 h1 {    
    font-size: 35px;
  }

  .minh170 {
    min-height: 0px;
  }

  .portfolio-layout3 .portfolio-item .portfolio__body {
    bottom: 0px;
  }
  
  .portfolio-layout3 .portfolio-item .portfolio__desc {
    opacity: 1;
  }

  h1 {
    font-size: 40px;
  }

  .features-layout4 .feature-item .feature__title, .features-layout5 .feature-item .feature__title {
    font-size: 19px;
  }

  .heading__desc, .feature-item .feature__desc {
    font-size: 16px;
    line-height: 160%;
  }

  .footer-widget-nav li a, .footer__copyright-links li a {
    font-size: 16px;
  }

  .post-item .post__body {
    padding: 30px;
  }

  .contact-panel .contact__panel-info {
    padding: 30px;
  }

  .btn:not(.btn__link) {
    font-size: 15px;
    height: 50px;
  }

  .navbar .navbar-collapse .navbar-nav {
    padding: 50px 20px 20px 20px;
    width: 280px;
  }

  .navbar .navbar-collapse .navbar-nav .dropdown-toggle {
    display: inline;
  }

  .title-on-top {
    padding-top: 160px;
  }

  .card {
    margin-bottom: 20px;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { 
  .btn__lang_area {
    display: block !important;
  }

  .logo {
    max-height: 40px;
  }

  .header-layout3 .navbar .navbar-brand {
    margin-left: 0px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
  .btn__lang_area {
    display: block !important;
  }

  .logo {
    max-height: 40px;
}

.header-layout3 .navbar .navbar-brand {
  margin-left: 0px;
}

.logo-footer-canada {
  height: 65px;
  margin-right: 15px;
}

  .logo-footer-garuda {
    height: 65px;
    margin-right: 15px;
  }

  .logo-footer-uw {
    height: 27px;
    margin-top: 19px;
  }


  .slider .slide__title {
    font-size: 50px;
  }
 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { 
  .slider .slide__title {
    font-size: 50px;
  }
  
  .navbar .nav__item .nav__item-link {
      padding-right: 0px;
      font-size: 16px;
  }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1365.98px) { 
  .slider .slide__title {
    font-size: 50px;
  }
  
  .slide__body {
      padding-left: 60px;
  }
 
 }