/*
Theme Name: HuaYenUSA Engrave (Lite)
Theme URI: https://www.hyview.com
Author: Hyview
Author URI: https://www.hyview.com
Template: engrave-lite
Description: Engrave Lite is the free version of the multi-purpose professional theme ideal for a business or blog website. The theme has a responsive layout, HD retina ready and comes with a powerful theme options panel with can be used to make awesome changes without touching any code. The theme also comes with a full width easy to use slider. Easily add a logo to your site and create a beautiful homepage using the built-in homepage layout.
Version: 1.0.0
DC: 4/17/2015; LU: 5/8/2015
*/

@import url("../engrave-lite/style.css");

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: Arial, Helvetica, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}

body, button, input, select, textarea {
    font-size: 16px;
}

a {
    color: #08C; /* blue series */
}

a:hover {
    color: #F33; /* red series */
	text-decoration: none;
}

/* Header */
#site-header { /* theme-color; 1st demo - #e0eac5, #fefefe */
    background: -webkit-linear-gradient(#ccc, #fff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ccc, #fff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ccc, #fff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ccc, #fff); /* Standard syntax (must be last) */
}

#site-header {
    box-shadow: none;
}

#header {
    background-color: transparent;
}

#header .header-links > ul > li a {
    color: #555; /* theme-color; grey 888*/
	font-size: 1.2em; /* 16px */
}

/* Navbar on top right */

#header .menu > li > a {
	font-weight: normal;
}

#header .menu > li.menu-hover > a,
#header .menu > li.current_page_item > a, 
#header .menu > li.current-menu-ancestor > a,
#header .menu > li > a:hover {
	color: #555; /* theme-color */
	background-color: transparent;
}

#header .header-links .sub-menu {
	background: #fff; /* #fff */
	border: 0;
}

#header .header-links .sub-menu a { /* theme-color */
    color: #555;
	font-size: 1.2em; /* 16px */
}

#header .header-links > ul > li a { /* upper right navbar */
    padding: 8px; /* 25px 16px; */
}

#logo img {
    min-height: 100px;
}

/* Navbar below logo */
#pre-header {
    background-color: transparent;
	color: #000; /* 000 */
}

#pre-header .header-links li a, 
#pre-header-social li, 
#pre-header-social li a, 
#pre-header-search input {
    color: #555; /* theme-color */
    font-size: 1.2em; /* 16px */
}

#pre-header .header-links li a {
    padding: 8px; /* 9px 15px 7px; */
}

#pre-header .header-links .sub-menu {
	background: #FFF;
	border: 0;
}

#pre-header-social li.message {
    font-style: italic;
	font-size: 14px;
}

#pre-header-search .search {
    background-color: #FFF;
	border-color: #A9A9A9;
	font-size: 14px;
}

/* search box from http://www.mageewp.com/demo/?theme=meris theme */
.site-search-toggle {
	display: block;
	float: right;
	margin-top: 25px;
	background-color: transparent;
	border: none;
	color: #ccc;
}

.themebutton3, button, html input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #286090; /* search form submit */
}

#breadcrumbs-core {
	font-size: 1.2em;
}

#intro.option1 { /* post title and breadcrumb bar */
    border: 0;
    background-color: #fff;
}

#content {
	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.office-message {
	background-color: white;
	text-align: center;
}

.panel-heading {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.feature-image {
	width: 300px;
	height: 200px;
}
 
.blog-article .more-link {
    padding: 5px 10px;
}

.blog-article .blog-title {
    font-size: 1em;
	font-weight: bold;
}

.themebutton2 { /* Read More button */
	background-color: #286090; /* default: #EC4C4C; #286090 primary blue button color */
}

.themebutton2:hover {
	color: #FFF; /* default #333 */
	background-color: #FF3333;
}

#no-results .entry-header { /* for POSTs */
	text-align: center;
}

#no-results .entry-content { /* for POSTs */
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

img.center { /* center an image */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.no-content { /* for PAGEs */
	text-align: center;
}

/* Pagination bar */
.pag {
    text-align: center;
}

.pag li a:hover {
	background: #F33; /* theme-color; red series */
	border-color: #F33; /* theme-color; red series */
}

.pag li.current span { /* Pagination */
    background-color: #286090; /* #393 */
    border-color: #286090;
}

/* Footer section */
#sub-footer {
    background: none repeat scroll 0% 0% #111;
    padding: 5px 0px;
}

#sub-footer {
    background: none repeat scroll 0% 0%;

	/* theme-color; 1st-green series #fefefe, #e0eac5 */
    background: -webkit-linear-gradient(#ffffff, #cccccc); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff, #cccccc); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff, #cccccc); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff, #cccccc); /* Standard syntax (must be last) */
	
    border-top: none;	
}

#sub-footer-core a:link, #sub-footer-core a:visited {
    color: #08c; /* #08c */
}
  
/* mouse over link */
#sub-footer-core a:hover {
    color: #f33; /* theme color - #f33 */
}

#sub-footer-core, #sub-footer-core a {
    font-size: 14px;
}

#social-media {
	text-align: center;
	margin-top: 10px;
}

.copyright {
    color: #555; /* theme-color */
}

#copyright-contact {
    margin-bottom: 5px;
}

#section-3 {
	min-height: 350px;
}

.panel-default > .panel-heading  {
    background-color: #f6f6f6; /* theme-color */
}

.panel-default {
    border-color: #f6f6f6; /* theme-color */
}

/******* External Plugins *******/

/* history plugin: #extension */
#extension table td {
    text-align: left;
}

#extension .panel {
    border-color: #f6f6f6; /* #dcdcdc */
}

#extension .panel-heading {
    padding: 15px 10px;
    text-align: left;
	font-style: italic;
    background-color: #f6f6f6;  /* #DFF0D8 panel-success color */
}

#footer { /* use Widget to hold customized Footer content; 1/9/2018 */
	background: -webkit-linear-gradient(#fff, #ccc); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fff, #ccc); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fff, #ccc); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fff, #ccc); /* Standard syntax (must be last) */	
	border-top: none;
}
#footer-core a {
	color: #08C;
}
#footer-core a:hover {
	color: #F33;
}

/*  CSS for History Yearly Index page */
.history-table table,
.history-table table td {
  border: none;
}
.history-table table td {
  padding: 10px;
}

@media (max-width: 768px) {
	#content {
		font-size: 1em;
		padding-top: 0;
		padding-bottom: 0;
	}
	.metaslider .caption-wrap {
		position: relative!important;
		bottom: auto;
		left: auto;
	}
}