/*
Theme Name: Barletta
Theme URI: http://moozthemes.com/barletta-wordpress-theme
Author: MOOZ Themes
Author URI: http://moozthemes.com
Description: Barletta is a light, elegant and clean design WordPress blog theme which is mainly designed for lifestyle, travel, fashion, food, personal blog and other publishers. Theme is carefully crafted with attention to details and love. Barletta blog theme is fully responsive and your web site will adapt to display on all types of devices. Theme is based on the versatile Bootstrap framework which is known for being reliable and well made making it friendly for developers. Overall, Barletta is a visually stunning theme with polished typography and simple design, great for bloggers. Now theme is optimized to work with JetPack, WooCommerce, Contact Form 7, Mailchimps and other popular free and premium plugins. Enjoy writing, enjoy blogging!
Version: 1.1.3
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl.html
Text Domain: barletta
Domain Path: /languages/
Tags: blog, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, custom-logo, custom-colors, featured-images, full-width-template, theme-options, threaded-comments, footer-widgets, e-commerce

*/

/*------------------------------------------------------------------
[Color codes]
hover color:	#7DC07B (green)
-------------------------------------------------------------------*/

/*- General -*/
body {
	font-family: "Raleway", Sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #f6f6f6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	letter-spacing: -0.4px;
	font-weight: 700;
	font-style: normal;
	font-family: "Playfair Display", Sans-serif;
	color: #1D1D1D;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	font-weight: 700;
	font-style: normal;
	font-family: "Lora", Sans-serif;
}
.widget ul li {
	font-weight: 700;
	font-style: normal;
	font-family: "Lora", Sans-serif;
}
.mz-footer h1,
.mz-footer h2,
.mz-footer h3,
.mz-footer h4,
.mz-footer h5,
.mz-footer h6 {
	font-weight: 700;
	font-style: normal;
	font-family: "Lora", Sans-serif;
}
p {
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: #000;
}
* > p:first-child {
	margin-top: 0;
}

* > p:last-child {
	margin-bottom: 0;
}
label {
	font-family: "Lora", Sans-serif;
}
img {
	max-width: 100%;
	height: auto;
}
a {
	color: #262627;	
}
a:hover, a:focus, a:active, a.active {
	color: #7DC07B;
}
a, a:hover, a:focus, a:active, a.active {
	outline: 0;
	text-decoration: none;
}
::selection {
	text-shadow: none;
	background: #7DC07B;
}
section {
	padding-bottom: 60px;
}
section:last-child {
	padding-bottom: 0px;
}
blockquote {
	position: relative;
	border: 0;
	padding: 0 0 0 50px;
	font-style: italic;
	line-height: 1.6;
}
blockquote:before {
	content: "\201D";
	color: #a161bf;
	font-size: 80px;
	position: absolute;
	left: -15px;
	top: 0;
	line-height: 1;
}
blockquote p {
	margin: 0;
}
/*- Reset bootstrap -*/
@media (min-width: 1200px) {
	.row-gutter {
		margin-left: -20px;
		margin-right: -20px;
	}
	.col-gutter {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mz-sidebar-right {
		padding-right: 35px;
	}
	.mz-sidebar-left {
		padding-left: 35px;
	}
}

/** layout options **/

@media (min-width: 993px) {
	.mz-sidebar-left {
		float: right !important;
	}
}

.mz-full-width {
	width: 100%;
}
.no-sidebar {
	float: none;
	margin: 0 auto;
	padding: 0 25px;
}

/*--------------------------------------------------------------
	Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	color: #4A4A4A;
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 10px 20px;

	border: 1px solid;
	padding: 15px 40px;
	border-color: #DEDEDE;
	background-color: #FFFFFF;
	font-family: "Open Sans", Sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	letter-spacing: 1.7px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #7DC07B;
	border-color: #7DC07B;
	color: #fff !important;
}


input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box;
	/* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666666;
	border: 1px solid #CCCCCC;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
	width: 100%;
}

dl {
	border: 1px solid #ccc;
	padding: 0.5em;
}
dt {
	float: left;
	clear: left;
	width: 100px;
	text-align: right;
	font-weight: bold;
	color: green;
}
dt:after {
	content: ":";
}
dd {
	margin: 0 0 0 110px;
	padding: 0 0 0.5em 0;
}

/*--------------------------------------------------------------
	Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
	background-color: #f1f1f1;
	background-clip: padding-box;
	/* stops bg color from leaking outside the border: */
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}

/*--------------------------------------------------------------
	Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
	Main Navigation
--------------------------------------------------------------*/

.navbar {
	font: 400 11px Roboto, sans-serif;
	border-radius: 0px;
	background-color: #fff;
	border: none;
	border-top: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	margin-bottom: 35px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

@media (min-width: 768px) {
	.navbar .container {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.navbar .navbar-center .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}

.navbar .navbar-center {
	text-align: center;
}

.navbar-nav > .active > a:hover {
	color: #fff;
	background-color: #7DC07B;
}

.navbar .navbar-nav > li > a {
	color: #636367;
	padding-top: 25px;
	padding-bottom: 25px;
}

.navbar .navbar-nav > li > a:hover {
	color: #fff;
	background-color: #7DC07B;
}

.navbar-nav > .active a {
	color: #fff !important;
	background-color: #7DC07B;
}

.dropdown-submenu {
	position:relative;
	>.dropdown-menu {
		to