/*********************************************************************************************
Theme Name: PhuocThinh
Theme URI: http://phuocthinhbusiness.com/
Version: 1.0.0
Author: Tien Dung
Author URI: https://thuthuat.vip/
Description: WordPress Theme - Dich vu thiet ke web tren nen tang WP - VU TRU SO
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phuocthinh

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Page: Common layout elements  ------  All Theme Files
2.  Page Structure: Header -------------  header.php
3.  Navigation  ------------------------  header.php
4.  Page Structure: Content ------------  index.php, archive pages
5.  Page Structure: Common Elements  ---  all theme files
6.  Archives: Category, Author, Search -
7.  Homepage Blocks --------------------  index.php
8.  Single: Post/Page Styling  ---------  sidebar.php
9.  Comments Styling  ------------------  comments.php
10.  Prefooter & Footer  ---------------  footer.php
11.  Lightbox effect (ColorBox) styling
12.  Miscellaneous

**********************************************************************************************/


/*********************************************************************************************

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }

table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@font-face {
    font-family: 'CeraStencilPRO-Regular';
    src: url('fonts/cera-stencil-pro.eot');
    src: url('fonts/cera-stencil-pro.eot#iefix') format('embedded-opentype'),
    url('fonts/cera-stencil-pro.woff2') format('woff2'),
    url('fonts/cera-stencil-pro.woff') format('woff'),
    url('fonts/cera-stencil-pro.ttf') format('truetype'), url('fonts/cera-stencil-pro.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UVNCHUKY';
    font-weight: normal;
    font-style: normal;
}


/*********************************************************************************************

1. Page Structure: Common layout elements

*********************************************************************************************/

::-moz-selection{background:#edd29f; color:#333; }
::selection{ background:#edd29f; color:#333; }

a { color: #cc0033; text-decoration:none; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
a:hover, a:focus { color: #214b7b; }

body {
	background-color: #f1f1f1;
	color: #555;
	font-family: 'Roboto', Arial, Tahoma, sans-serif;
	font-size: 62.5%;
	line-height: 1.2em;
	text-align: center;
	margin: 0;
	padding: 0;
}

#container {
	font-size: 13px;
	line-height: 1.5em;
	text-align: center;
	width: 100%;
	background: #ebf4f7;
}

div.wrapper {
	margin: 0 auto;
	text-align: left;
	width: 940px;
}

div.wrapper-main {
	background-color: #fff;
	-moz-box-shadow: 0 0 15px #e1e1e1;
	-webkit-box-shadow: 0 0 15px #e1e1e1;
	box-shadow: 0 0 15px #e1e1e1;
	padding: 10px 30px;
}

div.cleaner,
div.clear,
div.divider {
	margin:0;
	clear: both;
	font-size:1px;
	height: 1px;
	line-height: 1px;
}

h1,h2,h3,h4,h5,h6 {
	color: #222;
	margin: 0;
}


/*********************************************************************************************

2. Page Structure: Header

*********************************************************************************************/

header div.divider {
	border-bottom: solid 1px #ddd;
	margin: 10px 0;
}

#logo {
	float: left;
	display: inline;
	margin: 10px 40px 0 0;
}

#logo h1 {
	font: bold 42px/100% 'Bree Serif', Georgia, Times, 'Times New Roman', serif;
	text-transform: uppercase;
	margin: 0;
}

#logo #tagline {
	font-size: 10px;
	text-transform: uppercase;
	line-height: normal;
	color: #bbb;
	margin: 0;
}

span.top-info {
	clear: right;
	color: #999;
	display: inline;
	float: right;
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
}

/*********************************************************************************************

3. Page Structure: Navigation

*********************************************************************************************/

#top-menu {
	float: right;
	display: inline;
	font-size: 12px;
	line-height: 1.5em;
	margin-bottom: 15px;
}

#top-menu a {
	color: #999;
}

#top-menu a:hover {
	color: #333;
	text-decoration: underline;
}

#top-menu li {
	margin-left: 10px;
	padding-left: 10px;
	border-left: solid 1px #f1f1f1;
	float: left;
	display: inline;
}

#top-menu li:first-child {
	padding-left: 0;
	margin-left: 0;
	border-left: none;
}

#top-menu li.social-icons a {
	margin-right: 6px;
}


/* Top Main Menu */

#main-menu .btn_menu {
	display: none;
}

#main-menu {
	background-color: #6392aa;
	font-size: 13px;
	margin-top: 15px;
	margin-bottom: 15px;
    min-height: 45px;
    position:relative;
    z-index:50;
    line-height: 29px;
}

#main-menu li {
	border-right: solid 1px #72a1b9;
	display: inline;
	float: left;
	position: relative;
}

#main-menu li.cleaner {
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	clear: left;
}

#main-menu li:hover {
	visibility: inherit; /* fixes IE7 'sticky bug' */
}

#main-menu li:last-child {
	border-right: 0;
}

#main-menu a:hover,
#main-menu li.current-menu-item a,
#main-menu a:active,
#main-menu li.current-item a {
	background-color: #34637b;
}

#main-menu li.current-item li a {
	color: #aaa;
}

#main-menu .dropdown ul {
	position:		absolute;
	top:			-999em;
	width:			404px; /* left offset of submenus need to match (see below) */
 	text-align: left;
	margin: 0;
	padding: 10px 5px;
	background: #272727;
	text-transform: none;
}

#main-menu .dropdown ul li {
	width: 100%;
	font-size: 13px;
	line-height: 1.8em;
 	margin: 0;
 	padding: 0;
 	border-right: 0;
 	border-bottom: solid 1px #444;
}

#main-menu .dropdown ul li a {
	padding: 8px 15px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-bottom: none;
}

#main-menu a {
	background-color: #6392aa;
	color: #fff;
	display: block;
	padding: 8px 15px;
	position: relative;
}

#main-menu li li a,
#main-menu .current-menu-item li a,
#main-menu li .current-menu-item a,
#main-menu li li a:hover {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

#main-menu li li a {
	color: #aaa;
}

#main-menu li li a:hover {
	background-color: #333;
	color: #fff;
}

#main-menu .dropdown li:hover ul,
#main-menu .dropdown li.sfHover ul {
	padding: 0;
	margin: 0;
	left:			0;
	top:			100%; /* match top ul list item height */
	z-index:		99;
}

#main-menu ul.dropdown li:hover li ul,
#main-menu ul.dropdown li.sfHover li ul {
	top:			-999em;
}

#main-menu ul.dropdown li li:hover ul,
#main-menu ul.dropdown li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}

#main-menu ul.dropdown li li:hover li ul,
#main-menu ul.dropdown li li.sfHover li ul {
	top:			-999em;
}

#main-menu ul.dropdown li li li:hover ul,
#main-menuul.dropdown li li li.sfHover ul {
	left:			151px; /* match ul width */
	top:			0;
}

.sf-sub-indicator { display:none; }
#main-menu .dropdown li ul .sf-sub-indicator { display:inline; }

/*********************************************************************************************

4. Page Structure: Main Content

*********************************************************************************************/

div.breadcrumbs {
	color: #999;
	font-size: 13px;
	margin: 10px 0 20px;
}

#content {
	float: left;
	display: inline;
	width: 620px;
	margin: 0 20px 0 0;
}

aside {
	float: left;
	display: inline;
	width: 300px;margin-top: 5%;
}

div.wrapper-reversed #content {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

div.full-width #content {
	margin-right: 0;
	float: none;
	display: block;
	width: 100%;
}

div.wrapper-reversed img.cover-wide {
	margin-left: 0;
}

/*********************************************************************************************

5. Page Structure: Common Elements

*********************************************************************************************/

h1,h2,h3,h4,h5,h6 {
	line-height: 1.65em;
	margin-bottom: 20px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #cc0033;
}

img.cover,
img.cover-wide {
	margin-bottom: 20px;
}

img.cover-wide {
	margin-left: -30px;
}

.title-xsmall {
	font-size: 14px;
	font-weight: bold;
}

.title-small {
	font-size: 18px;
	font-weight: bold;
}

.title-medium {
	font-size: 24px;
	font-weight: bold;
}

.title-large {
	font-size: 21px;
	font-weight: bold;
}

.title-xlarge {
	font-size: 14px;
}

.title-xxlarge {
	font-size: 14px;
}

p.title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75em;
	text-transform: uppercase;
}

div.widget {
	font-size: 13px;
	line-height: 1.75em;
	margin-bottom: 20px;
}

div.widget li {
	list-style-type: none;
	margin-bottom: 10px;
}

.widget-title {
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

div.secondary {
	background-color: #f4f4f4;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	color: #999;
	font-size: 11px;
	line-height: 22px;
	padding: 15px 15px;
}

div.secondary a {
	color: #333;
}

div.secondary a:hover {
	text-decoration: underline;
}

div.secondary div.column,
div.post-actions div.column {
	float: left;
	display: inline;
	margin-right: 20px;
	width: 285px;
}

div.post-actions div.column {
	width: 300px;
}

div.secondary div.column.column-last,
div.post-actions div.column.column-last {
	margin-right: 0;
}

div.secondary div.cover,
div.cover-author {
	float: left;
	display: inline;
	margin-right: 10px;
}

div.secondary div.cover img,
div.cover-author img,
ul.posts-related div.cover img {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 4px;
}

div.cover-author {
	float: right;
	margin: 0 0 10px 10px;
}

div.secondary p {
	margin: 0;
}

div.secondary.post-meta,
div.post-actions {
	margin: 20px 0;
}

div.post-actions {
	color: #999;
}

div.post-actions a {
	color: #333;
}

div.post-actions a:hover {
	text-decoration: underline;
}

div.archive-description {
	font-size: 15px;
	line-height: 25px;
}

#main div.divider {
	border-bottom: dotted 1px #ccc;
	margin: 20px 0;
}

/*********************************************************************************************

6. Archives: Category, Author, Search

*********************************************************************************************/

ul.posts-list li {
	font-size: 13px;
	line-height: 1.9em;
	list-style-type: none;
	padding: 10px 0;
	border-bottom: 1px solid #eae9e9;
}

ul.posts-list li.full-width {
	line-height: 23px;
}

ul.posts-list p.postmetadata {
	font-size: 11px;
	color: #999;
	display: block;
	margin-bottom: 5px;
}

ul.posts-list li.secondary span.category {display: block;}

ul.posts-list li.secondary p.postmetadata {
	margin-top: 10px;
}

ul.posts-list p {
	margin: 0;
}

ul.posts-list li.full-width h1 {
	margin-bottom: 15px;
}

ul.posts-list li.secondary h1 {
	margin-bottom: 10px;
}

ul.posts-list .title {
	margin-bottom: 10px;
	font-size: 13px;
}

ul.posts-list div.cover {
	float: left;
	display: inline;
	width: 140px;
	margin-right: 20px;
}

ul.posts-list div.post-excerpt,
ul.posts-related div.post-excerpt {
	overflow: hidden;
}

div.navigation { text-align: center; margin-bottom:15px; font-size: 14px; }
div.navigation {background-color: #f3f3f3; border: solid 1px #e7e7e7; background-repeat:repeat-x; background-image:-khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)); background-image:-moz-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:-ms-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f1f1f1)); background-image:-webkit-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:-o-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:linear-gradient(top, #f9f9f9, #f1f1f1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0);}
div.navigation p {margin: 0;}
div.navigation a,
div.navigation .current { border: none; line-height: 40px; margin-right: 5px;  }
div.navigation .current { font-weight:bold;  }
div.navigation .page-numbers {padding: 0 10px; border-right: solid 1px #e5e1da; margin-right: 0 !important; }
div.navigation .next {float:right; padding-right:20px; border-right: 0; }
div.navigation .prev {float:left; padding-left:20px; border-right: 0;}

ul.related-pages a {
	color: #666;
}

ul.related-pages a:hover {
	color: #222;
}

ul.related-pages li {
	border-bottom: solid 1px #eee;
	color: #cc0000;
	list-style-type: square;
	padding-bottom: 5px;
}

ul.related-pages li:hover {
	border-bottom: solid 1px #bbb;
}

ul.related-pages li.current-page {
	font-weight: bold;
}

/*********************************************************************************************

7. Homepage Blocks

*********************************************************************************************/

/* Featured Slider */

#featured-posts {
	margin: 0 0 20px;
	position:relative;
}

#featured-posts p.read-more {
	margin: 20px 0 0;
}

#featured-posts li {
	list-style-type: none;
}

#featured-posts h2 {
	font-size: 18px;
	line-height: 1.4em;
}

#featured-posts div.post-excerpt {
	background-color: #f7f5ed;
	float: left;
	display: inline;
	font-size: 13px;
	line-height: 22px;
	margin-right: 20px;
	padding: 20px 15px;
	width: 270px;
	min-height: 210px;
}

#featured-posts div.post-cover {
	float: left;
	display: inline;
	width: 620px;
}

/* Welcome Message */

#welcome-message {
	font-size: 15px;
	line-height: 1.75em;
	margin: 30px 0 20px;
	text-align: center;
}

#welcome-message h1 {
	font-size: 26px;
	line-height: 1.5em;
	font-weight: bold;
}

/* Featured Services (4) */

#special-blocks {
	margin-bottom: 20px;
}

#special-blocks div.column {
	background-color: #f6f6f6;
	border: solid 1px #e7e7e7;
	float: left;
	display: inline;
	font-size: 12px;
	line-height: 1.6em;
	padding: 14px;
	width: 273px;
}
.column-1, .column-2{
	margin-right: 15px;
}
#special-blocks div.column.column-last {
	margin-right: 0;
}

#special-blocks img {
	background-color: #fff;
	border: solid 1px #ddd;
	padding: 0;
	max-width: 100%;
    width: 100%;
}

#special-blocks h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	margin: 12px 0;
	text-align: center;
}

#special-blocks p {
	margin: 0;
	    font-size: 14px;
}

#social-block {
	background-color: #f9e6c1;
	border: solid 1px #edd29f;
	margin: 30px 0 10px;
	padding: 12px 19px 10px;
	font-size: 11px;
	line-height: 22px;
	text-shadow: #faefdb 1px 1px 0;
}

#social-block.social-block-inside {
	margin-bottom: 20px;
}

#social-block div.column {
	color: #666;
	float: left;
	display: inline;
	margin-right: 2.22%;
	width: 48.88%;
}

#social-block div.column.column-last {
	margin-right: 0;
}

#social-block a {
	color: #666;
}

#social-block a:hover {
	color: #111;
}

#social-block p {
	margin: 0;
}

#form-subscribe label,
#form-subscribe input {
	float: left;
	display: inline;
}

#form-subscribe label {
	color: #7f7158;
	font-weight: bold;
	margin-right: 10px;
	line-height: 30px;
}

#form-subscribe input#form-email {
	border: solid 1px #e3c68f;
	background-color: #fff;
	font-size: 13px;
	height: 20px;
	width: 150px;
	padding: 3px 5px;
	margin-right: 2px;
}

a.button {
	display: inline;
}

#form-subscribe input#form-submit,
a.button {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	padding: 5px 12px;
	height: 28px;
	border: solid 1px #2b849e;
	cursor: pointer;
	display: block;
	color: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-webkit-transition: 0.1s linear all;
	-moz-transition: 0.1s linear all;
	-ms-transition: 0.1s linear all;
	-o-transition: 0.1s linear all;
	transition: 0.1s linear all;
}

a.button {
	display: inline;
	padding: 8px 12px;
}

#form-subscribe input#form-submit.blue,
a.button.blue {
	background-color: #0064cd;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	background-image: linear-gradient(top, #049cdb, #0064cd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
	border-color: #0064cd #0064cd #003f81;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #09509a 1px 1px 0;
}

#form-subscribe input#form-submit.green,
a.button.green {
	background-color: #57a957;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
	background-image: -moz-linear-gradient(top, #62c462, #57a957);
	background-image: -ms-linear-gradient(top, #62c462, #57a957);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
	background-image: -webkit-linear-gradient(top, #62c462, #57a957);
	background-image: -o-linear-gradient(top, #62c462, #57a957);
	background-image: linear-gradient(top, #62c462, #57a957);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
	border-color: #57a957 #57a957 #3d773d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3e783e 1px 1px 0;
}

#form-subscribe input#form-submit.orange,
a.button.orange {
	background-color: #c98610;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610));
	background-image: -moz-linear-gradient(top, #e49d1f, #c98610);
	background-image: -ms-linear-gradient(top, #e49d1f, #c98610);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610));
	background-image: -webkit-linear-gradient(top, #e49d1f, #c98610);
	background-image: -o-linear-gradient(top, #e49d1f, #c98610);
	background-image: linear-gradient(top, #e49d1f, #c98610);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0);
	border-color: #c98610 #c98610 #bf831c;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #bf831c 1px 1px 0;
}

#form-subscribe input#form-submit.purple,
a.button.purple {
	background-color: #4f337d;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d));
	background-image: -moz-linear-gradient(top, #664a96, #4f337d);
	background-image: -ms-linear-gradient(top, #664a96, #4f337d);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d));
	background-image: -webkit-linear-gradient(top, #664a96, #4f337d);
	background-image: -o-linear-gradient(top, #664a96, #4f337d);
	background-image: linear-gradient(top, #664a96, #4f337d);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0);
	border-color: #4f337d #4f337d #382458;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #3a2164 1px 1px 0;
}

#form-subscribe input#form-submit.red,
a.button.red {
	background-color: #c43c35;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
	border-color: #c43c35 #c43c35 #882a25;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #a8332d 1px 1px 0;
}

#form-subscribe input#form-submit.teal,
a.button.teal {
	background-color: #339bb9;
	background-repeat: repeat-x;
	background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
	background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
	background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
	background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
	background-image: linear-gradient(top, #5bc0de, #339bb9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
	border-color: #339bb9 #339bb9 #22697d;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	text-shadow: #2a819a 1px 1px 0;
}

#form-subscribe input#form-submit:hover,
a.button:hover {
	background-position: 0 -15px;
	text-decoration: none;
}

#form-subscribe input#form-submit:active,
a.button:active {
	-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

ul.social-actions {
	margin-top: 3px;
}

ul.social-actions li {
	float: left;
	display: inline;
	list-style-type: none;
	margin-right: 15px;
}

ul.social-actions img {
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
}

/*********************************************************************************************

8. Single: Post/Page Styling

*********************************************************************************************/

.post-content {
	font-size: 15px;
	line-height: 1.9em;
	max-width: 100%;
	overflow: hidden;
}

.full-width .post-content {
	max-width: 100%;
}

.full-width .post-content .wp-block-image img,
.post-content img.alignnone,
.full-width .post-content img.aligncenter,
.full-width .post-content img.alignleft,
.full-width .post-content img.alignright {
	max-width: 100%;
	width:auto;
 	height:auto;
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	font-weight: bold;
	margin: 12px 0 12px;
	line-height: 1.5em;
}

.post-content h1 {
	font-size: 32px;
}

.post-content h2 {
	font-size: 26px;
}

.post-content h3 {
	font-size: 22px;
}

.post-content h4 {
	font-size: 18px;
}

.post-content h5 {
	font-size: 16px;
}

.post-content h6 {
	font-size: 14px;
}

.post-content p {
	margin-top: 0;
	margin-bottom: 1em;
}

.post-content img {
	margin-bottom: 20px;
}

.post-content .wp-block-image img,
.post-content img.alignnone,
.post-content img.aligncenter,
.post-content img.alignleft,
.post-content img.alignright {
	max-width: 100%;
	width:auto;
 	height:auto;
}

.post-content ul,
.post-content ol {
	margin: 0 0 1em 1em;
}
.post-content li ul,
.post-content li ol {
	margin-bottom: 0;
}
.post-content li {
	list-style-position: outside;
	margin-left: 20px;
}
.post-content ul li {
	list-style-type: square;
}
.post-content ol li {
	list-style-type: decimal;
}
.post-content blockquote {
	margin: 10px;
	display: block;
	float: none;
	clear: both;
	font-style: italic;
	font-size: 1em;
	border-left: solid 5px #eee;
	background-color: #fafafa;
	padding: 10px 15px 1px;
}
.post-content a {
	text-decoration:none;
}
.post-content a:hover {
	text-decoration:underline;
	cursor: pointer;
}

ul.posts-related li {
	list-style-type: none;
	margin: 0 0 15px;
}

ul.posts-related div.cover {
	float: left;
	display: inline;
	margin-right: 10px;
}

ul.posts-related li h2 {
	font-size: 12px;
	line-height: 20px;
	margin: 0 0 6px;
}

ul.posts-related time {
	font-style: italic;
	font-size: 11px;
}

/*********************************************************************************************

9. Comments Styling

*********************************************************************************************/

#comments { display:block; margin:0; }
.comment-input-text textarea { width: 80%; }
.comment-list { margin: 0; padding: 15px 0 0; font-size: 12px; line-height: 20px;}
.comment-list li { list-style: none; }
.comment-list p { padding:15px 0 0; }
.comment-list p.heading {padding-top: 0; font-size: 12px; }
.comment-list li .commbody { border-top: 1px solid #e6e6e6; padding:0 0 8px; }
.comment-list ul { margin-bottom: 0; }
.comment-list ul.children .commbody { padding: 0 0 10px; }
.comment-author img { border:3px solid #fff; box-shadow: 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 1px  rgba(0,0,0,0.1); float: left; margin: 0 12px 12px 0; }
.comment-author cite.fn  { font-style:normal;  }
.comment-author cite.fn a { color: #666; font-weight:bold; }
.comment-author cite.fn a:hover { color: #222; }
.comment-profile-wrapper { text-align: center; width: 105px; }
span.says { display: none; }
.comment-meta { color:#8d8d8d; float: left; font-style:italic; font-size: 11px; margin-top: 6px; }
.commleft { border-top:3px solid #e6e6e6; float: left; padding-top:15px; width: 215px; }
.commentmetadata a { color: #6D6C6C; font-style:normal; }
.commentmetadata a:hover { color: #484040; text-decoration: none; }
.comment-gravatar { margin-bottom: 3px; }
.comment-content-wrapper { float: right; width: 538px; }
.comment-parent, .comment-single { margin-top: 15px; }
#comments ul.children { background:url(images/reply_bg.png) no-repeat;}
.comment-list ul.children, #comments #respond ul { margin: 0 0 10px 15px;  padding: 9px 0 0 35px;}
.comment-list ul.children ul.children { margin-left: 40px; }
.comment-list ul.children li {   margin: 0; }
.comment-body { margin: 0; padding: 8px 12px 0; position: relative; }
.comment-list li div p { color: #808080; margin-bottom: 0; margin-left: 229px; padding-right: 15px;}
.comment .post-date { margin-top: 0; }
.comment .post-date .right a { color: #BBB; }
.comment .post-date .right a:hover { color: #234; }
.reply {  clear: both; float:right; height:20px; font-size: 11px; }
.reply a { display:none; }
.commbody:hover .reply a { background:url(images/reply.png) no-repeat top left; display:block; margin-right: 15px; padding-left:16px; }
#reply-title small { margin:0 0 7px; display: block; }
.reply a, #cancel-comment-reply-link { border: none;  color: #7D7D7D; margin-right: 3px; text-transform:uppercase; }
.reply a:hover, #cancel-comment-reply-link:hover { color:#333; text-decoration: none; }

.nocomments {padding: 0 0 20px;}

#respond li { list-style: none; }
#respond ul { margin: 0; }
#respond .legend { margin-bottom: 10px; }
#reply-title { font-size: 14px; font-weight: bold; line-height: 22px; text-transform: uppercase;}
#comments #respond .legend { border-bottom: 0; margin-bottom: 0; }
#comments #respond ul { padding: 10px 0 0 15px;  }
#comments ul.children #respond ul { margin-left: 30px; padding: 0; }
#comments #respond .comment-profile-wrapper, #comments #respond .comment-arrow { display: none; }
#comments #respond .comment-body { background: #FFF; }
#comments #respond .comment-content-wrapper { float: none; width: 100%; }

#respond #formLabels p, #formContent p { margin: 0; padding: 4px 20px 3px 0;clear:both; }
#respond label { color: #7e7e7e; float: left; font-size: 13px; margin: 8px 14px 0 0; text-align: right; width: 110px; font-weight:normal;}
#respond input[type="text"], #respond textarea, .widget input[type="text"], .widget select, .widget textarea { display:inline-block; margin-right: 10px; padding:5px; font-size:13px; line-height:20px; color:#808080; border:1px solid #ccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom: 10px; -webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;-ms-transition:border linear 0.2s,box-shadow linear 0.2s;-o-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);}
#respond input:focus, #respond textarea:focus, .widget input:focus {outline:0;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);}
#respond .f input[type="text"] { width:30%;float:left;}
#respond .f span {margin: 0 0 0 10px; font-size: 12px; color: #7e7e7e; font-style: italic;}
#respond #formContent textarea { width: 100%; resize: vertical; max-height: 500px; }
#respond #submit { color: #555; }
#respond #submit, .widget input#searchsubmit { border: none; font-size: 14px; padding: 7px 20px 8px; text-align: center; text-shadow: 0 1px 0 #5A626A; margin: 0; position: relative; color:#ffffff; background-color:#c43c35;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-ms-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(top, #ee5f5b, #c43c35);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);border-color:#c43c35 #c43c35 #882a25;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 3px; }
#respond #submit:hover, .widget input#searchsubmit:hover { background-position:0 -15px; }
#respond #submit:active, .widget input#searchsubmit:focus, .widget input#searchsubmit:active, .widget input#searchsubmit:focus {top: 1px; -webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.25),0 1px 2px rgba(0, 0, 0, 0.05);}
.widget input#s {margin-right: 3px;}
.widget input#searchsubmit {font-size: 12px; width: auto; padding: 5px 12px;}
#side .widget input#s {width: 200px;}

.comment-list li #respond p { margin-left: 0; }

#respond .form-submit { padding-left: 0; }

#respond .comment-form-cookies-consent { padding-left: 124px;   }
#respond .comment-form-cookies-consent label { float: none; width: auto; display: inline; margin-left: 10px; text-transform: none; }

/*********************************************************************************************

10. Page Structure: Prefooter & Footer

*********************************************************************************************/

#prefooter {
	background-color: #fdf8ee;
	border: solid 1px #fcf2dd;
	margin: 15px 0 20px;
	padding: 10px 19px;
}

#prefooter a {
	color: #666;
}

#prefooter a:hover {
	color: #111;
}

#prefooter p.title {
	color: #bf0101;
	font-weight: normal;
	text-transform: none;
}

#prefooter div.widget {
	font-size: 13px;
}

#prefooter div.column {
	float: left;
	display: inline;
	margin-right: 40px;
	width: 333px;
}

#prefooter div.column.column-last,
#prewidgets div.column.column-last {
	margin-right: 0;
}

footer {
	font-size: 11px;
	line-height: 20px;
	color: #999;
	margin: 12px 0 0;
}

footer div.wrapper {
	width: 980px;
}

footer p.copy {float: left; display: inline; }

/*********************************************************************************************

11. Lightbox effect (ColorBox) styling

*********************************************************************************************/

/*
    Core Style:
    Do not edit these lines
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; font-size: 12px;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading2.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

/*********************************************************************************************

12. Miscellaneous

*********************************************************************************************/

.wp-caption {}
.wp-caption-text {}
.sticky {}
.bypostauthor {}

.twitter-timestamp {
	color: #999;
	font-size: 11px;
	font-style: italic;
	display: block;
}

/* Begin Images */
.post-content .wp-block-image img,
.post-content img.alignnone,
.post-content img.aligncenter,
.post-content img.alignleft,
.post-content img.alignright,
.post-content img.attachment-fullsize {
    margin-top: 20px;
	margin-bottom: 20px;
    max-width: 100%;
    height: auto;
}

.alignright { float: right;	}
.alignleft { float: left; }

/* Images align */
.post-content .aligncenter,
div.aligncenter {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.alignleft,
.post-content .alignleft {
    float: left;
    margin-right: 30px;
}

.alignright,
.post-content .alignright {
    float: right;
    margin-left: 30px;
}


/* Caption for images */
.post-content .wp-caption {
    width: auto;
    text-align: center;
}

.post-content .wp-caption img {
    background: none;
    margin: 0;
    border: 0 none;
    max-width: 100%;
    width: auto;
    height: auto;
}

.post-content .wp-caption-text,
.gallery-caption {
    color: #868686;
    font-size: 14px;
    margin: 0;
    padding: 15px 0;
    text-align: center;
}

.post-content .wp-caption.aligncenter {
    margin: 0 auto 15px
}

img.wp-smiley {
    border: none;
    padding: 0;
}

/* Caption for images */
.post-content .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; }
.post-content .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;}
.post-content .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; }
.post-content .wp-caption.aligncenter { margin:0 auto 15px; }

/* [gallery] shortcode styling */
#content .gallery { margin: auto; text-align:center; clear:both; }
#content .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px;float: left;width: 30%; }
#content .gallery img { border: solid 4px #f6f3ee; padding: 10px; margin-bottom: 5px;}
#content .gallery-caption { margin-left: 0; }
#content .gallery img:hover {border: solid 4px #d46670; }
#content div.gallery .clear {
	height: auto;
	font-size: 14px;
	line-height: 20px;
}

/* Recent Comments */
ul.recent-comments-list {margin: 0; padding: 0; font-size: 12px; }
.recent-comments-list img.avatar { margin-right: 12px; float: left;}
.recent-comments-list li {padding: 0 0 10px; margin:0 0 10px; border-bottom: dotted 1px #ccc; }

/* Recent Posts */
ul.posts-side li {
	margin: 0 0 10px;
	border-bottom: dotted 1px #ccc;
	padding-bottom: 10px;
}

ul.posts-side div.cover {
	float: left;
	display: inline;
	margin-right: 15px;
	margin-bottom: 5px;
}

ul.posts-side h2.title {
	font-size: 13px;
	margin: 0;
}

ul.posts-side p.postmetadata {
	color: #999;
	font-size: 11px;
	margin: 0;
}

/* Tabs Widget */

.tabberlive .tabbertabhide { display: none; }
ul.tabbernav { margin: 0; padding: 0; float: left; width: 100%; display: inline; list-style-type: none; border-bottom: 1px solid #666; margin-bottom: 10px; }
ul.tabbernav li { float: left; margin: 0 1px 0 0; padding: 0; line-height: 30px; overflow: hidden; position: relative; }
*+html  ul.tabbernav { padding: 2px 0; /* ie7 only */ }
ul.tabbernav li { list-style-type: none; display: inline; background-color: #f4f4f4; }
ul.tabbernav li a { text-decoration: none; /* inactive tabs */ color: #888; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 10px; outline: none; }
ul.tabbernav li.tabberactive { background-color: #666; /* active tab */ }
ul.tabbernav li.tabberactive a { color: #fff; }
.tabbertabs .recent_comments li img, .tabbertabs .recent_news li img { float: left; margin: 0 7px 5px 0; }
.tabberlive .tabbertab { padding: 5px 0 0; float: left; width: 100%; }
.tabbertab .widgettitle { display: none; }
aside .tabbertabs ul.posts li {float: none; display: block; width: 100%; }

/* Flickr widget */
.widget .flickr_badge_image {float: left; margin-right: 10px; margin-bottom: 10px; }
.widget .flickr_badge_image img { width: 63px; height: 63px; border: solid 1px #192027; 	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;}
.widget .flickr_badge_image img:hover {	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;}


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin-bottom: 50px; position: relative; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/* Control Nav (Arrows) */
.flex-direction-nav {*height: 0;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	background:url(images/arrows.png) no-repeat;
	cursor: pointer;
	position: absolute;
	bottom: 0;
	width: 40px;
	height: 40px;
	text-indent:-9999px;
	z-index: 60;
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.30;
	-webkit-transition: all .3s ease;
}

.flexslider:hover .flex-next {filter: alpha(opacity=60); opacity: 0.6; }
.flexslider:hover .flex-prev {filter: alpha(opacity=60); opacity: 0.6; }

#featured-posts a.flex-next { background-position:-40px 0; right:0;}
#featured-posts a.flex-prev { background-position: 0 0; right:40px; }
#featured-posts a.flex-next:hover {	filter: alpha(opacity=100); opacity: 1; }
#featured-posts a.flex-prev:hover { filter: alpha(opacity=100); opacity: 1; }

/*********************************************************************************************

12. Media Queries

*********************************************************************************************/

/* Tablet Landscape */
@media screen and (max-width: 1020px) {

	div.wrapper,
	footer div.wrapper {
		padding-left: 3%;
		padding-right: 3%;
		width: 94%;
	}

    img {
        max-width: 100%;
        height: auto;
    }

    #logo img {
        max-width: 100%;
        height: auto;
    }

	#featured-posts .slide {
		overflow: hidden;
		width: 100%;
	}

	#featured-posts .slide div.post-excerpt {
		padding-right: 2%;
		padding-left: 2%;
		margin-right: 2%;
		width: 28%;
	}

	#featured-posts .slide div.post-cover {
		width: 66%;
	}

	.flexslider .slides img {
		height: auto;
		min-width: 620px;
		width: 100%;
	}

	#content {
		margin-right: 2%;
		width: 66%;
	}

	aside {
		width: 32%;
	}

	div.wrapper-reversed #content {
		margin-right: 0;
		margin-left: 2%;
	}

	#featured-posts div.cover img {
		height: auto;
	}

	#special-blocks div.column {
		margin-right: 1.33%;
		padding-right: 2%;
		padding-left: 2%;
		width: 20%;
		border: 0;
	}

	#special-blocks div.column img {
		width: 94%;
		height: auto;
	}

	#content ul.posts-list img.loop-main {
		margin-left: 0;
		width: 100%;
		height: auto;
	}

	#prefooter div.column {
		margin-right: 4%;
		width: 22%;
	}

}

/* Tablet Landscape */
@media screen and (max-width: 960px) {

	img.featured-image,
	img.featured-image-narrow {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 850px) {

    #respond label {
        float: none;
        display: block;
        margin: 0 0 10px;
        text-align: left;
        width: auto;
    }

    #respond #formContent textarea {
        width: 100%;
        box-sizing: border-box;
    }

    #respond .form-submit,
    #respond .comment-form-cookies-consent {
        padding-left: 0;
    }

}

@media screen and (max-width: 768px) {

	#logo {
		float: none;
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
		text-align: center;
	}

	#logo h1 {
		font-size: 32px;
	}

	#top-menu {
		float: none;
		display: block;
		text-align: center;
	}

	#top-menu li {
		float: none;
	}

	span.top-info {
		display: block;
		float: none;
		font-size: 24px;
		text-align: center;
	}

	#featured-posts .slides li div.post-excerpt p {
		display: none;
	}

	#featured-posts .slides li div.post-excerpt p.read-more {
		display: block;
	}

	#welcome-message {
		font-size: 14px;
	}

	#welcome-message h1 {
		font-size: 22px;
	}

	#social-block div.column {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}

	#social-block div.column.column-last {
		margin-top: 20px;
		text-align: center;
	}

	ul.social-actions {
		display: block;
		float: none;
		text-align: center;
	}

	ul.social-actions li {
		display: inline-block;
		float: none;
		line-height: 30px;
	}

	#form-subscribe label,
	#form-subscribe input {
		display: inline-block;
		float: none;
	}

	#form-subscribe input#form-submit {
		display: inline-block;
	}

	#special-blocks div.column {
		margin-right: 4%;
		margin-bottom: 20px;
		width: 44%;
	}

	#special-blocks div.column-2,
	#special-blocks div.column-last {
		margin-right: 0;
	}

	#special-blocks div.column-3 {
		clear: left;
	}

	#prefooter div.column {
		margin-right: 8%;
		width: 46%;
	}

	#prefooter div.column-2,
	#prefooter div.column-4 {
		margin-right: 0;
	}

	.title-medium {
		font-size: 18px;
		margin-bottom: 10px;
	}

	/* Main Menu */

    #main-menu .btn_menu {
		display: inline-block;
		float: none;
		background: #fff url('images/menu-black.png') 8px 9px no-repeat;
		cursor: pointer;
		margin: 10px;
		padding: 5px;
		width:30px;
		height:25px;
		border-radius: 2px;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
	}

	#main-menu .btn_menu:hover,
	#main-menu .btn_menu:focus {
		background-color: #f1f1f1;
	}

	#main-menu {
		text-align: center;
	}

	.mobile-menu {
		display: none;
		clear:both;
	}

	#menu-main, #menu-main-vi { padding-left: 10px; text-align: left; }

	#menu-main li, #menu-main-vi li {
		border-right: none;
		clear: both;
		float: none;
		display: block;
		line-height: 30px;
		margin-right: 0;
		margin-bottom: 5px;
	}

	#main-menu .dropdown ul li, #main-menu-vi .dropdown ul li{
		border-bottom-width: 0;
	}

	#menu-main li li, #menu-main-vi li li {
		background: none;
	}

	#main-menu li a, #main-menu-vi li a {
		display: inline-block;
		padding: 4px 15px;
	}

	#main-menu li li a, #main-menu-vi li li a {
		color: #ddd;
	}

	#main-menu .dropdown ul li a, #main-menu-vi .dropdown ul li a {
		padding: 4px 15px;
	}

	#menu-main .sub-menu, #menu-main-vi .sub-menu {
		display: block !important;
		opacity: 1 !important;
	}

	#main-menu .dropdown ul, #main-menu-vi .dropdown ul {
		position: relative;
		top: auto;
		width: auto;
		background: none;
		margin: 0 20px 0 20px;
		padding: 0;
		text-align: left;
		text-transform: none;
	}

	#main-menu .dropdown li:hover ul,
	#main-menu .dropdown li:focus ul,
	#main-menu .dropdown li.sfHover ul {
		display: block !important;
		margin: 0 20px 0 20px;
		top: auto;
	}

	#main-menu-vi .dropdown li:hover ul,
	#main-menu-vi .dropdown li:focus ul,
	#main-menu-vi .dropdown li.sfHover ul {
		display: block !important;
		margin: 0 20px 0 20px;
		top: auto;
	}
	#main-menu ul.dropdown li:hover li ul,
	#main-menu ul.dropdown li:focus li ul,
	#main-menu ul.dropdown li.sfHover li ul,
	#main-menu ul.dropdown li li:hover ul,
	#main-menu ul.dropdown li li:focus ul,
	#main-menu ul.dropdown li li.sfHover ul {
		left: auto;
		top: auto;
	}
	#main-menu-vi ul.dropdown li:hover li ul,
	#main-menu-vi ul.dropdown li:focus li ul,
	#main-menu-vi ul.dropdown li.sfHover li ul,
	#main-menu-vi ul.dropdown li li:hover ul,
	#main-menu-vi ul.dropdown li li:focus ul,
	#main-menu-vi ul.dropdown li li.sfHover ul {
		left: auto;
		top: auto;
	}


    .commleft {
         float: none;
         width: auto;
    }

    .comment-meta { float: none; }

    .comment-list li div p { margin-left: 0; }

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {


	#featured-posts .slides li div.post-excerpt {
		position: absolute;
		bottom: 0;
		left: 0;
		margin-right: 0;
		min-height: 1px;
		padding: 3%;
		width: 40%;

	}

	#featured-posts .slides li div.post-cover {
		width: 100%;
	}

	#featured-posts h2 {
		font-size: 16px;
		line-height: 1.65em;
		margin-bottom: 0;
	}

	#featured-posts .slides li div.post-excerpt p.read-more {
		display: none;
	}

	#content {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}

	aside {
		float: none;
		display: block;
		width: 100%;
		padding: 0;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {

	#special-blocks div.column {
		float: none;
		display: block;
		background: none;
		padding: 0;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	#special-blocks div.column img {
		width: 97%;
	}

	#prefooter div.column {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
	}

	ul.posts-list div.cover {
		display: none;
	}

}

/* New custom */
        #menu-main a, #menu-main-vi a{text-transform: uppercase;font-size: 15px;}

    #special-blocks h2, #special-blocks p  {
        font-family: 'CeraStencilPRO-Regular';
        text-transform: capitalize;
    }
#prefooter > .column-3{
    width: 260px !important;
    float:left;
    margin-right: 0 !important;
}

#prefooter .catMenu li {list-style-type: square; margin-bottom: 10px;}

#prefooter p.title {
    color: #bf0101;
    font-weight: normal;
    text-transform: none;
}
#top-menu div{float:left;}
ul.posts-related img {
    background-color: #fff;
    border: solid 1px #ccc;
    padding: 4px;    
    float: left;
    margin-right: 10px;
}
#logo img{float:left;margin-right: 10px;}

ul.posts-list li:last-child{border:none;}
.posts-list .full-width img{max-width: 100%}
#logo h2{
font-size: 17px;font-family: 'CeraStencilPRO-Regular';padding-top: 5px;
}
/* Tabs */
.home-tabs .tabs input {
    position: absolute;
    z-index: 1000;
    width: 120px;
    height: 40px;
    left: 0px;
    top: 0px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
}
.home-tabs input, section {
  clear: both;
  padding-top: 10px;
  display: none;
}
.home-tabs label {
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  padding: 10px 30px;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: none;
  background: -webkit-linear-gradient(top, #5ba4a4 0%,#4e8c8a 100%);
 color: #fff;
}
.home-tabs label:hover {
  cursor: pointer;
  text-decoration: underline;
}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4 {
  display: block;
  border: 1px solid #ddd;padding: 0 13px;
}
.home-tabs input:checked + label {
  border-top-color: #B7977B;
  border-right-color: #DDD;
  border-left-color: #DDD;
  border-bottom-color: transparent;
  text-decoration: none;
}