/*
 Theme Name: GeilaJazz Audioman Child
 Theme URI: https://www.geilajazz.com/
 Description: Audioman child theme for Geila Zilkha site (white version)
 Author: Yari
 Template: audioman
 Version: 1.0.0
*/

/* ここから下にカスタムCSSを書いていく */

/* Hero */
.hero {
  padding: 80px 0;
  background: #ffffff;
}

.hero-inner {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  gap: 48px;
  align-items: center;
}

.hero-text {
  flex: 1;
}

.hero-image {
  flex: 1;
}

.hero-image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.hero-title {
  font-size: 3rem;
  margin-bottom: .5em;
}

.hero-subtitle {
  font-size: 2rem;
  margin-bottom: .5em;
}

.custom-header-content {
    top: 80% !important;
    position: fixed;
    z-index: 0;
}
.custom-logo {
    max-width: 300px !important;
}
.absolute-header .site-header {
    background-color: #fefefe !important;
}
.absolute-header .site-title a, .absolute-header .site-title a:hover, .absolute-header .site-title a:focus, .absolute-header .site-description, .absolute-header .main-navigation a, .absolute-header .menu-toggle, .absolute-header .dropdown-toggle, .absolute-header .site-header-cart .cart-contents, .absolute-header .site-header-menu .social-navigation a, .header-media .entry-title, .header-media .entry-title a, .custom-header-content .site-header-text {
    color: #fefefe;
}
.site-header-main {
    color:#846A3E !important;
    border-bottom: #785D31 2px solid;
}
.header-media .wrapper, #feature-slider-section, .sidebar .widget, .section:nth-child(odd), input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, body .wp-playlist, .playlist-content-wrapper .entry-container, #top-playlist-section .audioman-mejs-container.mejs-container, #top-playlist-section .wp-playlist-tracks {
    background-color: #f8f8f8;
}
#page, .site-content-contain, .menu-inside-wrapper, #primary-search-wrapper .search-container, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded, .audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float, .audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .woocommerce-account .woocommerce-MyAccount-navigation a {
    background-color: #fefefe;
    color: #151515;
}
@media screen and (min-width: 75em) {
  .site-header-main .wrapper {
    justify-content: center !important;
  }
  .site-branding {
    display: none;
  }
    .navigation-classic .main-navigation a {
    padding: 28px 12px;
    line-height: 2;
    }
    li.menu-item a:hover {
        text-decoration: underline;
    }
}

/* ==== Portfolio を均等 4カラム × 2段にする ==== */

/* 親テーマ側の float や width 指定より強いセレクタにして上書き */
#portfolio-content-section.layout-five .portfolio-content-wrapper {
  display: flex;
  flex-wrap: wrap;
}

/* 各アイテムを 4カラムに */
#portfolio-content-section.layout-five .portfolio-content-wrapper .jetpack-portfolio {
  width: 25%;          /* 4カラム */
  margin: 0;
  padding: 0 15px 30px;
}

/* 「1番目だけ大きい」みたいな指定を打ち消す */
#portfolio-content-section.layout-five
  .portfolio-content-wrapper
  .jetpack-portfolio:first-child {
  width: 25%;          /* 他と同じにする */
}

/* 900px 以下では 2 カラム */
@media (max-width: 900px) {
  #portfolio-content-section.layout-five .portfolio-content-wrapper .jetpack-portfolio {
    width: 50%;
  }
  .custom-header-content {
    display: none;
    }
    #portfolio-content-section.layout-five
  .portfolio-content-wrapper
  .jetpack-portfolio:first-child {
  width: 50%;          /* 他と同じにする */
}
}

/* 600px 以下では 1 カラム */
@media (max-width: 600px) {
  #portfolio-content-section.layout-five .portfolio-content-wrapper .jetpack-portfolio {
    width: 100%;
  }
  .custom-header-content {
    display: none;
    }
    #portfolio-content-section.layout-five
  .portfolio-content-wrapper
  .jetpack-portfolio:first-child {
  width: 100%;          /* 他と同じにする */
}
}

/* ===== Portfolio アーカイブ (/portfolio) レイアウト調整 ===== */

/* 一覧を2カラムのグリッドに */
.post-type-archive-jetpack-portfolio .archive-post-wrap {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 40px;
	row-gap: 40px;
}

/* もともとの横並びレイアウトを無効化しておく保険 */
.post-type-archive-jetpack-portfolio .post-wrapper {
	display: block;
	clear: none;
}

/* スマホは1カラムに落とす */
@media (max-width: 768px) {
	.post-type-archive-jetpack-portfolio .archive-post-wrap {
		grid-template-columns: 1fr;
	}
}
@media screen and (min-width: 75em) {
    .archive-post-wrap .entry-container {
        margin: 0px auto;
    }
}
@media screen and (min-width: 40em) {
    .excerpt-image-top .archive-post-wrap .entry-container {
        width: 100%;
    }
    .site-title {
        font-size: large;
    }
}
@media screen and (max-width: 39em) {
    .site-title {
        font-size: medium;
    }
    .custom-logo {
    max-width: 250px !important;
    }
    .menu-toggle {
    padding: 12px 16px;
    }
}


/**
 * 18.0 - Colors
 */

/* Background Color */
body {
	background: #fefefe;
}
h1, h2, h3 {
    color: #846A3E !important;
}

/* Page Background Color */
#page,
.site-content-contain,
.menu-inside-wrapper,
#primary-search-wrapper .search-container,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-total,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.woocommerce-account .woocommerce-MyAccount-navigation a {
	background-color: #fefefe;
}

@media screen and (min-width: 48em) {
	.site-header-cart .widget_shopping_cart {
		background-color: #fefefe;
	}
}

@media screen and (min-width: 64em) {
	.navigation-classic .main-navigation ul ul {
		background-color: #fefefe;
	}
}

/* Secondary Background Color */
.header-media .wrapper,
#feature-slider-section,
.sidebar .widget,
.section:nth-child(odd),
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
body .wp-playlist,
.playlist-content-wrapper .entry-container,
#top-playlist-section .audioman-mejs-container.mejs-container,
#top-playlist-section .wp-playlist-tracks {
	background-color: #f7f7f7;
}

@media screen and (min-width: 48em) {
	table.shop_table .cart-subtotal th,
	table.shop_table .order-total th {
		background-color: #fefefe;
	}
}

@media screen and (min-width: 64em) {
	.navigation-classic .main-navigation ul ul :hover > a,
	.navigation-classic .main-navigation ul ul .focus > a {
		background-color: #fefefe;
	}
}

/* 70% of Secondary Background Color */
.promotion-section.content-frame .entry-container-frame {
	background-color: rgba(252, 252, 252, 0.75);
}

/* Tertiary Background Color */
hr,
pre,
select,
.tagcloud a,
.author-info,
.comment-respond,
#footer-newsletter,
.entry-breadcrumbs,
.woocommerce-breadcrumb,
#primary-menu-wrapper #site-header-cart-wrapper,
#testimonial-content-section .section-content-wrapper .entry-container,
body .wp-playlist-item:hover,
body .wp-playlist-item:focus,
.audioman-mejs-container.mejs-container,
.wp-audio-shortcode.audioman-mejs-container.mejs-container .mejs-controls,
.wp-playlist,
.product-container,
.woocommerce-account .woocommerce-MyAccount-navigation a:hover,
.woocommerce-account .woocommerce-MyAccount-navigation a:focus,
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.demo_store,
p.no-comments,
ul.wc_payment_methods .payment_box,
.widget_price_filter .price_slider_wrapper .ui-widget-content {
	background-color: #fefefe;
}

.audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    border-color: #fefefe;
}

/* Main Text Color */
body,
input,
select,
textarea,
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.image-navigation,
.comment-navigation,
.wp-playlist-light .wp-playlist,
.search-submit,
#testimonial-content-section .cycle-prev,
#testimonial-content-section .cycle-next,
#footer-newsletter .ew-newsletter input[type="date"]:focus,
#footer-newsletter .ew-newsletter input[type="time"]:focus,
#footer-newsletter .ew-newsletter input[type="datetime-local"]:focus,
#footer-newsletter .ew-newsletter input[type="week"]:focus,
#footer-newsletter .ew-newsletter input[type="month"]:focus,
#footer-newsletter .ew-newsletter input[type="text"]:focus,
#footer-newsletter .ew-newsletter input[type="email"]:focus,
#footer-newsletter .ew-newsletter input[type="url"]:focus,
#footer-newsletter .ew-newsletter input[type="password"]:focus,
#footer-newsletter .ew-newsletter input[type="search"]:focus,
#footer-newsletter .ew-newsletter input[type="tel"]:focus,
#footer-newsletter .ew-newsletter input[type="number"]:focus,
#footer-newsletter .ew-newsletter textarea:focus {
	color: #151515;
}

#testimonial-content-section .cycle-pager span {
	border-color: #846A3E;
}

/* Header Text Color */
.site-title a,
.site-title a:hover,
.site-title a:focus,
.site-description,
.main-navigation a,
.menu-toggle,
.dropdown-toggle,
.site-header-cart .cart-contents,
.site-header-menu .social-navigation a {
	color: #846A3E;
}

/* Header Text Color with Header Media */
.absolute-header .site-title a,
.absolute-header .site-title a:hover,
.absolute-header .site-title a:focus,
.absolute-header .site-description,
.absolute-header .main-navigation a,
.absolute-header .menu-toggle,
.absolute-header .dropdown-toggle,
.absolute-header .site-header-cart .cart-contents,
.absolute-header .site-header-menu .social-navigation a,
.header-media .entry-title,
.header-media .entry-title a,
.custom-header-content .site-header-text {
	color: #846A3E;
}

/* Headline Text Color */
h1, h2, h3, h4, h5, h6,
#feature-slider-section .entry-title,
.section .section-title,
.section .section-title a,
.section .entry-title,
.section .entry-title a,
blockquote,
.drop-cap:first-letter,
.page-links > .page-links-title,
.comment-author,
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover {
	color: #151515;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #151515;
}

/* Link Color */
a,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
#search-toggle:hover,
#share-toggle:hover,
#search-toggle:focus,
#share-toggle:focus,
#colophon .widget-title,
.comment-permalink:hover,
.comment-permalink:focus,
#gallery-section .entry-container a:hover,
#gallery-section .entry-container a:focus,
#testimonial-content-section .entry-container,
body .wp-playlist-current-item .wp-playlist-item-meta,
body .wp-playlist .wp-playlist-playing,
body .wp-playlist .wp-playlist-playing .wp-playlist-caption,
body .wp-playlist-item:hover,
body .wp-playlist-item:focus,
body .wp-playlist-item:hover .wp-playlist-item-artist,
body .wp-playlist-item:focus .wp-playlist-item-artist,
body .wp-playlist-item:hover .wp-playlist-caption,
body .wp-playlist-item:focus .wp-playlist-caption,
.audioman-mejs-container.mejs-container button,
#top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-time,
table.shop_table_responsive tr td a,
.product-container a.added_to_cart,
.single-product .product_meta a,
.woocommerce-info a,
.variations .reset_variations,
.star-rating span:before,
p.stars:hover a:before,
p.stars.selected a.active:before,
p.stars.selected a:not(.active):before,
.woocommerce-tabs ul.tabs li.active a,
.woocommerce .product-container .button,
.single-product div.product .woocommerce-product-rating .woocommerce-review-link,
span.price ins,
p.price ins {
	color: #846A3E;
}

/* Link Hover Color */
a:focus,
a:hover,
#feature-slider-section .entry-title a:hover,
#feature-slider-section .entry-title a:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.search-submit:hover,
.search-submit:focus,
.entry-meta a:hover,
.entry-meta a:focus,
.site-info a:hover,
.site-info a:focus,
#search-toggle,
#share-toggle,
.main-navigation ul:hover > a
.main-navigation ul:hover > a,
.main-navigation ul.focus > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.site-header-cart .cart-contents:hover,
.site-header-cart .cart-contents:focus,
.site-header-menu .social-navigation a:hover,
.site-header-menu .social-navigation a:focus,
.absolute-header .site-header-menu .social-navigation a:hover,
.absolute-header .site-header-menu .social-navigation a:focus,
.absolute-header .menu-toggle:hover,
.absolute-header .menu-toggle:focus,
.absolute-header .site-header-cart .cart-contents:hover,
.absolute-header .site-header-cart .cart-contents:focus,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.navigation-classic.absolute-header .main-navigation ul ul :hover > a,
.navigation-classic.absolute-header .main-navigation ul ul .focus > a,
.post-navigation a:hover .nav-title,
.post-navigation a:focus .nav-title,
.section .section-title a:hover,
.section .section-title a:focus,
.section .entry-title a:hover,
.section .entry-title a:focus,
#testimonial-content-section .cycle-prev:hover,
#testimonial-content-section .cycle-prev:focus,
#testimonial-content-section .cycle-next:hover,
#testimonial-content-section .cycle-next:focus,
#events-section.has-background-image .entry-meta a:hover,
#events-section.has-background-image .entry-meta a:hover,
#events-section.has-background-image .entry-meta a:focus,
#events-section.has-background-image .entry-meta a:focus,
#events-section.has-foreground-image .entry-meta a:hover,
#events-section.has-foreground-image .entry-meta a:hover,
#events-section.has-foreground-image .entry-meta a:focus,
#events-section.has-foreground-image .entry-meta a:focus,
#events-section.has-background-image .entry-title a:hover,
#events-section.has-background-image .entry-title a:hover,
#events-section.has-background-image .entry-title a:focus,
#events-section.has-background-image .entry-title a:focus,
#events-section.has-foreground-image .entry-title a:hover,
#events-section.has-foreground-image .entry-title a:hover,
#events-section.has-foreground-image .entry-title a:focus,
#events-section.has-foreground-image .entry-title a:focus,
#portfolio-content-section .entry-title a:hover,
#portfolio-content-section .entry-title a:focus,
#portfolio-content-section .hentry-inner:hover .entry-title,
#portfolio-content-section .hentry-inner:hover .entry-title a,
.team-content-wrapper .hentry-inner:hover .entry-title a,
.team-content-wrapper .hentry-inner:focus .entry-title a,
.audioman-mejs-container.mejs-container button:hover,
.audioman-mejs-container.mejs-container button:focus,
#top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover,
#top-playlist-section .audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus,
table.shop_table_responsive tr td a:hover,
table.shop_table_responsive tr td a:focus,
.product-container a.added_to_cart:hover,
.product-container a.added_to_cart:focus,
.single-product .product_meta a:hover,
.single-product .product_meta a:focus,
.single-product div.product .woocommerce-product-rating .woocommerce-review-link:hover,
.single-product div.product .woocommerce-product-rating .woocommerce-review-link:focus,
.woocommerce-info a:hover,
.woocommerce-info a:focus,
.woocommerce-tabs ul.tabs li a:hover,
.woocommerce-tabs ul.tabs li a:focus,
.variations .reset_variations:hover,
.variations .reset_variations:focus {
	color: #151515;
}

mark,
ins,
.page-links a,
#testimonial-content-section .cycle-pager span.cycle-pager-active,
.widget_price_filter .ui-slider .ui-slider-handle,
.widget_price_filter .ui-slider .ui-slider-range,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-current,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-volume-button .mejs-volume-handle,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background-color: #151515;
}

.widget .social-links-menu a:hover,
.widget .social-links-menu a:focus,
blockquote,
.woocommerce-info,
.woocommerce-message,
.more-link .readmore,
.woocommerce .product-container .button,
#testimonial-content-section .entry-header:before,
#testimonial-content-section .cycle-pager span.cycle-pager-active {
	border-color: #846A3E;
}

@media screen and (min-width: 75em) {
	.absolute-header.navigation-classic .site-header-menu .social-navigation a:hover,
	.absolute-header.navigation-classic .site-header-menu .social-navigation a:focus {
		color: #151515;
	}

	.navigation-classic .main-navigation ul :hover > a,
	.navigation-classic .main-navigation ul .focus > a {
		color: #151515;
	}
}

/* Secondary Link Color */
body .wp-playlist,
body .wp-playlist .wp-playlist-caption,
.site-info,
.site-info a,
.entry-meta a,
.post-password-form label,
.comment-form label,
.comment-permalink,
.widget_categories li,
.widget_archive li,
.post-navigation .nav-subtitle,
#testimonial-content-section .entry-meta,
.woocommerce-tabs ul.tabs li a,
.woocommerce-pagination ul li a,
p.stars a:before,
p.stars a:hover ~ a:before,
p.stars.selected a.active ~ a:before {
	color: #888;
}

/* Border Color */
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
.widget .social-links-menu a,
.image-navigation,
.comment-navigation,
.comments-area,
.comment-list article,
.comment-list .pingback,
.comment-list .trackback,
.no-comments,
table,
caption,
th,
td,
#feature-slider-section .cycle-pager span,
.site-content,
.archive-post-wrap .post-wrapper,
.widget_archive ul ul li,
.woocommerce-shorting-wrapper,
.woocommerce-tabs .panel,
.woocommerce-tabs ul.tabs:after,
.woocommerce-tabs ul.tabs li.active,
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation li {
	border-color: #fefefe;
}

/* Button Text Color */
.more-link .readmore:hover,
.more-link .readmore:focus,
#events-section.has-foreground-image .more-link .readmore,
#events-section.has-background-image .more-link .readmore,
#events-section.has-foreground-image .more-link .readmore:hover,
#events-section.has-foreground-image .more-link .readmore:focus,
#events-section.has-background-image .more-link .readmore:hover,
#events-section.has-background-image .more-link .readmore:focus,
.pagination .page-numbers.current,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus,
.posts-navigation a,
.page-links a,
.page-links a:hover,
.page-links a:focus,
.header-media .more-link .readmore,
#feature-slider-section .more-link .readmore,
#hero-section .more-link .readmore,
.promotion-section .more-link .readmore,
#content #infinite-handle span button,
#scrollup:hover,
#scrollup:focus,
.widget-area .catch-instagram-feed-gallery-widget-wrapper .button,
button,
button[disabled]:hover,
button[disabled]:focus,
.button,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.posts-navigation a:hover,
.posts-navigation a:focus,
.header-media .more-link .readmore:hover,
.header-media .more-link .readmore:focus,
#feature-slider-section .more-link .readmore:hover,
#feature-slider-section .more-link .readmore:focus,
#hero-section .more-link .readmore:hover,
#hero-section .more-link .readmore:focus,
.promotion-section .more-link .readmore:hover,
.promotion-section .more-link .readmore:focus,
#content #infinite-handle span button:hover,
#content #infinite-handle span button:focus,
#scrollup,
.widget-area .catch-instagram-feed-gallery-widget-wrapper .button:hover,
.widget-area .catch-instagram-feed-gallery-widget-wrapper .button:focus,
.widget_calendar tbody a,
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus,
#gallery-section .gallery-item .gallery-icon a:after,
#gallery-section .tiled-gallery .tiled-gallery-item a:after,
table.shop_table_responsive tr td.product-remove a,
table.shop_table_responsive tr td.product-remove a:hover,
table.shop_table_responsive tr td.product-remove a:focus,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce .product-container .wc-forward,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce .product-container .added,
.woocommerce .product-container .wc-forward:hover,
.woocommerce .product-container .wc-forward:focus,
.woocommerce .product-container .button.added,
.demo_store .woocommerce-store-notice__dismiss-link,
.demo_store .woocommerce-store-notice__dismiss-link:hover,
.demo_store .woocommerce-store-notice__dismiss-link:focus,
#gallery-section .entry-footer .edit-link a,
#gallery-section .entry-footer .edit-link a:hover,
#gallery-section .entry-footer .edit-link a:focus {
	color: #151515;
}/* Button Text Color & Button Hover Text Color is same */


/* Button Background Color */
.sticky-post,
.more-link .readmore:hover,
.more-link .readmore:focus,
.header-media .more-link .readmore,
#feature-slider-section .more-link .readmore,
#hero-section .more-link .readmore,
.promotion-section .more-link .readmore,
.posts-navigation a,
#content #infinite-handle span button,
#scrollup,
.widget-area .catch-instagram-feed-gallery-widget-wrapper .button,
.button,
button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus,
#feature-slider-section .cycle-prev:hover,
#feature-slider-section .cycle-prev:focus,
#feature-slider-section .cycle-next:hover,
#feature-slider-section .cycle-next:focus,
#feature-slider-section .cycle-pager span:hover,
#feature-slider-section .cycle-pager span:focus,
#feature-slider-section .cycle-pager .cycle-pager-active,
.widget_calendar tbody a,
#gallery-section .gallery-item .gallery-icon a:after,
#gallery-section .tiled-gallery .tiled-gallery-item a:after,
.pagination .page-numbers.current,
.woocommerce-pagination ul li span.current,
.woocommerce-pagination ul li a:hover,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce .product-container .wc-forward,
.demo_store .woocommerce-store-notice__dismiss-link,
.woocommerce ul.products li.product .onsale,
.woocommerce span.onsale,
table.shop_table_responsive tr td.product-remove a,
#gallery-section .entry-footer .edit-link a,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button {
	background-image: linear-gradient(-180deg, #846A3E 0%, #785D31 100%) !important;
    color: #fefefe !important;
}

/* Button Hover Background Color */
button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.page-links a:hover,
.page-links a:focus,
.posts-navigation a:hover,
.posts-navigation a:focus,
.header-media .more-link .readmore:hover,
.header-media .more-link .readmore:focus,
#feature-slider-section .more-link .readmore:hover,
#feature-slider-section .more-link .readmore:focus,
#hero-section .more-link .readmore:hover,
#hero-section .more-link .readmore:focus,
.promotion-section .more-link .readmore:hover,
.promotion-section .more-link .readmore:focus,
#content #infinite-handle span button:hover,
#content #infinite-handle span button:focus,
#scrollup:hover,
#scrollup:focus,
.widget-area .catch-instagram-feed-gallery-widget-wrapper .button:hover,
.widget-area .catch-instagram-feed-gallery-widget-wrapper .button:focus,
.custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause,
.custom-header-media .wp-custom-header-video-button:hover,
.custom-header-media .wp-custom-header-video-button:focus,
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button:hover,
.woocommerce input.button:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce .product-container .added,
.woocommerce .product-container .wc-forward:hover,
.woocommerce .product-container .wc-forward:focus,
.demo_store .woocommerce-store-notice__dismiss-link:hover,
.demo_store .woocommerce-store-notice__dismiss-link:focus,
#gallery-section .entry-footer .edit-link a:hover,
#gallery-section .entry-footer .edit-link a:focus,
table.shop_table_responsive tr td.product-remove a:hover,
table.shop_table_responsive tr td.product-remove a:focus,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:hover,
.audioman-mejs-container.mejs-container .mejs-controls .mejs-playpause-button.mejs-button button:focus {
	background-image: linear-gradient(-360deg, #846A3E 0%, #785D31 100%) !important;
}

/* Tertiary Link Color */
.custom-header-content .entry-meta a,
.custom-header-content .entry-meta .icon,
.custom-header-media .wp-custom-header-video-button.wp-custom-header-video-pause,
.custom-header-media .wp-custom-header-video-button:hover,
.custom-header-media .wp-custom-header-video-button:focus,
#feature-slider-section .cycle-prev,
#feature-slider-section .cycle-next,
#feature-slider-section .cycle-pager span,
#feature-slider-section .entry-summary,
#feature-slider-section .entry-summary a,
#feature-slider-section .entry-content,
#feature-slider-section .entry-content a,
#promotion-section .play-button-text,
.sticky-post,
mark,
ins {
	color: #151515;
}

#footer-newsletter .ewnewsletter .ew-newsletter-wrap .ew-newsletter-subbox,
#feature-slider-section .cycle-pager span {
	background-color: #151515;
}

#feature-slider-section .cycle-prev,
#feature-slider-section .cycle-next {
	border-color: #151515;
}

/* Text color with background image */
#feature-slider-section .entry-title a,
#events-section.has-background-image .section-title,
#events-section.has-background-image .section-title a,
#events-section.has-foreground-image .section-title,
#events-section.has-foreground-image .section-title a,
#events-section.has-background-image .entry-title,
#events-section.has-background-image .entry-title a,
#events-section.has-foreground-image .entry-title,
#events-section.has-foreground-image .entry-title a,
#events-section.has-background-image .entry-meta a,
#events-section.has-foreground-image .entry-meta a,
.has-background-image.ewnewsletter .widget-inner-wrap .section-title,
.promotion-section.content-color-white .entry-title,
.promotion-section.content-color-white .entry-title a,
.promotion-section.content-color-white .entry-container,
.promotion-section.content-color-white .entry-container a:not(.button),
#portfolio-content-section .entry-title,
#portfolio-content-section .entry-title a,
#portfolio-content-section .entry-content,
#portfolio-content-section .entry-summary {
	color: #151515;
}

/* Playlist Dark */
body .wp-playlist.wp-playlist-dark,
#top-playlist-section .wp-playlist-dark .wp-playlist-tracks {
	background-color: #151515;
}

#top-playlist-section .wp-playlist-dark,
.wp-playlist-dark .mejs-container,
.wp-playlist-dark .wp-playlist-current-item,
.wp-playlist-dark .mejs-container .mejs-controls,
body .wp-playlist-dark .wp-playlist-item:hover,
body .wp-playlist-dark .wp-playlist-item:focus {
	background-color: #151515;
}

body .wp-playlist.wp-playlist-dark .wp-playlist-playing,
body .wp-playlist.wp-playlist-dark .wp-playlist-playing .wp-playlist-caption,
body .wp-playlist-dark .wp-playlist-item:hover .wp-playlist-caption,
body .wp-playlist-dark .wp-playlist-item:focus .wp-playlist-caption,
body .wp-playlist-dark .wp-playlist-item:hover .wp-playlist-item-artist,
body .wp-playlist-dark .wp-playlist-item:focus .wp-playlist-item-artist,
body .wp-playlist-dark .wp-playlist-item:hover,
body .wp-playlist-dark .wp-playlist-item:focus {
	color: #151515;
}

.wp-playlist-dark .audioman-mejs-container.mejs-container .mejs-controls .mejs-time {
	color: #151515;
}

body .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-meta {
	color: #151515;
}

.widget .social-links-menu a:hover:before {
  -webkit-animation: toBottomFromTop 0.3s forwards;
  -moz-animation: toBottomFromTop 0.3s forwards;
  animation: toBottomFromTop 0.3s forwards;
}

@-webkit-keyframes toBottomFromTop {
	49% {
		-webkit-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

@-moz-keyframes toBottomFromTop {
	49% {
		-moz-transform: translateY(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}