/*
Description:  Additional css for new static homepage
*/

/* these css from theme child css */
  
    .post .td-post-header .entry-title {
        color: #b60f15;
    }
    .td_module_15 .entry-title a {
        color: #b60f15;
    }
    
    .block-title > span,
    .block-title > a,
    .widgettitle,
    .td-theme-wrap .td-related-title a,
    .td-theme-wrap .td-block-title {
        font-size:18px;
	    font-weight:bold;
	    text-transform:uppercase;
    }
    
    .td-excerpt {
        font-size:16px;
    }
	
    .td_module_8 .td-module-title {
    	font-size:18px;
	    font-weight:normal;	
    }
    
    .td-post-template-default .td-post-header .entry-title {
        font-size:32px;
	    font-weight:600;	
    }
    
    .td-post-content p,
    .td-post-content {
        font-size:16px;
	    line-height:28px;
    }
    
 
/* start new css by kevin */
.margin-0 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.padding-0 {
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.padding-left-0 {
    padding-left: 0px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.title_large a {   
    font-size: 32px !important;
    font-weight: 600 !important;
    color: #333 !important;
}

.title_small a {
    font-size: 16px !important;
    font-weight: 900 !important;
    color: #333 !important;
    padding-left: 10px;
}


/* new css for category page */
.cat-header-image {
    overflow: hidden;
    position: relative;
	background-size: cover;
    width: 100%;
    height: 450px;
    margin-bottom: 40px;
    text-align: center;
    background-image: url('http://www.singtao.ca/toronto/wp-content/uploads/toronto_sandbox/../master_sandbox/2019/01/22211-700x467.jpg');
}

.cat-header-imgtitle {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    margin-top: 0px;
    left: 0px;
    bottom: 0px;
    max-height: 75%;
    letter-spacing:1px !important;
}

.cat-header-imgtitle-large{
    text-shadow: 0 1px 5px rgba(0,0,0,0.4);
    text-decoration: none;
    display: inline-block;
    color: #ffffff;
    margin: 0px 3% 5px !important;
    text-align: left !important;    
    font-size:26px;
    font-weight:600;
    letter-spacing:1px;
    font-family: inherit;
}

.sidebar1{
    width:300px; 
    margin:0 auto; 
    padding-bottom:20px;
}

/* article page */
/* 文章页-其他文章下拉列表样式 */
.open-drop:hover ul.drop{
    display: block !important;
}

#header {
    margin-left: auto;
    margin-right: auto;
    max-width: 1270px;
}

#header .flex-container{
    height: 28px;
}

.block-title-h4 {
    border-bottom: 2px solid #b60f15;
    background-color: #dddddd;
    text-align: left;
}

.block-title-h4 > span {
    padding: 0 15px;
    height: 38px;
    line-height: 40px;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    width: 300px;
    text-decoration: none;
    background-color: #b60f15;
    font-weight: 600;
}

/* Homepage slider */
.bx-wrapper .bx-viewport div{
    max-height: 357px !important;
}

.bx-wrapper img {
    min-height: 357px !important;
}

.bx-wrapper{
    box-shadow: none !important;
    border: 0 !important;
    margin-bottom: 0px !important;
}  

.bx-wrapper .bx-caption {
    text-align: center;
    font-size: 26px;
    /* background: transparent !important; */
}
/* Homepage slider end */

.home-page-sidebar-top{
	margin-bottom: 0px;
	padding-bottom: 15px;
    margin: 0 auto;
    width: 300px;
}



.wpb-js-composer .vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab.vc_active>a{
  background-color:#c40024 !important;
  border-color:#c40024 !important;
  color: #fff !important;
}

.wpb-js-composer .vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab>a{
  background-color:#5899dd !important;
  border-color:#5899dd !important;
}

.wpb-js-composer .vc_tta.vc_general{
  font-size: 16px !important;
  font-weight: 600 !important;
}

.vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a{
   padding:12px 35px !important;
}


.vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:last-child>a{
   padding:12px 25px !important;
}
.vc_tta-tabs-container{
   /*display: none;*/
}

.vc_tta-panel-heading{
  /*display: none;*/
}

.vc_tta-tab {
    margin-left: -1px;
    margin-top: -1px;
}

.vc_tta-tab {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-o-shape-group .vc_tta-tab:not(:first-child):not(:last-child)>a {
    border-radius: 0;
}

.vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab>a {
    border-color: #4868cf;
    background-color: #5472D2;
    color: #fff;
}

.vc_tta.vc_tta-style-modern .vc_tta-tab>a {
    border-width: 1px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#03ffffff', GradientType=0);
}

.vc_tta.vc_general .vc_tta-tab>a {
    padding: 14px 20px;
    display: block;
    box-sizing: border-box;
    border: solid transparent;
    position: relative;
    text-decoration: none;
    color: inherit;
    transition: background .2s ease-in-out,color .2s ease-in-out,border .2s ease-in-out;
    box-shadow: none;
}

.vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab>a {
    background-color: #5899dd !important;
    border-color: #5899dd !important;
}

.vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a {
	padding: 12px 33px !important;
}
.vc_tta-tabs-container .vc_tta-tabs-list:first-child .vc_tta-tab>a {
	padding: 12px 25px 12px 25px !important;
}

@media (max-width: 1140px) and (min-width: 1019px) {
	.vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab>a {
		padding: 12px 29px !important;
	}

	.vc_tta-tabs-container .vc_tta-tabs-list:first-child .vc_tta-tab>a {
		padding: 12px 29px 12px 28px !important;
	}
}

.vc_tta.vc_tta-style-classic .vc_tta-tabs-list, 
.vc_tta.vc_tta-style-modern .vc_tta-tabs-list {
    padding-left: 1px;
    padding-top: 1px;
}
.vc_tta.vc_general .vc_tta-tab {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.vc_tta.vc_tta-style-modern .vc_tta-tab {
    margin-left: -5px;
    margin-top: -1px;
}

.vc_tta-tabs.vc_tta-tabs-position-top.vc_tta-o-shape-group .vc_tta-tab:first-child:not(:last-child)>a {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.vc_tta.vc_general .vc_tta-tabs-list {
    list-style-type: none;
    display: block;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
.vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab>a {
    border-color: #4868cf;
    background-color: #5472D2;
    color: #fff;
}

.vc_tta-color-blue.vc_tta-style-modern .vc_tta-tab.vc_active>a {
    background-color: #c40024 !important;
    border-color: #c40024 !important;
    color: #fff !important;
}

.vc_tta.vc_general {
    font-size: 16px !important;
    font-weight: 600 !important;
}

.vc_tta-tabs:not([class*=vc_tta-gap]):not(.vc_tta-o-no-fill).vc_tta-tabs-position-top .vc_tta-tab.vc_active>a::before {
    display: block;
    height: auto;
    top: 100%;
    right: 100%;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

.vc_tta.vc_general .vc_tta-tab.vc_active>a::after, .wpb-js-composer .vc_tta.vc_general .vc_tta-tab.vc_active>a::before {
    display: none;
    content: '';
    position: absolute;
    border-width: inherit;
    border-color: inherit;
    border-style: inherit;
    width: 100vw;
    height: 200vw;
}

.vc_tta.vc_general .vc_tta-tab.vc_active>a::after, .wpb-js-composer .vc_tta.vc_general .vc_tta-tab.vc_active>a::before {
    width: 0px !important;
}

.vc_tta.vc_tta-style-modern .vc_tta-tab>a {
    border-width: 1px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#03ffffff', GradientType=0);
}
.vc_tta-tabs.vc_tta-tabs-position-top .vc_tta-tabs-list {
    overflow: hidden;
}

.block-title {
    border-bottom: 2px solid #b60f15;
    background-color: #dddddd;
    text-align: left;
}

.block-title > span {
    padding: 0 15px;
    height: 38px;
    line-height: 40px;
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    width: 300px;
    text-decoration: none;
    background-color: #b60f15;
    font-weight: 600;
}

.content-area{
	min-height: 300px;
	padding: 30px 20px;
}

#divCategory{
	min-height: 300px;
}

#searchform input[type=text]{
	width: calc(100% - 60px);
}

.featured-image-wrapper{
	text-align: center;
}

.featured-image-wrapper img{
	margin: 0 auto !important;
}

.featured-image-wrapper::after {
  content: "";
  /*background: url(image.jpg);*/
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
}

/*
#homepage-slider {
  animation: homeoage_slider 0s 3s forwards;
  visibility: hidden;
  height: 0;
}

@keyframes homeoage_slider {
  to   { visibility: visible; height: 375px; }
}

#homepage-slider-loading{
	width:100%;
	height: 357px; 
	animation: homepage_slider_loading 0s 2s forwards;
    visibility: visible;
}

@keyframes homepage_slider_loading {
  to   { visibility: hidden; height: 0; }
}

.loading-animation {
    border: 5px solid #333;
    border-radius: 30px;
    height: 30px;
    left: 50%;
    margin: -15px 0 0 -15px;
    opacity: 0;
    position: absolute;
    top: 175px;
    width: 30px;
 
    animation: loading_animation 1s ease-out;
    animation-iteration-count: infinite;
}

@keyframes loading_animation {
    0% {
      transform: scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
}
*/

/* for flexslider */
.flexslider{
    margin-bottom:50px !important;
}
.flexslider .slides>li {
    max-height: 357px;
    position: relative;
    overflow: hidden;
}
.flex-caption { 
    background: rgba(80, 80, 80, 0.75);
    bottom: 0px;
    margin: 0px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size:18px;
    font-weight: bold;
    line-height: 1.15;
    padding: 5px;
    position:absolute;
}
.flex-prev, .flex-next {
  font-size: 0;
}
.flex-control-nav{
    bottom : -30px !important;
}
@media (max-width: 640px) {
    .flexslider, .flexslider .slides>li {
        height: 237px !important;
    }      
}

@media (max-width: 767px){
    .td-pb-row .td-pb-span4 {
        float: left !important;
    }
    .ad-leader-board{display:none;}
}

@media (min-width: 768px) {
    .flexslider .slides img {
        min-height: 357px !important;
    }
}

/* end flexslider */


/* for summer fun event */
.summerfun a{
    font-size: 14px; 
    font-weight: bold; 
    color: #fff;
    padding: 7px 12px;
    border-radius: 15px;
    margin-left: 10px;
    display:inline-block;
}

.summerfun a:hover {
    background:#777 !important;
    text-decoration: none !important;
}

.td-post-content iframe {
  max-width:100%;
  border:0;
}


@media (max-width: 767px) {
    .summerfun a{
        margin-top:5px;
    }
	/* new css for category page */
	.cat-header-image {
        text-align: center;
		overflow: hidden;
		position: relative;
		background-size: cover;
		width: 100%;
		height: 220px;
		margin-bottom: 40px;
		background-image: url('http://www.singtao.ca/toronto/wp-content/uploads/toronto_sandbox/../master_sandbox/2019/01/22211-700x467.jpg');
	}
}

/* for category event1 crumb header */
@media (max-width: 767px){
    .td-pb-row [class*="td-pb-span"] {
        float: left;
    }
    .homelogo-mobile{
        display: block !important;        
    } 
    #main {
        box-shadow: none;
    }   
}

#header .container-fluid {
    padding-right: 0px;
}

.upmenu, .downmenu{
    float:right;
    width:100%;
}
.upmenu li{
    float:left;
}

.upmenu li{
    float:left;
}

.flex-list {
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}


.homepage .td-main-content {
    padding-left: 30px;
}

.td-post-content .alignnone img{
    width: auto;
}

.right_col .td_block_7:not(:first-child){
    padding-top: 15px;
}


/* for comment */
.collapsible {
    background-color: #f5f5f5 !important;
    color: #333;
    border:1px solid #dcd9d9 !important;
    cursor: pointer;
    padding: 12px !important;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px !important;
    font-weight: normal !important;
}

.active,
.collapsible:hover {
    background-color: #e5e5e5;
}

.st-comments {
    padding: 0 18px;
    display: '';
    overflow: hidden;
    background-color: #fff;
    height:0px;
    width: 100%;
}

.collapsible:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f067";
    padding-right: 5px;
}
.collapsible.close:before {
    content: "\f068";
}
/* end comment */

li.flex-nav-prev, li.flex-nav-next {
    line-height: 50px;
}


/* 修正粗體 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: bold;
    src: local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family: '微軟正黑體修正';
    unicode-range: U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style: normal;
    font-weight: normal;
    src: local(微軟正黑體);
}
.td_module_16 .entry-title, .td-post-template-default .td-post-header .entry-title
{
    font-family: 微軟正黑體修正, 微軟正黑體, sans-serif !important;
}