/*
Theme Name: The Tea Cup
Theme URI: http://theteacup.cityhousedesign.com
Description: A WordPress Blog Theme
Author: Cityhousedesign
Author URI: http://cityhousedesign.com
Version: 2.0.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/**/
/* clear floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

body {
	font-size:14px;
	font-family: 'Lato', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #FFFFFF;
}

p, .textwidget, .post-entry {
    color: #242424;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}
em,i {
	font-style: italic;
}
b {
	font-weight: bold;
}
a {
	text-decoration:none;
	color: #E4AF4B;
	-o-transition:.3s;
		-ms-transition:.3s;
		-moz-transition:.3s;
		-webkit-transition:.3s;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Montserrat",sans-serif;
}

.container {
	width:1000px;
	margin:0 auto;
}

#content {
	margin-top:60px;
}

#main {
	width: 720px;
    float: left;
}
#main.fullwidth {
	float: none;
	margin: 0 auto;
	width: 100%;
}

#sidebar {
	width:220px;
	float:right;
}


/***
/* Top Bar
/********************/
#top-bar {
  z-index:99999;
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #EEE;
}

#top-bar .container {
	position: relative;
}
.top_meta {
	position: absolute;
	right: 0;
	top: 10px;
}
#top-social {
	float: right;
	padding: 10px 0;
}

	#top-social a {
		font-size:16px;
		margin-left:14px;
		color:#000;
	}
	#top-social a:hover {
		opacity:0.8;
	}
	#top-social i {
		margin-left: 5px;
	}

	/***
	/* Top Search
	/********************/
	#top-search {
		text-align:center;
		float: right;
		margin-left: 15px;
	}
	#top-search a {
		color:#000;
		line-height:34px;
		display:block;
		font-size: 12px;
		width: 34px;
		height: 34px;
		border: 1px solid #E4AF4B;
		border-radius: 50%;
		text-align: center;
		-webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
         -o-transition: all 0.2s linear;
            transition: all 0.2s linear;
	}
	#top-search a:hover {
		background-color: #E4AF4B;
		color: #FFFFFF;
	}
	.show-search {
		display:none;
		z-index:10000;
		float: right;
	}
	.show-search #searchform input#s {
		padding: 0;
		padding-left: 13px;
		height: 36px;
		box-sizing: border-box;
		width:170px;
		background: none;
		vertical-align: middle;
		background-color: #FFFFFF;
	}
	.search_alert_title {
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: 5px;
		font-size: 16px;
	}
.slicknav_menu {
	display:none;
	float: left;
	width: 100%;
}
/***
/* Menu
/********************/
.menu_wrap {
	text-align: center;
    z-index: 99;
    border-top: 3px double #DDD;
    border-bottom: 1px solid #EEE;
    background-color: rgba(255,255,255,0.8);
}
	.admin-bar .is-sticky .menu_wrap {
		margin-top: 32px;
	}
  .is-sticky .menu_wrap {
		-webkit-box-shadow: 0 7px 7px -6px rgba(0, 0, 0, .12);
		-moz-box-shadow: 0 7px 7px -6px rgba(0, 0, 0,.12);
		box-shadow: 0 7px 7px -6px rgba(0, 0, 0, 0.12);
	}
	.home .menu_wrap {
		border-bottom: none;
	}
	.home.paged .menu_wrap {
	    border-bottom: 1px solid #EEE;
	}

.menu_wrap > ul.menu {
	display: inline-block;
}

	.menu li {
		display:inline-block;
		margin-right:26px;
		position:relative;
	}
	.menu li:last-child {
		margin-right:0;
	}
	.menu li a {
		font-size:11px;
		text-transform:uppercase;
		letter-spacing:2px;
		line-height:50px;
		color:#000;
		display:block;
		font-family: "Montserrat",sans-serif;
	}
	.menu li a:hover {
		opacity: 0.8;
	}

	.menu > li.menu-item-has-children > a:after {
		font-family: FontAwesome;
	    content: "\f107";
	    margin-left: 4px;
	    font-size: 12px;
	    opacity: 0.6;
	}


		/*** Menu Dropdown ***/
		.menu .sub-menu,
		.menu .children {
			background-color:#F6F6F6;
			display: none;
			padding: 0;
			position: absolute;
			margin-top:0;
			left: 0;
			top: 100%;
			z-index: 99999;
			text-align:left;
			border-top:1px solid #EEE;
			box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.30);
		    -webkit-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.30);
		    -moz-box-shadow: 0px 1px 5px rgba(190, 190, 190, 0.30);
		}
			.menu .sub-menu ul:after {
				content:none;
			}
		ul.menu ul a,
		.menu ul ul a {
			color: #666;
			border:1px solid #EEE;
			border-top:none;
			margin: 0;
			padding:8px 17px;
			min-width: 160px;
			line-height:20px;
			transition:.25s;
		}

		ul.menu ul li,
		.menu ul ul li {
			padding-right:0;
			margin-right:0;
            display: block;
		}
		ul.menu ul a:hover,
		.menu ul ul a:hover {
			background-color: #EEE;
			opacity: 1;
			color: #000;
		}

		ul.menu li:hover > ul,
		.menu ul li:hover > ul {
			display: block;
		}

		.menu .sub-menu ul,
		.menu .children ul {
			left: 100%;
			top: 0;

		}

/***
/* Header
/********************/
#logo {
	text-align:center;
	padding-bottom: 40px;
    padding-top: 70px;
  	display: block;
}

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


/***
/* Posts
/********************/
.post, article.page {
	position:relative;
	margin-bottom: 60px;
}
	.single .post {
		margin-bottom: 0;
	}
.more-link {
	display: block;
    text-align: center;
    margin-top: 23px;
    line-height: normal;
    font-size: 16px;
    color: #E4AF4B;
    font-style: italic;
    font-family: 'Lora', serif;
    border: none !important;
}
	.more-button {
		display: inline-block;
		border-bottom: 1px dotted #EEE;
		-o-transition: .3s;
	    -ms-transition: .3s;
	    -moz-transition: .3s;
	    -webkit-transition: .3s;
	}
	.more-button:hover {
		border-color: #E4AF4B;
	}
	.more-link i {
		font-size: 12px;
    	margin-left: 3px;
	}
.post-img {
	text-align:center;
	margin-bottom: 10px;
}
.post-img img {
	max-width:100%;
	height:auto;
	position:relative;
}

.post-img.audio iframe {
	height:166px;
	width:100%;
}
.post-header {
	background-color: #FFFFFF;
	margin-bottom: 27px;
	overflow: hidden;
	text-align: center;
}
	.page .post-header {
		text-align: center;
	}


.post-header h2 a, .post-header h1 {
    font-size: 22px;
    color: #000;
    position: relative;
    display: block;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.post-header h2 a:hover {
	opacity:0.8;
}

.cat-blog {
	color: #E4AF4B;
	position: relative;
}

.cat-blog a {
    display: inline-block;
    color: #E4AF4B;
    position: relative;
    margin-left: 3px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-family: "Lato",sans-serif;
    font-style: normal;
    border-bottom: 1px solid #FFFFFF;
}

.cat-blog a:first-child {
	margin-left: 0;
}

.cat-blog a:hover {
	border-color: #E4AF4B;
}


	/*** Post Entry ***/
	.post-entry {
	    margin-bottom: 20px;
	}

	.post-entry img {
		max-width:100%;
		height:auto;
	}
	.post-entry a {
		border-bottom: 1px dotted #EEE;
		text-decoration: none;
	}
	.post-entry a:hover {
		border-color: #E4AF4B;
	}
	.post-entry p {
		margin-bottom:12px;
	}
	.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr {
    	margin-bottom:8px;
		margin-top:15px;
	}
	.post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
		color:#000;
	}
	.post-entry h1 {
		font-size:22px;
	}
	.post-entry h2 {
		font-size:20px;
	}
	.post-entry h3 {
		font-size:18px;
	}
	.post-entry h4 {
		font-size:16px;
	}
	.post-entry h5 {
		font-size:14px;
	}
	.post-entry h6 {
		font-size:12px;
	}
	.post-entry hr {
		border:0;
		height:0;
		border-bottom:1px solid #EEE;
		clear:both;
	}
	.post-entry blockquote {
		margin-bottom: 15px;
    	margin-top: 15px;
	}
	.post-entry blockquote p {
		color:#999;
		padding-left: 70px;
		padding-rigth: 30px;
		font-size: 17px;
		line-height: 30px;
		font-style:italic;
		position:relative;
		font-weight: normal;
		margin-bottom: 0px;
		font-family: 'Lato', sans-serif;
	}
	.post-entry blockquote p:before {
		display: inline-block;
		content: "\201C";
		font-size: 85px;
		position: absolute;
		left: 20px;
		top: 19px;
		color: #E4AF4B;
		font-family: 'Lora', serif;
	}
	.post-entry blockquote footer {
		margin-left: 85px;
		padding-left: 5px;
		font-size: 12px;
		letter-spacing: 1px;
		position: relative;
		display: inline-block;
		color: #848484;
	}
	.post-entry blockquote footer:before {
		display: block;
	    content: "";
	    height: 1px;
	    width: 8px;
	    position: absolute;
	    left: -10px;
	    top: 50%;
	    background-color: #848484;
	}

	.post-entry ul, .post-entry ol {
		padding-left:45px;
		margin-bottom:15px;
	}
	.post-entry ul li {
		margin-bottom:1px;
		list-style:disc;
	}
	.post-entry ol li {
		margin-bottom:3px;
		list-style:decimal;
	}

	.post-entry table { width:100%; margin-bottom:12px; border: 1px solid #EEE; line-height: 20px;}
	.post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #EEE solid; border-left: 1px #EEE solid; border-right: 1px #EEE solid;}
	.post-entry th { font-weight:bold; font-size:12px; background:#F4F4F4;}

.top-meta {
    position: relative;
    font-size: 14px;
    color: #B1B1B1;
    font-family: 'Lora', serif;
    font-style: italic;
		margin-top: 10px;
}


.meta_bottom {
	font-size: 10px;
  color: #B1B1B1;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom: 18px;
  padding-top: 18px;
  overflow: hidden;
  border-bottom: 3px double #DDD;
  line-height: 20px;
}
.meta-comments {
	float: left;
}
	.comment_number {
	    font-size: 14px;
	    color: #B1B1B1;
	    font-family: 'Lora', serif;
	    font-style: italic;
	    letter-spacing: 0;
	    text-transform: none;
	    margin-right: 2px;
	    -o-transition: .3s;
	    -ms-transition: .3s;
	    -moz-transition: .3s;
	    -webkit-transition: .3s;
	}
	.meta-comments a{
		color: #242424;
	}
	.meta-comments a:hover, .meta-comments a:hover .comment_number {
		color: #E4AF4B;
	}
	.meta_date {
		display: inline-block;
	    font-weight: 400;
	}

	.by {
		font-size: 13px;
	    color: #B1B1B1;
	    font-family: 'Lora', serif;
	    font-style: italic;
	    letter-spacing: 0;
	    text-transform: none;
	    margin-right: 6px;
	}
	.meta_author {
		float: left;
	}
		.meta_author a {
			color: #242424;
		}
		.meta_author a:hover {
			color:#E4AF4B;
		}
	.flash {
		margin: 0 12px;
		float: left;
	}
/*************Post share***********/
.post-share {
	position: absolute;
	right: 110%;
	top: 82px;
	text-align: right;
}
	.page .post-share {
		float: none;
	}

.post-share a {
	display: block;
	color:#CECECE;
	margin-bottom: 18px;
	font-size: 14px;
}
	.post-share a:last-child {
		margin-bottom: 0;
	}

.post-share a:hover {
	color: #000;
}
.share_text {
	margin-bottom: 10px;
    display: block;
    font-size: 10px;
    color: #CECECE;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 18px;
}


/** Post tags ***/
.post-tags {
    color: #000;
    float: left;
}
.post-tags i {
    margin-right: 8px;
    font-size: 14px;
	color:#000;
}
.tag_title {
	font-size: 13px;
    color: #B1B1B1;
    font-family: 'Lora', serif;
    font-style: italic;
    letter-spacing: 0;
    text-transform: none;
    margin-right: 4px;
}
.tags_wrap {
	color: #E4AF4B;
}
.tags_wrap a {
	color: #E4AF4B;
	border-bottom: 1px solid #FFF;
}
	.tags_wrap a:first-child {
		margin-left: 0;
	}
.tags_wrap a:hover {
	border-color: #E4AF4B;
}

/*** Post Related ***/
.post-related {
	overflow:hidden;
	margin-top: 60px;
	border-top: 1px solid #EEE;
    padding-top: 40px;
}

.post-related h2 {
	margin-bottom:38px;
	text-align: center;
}

.related_heading {
    display: inline-block;
    font-size: 18px;
    color: #000;
    font-style: italic;
    position: relative;
    text-align: center;
    font-family: 'Lora', serif;
}
	.related_heading:before {
	    content: "";
	    width: 35px;
	    height: 1px;
	    position: absolute;
	    right: 0;
	    background-color: #E4AF4B;
	    bottom: -14px;
	    left: 0;
	    margin: 0 auto;
	}

.item-related {
	text-align: left;
    float: left;
    width: 238px;
    margin-right: 15px;
}

.item-related:last-child{
	margin-right:0;
}
.item-related img {
	width:100%;
	height:auto;
	margin-bottom:8px;
}
.item-related h3 {
	text-align: center;
    z-index: 999;
    position: relative;
}
.item-related h3 a {
    font-size: 13px;
    color: #000;
    line-height: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.item-related h3 a:hover {
	text-decoration:underline;
}

.item-related span.date {
	font-size: 13px;
    font-style: italic;
    color: #B1B1B1;
    margin-top: 9px;
    display: block;
    text-align: center;
    font-family: 'Lora', serif;
}

/*** Comments ***/
.comments li {
	list-style:none;
}
.comment_heading {
	text-align:center;
	margin-bottom: 40px;
}
.comment_heading h4{
    display: inline-block;
    font-size: 18px;
    color: #000;
    font-style: italic;
    position: relative;
    text-align: center;
    font-family: 'Lora', serif;
}
	.comment_heading h4:before {
	    content: "";
	    width: 35px;
	    height: 1px;
	    position: absolute;
	    right: 0;
	    background-color: #E4AF4B;
	    bottom: -14px;
	    left: 0;
	    margin: 0 auto;
	}

.post-comments {
	background:#F8F8F8;
	margin-top:30px;
    padding: 40px;
}

.thecomment {
	border-bottom:1px dotted;
	border-color: #E9E9E9;
	padding-bottom: 20px;
    margin-bottom: 30px;
}

.thecomment .author-img {
	float:left;
	margin-right:25px;
}

.thecomment .comment-text {
	overflow:hidden;
}
.thecomment .comment-text p {
	margin-bottom: 12px;
    line-height: 25px;
}
.thecomment .comment-text span.author, .thecomment .comment-text span.author a {
	font-size: 13px;
    margin-bottom: 9px;
    color: #000;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Montserrat",sans-serif;
}
.thecomment .comment-text span.author a:hover {
	text-decoration:underline;
}

.thecomment .comment-text span.date {
	font-size: 9px;
  color: #B1B1B1;
  display: block;
  letter-spacing: 2px;
  text-transform: uppercase;
	float: left;
}

.thecomment .comment-text em {
	font-size: 12px;
    display: block;
    color: #E4AF4B;
}
.post-comments span.reply a {
    float: right;
    font-size: 11px;
    color: #767676;
    padding: 6px 10px;
    border-radius: 3px;
    margin-left: 7px;
    border: 1px solid #EEE;
}

.post-comments span.reply a:hover {
	background-color:#DDD;
	border-color: #DDD;
}

.comments ul.children { margin: 0 0 0 55px; }
.comments ul.children li.thecomment { margin:0 0 8px 0; }

/** Reply **/
#respond {
	overflow:hidden;
	margin-bottom:20px;
}

#respond h3 {
    font-size: 13px;
    display: block;
    color: #000;
    margin-bottom: 19px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#respond h3 a {
	color:#000;
	display:inline-block;
}

#respond h3 small a {
	font-size: 11px;
    background: #F6F6F6;
    color: #767676;
    padding: 6px 14px;
    margin-left: 7px;
    border-radius: 2px;
    font-family: 'Lato', sans-serif;
    font-style: normal;
}
#respond h3 small a:hover {
	background-color: #343434;
	color: #FFFFFF;
}

#respond label {
	color:#999;
	font-size:10px;
	display:inline-block;
	margin-right: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-family: 'Lato', sans-serif;
	min-width: 60px;
}
#respond #author, #respond #email, #respond #url {
	padding:10px;
	border:1px solid #DDD;
	margin-right:10px;
	color:#555;
	margin-bottom:15px;
	font-size:12px;
	min-width:250px;
	background-color:#FFFFFF;
	border-radius:4px;
	-webkit-appearance: none;
}
#respond input:focus {outline:none;}
#respond .comment-form-url {
	margin-bottom:10px;
}
#respond textarea {
	padding:12px;
	border:1px solid #DDD;
	width:100%;
	height:120px;
	font-size:14px;
	color:#555;
	margin-bottom:14px;
	line-height:25px;
	box-sizing:border-box;
	border-radius:4px;
	font-family: 'Lato', sans-serif;
	-webkit-appearance: none;
}
#respond textarea:focus {outline:none;}

#respond #submit {
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    padding: 11px 18px;
    border: 1px solid #E4AF4B;
    border-radius: 30px;
    min-width: 170px;
    background: transparent;
    -webkit-appearance: none;
}

#respond #submit:hover {
	background-color: #E4AF4B;
	color: #FFFFFF;
}

/***
/** PAGINATION
/******************************/

.pagination {
	overflow:hidden;
}

.pagination a {
	display:inline-block;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:9px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	color: #444;
	text-decoration:none;
	padding: 14px 20px;
	background-color: #EEE;
}


.pagination a:hover {
	background-color: #E4AF4B;
	color: #FFF;
}
.pagination .newer {
	float:left;

}
.pagination .older {
	float:right;

}

/***
/** SIDEBAR
/******************************/

.widget {
	margin-bottom:60px;
    box-sizing: border-box;
}
	.widget:last-child {
  	margin-bottom: 0;
  }

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

.widget-heading {
	display: block;
    margin-bottom: 35px;
    font-size: 18px;
    color: #000;
    font-style: italic;
    position: relative;
    text-align: center;
    font-family: 'Lora', serif;
}
	.widget-heading span {
		position: relative;
	}

	.widget-heading span:before {
	    content: "";
	    width: 35px;
	    height: 1px;
	    position: absolute;
	    right: 0;
	    background-color: #E4AF4B;
	    bottom: -14px;
	    left: 0;
	    margin: 0 auto;
	}

.widget a:hover {
	text-decoration:underline;
}

.widget ul li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #DDD;
	color:#B1B1B1;
	font-size:13px;
}
.widget ul li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.widget ul li a {
	color: #000;
    line-height: 20px;
    font-size: 13px;
    margin-bottom: 5px;
}

.widget input {
	width:100%;
}
.widget select {
	border: 1px solid #DDD;
	border-radius: 3px;
	padding: 8px 10px;
	width: 100%;
	box-sizing:border-box;
	outline: none;
}
.screen-reader-text {
	display:none;
}
.post-date {
	color: #CDCDCD;
}

    .about-widget {
        text-align: center;
    }
    .about-widget a {
    	font-size: 16px;
	    color: #E4AF4B;
	    font-style: italic;
	    font-family: 'Lora', serif;
	    border-bottom: 1px dotted #EEE;
    }
    .about-widget a:hover {
    	border-color: #E4AF4B;
    	text-decoration: none;
    }


	.about_photo img {
		max-width: 100%;
		height: auto;
		display: inline-block;
		margin-bottom: 20px;
	}
	.about_photo {
		position: relative;
		text-align: center;
	}

	.about-widget .sign {
		margin: 5px auto 0 auto;
		display:block;
	}
	.about-widget .name {
		font-size: 12px;
	    display: block;
	    text-align: center;
	    margin-bottom: 10px;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	}

	/******** Widget Social  *************/
	.widget-social {
		text-align:center;
	}
	.widget-social a{
	    display: inline-block;
	    color: #000;
	    font-size: 16px;
	    margin: 4px;
	    border: 1px solid #DDD;
	    width: 35px;
	    height: 35px;
	    line-height: 35px;
	    border-radius: 50%;
	    text-align: center;
	}

	.widget-social a:hover{
		color: #FFFFFF;
		background-color: #E4AF4B;
		border-color: #E4AF4B;
	}
	/************** Widget list ***************/
	.lastest_news {
		overflow: hidden;
	}
	.widget ul.lastest_news li {
		list-style-type:none;
		margin-bottom: 20px;
   		padding-bottom: 15px;
		margin-left:0;
	}
	.widget ul.lastest_news li:last-child {
		margin-bottom:0;
		padding-bottom:0;
	}
	.side-item {
		overflow:hidden;
	}
	.side-image {
		float:left;
		margin-right:12px;
	}

	.side-image img {
		width:80px;
		height:auto;
	}

	.side-text {
		overflow:hidden;
	}
	.widget .side-text h4 a {
		font-size: 12px;
	    color: #000;
	    letter-spacing: 1px;
	    text-transform: uppercase;
	    line-height: 19px;
	}
	.widget .side-meta {
		color:#E4AF4B;
		margin-top: 5px;
		display: block;
	}
	.widget .side-meta a{
		font-size:10px ;
		color:#E4AF4B;
		margin-left:5px;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    line-height: 16px;
	}
	.side-meta a:first-child {
		margin-left:0;
	}
	.widget .side-meta a:hover {
		text-decoration: underline;
	}

	/*** Widget categories ***/
	.widget_categories {
		color:#a5a5a5;
	}
	.widget_categories a {
		margin-right:4px;
	}

	/*** Style Tag ***/

	.widget .tagcloud a {
		font-size: 9px !important;
		letter-spacing: 2px;
		text-transform: uppercase;
		color: #000;
		padding: 6px 9px;
		margin-right: 5px;
		margin-bottom: 8px;
		display: inline-block;
		text-decoration: none;
		border: 1px solid #E4AF4B;
	}
	.widget .tagcloud a:hover {
		background-color: #E4AF4B;
		color: #FFFFFF;
	}

	/*** Calender widget ***/
	#wp-calendar {width: 100%; }
	#wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
	#wp-calendar thead { font-size: 12px;  }
	#wp-calendar thead th { padding-bottom: 10px; }
	#wp-calendar tbody { color: #aaa; }
	#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
	#wp-calendar tbody td a { font-weight:700; color:#222; }
	#wp-calendar tbody td:hover { background: #fff; }
	#wp-calendar tbody .pad { background: none; }
	#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
	#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; letter-spacing: 2px; }
	#wp-calendar thead th { padding-bottom: 10px; text-align: center; }

	/*** Search Widget ***/
	#searchform input#s {
		border: none;
		border-bottom: 1px solid #EEE;
		background: #fff url(img/searchsubmit.png) no-repeat 91% 11px;
		padding: 13px 14px;
		font-size: 13px;
		color: #B1B1B1;
		font-family: 'Lora', serif;
		box-sizing: border-box;
		font-style: italic;
	}

	#searchform #s:focus { outline:none; }

.widget .comment-author-link a {
	color: #E4AF4B;
}
/***
/** FOOTER
/******************************/

#footer {
	margin-top:80px;
	position: relative;
}
	.widget-footer {
		text-align:center;
		position: relative;
		overflow: hidden;
	}
	.widget-footer .block-heading {
		font-size: 10px;
	    color: #444;
	    padding: 15px 0;
	    font-family: 'Lato', sans-serif;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    position: relative;
	    background-color: #EEE;
	    z-index: 9999;
	}

.instagram-pics {
	font-size: 0;
}
.instagram-pics li {
    display: inline-block;
    width: 12.5%;
}
.instagram-pics li img {
    max-width: 100%;
}
	.instagram-pics li img:hover {
		opacity:0.85;
		-o-transition: .3s;
			  -ms-transition: .3s;
			  -moz-transition: .3s;
			  -webkit-transition: .3s;
	}
.null-instagram-feed .clear {
	display: none;
}
/*** Footer Social - Copyright***/

#footer_meta {
	overflow:hidden;
	padding: 20px 0;
	text-align: center;
}

	#footer_meta h2 {
	    font-size: 9px;
	    color: #777;
	    line-height: 36px;
	    font-family: 'Montserrat', sans-serif;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	}
	#footer_meta h2 a {
		color: #E4AF4B;
	    font-family: 'Lora', serif;
	    font-style: italic;
	    font-size: 13px;
	    text-transform: none;
	    letter-spacing: 0;
	}
.footer_social {
    margin: 30px 0;
}
	.footer_social a {
		display: inline-block;
		margin: 0 21px;
		font-size:16px;
		text-align:center;
		color:#000;
	}
	.footer_social a:hover {
		opacity: 0.8;
	}
	.to-top-wrap {
		text-align: right;
		margin-bottom: 20px;
	}
	.to-top {
	    text-align: center;
	}
		.to-top i{
			border: 1px solid #E4AF4B;
		    width: 38px;
		    height: 38px;
		    line-height: 38px;
		    border-radius: 50%;
		    color: #000;
		    font-size: 14px;
		    -webkit-transition: all 0.2s linear;
		    -moz-transition: all 0.2s linear;
		    -ms-transition: all 0.2s linear;
		    -o-transition: all 0.2s linear;
		    transition: all 0.2s linear;
		}

		.to-top i:hover {
			background-color: #E4AF4B;
			color: #FFFFFF;
		}
/***
/* Archive
/********************/
.archive-box {
	padding: 45px;
    margin-bottom: 50px;
    text-align: center;
    background-color: #EEE;
}

.archive-box span {
	font-size: 10px;
    color: #B1B1B1;
    margin-bottom: 16px;
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.archive-box h1 {
	font-size:26px;
	display:inline-block;
	color:#000;
	font-family: 'Lora', serif;
	font-style: italic;
}

/***
/* 404 Page
/********************/
.error-page {
	text-align:center;
	padding-top:50px;
}
.error-page h1 {
	font-size:190px;
	font-family: 'Lato', sans-serif;
}


/*** Contact Form 7
/************************/
.wpcf7 input {
	width:266px;
}
div.wpcf7 {
	overflow:hidden;
}
.wpcf7 input, .wpcf7 textarea {
	padding: 10px;
    border: none;
    border: 1px solid #DDD;
    margin-right: 10px;
    color: #777;
    font-size: 13px;
    outline: none;
    margin-top: 5px;
	border-radius:4px;
	-webkit-appearance: none;
}
.wpcf7 textarea {
	width:95%;
}
.wpcf7 .wpcf7-submit {
    padding: 11px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #E4AF4B;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    width: 135px;
    background-color: #FFF;
    font-family: "Montserrat",sans-serif;
}
.wpcf7 .wpcf7-submit:hover {
	background-color: #E4AF4B;
	color: #FFFFFF;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 0 20px 0 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: 0 20px 0 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    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: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0 4px 5px;
}

/*** Gallery feature of Wordpress ***/
.gallery .gallery-caption{
	font-style: italic;
    line-height: normal;
}

.gallery .gallery-icon img{
    border-radius:2px;
    border:1px solid #DDD !important;
	padding:8px;
	box-sizing:border-box;
	width: 98%;
}
.gallery .gallery-icon img:hover {
	border:1px solid #ccc !important;
}

/***********carousel************/

.trending {
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
	.owl-theme .owl-controls {
    	display: none;
	}
	.customNavigation {
		float: right;
	}
		.customNavigation a{
		    -webkit-user-select: none;
		    -khtml-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		    font-size: 21px;
		    margin-left: 10px;
		    color: #000;
		    cursor: pointer;
		    width: 24px;
		    height: 24px;
		    line-height: 28px;
		    padding-bottom: 2px;
		    border-bottom: 1px dotted #EEE;
		    display: inline-block;
		    text-align: center;
		}
		.customNavigation a:hover {
			border-color: #E4AF4B;
		}
.trending_text_wrap {
	float: left;
	line-height: 29px;
}
	.trending_text_wrap i {
		font-size: 14px;
		margin-left: 4px;
	}
	.trending_text_one {
		font-size: 16px;
	    color: #E4AF4B;
	    font-family: 'Lora', serif;
	    font-style: italic;
	    margin-right: 4px;
	}
	.trending_text_two {
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 12px;
		font-family: "Montserrat",sans-serif;
	}
.carousel_wrap {
	background-color: #F6F6F6;
	padding: 0 7px;
}
.carousel_wrap img {
	width: 100%;
	height:auto;
}
.carousel_wrap .item {
	position:relative;
}

.carousel_frame {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-o-transition:.4s;
		-ms-transition:.4s;
		-moz-transition:.4s;
		-webkit-transition:.4s;
	cursor:pointer;
	text-align:center;
	background-color:rgba(0,0,0,0.1);
}
	.carousel_frame:hover {
		background-color:rgba(0,0,0,0.70);
	}
	.intro {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    bottom: 2%;
	    width: 100%;
	    padding: 0px 10px;
	    box-sizing: border-box;
	    opacity: 1;
	    display: inline-table;
	    margin: auto;
	    	-o-transition:.7s;
		-ms-transition:.7s;
		-moz-transition:.7s;
		-webkit-transition:.7s;
	}
		.carousel_frame:hover .intro {
			bottom: 30%;
		}

	a.intro_title {
	    font-size: 14px;
	    text-transform: uppercase;
	    font-family: 'Montserrat', sans-serif;
	    color: #FFFFFF;
	    display: block;
	    letter-spacing: 1px;
	    line-height: 20px;
	}
	a.intro_title:hover {
		opacity: 0.8;
	}
	.cat_carousel{
	    color: rgba(255, 255, 255, 0.7);
	    margin-top: 7px;
	    display: block;
	}
	.cat_carousel a{
	    margin-top: 7px;
	    font-size: 14px;
	    color: rgba(255, 255, 255, 0.7);
	    display: inline-block;
	    line-height: normal;
	    font-family: 'Lora', serif;
	    font-style: italic;
	    margin: 0 2px;
	}
	.cat_carousel a:hover {
		color: #FFFFFF;
	}
	.readmore_slider {
		letter-spacing: 2px;
		text-transform: uppercase;
		font-size: 11px;
		padding: 13px 18px;
		border: 1px solid #FFFFFF;
		color: #FFFFFF;
		display: inline-block;
		margin-top: 0;
		opacity: 0;
	}
		.carousel_frame:hover .readmore_slider {
			opacity: 1;
			margin-top: 20px;
		}
		.readmore_slider:hover {
			background-color: #FFFFFF;
			color: #000;
		}

/**********Next and previous link **********/
#post-nav {
	overflow: hidden;
	margin-top: 30px;
}
.post-previous {
	float: left;
	width: 45%;
}
	.previous_wrap {
	    float: left;
	    max-width: 67%;
	    padding-top: 5px;
	}
	.img_prev{
		float: left;
		width: 28%;
		margin-right: 5%;
	}
	.img_prev img, .img_next img {
		width: 100%;
	    height: auto;
	    border-radius: 50%;
	    padding: 4px;
	    border: 1px solid #EEE;
	    box-sizing: border-box;
	}
.post-next {
	float: right;
	width: 45%;
}
	.next_wrap {
	    float: right;
	    max-width: 67%;
	    text-align: right;
	    padding-top: 5px;
	}
	.img_next{
		float: right;
		width: 28%;
		margin-left: 5%;
	}
.next_wrap .next, .previous_wrap .previous {
	font-family: 'Lora', serif;
    font-style: italic;
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    display: inline-block;
    border-bottom: 1px dotted #FFF;
}
	.next_wrap .next:hover,  .previous_wrap .previous:hover {
		border-color: #DDD;
	}
#post-nav h4 a {
	font-size: 12px;
    color: #B1B1B1;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 19px;
}
	#post-nav h4 a:hover {
		color: #E4AF4B;
	}


/******Remove Pin-wrapper ******/
.pin-wrapper {
	height: 0 !important;
}