/* red font alerts for application non-compliance */
#field_non_leo_reject_associate {
  color: #ff0808;
  padding-left: 15px;  
}

#field_non_leo_reject_regular {
  color: #ff0808;
  padding-left: 15px;  
}

#field_non_leo_push_regular, #field_1811_active_push {
  color: #ff0808;
  padding-left: 15px;
}

#field_associate_push, #field_1811_active_push {
  color: #ff0808;
}

#field_1811_active_upgrade {
  color: #ff0808;
}

#field_non_leo_reject_associate, #field_non_leo_push_regular {
  color: #ff0808;
  padding-left: 15px;
}

/* button to push retired 1811s to regular subscription */
#field_1811_active_push a {
  background-color: #b69d74; /* Gold */
  border: none;
  color: white;
  padding: 15px 50px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  width: 50%
}

/* button to push retired 1811s to regular subscription */
#field_associate_push > a {
  background-color: #b69d74; /* Gold */
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  width: 50%
}

/* button to push non-leo HSI to associate subscription */
#field_non_leo_push_regular > a:nth-child(2) {
  background-color: #b69d74; /* Gold */
  border: none;
  color: white;
  padding: 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  width: 50%
}

/* Remove glow and hover effects of pricing tables */
.osm-pricing-table .osm-plan {
  border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border-color: #1d1f22;
}

/* homepage - align feature icons center */
.img-icon {
  text-align: center;
}

/* moves left to stack with the rest */
#field_associate_push, #retirement_date_regular-lbl {
  padding-left: 15px;
}

/* moves left to stack with the rest */
#field_1811_active_push, #field_non_leo {
  padding-left: 15px;
}

/* make sign-up and details buttons align side-by-side */
.osm-signup-container {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    display: flex; /* Use flexbox for layout */
    justify-content: center; /* Center items horizontally */
    gap: 10px; /* Add space between buttons */
}

.osm-signup-container li {
    margin: 0; /* Remove any extra margin */
    padding: 0; /* Remove extra padding */
    display: flex; /* Ensure list items align correctly */
}

.osm-signup-container li .btn {
    display: inline-block; /* Ensure buttons retain block-like appearance */
    text-align: center;
    font-size: 16px;
    padding: 10px 20px;
    width: 150px; /* Set fixed width */
    height: 50px; /* Set fixed height */
    line-height: 30px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    background-color: #007bff;
    transition: all 0.3s ease-in-out; /* Smooth transition for hover */
}

.osm-signup-container li .btn-primary {
    background-color: #007bff;
    color: #fff;
}

.osm-signup-container li .btn-secondary {
    background-color: #6c757d;
    color: #fff;
}

/* Invert colors on hover */
.osm-signup-container li .btn:hover {
    background-color: #fff !important; /* White background on hover */
    color: #000 !important; /* Black text on hover */
    border: 1px solid currentColor; /* Optional border */
}

/* use full width and stack textarea */
#field_career_summary .form-control {
  max-width: none; /* or specify a new max-width, e.g., 100% */
}

#field_career_summary .form-control-label {
    flex: 0 0 100%; /* Behaves like col-md-12 */
    max-width: 100%; /* Behaves like col-md-12 */
}

/* payment option spacing */
.osm-container img {
	margin: 0 10px 20px 0;
}

#field_career_summary .eb-form-control {
    flex: 0 0 100%; /* Behaves like col-md-12 */
    max-width: 100%; /* Behaves like col-md-12 */
}

/* override columns from 6/6 to behave as 8/4 */
#os_form .col-md-6:first-of-type {
    flex: 0 0 66.6667%; /* Behaves like col-md-8 */
    max-width: 66.6667%;
}

#os_form .col-md-6:nth-of-type(2) {
    flex: 0 0 33.3333%; /* Behaves like col-md-4 */
    max-width: 33.3333%;
}

/* honeypot */
.achsia-invisible-to-visitors {
    display: none !important;
}

/* custom bg color for profile */
#profile-page {
	background-color: #dedede;
}

/* remove shadow and on hover */
.osm-pricing-table .osm-plan {
	border-radius: 5px;
	text-align: center;
	background-color: #f3f3f3;
	-moz-box-shadow: 0 0 6px 2px #b0b2ab;
	-webkit-box-shadow: 0 0 6px 2px #b0b2ab;
	box-shadow: 0 0;
	position: relative;
}

/* remove shadow and on hover */
#osm-pricing-table .osm-plan a {
	border-radius: 5px;
	text-align: center;
	background-color: #f3f3f3;
	-moz-box-shadow: 0 0 6px 2px #b0b2ab;
	-webkit-box-shadow: 0 0 6px 2px #b0b2ab;
	box-shadow: 0 0;
	position: relative;
}
.osm-pricing-table .osm-plan:hover {
	-moz-box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	box-shadow: 0 0;
}

/* increase font size of price */
.osm-plan-price .price {
	font-size: 1.6em;
}

/* increase dropdown width for membership directory filters */
select.form-select.input-medium {
	width: 220px !important;
}