/*

Theme Name: Emily Fermor Jewellery -  Child Theme
Theme URI: http://www.aardvarky.com
Author: Aardvarky
Author URI: http://www.aardvarky.com
Description: Custom Child Theme for Emily Fermor Jewellery
Version: 1.0.0
Template: x

*/
#wrap {
	z-index: 99 !important;
}
a:focus {
	outline: 0px !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	text-transform: lowercase;
}
.masthead-stacked .x-brand {
    float: left;
}

/*.woocommerce-page div.product .images {
	overflow: visible !important;
}*/
.woocommerce div.product .images {
	overflow: visible !important;
}
.woocommerce div.product .images, .woocommerce-page div.product .images {
    width: 35% !important;
}
.x-breadcrumbs {
    text-transform: lowercase;
}

.x-navbar .desktop .x-nav > li > a > span {
	border: none;
    border-bottom: 1px solid transparent;
    padding: 0.875em 0.75em;
	padding-right: calc(0.75em - 0.085em) !important;
    border-radius: 0.1em;
}

/*.x-navbar .desktop .x-nav li > a > span::after {
    content: "\f078";
}*/

.x-nav-wrap.desktop {
	display: flex;
	height: 100% !important;
	min-height: 100px;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
}
.x-navbar .desktop .x-nav > li.x-menu-item-woocommerce {
	float: right;
}

.x-navbar-inner {
    background: #f5f5f5;
	border-top: solid 2px #e0a701;
}

.x-navbar > .x-navbar-inner > .x-container.max.width > a.x-brand.img {
	margin: 12px 0;
}

.x-navbar .desktop .x-nav > li > a {
	height: 55px;
    padding-top: 30px !important;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.x-navbar .desktop .x-nav > li > a:hover > span {
    border-color: rgba(224, 167, 1, 1);
	border-width: medium medium 2px;
}
.x-topbar .x-social-global a {
    width: 32px;
    height: 36px;
    font-size: 30px;
    line-height: 36px;
    text-align: center;
}
.x-navbar .desktop .x-nav > li > a, .x-navbar .desktop .sub-menu a, .x-navbar .mobile .x-nav li a {
	/*font-family: "Lato","Helvetica Neue",Helvetica,sans-serif;*/
	font-size: 12px;
	text-transform: lowercase;
	letter-spacing: 1.75px;
}
.x-navbar-static-active .x-navbar .desktop .x-nav > li > a > span, .x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li > a > span {
	letter-spacing: 1.75px;
}

.entry-title {
	letter-spacing: 1.75px;
	text-transform: lowercase;
}

.product-category, .product-category h3 {
	text-align: center;
	letter-spacing: 1.75px;
	text-transform: lowercase;
}
.count {
	display: none;
}

.x-topbar .p-info {
    float: left;
    margin: 4px 0px 0px;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.2;
    text-transform: uppercase;
}
/***** Buttton Styling 
.x-btn, .button, [type="submit"], .x-btn:hover, .button:hover, [type="submit"]:hover {
	text-shadow: none !important;
	box-shadow: none !important;
} */

/***** Gallery Page Image Styling *****/
.ef_gallery-images {
	margin: 5px 0 0 0;
}
.ef-gallery-images > li > a > img {
	height: 220px;
}
.x-section .ef-gallery-images.two-up > li {
	margin-right: 1%;
    width: 49% !important;
	margin: 1% 1% 0 0 !important;
	height: 250px;
	overflow-y: hidden;
}
.x-section .ef-gallery-images.two-up > li > a > img {
	height: auto;
}
.x-section .ef-gallery-images.three-up > li {
	margin-right: 1%;
    width: 32% ;
}
.x-section .ef-gallery-images.four-up > li {
	margin-right: 1%;
    width: 24% ;
}
.ef-portfolio {
	padding: 0 !important;
}
.emjewels-share:hover {
	background: none !important;
}
@media only screen and (min-width: 979px) {
	.x-navbar-static-active .x-navbar .desktop .x-nav > li.x-menu-item-woocommerce > a {
		padding-top: 20px !important;
	}
}
@media only screen and (max-width: 978px) {
	.x-nav-wrap.desktop {
		display: none;
	}
}

@media only screen and (min-width: 979px) and (max-width: 1100px) {
	.x-navbar-static-active .x-navbar .desktop .x-nav > li > a > span, .x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li > a > span {
		letter-spacing: 1px;
	}
	.x-navbar .desktop .x-nav > li > a > span {
		border: none;
		border-bottom: 1px solid transparent;
		padding: 0.875em 0.4em;
		padding-right: calc(0.4em - 0.085em) !important;
		border-radius: 0.1em;
	}
}