@import url("https://fonts.googleapis.com/css?family=Noto+Sans");
@import url("//fonts.googleapis.com/earlyaccess/notosanstc.css");
html > body, 
.tp-caption {
font-family: 'Noto Sans TC', 'Noto Sans', sans-serif !important;
}
p {
text-align: justify;
}
a {
transition: all 0.35s ease 0s !important;
-webkit-transition: all 0.35s ease 0s !important;
}
.current_page_item > a, 
a:hover {
color: #83b4dc !important;
}
.topbar-right li:hover {
cursor: default !important;
}
.topbar-right li > span, 
.topbar-right li > span > a {
color: #eee !important;
transition: color 0.35s ease 0s;
-webkit-transition: color 0.35s ease 0s;
}
.topbar-right li:hover > span, 
.topbar-right li:hover > span > a {
color: #83b4dc !important;
}
.header-logo img {
top: 50%;
height: 80%;
position: absolute;
transform: translateY(-50%);
}
.description-img img {
border-radius: 5px !important;
}
.page #title-wrapper {
height: 280px;
position: relative;
background-image: url(//speechtherapy.hk/wp-content/uploads/2017/06/28134119951_a8a6c24890_b.jpg);
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: center center;
}
.page #title-wrapper .breadcrumb {
display: none;
}
.page #title-wrapper .breadcrumb a {
color: #83b4dc !important;
}
.page #title-wrapper .breadcrumb a:hover {
color: white !important;
}
.page #title-wrapper > .container {
top: 50%;
left: 50%;
padding-left: 0px; 
padding-right: 0px; 
position: absolute;
transform: translate(-50%, -50%);
}
.page #title-wrapper > .container > .row {
margin-top: 1%;
}
.page #title-wrapper > .container .page-title {
font-size: 45px;
text-align: center;
}
.page #title-wrapper .title-overlay {
opacity: 0.35;
background-color: #333;
}
.st-heading .box-title::after {
background-color: #83b4dc !important;
}
.is-vc .post-content .edit-link {
right: 10%;
transition: background-color 0.35s ease 0s;
-webkit-transition: background-color 0.35s ease 0s;
}
.is-vc .post-content .edit-link:hover {
background-color: #83b4dc !important;
}
#make-appointment .wpb_wrapper {
float: left !important;
}
#make-appointment .wpb_wrapper > a {
background-color: #83b4dc !important;
}
#make-appointment .wpb_wrapper > a:hover {
color: white !important;
}
.vc_custom_1486698778782 {
margin-top: 40px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
margin-bottom: 0px !important;
background-color: #ffd540 !important;
}
@media screen and (max-width: 768px) {
#make-appointment .container {
padding: 0px 60px;
}
#make-appointment .wpb_wrapper {
float: none !important;
}
#make-appointment h4 {
text-align: center !important;
}
#make-appointment .st-button {
left: 50%;
float: none;
transform: translateX(-50%);
}
}
.header-skin-default #topbar-wrapper {
background-color: #263C53 !important;
}
.scrollTop {
right: 10% !important;
bottom: 10% !important;
}
.scrollTop > a {
height: 35px;
width: 35px;
line-height: 35px;
border-radius: 50%;
background-color: #83b4dc !important;
}
.scrollTop > a:hover {
color: white !important;
animation: bounceDood .2s 2 alternate;
}
.scrollTop > a > .fa {
color: white !important;
}
@keyframes bounceDood {
to { transform: scale(1.2); }
}