/* --- Shop button at top of post --- */
div.shop-button {
	width: 100%;
	margin-bottom: 21px;
}

div.shop-button-bottom {
	margin-bottom: 30px;
	margin-top: -7px;
}

button.gotoshop {
	background-color: #F1F0EC;
	border: 2px solid #dbd9cf;
	border-radius: 10px;
	font-size: 1em;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 2px 12px;
	display: block;
	width: 175px;
	margin-left: auto;
	margin-right: auto;
	transition-duration: .3s;
}

button.gotoshop:hover {
	background-color: #e0ded7;
	transition-duration: .3s;
}

/**************************************************************************************
********     TUMBLR SHARE     *********************************************************
***************************************/
.tumblrnotecount {
	text-align: center;
	background: #fff;
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	border: solid 1px #ccc;
	border-radius: 3px;
	margin: 0;
	width: 55px;
}

div.tumblrshare {
	display: inline-block;
	width: 55px;
	height: 60px;
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 1px;
	vertical-align: baseline;
}

div.tumblrbutton {
	padding-top: 21px;
}

img.tumblrbutton {
	width: 55px;
	height: 18px;
	background: url(https://homeli.co.uk/wp-content/uploads/2014/04/tumblrsprites.png) 0 0;
}

img.tumblrbutton:hover {
	background: url(https://homeli.co.uk/wp-content/uploads/2014/04/tumblrsprites.png) 0 -68px;
	width: 55px;
	height: 18px;
}

/***************************************
***********     SOCIAL     *************
***************************************/
div.social-share-counters {
	display: block;
	position: relative;
	margin: 21px auto 5px;
	width: 99%;
	text-align: center;
}

div.social-share-pair {
	display: inline;
}

div.social-share-pair:last-child {
	margin-left: 2px;
}

div.social-share-counters div.social-container {
	display: inline-block;
	padding: 15px;
	background-color: #F1F0EC;
	border-radius: 50%;
	border: 2px solid #dbd9cf;
	width: 100px;
	height: 100px;
	text-align: center;
	margin-right: 26px;
	vertical-align: bottom;
}

div.social-share-counters div.social-container div.facebook-button-counter,  div.social-share-counters div.social-container div.twitter-button-counter,  div.social-share-counters div.social-container div.googleplus-button-counter,  div.social-share-counters div.social-container div.tumblr-button-counter {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 64px;
}

div.social-share-counters div.social-container::after {
	display: inline-block;
	content: '';
	position: relative;
	border-top: 1px solid #dbd9cf;
	width: 35px;
	top: 12px;
	left: 65px;
}

div.social-share-counters div.social-share-pair:last-child div.social-container:last-child {
	margin-right: 0;
}

@media screen and (min-width: 600px) {
	div.social-share-counters div.social-share-pair:last-child div.social-container:last-child::after {
		visibility: hidden;
	}
}

@media screen and (max-width: 600px) {
	div.social-share-counters div.social-share-pair:first-child div.social-container:nth-child(2)::after {
		visibility: hidden;
	}
	
	div.social-share-counters div.social-share-pair div.social-container:last-child {
		margin-right: 0;
	}
	
	div.social-share-counters div.social-share-pair:first-child {
		margin-bottom: 35px;
	}
	
	div.social-share-pair {
		display: block;
		position: relative;
	}
	
	div.social-share-pair:last-child div.social-container:last-child::before {
		display: inline-block;
		content: '';
		position: relative;
		border-top: 1px solid #dbd9cf;
		width: 34px;
		top: 12px;
		right: 65px;
	}
	
	div.social-share-pair:last-child div.social-container::after {
		display: inline-block;
		content: '';
		border-left: 1px solid #dbd9cf;
		border-top: none;
		position: relative;
		left: 17px;
		top: -52px;
		width: 35px;
		height: 37px;
	}
	
	div.social-share-pair:last-child div.social-container:last-child::after {
		top: -85px;
	}
}

/* --- Fix so that Facebook like pop-out doesn't get cut off --- */
.entry-content .facebook-button-counter iframe {
	max-width: 1000%;
}

/************************************************************************************
*********     SOCIAL ICONS     ******************************************************
***************************************/
div.x-social-global a {
	opacity: .8;
}

div.x-social-global a:hover {
	opacity: 1;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}

/*--- Topbar social icons --- */
div.x-topbar-inner div.x-social-global a {
	height: 35px;
	width: 35px;
	margin-bottom: 8px;
	margin-left: 10px;
	background-size: contain;
}

@media screen and (max-width: 767px) {
	div.x-social-global a {
		opacity: 1;
	}
	
	.x-topbar .x-social-global {
		margin-bottom: 0;
	}
	
	x-topbar .x-social-global a {
		margin: 0 1.25%;
	}
}

/* --- Footer social icons --- */
.x-colophon.bottom div.x-social-global a {
	height: 65px;
	width: 65px;
	margin: 10px 10px 0;
	background-size: contain;
}

@media screen and (max-width: 600px) {
	.x-colophon.bottom div.x-social-global a {
		margin: 2%;
	}
}

div.x-social-global a.facebook {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Facebook-Icon.png');
}

div.x-social-global a.tumblr {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Tumblr-Icon.png');
}

div.x-social-global a.google-plus {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2014/06/GooglePlus-Icon.png');
}

div.x-social-global a.pinterest {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Pinterest-Icon.png');
}

div.x-social-global a.twitter {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Twitter-Icon.png');
}

div.x-social-global a.rss {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Homeli-RSS-Feed-Icon.png');
}

/***********************************************************************************
*********     NAVIGATION     *******************************************************
***************************************/
/* --- removes bottom box shadow grey --- */
.x-navbar {
	border-bottom: none;
}

.x-navbar .x-nav > li > a {
	padding-left: 21px;
	padding-right: 21px;
}

.x-navbar .x-nav > li > a > span {
	letter-spacing: 1px;
}

/* --- removes default thin grey borders from nav items --- */
.x-navbar .desktop .x-nav>li>a {
	border-left: none;
	border-right: none;
}

/* --- removes thin bottom box shadow that appear in 2.5.1 --- */
.x-navbar .x-nav > .current-menu-item > a {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/* removes thin grey border from last nav bar item --- */
.x-navbar .desktop .x-nav>li:first-child>a, .x-navbar .desktop .x-nav>li:last-child>a {
	border-left: none;
	border-right: none;
}

/*removes thin grey line below stacked logo bar (above nav bar) */
.x-logobar {
	border-bottom: none;
}

/* --- removes built in category accent bottom box shadow --- */
.x-navbar .x-nav > li > a:hover {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

/* --- Nav Bar Categories --- */
/* Design */
.x-navbar .x-nav > li.tax-item-93 > a {
	border-bottom: 4px solid #fd6921;
}

.x-navbar .x-nav > li.tax-item-93 > a:hover {
	background-color: #fd6921;
	border-bottom: 4px solid #ee4e06;
}

/* Architecture & Interiors */
.x-navbar .x-nav > li.tax-item-38 > a {
	border-bottom: 4px solid #747BFB;
}

.x-navbar .x-nav > li.tax-item-38 > a:hover {
	background-color: #747BFB;
	border-bottom: 4px solid #5960e0;
}

/* Furniture */
.x-navbar .x-nav > li.tax-item-7 > a {
	border-bottom: 4px solid #FD747A;
}

.x-navbar .x-nav > li.tax-item-7 > a:hover {
	background-color: #FD747A;
	border-bottom: 4px solid #e2595f;
}

/* Art */
.x-navbar .x-nav > li.tax-item-265 > a {
	border-bottom: 4px solid #8DE13B;
}

.x-navbar .x-nav > li.tax-item-265 > a:hover {
	background-color: #8DE13B;
	border-bottom: 4px solid #72c620;
}

/* DIY & Crafts */
.x-navbar .x-nav > li.tax-item-53 > a {
	border-bottom: 4px solid #FCC840;
}

.x-navbar .x-nav > li.tax-item-53 > a:hover {
	background-color: #FEC840;
	border-bottom: 4px solid #e3ad25;
}

/* Technology */
.x-navbar .x-nav > li.tax-item-43 > a {
	border-bottom: 4px solid #1EBCA4;
}

.x-navbar .x-nav > li.tax-item-43 > a:hover {
	background-color: #1EBCA4;
	border-bottom: 4px solid #03a189;
}

/* --- Current nav item colour fill for tab effect (+ change text colour to match and hide) --- */
.x-navbar .x-nav > li.tax-item-93.current-menu-item > a {
	background-color: #fd6921;
	color: #fd6921 !important;
}

.x-navbar .x-nav > li.tax-item-93.current-menu-item > a:hover {
	border-bottom: solid 5px #fd6921;
}

.x-navbar .x-nav > li.tax-item-38.current-menu-item > a {
	background-color: #747BFB;
	color: #747BFB !important;
}

.x-navbar .x-nav > li.tax-item-38.current-menu-item > a:hover {
	border-bottom: solid 5px #747BFB;
}

.x-navbar .x-nav > li.tax-item-7.current-menu-item > a {
	background-color: #FD747A;
	color: #FD747A !important;
}

.x-navbar .x-nav > li.tax-item-7.current-menu-item > a:hover {
	border-bottom: solid 5px #FD747A;
}

.x-navbar .x-nav > li.tax-item-265.current-menu-item > a {
	background-color: #8DE13B;
	color: #8DE13B !important;
}

.x-navbar .x-nav > li.tax-item-265.current-menu-item > a:hover {
	border-bottom: solid 5px #8DE13B;
}

.x-navbar .x-nav > li.tax-item-53.current-menu-item > a {
	background-color: #FEC840;
	color: #FEC840 !important;
}

.x-navbar .x-nav > li.tax-item-53.current-menu-item > a:hover {
	border-bottom: solid 5px #FEC840;
}

.x-navbar .x-nav > li.tax-item-43.current-menu-item > a {
	background-color: #1EBCA4;
	color: #1EBCA4 !important;
}

.x-navbar .x-nav > li.tax-item-43.current-menu-item > a:hover {
	border-bottom: solid 5px #1EBCA4;
}

/* --- Mobile nav menu drop down --- */
@media screen and (max-width: 979px) {
	.x-navbar .x-nav-wrap .x-nav li {
		width: 375px;
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.x-navbar .x-nav-wrap .x-nav li a {
		margin: 10px 0;
		color: #fff !important;
		padding: .55em .8em .3em;
		font-size: 1.75rem;
		letter-spacing: 2px;
		border-radius: 6px;
	}
	
	.x-navbar .x-nav > li.current-menu-item > a {
		text-align: right;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-93 > a {
		background-color: #fd6921;
		border-bottom: solid 4px #ee4e06;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-93 > a:hover {
		background-color: #ee4e06;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-38 > a {
		background-color: #747BFB;
		border-bottom: solid 4px #5960e0;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-38 > a:hover {
		background-color: #5960e0;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-7 > a {
		background-color: #FD747A;
		border-bottom: solid 4px #e2595f;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-7 > a:hover {
		background-color: #e2595f;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-265 > a {
		background-color: #8DE13B;
		border-bottom: solid 4px #72c620;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-265 > a:hover {
		background-color: #72c620;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-53 > a {
		background-color: #FEC840;
		border-bottom: solid 4px #e3ad25;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-53 > a:hover {
		background-color: #e3ad25;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-43 > a {
		background-color: #1EBCA4;
		border-bottom: solid 4px #03a189;
	}
	
	div.x-nav-wrap > ul.x-nav > li.tax-item-43 > a:hover {
		background-color: #03a189;
	}
	
	/* current menu item mobile nav --- */
	.x-navbar .x-nav > li.tax-item-93.current-menu-item > a {
		background-color: #ee4e06;
		color: #fff;
	}
	
	.x-navbar .x-nav > li.tax-item-93.current-menu-item > a:hover {
		border-bottom: solid 4px #ee4e06;
	}
	
	.x-navbar .x-nav > li.tax-item-38.current-menu-item > a {
		background-color: #5960e0;
		color: #fff;
	}
	
	.x-navbar .x-nav > li.tax-item-38.current-menu-item > a:hover {
		border-bottom: solid 4px #5960e0;
	}
	
	.x-navbar .x-nav > li.tax-item-7.current-menu-item > a {
		background-color: #e2595f;
		color: #fff;
	}
	
	.x-navbar .x-nav > li.tax-item-7.current-menu-item > a:hover {
		border-bottom: solid 4px #e2595f;
	}
	
	.x-navbar .x-nav > li.tax-item-265.current-menu-item > a {
		background-color: #72c620;
		color: #fff;
	}
	
	.x-navbar .x-nav > li.tax-item-265.current-menu-item > a:hover {
		border-bottom: solid 4px #72c620;
	}
	
	.x-navbar .x-nav > li.tax-item-53.current-menu-item > a {
		background-color: #e3ad25;
		color: #fff;
	}
	
	.x-navbar .x-nav > li.tax-item-53.current-menu-item > a:hover {
		border-bottom: solid 4px #e3ad25;
	}
	
	.x-navbar .x-nav > li.tax-item-43.current-menu-item > a {
		background-color: #03a189;
		color: #fff;
	}
	
	.x-navbar .x-nav > li.tax-item-43.current-menu-item > a:hover {
		border-bottom: solid 4px #03a189;
	}
}

/************************************************************************************************************
***********     CAROUSEL     ********************************************************************************
***************************************/
/* --- Stops title being limited to one line --- */
.x-post-carousel.unstyled .h-entry-cover span {
	white-space: normal;
}

/* --- Makes initial filter with title cover all --- */
.x-post-carousel.unstyled .h-entry-cover {
	top: 0;
	font-size: 1.3em;
	letter-spacing: 2px;
	line-height: 1.5em;
}

.x-post-carousel.unstyled .h-entry-cover::before {
	background-color: rgba(0,0,0,0.3);
}

.x-post-carousel.unstyled .h-entry-cover:hover::before {
	background-color: rgba(0,0,0,0.6);
}

/* --- Stops titles flying upwards --- */
.x-post-carousel.unstyled .entry-cover .h-entry-cover:hover {
	top: 50%;
}

/* --- Hides carousel item meta data --- */
.x-post-carousel-meta {
	display: none;
	visibility: hidden;
}

/* --- Vertically aligns carousel item titles --- */
.x-post-carousel.unstyled h2.h-entry-cover {
	padding: 5em 1.5em;
	top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: none !important;
}

/* --- Stops titles becoming thin when centre aligned --- */
.x-post-carousel.unstyled .entry-cover {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

/************************************************************************************************************
**********    HOME FILTER    ********************************************************************************
***************************************/
/* --- Hides filter list dropdown --- */
.option-set a.x-index-filters {
	display: none;
}

.option-set .x-index-filters-menu {
	padding-top: 5px;
}

.x-index-filters-menu.unstyled {
	display: block !important;
	padding-bottom: 10px;
}

div.homepage-filter-list {
	background-color: #f1f0ec;
}

h5.index-filter-title {
	text-align: center;
	margin: 0;
	padding-top: 10px;
	margin-bottom: 7px;
	color: #aaa;
}

.option-set .x-index-filters-menu > li::after, .option-set .x-portfolio-filters-menu > li::after {
	display: none;
}

/*---- Home Filter Category Buttons --- */
.option-set .x-index-filters-menu>li>a {
	color: #fff;
	font-size: 1.3em;
	background-color: #bebab2;
	padding: 5px 12px 4px;
	border-radius: 6px;
	margin-left: 8px;
	margin-bottom: 15px;
	display: inline-block;
	box-shadow: 0 .32em 0 0 #a8a69e;
}

@media screen and (max-width: 1600px) and (min-width: 1325px) {
	.option-set .x-index-filters-menu {
		padding: 5px 120px;
	}
}

.option-set .x-index-filters-menu>li>a:hover {
	background-color: #a8a69e;
}

.option-set .x-index-filters-menu>li>a.selected {
	color: #fff;
	background-color: #a8a69e;
}

.option-set .x-index-filters-menu>li>a:hover {
	color: #fff;
}

/*-- Category colors --*/
.option-set .x-index-filters-menu>li>a[data-category-id="93"] {
	background-color: #fd6921;
	box-shadow: 0 .32em 0 0 #ee4e06;
}

.option-set .x-index-filters-menu>li>a[data-category-id="93"]:hover {
	background-color: #ee4e06;
}

.option-set .x-index-filters-menu>li>a[data-category-id="93"].selected {
	background-color: #ee4e06;
}

.option-set .x-index-filters-menu>li>a[data-category-id="38"] {
	background-color: #747BFB;
	box-shadow: 0 .32em 0 0 #5960e0;
}

.option-set .x-index-filters-menu>li>a[data-category-id="38"]:hover {
	background-color: #5960e0;
}

.option-set .x-index-filters-menu>li>a[data-category-id="38"].selected {
	background-color: #5960e0;
}

.option-set .x-index-filters-menu>li>a[data-category-id="7"] {
	background-color: #FD747A;
	box-shadow: 0 .32em 0 0 #e2595f;
}

.option-set .x-index-filters-menu>li>a[data-category-id="7"]:hover {
	background-color: #e2595f;
}

.option-set .x-index-filters-menu>li>a[data-category-id="7"].selected {
	background-color: #e2595f;
}

.option-set .x-index-filters-menu>li>a[data-category-id="265"] {
	background-color: #8DE13B;
	box-shadow: 0 .32em 0 0 #72c620;
}

.option-set .x-index-filters-menu>li>a[data-category-id="265"]:hover {
	background-color: #72c620;
}

.option-set .x-index-filters-menu>li>a[data-category-id="265"].selected {
	background-color: #72c620;
}

.option-set .x-index-filters-menu>li>a[data-category-id="53"] {
	background-color: #FEC840;
	box-shadow: 0 .32em 0 0 #e3ad25;
}

.option-set .x-index-filters-menu>li>a[data-category-id="53"]:hover {
	background-color: #e3ad25;
}

.option-set .x-index-filters-menu>li>a[data-category-id="53"].selected {
	background-color: #e3ad25;
}

.option-set .x-index-filters-menu>li>a[data-category-id="43"] {
	background-color: #1EBCA4;
	box-shadow: 0 .32em 0 0 #03a189;
}

.option-set .x-index-filters-menu>li>a[data-category-id="43"]:hover {
	background-color: #03a189;
}

.option-set .x-index-filters-menu>li>a[data-category-id="43"].selected {
	background-color: #03a189;
}

/*- END OF HOME FILTER BUTTONS CATEGORY COLORS -*/
/* --- Responsive Category Grid --- */
@media screen and (min-width: 982px) {
	/* --- Homepage cat grid STRUCTURE --- */
	div.home-filter-show-all {
		width: 49%;
		float: left;
		margin-right: 0;
	}
	
	div.home-filter-show-all > article:nth-child(n+6) {
		display: none;
		visibility: hidden;
	}
	
	div.home-filter-show-all > a.x-btn-filterable {
		display: block;
		visibility: visible;
	}
	
	div.x-filterable-index > div.home-filter-show-all:nth-of-type(odd) {
		padding-right: 3%;
		margin-right: 4px;
		clear: both;
	}
	
	div.x-filterable-index > div.home-filter-show-all:nth-of-type(even) {
		padding-left: 3%;
		margin-left: 4px;
	}
	
	div.x-filterable-index > div.home-filter-show-all:nth-child(-n+2) {
		margin-top: .5em;
	}
	
	div.x-filterable-index > div.home-filter-show-all:nth-child(n+3) {
		margin-top: 2.5em;
	}
	
	/* --- Homepage cat grid STYLING --- */
	h2.home-cat-title {
		font-size: 2em;
		font-size: 3vw;
		margin-top: 0;
		padding: 7px 5px 4px 15px;
	}
}

@media screen and (max-width:982px) {
	/* --- Homepage cat grid STRUCTURE --- */
	div.home-filter-show-all > article:nth-child(n+5) {
		display: none;
		visibility: hidden;
	}
	
	div.home-filter-show-all > a.x-btn-filterable {
		display: block;
		visibility: visible;
	}
	
	/* --- Homepage cat grid STYLING --- */
	h2.home-cat-title {
		padding: 7px 5px 4px 15px;
	}
}

@media screen and (min-width: 1385px) {
	h2.home-cat-title {
		font-size: 4.4rem;
	}
}

/* --- Makes non-featured homepage show all posts full width (title, image, text) --- */
.blog .x-main .home-filter-show-all .hentry>.entry-featured {
	width: 100%;
	padding-bottom: 1em;
}

.blog .x-main .home-filter-show-all .hentry.has-post-thumbnail>.entry-wrap {
	float: left;
	width: 100%;
	padding-left: 0;
}

/* --- Makes featured posts on filter show all fit to grid --- */
.x-full-width-layout-active.x-content-sidebar-active a.entry-thumb.featured {
	margin-right: 0;
}

/* target category id elements 
.home-filter-show-all[data-category-id="93"] {
	color: blue;
}
*/
/* --- Helps long title words fit into featured containers without cutting off --- */
@media screen and (min-width: 979px) and (max-width: 1200px) {
	a.entry-thumb.featured.big {
		padding: 16.5% 15px;
	}
}

/* --- Helps long category titles (Architecture/Technology) to fit on one line on portrait iPhones etc --- */
@media screen and (max-width: 400px) {
	div.x-filterable-category-group[data-category-id="38"] h2.home-cat-title, div.x-filterable-category-group[data-category-id="43"] h2.home-cat-title {
		font-size: 205%;
		margin-top: 57px;
	}
}

/************************************************************************************************************
***********     GENERAL     *********************************************************************************
***************************************/
/* --- Changes content background to beige --- */
.x-container.main::before {
	background-color: #fcfbf7;
}

/* --- Changes sidebar background color --- */
.x-sidebar {
	background-color: #F1F0EC;
}

/************************************************************************************************************
**********     HOME PAGE     ********************************************************************************
***************************************/
/* --- Post excerpts --- */
.excerpt {
	-webkit-font-smoothing: antialiased;
	font-size: 1em !important;
	line-height: 1.4em;
}

/************************************************************************************************************
***********     HEADER     **********************************************************************************
***************************************/
/* --- Middle Logo Bar --- */
.x-logobar {
	background-color: #332E2E;
}

@media screen and (max-width: 980px) {
	.x-logobar-inner {
		padding-top: 25px !important;
		padding-bottom: 30px !important;
	}
}

/* --- Category / Tag / Page title headers --- */
.x-header-landmark {
	padding: 1.5em 0;
}

/************************************************************************************************************
***********     FOOTER     **********************************************************************************
***************************************/
/************************************************************************************************************
*********     SINGLE POST     *******************************************************************************
***************************************/
/* --- Post Content Width --- */
div.entry-wrap {
	max-width: 800px;
	margin-left: auto;
	margin-right: 2.25%;
}

/* --- Fix for home filter entries --- */
.x-filterable-index div.entry-wrap {
	margin-right: 0;
}

/* --- Post Title --- */
header.entry-header h1.entry-title {
	font-size: 5.7rem;
	text-align: center;
}

@media screen and (max-width: 630px) {
	header.entry-header h1.entry-title {
		font-size: 4rem;
	}
}

/* --- Post content text --- */
.entry-content {
	-webkit-font-smoothing: antialiased;
	line-height: 1.6em;
}

/* --- Post content links --- */
.entry-content > p > a {
	font-weight: 600;
}

/* --- Removes featured image from top of posts --- */
.page .entry-featured, .single .entry-featured {
	display: none;
}

/* --- Removes next/prev arrow boxes at top of post --- */
div.x-nav-articles {
	display: none;
}

/* --- Further info table --- */
div.further-info-links {
	background: #fff;
	padding: 20px;
	border: 3px solid #eaeaea;
	border-radius: 8px;
}

div.further-info-links h4 {
	margin-top: 0;
}

table.further-info {
	border: 3px solid #ddd;
	border-radius: 8px;
	border-collapse: separate;
	background-color: #FAFAF8;
	margin-bottom: 0;
}

table.further-info tr {
	border-bottom: 1px solid #666;
}

table.further-info tr:nth-child(even) {
	background-color: #F3F3F0;
}

table.further-info th {
	border-right: 1px solid #ddd;
	text-align: center;
	width: 33%;
	background-color: #FDFDFD;
	font-weight: normal;
	border-top: none;
	border-bottom: 1px solid #ddd;
}

table.further-info td {
	text-align: center;
	border-top: none;
	border-bottom: 1px solid #ddd;
}

table.further-info tr:last-child td, table.further-info tr:last-child th {
	border-bottom: none;
}

table.further-info tr:last-child td {
	border-bottom-right-radius: 8px;
}

table.further-info tr:last-child th {
	border-bottom-left-radius: 8px;
}

table.further-info tr:first-child th {
	border-top-left-radius: 8px;
}

table.further-info td ul {
	margin-left: 0;
}

table.further-info td li {
	list-style: none;
}

/* --- Tags list --- */
div.post-bottom-meta {
	clear: both;
}

div.post-bottom-meta p.tags {
	color: #999;
	font-size: .9em;
	margin-top: .5em;
	margin-bottom: .5em;
}

div.post-bottom-meta p.tags span.tagged {
	font-style: italic;
	color: #888;
}

div.post-bottom-meta p.tags a {
	color: #999;
}

div.post-bottom-meta p.tags a:hover {
	color: #555;
}

/************************************************************************************************************
********     RELATED POSTS     ******************************************************************************
**************************************/
.related-posts-grid {
	width: 100%;
}

div.related-post {
	display: block;
	float: left;
	width: 31%;
	margin-right: 3%;
	margin-bottom: 1.1em;
	text-align: center;
}

@media screen and (min-width: 631px) {
	div.related-post:nth-child(3n) {
		margin-right: 0;
	}
	
	div.related-post:nth-child(4n) {
		clear: both;
	}
}

img.crp_thumb {
	width: 100%;
	border: solid 1px #e5e5e5;
	border-radius: 15px;
	margin-bottom: 5px;
}

a.crp_title {
	position: relative;
	line-height: 1.4em;
	bottom: 0;
	left: 0;
	padding: 0;
	background: none;
}

/* --- Tablet 2 Col --- */
@media screen and (max-width: 630px) and (min-width: 381px) {
	div.related-post {
		width: 48%;
		margin-right: 3.5%;
	}
	
	div.related-post:nth-child(2n) {
		margin-right: 0;
	}
}

/* --- Phone 1 Col --- */
@media screen and (max-width: 380px) {
	div.related-post {
		max-width: 300px;
		width: 100%;
	}
	
	a.crp_title {
		display: block;
		width: 85%;
		margin: 0 auto 20px;
	}
}

/* --- Makes section seem centred on smaller devices --- */
@media screen and (max-width: 630px) {
	.related-posts-grid {
		width: 85%;
		margin-right: auto;
		margin-left: auto;
	}
}

/***************************************
**********     COMMENTS     ************
***************************************/
article.comment {
	background-color: #fcfbf7;
}

p.comment-subscription-form {
	margin-bottom: .3em;
	font-size: .8em;
}

.form-submit {
	margin-bottom: 15px;
}

#comments .x-comment-content a {
	text-decoration: underline;
	font-weight: bold;
}

/***************************************
**********     ARCHIVES     ************
***************************************/
header.x-header-landmark {
	text-align: center;
	background-color: #dbd8ce;
	border-bottom: 10px solid #d0cdc0;
}

h1.h-landmark {
	margin-left: auto;
	margin-right: auto;
	font-size: 2em;
	font-size: 5vw;
}

/* --- Makes 'Author: ' smaller in Author archive pages --- */
span.archive-detail {
	font-size: .5em;
}

/***************************************
*******     MASONRY ARCHIVES     *******
***************************************/
/* --- Moves the dots loading gif down so as not to overlap AdSense ads ---*/
#x-isotope-loading {
	top: 215px;
	background-image: url('https://homeli.co.uk/wp-content/uploads/2014/12/circle-slider-loader.gif');
	background-size: cover;
	width: 65px;
	height: 65px;
}

/* --- Stops title being limited to one line --- */
article.isotope-item .h-entry-cover span {
	white-space: normal;
}

/* --- moves title to top of entry, font styling --- */
article.isotope-item .h-entry-cover {
	top: 0 !important;
	font-size: 1.6rem;
	line-height: 1.35em;
	padding: 1em;
}

/* --- Makes grey background same width as height of title --- */
article.isotope-item .h-entry-cover::before {
	height: 100%;
}

/* --- Makes grid break to 2 col quicker, and 1 col later --- */
@media screen and (min-width: 600px) and (max-width: 1300px) {
	.x-iso-container.cols-3>.hentry {
		width: 49.95%;
	}
}

/***************************************
************     SEARCH     ************
***************************************/
/* --- Fixes post layout in search results --- */
.search .x-main .hentry.has-post-thumbnail>.entry-wrap {
	margin-right: 0;
}

/* --- moves search bar magnifying glass icon up a smidgen to centre --- */
.form-search::before, .widget_product_search form::before {
	top: 1.63em;
}

/*--- adds padding around search bar in stacked sidebar --- */
@media screen and (max-width: 979px) {
	div#search-2.widget.widget_search {
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* --- search results 'You searched for X' title --- */
h4.searchresults {
	text-transform: none;
	letter-spacing: 1px;
	margin: .25em;
	color: #aaa;
}

h4.searchresults span.query {
	font-style: italic;
}

/* --- Makes 'no results found' text full width (was affected by entry-wrap) --- */
article.post-0 .entry-wrap {
	max-width: none;
	margin-right: 0;
}

/* --- Makes 'no results found' title smaller --- */
article.post-0 .entry-wrap h1.entry-title {
	font-size: 4.25rem;
}

/***************************************
********     FEATURED POSTS     ********
***************************************/
/* --- Makes featured posts filters lighter --- */
div.x-filterable-category-group a.entry-thumb.featured::before {
	background-color: rgba(0,0,0,0.35);
}

div.x-filterable-category-group a.entry-thumb.featured:hover::before {
	background-color: rgba(0,0,0,0.6);
}

/***************************************
************     SLIDER     ************
***************************************/
/* --- Fixes Missing Slider Next/Prev Chevrons --- */
.x-icon-chevron-left:before {
	content: "\f053";
}

.x-icon-chevron-right:before {
	content: "\f054";
}

/* --- Hides Date and Category on Homepage Slider --- */
.featured-meta {
	display: none;
}

/* --- background behind slider while it loads (was pure white #fff) --- */
.x-post-slider {
	background-color: #F1F0EC;
}

/* --- Makes slider work full width on smaller screen sizes, limits and centres --- */
div.x-flexslider.x-post-slider {
	max-width: 1500px;
	margin-left: auto;
	margin-right: auto;
}

/* --- Makes slider filter light --- */
.x-post-slider-entry>a {
	background-color: rgba(0,0,0,0.25);
}

.x-post-slider-entry>a:hover {
	background-color: rgba(0,0,0,0.5);
}

/* --- Slider loading gif --- */
.slider-loading-gif {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	transition-duration: .4;
	height: 128px;
	width: 128px;
	background-image: url('https://homeli.co.uk/wp-content/uploads/2014/12/circle-slider-loader.gif');
}

/***************************************
***********     SIDEBAR     ************
***************************************/
/* adds space between stacked sidebar and content on archive / tag pages */
@media screen and (max-width: 979px) {
	.x-post-slider-archive-active .x-header-landmark+.x-container>.offset>.x-sidebar {
		margin-top: 35px;
	}
}

/* --- Centres widgets in stacked mobile sidebar --- */
@media screen and (max-width: 980px) {
	.x-sidebar.right .widget {
		text-align: center;
	}
	
	.x-sidebar.right {
		padding: 30px 0;
	}
}

.x-header-landmark+.x-container>.offset>.x-sidebar {
	margin-top: 0;
}

/***************************************
***********     ADVERTS     ************
***************************************/
/* --- Stops incontent adsense sticking out into sidebar --- */
div.adsense-incontent {
	overflow: hidden;
	position: relative;
	bottom: 15px;
/* right: 6px; */
}

div.home-advert-top {
	text-align: center;
	margin-bottom: 35px;
	padding-left: 40px;
	padding-right: 40px;
}

div.category-advert-top {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
}

div.post_footer_ad {
	position: relative;
	clear: both;
	margin-bottom: 25px;
}

div.search-results-bottom {
	margin-top: 35px;
	padding: 0 8% 20px;
}

/***************************************
*********     MISC FIXES     ***********
***************************************/
/* --- stops top border of post bottom share from jumping above non centre aligned content --- */
div.x-entry-share {
	clear: both;
}

/* --- border around white background images --- */
.white-bg-image {
	border-radius: 20px;
	border: solid 1px #dadada;
}

.white-bg-image-square {
	border: solid 1px #dadada;
}

.no-margin {
	margin: 0;
	padding: 0;
}

/***************************************
*******     CATEGORY COLOURS     *******
***************************************/
/* --- Category archive header bars --- */
header.cat-head-id-93 h1.h-landmark, header.cat-head-id-38 h1.h-landmark, header.cat-head-id-7 h1.h-landmark, header.cat-head-id-265 h1.h-landmark, header.cat-head-id-53 h1.h-landmark, header.cat-head-id-43 h1.h-landmark {
	color: #fff;
}

header.cat-head-id-93 {
	background-color: #fd6921;
	border-bottom: .65em solid #ee4e06;
}

header.cat-head-id-38 {
	background-color: #747BFB;
	border-bottom: .65em solid #5960db;
}

header.cat-head-id-7 {
	background-color: #FD747A;
	border-bottom: .65em solid #e2595f;
}

header.cat-head-id-265 {
	background-color: #8DE13B;
	border-bottom: .65em solid #72c620;
}

header.cat-head-id-53 {
	background-color: #FEC840;
	border-bottom: .65em solid #e3ad25;
}

header.cat-head-id-43 {
	background-color: #1EBCA4;
	border-bottom: .65em solid #03a189;
}

/* --- Home Filter Cat Selectors List --- 
ul.x-index-filters-menu li a[data-category-id="93"] {
	color: #333;
}

ul.x-index-filters-menu li a[data-category-id="38"] {
	color: #747BFB;
}

ul.x-index-filters-menu li a[data-category-id="7"] {
	color: #FD747A;
}

ul.x-index-filters-menu li a[data-category-id="265"] {
	color: #8DE13B;
}

ul.x-index-filters-menu li a[data-category-id="53"] {
	color: #FEC840;
}

ul.x-index-filters-menu li a[data-category-id="43"] {
	color: #1EBCA4;
} */
/* --- Home filter category titles --- */
div.x-filterable-category-group h2.home-cat-title:hover {
	color: #fff;
	-webkit-transition-duration: .6s;
	-moz-transition-duration: .6s;
	-o-transition-duration: .6s;
	transition-duration: .6s;
}

div.x-filterable-category-group[data-category-id="93"] h2.home-cat-title {
	border-bottom: 5px solid #fd6921;
}

div.x-filterable-category-group[data-category-id="93"] h2.home-cat-title:hover {
	background-color: #fd6921;
}

div.x-filterable-category-group[data-category-id="38"] h2.home-cat-title {
	border-bottom: 5px solid #747BFB;
}

div.x-filterable-category-group[data-category-id="38"] h2.home-cat-title:hover {
	background-color: #747BFB;
}

div.x-filterable-category-group[data-category-id="7"] h2.home-cat-title {
	border-bottom: 5px solid #FD747A;
}

div.x-filterable-category-group[data-category-id="7"] h2.home-cat-title:hover {
	background-color: #FD747A;
}

div.x-filterable-category-group[data-category-id="265"] h2.home-cat-title {
	border-bottom: 5px solid #8DE13B;
}

div.x-filterable-category-group[data-category-id="265"] h2.home-cat-title:hover {
	background-color: #8DE13B;
}

div.x-filterable-category-group[data-category-id="53"] h2.home-cat-title {
	border-bottom: 5px solid #FEC840;
}

div.x-filterable-category-group[data-category-id="53"] h2.home-cat-title:hover {
	background-color: #FEC840;
}

div.x-filterable-category-group[data-category-id="43"] h2.home-cat-title {
	border-bottom: 5px solid #1EBCA4;
}

div.x-filterable-category-group[data-category-id="43"] h2.home-cat-title:hover {
	background-color: #1EBCA4;
}

/* --- Border Strip between home filter post lists --- */
div.x-filterable-category-group[data-category-id="93"] article.hentry {
	border-top: 5px solid #fd6921;
}

div.x-filterable-category-group[data-category-id="38"] article.hentry {
	border-top: 5px solid #747BFB;
}

div.x-filterable-category-group[data-category-id="7"] article.hentry {
	border-top: 5px solid #FD747A;
}

div.x-filterable-category-group[data-category-id="265"] article.hentry {
	border-top: 5px solid #8DE13B;
}

div.x-filterable-category-group[data-category-id="53"] article.hentry {
	border-top: 5px solid #FEC840;
}

div.x-filterable-category-group[data-category-id="43"] article.hentry {
	border-top: 5px solid #1EBCA4;
}

/* --- Vertical Border Strips between home filter post lists --- */
@media screen and (min-width: 982px) {
	div.home-filter-show-all[data-category-id="93"] {
		border-right: 5px solid #fd6921;
	}
	
	div.home-filter-show-all[data-category-id="38"] {
		border-left: 5px solid #747BFB;
	}
	
	div.home-filter-show-all[data-category-id="7"] {
		border-right: 5px solid #FD747A;
	}
	
	div.home-filter-show-all[data-category-id="265"] {
		border-left: 5px solid #8DE13B;
	}
	
	div.home-filter-show-all[data-category-id="53"] {
		border-left: 5px solid #FEC840;
	}
	
	div.home-filter-show-all[data-category-id="43"] {
		border-right: 5px solid #1EBCA4;
	}
}

/***************************************
***********     BUTTONS     ************
***************************************/
body .x-btn, body x-btn, body .x-btn:hover, body .button, body .button:hover, body [type="submit"], body [type="submit"]:hover {
	-webkit-box-shadow: 0 .25em 0 0 #c8c5bc;
	box-shadow: 0 .35em 0 0 #c8c5bc;
	min-width: 150px;
	text-shadow: none;
	padding: .813em 1.125em .6em;
	font-size: 1.25em;
}

div.home-filter-show-all a.x-btn-filterable, div.x-filterable-category-group a.x-btn-filterable {
	color: #fff;
}

div.home-filter-show-all[data-category-id="93"] a.x-btn-filterable, div.x-filterable-category-group[data-category-id="93"] a.x-btn-filterable {
	background-color: #fd6921;
	border-color: #fd6921;
	box-shadow: 0 .35em 0 0 #ee4e06;
}

div.home-filter-show-all[data-category-id="93"] a.x-btn-filterable:hover, div.x-filterable-category-group[data-category-id="93"] a.x-btn-filterable:hover {
	background-color: #ee4e06;
	border-color: #ee4e06;
	box-shadow: 0 .35em 0 0 #ee4e06;
}

div.home-filter-show-all[data-category-id="38"] a.x-btn-filterable, div.x-filterable-category-group[data-category-id="38"] a.x-btn-filterable {
	background-color: #747BFB;
	border-color: #747BFB;
	box-shadow: 0 .35em 0 0 #5960e0;
}

div.home-filter-show-all[data-category-id="38"] a.x-btn-filterable:hover, div.x-filterable-category-group[data-category-id="38"] a.x-btn-filterable:hover {
	background-color: #5960e0;
	border-color: #5960e0;
	box-shadow: 0 .35em 0 0 #5960e0;
}

div.home-filter-show-all[data-category-id="7"] a.x-btn-filterable, div.x-filterable-category-group[data-category-id="7"] a.x-btn-filterable {
	background-color: #FD747A;
	border-color: #FD747A;
	box-shadow: 0 .35em 0 0 #e2595f;
}

div.home-filter-show-all[data-category-id="7"] a.x-btn-filterable:hover, div.x-filterable-category-group[data-category-id="7"] a.x-btn-filterable:hover {
	background-color: #e2595f;
	border-color: #e2595f;
	box-shadow: 0 .35em 0 0 #e2595f;
}

div.home-filter-show-all[data-category-id="265"] a.x-btn-filterable, div.x-filterable-category-group[data-category-id="246"] a.x-btn-filterable {
	background-color: #8DE13B;
	border-color: #8DE13B;
	box-shadow: 0 .35em 0 0 #72c620;
}

div.home-filter-show-all[data-category-id="265"] a.x-btn-filterable:hover, div.x-filterable-category-group[data-category-id="246"] a.x-btn-filterable:hover {
	background-color: #72c620;
	border-color: #72c620;
	box-shadow: 0 .35em 0 0 #72c620;
}

div.home-filter-show-all[data-category-id="53"] a.x-btn-filterable, div.x-filterable-category-group[data-category-id="53"] a.x-btn-filterable {
	background-color: #FEC840;
	border-color: #FEC840;
	box-shadow: 0 .35em 0 0 #e3ad25;
}

div.home-filter-show-all[data-category-id="53"] a.x-btn-filterable:hover, div.x-filterable-category-group[data-category-id="53"] a.x-btn-filterable:hover {
	background-color: #e3ad25;
	border-color: #e3ad25;
	box-shadow: 0 .35em 0 0 #e3ad25;
}

div.home-filter-show-all[data-category-id="43"] a.x-btn-filterable, div.x-filterable-category-group[data-category-id="43"] a.x-btn-filterable {
	background-color: #1EBCA4;
	border-color: #1EBCA4;
	box-shadow: 0 .35em 0 0 #03a189;
}

div.home-filter-show-all[data-category-id="43"] a.x-btn-filterable:hover, div.x-filterable-category-group[data-category-id="43"] a.x-btn-filterable:hover {
	background-color: #03a189;
	border-color: #03a189;
	box-shadow: 0 .35em 0 0 #03a189;
}

/***************************************
*********     AUTHOR BIO     ***********
***************************************/
.x-author-box {
	border: 3px solid #eaeaea;
	border-radius: 8px;
}

.h-about-the-author {
	color: #ddd !important;
}

.x-author-box .avatar {
	border-radius: 12px;
}

.x-author-box .h-author {
	margin-bottom: .1em;
}

.h-role {
	padding-left: 35px;
	color: #aaa;
	margin-bottom: .75em;
}

.x-author-social {
	display: inline-block;
	margin-right: .75em !important;
	width: 35px;
	height: 35px;
	background-size: contain;
	opacity: .9;
	transition: opacity .5s;
}

.x-author-social:hover {
	opacity: 1;
	transition: opacity .5s;
}

.twitter-bio {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Twitter-Icon.png');
}

.facebook-bio {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Facebook-Icon.png');
}

.googleplus-bio {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2014/06/GooglePlus-Icon.png');
}

.tumblr-bio {
	background-image: url('https://homeli.co.uk/wp-content/uploads/2013/09/Tumblr-Icon.png');
}

.x-author-box .p-author {
	color: #888;
	font-size: .9em;
}

/***** QUICK FIX FOR 3.01 MISSING SOCIAL ICONS ****/
[class^="x-social-"],[class*=" x-social-"] {
	font-family: "fontawesome";
	speak: none;
	font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
}

[class^="x-social-"]:before,[class*=" x-social-"]:before {
	speak: none;
	line-height: 1;
}

.x-social-facebook:before {
	content: "\f09a";
}

.x-social-twitter:before {
	content: "\f099";
}

.x-social-pinterest:before {
	content: "\f0d2";
}

.x-social-linkedin:before {
	content: "\f0e1";
}

.x-social-reddit:before {
	content: "\f1a1";
}

.x-social-google-plus:before {
	content: "\f0d5";
}

.x-icon-envelope:before {
	content: "\f0e0";
}