/*
 Theme Name:   Pygmy Goat Breeders Directory Australia
 Theme URI:    https://pygmygoatbreeders.com.au
 Description:  Pygmy Goat Breeders Directory Australia theme
 Author:       Eagleburra
 Author URI:   https://eagleburra.com.au
 Template:     generatepress
 Version:      26.4
*/

/* CSS HEX
--global-color-10 #562C2C;
--global-color-8: #FF9505;
--global-color-9: #F5DFBB;
--global-color-11: #0E9594;
--accent: #187795;*/

/* CSS RGB
--global-color-10: rgb(86, 44, 44);
--global-color-8: rgb(255, 149, 5);
--global-color-9: rgb(245, 223, 187);
--global-color-11: rgb(14, 149, 148);
--accent: rgb(24, 119, 149);
*/

/* --------------------
  Menu Styles
-------------------- */
.main-navigation ul ul {
  box-shadow: 2px 2px 0 rgba(0, 0, 0, .2) !important;
  border: 1px solid var(--accent) !important;
}

/* --------------------
   Form Styles
-------------------- */

/* Text-based inputs, select dropdowns, checkboxes & radio buttons, Forminator-specific fields */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="color"], textarea,
.um-form input[type=number], .um-form input[type=password], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=text],
select,
input[type="checkbox"], input[type="radio"],
.forminator-input, .forminator-textarea, .forminator-select {
  border-radius: 12px !important;
}

/* All other form elements & Buttons */
.button, .kb-button, .kt-button, .um-button, .drts-view-nav-item-name-add {
  border-radius: 6px !important;
  background: var(--global-color-10) !important;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
}
.drts-view-nav-item-name-add.drts-bs-btn-outline-secondary {
  color: #FFF !important;
  border: 1px solid var(--global-color-10) !important;
}
.drts-view-nav-item-name-add.drts-bs-btn-outline-secondary:hover {
  border: 1px solid var(--global-color-8) !important;
}
.button:hover, .kb-button:hover, .kt-button:hover, .um-button:hover, .drts-view-nav-item-name-add:hover,
.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover,
.um-button:hover, a.um-button.um-alt:hover, .button.edit-profile:hover, .um-modal-btn.alt:hover, .um-modal-btn.um-user-photos-new-album:hover {
  background: var(--global-color-8) !important;
}
.button:hover, .kb-button:hover, .kt-button:hover, .um-button:hover, .drts-view-nav-item-name-add:hover,
.um .um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:hover {
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
}
.um .um-button.um-alt, .um input[type=submit].um-button.um-alt {
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
  background: #187795 !important;
  color: #FFF !important;
}
.mce-btn button, .wp-switch-editor {
  background: transparent !important;
}
.um .wp-editor-tools, .um-editor .wp-editor-tools, .um-register .wp-editor-tools {
  display: none;
}
.um-form input[type=number], .um-form input[type=password], .um-form input[type=search], .um-form input[type=tel], .um-form input[type=text], .um-form select {
  width: 400px;
}
.um-editing .um-field-short_bio input[type=text]{
  width: 100%;
}

/* --------------------
  UM Styles
-------------------- */

/* Change font size for UM field description/tip */
.um-field-tooltip, .um-field-tooltip .um-tooltip-content {
    font-size: 16px !important;
    border-radius: 16px;
}

/* UM Cards */
.umc-card {
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
  position: relative;
}
.umc-card:hover {
  border: 1px solid var(--accent) !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
  width: 48% !important;
  text-align: left !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
  width: 3% !important;
}
.umc-card-overlay {
  position: absolute;
  inset: 0;              /* shorthand for top/right/bottom/left: 0 */
  z-index: 10;
  background: transparent;
  text-indent: -9999px;  /* hide text but keep link accessible */
  cursor: pointer;
}
.um-members-grid .umc-card {
  display: flex;
  gap: 1px;
}
.um-members-grid .card-view-left {
  flex: 0 0 150px;
  margin-right: 8px;
}
.um-members-grid .card-view-right {
  flex: 1;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .card-view-right-container {
  padding: 4px 6px 0 0;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .umc-profile-photo-image img {
  padding: 4px !important;
  text-align: left !important;
}
.um-members-grid .um-member .um-member-card .um-member-name {
  justify-content: flex-start !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .umc-short-bio {
  font-size: 12px;
  padding-top: 6px;
}
.um-directory .um-member .um-member-name a {
  font-weight: 600 !important;
  color: var(--accent) !important;
  font-size: 18px !important;
}
.um-directory .um-member .um-member-name a:hover {
  color: var(--global-color-8) !important;
}
.um-directory .um-member .umc-names {
  padding-bottom: 4px;
  font-weight: 600;
}

/* Profile Layout */
.um-profile-body.responsive {
  display: none;
}
.buttons-manage {
  text-align: right;
}
.um.um-profile.um-viewing {
  margin-top: 0;
}
.um-profile .umc-profile-left {
  display: block;
  width: 44%;
  float: left;
}
.um-profile .umc-profile-right {
  display: block;
  width: 54%;
  float: right;
  padding-left: 18px;
  margin-top: 14px;
}
.um-header {
  padding: 0;
  min-height: 5px;
  border: 0 none;
}
.um-profile-nav {
  background: var(--base-2);
}
.um-profile-photo, .um-profile-meta, select[name="user_photos_privacy"], #um_field_0_um_show_last_login, .um-profile-note {
  display: none !important;
}
.um-profile-edit {
  top: -20px;
}
.um-feature-photo, .umc-profile-no-image {
  padding: 6px;
  border: 1px solid var(--contrast-3);
  margin-bottom: 8px;
}
.um-user-photos-albums .um-up-cell {
  border-radius: 0;
  background: var(--base-3);
}
.umc-inner-profile-left {
  width: 55%;
  float: left;
  padding: 8px 12px;
}
.umc-inner-profile-right {
  width: 44%;
  float: right;
  padding: 8px 12px;
  text-align: right;
  font-size: 15px;
}
.umc-stud-name {
  background: var(--accent);
  color: var(--base-3);
  padding: 16px 12px 1px;
  text-transform: capitalize;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
}
.umc-stud-info, .umc-member-since {
  font-size: 16px;
  padding: 16px 12px;
  padding-bottom: 16px;
}
.umc-member-since {
  padding: 6px 12px;
}
.umc-suburb-town-state, .umc-memberships, .umc-breeding-percentage, .umc-dna-types, .umc-health-testing {
  margin: 6px 0;
}
.umc-stud-info-container {
  border-top: 3px solid var(--accent);
  border-bottom: 3px solid var(--accent);
  clear: both;
  width: 100%;
  margin-top: 20px;
  display: block;
}
.um-profile .umc-names {
  margin-bottom: 20px;
}
.umc-additional-names {
  margin-bottom: 1.5em;
}
.umc-suburb-town-state p, .umc-memberships p, .umc-breeding-percentage p, .umc-dna-types p, .umc-health-testing p {
  border-top: 1px solid var(--contrast-3);
  padding-top: 4px;
  margin-bottom: 1.5em;
}
.umc-additional-names label {
  border-bottom: 1px solid var(--contrast-3);
  padding-bottom: 4px;
}
.umc-additional-names p {
  font-size: 24px;
  margin-bottom: 0.1em;
}
.umc-names, .umc-suburb-town-state {
  text-transform: capitalize;
}
.umc-names h2 {
  margin-bottom: 2px;
}
.umc-mobile-phone, .umc-email, .umc-website {
  margin-bottom: 16px;
}
.umc-profile-right label, label {
  font-weight: bold;
}
.umc-profile-right label {
  display: block;
  margin-bottom: 5px;
}
.umc-notice {
  padding: 20px 30px;
  display: block;
  color: var(--base-3);
  background-color: var(--accent);
  text-align: center;
}
.umc-notice a {
  color: var(--global-color-11) !important;
}
.umc-notice a:hover {
  color: var(--base-3) !important;
}
.drts-dashboard-main td {
  vertical-align: middle !important;
}
.umc-phone-reveal-button {
  color: #ff8c00 !important;
  border: 1px solid var(--global-color-8) !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  display: inline-flex;
  transition: all 0.2s ease;
  background: transparent !important;
  margin-top: 8px !important;
}

/* Editing Layout Styles */
.um-members-edit-btn a:hover:before, .um .um-button.um-alt, .um-edit-profile-btn.um-button.um-alt:before {
  color: var(--global-color-8);
  background: transparent;
}
.um-edit-profile-btn.um-button.um-alt:hover:before {
  color: var(--base-2);
  background: transparent;
}
.um-profile.um .um-profile-edit a {
  color: var(--accent);
}
.um-profile.um .um-profile-edit a:hover {
  color: var(--global-color-8);
}
.um-dropdown.um-dropdown-menu {
  top: 44px !important;
  left: 10px !important;
}
.um-field-divider-text span {
  color: var(--contrast-3);
}
.um-editing .um-field-error {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -20px;
}
.um-editing .um-field-error .um-faicon-caret-up, .um-dropdown-arr, .um-icon-arrow-up-b {
  display: none;
}
.um-profile-edit-a {
  padding: 12px 6px;
  font-size: 14px;
  background-color: var(--global-color-10) !important;
  color: var(--base);
  border-radius: 4px;
}
.um-profile-edit-a:hover {
  background-color: var(--global-color-8) !important;
}
.um-profile-edit-a .um-faicon-cog, .um-profile-edit-a .um-faicon-check {
  font-size: 18px;
  color: var(--base);
  padding-left: 6px;
}
.um-profile-edit-a .um-faicon-cog:after {
  content: "Edit";
  font-size: 16px;
  padding: 2px 6px;
  font-style: normal;
}
.um-profile-edit-a .um-faicon-check:after {
  content: "Update";
  font-size: 16px;
  padding: 2px 6px;
  font-style: normal;
}
.um-profile-save, .um-editing .um-user-photos-albums .um-up-cell {
  display: none;
}
.um-editing .um-user-photos-albums .um-up-cell {
  display: block !important;
}
.um-button, .um-modal-btn, .button-edit-profile {
  padding: 6px 8px !important;
  background: var(--accent) !important;
  color: var(--base-3) !important;
  line-height: unset !important;
  height: auto !important;
  vertical-align: unset !important;
  font-size: 16px !important;
}
.um-button:hover, .um-modal-btn:hover {
  color: var(--base-3) !important;
}
a.um-button.um-alt {
  padding: 14px 20px !important;
  background: var(--global-color-9) !important;
}
.um-editing .um-field-feature_photo, .um-editing .photo-gallery {
  padding: 10px;
  border: 3px solid var(--accent);
}
.um-editing .um-field-feature_photo {
  margin-top: 15px;
}
.um-postmessage {
  padding-top: 20px;
}
.um-editing .um-single-image-preview, .um-editing .um-field-area {
  text-align: left;
}
.um-editing .um-field-area {
  text-align: left !important;
}
.um-editing .um-single-file-preview a.cancel, .um-single-image-preview a.cancel {
  left: 500px !important;
  right: 0;
  padding-left: 8px;
}
.um-editing .um-field-mobile_number {
  padding-bottom: 20px;
}

/* Member Photos */
.um-user-photos-album-options {
  padding: 2px 6px 4px;
  background: var(--accent);
  border-radius: 4px;
  margin-right: 10px;
}
.um-user-photos-album-options:hover {
  background: var(--global-color-8);
}
.um-user-photos-album-options .um-faicon-cog {
  font-size: 18px;
  color: var(--base-3);
  padding-left: 6px;
}
.um-user-photos-album-options .um-faicon-cog:after {
  content: "Update Photos";
  font-size: 16px;
  padding-left: 6px;
  padding-right: 6px;
  font-style: normal;
  color: var(--base-3);
}
.um-user-photos-back-to-gallery, .back-to-profile a, .to-profile {
  font-size: 16px;
  padding: 6px 8px;
  border-radius: 4px;
}
.um-user-photos-back-to-gallery {
  background: var(--global-color-10);
  color: var(--base-3);
}
.um-user-photos-back-to-gallery:hover, .to-profile:hover {
  background: var(--global-color-9);
  color: var(--base-3);
}
.back-to-profile a {
  font-size: 16px !important;
}
.to-profile {
  margin-left: 12px;
  background: var(--accent);
  color: var(--base-3);
}
.gallery-back-to-profile {
  width: 180px !important;
}
.um-galley-modal-update {
  background: var(--global-color-9) !important;
  color: var(--base-3) !important;
}
.um-galley-modal-update:hover {
  background: var(--global-color-10) !important;
  color: var(--base-3) !important;
}
.button.edit-profile {
  background: var(--global-color-9);
}
.um-modal-btn.alt {
  background: var(--global-color-10) !important;
  color: var(--base-3) !important;
}
.um-modal-btn.alt.um-user-photos-modal-close-link {
  background: var(--contrast-2) !important;
}
.um-modal-btn.alt.um-user-photos-modal-close-link:hover {
  background: var(--contrast) !important;
  color: var(--base-3) !important;
}
.um-modal-btn.um-user-photos-new-album, .add-photos {
  background: var(--global-color-10) !important;
}
.um-modal-btn.um-user-photos-new-album {
  margin-top: 4px !important;
}
.add-photos, .add-photos:hover {
  border-radius: 4px;
}
.um-faicon-camera:before, .um-faicon-chevron-left:before {
  margin-left: -6px;
  padding-right: 6px;
}
.um-user-photos-albums .back-to-profile.button, .photos-default .umc-profile-left, .photos-default .umc-profile-right {
  display: none;
}
.divide {
  color: var(--global-color-8);
}
.um-user-photos-album-head {
  margin-top: 18px;
}
.umc-mobile-phone {
  font-size: 17px;
}
.imgs-grid-modal .modal-close {
  font-size: 48px;
  right: 20px;
  top: 20px;
}
.imgs-grid-modal {
  z-index: 99999;
}
.album-create-note {
  font-size: 13px;
  padding-top: 8px;
}
.modal-image img {
  border: 3px solid #FFF;
}

/* -------------------------
   Pygmy Goats For Sale
------------------------- */

.drts-form-field-main #mceu_0, .drts-form-field-main #mceu_9, .drts-form-field-main #mceu_10, .drts-form-field-main #mceu_11, .field-price .drts-col-3 {
  display: none;
}
.drts .drts-listings {
  background-color: #fff;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid var(--accent);
  border-radius: 6px;
}
.drts .drts-listings:hover {
  border: 1px solid var(--global-color-8);
}
.drts .drts-bs-list-group-item {
  border: 0 none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.drts button {
  border-radius: 6px;
}

/* Registration and Login */

.um-postmessage {
  border: 2px solid var(--accent);
  border-radius: 6px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.2) !important;
  color: var(--accent);
  padding: 12px;
  background: #FFF;
}
.page-login .entry-header {
  text-align: center !important;
}

/* Edit form Layout Changes */

.um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea {
  color: var(--contrast);
}
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select {
  width: 350px;
  max-width: 100%;
  border-radius: 2px;
  padding: 6px 15px;
}
.um-editing .um-user-photos-albums .um-up-grid-col-4 {
  grid-template-columns: repeat(6, 1fr);
}
.um-editing .um-field-stud_name, .um-register .um-field-stud_name {
  width: 100%;
  background: var(--accent);
  padding: 20px 10px;
  color: var(--base-3);
}
.um-editing .um-field-stud_name label, .um-register .um-field-stud_name label {
  color: var(--base-3);
}
.um-editing .um-field-stud_name input {
  width: 900px;
  max-width: 100%;
}
.um-editing .um-field-mobile_number, .um-editing .um-field-suburb_town, .um-editing .um-field-state {
  clear: both;
  max-width: 100%;
}
.um-editing .um-field-add_to_map, .um-editing .um-field-association_memberships, .um-editing .um-field-dna_types {
  width: 600px;
  max-width: 100%;
}
.um-editing .um-field-state,
.um-editing .um-field-aabmgs_membership_number, .um-editing .um-field-agb_membership_number, .um-editing .um-field-mga_memberhip_number, .um-editing .um-field-mgba_memberhip_number, .um-editing .um-field-npgaa_memberhip_number,
.um-editing .um-field-cae_testing, .um-editing .um-field-health_testing_year {
  width: 350px;
  max-width: 100%;
}
.um-editing .um-field-doe_breeding_percentage_from, .um-editing .um-field-doe_breeding_percentage_to,
.um-editing .um-field-buck_breeding_percentage_from, .um-editing .um-field-buck_breeding_percentage_to {
  width: 350px;
  float: left;
  max-width: 100%;
  padding-right: 20px;
}
.um-editing .um-field-buck_breeding_percentage_from, .um-editing .um-field-dna_types, .um-editing .um-field-cae_testing, .um-editing .um-field-health_testing_year, .um-editing .um-col-alt, .um-editing .um-field-privacy-terms, .um-account-tab .um-field-user_email {
  clear: both;
}
.um-editing .tmce-active .quicktags-toolbar {
  display: none !important;
}
.um-editing .um-col-alt {
  padding-top: 20px;
}
.um-register .um-field-stud_name {
  margin-top: 15px;
}
.um-register .um-field-feature_photo {
  border: 2px solid var(--accent);
  padding: 10px;
  margin-top: 15px;
}
.um-register .um-field-block {
  border: 2px solid var(--accent);
  border-bottom: 0 none;
  padding: 10px 10px 0;
  margin-top: 16px;
}
.um-register .um-field-block .um-field-label {
  margin: 0;
  color: var(--contrast);
}
.um-register .um-field-privacy-terms {
  border: 2px solid var(--accent);
  border-top: 0 none;
  font-weight: 600;
  padding: 10px;
}
.um-register .um-field-privacy-terms .um-field-checkbox-option {
  color: var(--contrast) !important;
}
.um-register .um-field-privacy-terms .um-field-half {
  width: 100%;
}
.um-field-checkbox:not(.um-field), .um-field-radio:not(.um-field) {
  display: block;
  margin: 0 0 8px 0;
  position: relative;
}

/* Contact Form 7 for breeder contact */
#cf7-popup, #cf7-popup-r, #cf7-form-modal, #cf7-form-modal-r {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  z-index: 99999;
}
#cf7-popup, #cf7-popup-r {
  top: 20px;
  transition: opacity 0.4s ease;
}
#cf7-form-modal, #cf7-form-modal-r {
  top: 0;
  transition: opacity 0.35s ease;
}
#cf7-popup.show, #cf7-popup.show-r, #cf7-form-modal.show, #cf7-form-modal-r.show {
  opacity: 1;
  pointer-events: auto;
}
.cf7-popup-content, .cf7-modal-content {
  background: #fff;
  border-radius: 10px;
}
.cf7-popup-content {
  padding: 25px 35px;
  text-align: center;
  font-size: 18px;
  animation: popupFade 0.4s ease;
}
.cf7-modal-content {
  padding: 30px;
  width: 90%;
  max-width: 500px;
  animation: modalFade 0.35s ease;
  position: relative;
  text-align: left;
}
@keyframes popupFade {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
@keyframes modalFade {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.cf7-modal-close {
  position: absolute;
  top: 10px;
  right: 12px;
  background: transparent !important;
  border: none;
  font-size: 16px;
  cursor: pointer;
  padding: 2px 6px !important;
  color: #333;
}
.cf7-modal-close:hover {
  color: #000;
}
.wpcf7-response-output {
  display: none;
}

/* --------------------------------
  Directory Goats for Sale Styles
--------------------------------- */

.directory-listing-status, .directory-listing-admin-buttons {
  text-align: center;
}
.pygmy_goats_dir_ltg header {
  display: none;
}
.display-title-column {
  margin-bottom: 18px;
}
.display-pygmy-goat-name h2 {
  font-size: 3rem;
  color: var(--contrast);
  margin-bottom: 4px;
}
.drts-display-element {
  margin-bottom: 10px;
}
.drts-display-element a {
  text-decoration: none;
}
.drts-display-element h3 {
  margin-bottom: 12px;
}

/* Phone and Contact Form on Directory Listings */
#phoneNumber {
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  display: block;
  margin-top: 10px;
}
#phoneNumber.revealed {
  opacity: 1;
  margin-top: 0;
}
.pgba-call-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.umc-call-container {
  display: block;
}
.pgba-phone-number, .pgba-loading {
  margin-top: 4px !important;
}
.profile-fs-pygmy-goat-details div {
  margin: 6px 0;
}

/* Shared button style (matches your Back button) */
.pgba-theme-btn, .pgba-phone-number, .pgba-loading, .umc-phone-number {
  color: #ff8c00 !important;
  border: 1px solid var(--global-color-8) !important;
  padding: 8px 16px !important;
  border-radius: 6px !important;
  display: inline-flex;
  transition: all 0.2s ease;
  background: transparent !important;
  margin-top: 8px !important;
}
.pgba-phone-number a, .umc-phone-number a {
  color: #ff8c00 !important;
}
.pgba-theme-btn svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

/* Contact Breeder button & Modals */
.pgba-contact-btn {
  background: #ff8c00;
  color: #fff;
  padding: 10px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
}
.pgba-contact-btn:hover {
  background: #e67a00;
}
.pgba-modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  justify-content: center;
  align-items: center;
}
.pgba-modal-content {
  background: #fff;
  padding: 25px;
  border-radius: 10px;
  max-width: 450px;
  width: 90%;
  position: relative;
  box-shadow: 0 10px 35px rgba(0,0,0,0.15);
  animation: fadeInScale 0.25s ease-out;
}
.pgba-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
  color: #666;
}
.pgba-close:hover {
  color: #000;
}
#pgbaSuccessModal .pgba-modal-content {
  max-width: 350px;
  text-align: center;
}
.pgba-success-box {
  text-align: center;
  padding: 30px 25px;
}
.pgba-success-icon {
  font-size: 48px;
  color: #28a745;
  font-weight: bold;
  margin-bottom: 15px;
  animation: tickPop 0.4s ease-out;
}

@keyframes tickPop {
  0% { transform: scale(0.4); opacity: 0; }
  60% { transform: scale(1.15); opacity: 1; }
  100% { transform: scale(1); }
}
@keyframes fadeInScale {
  from { opacity: 0; transform: scale(0.92); }
  to { opacity: 1; transform: scale(1); }
}
.slick-slide {
  padding:6px;
  background:#FFF;
}

/* --------------------------------
  Restrict Website Access Plugin
-------------------------------- */
.hero {
  width: 100%;
  margin-bottom: 30px;
}
.rwa-custom-logo {
  max-width: 100%;
}
.content.rwa h2, .hidden, .drts .drts-bs-d-sm-inline-flex {
  display: none !important;
}

/* --------------------------------
  Responsive Media Queries
-------------------------------- */
@media (max-width: 959px) {
  .um-profile-body.responsive {
    display: block;
  }
  .um-profile-body.responsive.photos .umc-stud-name-container,
  .um-profile-body.responsive.photos .umc-feature-photo-container,
  .um-profile-body.responsive.photos .umc-photos-container,
  .um-profile-body.responsive.photos .umc-stud-info-container,
  .um-profile-body.desktop {
    display: none;
  }
  .um-profile .umc-profile-left, .um-profile .umc-profile-right {
    display: block;
    width: 100%;
    float: none;
  }
  .um-profile .umc-profile-left {
    min-width: 100%;
  }
  .um-profile .umc-profile-right {
    border: 0 none;
    padding-top: 24px;
    padding-left: 0;
  }
  .um-profile .umc-profile-right .umc-inner-profile-left,
  .um-profile .umc-profile-right .umc-inner-profile-right {
    display: block;
    width: 100%;
    float: none;
    border: 0 none;
    padding-top: 18px;
    padding-left: 0;
  }
  .umc-stud-name {
    background: var(--accent);
    color: var(--base-3);
    padding: 16px 12px 1px;
    text-transform: capitalize;
    margin-top: 10px;
  }
  .umc-photos-container, .umc-stud-info-container {
    margin-bottom: 40px;
  }
  .umc-stud-info-container {
    display: block;
  }
  .umc-name {
    margin-top: 20px;
  }
  .umc-stud-name, .umc-name, .umc-mobile-phone, .umc-email, .umc-website, .umc-additional-names {
    text-align: center;
  }
  .umc-stud-info {
    border-top: 2px solid var(--accent);
    padding: 20px 0 0 0 !important;
    margin-top: 20px;
  }
  .um-social-icons {
    text-align: center !important;
    margin-bottom: 20px;
  }
}

@media (max-width: 768px) {
  .um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
    width: 100% !important;
  }
  .um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
    width: 0 !important;
  }
  .imgs-grid-modal .modal-inner .modal-image {
    position: absolute;
  }
  .um-user-photos-album-head {
    display: block;
  }
  .um-user-photos-album-head .um-user-photos-back-to-gallery,
  .um-user-photos-album-head .to-profile {
    padding: 3px 7px;
  }
  .um-user-photos-album-head .col-back {
    display: flex;
    width: 100%;
    float: none;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-around;
    justify-content: center;
  }
  .um-user-photos-album-head .col-back a {
    margin-top: 3px;
  }
  .um-user-photos-album-head .col-title h2 {
    margin-top: 8px;
    font-size: 22px;
    font-weight: 600;
  }
  .um-dropdown {
    top: 46px !important;
    right: 0 !important;
  }
}

@media (max-width: 672px) {
  .um-editing .um-field-first_name, .um-editing .um-field-last_name {
    width: 100%;
    float: none;
  }
  .um-editing .um-field-last_name {
    margin-left: 0;
  }
}

@media (min-width: 500px) {
  .hero {
      margin-bottom: 30px;
  }
}