/* CSS Styles */

/* @import statements must be before any other rules */

@import url(https://fonts.googleapis.com/css?family=Alegreya+SC:400,700|Alegreya+Sans+SC:400,700);

/* BEGIN: Avada Theme Customization */

/* BEGIN: WooCommerce Customization */

/* Hide placeholder text in WC 'Order Notes' checkout field */
#order_comments::-webkit-input-placeholder {
   color: transparent;
}

#order_comments:-moz-placeholder { /* Firefox 18- */
   color: transparent;
}

#order_comments::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;
}

#order_comments:-ms-input-placeholder {
   color: transparent;
}

/* BEGIN: Global styles */

/* Hide first primary email field on the WooCommerce 'my-account' form so the second one will take precedence. 
   [SHPOA-287] 'My Account page: Allow the user to see / edit their Primary email address'. */
.wppb-form-field.wppb-default-e-mail:first-child {
	display: none;
}

.fusion-secondary-header {
    position: relative;
}

a.join-button-header {
    position: absolute;
    left: 44%;
    top:5px;
    background-color: #7da4d5 !important;
}

.join-now-action-container, .latest-news-container {
    background: #FAE981 !important;
    padding: 20px !important;
    border-radius: 10px 10px 10px 10px !important;
    -moz-border-radius: 10px 10px 10px 10px !important;
    -webkit-border-radius: 10px 10px 10px 10px !important;
}

.join-now-buttons a:hover {
    color: yellow !important;
}

.pdf-application-button-wrapper, .join-now-buttons-wrapper{
  text-align: center;
}

ul.wrap_login_logout li
{
  display: inline;
  list-style-type: none;
  padding-right: 20px;
  float: left;
}

div#login_logout-2 {
    display: inline;
    position: absolute;
    right: 50px;
    top: -10px;
}

@media only screen and (max-width: 800px)
{
  /* at smaller widths, put the Join button in the usual flow instead of trying to center it */
  a.join-button-header {
    position: static;
  }
}

/* Create a "stacked" effect for Bundle featured image. */
.product_cat-2-year .featured-image img {
	box-shadow:
	  /* The top layer shadow */
	  0 -1px 1px rgba(0,0,0,0.5),

	  /* The second layer */
	  0 -10px 0 -5px #ccc,
	  /* The second layer shadow */
	  0 -10px 1px -4px rgba(0,0,0,0.5);
}
.product_cat-3-year .featured-image img {
	box-shadow:
	  /* The top layer shadow */
	  0 -1px 1px rgba(0,0,0,0.5),

	  /* The second layer */
	  0 -10px 0 -5px #ccc,
	  /* The second layer shadow */
	  0 -10px 1px -4px rgba(0,0,0,0.5),

	  /* The third layer */
	  0 -20px 0 -10px #ccc,
	  /* The third layer shadow */
	  0 -20px 1px -9px rgba(0,0,0,0.5);
}
.product_cat-4-year .featured-image img {
	box-shadow:
	  /* The top layer shadow */
	  0 -1px 1px rgba(0,0,0,0.5),

	  /* The second layer */
	  0 -10px 0 -5px #ccc,
	  /* The second layer shadow */
	  0 -10px 1px -4px rgba(0,0,0,0.5),

	  /* The third layer */
	  0 -20px 0 -10px #ccc,
	  /* The third layer shadow */
	  0 -20px 1px -9px rgba(0,0,0,0.5),

	  /* The fourth layer */
	  0 -30px 0 -15px #ccc,
	  /* The fourth layer shadow */
	  0 -30px 1px -14px rgba(0,0,0,0.5);
}

/* Style secondary menu background colors based on member status. [SHPOA-187] */
.menu-item-shpoa-join a {
	color: #000000 !important;
	background-color: #ffffff;
	font-weight: bold;
}

.menu-item-shpoa-member-active a {
	color: #ffffff !important;
	background-color: #1e9120;
	font-weight: bold;
}

.menu-item-shpoa-member-expired a {
	color: #ffffff !important;
	background-color: #911e1e;
	font-weight: bold;
}

.menu-item-shpoa-member-expiring a {
	color: #ffffff !important;
	background-color: #bd591d;
	font-weight: bold;
}

/* Per SHPOA-203, Remove or rename front-end access to WooCommerce 'billing_company' field where possible. 
Members should NOT be able to edit this field themselves. */
.wppb_billing_company
{
	display: none;
}

/* [SHPOA-245] 'Streamline Checkout Process' */
/* Since we are using a single-page cart / checkout, 
   we don't want two coupon codes on the single page. 
   We choose to hide the checkout one since it's lower
   on the page. */
.woocommerce .woocommerce-content-box.checkout_coupon
{
	display: none !important;
}

/* BEGIN: Show/Hide rules for membership state, etc. */

/* NOTE: These are FUNCTIONAL CSS rules that are independent of theme. That's why they are in our plugin. */

/* Hide all "shpoa-show-if-" elements by default */
[class *= "shpoa-show-if"]
{
	display: none;
}
/* Show all "shpoa-hide-if-" elements by default (so "hide" has precedence over "show" */
/* [SHPOA-271] 'Site has lost its formatting' - Init to "block" instead of "initial" which is "inline" per CSS spec. Ugh. */
[class *= "shpoa-hide-if"]
{
	display: block;
}

/* BEGIN: Add all SHPOA "show" rules first (so "hide" rules will take precendence over "show" if both are present) */

	/* We're not currently using any "show" rules.

/* END: Add all SHPOA "show" rules first (so "hide" rules will take precendence over "show" if both are present) */

/* BEGIN: Add all SHPOA "hide" rules last (so "hide" rules will take precendence over "show" if both are present) */

.shpoa-membership-state-active  .shpoa-hide-if-membership-state-active,
.shpoa-membership-state-expired .shpoa-hide-if-membership-state-expired,
.shpoa-membership-expiring      .shpoa-hide-if-membership-expiring,
.shpoa-membership-not-expiring  .shpoa-hide-if-membership-not-expiring,
.shpoa-membership-state-active.shpoa-membership-not-expiring .shpoa-hide-if-membership-state-active-and-not-expiring,
.shpoa-user-logged-in  .shpoa-hide-if-user-logged-in,
.shpoa-user-logged-out .shpoa-hide-if-user-logged-out
{
	display: none;
}
/* END: Add all SHPOA "hide" rules last (so "hide" rules will take precendence over "show" if both are present) */

/* END: Show/Hide rules for membership state, etc. */

/* [SHPOA-305] 'Profile Builder: Stone Harbor Property Address: Customize description for front-end vs. back-end' */
.shpoa-property-address-help-back-end {
	display: none;
}

.shpoa-properties, .shpoa-properties th, .shpoa-properties td {
	padding: 0.25em 1em;
}

/* Improve wpDataTables button text line height. */
.wpdt-c .wpDataTable button {
	line-height: 1.1em;
}