/**
 *
 * Custom styles
 *
 */

 .angled-bg2 {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0, 0, 0, 0.5);
 }

 .table-str-bor > tbody > tr:nth-of-type(odd) {
  text-align: center;
  border: 1px solid #fff;
  border-radius: 5px;
  border-color: rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.1);
 }

 .table-str-bor > tbody > tr:nth-of-type(even) {
  border: 1px solid #fff;
  border-radius: 5px;
  border-color: rgba(255, 255, 255, 0.5);
 }

 .table-str-bor > tbody > tr > th,  .table-str-bor > tbody > tr > td {
   text-align: center;
   text-align: center;
   padding: 0.5em;
 }


body:after {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/environments/Arcadia_Forest.webp');
    background-size: cover;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: -1;
}
.content-wrap {
    background: rgba(10, 3, 10, 0.92);
}

/* Boxed container */
.content-wrap {
    max-width: none;
}

/* New Paypal button */
  .btn.btn-paypal {
    padding: 0px 0px;
    border: none;
 }

  .btn.btn-paypal:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: none;
    height: 90%;
 }


	.signup-center{
    margin: auto;
    width: 465px;
    background: rgba(255, 255, 255, 0.1);
	}

	.signup-center-dark{
  	margin: auto;
  	width: 508px;
    background: rgba(0, 0, 0, 0.45);
  	padding-left: none;
  	padding-right: none;
  	padding-top: 4px;
  	padding-bottom: 4px;
	}

  .angled-bg2{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
  }

.table-str-bor > tbody > tr:nth-of-type(odd) {
    text-align: center;
	border: 1px solid #fff;
    border-radius: 5px;
	border-color: rgba(255, 255, 255, 0.5);   
	background-color: rgba(255, 255, 255, 0.1);
}

/*------------------------------------------------------------------

  Angled Backgrounds - Dark

-------------------------------------------------------------------*/
.angled-bg-dark {
  position: relative;
  display: block; }
  .angled-bg-dark > * {
    position: relative;
    z-index: 2; }
  .angled-bg-dark:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(10, 10, 10, 0.55);
    -webkit-transform: skew(0);
        -ms-transform: skew(0);
         -o-transform: skew(0);
            transform: skew(0);
    z-index: 0;
    -o-transition: .3s background ease;
       transition: .3s background ease; }
  .angled-bg-dark:hover:after {
    background: rgba(10, 10, 10, 0.4); }
  .angled-bg-dark.item {
    display: block;
    width: 100%;
    margin-bottom: 2rem; }
    .angled-bg-dark.item:hover, .angled-bg-dark.item:focus {
      color: inherit; }
    .angled-bg-dark.item .price {
      margin-top: 10px;
      margin-right: 20px;
      font-size: 1.6rem;
      font-weight: bold; }
    .angled-bg-dark.item .remove,
    .angled-bg-dark.item .remove:hover,
    .angled-bg-dark.item .remove:focus {
      font-size: 1.7rem;
      margin-top: 5px;
      margin-right: 20px;
      text-decoration: none; }

.angled-bg-dark2 {
  position: relative;
  display: block; }
  .angled-bg-dark2 > * {
    position: relative;
    z-index: 2; }
  .angled-bg-dark2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(10, 10, 10, 0.8);
    -webkit-transform: skew(0);
        -ms-transform: skew(0);
         -o-transform: skew(0);
            transform: skew(0);
    z-index: 0;
    -o-transition: .3s background ease;
       transition: .3s background ease; }
  .angled-bg-dark2:hover:after {
    background: rgba(10, 10, 10, 0.7); }
  .angled-bg-dark2.item {
    display: block;
    width: 100%;
    margin-bottom: 2rem; }
    .angled-bg-dark2.item:hover, .angled-bg-dark2.item:focus {
      color: inherit; }
    .angled-bg-dark2.item .price {
      margin-top: 10px;
      margin-right: 20px;
      font-size: 1.6rem;
      font-weight: bold; }
    .angled-bg-dark2.item .remove,
    .angled-bg-dark2.item .remove:hover,
    .angled-bg-dark2.item .remove:focus {
      font-size: 1.7rem;
      margin-top: 5px;
      margin-right: 20px;
      text-decoration: none; }


/*------------------------------------------------------------------

  Angled Backgrounds

-------------------------------------------------------------------*/
.angled-bg2 {
  position: relative;
  display: block; }
  .angled-bg2 > * {
    position: relative;
    z-index: 2; }
  .angled-bg2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(180, 240, 255, 0.6);
    -webkit-transform: skew(10);
        -ms-transform: skew(20);
         -o-transform: skew(30);
            transform: skew(40);
    z-index: 0;
    -o-transition: .3s background ease;
       transition: .3s background ease; }
  .angled-bg2:hover:after {
    background: rgba(180, 240, 255, 0.5); }
  .angled-bg2.item {
    display: block;
    width: 100%;
    margin-bottom: 2rem; }
    .angled-bg2.item:hover, .angled-bg2.item:focus {
      color: inherit; }
    .angled-bg2.item .price {
      margin-top: 10px;
      margin-right: 20px;
      font-size: 1.6rem;
      font-weight: bold; }
    .angled-bg2.item .remove,
    .angled-bg2.item .remove:hover,
    .angled-bg2.item .remove:focus {
      font-size: 1.7rem;
      margin-top: 5px;
      margin-right: 20px;
      text-decoration: none; }

.angled-bggreen {
  position: relative;
  display: block; }
  .angled-bggreen > * {
    position: relative;
    z-index: 2; }
  .angled-bggreen:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(195, 140, 225, 0.6);
    -webkit-transform: skew(10);
        -ms-transform: skew(20);
         -o-transform: skew(30);
            transform: skew(40);
    z-index: 0;
    -o-transition: .3s background ease;
       transition: .3s background ease; }
  .angled-bggreen:hover:after {
    background: rgba(195, 140, 225, 0.5); }
  .angled-bggreen.item {
    display: block;
    width: 100%;
    margin-bottom: 2rem; }
    .angled-bggreen.item:hover, .angled-bggreen.item:focus {
      color: inherit; }
    .angled-bggreen.item .price {
      margin-top: 10px;
      margin-right: 20px;
      font-size: 1.6rem;
      font-weight: bold; }
    .angled-bggreen.item .remove,
    .angled-bggreen.item .remove:hover,
    .angled-bggreen.item .remove:focus {
      font-size: 1.7rem;
      margin-top: 5px;
      margin-right: 20px;
      text-decoration: none; }