/* Code to change page width START */
.container_12 {
    width: 1920px;
}
.s1_grid_12{
    width: auto;
}
@media only screen and (max-width: 1919px) and (min-width: 600px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
    min-width: 600px;
}}
@media only screen and (max-width: 616px){
.container_12 {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 600px;
    min-width: 320px;
    display: block;
}}
/* Code to change page width END */


/* Code to split navigation menu START */
@media (min-width: 768px) {
    .split-menu ul.firstLevel {
        display: flex !important;
        width: 100% !important;
    }

    .split-menu ul.firstLevel > li:last-child {
        margin-left: auto !important;
    }
}

.split-menu ul.firstLevel > li:last-child a, 
.split-menu ul.firstLevel > li:last-child a span {
    color: #5E4623 !important;
}
/* Code to split navigation menu END */


/* Code for a text box with border START */
.bordered-content {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  /*background: #F5F3EF; */
  border: 4px solid #859461;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  font-family: inherit;
  color: #3b2f28;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
/* Code for a shaded text box with border END */

/* Custom gadget styles */
.gadgetStyleGreen {
  margin: 0 auto;
  background: #F5F3EF;
  border: 4px solid #859461;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  font-family: inherit;
  color: #3b2f28;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.gadgetStyleBlue {
  margin: 0 auto;
  background: #F5F3EF;
  border: 4px solid #508795;
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  font-family: inherit;
  color: #3b2f28;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Remove social login buttons from private member profiles */
#socialLoginContainer, #idSocialLoginContainer { 
    display: none !important; 
}

/* 1. Eliminate the invisible empty spacer containers between fields */
div.fieldContainer:not([id]) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* 2. Tighten the valid profile fields and collapse nested inner margins */
.fieldContainer[id*="idContainer"],
.fieldContainer#idMembershipLevelContainer,
.fieldContainer#idMemberStatusContainer,
.fieldContainer#idMemberCreatedOnContainer,
.fieldContainer#idExpirationDateContainer,
.fieldContainer#idMemberRenewalTypeContainer {
    margin-top: 0px !important;
    margin-bottom: 2px !important; /* Adjust this to change spacing between fields */
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 3. Strip extra padding inside label and text value wrappers */
.fieldSubContainer,
.fieldLabel, 
.fieldBody {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* 4. Fix table layouts inside the Membership Level section */
#idMembershipLevelContainer table,
#idMembershipLevelContainer tr,
#idMembershipLevelContainer td {
    margin: 0 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}