a:focus{outline:none;}
.small-dialog {
background: white;
padding: 40px;
text-align: left;
width:1000px;
max-width: 90%;
margin: 40px auto;
position: relative;
font-size: 14px;
border-radius: 0;
}
*{box-sizing:border-box;}
.hide{display:none;}
.no-style{list-style:none;}
#page_content_wrapper .inner .sidebar_wrapper a, .page_content_wrapper .inner .sidebar_wrapper a,
body{padding:0 !important;font-size:16px; cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursorpink.png) 10 10, auto !important;}
body a:hover{cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursorpink.png) 10 10, auto ;}
body.page-id-10 .menu-item a:hover {
cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursorpink.png) 10 10, auto !important;
}
body.page-id-10   a:hover {
cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursor_D5B646.png) 10 10, auto !important;
}
body .cursor-blue {
cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursorblue.png) 10 10, auto !important;
}
body .cursor-blue a,
body .cursor-blue a:hover {
cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursorblue.png) 10 10, auto !important;
}
<!-- longvv -->
body.green{ cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursorgreen_D5B646.png) 10 10, auto !important;}
body.green a:hover{cursor: url(//designtrust.hk/DTFS/wp-content/themes/dtfs/images/cursorgreen.png) 10 10, auto;}
body, h1, h2, h3, h4, h5, h6, h7,
#page_content_wrapper .inner .sidebar_wrapper a, .page_content_wrapper .inner .sidebar_wrapper a,
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a,
.post_header h5 a, .post_header h6 a{color:#424242;}
.post_header h5:hover a, .post_header h6:hover a{color:#834B99 !important;}
.post_header_title:hover a, .post_header_title:hover span{color: #834B99 !important;}
#menu_wrapper .nav ul li a, #menu_wrapper div .nav li > a{font-size:16px;font-weight:bold;text-transform:capitalize;
font-family: "BrownPro-bold", 'Helvetica Neue', Arial,Verdana,sans-serif;}
.image img{width:100%;height:auto;}
h1{font-size:54px;}
h3{font-size:24px;}
.home h2, .home h3, .home h3, .home h4, .text-heading{border-top: none;}
.text-heading{font-size:22px; line-height:28px; padding: 5px 0;}
.text-headingWrap{margin-top: 10px;}
@media only screen and (max-width: 1099px){
.text-heading{font-size:16px; line-height:24px; padding: 5px 0;}
}
h2, h3{border-top:6px solid #862781; display: inline-block;}
.page-id-27,.page-id-179{background-color:#93499b;}
body.home .top_bar{background-color:#fff;}
.home h5{font-size:16px; line-height: 24px; font-family: "BrownPro-bold", 'Helvetica Neue', Arial,Verdana,sans-serif;}
.home .excerpt p{font-size:16px; line-height: 24px;
font-family: "BrownPro", 'Helvetica Neue', Arial,Verdana,sans-serif;}
.home .post_list .thumbnail{margin-bottom:5px;}
.home .inner_wrapper a:hover{color: #862781 !important;}
#search_icon{margin-left:0;margin-right:10px;}
#logo_left{position:absolute;left:60px;}
#logo_right{position:absolute;right:60px;}
#logo_wrapper{position:relative;margin:0 auto;}
#mobile_nav_icon{box-sizing:content-box;}
.top_bar, #logo_wrapper{border-bottom:none;}
.footer_bar_wrapper, .footer_bar{background-color: #424242;}
.menu-container a:hover{ color:#862781 !important;}
.people a:hover{color: #862781;}
.pinkhover p:hover{color: #862781;}
.post_img{position: relative;}
.mask {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #D5B646;
color: #fff;
visibility: hidden;
opacity: 0;
display: flex;
align-items: top;
justify-content: left;
padding-top:30px;
padding-left:20px; transition: opacity .2s, visibility .2s;
line-height: 1.1;
text-align: left;
}
.post_img:hover .mask {
visibility: visible;
opacity: 0.7;
}
.mask {
transition: .2s;
transform: translateY(1em);
font-size: 22px;
}
.post_img:hover .mask {
transform: translateY(0);
}
#page_caption{background-color:transparent;padding-top:0;padding-bottom:0;padding:0 !important;}
#page_caption h1{color:#862781;text-transform:uppercase;text-align:left;margin-bottom:80px; line-height: 50px;}
@media only screen and (max-width: 768px){
#page_caption h1{margin-bottom:30px;}
}   
.post_header{text-align:left;}
@media only screen and (min-width: 768px){
#page_content_wrapper .inner .sidebar_wrapper{width:30.99% !important;}
#page_content_wrapper .inner .sidebar_wrapper.left_sidebar{margin-right:3.44827586%;}
#page_content_wrapper .inner .sidebar_wrapper.right_sidebar{margin-left:3.44827586%;}
#page_content_wrapper .inner .sidebar_content{width:65.5%;margin-right:0;}
}
@media only screen and (max-width: 1099px){
#mobile_nav_icon{
position: absolute;
right: 0;
top: 40px;
}
#page_content_wrapper .inner .sidebar_wrapper.left_sidebar {
margin-left: 0;
}
#wrapper {
padding-top: 190px;
}
}
@media only screen and (max-width: 960px){
#logo_left{display:none;}
#wrapper {
padding-top: 90px;
}
}
@media only screen and (max-width: 768px){
#wrapper {
padding-top: 60px;
}
}
.mobile_nav{display:none;}
@media only screen and (max-width: 1099px){
}
@media only screen and (max-width: 960px){
#logo_right_button{top:0;}
#logo_wrapper .social_wrapper{display:none;}
.mobile_nav{display:block;}
}
.mobile_menu_wrapper .social_wrapper li{display:inline-block;width:auto !important;margin:0 10px 0 0 !important;float:none !important;}
.page.type-page{margin-bottom:80px;}
.page.type-page .post_image{margin-bottom:20px;}
.post_list > .post.type-post{width:31.33333333%;margin-right:2%;}
.temp_image{background-color:#424242;} .sidebar .post_header{padding-bottom: 0;}
.sidebar .post.type-post{margin-bottom:0;}
.sidebar .entries{border-top:1px solid #000;padding:15px 0 20px;text-align:center;}
.sidebar .entries h5{text-align:center;margin-bottom:10px;}
.entries.quote .thumbnail{width:66.66666666%;overflow:hidden;margin:0 auto;margin-bottom:10px;}
.entries.quote .thumbnail{border-radius:50%; overflow: hidden; width: 250px; height: 250px;}
.entries.quote .quote{
font-size:16px;margin-bottom:25px; line-height: 20px; color: #862781;
font-family: "BrownPro-bold", 'Helvetica Neue', Arial,Verdana,sans-serif;
}
.image_caption .name,
.entries.quote .name{font-weight:bold;font-size:16px; line-height: 21px;}
.image_caption .caption,
.entries.quote .caption{font-size:14px; line-height: 16px;}
.entries.recent_news .post{margin-bottom:20px;}
.page.process .temp_image,
.page.design-trust-futures-studio .temp_image{padding-top:56.14035087%;}
.post_body table td{
border: 0;
padding-left: 0;
padding-right: 20px;
}
.post_body table td.major-sponsor{padding-left: 150px;}
@media only screen and (max-width: 767px){
#page_content_wrapper .inner .sidebar_content.three_cols .post.type-post, #page_content_wrapper .inner .sidebar_content.three_cols .hentry
{
margin-bottom: 80px;
}
#page_content_wrapper .inner .sidebar_wrapper.left_sidebar {
margin-top: 20px;
margin-left: 0px;
}
.post_body table td.major-sponsor{padding-left: 20px;}
}
.videoContainer {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.videoContainer iframe,
.videoContainer object,
.videoContainer embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
} .people-position .header{margin:40px 0;}
.people-position .peoples{font-size:0;}
.people-position .peoples > *{font-size:16px;}
.people-position .peoples .thumbnail{border-radius: 50%; overflow: hidden;width: 160px;height: 160px;}
.people-position .single-people{width:210px;display:inline-block;padding-right:50px;margin-bottom:40px;vertical-align:top;}
.people-position .single-people .name{ font-weight: bold; }
.people-position .single-people .sub-title{ text-align: center;line-height: 18px; }
@media only screen and (max-width: 1200px){
.people-position .peoples .thumbnail{width: 160px;height: 160px;}
.people-position .single-people{width:190px; padding-right:30px;}
}
@media only screen and (max-width: 960px){
.people-position .peoples .thumbnail{width: 160px;height: 160px;}
.people-position .single-people{width:190px; padding-right:30px;}
}
@media only screen and (max-width: 768px){
.people-position .peoples .thumbnail{width: 160px;height: 160px; display:block; margin: 0 auto;}
.people-position .single-people{width:190px; padding-right:30px;}
}
@media only screen and (max-width: 480px){
.people-position .single-people{width:100%;padding-right:0;}
}
.people-position .name{margin-top:.8em; text-align: center;}
.people-position h2{text-transform: capitalize;}
#page_content_wrapper .inner .sidebar_wrapper .sidebar .content.slogan{
position: absolute;
top: 0;
}
@media only screen and (max-width: 767px){
#page_content_wrapper .inner {
margin-top: 60px;
}
#page_content_wrapper .inner .sidebar_wrapper .sidebar .content.slogan{
position: relative;
bottom: 0;
}
.sameHeightSide{
height: auto !important;
}
}
.sameHeightSide{
position: relative;
}
#page_content_wrapper .inner .sidebar_wrapper .sidebar.margin-0{
margin: 0;
}
#logo_right, #logo_right img, #logo_left, #logo_left img, #logo_normal img, .logo_wrapper img{max-height: 80px !important;}
@media only screen and (min-width: 1100px){
#logo_wrapper, #menu_wrapper {
margin-top:20px;
}
.scroll #logo_wrapper, .scroll #menu_wrapper {
margin-top:0;
}
}
@media only screen and (max-width: 768px){
table.responsiveTable td{
display: block;
width: 100%;
vertical-align:middle;
}
#logo_right, #logo_right img, #logo_left, #logo_left img, #logo_normal img, .logo_wrapper img{max-height: 40px !important;}
.logo_wrapper img{margin-top: 0;}
}
@media only screen and (max-width: 768px){
.footer_bar_wrapper .social_wrapper {
text-align: left  !important;
padding: 0 30px;
}
.footer_bar_wrapper .social_wrapper ul {
text-align: left  !important;
}
}
.recent-news-sidebar .post.type-post hr{
margin: 35px 0 0;
border-top: 1px solid #424242;
}
.recent-news-sidebar  .post_header{
margin: 0;
}
.recent-news-sidebar  h4{
padding: 10px 0;
border-top: 1px solid #424242;
text-align:center;
}
#main_menu{
float: left;
}
#menu_wrapper #main_menu.nav ul li a, #menu_wrapper div #main_menu.nav li > a{
margin: 0 55px 0 0;
}
#second_menu{
float: right;
}
body:not(.home) .menu-container{border-bottom:1px solid #424242;}
@media only screen and (max-width: 960px){
#logo_right{
display: none;
}
}
@media only screen and (min-width: 960px) and (max-width: 1099px) {
#logo_wrapper, #menu_wrapper {
padding-left: 15px;
padding-right: 15px;
}
#logo_right{
right: 15px;
}
#page_content_wrapper .inner{
padding: 0 15px;
}
}
.footer_bar_wrapper, .footer_bar_wrapper a{color: #fff; font-weight: normal;}
.footerTitle{
font-size: 24px;
}
#footer {
padding-bottom: 20px;
padding-top: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ffffff;
}
#footer hr{
margin-top:10px;
}
#footer .menu-item{
display: block;
}
.footer-terms-menu{
float: left;
margin-left: 100px;
}
#footer_main_menu{
float: left;
}
@media only screen and (max-width: 768px){
#footer {
padding: 0 30px;
}
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.footer_bar_wrapper .social_wrapper {
margin-right: 30px;
margin-top:20px;
}
#copyright{
margin-top:20px;
margin-left: 30px;
width: auto;
}
}
.sidebar_box{
border-top: 1px solid #000;
padding: 15px 0 20px;
text-align: center;
}
@media only screen and (max-width: 1099px) and (min-width: 960px){
#page_content_wrapper .inner {
width: 100%;
margin: auto;
margin-top: 50px;
}
#page_caption h1{
margin-bottom: 50px;
}
}
.home-post{margin-bottom: 50px;}
.home article {margin-bottom:30px !important;}
#search_icon, #page_share{display: none;}
body.single-post .post_header_title h1 {
text-transform: none !important;
margin-bottom: 20px !important;
font-size: 54px !important;
}
.post_header_title{min-height:64px;}
.anchorLink{margin-top: -10px;}
.zoom-anim-dialog .one_half .thumbnail{
border-radius: 50%;
overflow: hidden;
width: 400px;
height: 400px;
}
@media only screen and (max-width: 768px) {
.zoom-anim-dialog .one_half .thumbnail{
width: 200px;
height: 200px;
}
}
.showContent{position: relative;}
.showContent:hover .timeline-content-date{background: #862781;}
.showContent:hover a{color: #862781;}
.hideContent{display: none; position: absolute; z-index: 100;}
.timeline-heading-no{position: relative; color: #862781; width: 100%; line-height: 144px; font-size: 144px; font-weight: bold; text-align: center;}
.timeline-heading-title{position: absolute; z-index:1; top: 0; left: 15px; font-weight: bold;}
.timeline-head .col-sm-4:hover .timeline-heading-no{color: #862781;}
.timeline-head .col-sm-4:hover .timeline-heading-title{color: #862781;}
.timeline-heading-title p {padding: 0 !important;}
.timeline-event{margin-top: -50px !important; padding-top:20px !important;}
.timeline-content-date{ text-transform: uppercase; margin-right: 10px; color: #fff; font-weight: normal; background: #862781; border-radius: 20px; padding: 10px;}
.grid--borderBetween > div[class*='col-']:before {
background: #862781;
bottom: 0;
content: " ";
position: absolute;
width: 3px;
top: 0;
}
.grid--borderBetween > div[class*='col-']{
padding-left: 0;
} @media only screen and (max-width: 768px) {
.timeline-heading-no{text-align: right;}
.timeline-event{margin-top: 0 !important;}
.grid--borderBetween > div[class*='col-']{
margin-bottom: 20px;
}
}
.wrapper {
max-width: 1425px;
width: 100%;
box-sizing: border-box;
margin: auto;
padding: 0 60px;
}
.landing #page_content_wrapper {
max-width: 100%;
padding: 0;
}
div.landing {
overflow: hidden;
}
.landing .landing-3cols {
width: 33.33%;
float: left;
}
.title-custom {
color: #862781;
text-transform: uppercase;
text-align: left;
line-height: 50px;
position: relative;
font-size: 45px;
display: inline-block;
}
.title-custom:after {
content: "";
height: 6px;
width: 100%;
background: #4D85BC;
display: block;
position: absolute;
left: 0;
bottom: 0;
}
.wrap-col {
width: 100%;
overflow: hidden;
}
.wrap-col .col-6 {
width: 50%;
float: left;
}
.wrap-col .col-12 {
width: 100%;
}
.img-icon {
text-align: center;
}
.img-icon img {
width: 50px;
}
.title-icon {
font-weight: bold;
font-size: 30px;
color: rgba(35, 31, 32, 1);
margin-bottom: 12px;
}
.list-step,
.list-step li,
.text-step,
.wrap-col .text-bottom {
color: rgba(35, 31, 32, 1);
font-size: 16px;
font-weight: bold;
line-height: 1.4;
padding: 0;
}
.list-step li + li,
.list-step p + p {
margin-top: 32px;
}
.list-step li .pink,
.text-step .pink,
#popup_share .paragraph .pink {
color: #862781;
}
#popup_favourite {  
width: 700px;
padding: 30px 40px 40px;
}
.pad-lr-50 {
padding: 0 50px;
}
.wrap-col .text-bottom {
margin-top: 30px;
}
#popup_share {
width: 600px;
padding: 30px 40px 25px;
}
#popup_share .paragraph {
color: rgba(35, 31, 32, 1);
font-size: 16px;
font-weight: bold;
line-height: 1.4;
padding: 0;
}
#popup_share .paragraph p+p {
margin-top: 20px;
}
#popup_share .title-icon {
margin-top: 5px;
}
@media (max-width: 700px) {
#popup_favourite {
width: 100%;
padding: 30px 10px;
}
.pad-lr-50 {
padding: 0 10px;
}
.wrap-col .col-6 {
padding: 0 10px;
}
.list-step li, .text-step, .wrap-col .text-bottom {
font-size: 15px;
}
.title-icon {
font-size: 28px;
}
}
@media (max-width: 600px) {
#popup_share {
width: 100%;
padding: 20px 20px 15px;
}
}
.item-style {
position: relative;
overflow: hidden;
}
.item-style .so-panel {
margin: 0!important;
}
.item-style a {
display: block;
font-size: 0;
line-height: 1;
position: relative;
z-index: 10;
padding-bottom: 81.5%;
}
.item-style img {
max-width: auto;
height: auto;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
}
.item-style .title-style {
position: absolute;
color: #fff;
margin: 0;
padding: 0;
top: 0;
width: 100%;
height: 100%;
left: 0;
text-align: center;    
}
.item-style .title-style .textwidget {
position: absolute;
width: 100%;
top: 50%;
left: 0;
text-align: center;
transform: translateY(-50%);
z-index: 20;
display: none;
opacity: 0;
line-height: 1.3;
}
.item-style:hover .title-style .textwidget {
display: block;
opacity: 1;
transition: opacity .3s;
}
.item-style a:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(101, 189, 96, 0.8);
color: #fff;
visibility: hidden;
opacity: 0;
display: flex;
align-items: top;
justify-content: left;
padding-top: 30px;
padding-left: 20px;
transition: opacity .2s, visibility .2s;
line-height: 1.1;
text-align: left;
transition: .2s;
transform: translateY(1em);
font-size: 22px;
}
.item-style:hover :after {  
visibility: visible;
opacity: 1;
transform: translateY(0);
}
.item-ingrid .widget-title {
border: none;
margin-bottom: 15px;
line-height: 1.3;
height: 62px;
display: block;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.item-ingrid img {
max-width: 100%;
height: auto;
}
@media (max-width: 768px) {
.wrapper {
padding: 0 20px;
}
.title-custom {
font-size: 25px;
line-height: 1.4;
}
.home_section_info, .home_section_video{
clear: both;
}
}
#comment h2.widgettitle {
padding-top: 15px;
}
#slider li img {
width: 100%;
}
#slider .flex-direction-nav li a {
transition: all .3s;
}
#slider:hover .flex-direction-nav .flex-next {
right: 20px;
opacity: 1;
}
#slider:hover .flex-direction-nav .flex-prev {
left: 20px;
opacity: 1;
}
.gm-style .gm-style-iw-c button {
top: 0!important;
right: 0!important;
}
.wpcf7-form input[type=submit], 
.wpcf7-form input[type=button], 
.wpcf7-form a.button, 
.wpcf7-form .button {
background: #A54460;
border: 2px solid #A54460;
}
.wpcf7-response-output,
div.wpcf7-validation-errors, 
div.wpcf7-acceptance-missing {
border-color: #A54460!important;
}
@media (max-width: 768px) {
#footer .two_third.last div {
float: left!important;
}   
}
.home .widget a,
.home #page_content_wrapper .inner .sidebar_wrapper a,
.home .content,
.home .widget,
.home  .widget p{
color:  #fff;
}
.landing-btn {
border-color: transparent;
}