.optbox {
  background-color:#1b1b1b;
  padding:30px 20px 30px;
  text-align: left;
  color:#fff;
  width: auto;
}

.optcta {
  font-weight:700;
  font-size:2em;
  margin: 0px 0px 20px 0px;
}

.optbox input[type=text] {
  border-radius:0;
  border: none;
  color:#FFF;
  height:50px;
  width:100%;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  padding:0 20px;
  background-color: #818181!important;
}

.optbox input[type=submit] {
  background-color:#95c205;
  background-image:none;
  border-radius:0;
  border:0;
  color:#fff;
  text-shadow:none!important;
  font-size:34px;
  height:60px;
  width:80%;
  padding:0 6px;
  margin-top: 20px!important;
  margin-bottom: 10px!important;
  margin-left: auto;
  margin-right: auto;
}

.optbox input[type=submit]:hover {
  background-color:#88b105;
  transition: background-color .35s ease 0s;
}

.af-clear
{
clear:both;
}

.af-element
{
margin-top: 20px;
}

.optbox p
{
margin: 0px;
  padding: 0px;
}

.previewLabel
{
cursor: default!important;
}

/* Hide theme Twitter layers */
li.twitter .ui-socialbar-background,
li.twitter .ui-socialbar-image {
    background: none !important;
    position: relative;
}


li.twitter a.ui-socialbar-image {
    position: relative;
}

/* Center the X logo perfectly */
li.twitter a.ui-socialbar-image {
    position: relative;
}

li.twitter a.ui-socialbar-image::after {
     content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    background: url("https://pearlwaterlessinternational.com/wp-content/uploads/2026/02/logo-black.png") no-repeat center center;
    background-size: contain;

    /* START POSITION */
    transform: translate(-50%, -50%);
    transition: transform 0.3s ease, filter 0.3s ease;
}

/* Force purple background on hover */
.ui-socialbar-item:hover,
.ui-socialbar-item.ui--gradient-grey:hover {
    background: #730b86 !important;
    background-image: none !important;
}


/* Turn X white on hover */
li.twitter:hover a.ui-socialbar-image::after {
    transform: translate(-50%, -50%);
    filter: brightness(0) invert(1);
}




/* Remove original Twitter icon background */
li.twitter .ui-socialbar-background {
    background-image: none !important;
}

/* Insert black X as the main background */
li.twitter .ui-socialbar-background {
    background: url("https://pearlwaterlessinternational.com/wp-content/uploads/2026/02/logo-black.png") no-repeat center !important;
    background-size: 22px 22px !important;
}

/* Purple hover background while letting the theme animate */
li.twitter.ui-socialbar-item.ui--animation:hover .ui-socialbar-background {
    background: url("https://pearlwaterlessinternational.com/wp-content/uploads/2026/02/logo-black.png") no-repeat center !important;
    background-size: 22px 22px !important;
}

/* Turn the logo white on hover */
li.twitter.ui-socialbar-item.ui--animation:hover .ui-socialbar-background {
    filter: brightness(0) invert(1);
}