/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* index */
sup {font-size:14px!important;}
#top .container, #footer-widgets .container {padding:0 6%!important ;}
.index_banner_wrap h1 {color:#77332f;}

.apply_bar {color:#fff;}
.apply_bar b {font-size:28px; font-weight:900; text-transform: uppercase; line-height:38px; }
.apply_btn { background-color: #fff; padding:10px 16px; font-family: Muli; font-size:16px; font-weight:900; color:#ffba00; border-radius: 30px; display: inline-flex; float: right;}
.apply_btn:hover {background-color:#954535;}
.apply_btn:hover .apply_btn_text {color:#fff;}
.apply_btn_text {margin-top:2px;}
.apply_btn .arrow { height: 30px; width: 30px; background-color:#954535; border-radius: 20px; margin-left: 10px;
                    background-image: url("./img/apply_btn_arrow.svg"); background-repeat: no-repeat; background-position: 5px;}

.who_we_are_text p { font-size:20px; line-height:30px;}
.who_we_are_text p b {color:#535353;}

.index_icon_list .iwithtext .iwt-text {padding-left: 70px;}
.index_icon_list .iwithtext .iwt-icon img {width: 50px!important; }

.more_btn {font-size:18px; color:#eda30d;  display:flex; align-items:center; background:url('./img/more_arrow.svg')no-repeat 0 50%; padding-left: 24px; margin-bottom:10px;}

/* Header : Start */
body #header-outer[data-transparent-header="true"].transparent{
    border: none;
}
body #header-outer.transparent #top nav > ul > li > a,
body #header-outer.transparent #top nav > .sf-menu > li > a{
    color: #ffffff !important;
    opacity: 1;
}
body.home #header-outer.transparent #top nav > .sf-menu > li > a{
    color: #111111 !important;
}
body #header-outer.transparent #top nav .sf-menu > .current-menu-item > a{
    color: #ffffff !important;
    opacity: 1;
}
body.home #header-outer[data-lhe="animated_underline"].transparent #top nav > ul > li > a:after,
body.home #header-outer.transparent #top nav>ul>li[class*="button_bordered"]>a:before{
    border-color: #eda30d !important;
}
body #header-outer[data-lhe="animated_underline"].transparent #top nav > ul > li > a:after,
body #header-outer.transparent #top nav>ul>li[class*="button_bordered"]>a:before{
    border-color: #ffffff !important;
}
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap{
    display: grid;
}
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap h1{
    order: 2;
}
#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap .subheader{
    order: 1;
    font-family: Muli;
    font-weight: 600;
}
html body .container-wrap {
    background-image: url("./img/cuhk_IDD_background.jpg");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
body.home #header-outer.transparent #top nav ul #search-btn a .icon-salient-search{
    color:#111111 !important;
}
body #header-outer.transparent #top nav ul #search-btn a .icon-salient-search{
    color: #fff !important;
    opacity: 1 !important;
}
body .sf-menu >li ul {
    padding:0px;
}
body #header-outer .sf-menu li ul li a {
    font-size: 14px;
    line-height: 18px;
    padding: 20px;
}
body #header-outer .sf-menu li ul li ul {
    left:22em;
}
body #header-outer .sf-menu li ul li a i {
  top:12px;
}
body #header-outer .sf-menu li:hover >ul, body #header-outer .sf-menu >.sfHover >ul {
  top:75%;
}
body .small-nav .sf-menu li:hover >ul, body .small-nav .sf-menu >.sfHover >ul {
  top:100% !important;
}
/*  Header : End  */

/* Governance page : Start */
.people_image { border-radius:50%; padding:30px;}


/* Governance page : End */

/* For PEOPLE page : start */
.people_highlight_point p {
  font-size:18px;
  color: #eda30d;
  font-weight:600;
  text-transform: uppercase;
  font-family: Muli;
  line-height: 45px;
}
.team-member .team-member-image {
  padding:8%;
}
.team-member .team-member-image img {
  border-radius: 50%;
}
.team-member .team-meta,
.team-member .team-member-overlay {
  display: none;
}
.nectar_team_member_overlay {
  background-color: #fcf3e2;
}
.team_member_details h2 {
  font-size:30px;
  color: #77332f;
  font-weight:800;
  margin-bottom: 20px;
}
.team_member_details h3 {
  font-size:20px;
  color: #eda30d;
  font-weight:800;
  text-transform: uppercase;
}
.team_member_details .title {
  font-size:16px;
  color: #eda30d;
  font-weight:600;
}
.team_member_details p {
  line-height: 30px;
}
.team_member_details small {
  font-size:15px;
  font-weight:400;
  font-style: italic;
  color: #868686;
}
.nectar_team_member_overlay {z-index:9999;}


/* For PEOPLE page : end */

/* For RESEARCH page : start */
body .whitebg_toggle_panels .toggles .toggle a {
  background-color: #f3f3f3;
  color:#646464!important;
}
body .whitebg_toggle_panels .toggles .open, body .whitebg_toggle_panels .toggles .toggle {
  background-color: #fff!important;
}
body .whitebg_toggle_panels .toggles .toggle h3 {
  border-bottom: 1px solid #dcdcdc;
}
body .whitebg_toggle_panels .toggles .toggle h3 a i{
  color:#bfbfbf;
}
body .whitebg_toggle_panels .toggles table {
  border: none;
}
body .whitebg_toggle_panels .toggles table tr, body .whitebg_toggle_panels .toggles table td {
  background-color:#fff;
  border: none!important;
  font-size:18px;
  line-height:24px;
  font-family: Muli;
}
body .whitebg_toggle_panels .toggles .toggle table td a {
  font-size:18px!important;
  background-color: #fff;
  color:#eda30d!important;
  padding:0 !important;
  text-decoration: underline;
}
body .whitebg_toggle_panels .toggles .download_btn a {
  padding: 0;
  font-size:18px!important;
  color:#eda30d!important;
  display: block;
}
body .whitebg_toggle_panels .toggles .download_btn a:before {
  background-image: url("./img/arrow.svg");
  content: '';
  width:24px;
  height:24px;
  display:inline-flex;
  position: relative;
  top:6px;
  margin-right: 6px;
}
/* For RESEARCH page : end */

/* For STRUCTURE page : start */
body .toggle{
    border-radius: 5px;
}
body .toggle a{
    color: #fff !important;
    padding: 38px 30px;
    font-size: 24px!important;
    font-weight: 400!important;
}
body .toggle:nth-child(4n-3), body .toggle:nth-child(4n-3).open {
    background-color: #77332f;
}
body .toggle:nth-child(4n-2),body .toggle:nth-child(4n-2).open {
    background-color: #eda30d;
}
body .toggle:nth-child(4n-1), body .toggle:nth-child(4n-1).open {
    background-color: #c26e30;
}
body .toggle:nth-child(4n), body .toggle:nth-child(4n).open {
    background-color: #d9691f;
}
.toggle.open h3 a{
    background-color: transparent !important;
}
.posts-container article.animated-in .inner-wrap,
.posts-container[data-load-animation="fade_in"] article.animated-in .inner-wrap.animated{
    border-radius: 0px !important;
}
.toggle h3 a i{
    left: auto;
    right: 30px;
    top: 36px;
    font-size: 28px;
    color:#fff;
}
body .toggle >div{
    box-shadow: none;
    margin-bottom: 40px;
    padding-top: 40px;
}
.cuhk_highlight_content_small p {
  font-size:20px;
  line-height: 42px;
  color: #954535;
  font-weight: 400;
  font-family: Muli;
}
.structure_tab h4 {
  color: #954535;
}
body .call_to_action_link a {
  color: #eda30d!important;
  font-size:18px!important;
}
body .nectar_team_member_overlay .team_member_details {
  padding: 3% 10% 10%;
}
/* For STRUCTURE page : End */


/* For news section : start */
.meta-category .news{
    background-color: #ffab00;
    color: #fff;
}
.meta-category .press-release{
    background-color: #954535;
    color: #fff;
}
.article-content-wrap{
    top: 0px;
}
.auto_meta_overlaid_spaced .masonry-blog-item .post-header{
    bottom: 30px;
    position: fixed;
}
.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a{
    opacity: 1 !important;
    padding: 2px 10px;
}
.auto_meta_overlaid_spaced .masonry-blog-item {
    padding: 6px;
}
/* For news section : End */

/* News detail  : start */
body.single-post #page-header-wrap .section-title>.inner-wrap>a{
    display: none;
}
body.single-post #page-header-wrap #single-below-header{
    display: none;
}
body.single-post .comments-section{
    display: none;
}
body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar .post-area {
    max-width: 100%;
}
body.single-post .entry-title {
    font-size: 32px!important;
    line-height: auto!important;
    text-transform:none!important;
}
body.single-post table td {
    padding:22px!important;
}
body.single-post table td, body.single-post table p {
    text-align: left;
    font-size:16px!important;
    color:#646464!important;
}
/* News detail : End */

/* stories : start */
.page-stories .excerpt {font-size:16px;}

/* stories : End */

/* Footer : start */
body #footer-outer .footer_col {
  width: 33.3%;
  float: left;
  text-align: left;
  padding:2%;
}
body #footer-outer a:hover {
  color:#eda30d!important;
}
body #footer-outer .footer_col h3, body .footer_col p {
  color: #fff!important;
}
body #footer-outer .footer_col p {
  font-size: 14px;
  line-height: 24px;
  padding-bottom:14px!important;
}
body #footer-outer .footer_left p {
  padding-bottom:6px!important;
}
body #footer-outer .footer_col input {
  background-color:#a05049;
}
body #footer-outer #footer-widgets .col input[type=submit] {
  background-color:#eda30d!important;
}
body #footer-outer .footer_second_row {
  clear: both;
  border-top: 1px solid #808080;
  padding:2%;
}
body #footer-outer .footer_second_row p {
  font-size: 14px;
  line-height: 24px;
  color: #fff!important;
  display: inline-block;
}
body #footer-outer .footer_second_row a {
  padding: 0 10px;
}
body #footer-outer .footer_second_row  ul {
  display: inline-block;
}
body #footer-outer .footer_second_row  ul li {
  font-size: 14px;
  display: inline-block;
  border-bottom:none !important;
}
body #footer-outer .footer_second_row  ul li:nth-child(n+2):before {
  margin: 0 0.5em;
  content: "|";
  color:#bbbbbb;
}
body .wpcf7 .wpcf7-response-output {
  background-color:#77332f!important;
  border:none!important;
  font-size:12px!important;
}
body .footer_logo {
  margin-top: 25px;
}
body .footer_logo a {
  margin-right:20px;
}
body .footer_logo a img {
  width:114px!important;
}
/* Footer : End */

/* Global : start */
body .row .col h2, body .row .col h3 {margin-bottom:20px;}
p, li {font-family:arial; font-size:18px; line-height:32px; color:#646464; }
li {margin-bottom:20px;}
.no_margin { margin:0px!important; }
.no_padding { padding:0px!important; }
.cuhk_highlight_content p{
    font-size: 30px;
    color: #954535;
    font-weight: 400;
    font-family: Muli;
    line-height: 45px;
}
.cuhk_job_titile h4{
    color: #eda30d;
    font-size: 20px;
    font-family: Muli;
    font-weight: 800 !important;
}
.cuhk_job_titile p{
    color: #646464;
    font-size: 16px;
}
.align_center {text-align: center;}

body.search #page-header-bg { background-color:#eda30d;}
body.search #page-header-bg h1, body.search #page-header-bg span {color:#fff;}
.photo_caption {padding:0 20px; }
.photo_caption p {font-size:16px; line-height:26px; color:#77332f;}
.quotes_open {position: absolute; top:-30px; left:-90px;}
.quotes_close {position: absolute; bottom:-30px; right:-90px;}
.nectar-icon-list .content {font-size:18px;color:#646464;}
#slide-out-widget-area.slide-out-from-right {padding-top:80px;}


/* Global : end */

@media only screen and (max-width: 1600px) {
  .apply_bar b { display: block;}
  body .index_banner_wrap {padding-top:20%!important;}
}

@media only screen and (max-width: 1100px)  {
  #home-learn-more-row {max-width:90%;}
  div[data-style="default"] .toggle h3 a {font-size: 18px!important; line-height:24px!important; padding:30px 60px 30px 30px!important;}
  body .index_banner_wrap {padding-top:25%!important;}
  .mwl {max-width:90%!important;}
  body .footer_logo a img {width:100px!important;}
}
@media only screen and (max-width:999px) {
  body .governance_chairman {margin-bottom:80px!important;}
  body .training_content {padding:20% 10%!important;}
  body .training_content_pic {min-height:400px!important;}
  .order_01 {order:1;}
  .order_02 {order:2;}
  .apply_btn {float:left;}
  body .top-story-desc-wrapper { padding: 160px 6% 30px 9%; margin-bottom:0px!important;}
  body #dual-carousel-pnl .vc_col-sm-3 { margin-bottom:0px;}
  body #dual-carousel-pnl .slick-slide > div { padding:0 0;}
  body #dual-carousel-pnl .vc_col-sm-9 { margin-left:0px;}
  body #dual-carousel-pnl h5.prev, body #dual-carousel-pnl h5.next {height:40px; width:40px;bottom:-40px;}
  body #dual-carousel-pnl h5.prev {left:0px;}
  body #dual-carousel-pnl h5.next {left:40px;}
  body.page-people .vc_col-xs-6:nth-child(odd) {float:left!important; clear:left!important;}
}
@media only screen and (max-width: 690px) {
  #home-learn-more-row {max-width:100%;}
  .apply_btn {font-size:14px; float:left; padding: 8px 20px;}
  .apply_bar b { font-size:20px; line-height: 28px; }
  #home-slide-fw h2 {font-size:14px!important; line-height: 22px!important;}
  .main_banner_scroll_icon {display:none;}
  body h1, body .wpb_wrapper h1.vc_custom_heading {font-size:28px!important; line-height: 36px!important;}
  body h2, body .wpb_wrapper h2.vc_custom_heading {font-size:24px!important; line-height: 32px!important; margin-bottom:10px!important; margin-top:0px!important;}
  body h3, body .wpb_wrapper h3.vc_custom_heading {font-size:18px!important; line-height: 26px!important;}
  body h4, body .wpb_wrapper h4.vc_custom_heading {font-size:16px!important; line-height: 24px!important;}
  body p {line-height: 28px;}
  body #our-experts-desc-pnl h3 {margin-bottom:10px!important;}
  body #our-experts-desc-pnl h5 {margin-bottom:20px!important;}
  body .index_banner_wrap {padding-top:150px!important; padding-bottom:60px!important; }
  body #top-story-header {font-size: 22px;}
  body .top-story-desc-wrapper{padding: 130px 6% 30px 9%; margin-bottom:0px!important;}
  body #dual-carousel-pnl .vc_col-sm-9 {margin-left:0px;}
  body #dual-carousel-pnl .slick-slide > div { padding:0 0;}
  body #dual-carousel-pnl .vc_col-sm-3 {margin-bottom:0px;}
  body #dual-carousel-pnl h5.prev, body #dual-carousel-pnl h5.next {height:40px; width:40px;bottom:-40px;}
  body #dual-carousel-pnl h5.prev {left:0px;}
  body #dual-carousel-pnl h5.next {left:40px;}
  body .auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap {padding: 20px!important;}
  body .btn-read-more .arrow {height:30px; width:30px; background-position: 5px; }
  body .btn-read-more-text, body .more_btn {margin-top: 0px; font-size: 14px; line-height: 30px;}
  body #top .span_9 >.slide-out-widget-area-toggle {padding: 0 0 0 20px;}
  body #footer-outer .footer_col {width:100%;margin-bottom:30px;}
  body #footer-outer .footer_second_row ul li {font-size:12px;}
  body #footer-outer .footer_second_row a {padding:0 0;}
  body #page-header-bg {padding-top: 20%!important; padding-bottom: 30%!important;}
  body .cuhk_highlight_content p, body .cuhk_highlight_content_small p {font-size:20px; line-height:30px;}
  body .wpb_row, body .wpb_content_element { margin-top:0px!important; margin-bottom: 0px!important;}
  body .governance_chairman {margin-bottom:80px!important;}
  body .quotes_open {top: -80px; left: -50px;}
  body .quotes_close {bottom: -90px; right: -40px;}
  body .toggle a {font-size:18px!important; line-height:28px!important; padding:18px 46px 18px 18px!important; }
  body .toggle h3 a i {right:18px!important; }
  body .toggle >div {padding-left:0px; padding-right:0px; }
  body .people_highlight_point p {font-size:14px; line-height:30px; margin-top: 20px;}
  body .people_wrap, body .wpb_row >.span_12 >.people_wrap:last-child { margin-bottom:40px!important;}
  .people_wrap .img-with-aniamtion-wrap{ width:30%; float:left;}
  .people_image { max-width:100%; padding:0px;}
  body.page-history .people_info { margin-top:20px!important;}
  .people_info { width:70%; float:left; padding-left:20px!important;}
  .people_info h4, .people_info p { text-align: left!important;}
  .table-responsive {width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
  .table-responsive table {width:700px!important;}
  .team-member .team-member-image {padding:12%;}
}