/*
Theme Name: Silver Coconut Theme
Theme URI: 
Description: Silver Coconut's Child theme based on the Shoptimizer Theme
Author: lemsmyth (Lemuel Smyth)
Author URI: https://lemsmyth.com/
Donate Link:  https://lemsmyth.com/donate/
Template: shoptimizer
Version: 1.0.0
License:         	GNU General Public License v2 or later
License URI:     	http://www.gnu.org/licenses/gpl-2.0.html

This child theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

div#post-63.post-63.page.type-page.status-publish.hentry {
  padding: 0;
  margin: 0;
}

@font-face {
  font-family: scriptina;
  src: url('assets/fonts/scriptina/scriptina.eot');
  /* IE9 Compact Modes */
  src: local('☺'),
    url('assets/fonts/scriptina/scriptina.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('assets/fonts/scriptina/scriptina.woff') format('woff'),
    /* Modern Browsers */
    url('assets/fonts/scriptina/scriptina.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('assets/fonts/scriptina/scriptina.svg') format('svg');
  /* Legacy iOS */
  font-weight: normal;
}

@font-face {
  font-family: scriptina_alt;
  src: url('assets/fonts/scriptina/scriptina_alt.eot');
  /* IE9 Compact Modes */
  src: local('☺'),
    url('assets/fonts/scriptina/scriptina_alt.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('assets/fonts/scriptina/scriptina_alt.woff') format('woff'),
    /* Modern Browsers */
    url('assets/fonts/scriptina/scriptina_alt.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('assets/fonts/scriptina/scriptina_alt.svg') format('svg');
  /* Legacy iOS */
  font-weight: normal;
}

/* .site-content {
  position: relative;
  width: 100%;
  height: auto;
  z-index: ;
  overflow: hidden;
  background-image: url('img/bg-image.jpg');
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
} */

.thwmscf-wrapper .thwmscf-buttons {
  padding-right: 45px;
}

/* .button, */
.alt.button,
.button.alt,
.button.button,
a.button {
  position: relative;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  /* background: linear-gradient(0deg, #626262, #ccc); */
  background: linear-gradient(0deg, OrangeRed, Orange) !important;
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 10px;
  color: #ddd;
  text-shadow: 0 4px 8px rgba(0, 0, 0, .7);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
}

.alt.button:hover,
.button.alt:hover,
.button:hover,
.button.button:hover,
a.button:hover {
  transform: scale(.98);
  text-shadow: 0 4px 8px rgba(0, 0, 0, .7);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
  color: #fff;
}

.alt.button:active,
.button.alt:active,
.button:active,
.button.button:active,
a.button:active {
  transform: scale(.9);
}

.add_to_cart_button,
.product_type_external {
  display: inline-block;
  position: relative;
  width: 88%;
  height: fit-content !important;
  background: linear-gradient(0deg, #626262, #ccc);
  text-align: center;
  text-shadow: 0 5px 10px rgba(0, 0, 0, .6);
  text-decoration: none;
  color: #ccc;
  border: 1px solid #ccc;
  border-radius: 8px !important;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .7);
}

.add_to_cart_button:hover,
.product_type_external:hover {
  transform: scale(.98);
  color: #fff;
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-shadow: 0 4px 8px rgba(0, 0, 0, .7);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
}

.add_to_cart_button:active,
.product_type_external:active {
  transform: scale(.9);
}

.single_add_to_cart_button.button.alt {
  display: inline-block;
  position: relative;
  width: 88%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 10px 5px 0;
  background: linear-gradient(0deg, OrangeRed, Orange) !important;
  text-align: center;
  text-shadow: 0 5px 10px rgba(0, 0, 0, .6);
  line-height: 1.4em;
  font-size: 1.2em;
  font-weight: Normal;
  text-decoration: none;
  color: #ccc;
  border: 1px solid #ccc;
  border-radius: 10px;
  border-bottom: 2px solid #ccc;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .7);
}

.single_add_to_cart_button.button.alt:hover {
  transform: scale(.98);
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  border-bottom: 1px solid #ccc;
  text-shadow: 0 4px 8px rgba(0, 0, 0, .7);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
}

.single_add_to_cart_button.button.alt:active {
  transform: scale(.9);
}

.payment-method-icons {
  margin: 0.2em 0 0;
}

/* ---- start css for subscribe widget button ---- */
input.ig_es_form_field_name {
  width: fit-content;
}
.widget-subscribe-button {
  position: relative;
  width: 96%;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: -40px;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  font-weight: bold;
  font-size: 1.4em;
  background: linear-gradient(0deg, OrangeRed, Orange);
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 15px;
  color: #ccc;
  text-shadow: 0 4px 8px rgba(0, 0, 0, .6);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .7);
}

.widget-subscribe-button:hover {
  transform: scale(.98);
  color: #fff !important;
  text-decoration: none;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .7);
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .8);
}

.widget-subscribe-button:active {
  transform: scale(.9);
}

/* Start Checkout button customization */

.wc-proceed-to-checkout .button.checkout-button,
#place_order.button {
  position: relative;
  display: inline-block;
  text-align: center;
  height: fit-content;
  width: 88%;
  padding-top: 20px;
  padding-bottom: 20px;
  background: linear-gradient(0deg, OrangeRed, Orange);
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 20px;
  color: #fff;
  text-shadow: 0 10px 15px rgba(0, 0, 0, .6);
  box-shadow: 0 10px 15px rgba(0, 0, 0, .7);
}

.button.checkout-button:hover,
#place_order.button:hover {
  transform: scale(.98);
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 20px;
  color: #fff;
  text-shadow: 0 8px 12px rgba(0, 0, 0, .7);
  box-shadow: 0 8px 12px rgba(0, 0, 0, .8);
}

.button.checkout-button:active,
#place_order.button:active {
  transform: scale(.9);
}

/* Small Stripe Checkout Button */

.wc-stripe-checkout-button {
  background: linear-gradient(0deg, OrangeRed, Orange);
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ccc;
  border: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-radius: 12px;
  text-shadow: 0 5px 10px rgba(0, 0, 0, .6);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .7);
}

.wc-stripe-checkout-button:hover {
  transform: scale(.98);
  color: #fff;
  text-shadow: 0 4px 8px rgba(0, 0, 0, .7);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
}

.wc-stripe-checkout-button:active {
  transform: scale(.9);
}
/* ==== Cart ==== */
table.cart .product-thumbnail img {
  max-width: 100%;
}
/* ====Cart Progress Bar==== */
.cart-progress-bar-container {
  margin-top: 10px;
  margin-left: 5px;
}
.cart-progress-bar-label {
  font-size: 1em;
  font-weight: bold;
  margin-top: 10px;
  width: 100%;
}
.cart-progress-bar {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  overflow: hidden;
  color: orangered;
}
.free-shipping-message-container {
  padding-left: 8px;
  padding-top: 10px;
}
.free-shipping-message {
  font-weight: bold;
  font-size: 1.1em;
}

/* ===== Price ===== */
/* ===== Home Page Archive Pages ===== */

ul.products li.product span.price {
  font-size: 1.3em;
  margin-bottom: 0 !important;
}
span.monero-price {
  font-weight: bold;
  font-size: 1em;
  color: #E07219;
  margin-bottom: 1em !important;
}

/* ===== Single Product Page ===== */

div.product p.price {
  /* font-weight: bold; */
  font-size: 1.6em;
  margin-bottom: 0 !important;
}
div.product p.monero-price {
  font-weight: bold;
  font-size: 1em;
  color: #E07219;
  margin-bottom: 0.8em !important;
  margin-top: 1em;
}

/* ===== Selected Variation ==== */
.cgkit-as-wrap-plp .cgkit-attribute-swatches .cgkit-attribute-swatch.cgkit-image > button.cgkit-swatch-selected:before {
  border: 3px solid #E07219;
  border-radius: 2px;
}

/* ===== Sale Badge ====== */

.onsale {
  position: relative;
  transform: scale(1.1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .8);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.onsale:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, .7);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
  transform: scale(1.3);
}

/* -- Widget Text Style -- */

.gamma.widget-title {
  text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
  margin-bottom: 0px;
}

/* ===== Payment Methods Icons Single Product ===== */
div.payment-method-icons {
  margin: 0 !important;
}
svg.svg-inline .payment-method-icon {
  padding-right: 5px;
}
/* -- pagination styles -- */

.page-numbers.current {
  background: linear-gradient(0deg, #ccc, #ddd);
  border: 1px solid #626262;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .8);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  color: orangered;
}

.page-numbers.current:hover {
  background: linear-gradient(0deg, #626262, #ddd);
  transform: scale(1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .8);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

li .page-numbers,
.next.page-numbers {
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .9);
  text-shadow: 0 1px 2px rgba(0, 0, 0, .8);
}

li .page-numbers:hover,
.next.page-numbers:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 6px rgba(0, 0, 0, .8);
  background: linear-gradient(0deg, OrangeRed, Orange);
}

/* == Wishlist Custom Buttons == */

a.tinvwl_add_to_wishlist_button {
  margin-top: 22px !important;
  margin-bottom: 20px !important;
  padding: 10px 20px;
  margin-left: 5px;
  background: linear-gradient(0deg, #626262, #ccc);
  text-align: center;
  text-shadow: 0 5px 10px rgba(0, 0, 0, .6);
  text-decoration: none;
  color: #ccc;
  border: 1px solid #ccc;
  border-radius: 10px;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 5px 10px rgba(0, 0, 0, .7);
}

.tinvwl_add_to_wishlist_button:hover {
  transform: scale(.98);
  text-shadow: 0 4px 8px rgba(0, 0, 0, .7);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .8);
  color: #fff;
}

.tinvwl_add_to_wishlist_button:active {
  transform: scale(.9);
}

/* == Footer Callout Section == */

.footer-callout {
  background-color: #DDD;
  padding: 20px;
  margin: 30px 0 0 0;
}

.footer-callout-image {
  float: left;
  width: 30%;
}

.footer-callout-text {
  float: right;
  width: 67%;
}

.footer-callout-text h2 {
  font-size: 1.8em;
  margin: 0 0 .35em 0;
}

.footer-callout-text p {
  font-size: 1rem;
}

/* ======= Footer Text ======= */

.site-info {
  /* font-family: scriptina; */
  line-height: 2.4em;
  text-align: center;
}

/* .site-info a {
  color: #d66d31;
  fill: #d66d31;
  text-decoration: none;
} */
.site-info a:not(.button):not(.components-button) {
  color: #d66d31;
  fill: #d66d31;
  text-decoration: none;
}

.icon-coconut-tree {
  position: relative;
  top: 12px;
  left: 3px;
  display: inline-block;
  /* overflow: hidden; */
  color: #d66d31;
  fill: #d66d31;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .6);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .6));
  transition: all .3s ease-in;
  width: 36px;
  height: 54px;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
}

.icon-coconut-tree:hover,
.icon-coconut-tree:active,
.icon-coconut-tree:visited {
  fill: Orange;
  color: Orange;
  text-shadow: 0 2px 4px OrangeRed;
  filter: drop-shadow(0 1px 2px rgba(255, 69, 0, .6));
  transition: all .3s ease-in;
  cursor: pointer;
}

.sitename-custom-font {
  position: relative;
  font-family: scriptina;
  font-size: 1.6em;
  font-weight: bold;
  fill: #d66d31 !important;
  color: #d66d31 !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .6);
  cursor: pointer;
  transition: all .3s ease-in;
  /* bottom: 20px; */
}

.sitename-custom-font:hover,
.sitename-custom-font:active,
.sitename-custom-font:visited {
  fill: OrangeRed;
  color: OrangeRed;
  text-shadow: 0 2px 4px Orange;
}

.lemsmyth-custom-font {
  position: relative;
  font-family: scriptina;
  font-size: 1.2em;
  font-weight: bold;
  fill: #d66d31 !important;
  color: #d66d31 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

.lemsmyth-custom-font:hover,
.lemsmyth-custom-font:active,
.lemsmyth-custom-font:visited {
  fill: OrangeRed;
  color: OrangeRed;
  text-shadow: 0 1px 2px Orange;
  cursor: pointer;
}

.site-info .icon-woocommerce {
  position: relative;
  top: 7px;
  display: inline-block;
  overflow: hidden;
  width: 100px;
  height: 1.3em;
  fill: #6d6d6d;
  background-color: transparent;
  border-radius: 0;
  transition: all .3s ease-in;
}

.icon-woocommerce:hover,
.icon-woocommerce:visited,
.icon-woocommerce:active {
  fill: #4d4d4d;
  transform: scale(1.05);
}

.site-info .icon-wordpress {
  position: relative;
  top: 5px;
  display: inline-block;
  width: 2em;
  height: 2em;
  fill: #6d6d6d;
  background-color: transparent;
  border-radius: 0;
  transition: all .3s ease-in;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .6);
  margin: 2px 2px;
}

.icon-wordpress:hover,
.icon-wordpress:visited,
.icon-wordpress:active {
  fill: rgb(48, 160, 210);
  transform: scale(1.1);
}

.site-info .icon-envelope-o {
  position: relative;
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-color: transparent;
  transition: all .3s ease-in;
  text-shadow: 0 2px 4px rgba(0, 0, 0, .6);
  /* fill: #6d6d6d; */
  fill: #777777;
  color: #777777;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .6));
  margin: 2px 2px;
  top: 8px;
  left: 16px;
}

.icon-envelope-o:hover,
.icon-envelope-o:active,
.icon-envelope-o:visited {
  fill: Orange;
  color: Orange;
  /* fill: OrangeRed; */
  /* color: OrangeRed; */
  text-shadow: 0 1px 2px OrangeRed;
  filter: drop-shadow(0 1px 2px rgba(255, 69, 0, .6));
}

.menu-item.menu-item-type-custom.menu-item-object-custom::before {
  display: none;
  margin: 0;
  padding: 0;
}

/* ================================== */
/* Subcription form styles */

.es_subscription_form {
  text-align: center;
}

label.es-field-wrap {
  text-align: left;
}

div.es-field-wrap {
  width: 100%;
}

input.ig_es_form_field_name,
input.ig_es_form_field_email {
  /* min-width: 300px; */
  overflow: hidden;
  width: 100%;
  border: 2px solid #cdcdcd;
  /* border-bottom: 2px solid #cdcdcd; */
  border-radius: 10px;
  margin-bottom: 10px;
}

input.ig_es_form_field_name:hover,
input.ig_es_form_field_email:hover {
  background-color: lemonchiffon;
  font-weight: bold;
  color: 333;
}

.es_subscription_form_submit {
  /* width: 240px; */
  width: 94%;
  height: 50px;
  /* margin-top: 10px; */
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background: linear-gradient(0deg, OrangeRed, Orange) !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  color: #fff;
  border: 2px solid #fff;
  border-bottom: 2px solid #fff;
  border-radius: 12px !important;
  text-shadow: 0 4px 8px rgba(0, 0, 0, .6);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .7);
}

.es_subscription_form_submit:hover {
  transform: scale(.96);
  /* color: #fee; */
}

.es_subscription_form_submit:active {
  transform: scale(.9);
}

/* End Subcription form styles */

/* Subcription form widget styles */

/* #email-subscribers-form-2 .es_subscription_form {
  text-align: center;
}
#email-subscribers-form-2 label.es-field-wrap {
  text-align: left;
} */
/* #email-subscribers-form-2 div.es-field-wrap {
  width: 100%;
} */
#email-subscribers-form-2 input.ig_es_form_field_name,
#email-subscribers-form-2 input.ig_es_form_field_email {
  min-width: 0;
  width: 96%;
  /* height: 40px; */
  margin-bottom: 15px;
  border-radius: 8px;
}

/* #email-subscribers-form-2 input.ig_es_form_field_name:hover, #email-subscribers-form-2 input.ig_es_form_field_email:hover {
  background-color: yellow;
  font-weight: bold;
  color: 333;
} */
#email-subscribers-form-2 .es_subscription_form_submit {
  width: 90%;
  height: 60px;
  /* margin-top: 10px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background: linear-gradient(0deg, OrangeRed, Orange) !important;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
	color: #ccc!important;
	border: 2px solid #ccc!important;
	border-bottom: 2px solid #ccc!important;
	border-radius: 12px!important;
	text-shadow: 0 4px 8px rgba(0,0,0,.6);
	box-shadow: 0 4px 8px rgba(0,0,0,.7); */
}

/* #email-subscribers-form-2 .es_subscription_form_submit:hover {
  transform: scale(.98);
  color: fff!important;
}
#email-subscribers-form-2 .es_subscription_form_submit:active {
  transform: scale(.9);
} */
/* End Subcription form widget styles */