/*------------------------------------------------------------------/*
Theme Name: Vinyl
Theme URI: https://vinyl.theme-xoda.net
Description: A WordPress Theme for Bloggers
Author URI: https://themeforest.net/user/dannywp
Author: Danny
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text domain: vinyl
Tags: blog, news, holiday, footer-widgets,portfolio, photography, food-and-drink, entertainment
*/
/*--------------------------/*
[Table of contents]
[Color codes]
    Background: #f8f8f8
    Body Color : #424242
    Accent color: #f39b5c
[Typography]
    Body:       14px/24px Open Sans, sans-serif;
    Heading:    Open Sans, sans-serif;
    Input, textarea: 14px/24px Open Sans, sans-serif;

[Component module]
	/* GENERAL STYLE */
	/* WORDPRESS CORE */
	/* HEADER */
	/* PROMO BOXES */
	/* FEATURE SLIDE */
	/* SHORTCODE */
	/* BLOG */
	/* SINGLE POST */
	/* SIDEBAR */
	/* PAGE */
	/* FOOTER */
	/* MOBILE MENU */
	/* RESPONSIVE */
/*----------------------------------------------------------------*/

/* -----------------------
		GENERAL STYLE
-------------------------- */
body{
	font-family: 'Open Sans';
	font-size: 14px;
	color: #424242;
	line-height: 26px;
	background: #f8f8f8;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans';
	color: #000;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: 400;
}
h1{
	font-size: 36px;
	line-height: 36px;
}
h2{
	font-size: 30px;
	line-height: 35px;
}
h3{
	font-size: 24px;
	line-height: 30px;
}
h4{
	font-size: 18px;
	line-height: 24px;
}
h5{
	font-size: 14px;
	line-height: 24px;
}
a{
	color: #f39b5c;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
a:hover, a:focus{
	text-decoration: none;
	outline: none;
	color: #000;
}
p{margin-bottom: 25px}
img{
	max-width: 100%;
	height: auto;
}
ul,ol{margin: 0;}
ul ul, ol ol, ul ol, ol ul{padding-left: 30px;}
.vinyl-button, button, .button, input[type="submit"]{
	text-transform: uppercase;
	text-align: center;
	padding: 10px 35px;
	background: #f39b5c;
	color: #fff;
	display: inline-block;
	border: none;
	letter-spacing: 2px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.vinyl-button:hover, button:hover, .button:hover, input[type="submit"]:hover,
.vinyl-button:focus, button:focus, .button:focus, input[type="submit"]:focus{
	background: #000;
	outline: none;
	color: #fff;
}
input[type="text"], input[type="email"], 
input[type="search"], input[type="password"],
textarea{
	border: 1px solid #ddd;
	background: #fff;
	padding: 9px 18px;
	line-height: 24px;
	color: #747474;
	width: 100%;
}
textarea{min-height: 200px;}
::-webkit-input-placeholder {
   color: inherit;
   opacity: 1;
}
:-moz-placeholder {
   color: inherit;
   opacity: 1;  
}
::-moz-placeholder {
   color: inherit;
   opacity: 1;  
}
:-ms-input-placeholder {  
   color: inherit;
   opacity: 1;  
}
iframe{
	max-width: 100%
}
/* Select chosen */
.chosen-container{
  width: 100%!important;
  min-width: 200px;
}
.chosen-container-single .chosen-single{
  box-shadow: none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  background: none;
  border-color: #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  height: 40px;
  padding: 7px 15px;
  color: #888;
}
.chosen-container-active.chosen-with-drop .chosen-single{
  background: none;
  border-color: #ddd;
  box-shadow: none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}
.chosen-container-single .chosen-single div{width: 25px}
.chosen-container-single .chosen-single div b{
  background: none!important;
}
.chosen-container-single .chosen-single div b:after{
  content: "\f0d7";
  font-family: 'FontAwesome';
  font-size: 14px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -o-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.chosen-container .chosen-drop{
  box-shadow: none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  background: #fff;
  border-color: #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.chosen-container-single .chosen-search input[type="text"]{border-color: #ddd;}
.chosen-container .chosen-results li{line-height: 24px;font-family: inherit;}
.chosen-container .chosen-results li.highlighted{
  background-image: none;
  background-color: #f39b5c;
}
/* Owl */
.owl-nav{
	position: absolute;
	bottom: 50px;
	right: 50px;
}
.owl-nav > div{
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	display: inline-block;
	background: transparent;
	border: 1px solid rgba(221,221,221,0.5);
	color: #fff;
	font-size: 16px;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-left: 4px;
}
.owl-nav > div > *{line-height: inherit;}
.owl-nav > div:hover{
	background: #fff;
	color: #000;
	border-color: #fff;
}
.owl-dots {
  text-align: center;
  width: 100%;
  margin-top: 40px;
}
.owl-dots .owl-dot{
	display: inline-block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #aaa;
	margin: 0 14px;
}
.owl-dots .owl-dot.active{
	background: #aaa;
}
/*-------------------------------*/
/*          WORDPRESS CORE
/*-------------------------------*/
.sticky {
    text-align: center;
}
.gallery-caption {
  text-align: center;
  font-style: italic;
}
.bypostauthor {
    font-style: italic;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    max-width: 100%;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
  font-size: inherit;
  font-style:italic;
  color:inherit;
  line-height: 17px;
  margin: 8px 0 0;
}
table, th, td{
  border: 1px solid #ddd;
}
th, td {
  padding: 0.4em;
  text-align: center;
}
table {
  border-collapse: separate;
  border-spacing: 0;
 border: none;
  margin: 0 0 1.6em;
  table-layout: auto;
  width: 100%;
}
th {
  border-width: 0 1px 1px 1px;
}
td {
  border-width: 0 1px 1px 1px;
}
th {
  border-width: 0 1px 1px 0px;
}
td {
  border-width: 0 1px 1px 0px;
}
tbody tr th{
    font-weight: 400;
}
tbody tr:first-child th{
	border-top-width: 1px;
}
tr td:first-child, tr th:first-child{
  border-left-width: 1px;
}
table tbody tr:first-child td,
table thead tr:first-child th,
table tbody tr:first-child td,
table thead tr:first-child th{
  border-top-width: 1px;
}
table thead + tbody tr:first-child td,
table thead + tbody tr:first-child td,
table tfoot + tbody tr:first-child td{
  border-top-width: 0;
}
blockquote {
  border-left: 5px solid #ddd;
}
label{font-weight: normal;}
dt, dd {
  line-height: inherit;
}
/* ---------------------
		HEADER
--------------------- */
/* Top bar */
.topbar-main {
	background: #fff;
	font-size: 12px;
	text-transform: uppercase;
	padding: 13px 0;
}
.topbar-main a{color: #999}
.topbar-main a:hover{color: #000;}
.social-header{
	display: inline-block;
	list-style: none;
	padding: 0;
}
.social-header li{
	display: inline-block;
	margin: 0 30px;
	letter-spacing: 2px;
}
.logo{
	padding: 80px 0;
}
.header-mainmenu{text-align: center;}
.nav-main {
	border-bottom: 4px double #000;
	text-align: center;
	border-top: 1px solid;
}
.logo h1, .logo h2{
	margin: 0;
	line-height: 0;
}
/* Main menu */
.toggle-mainmenu{
	display: none;
}
.nav-main > ul{
	padding: 0;
}
.nav-main ul li{
	list-style: none;
}
.nav-main ul li a{
	color: #000;
	font-weight: 600;
}
.nav-main ul li a:hover{
	color: #f39b5c;
}
.nav-main > ul > li{
	display: inline-block;
	margin: 0 20px;
	line-height: 30px;
}
.nav-main > ul > li > a{
	padding: 13px 0;
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}
.nav-main .show-submenu > a{
	width: 100%;
	opacity: 1;
}
.nav-main .sub-menu{
	background-color: #fff;
	left: 0;
	min-width: 250px;
	opacity: 0;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 100%;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	z-index: 25;
	border: 1px solid #000;
	margin-top: 3px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}
.nav-main .sub-menu:before{
	content: "";
	display: block;
	height: 5px;
	width: 100%;
	position: absolute;
	top: -5px;
}
.nav-main .sub-menu .sub-menu{
  top: 0;
  left: 100%;
  margin-top: 0;
}
.nav-main .show-submenu > .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.nav-main .sub-menu li{
  	display: block;
	line-height: 26px;
	padding: 0px 18px;
	white-space: nowrap;
}
.nav-main .sub-menu li > a{
	display: block;
	border-bottom: 1px solid #000;
	padding: 12px 0;
}
.nav-main .sub-menu li:last-child > a{
	border-bottom: none;
}
.nav-main li.menu-item-has-children > a{
	position: relative;
}
.nav-main .caret{
	border: medium none;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	margin: 0;
	text-align: center;
	width: auto;
	z-index: 20;
	margin-left: 5px;
	position: absolute;
	right: -15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-main .caret::after {
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 14px;
  vertical-align: middle;
}
.nav-main .sub-menu .caret{
	right: 0;
}

/* -------------------
	SHORTCODE
------------------- */
/* Feauture post */
.feature-post{
	overflow: hidden;
	margin-bottom: 50px;
	border-bottom: 4px double #000;
	padding-bottom: 50px;
}
.feature-post .item-post{
	float: left;
	text-align: center;
	position: relative;
	min-height: 650px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}
.feature-post .item-post:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 300px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 14%, rgba(0,0,0,0.18) 29%, rgba(0,0,0,0.64) 80%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 14%,rgba(0,0,0,0.18) 29%,rgba(0,0,0,0.64) 80%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 14%,rgba(0,0,0,0.18) 29%,rgba(0,0,0,0.64) 80%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.feature-post .item-post .info-post{
	position: absolute;
	left: 45px;
	bottom: 45px;
	color: #fff;
	text-align: left;
	z-index: 2;
}
.feature-post .item-post .post-title {
	font-size: 30px;
	line-height: 36px;
	text-transform: capitalize;
	color: inherit;
}
.feature-post .item-post  .post-desc{margin-bottom: 35px}
.feature-post .item-post .readmore{
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: inherit;
}
.feature-post .item-post .readmore:after{
	content: "";
	width: 100px;
	height: 2px;
	display: inline-block;
	background: #fff;
	margin-left: 30px;
	vertical-align: middle;
}
/** PromoBox */
.az-promo-box {
 	margin-bottom: 50px;
	border-bottom: 4px double #000;
	padding-bottom: 20px;
}
.az-promo-box .az-probox-item {
  background-size: cover;
  margin-bottom: 30px;
  min-height: 230px;
  position: relative;
  text-align: center;
}
.az-promo-box .az-probox-item .az-item-link {
  background: #ffffff;
  color: #000;
  font-family: 'Open sans';
  font-weight: 600;
  font-size: 12px;
  left: 50%;
  letter-spacing: 2px;
  line-height: normal;
  min-width: 150px;
  padding: 13px 30px;
  position: absolute;
  text-transform: uppercase;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  z-index: 5;
  white-space: nowrap;
}
.az-promo-box .az-probox-item .az-item-link:hover {
	background-color: #f39b5c;
    color: #fff;
}
.az-probox-item .bgoverlay {
  background: rgba(0,0,0,0.1);
  height: 100%;
  position: absolute;
  width: 100%;
}

/* Title section */
.title-section{
	margin-bottom: 38px;
}
.title-section .title{
	text-transform: uppercase;
	margin-bottom: 0;
	letter-spacing: 2px;
	font-size: 24px;
	line-height: 30px;
}
.title-section .hr{
	display: block;
	width: 50px;
	height: 2px;
	background: #000;
	margin-top: 20px;
}
.desc-title{
	margin-top: 10px;
}
.title-section.text-center .hr{
	margin-left: auto;
	margin-right: auto;
}
.title-section.text-right .hr{
	margin-left: auto;
	margin-right: 0
}
/* Button */
.vinyl_button-shortcode{
	text-align: center;
}
/* Category Image */
.vinyl-category-image .item-cat{
	position: relative;
	overflow: hidden;
}
.vinyl-category-image .item-cat:after{
	content: "";
	position: absolute;
	top: 30px;
	left: 30px;
	bottom: 30px;
	right: 30px;
	border: 1px solid #fff;
}
.vinyl-category-image .item-cat .img-cat{
	position: relative;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.vinyl-category-image .item-cat:hover .img-cat{
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
.vinyl-category-image .item-cat .img-cat:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.1);
}
.vinyl-category-image .item-cat > a{
	background: #fff;
	padding: 10px 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #000;
	font-size: 13px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	white-space: nowrap;
	z-index: 1;
}
.vinyl-category-image .item-cat > a:hover{
	background: #000;
	color: #fff;
}
/* Post Trending */
.trending-post .item-blog{
	display: table;
}
.trending-post .item-blog .post-img{
	width: 58.33%;
	display: table-cell;
}
.trending-post .item-blog .post-info{
	width: 41.67%;
	display: table-cell;
	vertical-align: middle;
	background: #eee;
	padding: 0 30px;
	text-align: center;
}
/* -------------------
		BLOG
---------------------- */
.item-blog:before, .item-blog:after {
  content: "";
  display: table;
  clear: both;
}
.vinyl-blogs .item-blog{
	margin-bottom: 50px;
}
.vinyl-blogs .item-blog .post-info{
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	background: #fff;
}
.post-cat{
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	font-weight: 600;
}
.item-blog .post-title{
	margin-bottom: 25px;
	font-size: 24px;
	line-height: 26px;
	text-transform: capitalize;
}
.date-post{
	text-transform: uppercase;
	color: #999;
	font-size: 12px;
	letter-spacing: 2px;
}
.date-post:hover{
	color: #f39b5c;
}
/* Post meta */
.post-meta:after,
.post-meta:before{
	content: "";
	display: table;
	clear: both;
}
.post-meta .meta-item{
	float: left;
	width: 33.33%;
	text-align: center;
	padding: 18px 15px;
	border-right: 1px solid #ddd;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 12px;
}
.post-meta .meta-item:last-child{border-right: none;}
.post-meta .meta-item > span{
	display: block;
	color: #999;
	margin-bottom: 13px;
}
.post-meta .meta-item a{
	color: #000;
}
.post-meta .meta-item a:hover{
	color: #f39b5c;
}
.post-meta .meta-item .social-icons a{
	margin: 0 12px;
	font-size: 14px;
}
.item-blog .owl-nav > div{
	background: #fff;
	border-color: #fff;
	color: #f39b5c;
}
.item-blog .owl-nav > div:hover{
	background: #f39b5c;
	color: #fff;
	border-color: #f39b5c;
}
/* Blog standard */
.blog-standard .post-info,.item-standard .post-info{
	padding: 45px 0;
}
.blog-standard .post-title,
.blog-standard .post-content,
.blog-standard .post-cat,
.item-standard .post-title,
.item-standard .post-content,
.item-standard .post-cat{
	max-width: 730px;
	margin: 0 auto;
}
.blog-standard .post-title,
.item-standard .post-title
{margin-bottom: 25px}
/* Blog list */
.blog-list .item-blog{
	display: table;
	width: 100%;
}
.blog-list .post-format{
	width: 435px;
}
.blog-list .post-info{
	display: table-cell;
    vertical-align: middle;
    background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	text-align: center;
	padding: 30px;
}
.blog-list .item-blog .post-content{margin-bottom: 30px}
.blog-list .post-title,
.blog-grid .post-title{
	font-size: 20px;
	font-weight: normal;
}
/* Blog grid */
.blog-grid .post-info{
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	text-align: center;
	padding: 40px 30px;
}
.blog-grid .item-blog .post-content{margin-bottom: 30px}

.item-blog .post-cat{
	margin-bottom: 15px;
}
.blog-grid .item-blog:nth-child(2n+1){
	clear: both;
}
.post-title a{
	color: inherit;
}
.post-title a:hover{
	color: #f39b5c;
}
.item-blog .post-content{
	margin-bottom: 45px;
}
.item-blog .post-format{
	position: relative;
}
.item-blog.format-video .post-format:after,
.item-blog.format-audio .post-format:after{
	width: 44px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 18px;
	background: rgba(0,0,0,0.15);
	color: #fff;
	font-family: 'FontAwesome';
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
}
.item-blog.format-video .post-format:after{
	content: "\f04b";
}
.item-blog.format-audio .post-format:after{
	content: "\f027";
}
.blog-standard .item-blog.format-video .post-format:after,
.blog-standard .item-blog.format-audio .post-format:after{
	display: none;
}
.pagination .screen-reader-text{display: none;}
.vinyl-pagination{text-align: center;}
.pagination{margin: 0;}
.vinyl-pagination .nav-links .page-numbers{
	width: 46px;
	height: 46px;
	text-align: center;
	line-height: 42px;
    border: 2px solid #f39b5c;
	color: #f39b5c;
	margin: 0 4px;
	display: inline-block;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-size: 16px;
	font-weight: 600;
}

.vinyl-pagination .nav-links .page-numbers:hover,
.vinyl-pagination .nav-links .page-numbers.current{
	background: #f39b5c;
    border-color: #f39b5c;
	color: #fff;
}
.post-format.post-audio{line-height: 0;}

/*--------------------
	SINGLE POST
-------------------- */
.vinyl-single-post .item-blog{
	text-align: center;
}
.vinyl-single-post .item-blog .post-info{
	padding: 40px 30px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.vinyl-single-post .item-blog .post-title{
	margin-bottom: 15px;
}
.vinyl-single-post .item-blog .post-content{
	text-align: left;	
}
.vinyl-single-post > div{
	margin-bottom: 50px;
}
.vinyl-single-post > div:last-child{
	margin-bottom: 0
}
.vinyl-single-post .item-blog.format-video .post-format:after,
.vinyl-single-post .item-blog.format-audio .post-format:after{
    display: none;
}
/* Post tag */
.vinyl-single-post .post-tags{margin-bottom: 40px}
.post-tags{
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: left;
	color: #999;
	font-weight: normal;
}
.post-tags a{
	color: inherit;
}
.post-tags a:hover{
    color: #f39b5c;
}
.vinyl-single-post .post-bt{
	position: relative;
	text-align: center;
}
.vinyl-single-post .post-bt:after{
	content: "";
	position: absolute;
	display: block;
	height: 1px;
	width: 100%;
	left: 0;
	top: 49%;
	background: #ddd;
}
.vinyl-single-post .post-bt .social-share{
	background: #fff;
	padding: 0 40px;
	display: inline-block;
	position: relative;
	z-index: 1;
}
/* Nav post */
.single-prev-next{
	background: #fff;
	padding: 25px 30px;
	overflow: hidden;
}
.single-prev-next > div{
	float: left;
	width: 50%;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
}
.single-prev-next > div.older{
	border-right: 1px solid #ddd;
	padding-right: 15px;
}
.single-prev-next > div.newer{
	padding-left: 15px;
    text-align: right;
}
.single-prev-next > div a{
	color: #000;
}
.single-prev-next > div span{
	color: #999;
	display: block;
}
.single-prev-next > div a:hover span{
	color: #f39b5c;
}
.single-prev-next > div.older span:before{
	content: "\f177";
	font-family: 'FontAwesome';
	margin-right: 5px;
}
.single-prev-next > div.newer span:after{
	content: "\f178";
	font-family: 'FontAwesome';
	margin-left: 5px;
}
/* post relate */
.vinyl-title2{
	text-transform: uppercase;
	margin-bottom: 30px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: 600;
}
.post-related{
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	padding: 30px;
}
.item-relate .post-img{
	display: block;
	margin-bottom: 10px;
}
.post-related .post-title{
	font-size: inherit;
	margin-bottom: 0;
	text-align: center;
}
/* Comment list */
.comments-area{
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	padding: 30px;
}
ol.comment-list{
	padding: 0;
	list-style: none;
}
ol.comment-list .children{
	list-style: none;
}
.comment-author{
	width: 100px;
	margin-right: 20px;
	float: left;
}
.comment-author img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.comment-content{
	overflow: hidden;
	padding-top: 10px;
}
.author-name{
	font-size: 12px;
	display: inline-block;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.date-comment{
	color: inherit;
	display: inline;
	margin-left: 15px;
	font-size: 12px;
}
.date-comment a{color: inherit;}
.date-comment a:hover{color: #f39b5c}
.reply{float: right;font-style: italic;}
.comment-list .comment-body{
	margin-bottom: 30px;
}
/* Comment form */
.comment-respond{
	padding: 30px;
	background: #fff;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.comment-reply-title{
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 30px;
	letter-spacing: 2px;
	text-align: center;
	font-weight: 600;
}
.comment-form textarea, .comment-form .input-form{
	margin-bottom: 30px;
}
.commentform .form-submit{margin: 0;}
/* --------------------
		SIDEBAR
--------------------- */
.sidebar .widget{
	margin-bottom: 30px;
}
.wpb_widgetised_column .widget:last-child,
.sidebar .widget:last-child {
  margin-bottom: 0;
}
.widgettitle {
	text-transform: uppercase;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 2px;
	font-weight: 600;
	text-align: center;
	display: block;
	color: #fff;
	padding: 9px;
	position: relative;
	background: #f39b5c;
}
.widgettitle:after{
	content: "";
	border-top: 7px solid #f39b5c;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	position: absolute;
	bottom: -13px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.widget ul{padding: 0;}
.widget ul ul{
	padding-left: 20px;
}
.widget ul li{
	list-style: none;
}
.widget_categories li.cat-item a,
.widget_recent_comments li a,
.widget_archive li a,
.widget_meta li a,
.widget_recent_entries li a,
.widget_pages li a,
.widget_nav_menu .menu-item a{
	color: inherit;
}
.widget_categories li.cat-item a:hover,
.widget_recent_comments li a:hover,
.widget_archive li a:hover,
.widget_meta li a:hover,
.widget_recent_entries li a:hover,
.widget_pages li a:hover,
.widget_nav_menu .menu-item a:hover{
	color: #f39b5c;
}
/* widget wp */
.widget_media_image {
  text-align: center;
}
.widget_recent_entries > ul > li,
.widget_recent_comments > ul > li,
.widget_meta > ul > li,
.widget_categories .cat-item,
.widget_archive > ul > li,
.widget_pages .page_item{
	padding-bottom: 12px;
}
.widget_recent_entries > ul > li:last-child,
.widget_recent_comments > ul > li:last-child,
.widget_meta > ul > li:last-child,
.widget_categories .cat-item:last-child,
.widget_archive > ul > li:last-child,
.widget_pages .page_item:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
.widget_categories .cat-item, .widget_archive > ul > li{color: #999}
.widget_categories .cat-item:hover{color: #f37e7e;}
abbr[data-original-title], abbr[title]{border-bottom: none;}
.widget_rss > ul > li{
    padding-bottom:10px;
}
.widget_rss > ul > li span{color: #999;}
.widget_rss > ul > li > a{color:#000}
.widget_rss > ul > li > a:hover{color: #f39b5c;}
.widget_nav_menu .menu-item{
    line-height:36px;
}
.widget_nav_menu .widgettitle{margin-bottom:25px}
/* About */
.about-info{
	text-align: center;
}
.about-img{
	margin-bottom: 23px;
	text-align: center;
}
.about-title{
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 20px;
	letter-spacing: 1px;
	font-weight: bold;
}
.about-info .desc{margin: 0;}
/* Instagram */
.instagram-pics{
	overflow: hidden;
	margin: 0 -5px;
}
.instagram-pics li{
	width: 50%;
	padding: 5px;
	float: left;
}
/* Newsletter  */
.subcribe-form > p{display: inline-block;}
.subcribe-form  h4{
	display: inline-block;
	width: 33.33%;
	font-size: inherit;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0;
	line-height: 40px;
}
.subcribe-form input[type="text"],
.subcribe-form input[type="email"]{
	display: inline-block;
	width: 265px;
	margin-right: 28px;
	max-width: 100%;
}
.subcribe-form input[type="submit"]{
	display: inline-block;
}
.sidebar .subcribe-form  h4{
	width: 100%;
	line-height: 24px;
	letter-spacing: 0;
	text-transform: none;
}
.sidebar .subcribe-form input[type="text"], 
.sidebar .subcribe-form input[type="email"]{
	width: 100%;
	margin-right: 0;
	margin-bottom: 10px;
}
.sidebar .subcribe-form input[type="submit"]{width: 100%}
/* Lastest post */
.latest-post{
	padding: 0;
	list-style: none;
}
.latest-post > li{
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}
.latest-post > li .post-image{
	float: left;
	width: 70px;
	margin-right: 15px;
}
.latest-post .post-item-text{overflow: hidden;}
.latest-post .post-title{
	letter-spacing: 0;
    font-size: inherit;
    text-transform:capitalize;
    margin-bottom:0;
    padding-top: 10px;
}
/* Cats image */
.list-cats .category-item{
	margin-bottom: 20px;
}
.list-cats .category-item .info-cat{
	position: relative;
	text-align: center;
}
.category-item figure:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.15);
}
.category-item a{
	text-transform: uppercase;
	background: #fff;
	color: #000;
	letter-spacing: 2px;
	font-size: 12px;
	padding: 2px 10px;
	min-width: 100px;
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.category-item a:hover{
	background:#f39b5c;
	color: #fff;
}

.category-item img{
	width: 100%;
}
/* Tag cloud */
.tagcloud{text-align: center;}
.tagcloud a{
	font-size: 12px!important;
	padding: 2px 12px;
	border: 1px solid #ddd;
	display: inline-block;
	margin: 0 6px 10px 0;
	color: inherit;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.tagcloud a:hover{
	border-color: #f39b5c;
	background: #f39b5c;
	color: #fff;
}
/** Social media */
.social-share li{
	display: inline-block;
	list-style: none;
	margin: 5px 4px;
}
.social-share a{
	width: 44px;
	height: 44px;
	border: 1px solid #f39b5c;
	line-height: 42px;
	text-align: center;
	display: inline-block;
	color: #f39b5c;
}
.social-share a:hover{
	color: #fff;
	background: #f39b5c;
}
.widget .social-share{
	text-align: center;
}
/* ---------------------
		PAGE
--------------------- */
.vinyl-page .page-content{
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}
.page-title{
	text-transform: capitalize;
	font-size: 24px;
	text-align: center;
}
.main-contaier{
    padding:50px 0 100px;
}
.page-template-full-width .main-contaier{
    padding: 0;
}
/* Contact form */
.wpcf7-form{
	max-width: 500px;
}
.wpcf7-form .wpcf7-form-control-wrap{
	display: inline-block;
	width: 100%;
}
/* Layout */
.archive-box {
	margin-bottom: 50px;
	text-align: center;
	padding: 85px 28px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 24px;
	color: #fff;
	position: relative;
	background-position: center;
	background-size: cover;
}
.archive-box:after{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
}
.archive-box > span{
	display: inline-block;
	position: relative;
	z-index: 2;
}
.archive-box h1,.archive-box h3{
	margin: 0;
	font-size: inherit;
	line-height: 26px;
	display: inline-block;
	font-weight: 600;
	color: inherit;
	position: relative;
	z-index: 2;
}

.vc-row-overlay{
	position: absolute!important;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

/* ---------------------
		FOOTER
--------------------- */
footer{
	background: #fff;
	position: relative;
	border-top: 1px solid #ddd;
}
/* Top footer */
.top-footer{
	padding: 80px 35px;
}
.top-footer .widgettitle{
	background: transparent;
	text-align: left;
	color: #000;
	text-transform: capitalize;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
	letter-spacing: 0;
    border: none;
}
.top-footer .widgettitle::after{display: none;}
.footer-bottom{
    padding: 37px 0;
    border-top: 1px solid #ddd;
}
.footer-bottom .wrapper-container{overflow: hidden;}
/* Coppyright */
.text-copyright{
	color: #999;
	text-align: center;    
}

/*----------------------
	 MOBILE MENU 
------------------------*/
.toggle-mainmenu{
	
}
.nav-icon{
	display: none;
	vertical-align: middle;
	cursor: pointer;
}
.nav-icon:before{
	content: "";
	width: 30px;
	height: 2px;
	display: block;
	background: #000;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav-icon span{
	width: 30px;
	height: 2px;
	display: block;
	background: #000;
	margin: 5px 0;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav-icon:after{
	content: "";
	width: 30px;
	height: 2px;
	display: block;
	background: #000;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.nav-icon.active span{
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.nav-icon.active::before {
	transform: translateY(7px) rotate(135deg);
	-webkit-transform: translateY(7px) rotate(135deg);
	-moz-transform: translateY(7px) rotate(135deg);
}
.nav-icon.active::after {
	transform: translateY(-7px) rotate(-135deg);
	-moz-transform: translateY(-7px) rotate(-135deg);
	-webkit-transform: translateY(-7px) rotate(-135deg);
}

/* ------------------------
	RESPONSIVE
-------------------------- */
@media(min-width: 1230px){
	.container{width: 1200px;}
}
@media(max-width: 1199px){
}
@media(min-width: 992px) and (max-width: 1199px){
	.item-blog .post-title{font-size: 18px;line-height: 24px;}
	.blog-list .post-format{width: 355px}
	.blog-list .item-blog .post-title{font-size: 14px;}
	.latest-post .post-title{font-size: 12px; margin-bottom: 5px}
	.latest-post .post-image{width: 85px}
	.social-header li{margin: 0 20px}
	.logo {padding: 50px 0;}
}
@media(max-width: 991px){}
@media(min-width: 768px) and (max-width: 991px){
	.item-blog .post-title{font-size: 18px;line-height: 24px;}
	.sidebar{margin-top: 50px}
	.feature-post .item-post{min-height: 450px}
	.az-promo-box .az-probox-item{min-height: 190px}
	.blog-list .post-format{width: 355px}
	.logo {padding: 50px 0;}
}
@media(max-width: 767px){
	.topbar-main{padding: 0;}
	.social-header li{margin: 0 8px}
	.logo {padding: 30px 0;}
	.logo img{max-width: 75%}
	.subcribe-form h4{width: 100%}
	.subcribe-form input[type="text"], .subcribe-form input[type="email"]{
		margin-right: 0;
		margin-bottom: 15px;
		display: block;
	}
	.title-section .title{font-size: 20px;}
	.vinyl-category-image .item-cat{
		margin-bottom: 30px;
	}
	.owl-dots .owl-dot{margin: 0 6px;}
	.vinyl-blogs.blog-list .item-blog{display: block;}
	.blog-list .post-format{width: 100%;float: none;}
	.blog-list .post-info{padding: 20px;display: block;}
	.vinyl-single-post .item-blog .post-title{
		font-size: 20px;
		line-height: 30px;
	}
	.vinyl-single-post .post-bt .social-share{padding: 0 10px}
	.item-relate{margin-bottom: 30px}
	.item-relate:last-child{margin-bottom: 0;}
	.comment-author{width: 70px}
	.date-comment{display: block;margin-left: 0;}
	.author-name{margin: 0;}
	.reply{display: block;float: none;}
	.comment-text{margin-top: 10px}
	.item-blog .post-title{font-size: 16px; line-height: 26px;}
	.sidebar{margin-top: 50px}
	.toggle-mainmenu{display: block;}
	.feature-post .item-post .post-title{font-size: 18px;line-height: 26px;margin-bottom: 10px}
	.feature-post .item-post .info-post{left: 20px;bottom: 20px}
	.feature-post .item-post .readmore{display: none;}
	.feature-post .item-post .post-desc{margin-bottom: 0;}
	.owl-nav{display: none;}
	.post-meta .meta-item{width: 100%;padding: 0 15px 15px;border: none;}
	.blog-standard .post-info, .item-standard .post-info{padding: 20px}
	.feature-post .item-post{min-height: 320px}
	.header-mainmenu{position: relative;}
	.nav-main{
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		background: #f8f8f8;
		width: 100%;
		z-index: 2;
	}
	.nav-icon{display: inline-block;margin: 10px 0}
	.topbar-main{position: relative;}
	.social-header{
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
		background: #fff;
		z-index: 1;
	}
	.social-header li{
		display: block;
		margin: 5px 0;
	}
	.nav-main > ul > li{
		display: block;
		width: 100%;
		text-align: center;
		margin: 0;
	}
	.nav-main > ul > li > a{padding: 5px 0;}
	.nav-main .sub-menu{
		position: relative;
		background: none;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		margin: 0;
		text-align: center;
		border: none;
		display: none;
		top: 0;
	}
	.nav-main .sub-menu li{padding: 0}
	.nav-main .sub-menu li > a{padding: 5px 0;border: none;}
	.nav-main .show-submenu > .sub-menu{display: block;}
	.nav-main .sub-menu .sub-menu{left: 0;}
	.top-footer .widget{margin-bottom: 30px}

}
@media(max-width: 480px){
	.single-prev-next > div{font-size: 10px;line-height: 20px;}
}