/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
    background: #3e3695!important;
    color: white !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
    background: #3e3695!important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
    background: #3e3695!important;
    color: white !important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
    background: #3e3695!important;
    color: white !important;
}

.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink {
width: 150px;
height: 50px;
}
.WaGadgetLoginForm .loginContainer.authenticated.loginContainer.authenticated .loginLink:before {
   font: normal 18px/50px 'Ubuntu';
content: 'PROFILE';
}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink {
width: 150px;
height: 50px;
}
.WaGadgetLoginForm .loginContainer.loginContainer .loginLink:before {
font: normal 18px/50px 'Ubuntu';
   content: 'MEMBER LOGIN';
}
.WaPlaceHolder{max-width:100%;}
.WaLayoutTable{width:100%;max-width:1200px;margin:0 auto;}
.fullwidth-section .WaLayoutTable{max-width:100%;}
.zonePlace{padding: 0px;}
.gadgetStyle001 {
    max-width: 1200px;
    margin: 0 auto;
}
.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type="submit"] {
    background: #a63593
}
.WaGadgetBlog .controlPanel .toggleButton {
    position: relative;
    z-index: 5;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #3e3695;
    color: white;
    vertical-align: top;
    cursor: pointer
}

.WaGadgetBlog .controlPanel .toggleButton:hover {
    background: #a63593;
    color: white
}

.WaGadgetBlog .controlPanel .toggleButton:before {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 0 4px;
    font: 16px/50px 'Times New Roman';
    letter-spacing: 4px;
    text-align: center;
    content: '\25AA\25AA\25AA'
}

.WaGadgetBlog .controlPanel.opened .toggleButton {
    background: #a63593;
    color: white
}

.WaGadgetBlog .controlPanel.opened .toggleButton:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.WaGadgetBlog .controlPanel .controlPanelInner {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    height: 0;
    overflow: hidden;
    opacity: 0
}

.WaGadgetBlog .controlPanel.opened .controlPanelInner {
    height: auto;
    opacity: 1
}

.WaGadgetBlog .controlPanel .controlPanelInner a {
    position: relative;
    display: block;
    width: auto;
    height: 50px;
    padding: 0 15px;
    background: #fff;
    color: #a63593;
    font-family: 'Ubuntu Condensed','Arial',sans-serif;
    font-size: 14px;
    line-height: 50px;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase
}

.WaGadgetBlog .controlPanel .controlPanelInner a:hover {
    background: #a63593;
    color: white
}

.WaGadgetBlog .controlPanel .controlPanelInner a:before {
    margin-right: 10px;
    font: 14px 'WA-theme-icons'
}

.WaGadgetBlog .controlPanel .controlPanelInner a+a {
    border-top: 1px solid #a63593
}
.WaGadgetBlogStateList #idAddNewPostButtonContainer input[type=submit]:hover {
    background: #3e3695;
    color: white
}
.WaGadgetBlogStateAddPost .boxFooterOuterContainer input,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #a63593;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none
}
.WaGadgetBlogStateAddPost .boxFooterOuterContainer input:hover,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input:hover {
    background: #3e3695;
    color: white
}

.WaGadgetBlogStateAddPost .boxFooterOuterContainer input:active,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input:active {
    background: #3d2051;
    color: white
}

.WaGadgetBlogStateAddPost .boxFooterOuterContainer input[disabled],.WaGadgetBlogStateEditPost .boxFooterOuterContainer input[disabled],.WaGadgetBlogStateAddPost .boxFooterOuterContainer input.aspNetDisabled,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input.aspNetDisabled,.WaGadgetBlogStateAddPost .boxFooterOuterContainer input .disabled,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.WaGadgetBlogStateAddPost .boxFooterOuterContainer input[disabled]:hover,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input[disabled]:hover,.WaGadgetBlogStateAddPost .boxFooterOuterContainer input.aspNetDisabled:hover,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input.aspNetDisabled:hover,.WaGadgetBlogStateAddPost .boxFooterOuterContainer input .disabled:hover,.WaGadgetBlogStateEditPost .boxFooterOuterContainer input .disabled:hover {
    background: #3d2051;
    color: white
}
.navigationOuterContainer input.nextButton,.navigationOuterContainer input.typeButton,.navigationOuterContainer input[type=submit] {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    padding: 14px 18px 15px;
    background: #a63593;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    margin: 0 10px 10px 0
}

.navigationOuterContainer input.nextButton:hover,.navigationOuterContainer input.typeButton:hover,.navigationOuterContainer input[type=submit]:hover {
    background: #3e3695;
    color: white
}

.navigationOuterContainer input.nextButton:active,.navigationOuterContainer input.typeButton:active,.navigationOuterContainer input[type=submit]:active {
    background: #3d2051;
    color: white
}

.navigationOuterContainer input.nextButton[disabled],.navigationOuterContainer input.typeButton[disabled],.navigationOuterContainer input[type=submit][disabled],.navigationOuterContainer input.nextButton.aspNetDisabled,.navigationOuterContainer input.typeButton.aspNetDisabled,.navigationOuterContainer input[type=submit].aspNetDisabled,.navigationOuterContainer input.nextButton .disabled,.navigationOuterContainer input.typeButton .disabled,.navigationOuterContainer input[type=submit] .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}
.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #a63593;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none
}

.WaGadgetOnlineStoreProduct .OnlineStoreProduct_aside .OnlineStoreButton input.typeButton:hover {
    background: #3e3695;
    color: white
}
.WaGadgetAuthorizationRequired .loginPageTable input.loginButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #3e3695;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:hover {
    background: #3e3695;
    color: white
}

.WaGadgetAuthorizationRequired .loginPageTable input.loginButton:active {
    background: #3d2051;
    color: white
}
.commonMessageBox .cww-co A,.commonMessageBox .cww-co A:link,.commonMessageBox A:active,.commonMessageBox .cww-co A:visited,.commonMessageBox .cww-co A:hover,div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a,div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:link,div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:active,div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:visited {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #a63593!important
}

.commonMessageBox .cww-co A:hover,div.generalFieldsContainer div.fieldBody div.confirmWindowOuterContainer a:hover {
    color: #3e3695!important
}
.generalFieldsContainer input.typeButton,.generalFieldsContainer input[type=submit] {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #a63593;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    margin-right: 10px
}

.generalFieldsContainer input.typeButton:hover,.generalFieldsContainer input[type=submit]:hover {
    background: #3e3695;
    color: white
}

.generalFieldsContainer input.typeButton:active,.generalFieldsContainer input[type=submit]:active {
    background: #3d2051;
    color: white
}

.generalFieldsContainer input.typeButton[disabled],.generalFieldsContainer input[type=submit][disabled],.generalFieldsContainer input.typeButton.aspNetDisabled,.generalFieldsContainer input[type=submit].aspNetDisabled,.generalFieldsContainer input.typeButton .disabled,.generalFieldsContainer input[type=submit] .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.generalFieldsContainer input.typeButton[disabled]:hover,.generalFieldsContainer input[type=submit][disabled]:hover,.generalFieldsContainer input.typeButton.aspNetDisabled:hover,.generalFieldsContainer input[type=submit].aspNetDisabled:hover,.generalFieldsContainer input.typeButton .disabled:hover,.generalFieldsContainer input[type=submit] .disabled:hover {
    background: #a63593;
    color: white
}
.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #a63593;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    margin-right: 10px
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:hover {
    background: #3e3695;
    color: white
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton:active {
    background: #332051;
    color: white
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton[disabled],.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton.aspNetDisabled,.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton[disabled]:hover,.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton.aspNetDisabled:hover,.WaGadgetContactProfile .topButtonsOuterContainer input.typeButton .disabled:hover {
    background: #a63593;
    color: white
}
.functionalButton {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    min-width: 120px;
    margin: 0;
    padding: 14px 18px 15px;
    background: #a63593;
    border: 0;
    outline: 0;
    color: white;
    font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none
}

.functionalButton:hover {
    background: #3e3695;
    color: white
}

.functionalButton:active {
    background: #3d2051;
    color: white
}
.functionalButton[disabled],.functionalButton.aspNetDisabled,.functionalButton .disabled {
    opacity: .5;
    filter: alpha(opacity=50);
    cursor: default
}

.functionalButton[disabled]:hover,.functionalButton.aspNetDisabled:hover,.functionalButton .disabled:hover {
    background: #a63593;
    color: white
}
.camera_commands, .camera_next, .camera_prev {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: #a63593;
    cursor: pointer;
}
.camera_next:hover,.camera_prev:hover {
    background: #3e3695
}
.camera_thumbs_cont {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
}
.camera_thumbs_cont ul li {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #a63593;
}

.assbi-card, .assbi-card * {
  text-decoration: none !important;
  color: inherit !important;
}
.membership-box .join-btn {
  display: inline-block;
  background-color: #3d2051;
  color: #fff !important;          /* force white text */
  font-weight: 600;
  font-size: 16px;
  padding: 12px 28px;
  margin: 20px auto;
  text-align: center;
  border-radius: 10px;
  text-decoration: none !important; /* prevent underline */
  transition: background 0.25s ease, color 0.25s ease;
  width: fit-content;
  cursor: pointer;
  border: none;
}

.membership-box .join-btn:hover,
.membership-box .join-btn:focus,
.membership-box .join-btn:active {
  background-color: #A63593;      /* hover color */
  color: #fff !important;         /* keep text white */
  text-decoration: none !important; /* prevent underline */
  outline: none;                  /* remove focus outline */
}

/* Mobile layout: stack text first, then image */
@media (max-width: 900px) {
  .history-section {
    grid-template-columns: 1fr; /* single column */
    text-align: center;
    padding: 40px 0;
    gap: 20px;
  }

  .history-section .history-text {
    order: 1; /* text first */
    padding: 0 15px;
  }

  .history-section a {
    order: 2; /* image second */
    max-width: 80%;
    margin: 0 auto;
  }

  .history-text h2 {
    text-align: center;
  }
}