/**
 * Elegant Style Pack
 *
 * fonts: Playfair Display + Libre Baskerville
 * colors: accent #b8860b
 */

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* Former serif */
body,
button,
input,
select,
textarea,
.site-description,
body.archive .archive-description,
body.search-results .page-title span,
.menu-wrapper .main-navigation .site-header-cart ul.sub-menu {
	font-family: "Libre Baskerville", serif;
}

/* Former sans-serif */
h1,
h2,
h3,
h4,
h5,
h6,
caption,
th,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
label,
.site-title,
.comments-pagination .page-numbers,
.pagination .page-numbers,
.nav-title,
.comment-author,
.no-comments,
#infinite-handle span,
.infinite-scroll #infinite-footer .blog-info a,
.hentry div#jp-relatedposts h3.jp-relatedposts-headline,
.hentry div.sharedaddy h3.sd-title,
.widget_authors strong,
.widget_eventbrite .eb-calendar-widget .simpleTabsNavigation,
.product .onsale,
ul.products li.product .button,
ul.products li.product .added_to_cart,
.woocommerce-pagination,
.product-name,
.woocommerce-orders-table__cell-order-number a,
.woocommerce-orders-table__cell-order-actions a,
.wc-proceed-to-checkout .checkout-button,
.woocommerce-tabs ul.tabs li,
.woocommerce-Reviews .commentlist .woocommerce-review__author,
.woocommerce-Reviews .comment-reply-title,
.woocommerce-MyAccount-navigation a,
.widget_shopping_cart .button {
	font-family: "Playfair Display", serif;
}

/* Extra */
.menu-wrapper {
	font-family: "Libre Baskerville", serif;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.main-navigation li {
		margin-left: 0.375em;
		margin-right: 0.375em;
	}

	.main-navigation > div > ul > li > a {
		display: inline-block;
	}

	.main-navigation > div > ul > li:after {
		content: "\2022";
		display: inline-block;
		margin-left: 0.75em;
	}

	.rtl .main-navigation > div > ul > li:after {
		margin-left: 0;
		margin-right: 0.75em;
	}

	.main-navigation > div > ul > li:last-child:after {
		display: none;
	}
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	.site-title {
		padding-right: 0;
	}

	.rtl .site-title {
		padding-left: 0;
	}

	.site-description:before {
		content: "\2022";
		display: inline-block;
		margin: 0 0.25em;
	}
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-title,
.widgettitle {
	text-align: center;
}

/*--------------------------------------------------------------
# Hero Area
--------------------------------------------------------------*/
.hero-area {
	padding-bottom: 0;
}

.hero-area .post-thumbnail {
	margin: 1.5em 1.5em 0;
	max-width: 768px;
}

.square-area .entry-header {
	background: rgba(0, 0, 0, 0.25);
}

.hero-area img {
	display: block;
	height: auto;
	left: auto;
	max-width: 100%;
	min-height: 0;
	position: relative;
	top: auto;
}

@supports ( object-fit: cover ) {
	.hero-area img {
		-o-object-fit: inherit;
		object-fit: inherit;
	}
}

.hero-area .entry-header {
	background-image: none;
	bottom: auto;
	color: inherit;
	left: auto;
	position: relative;
	text-shadow: none;
}

body.page .hero-area .entry-header,
body.single .hero-area .entry-header {
	padding-bottom: 0;
}

@media screen and (min-width: 568px) {
	.hero-area {
		height: auto;
	}
}

@media screen and (min-width: 768px) {
	.admin-bar .hero-area,
	.hero-area {
		height: auto;
	}

	.hero-area .post-thumbnail {
		margin-left: auto;
		margin-right: auto;
	}

	.hero-area .menu-scroll-down {
		display: none;
	}
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
body.archive .page-header,
body.search-results .page-header {
	text-align: center;
}

body.archive .entry-header,
body.blog .entry-header,
body.search-results .entry-header {
	bottom: 50%;
	left: 0.75em;
	right: 0.75em;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	width: auto;
}

.post-thumbnail {
	position: relative;
}

.entry-footer > span:before,
.entry-meta a:before,
.entry-meta a:after {
	content: "\2022";
	display: inline-block;
	margin: 0 0.25em;
}

.entry-footer > span:before {
	margin-left: 0;
}

.rtl .entry-footer > span:before {
	margin-left: 0.25em;
	margin-right: 0;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
/* Post */
.post-navigation {
	border-top: 0;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.post-navigation .nav-previous + .nav-next {
	border-top: 0;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	margin-bottom: 1.5em;
}

.post-navigation .nav-links {
	margin: 0 auto;
	max-width: 624px;
}

.post-navigation .nav-links a {
	padding: 0.75em 1.5em;
}

.nav-subtitle {
	color: inherit;
}

@media screen and (min-width: 768px) {
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		margin: 0 0.75em 4.5em;
		width: 612px;
		width: calc(50% - 0.75em);
	}

	.post-navigation .nav-previous {
		margin-left: 0;
	}

	.rtl .post-navigation .nav-previous {
		margin-left: 0.75em;
		margin-right: 0;
	}

	.post-navigation .nav-previous + .nav-next {
		margin-left: 0.75em;
	}

	.rtl .post-navigation .nav-previous + .nav-next {
		margin-left: 0;
		margin-right: 0.75em;
	}

	.post-navigation .nav-next {
		margin-left: 636px;
		margin-left: calc(50% + 0.75em);
		margin-right: 0;
	}

	.rtl .post-navigation .nav-next {
		margin-left: 0;
		margin-right: 636px;
		margin-right: calc(50% + 0.75em);
	}

	.post-navigation .nav-previous:before,
	.post-navigation .nav-next:before {
		display: none;
	}

	.post-navigation .nav-links a {
		height: auto;
	}
}

/* Comments & Pagination*/
.pagination {
	border: 0;
	margin-bottom: 1.5em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding: 0;
}

.comments-pagination .nav-links,
.pagination .nav-links {
	margin: 0 auto;
	max-width: 624px;
}

.comments-pagination .page-numbers,
.pagination .page-numbers {
	border: 0;
	margin: 0;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comments-area {
	border-top: 0;
	padding-top: 0;
}

/*--------------------------------------------------------------
# Jetpack
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Infinite Scroll
--------------------------------------------------------------*/
#infinite-handle {
	text-align: center;
}

#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover {
	border: 0;
	display: inline-block;
	margin: 0 auto 1.5em;
	padding: 0.75em 1.5em;
	width: auto;
}

.layout-default #infinite-handle span button,
.layout-default #infinite-handle span button:focus,
.layout-default #infinite-handle span button:hover {
	margin-top: 1.5em;
}

.site-main .infinite-loader {
	border-top: 0;
	clear: both;
	height: 4.5em;
}

.layout-default .site-main .infinite-loader {
	height: 6em;
}

.site-main .infinite-loader .spinner {
	top: 1.5em !important;
}

.layout-default .site-main .infinite-loader .spinner {
	top: 3em !important;
}

/*--------------------------------------------------------------
## Social Navigation
--------------------------------------------------------------*/
.site-footer .jetpack-social-navigation ul {
	margin: 0 auto;
	max-width: 672px;
	max-width: calc(624px + 3em);
	padding: 1.5em;
}

.site-footer .jetpack-social-navigation li {
	border-radius: 50%;
	margin: 0 0.25em;
}

.site-footer .jetpack-social-navigation li:first-child {
	margin-left: 0;
}

.rtl .site-footer .jetpack-social-navigation li:first-child {
	margin-left: 0.25em;
	margin-right: 0;
}

.site-footer .jetpack-social-navigation a {
	background: transparent;
	font-size: 24px;
	height: 1.5em;
	line-height: 1.5;
	width: 1.5em;
}

.site-footer .jetpack-social-navigation a:focus,
.site-footer .jetpack-social-navigation a:hover {
	background: transparent;
}

.site-footer .jetpack-social-navigation .icon {
	left: auto;
	position: inherit;
	top: auto;
}

@media screen and (min-width: 768px) {
	.site-footer .jetpack-social-navigation ul {
		max-width: 100%;
	}
}

/*--------------------------------------------------------------
# WooCommerce
--------------------------------------------------------------*/
ul.products li.product .woocommerce-loop-product__header,
ul.products li.product .woocommerce-loop-category__title {
	background: rgba(0, 0, 0, 0.25);
	bottom: 50%;
	left: 0.75em;
	right: 0.75em;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
	width: auto;
}

ul.products li.product .price {
	display: inline-block;
}

ul.products li.product .price:before,
ul.products li.product .price:after {
	content: "\2022";
	display: inline-block;
	font-size: 13px;
    font-size: 0.875rem;
    line-height: 1.7142857;
    margin: 0 0.25em;
}

.single-product div.product .woocommerce-product-gallery {
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
	right: 3em;
}

@media screen and (min-width: 768px) {
	.single-product div.product .woocommerce-product-gallery {
		padding-left: 0;
		padding-right: 0;
	}
}

/*--------------------------------------------------------------
# Colour
--------------------------------------------------------------*/
.hentry.color-1 {
	background-color: #b8860b;
}

.hentry.color-2 {
	background-color: #ff7f50;
}

.hentry.color-3 {
	background-color: #778899;
}

.hentry.color-4 {
	background-color: #4682B4;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
ins,
mark,
#infinite-handle span button,
.bypostauthor > .comment-body .fn,
.comments-pagination a:hover,
.comments-pagination a:focus,
.comments-pagination .current,
.pagination a:hover,
.pagination a:focus,
.pagination .current,
.post-navigation .nav-links a,
.widget_akismet_widget .a-stats,
.widget_akismet_widget .a-stats a,
.widget_eventbrite .eb-calendar-widget .simpleTabsNavigation a:focus,
.widget_eventbrite .eb-calendar-widget .simpleTabsNavigation a:hover,
.widget_eventbrite .eb-calendar-widget .simpleTabsNavigation a.current,
.widget_eventbrite .eb-calendar-widget .simpleTabsNavigation a.current:focus,
.widget_eventbrite .eb-calendar-widget .simpleTabsNavigation a.current:hover,
.milestone-widget .milestone-header,
.widget_shopping_cart .button,
.wc-proceed-to-checkout .checkout-button,
ul.products li.product .button,
ul.products li.product .added_to_cart,
.woocommerce-info,
.demo_store,
.widget_shopping_cart .button,
.widget_price_filter .ui-slider .ui-slider-range,
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #b8860b;
}

a,
.comment-author a:hover,
.comment-author a:focus,
.entry-author .author-link a,
.infinite-scroll #infinite-footer .blog-info a:focus,
.infinite-scroll #infinite-footer .blog-info a:hover,
.menu-toggle:focus,
.menu-toggle:hover,
.page-links .page-number,
.required,
.search-form .search-submit:focus,
.search-form .search-submit:hover,
.site .wp-playlist-light .wp-playlist-playing,
.site-content .contact-form label span,
.site-footer .jetpack-social-navigation a,
.site-main .infinite-loader,
.site-title a:hover,
.site-title a:focus,
.widget-title a:hover,
.widget-title a:focus,
.widgettitle a:hover,
.widgettitle a:focus,
.widget_goodreads div[class^="gr_custom_title"] a,
.widget_goodreads div[class^="gr_custom_container"] a,
.widget-grofile .grofile-meta h4 a:hover,
.widget-grofile .grofile-meta h4 a:hover,
.widget_eventbrite .eb-calendar-widget .calendar .calendar-navigation a,
.widget_authors > ul > li > a:focus,
.widget_authors > ul > li > a:hover,
.star-rating span:before,
p.stars:hover a:before,
p.stars.selected a.active:before,
p.stars.selected a:not(.active):before,
.woocommerce-password-strength.good {
	color: #b8860b;
}

blockquote {
	border-color: #b8860b;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
.button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
	outline-color: #b8860b;
}

.product .onsale,
table.shop_table_responsive tr td.product-remove a,
ul.product_list_widget > li .remove {
	background: #ff7f50;
}

#infinite-handle span button,
#infinite-handle span button:focus,
#infinite-handle span button:hover,
.comments-pagination a:hover,
.comments-pagination a:focus,
.comments-pagination .current,
.pagination a:hover,
.pagination a:focus,
.pagination .current,
.post-navigation .nav-links a,
.post-navigation .nav-links a:focus,
.post-navigation .nav-links a:hover {
	color: #fff;
}

#infinite-handle span button:focus,
#infinite-handle span button:hover,
.post-navigation .nav-links a:focus,
.post-navigation .nav-links a:hover {
	background: #111;
}

.site-footer .jetpack-social-navigation a:hover,
.site-footer .jetpack-social-navigation a:focus {
	color: #111;
}

body.archive .page-header,
body.search-results .page-header,
.site-footer {
	background-color: #f2f2f2;
}

.main-navigation > div > ul > li:after {
	color: #6a6a6a;
}