/*
Theme Name: CoffeeCircus
Theme URI: https://coffeecircus.eu
Author: Punkcakes
Author URI: http://www.punkcakes.com
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap');

* {box-sizing: border-box;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: top; outline: none; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
button, input, select, textarea { margin: 0; font-family: inherit; font-size: inherit; }
button::-moz-focus-inner { border: 0; padding: 0; }
input[type="radio"], input[type="checkbox"], input[type="submit"] { width: auto; }
input[type="text"].small-text { width: auto; }

body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-smooth: always;
  -webkit-font-smoothing: subpixel-antialiased;
  position: relative;
  font-size: 14px; 
  line-height: 26px; 
  color: #666;
}
html { overflow-x: hidden; }
html, body { min-height: 100%; min-width: 360px; }

/* Common */
p, ul, ol { margin-bottom: 25px; }
ul, ol { margin: 25px 0 25px 40px; }
i, oblique { font-style: italic; }
b, strong { font-weight: bold; }
i, em { font-style: italic; }
sup { font-size: 11px; position: relative; top: -4px; left: 1px; }
sub { font-size: 11px; position: relative; bottom: -4px; left: 1px; }

table { width: 100%; margin-bottom: 25px; border-collapse: collapse; overflow: scroll; }
table th, table td { padding: 5px 10px; border: 1px solid #ddd; text-align: left; vertical-align: middle; }
table th { color: #c7a17a; }
@media only screen and (max-width: 640px) { table th, table td { padding: 3px; } }

h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', Helvetica, Arial, sans-serif; color: #30271c; font-weight: 700; margin: 25px 0; text-transform: uppercase; }
h1 { font-size: 60px; line-height: 1.11667em; }
div h1:first-child { margin-top: 40px; }
h2 { font-size: 35px; line-height: 1.14286em; }
h3 { font-size: 22px; letter-spacing: .5px; line-height: 1.22727em; }
h4 { font-size: 19px; line-height: 1.31579em; }
h5 { font-size: 14px; line-height: 1.28571em; }
h2 mark { background: #eee; font-size: 0.7em; }
a, a:active { text-decoration: none; color: #c7a17a; }
a:hover { color: #B89571; }
blockquote {
  quotes: none;
  position: relative;
  display: table;
  padding: 9px 0 9px 33px;
  border-left: 3px solid #c7a17a;
  width: 65%;
  margin-bottom: 25px;
}
blockquote p {
  display: table-cell;
  font-style: italic;
  font-family: Merriweather, serif;
  text-transform: none;
  font-size: 20px;
  line-height: 33px;
  color: #30271c;
}

form p { margin-bottom: 25px; }
input, textarea, select {
  box-sizing: border-box;
  width: 100%;
  padding: 11px 20px;
  font-size: 14px;
  line-height: 28px;
  color: #666;
  background: none;
  border: 1px solid #ddd;
  outline: none;
}
input::placeholder { color: #B89571; }
textarea { height: 150px; }
.woo-checkout-text-browser a,
.button, input[type="submit"], .button:focus {
  display: inline-block;
  padding: 15px 35px;
  text-align: center;
  background: #c7a17a !important;
  border: none;
  color: #fff;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  letter-spacing: 1.7px;
  font-size: 14px;
  line-height: 1.7em;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  outline: none;
  text-decoration: none;
  margin: 25px 0;
  border-radius: 0 !important;
}
.woo-checkout-text-browser a:hover,
.button:hover, input[type="submit"]:hover { background: #30271C !important; color: #fff !important; }
@media only screen and (max-width: 360px) { 
  .button, input[type="submit"], .button:focus { padding: 10px 20px; }
}

.required, .wpcf7-not-valid-tip, .wpcf7-validation-errors { color: #ee0000; }
.wpcf7-not-valid-tip, .wpcf7-validation-errors { font-size: 12px !important; margin-left: 20px; }
.wpcf7 .wpcf7-response-output { border: none !important; font-size: 12px; line-height: 18px; }
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { color: #ee0000 !important; }
.wpcf7 form.sent .wpcf7-response-output { color: #00CF1E !important; }
.wpcf7-list-item { display: block; }
input.material-icons {
  background: none;
  border: none;
  font-size: 22px;
  line-height: 28px;
  vertical-align: middle;
  padding: 0;
  color: #000;
  text-transform: none;
}
.wp-post-image,
.gallery { margin-bottom: 25px; }
.gallery .gallery-item { padding: 0 20px 10px 20px !important; }
.gallery img { width: 100%; height: 100%; border: none !important; }

.clearfloat { clear: both; }
.wrap { margin: 0 auto; max-width: 1300px; padding: 20px; position: relative; }
.wrap::after { content: " "; display: table; clear: both; }
.wrap .wp-caption, .wrap img { max-width: 100%; height: auto; }
.wrap .alignright { float: right; margin-left: 30px; margin-bottom: 20px; }
.wrap .alignleft { float: left; margin-right: 30px; margin-bottom: 20px; }
.green { color: #007010; }
.red, .error, .woocommerce-error { color: #ee0000; }
.center { text-align: center; }

.col2-set > div, .columns-2 > div, .columns-2 > li { display: block; float: left; width: 48%; margin: 0 4% 4% 0; }
.col2-set > div:nth-child(even), .columns-2 > div:nth-child(even), .columns-2 > li:nth-child(even) { margin-right: 0; }
.columns-3 > div, .columns-3 > li { display: block; float: left; width: 31%; margin: 0 3.5% 2% 0; }
.columns-3 > div:nth-child(3n), .columns-3 > li:nth-child(3n) { margin-right: 0; }
.columns-4 > div, .columns-4 > li { display: block; float: left; width: 22.75%; margin: 0 3% 2% 0; }
.columns-4 > div:nth-child(4n), .columns-4 > li:nth-child(4n) { margin-right: 0; }
.columns-5 > div, .columns-5 > li { display: block; float: left; width: 18%; margin: 0 2.5% 2% 0; }
.columns-5 > div:nth-child(5n), .columns-5 > li:nth-child(5n) { margin-right: 0; }
.columns-6 > div, .columns-6 > li { display: block; float: left; width: 15%; margin: 0 2% 2% 0; }
.columns-6 > div:nth-child(6n), .columns-6 > li:nth-child(6n) { margin-right: 0; }
.columns-2 > div:nth-child(2n+1), .columns-2 > li:nth-child(2n+1),
.columns-3 > div:nth-child(3n+1), .columns-3 > li:nth-child(3n+1),
.columns-4 > div:nth-child(4n+1), .columns-4 > li:nth-child(4n+1),
.columns-5 > div:nth-child(5n+1), .columns-5 > li:nth-child(5n+1),
.columns-6 > div:nth-child(6n+1), .columns-6 > li:nth-child(6n+1) { clear: both; }
.col2-set::after, .columns-2::after,
.columns-3::after,
.columns-4::after,
.columns-5::after,
.columns-6::after { content: " "; display: table; clear: both; }
.columns-2 .woocommerce-notices-wrapper, .columns-3 .woocommerce-notices-wrapper, .columns-4 .woocommerce-notices-wrapper,
.columns-5 .woocommerce-notices-wrapper, .columns-6 .woocommerce-notices-wrapper { width: 100%; margin-bottom: 25px; }
@media only screen and (max-width: 960px) {
  .columns-4 > div, .columns-4 > li { width: 48%; margin: 0 4% 4% 0; }
  .columns-4 > div:nth-child(4n), .columns-4 > li:nth-child(4n) { margin-right: 4%; }
  .columns-5 > div, .columns-5 > li { width: 31%; margin: 0 3.5% 2% 0; }
  .columns-5 > div:nth-child(5n), .columns-5 > li:nth-child(5n) { margin-right: 3.5%; }
  .columns-6 > div, .columns-6 > li { width: 31%; margin: 0 3.5% 2% 0; }
  .columns-6 > div:nth-child(6n), .columns-6 > li:nth-child(6n) { margin-right: 3.5%; }
  .columns-4 > div:nth-child(even), .columns-4 > li:nth-child(even),
  .columns-5 > div:nth-child(3n), .columns-5 > li:nth-child(3n),
  .columns-6 > div:nth-child(3n), .columns-6 > li:nth-child(3n) { margin-right: 0; }
  .columns-4 > div:nth-child(4n+1), .columns-4 > li:nth-child(4n+1),
  .columns-5 > div:nth-child(5n+1), .columns-5 > li:nth-child(5n+1),
  .columns-6 > div:nth-child(6n+1), .columns-6 > li:nth-child(6n+1) { clear: none; }
  .columns-4 > div:nth-child(2n+1), .columns-4 > li:nth-child(2n+1),
  .columns-5 > div:nth-child(3n+1), .columns-5 > li:nth-child(3n+1),
  .columns-6 > div:nth-child(3n+1), .columns-6 > li:nth-child(3n+1) { clear: both; }
}
@media only screen and (max-width: 460px) {
  .columns-3 > div, .columns-3 > li,
  .columns-5 > div, .columns-5 > li,
  .columns-6 > div, .columns-6 > li { width: 100%; margin-right: 0; }
}
@media only screen and (max-width: 360px) {
  .col2-set > div, .columns-2 > div, .columns-2 > li,
  .columns-4 > div, .columns-4 > li { width: 100%; margin-right: 0; }
}

.column-left { text-align: left; }
.column-center { text-align: center; }
.column-right { text-align: right; }


/* Main */
#main { padding-top: 60px; position: relative; z-index: 50; background: #fff; margin-bottom: 560px; }
#top-banner {
  width: 100%; 
  height: 350px; 
  overflow: hidden;
  background-color: #000;
  background-position: center; 
  background-image: url(pics/banner.jpg); 
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: table;
  margin-bottom: 50px;
}
#top-banner::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  position: absolute;
  top: 0;
  z-index: 0;
}
#top-banner.top-banner-single { background-image: url(pics/sevenbeans.jpg); }
#top-banner h1 {
  width: 100%;
  height: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  position: relative;
  z-index: 1;
}
#content { width: 72%; float: left; }
#content:first-child { margin-top: 25px; }
#sidebar { width: 25%; float: right; }
#sidebar .widget { margin-bottom: 40px; }
#main-bottom { width: 100%; height: 90px; background: #eae7de; }
.excerpt p, .excerpt ul { margin: 0 0 10px 0; }
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  margin-bottom: 25px;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#full-fullwidth { padding: 40px; }

.woocommerce-info,
.woocommerce-message { border-left: 3px solid #c7a17a; font-family: Merriweather, serif; font-style: italic; padding: 15px; margin-bottom: 40px; background: #FAF7ED; }
.woocommerce-message .button { margin: -7px 0 0 0; float: right; padding: 10px 25px; font-size: 12px; }

@media only screen and (max-width: 800px) {
  #content, #sidebar { width: 100% }
  #top-banner { margin-bottom: 0; }
}
@media only screen and (max-width: 360px) {
  #top-banner { height: 300px; }
}


/* Widgets */
a.remove { color: #666; font-size: 20px; font-weight: bold; }
a.remove:hover { color: #B89571; }
.widget ul { margin: 0; list-style: none; }
.widget ul li { display: block; width: 100%; height: auto; min-height: 112px; border-bottom: 2px solid #eee; margin-bottom: 20px; }
.widget ul li a { display: block; width: 100%; line-height: 16px; }
.widget ul li a.remove { width: 15px; float: right; margin: 0 0 10px 10px; }
.widget ul li img { width: 90px; height: 90px; float: left; margin: 0 10px 0 0; }
.widget .amount { font-size: 16px; }
.widget p { margin-bottom: 15px; }
.widget a.button { margin: 0 0 5px 0; padding: 10px 25px; }
.widget a.checkout { float: right; }
.woocommerce-mini-cart__buttons::after { content: " "; display: table; clear: both; }


/* Header */
header#site-header {
  padding: 0 25px;
  background: #fff;
  position: fixed;
  z-index: 100;
  width: 100%;
  min-height: 60px;
  text-align: right;
}
header#site-header.dark-header { background: #1D1711; }
#logo {
  float: left;
  text-decoration: none;
  margin: 15px 15px 0 0;
}
.menu-top-menu-container { display: inline-block; }
.menu { margin: 0; text-align: right; }
.menu li { display: inline-block; padding: 0; position: relative; margin: 0; }
.menu li a {
  display: block;
  position: relative;
  text-decoration: none;
  font-family: Oswald, sans-serif;
  letter-spacing: 1.5px;
  font-size: 16px;
  line-height: 20px;
  padding: 20px 17px;
  color: #30271c;
  font-weight: 700;
  text-transform: uppercase;
}
.dark-header .menu li a { color: #fff; }
.menu > .current-menu-item > a, .menu > li:hover > a { color: #B89571; }
.menu ul.sub-menu {
  display: none;
  position: absolute;
  min-width: 200px;
  top: 60px;
  z-index: 15;
  border-top: 2px solid #B89571;
  padding: 5px 0;
  margin: 0;
  background: #fff;
  text-align: left;
}
.menu li:hover > ul.sub-menu { display: block; }
.menu ul.sub-menu li { display: block; padding: 0; }
.menu ul.sub-menu li a {
  padding: 10px 17px;
  font-family: Oswald, sans-serif;
  font-weight: normal;
  letter-spacing: 1.5px;
  height: auto;
  font-size: 13px;
  color: #666;
}
.menu ul.sub-menu li a:hover { color: #B89571; }
.menu input.material-icons { color: #dc0405; }
.menu input.material-icons:hover { background: none; }
#header-controls { float: right; }
#header-separator {
  display: inline-block;
  height: 20px;
  border-right: 2px solid #30271c;
  margin: 20px 10px;
}
.dark-header #header-separator { border-right: 2px solid #fff; }
#header-cart,
#header-search { display: inline-block; position: relative; padding: 20px 5px 14px 10px; }
#cart-icon, #search-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.svg-icon { color: #000; }
.dark-header .svg-icon { color: #fff; }
#cart-icon:hover svg, #search-icon:hover svg  { color: #B89571; }
#cart-icon-number {
  display: inline-block;
  background: #B89571;
  color: #fff;
  font-size: 9px;
  font-weight: bold;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  top: 15px;
  right: -2px;
}
#header-cart-widget {
  display: none;
  width: 300px;
  position: absolute;
  top: 60px;
  right: -20px;
  background: #fff;
  border-top: 2px solid #B89571;
  padding: 20px;
  text-align: left;
}
#header-cart:hover #header-cart-widget { display: block; }
#header-cart-widget ul li { min-height: 92px; }
#header-cart-widget ul li img { width: 70px; height: 70px; }
#header-cart-widget a.button { font-size: 11px; }
#header-search { margin-right: 0; }
#header-search-form {
  display: none;
  background: #fff; 
  position: absolute; 
  width: 100%; 
  height: 60px; 
  top: 0; 
  left: 0; 
  padding: 0 200px 0 0;
}
#header-search-form input[type='search'] { margin: 5px; }
#header-search-form input[type='submit'] { margin: 0; position: absolute; top: 5px; right: 50px; }
#header-search-form a.remove { position: absolute; padding: 10px; top: 5px; right: 10px; }
#menu-burger {
  width: 65px;
  height: 65px;
  float: right;
  display: none;
  margin: 0 -20px 0 0;
  cursor: pointer;
  padding: 15px;
}
@media only screen and (max-width: 640px) {
  #logo img { width: 220px; }
  #header-controls { display: none; }
  #menu-burger { display: block; }
  .menu-top-menu-container {
  	display: none;
		width: 100%;
		margin: 66px 0 0 0;
    padding: 0 0 15px 0;
  }
  .menu { text-align: center; }
  .menu li { display: block; }
  .menu li a { padding: 8px 15px; }
  .menu-top-menu-container .menu ul.sub-menu { position: relative; top: 0; }
  .menu ul.sub-menu li a { padding: 5px; text-align: center; }
}


/* Slider */
.metaslider .caption-wrap {
  opacity: 1 !important;
  background: rgba(0, 0, 0, 0.3) !important;
  display: table !important;
  height: 100% !important;
  top: 0 !important;
}
.metaslider .caption {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color: #fff;
}
.metaslider .caption h1,
.metaslider .caption h2 { color: #fff; font-size: 72px; letter-spacing: 3px; margin: 0 0 25px 0; }
.metaslider .caption div { font-size: 22px; line-height: 32px; font-weight: bold; letter-spacing: 5px; }
@media only screen and (max-width: 640px) {
  .metaslider .caption h1 { font-size: 40px; margin: 0; }
  .metaslider .caption div { font-size: 18px; line-height: 24px; }
}


/* Footer */
footer {
  background-color: #212121;
  background-position: center center;
  background-size: cover;
  background-image: url(pics/footer-background.jpg);
  position: fixed;
  bottom: 0;
  width: 100%;
  padding-top: 30px;
}
footer h1, footer h2, footer h3, footer h4, footer h5 { color: #fff; }
footer p { color: #acacac; }
footer .widget ul li { border-bottom: none; border-bottom: 1px solid #333; }
footer .widget .amount { color: #fff; }
#footer-bottom { background: #000; border-top: 1px solid #333; }
#footer-bottom p { margin-bottom: 0; }
#footer-bottom a { margin: 0 10px; }
#footer-bottom a svg { color: #fff; }
#footer-bottom a:hover svg { color: #B89571; }
#footer-bottom .columns-3 > div { margin-bottom: 0; }

@media only screen and (max-width: 960px) {
  footer { position: relative; }
  #main { margin-bottom: 0 !important; }
}


/* Single */
.single-post { padding-bottom: 25px; border-bottom: 1px solid #ddd; margin-bottom: 50px; }
.single-post h3 { margin-top: 0; }
.post-meta { margin: -20px 0 15px 0; color: #c7a17a; font-style: italic; }

/* Products */
p.woocommerce-result-count { display: inline-block; margin-bottom: 45px; }
h2.all-products {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  margin-top: 40px;
  padding-bottom: 30px;
}
form.woocommerce-ordering { float: right; }
form.woocommerce-ordering select { width: auto; }
ul.products { list-style: none; margin: 0; }
ul.products li a:hover h2 { color: #B89571; }
ul.products h2 { font-size: 19px; line-height: 1.31579em; margin: 15px 0 0 0; }
ul.products h2.woocommerce-loop-category__title { font-size: 35px; }
ul.products .price { font-size: 17px; }
ul.products .button { margin: 15px 0; float: right; padding: 5px 10px; font-size: 12px; }
.woocommerce-pagination { text-align: center; margin: 25px 0 45px 0; }
ul.page-numbers { display: inline-block; list-style: none; margin: 0; }
ul.page-numbers li { display: inline-block; }
ul.page-numbers li span, ul.page-numbers li a { display: block; width: 30px; height: 30px; line-height: 26px; font-weight: bold; border: 1px solid #c7a17a; margin: 0 5px; }
ul.page-numbers li a:hover { background: #c7a17a; color: #fff; }
@media only screen and (max-width: 420px) {
  p.woocommerce-result-count { margin-bottom: 10px; }
  form.woocommerce-ordering { margin-bottom: 25px; }
}


/* Single product */
.product .woocommerce-product-gallery { width: 47%; margin-right: 5%; margin-bottom: 40px; display: inline-block; }
.product .summary { width: 47%; display: inline-block; }
a.woocommerce-product-gallery__trigger { display: none; }
.woocommerce-product-gallery__image img.zoomImg { display: none !important; }
ol.flex-control-nav { margin: 10px 0 0 0; list-style: none; }
ol.flex-control-nav li { display: inline-block; margin: 0 10px 5px 0; cursor: pointer; }
table.variations { margin-bottom: 15px; }
.product .summary .price { font-family: Merriweather, serif; font-size: 36px; line-height: 54px; font-weight: 700; color: #c7a17a; margin: 0 0 15px 0; display: inline-block; }
.product .summary .price-info { font-size: 18px; line-height: 52px; font-weight: bold; margin-left: 10px; }
.product .summary h5 { margin: 5px 0; }
.product .summary ul { margin: 0 0 5px 25px; }
.product .summary p { margin: 0 0 5px 0; }
#add-to-cart .woocommerce-variation,
#add-to-cart .woocommerce-variation-add-to-cart  { display: inline-block; }
.product_meta { padding: 15px 0; margin: 0 0 25px 0; border-top: 2px solid #efefef; border-bottom: 2px solid #efefef; }
.product_meta span {
  font-size: 15px;
  line-height: 20px;
  color: #30271c;
  font-family: Oswald,sans-serif;
  display: inline-block;
  width: 100px;
  font-weight: 700;
  text-transform: uppercase;
} 
.product_meta span.posted_in { width: 320px; }
.product_meta .sku, .product_meta a { font-weight: normal; }
.woocommerce-variation-price,
.woocommerce-product-details__short-description { margin-bottom: 25px; }
.product .summary .quantity { display: inline-block; width: 100px; margin-right: 20px; }
.product .summary .button { margin-top: 0; }
.product .summary .woocommerce-cart-form .button { padding: 10px 20px; }
.related.products { border-top: 2px solid #efefef; margin-top: 50px; padding-top: 50px; }
@media only screen and (max-width: 640px) {
  .product .woocommerce-product-gallery { width: 100%; margin-right: 0; }
  .product .summary { width: 100%; }
}
@media only screen and (max-width: 360px) {
  #get_equipment_banner { float: none; margin: 0; }
}


/* Cart / Checkout */
.shop_table th, .shop_table td { font-family: Merriweather, serif; font-size: 16px; color: #30271c; }
.shop_table th { font-weight: 600; font-style: italic; }
.shop_table img { width: 100px; }
.shop_table input { width: 100px; font-size: 18px; font-weight: 600; }
input#coupon_code { width: 200px; }
.shop_table .actions { text-align: right; }
.coupon .button { margin: 0 0 0 25px; }
.shop_table .shipping input { width: auto; margin-right: 7px; }
#shipping-calculator-form .button { margin: 0; }
#woocommerce-checkout-form-coupon .button { margin: 0; }
.woocommerce-orders-table .button {
  font-size: 12px;
  letter-spacing: 1px;
  padding: 7px 15px;
  margin: 2px;
}

@media only screen and (max-width: 640px) {
  .shop_table th, .shop_table td { font-size: 12px; }
  .shop_table input { width: 50px; font-size: 14px; padding: 5px; }
}


/* My Account */
#customer_login h2 { font-size: 28px; }
.woocommerce-MyAccount-navigation { width: 30%; padding-right: 30px; float: left; margin-bottom: 50px; }
.woocommerce-MyAccount-content { width: 70%; padding-left: 30px; float: left; margin-bottom: 50px; }
.woocommerce-MyAccount-navigation ul { margin: 0; list-style: none; border-top: 1px solid #ddd; }
.woocommerce-MyAccount-navigation ul li { padding: 10px 0; border-bottom: 1px solid #e1e1e1; }
.woocommerce-MyAccount-navigation ul li a { font-weight: 600; color: #30271c; font-family: Merriweather,serif; font-style: italic; }
.woocommerce-MyAccount-navigation ul li.is-active a { color: #c7a17a; }
.woocommerce::after { content: " "; display: table; clear: both; }
.password-input { position: relative; }
button.show-password-input {
  position: absolute; 
  right: 20px; 
  top: 5px;
  width: 16px; 
  height: 16px; 
  background: none; 
  border: none; 
  background-image: url('pics/icon_key_alt.png'); 
  background-size: 100%; 
  cursor: pointer;
}
.order_details ul { margin: 0 0 0 50px; }
.order_details p { margin: 0; }


/* Front Page */
.home #main { background: #eae7de; }
.home .wrap { background: #fff; margin-top: -50px; padding: 50px; }
.home footer .wrap { background: none; padding-top: 30px; margin-top: 0; }
#home-intro { margin-bottom: 50px; }
#home-intro p, #home-intro h2 { text-align: center; }
p.subtitle {
  font-family: Merriweather,serif;
  font-size: 18px;
  font-style: italic;
  line-height: 27px;
  letter-spacing: 0;
  color: #c7a17a;
  text-align: center;
}
#home-intro .button { margin: 15px 0; }
#intro-columns { margin-bottom: 50px; }
.home .columns-3 h3 span {
  color: #c7a17a;
  font-family: Merriweather,serif;
  font-style: italic;
  margin: 10px 15px 0 0;
  display: inline-block;
  text-transform: none;
  font-size: 60px;
  letter-spacing: -3px;
  font-weight: 400;
  vertical-align: baseline;  
}
.home .columns-3 p a { letter-spacing: 2px; text-transform: uppercase; font-weight: 700; }
.home .columns-3 p svg { vertical-align: text-bottom; }
.home .columns-3 p a:hover svg { margin-left: 5px; }
#places { margin-bottom: 50px; }
#places::after { content: " "; display: table; clear: both; }
a.place { display: block; width: 20%; aspect-ratio: 1 / 1; float: left; position: relative; }
.columns-5 a.place { width: 100%; }
.columns-5 a.place h4 { margin-bottom: 10px; }
.columns-5 a.place p {
  font-size: 13px;
  line-height: 14px;
  font-family: Merriweather,serif;
  font-style: italic;
  color: #c7a17a;
}

@media only screen and (max-width: 640px) {
  .home .wrap { margin-top: 0; }
  a.place { width: 50%; }
}
.place img { width: 100%; height: 100%; margin: 0; }
.place-overlay { 
  width: 100%; 
  height: 100%; 
  position: absolute; 
  top: 0; 
  left: 0; 
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  padding: 15px;
  display: table;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}
.place-caption { display: table-cell; vertical-align: middle; }
.place-overlay h4, .place-overlay p { color: #fff; margin: 0; }
.place-overlay p {
  font-size: 13px;
  font-family: Merriweather,serif;
  font-style: italic;
  color: #c7a17a;
}
a.place:hover .place-overlay { opacity: 1; visibility: visible; }
#community h2 { text-align: center; margin-bottom: 30px; }
#community h4 { margin: 0; text-align: center; }
#community .columns-3 .subtitle { font-size: 13px; }
#testimonial {
  background: url(pics/testimonial.jpg) top center;
  padding: 100px 30px 70px 30px;
  margin-bottom: 50px;
  text-align: center;
}
#quotation {
  font-family: Oswald;
  font-size: 116px;
  line-height: 40px;
  font-weight: 500;
  color: #c7a17a;  
}
#testimonial-text {
  font-size: 19px;
  line-height: 35px;
  font-style: italic;
  margin-bottom: 27px;
  font-family: Merriweather,serif;
  font-weight: 500;
  color: #30271c;
}
#testimonial-name {
  font-family: Oswald,sans-serif;
  font-size: 19px;
  text-transform: uppercase;  
  color: #30271c;
}
#home-contact h2 { text-align: center; }


/* Portfolio item */
#portfolio-content { width: 30%; float: left; margin-right: 5%; border-bottom: 1px solid #ebebeb; margin-bottom: 50px; }
#portfolio-content table td, .item-content table td { border: none; padding: 5px 0; }
#portfolio-content table h5 { margin: 0; }
#portfolio-sidebar { width: 65%; float: left; margin-bottom: 50px; }
.post-image-gallery { margin: 0; }
.post-image-gallery li a { display: block; width: 100%; aspect-ratio: 1 / 1; overflow: hidden; }
.post-image-gallery li a img { height: 100%; width: auto; max-width: none; }
.item-content h5, .item-content ul, .item-content p { margin-top: 10px; margin-bottom: 10px; }
.item-content { padding-top: 15px; }
@media only screen and (max-width: 800px) {
  #portfolio-content, #portfolio-sidebar { width: 100%; margin-right: 0; }
}


/* Special pages */
.page-section { margin-bottom: 50px; padding: 100px 50px; }
.page-section:nth-child(even) { background: #f2f0ea; }
.page-section h2 { border-bottom: 3px solid #c7a17a; padding-bottom: 10px; }
.page-section blockquote { width: 100%; }
.page-section ul {
  list-style: none;
  padding: 0;
}
.page-section ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}
.page-section ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: green; /* Change to your desired color */
  font-weight: bold;
  color: #c7a17a;
}
.shop-item h4 { margin: 0 0 10px 0; }
.shop-item p {
  font-size: 13px;
  line-height: 14px;
  font-family: Merriweather,serif;
  font-style: italic;
  color: #c7a17a;
}
.shop-item:hover h4 { color: #c7a17a; }