/*
Theme Name:    Vocalmiddle
Description:   CianWang Theme by CianWang
Author:        CianWang
Template:      oceanwp
*/
@import url("../oceanwp/style.css");

/* Custome Cianwang*/

/* ------------------------------------------------------------
Cianwang Website
------------------------------------------------------------ */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	font-family: Noto Sans TC;
	//font-family: Microsoft JhengHei;
}
.page-header-title {
	line-height: 40px;
}
.site-breadcrumbs.position-under-title, .centered-page-header .site-breadcrumbs, .centered-minimal-page-header .site-breadcrumbs {
	line-height: 40px;
}
/* ------------------------------------------------------------
Footer Social icon Style
------------------------------------------------------------ */
.footer-social-icon {
	width: 100%;
}
.footer-social-icon ul {
	display: grid;
	grid-template-columns: 20% 20% 20% 20%;
	column-gap: 5%;
	margin: 0;
    padding: 0;
    list-style: none;
}
.footer-social-icon li {
	display: inline-block;
	font-size: 35px;
	text-align: center;
}
.footer-social-icon li.facebook:hover {
	color: #3b5998;
}
#footer-widgets .footer-box {
	font-size: 12px; 
}
/* ------------------------------------------------------------
Elementor Style
------------------------------------------------------------ */
.elementor-widget-container .elementor-widget-heading .elementor-heading-title {
	font-family: "Noto Sans TC";
	//font-family: Microsoft JhengHei;
}
/* ------------------------------------------------------------
Post Style
------------------------------------------------------------ */
.blog-entry.thumbnail-entry .blog-entry-comments {
	display: none;
}
/*
ul.page-numbers {
	display: none;
}
*/
/* ------------------------------------------------------------
Block Title Style
------------------------------------------------------------ */
.block-title {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	margin-bottom: 30px;
}
.block-title:after {
	display: inline-block;
	margin: 0 0 8px 20px;
	height: 3px;
	content: " ";
	text-shadow: none;
	background-color: #000000;
	width: 20%;
}
.block-title:before {
	display: inline-block;
	margin: 0 20px 8px 0;
	height: 3px;
	content: " ";
	text-shadow: none;
	background-color: #000000;
	width: 20%;
}
/* ------------------------------------------------------------
Search and Pagination Style
------------------------------------------------------------ */
.search-block {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}
.search-submit {
	text-align: center;
    vertical-align: middle;
	padding-top: 25px;
}
/* ------------------------------------------------------------
Showcase Archive Page Style
------------------------------------------------------------ */
.showcase-item {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}
.showcase-item h3 {
	margin: 10px 0;
}
.showcase-item h3:hover {
	color: #167ba6;
}
.showcase-item img:hover {
	opacity: 0.8;
}
.showcase-awarded {
	position: absolute;
	top: 25px;
	left: -50px;
	width: 170px;
	text-align: center;
	line-height: 30px;
	letter-spacing: 1px;
	color: #ffffff;
	background: #a78845;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.showcase-item img {
	display: table-cell;
	width: 100%;
    height: auto;
	overflow: hidden;
}
/* ------------------------------------------------------------
Showcase Page Style
------------------------------------------------------------ */
.showcase-content {
	text-align: justify;
	width: 100%;
	padding: 5%;
	border: 1px solid #cccccc;
	border-radius: 10px;
	margin-bottom: 30px;
}
/* ------------------------------------------------------------
Team Page Style
------------------------------------------------------------ */
.member-item {
	padding: 5%;
	text-align: center;
	border: 1px solid #cccccc;
	box-shadow: 0px 0px 50px 0px rgba(15,15,43,0.58);
	margin-bottom: 30px;
}
.member-item .name a {
	color: #6ec1e4;
	line-height: 30px;
}
.member-item img {
	width: 100%;
	border-radius: 50%;
}
/* ------------------------------------------------------------
Client Archive Page Style
------------------------------------------------------------ */
.client-row {
	margin-bottom: 20px;
}
/* ------------------------------------------------------------
Client Page Style
------------------------------------------------------------ */
.client .title {
	font-size: 18px;
	font-weight: bold;
}
/* ------------------------------------------------------------
FlexSlider Style
------------------------------------------------------------ */
.flex-direction-nav a  {
    line-height: 40px;
}
.flexslider .flex-viewport {
	max-height: 600px;
}
/* ------------------------------------------------------------
Responsive Style
------------------------------------------------------------ */
@media only screen and (max-width: 480px) {
	/*
	.col-sm-2 {
		width: 33%;
		float: left;
	}
	*/
}