#c2{
	font-size:0.8rem;
	border:1px solid #ccc;
	border-radius:7px;
	padding:2rem;
	background-color:#fff;
}

#c2 input[type="submit"]{
	background-color:#A8988A;
	color:#fff !important;
	border:0 !important;
}

#c2 input{
	width:100%;
	padding:10px;
}

#c2 h3, #c2 legend{
	font-size:1.25rem;
	padding-top:2rem;
}

body.page-id-1{
	background-image:url(../Images/login_background.jpg);
	background-position:center;
	background-size:cover;
    width: 100vW;
    height: 100vH;
  display: flex;
  align-items: center;         /* vertical centering */
  justify-content: center;     /* horizontal centering */
}


body.page-id-1 main {
  width: 100%;
  max-width: 600px;            /* optional: limit content width */
  padding: 2rem;
}


.frame-type-felogin_login{
	background-image:url(../Images/logo.png);
	background-size:80% auto;
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;
	max-width:20rem;
	margin-left:auto;
	margin-right:auto;
	border-radius:10px;
}


.frame-type-felogin_login label{
	display:block;
	margin-top:1rem;
}

.frame-type-felogin_login #tx-felogin-input-password{
	margin-bottom:1rem;
}

.frame-type-felogin_login form{
	margin-bottom:1rem;
}


.offer-kit__action-btn{
    justify-content: space-between;
    height: 100%;
}

.offer-kit-product__wrapper.product_holder:first-child .button_up {
  display: none;
}
.offer-kit-product__wrapper.product_holder:last-child .button_down {
  display: none;
}

.new-offer a{
	cursor:pointer;
}

.offerselect{
	cursor:pointer;
}

#hiddensubmit{
	visibility:hidden;
}

  :root{
    --idle-bg: rgba(0,0,0,0.5);   /* half transparent backdrop */
    --idle-color: #ffffff;        /* spinner color */
    --idle-accent: #a8988a;       /* leading arc color */
    --idle-z: 9999;               /* overlay stacking */
  }

  /* Screen-reader-only helper */
  .sr-only{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
    clip:rect(0,0,0,0); white-space:nowrap; border:0;
  }

  /* Overlay */
  #idle-overlay{
    position: fixed;
    inset: 0;
    display: none;                 /* hidden by default */
    align-items: center;
    justify-content: center;
    background: var(--idle-bg);
    z-index: var(--idle-z);
    backdrop-filter: saturate(120%) blur(1px); /* optional subtle polish */
  }

  #idle-overlay.is-visible{
    display: flex;
  }
.idle-spinner{
  animation: spin 1s linear infinite;      /* rotate the whole svg */
  transform-origin: 50% 50%;
}

.idle-spinner .bar{
  stroke: var(--idle-accent);
  stroke-dasharray: 126;    /* ~ 2πr for r=20 */
  stroke-dashoffset: 90;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite; /* only dash anim here */
}

.idle-spinner .ring{ stroke: rgb(168, 152, 138, 0.25); }

  @keyframes spin{
    to { transform: rotate(360deg); }
  }

  @keyframes dash{
    0%   { stroke-dashoffset: 110; }
    50%  { stroke-dashoffset: 35;  }
    100% { stroke-dashoffset: 110; }
  }

  /* Optional: prevent page scroll when overlay is visible */
  body.idle-lock{
    overflow: hidden;
    touch-action: none;
  }
  
  
  
  /* All text-based inputs */
input,
select,
textarea {
  color: #000  !important;        /* black text */
}

/* Also force selected option text to be black */
select option {
  color: #000 !important; 
}

.dateholder{
    position: relative;
}

.date_display{
    position: absolute;
    bottom: 7px;
    left: 13px;
    background-color: #fff;
    padding: 0 15px 0 0;
}

#offer-date{
	color:#fff;
}