#site-footer {
padding-top: 26px;
padding-bottom: 0;
} #site-footer .container .footer-widgets .widget-content>nav>ul {
display: flex;
width: 100%;
padding: 0;
flex-direction: row;
}
#site-footer .container {
padding: 0;
}
#site-footer .container .footer-widgets {
margin: 0;
max-width: 100%;
width: 100%;
padding: 0 20px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li:nth-child(2)>ul a {
line-height: 20px;
padding-bottom: 9px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul {
display: flex;
width: 100%;
padding: 0;
flex-direction: row;
justify-content: space-between;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li {
margin-right: 52px;
margin-bottom: 0;
margin-top: 0;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li:last-child {
margin-right: 0;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>a {
color: #145F37;
display: block;
font-family: "Quicksand";
font-weight: 700;
line-height: 20px;
font-size: 0.9375rem;
letter-spacing: 0.0152999945px;
position: relative;
max-height: 40px;
height: 100%;
pointer-events: none;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>a:hover {
text-decoration: none;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li ul {
padding: 0;
margin-top: 20px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li ul ul {
margin-top: 0;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul>li {
margin: 0px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li:nth-child(3)>ul>li:nth-child(4) a {
padding-top: 4px;
line-height: 20px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li:nth-child(5)>ul>li:nth-child(4) {
padding-top: 0px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul>li a {
padding: 0;
text-decoration: none;
padding-bottom: 9px;
display: block;
color: #808080;
font-family: "Quicksand";
font-weight: 500;
line-height: 20px;
letter-spacing: 0.014279995px;
font-size: 0.875rem;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul>li>a:active,
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul>li>a:hover {
text-decoration: none;
color: #000000;
}
#site-footer .footer-widgets.footer-bottom {
position: relative;
margin-top: 80px;
margin-bottom: 30px !important;
overflow: hidden;
display: flex;
justify-content: space-between;
align-items: center;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li button.toggle.sub-menu-toggle {
display: none;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left {
padding-right: 20px;
align-items: center;
display: flex;
width: 50%;
float: left;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .widget-title {
display: none;
}
#site-footer .footer-widgets.footer-bottom .footer-right {
width: 50%;
float: right;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .footer-copyright p {
color: #545454;
font-family: "Quicksand";
font-size: 0.9375rem;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.0152999945px;
cursor: pointer;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .widget-content img {
max-width: 259px !important;
margin-right: 10px;
}
#site-footer .footer-right .footer-menu-wrapper ul {
margin: 0;
justify-content: flex-end;
}
#site-footer .footer-right .footer-menu-wrapper ul li:not(:last-child) {
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #ccc;
margin-left: 0;
margin-top: 0;
}
#site-footer .footer-right .footer-menu-wrapper ul li {
margin-left: 0;
margin-top: 0;
}
#site-footer .footer-right .footer-menu-wrapper ul li:last-child {
padding-right: 10px;
margin-right: 10px;
}
#site-footer .footer-right .footer-menu-wrapper ul>li>a {
text-decoration: none;
color: #545454;
font-family: "Quicksand";
font-weight: 500;
line-height: 20px;
letter-spacing: 0.0152999945px;
font-size: 0.9375rem;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li:last-child>a {
color: #5F143C;
}
#site-footer .back-to-top {
display: none;
}
#site-footer .container .backtotop_button_wrap {
position: relative;
z-index: 999;
display: contents;
}
#site-footer .container .backtotop_button_height {
right: 0;
bottom: 100px;
z-index: 999;
right: 52px;
position: absolute;
transition: opacity .3s;
max-width: 52px;
}
#site-footer .container .backtotop_button_height[style*="fixed"] {
bottom: 30px;
}
#site-footer .container .backtotop_button_wrap a.button {
width: 52px;
background-color: #145F37;
height: 52px;
position: fixed;
bottom: 109px;
right: 19px;
border: 1px solid #145F37;
padding: 0;
cursor: pointer;
z-index: 999;
color: #fff;
border-radius: 50%;
transition: all .2s;
transform: translateX(-50%);
}
#site-footer .container .backtotop_button_wrap a.button:hover {
background-color: #ffff;
}
#site-footer .container .btn-toTop:before {
background-size: contain;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/totop.png);
z-index: 5;
width: 28px;
height: 14px;
background-repeat: no-repeat;
content: '';
background-position: center;
}
#site-footer .container .btn-toTop:hover:before {
background-image: url(//www.eoc.org.hk/compass/wp-content/themes/compass/assets/images/backtotop.png);
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul li.menu-item {
margin-left: 0;
margin-bottom: 0;
}
@media (max-width: 1199.89px) {
#site-footer .container .backtotop_button_wrap a.button {
right: 0px;
}
#site-footer .footer-widgets.footer-bottom {
padding: 0 20px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li {
width: calc((100% - 254px)/5);
margin-right: 63px;
}
}
@media (max-width: 1100.89px) {
#site-footer .footer-widgets.footer-bottom{
display: flex!important;
justify-content: center;
align-items: center;
}
#site-footer .footer-right .footer-menu-wrapper ul {
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
}
#site-footer .footer-right .footer-menu-wrapper ul>li>a{
font-size: 0.725rem;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .footer-copyright p{
font-size: 0.725rem;
}
}
@media (max-width:999.89px) {
#site-footer .container .footer-widgets .widget-content>nav>ul>li>a{
pointer-events: all;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .footer-copyright p {
font-size: 0.9375rem;
}
#site-footer .footer-right .footer-menu-wrapper ul>li>a {
font-size: 0.8125rem;
}
#site-footer .footer-right .footer-menu-wrapper ul li:last-child{
margin-right: 0;
padding-right: 0;
}
footer#site-footer {
border-top: 1px solid #D8D8D8;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul>li {
padding-bottom: 6px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li:nth-child(2)>ul a{
line-height: 20px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li button.toggle.sub-menu-toggle {
display: block;
z-index: -1;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li {
margin-right: 20px;
width: 100%;
background-image: -webkit-gradient(linear, left top, right top, color-stop(18%, #808080), color-stop(77%, #ffffff));
background-image: linear-gradient(to right, #808080 40%, #ffffff 0%);
background-position: bottom;
background-size: 12px 1px;
background-repeat: repeat-x;
padding-bottom: 15px;
margin-bottom: 15px;
border-top: none;
border-bottom: none;
display: grid;
position: relative;
cursor: pointer;
}
#site-footer .container .footer-widgets .widget-content>nav>ul {
flex-direction: column;
display: block;
width: 100%;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li:last-child>a {
color: #145F37;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left {
flex-direction: column;
margin: 0;
padding: 0;
padding-bottom: 30px;
max-width: none;
width: 100%;
}
#site-footer .footer-widgets.footer-bottom .footer-right{
width: 100%;
}
#site-footer .footer-widgets.footer-bottom {
margin-bottom: 77px !important;
margin-top: 44px;
flex-direction: column;
}
#site-footer .footer-right .footer-menu-wrapper ul {
justify-content: center;
padding: 0;
flex-wrap: wrap;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>button {
margin: 0;
padding: 0;
border: none;
text-decoration: none;
display: flex;
justify-content: flex-end;
right: 0;
transform: translateX(-50%);
position: absolute;
}
#site-footer .footer-widgets .widget-content>nav>ul>li>button::before {
content: "\f067";
font-family: 'Font Awesome 5 Pro';
display: block;
border: none;
color: #145F37;
text-decoration: none;
}
#site-footer .footer-widgets .widget-content>nav>ul>li>.active::before {
content: '\f068';
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .footer-copyright {
padding-top: 8px;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .widget-content img {
margin-right: 0px;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul {
margin-top: 14px;
}
}
@media (max-width:375.99px) {
#site-footer .footer-widgets.footer-bottom .footer-bootom-left .widget-content img {
max-width: 180px !important;
}
#site-footer .footer-right .footer-menu-wrapper ul>li>a {
font-size: 0.8125rem;
line-height: 30px;
letter-spacing: 0.013259996px;
}
#site-footer .footer-right .footer-menu-wrapper ul li:nth-child(2) {
border-right: none;
padding-right: 0;
}
#site-footer .footer-right .footer-menu-wrapper ul {
width: 289px;
padding-left: 44px;
}
#site-footer {
padding-top: 56px;
padding-bottom: 0;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li {
height: inherit;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>button>li {
height: auto;
}
#site-footer .container .footer-widgets .widget-content>nav>ul>li>ul>li {
padding-bottom: 0;
}
#site-footer .footer-right .footer-menu-wrapper ul li:not(:last-child) {
height: 24.5px;
justify-content: center;
display: flex;
align-items: center;
}
#site-footer .footer-widgets.footer-bottom .footer-bootom-left {
padding-bottom: 37px;
}
#site-footer .footer-widgets.footer-bottom {
margin-top: 40px;
}
}
@media (max-width:320px) {
#site-footer .footer-right .footer-menu-wrapper ul {
width: 279px;
padding-left: 0;
}
}
@media (max-width: 359.89px) {
#site-header .site-logo.faux-heading {
max-width: 220px;
}
}