/* ----------------------------------------------------------------
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;
}
.entry-title h2 a:hover {
color: #2f3091;
}
.formh3 {
margin-top: 0px;
}
.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;
}
body:not(.device-sm):not(.device-xs):not(.device-xxs):not(.device-md) #primary-menu.style-2.center > ul, body:not(.device-sm):not(.device-xs):not(.device-xxs):not(.device-md) #primary-menu.style-2.center > div
.portfolio-btn:hover .portfolio-text{
color: #fff;
position: absolute;
top: 50%;
left: 50%;
display: block;
transform: translate(-50%, -50%);
z-index: 2;
}
.show{
display: block!important;
}
.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%;
}
}