/*-------------*\
	$CONTENTS
\*-------------*/
/**
 * VARIABLES	
 * ELEMENTS
 * SEC--HEADER
 * SEC--BANNER
 * SEC--CORE
 * BLK--NOTICES
 * BLK--COMING-EV
 * SEC--FOOTER
 * BLK--PAGE-TITLE
 * BLK--ARTICLE
*/
@import url("https://webarchive.lib.cuhk.edu.hk/20210325003240cs_/https://fonts.googleapis.com/css?family=Roboto:300,400,500");
@import url("https://webarchive.lib.cuhk.edu.hk/20210325003240cs_/https://fonts.googleapis.com/css?family=Roboto+Condensed");
@import url("https://webarchive.lib.cuhk.edu.hk/20210325003240cs_/https://fonts.googleapis.com/css?family=Lora");
/*--------------*\
	$VARIABLES
\*--------------*/
/*--------------*\
	$ELEMENTS
\*--------------*/
.container {
  max-width: 1200px; }

a {
  cursor: pointer; }

body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto condensed', sans-serif; }

h1 {
  color: #2d842f;
  margin-bottom: 45px; }

h2 {
  color: #4cc331; }

/*--------------*\
	$SEC-HEADER
\*--------------*/
.sec-header {
  background: linear-gradient(to bottom, #066209 0%, #2d842f 100%);
  padding-top: 5px; }

.dep-title {
  color: white;
  font-size: 30px;
  text-transform: uppercase;
  width: 190px;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px; }

.dep {
  font-size: 24px;
  float: left;
  font-family: HelveticaNeue-UltraLight;
  line-height: 0.9em; }

.psy {
  line-height: 0.9em;
  float: left; }

.font-size {
  float: right;
  margin: 10px;
  margin-top: 30px; }

.font-size a {
  color: white;
  cursor: pointer;
  margin: 0 1px; }

.s-font {
  font-size: 14px; }

.m-font {
  font-size: 18px; }

.l-font {
  font-size: 22px; }

.search {
  width: 200px;
  float: right;
  margin: 10px;
  margin-top: 25px; }

.logo-cuhk {
  float: right;
  height: 50px;
  margin: 10px 5px; }

.logo-med {
  float: right;
  height: 50px;
  margin: 10px 5px;
  border-left: 1px solid #ccc;
  padding-left: 10px; }
.sec-title {
  background:linear-gradient(to bottom, #066209 0%, #2d842f 100%);
}
.sec-title p {
      color: white;
      margin: 5px 0px;
    
    font-size: 22px;
}
/*--------------*\
	$SEC-BANNER
\*--------------*/
.sec-banner {
  height: 600px;
  overflow: hidden;
  background: url("/20210325003240oe_/http://www.psychiatry.cuhk.edu.hk/templates/frontend/img/master-2.jpg");
  background-size: cover;
  background-position: center -120px; }

.sec-banner .container {
  position: relative;
  height: 600px; }

.camera_caption_desc {
  font-size: 20px !important;
  margin-top: 150px;
  font-family: 'Lora', serif;
  font-style: italic;
  color: #444;
  text-align: justify; }

.camera_caption_title {
  font-family: 'Roboto condensed', sans-serif;
  line-height: 52px;
  font-weight: bold;
  color: #444;
  text-align: center; }

/*--------------*\
	$SEC-MENU
\*--------------*/
.sec-menu {
  background: rgba(41, 160, 45, 0.6); 
  top: 41px;
  bottom: initial;
  z-index: 2;
  height: 45px;}

.menu {
  text-align: center;
  padding: 0;
  margin-top: 0px; }

.sec-menu ul li {
  color: white;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  vertical-align: middle;
  display: inline;
  padding: 0px;
  background: transparent;
  width: 14%}

.sec-menu ul li:hover {
  text-decoration: none;
  color: white;
  background: transparent;}
  
.sec-menu .item-title {
  float: none;
  width: initial;
  margin-top: 0px;
      line-height: initial;
    font-size: initial;
  }
.sec-menu .item-title.two-rows {
	margin-top: 0px;
}
.menu-item .glyphicon {
  font-size: 48px;
  float: left;
  width: 30%;
  text-align: center;
  margin: 15px 0;
  color: #4cc331; }
.sec-menu ul li a:hover, .sec-menu ul li a:focus {
  color: #ab71af;
  color: #006400; 
  background-color: #87ceeb; }
/*--------------*\
	$SEC-NEWS
\*--------------*/
.header-title {
  font-family: 'Roboto condensed', sans-serif;
  text-transform: uppercase;
  font-size: 36px;
  border-top: 8px solid #FFFFB5;
  border-top: 8px solid #4cc331;
  margin-top: 4px; }

.sec-news {
  background: #2d842f;
  background: white;
  color: white;
  color: black;
  padding-bottom: 40px; }

.news .aidanews2_title {
  margin-top: 4px;
  padding-bottom: 10px; }

.news .aidanews2_positions {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  padding: 10px 0 !important; }

.news .aidanews2_date {
  color: #FFFFB5;
  color: #2d842f; }

.news .aidanews2_title a {
  font-size: 22px;
  color: #333;}
.news .aidanews2_botL {
	width: 100%;
}
.news .aidanews2_text {
  font-weight: 300; }
.news .aidanews2 .even {
	background-color: white;
}
.news .aidanews2_line {
	border-bottom: 1px solid #066209;
}
/*--------------*\
	$SEC-FOOTER
\*--------------*/
.sec-footer {
  background-color: #f5f5f5;
  background: #066209;
  color: white;
  padding: 20px 0; }

.sec-footer p {
  width: 100%;
  text-align: center; }

.sec-footer ul a {
  color: white; 
  border-color: white;
  }
  
.sec-footer ul a:hover {
  background-color: transparent;
}
/*--------------*\
	$SEC-INNER-BANNER
\*--------------*/
.sec-inner-banner {
  overflow: hidden;
  background: url("/20210325003240oe_/http://www.psychiatry.cuhk.edu.hk/psychi/images/development/banner-3.jpg");
  background-size: cover;
  background-position: center; }

.sec-mask {
  background-color: rgba(0, 0, 0, 0.3); }

.inner-page-header {
  position: relative;
  height: 250px; }

.page-title {
  font-family: 'Roboto condensed', sans-serif;
  font-size: 48px;
  border-left: 8px solid #4cc331;
  position: absolute;
  bottom: 10px;
  color: white;
  padding: 0 20px; }

/*--------------*\
	$SEC-INNER-CONTENT
\*--------------*/
.breadcrumb-wrapper {
  background-color: #f5f5f5; }

.breadcrumb {
  background-color: #f5f5f5;
  font-size: 16px;
  margin: 15px 0; }

.content {
  margin-top: 50px;
  margin-bottom: 100px;
  font-size: 20px;
  line-height: 36px;
  text-align: justify;
  color: #444;
  font-weight: 300; }

.content p {
  margin-top: 30px; }

.content li {
  margin-top: 10px; }

/*--------------*\
	$SEC-SIDE-MENU
\*--------------*/
.side-menu {
  margin-top: 50px; }

.side-menu ul.nav li {
  width: 100%;
  background-color: #4cc331;
  float: left;
  border-bottom: 3px solid white; }

.side-menu ul.nav li.active, .side-menu ul.nav li:hover {
  background-color: #066209; }

.side-menu ul.nav li .item-title {
  width: 100%;
  text-align: left;
  float: left;
  margin: 20px;
  line-height: 24px;
  font-size: 20px;
  color: white;
  font-family: 'Roboto condensed', sans-serif; }

.side-menu .item-title.two-rows {
  margin: 12px 0; }

/*# sourceMappingURL=general.css.map */
/***************Caption left and right******************/
#slideshow .camera_caption > div{
	background:none;
}
#slideshow .camera_caption_position_left{

    height: 600px;
    position: relative;
}
#slideshow .camera_caption_position_right{
    
    position: relative;
    float:right;
}
#slideshow .camera_caption_position_left .camera_caption_title{
	margin-left:150px;
}
#slideshow .camera_pag{
    position: relative;
    right: 35px;
    margin-top: -55px;
}
#slideshow .slideshowck{
	margin-bottom:30px !important;
}
@media (min-width: 320px){
.search {
    float: left;
    }
.font-size {
	float: left;
    }
}
@media (min-width: 769px) {
div.dep-logo {
	float:right;
}
.search {
	float:right;
}
.font-size {
	float: right;
}
}
@media (min-width: 736px) {
#mobile_menu_container {
	top: 35px;
}
}
@media (min-width: 667px) and (max-width: 668px) {
	#mobile_menu_container {
	top: 0px;
}
}