/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

body:lang(zh-HK) h1, body:lang(zh-HK) h2, body:lang(zh-HK) h3, body:lang(zh-HK) h4, body:lang(zh-HK) h5, body:lang(zh-HK) h6, body:lang(zh-HK) a {
    font-family: 'Hiragino Kaku Gothic Pro', 'WenQuanYi Zen Hei', '微軟正黑體', '蘋果儷中黑', Helvetica, Arial, sans-serif;
}
a{
    color: #d1181e;
}
a:hover{
    color: #cdcdcd;
}
.list {
    padding-left: 20px;
}
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #000;
  }
  
  ::selection {
    color: #fff;
    background: #000;
  }
.keydates .title {
    background-color: #2f3091;
}
.languaguesPulldown{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.dates {
    border-left: 5px solid #2f3091;
}
.breadcrumb li {
    display: inline-block;

}
.portfolio-image a{
    position: relative;
}
.portfolio-text{
    white-space: nowrap;
    display: none;
}
.portfolio-btn:hover .portfolio-text{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.portfolio-btn:hover::before{
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    z-index: 1;
}
.breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
}
.bgWhite{
    background-color: #fff;
}
.keydates span {
    color: #2f3091;
}

#primary-menu ul li:hover>a,
#primary-menu ul li.current>a {
    color: #d1181e;

    
}
#primary-menu ul li > a {
font-weight: bold;
font-size: 1rem;
}
h1>span:not(.nocolor),
h2>span:not(.nocolor),
h3>span:not(.nocolor),
h4>span:not(.nocolor),
h5>span:not(.nocolor),
h6>span:not(.nocolor) {
    color: #d1181e
}
.sideOptions{
    border: 1px solid #d1181e;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.downloadList{
    padding: 0;
    margin: 0;

}
.downloadList li{
    margin-bottom: 20px;
    list-style: none;
    padding: 20px;
    box-shadow: 0 4px 25px -3px rgba(0,0,0,0.2);
}
.red{
    color: red;
}
.mb-4{
    margin-bottom: 30px;
}
.mt-4{
    margin-top: 30px;
}
.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
    border-bottom: 2px solid #2a3c7c;
}
ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}
ul.list.dash > li:before {
    content: "–"; /* en dash here */
    position: absolute;
    margin-left: -1.1em; 
}
.breadcrumb {
    background-color: transparent !important;
}

#primary-menu ul ul li:hover>a {
    color: #d1181e;
}

#primary-menu ul ul:not(.mega-menu-column),
#primary-menu ul li .mega-menu-content {
    border-top: 2px solid #d1181e;
}

.staraward-bgc {
    background-color: #d1181e !important;
}

.keydates {
    min-height: 160px;
}

#page-title {
    background-size: cover;
}

.home-logo .smelogo {
    padding: 0px 10px!important;
}
@media (max-width: 768px){
 .col-6{
width: 50%;
 }
}