/*
Theme Name: MixColors
Theme URI: http://mixcolors.vn
Author: MixColors
Author URI: http://mixcolors.vn
Description: Our 2016 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
Tags: html, css, wordpress, woocommrece, responsive, tablet, mobile, mixcolors, good seo
Text Domain: mixcolors
*/

* {
	box-sizing:border-box;
}
body {
	font-size:13px;
	color:#000;
	background:#F7F7F7;
}
a {
	text-decoration:none;
	color:#386c96;
}
a:hover {
	text-decoration:underline;
}
#wrapper {
	max-width:1040px;
	margin:0 auto;
	padding:0 15px 20px;
}
.languages {
	padding:10px 0;
	text-align:right;
}
.languages li {
	display:inline-block;
	vertical-align:top;
	margin-left:15px;
	list-style:none;
}
.banner image {
	display:block;
}
#menu-main {
	margin:10px 0;
	font-size:14px;
}
#menu-main > div > ul {
	letter-spacing:-0.3em;
	background:#386C96;
}
#menu-main > div > ul > li {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	position:relative;
	list-style:none;
}
#menu-main ul li a {
	display:block;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}
#menu-main ul li a:hover,#menu-main ul li.current-menu-item a {
	background:#F0F0F0;
	color:#386c96;
}
#menu-main > div > ul > li > a {
	border-right:1px solid #fff;
	padding:10px 40px;
}
#menu-main ul li ul {
	position:absolute;
	top:120%;
	left:0;
	width:200px;
	list-style:none;
	background:#386C96;
	z-index:9999999;
}
#menu-main ul li ul li a {
	border-bottom:1px solid #fff;
	padding:10px 15px;
}
#menu-main ul li ul li:last-child a {
	border-bottom:none;
}
#content {
	position:relative;
}
.sidebar {
	width:230px;
	position:absolute;
	top:0;
	background:#fff;
	box-shadow: 0 0 3px #b8b8b8;
	padding:5px;
	border-radius:5px;
}
.sidebar-left {
	left:0;
}
.sidebar-right {
	right:0;
}
.sidebar h3 {
	background:#386C96;
	padding:7px 15px;
	border-radius:3px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
}
.sidebar h3 a {
	color:#fff;
}
.widget {
	margin: 0 0 5px;
}
.widget-image {
	margin:-5px -5px 5px;
}
.widget-image img {
	display:block;
}
.content-widget {
	padding-top:5px;
}
.mcs-content-text {
	margin:0 245px;
	background:#fff;
	padding:30px 15px;
	border-radius:5px;
	box-shadow: 0 0 3px #b8b8b8;
	min-height:715px;
}
.mcs-content-text p,.mcs-content-text h2,.mcs-content-text h3,.mcs-content-text h4, .mcs-content-text h5, .mcs-content-text h6,
.mcs-content-text li {
    margin: 0 0 15px;
}
.page-title {
	text-transform:uppercase;
	margin-bottom:15px;
	font-size:18px;
}
#footer {
	text-align:center;
	margin:15px 0 0;
}
/* Toggle menu */
.toggle-menu {
	position:relative;
	padding:8px 10px;
	text-align:center;
	font-size:18px;
	background:#386c96;
	color:#fff;
	display:none;
	border-bottom:1px solid #fff;
}
.toggle-menu a {
	position:absolute;
	top:3px;
	right:5px;
	display:block;
	padding:8px 5px 4px;
	border:1px solid #fff;
	border-radius:3px;
}
.toggle-menu a span {
	display:block;
	height:3px;
	width:30px;
	border-radius:5px;
	background:#fff;
	margin-bottom:4px;
}