/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/******************** CUSTOM STYLES *********************/


/************************ MOBILE RESTRICTION ************************/
/*
@media (max-width: 1024px) {
    body:not(.home) .site-content,
    body:not(.home) .elementor-location-header,
    body:not(.home) .elementor-location-footer,
    body:not(.home) .site-header,
    body:not(.home) .site-footer {
        display: none!important;
    }
}
*/



/* Style for radio buttons to align in a single row */
.radio-boxes-assessment .gfield_radio {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping for smaller screens */
    gap: 10px; /* Add spacing between items */
}

/* Ensure all choices have consistent width */
.radio-boxes-assessment .gchoice {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% / 6 - 10px); /* Distribute evenly (adjust divisor for number of choices) */
    min-width: 120px; /* Prevent items from shrinking too much */
    box-sizing: border-box; /* Include padding and borders in width */
    text-align: center; /* Center the text within each block */
}

/* Adjust for smaller screens */
@media screen and (max-width: 768px) {
    .radio-boxes-assessment .gchoice {
        width: calc(100% / 3 - 10px); /* 3 items per row on tablets */
    }
}

@media screen and (max-width: 480px) {
    .radio-boxes-assessment .gchoice {
        width: calc(100% - 10px); /* Full width for small screens */
    }
}

/* Resize radio buttons */
.radio-boxes-assessment input[type="radio"] {
    width: 20px!important;
    height: 20px!important;
    margin: 0px 5px 0px 0px!important;
}

/* Reduce the height of the paragraph box */
.para-boxes-assessment textarea {
    height: 100px!important;
    resize: none!important;
}

/* Optional: For responsiveness, reduce height on smaller screens */
@media screen and (max-width: 768px) {
    .para-boxes-assessment textarea {
        height: 100px!important;
        resize: none!important;
    }
}


.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #6a0700!important;
    color: #fff!important;
}






.container-survey-arabic {
  text-align: right !important;
}

.container-survey-arabic .gfield_checkbox,
.container-survey-arabic .gfield_radio {
  direction: rtl; /* Ensure the container follows right-to-left layout */
}















#wpadminbar {
  display: none!important;
}

.officer-button-table {
  background-color: #ffffff!important;
  color: #6A0700!important;
  padding: 0px!important;
}



#table-container {
  overflow-y: auto;
}




@media (max-width: 1024px) {
  #edit-modal-inner {
      width: 95% !important;
  }
}


/******************** HEADER *********************/
/* LOGOUT ICON */
.abs-logout-icon {
    cursor: pointer!important;
}



/******************** SIDEBAR MENU *********************/

/************** SIDEBAR STRUCTURE **************/

/* 1 */
/* SIDEBAR CONTAINER MAIN CONTAINER */
#custom-sidebar {
    width: 250px;
    min-height: 100vh!important;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #efefef;
    transition: width 0.3s;
    z-index: 1000;
    overflow-x: hidden;
    overflow-y: auto!important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 10px;
}

/* 2 */
/* SIDEBAR LOGO AND MENU CONTAINER WAPPER */
.sidebar-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
/* 2 */
/* SIDEBAR TOGGLE CONTAINER WAPPER */
.sidebar-toggle {
    padding: 15px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #444;
    margin-top: auto;
}

/* 3 */
/* SIDEBAR LOGO CONTAINER */
.sidebar-logo {
    text-align: left;
    padding: 10px;
}
/* 4 */
/* SIDEBAR LOGO CONTENT */
.sidebar-logo img {
    width: 40px;
    height: 40px;
    transition: all 0.3s;
}

/* 3 */
/* SIDEBAR MENU CONTAINER */
.sidebar-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
/* 4 */
/* SIDEBAR MENU CONTAINER WAPPER */
#menu-side-menu.side-menu {
    margin: 0px !important;
}
/* 5 */
/* SIDEBAR MENU CONTENT */
.sidebar-menu li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #1c1c1c;
}
/* SIDEBAR MENU ICONS */
.sidebar-menu li a .menu-icon {
    margin-right: 10px;
}



/************** SIDEBAR FUNCTION **************/

/* PREVENT FLICKER WITH PRELOADER CLASS */
html.loading #custom-sidebar,
html.loading #main-content {
    visibility: hidden;
}

/******* SIDEBAR COLLAPSED STATE *******/

/* PAGE WHEN SIDEBAR IS IN COLLAPSED STATE */
html.sidebar-collapsed #main-content {
    margin-left: 60px;
}
/* SIDEBAR IN COLLAPSED STATE */
html.sidebar-collapsed #custom-sidebar {
    width: 60px;
}

/* SIDEBAR ICONS IN COLLAPSED STATE */
#custom-sidebar.collapsed .sidebar-menu li a .menu-icon {
    /* display: inline-block; */
    width: 20px;
    height: 20px;
    margin-right: 0;
}
/* SIDEBAR TEXT IN COLLAPSED STATE */
#custom-sidebar.collapsed .sidebar-menu li a span.menu-text {
    display: none;
}

/******* SIDEBAR COLLAPSED RESPONSIVNESS *******/

/* DESKTOP */
@media (min-width: 1024px) {
  #main-content {
      margin-left: 250px;
      transition: margin-left 0.3s;
  }
}

/* MOBILE */
@media (max-width: 1024px) {
  /* Hide sidebar on mobile by default */
  #custom-sidebar.custom-sidebar-main-container {
      transform: translateX(-100%); /* Initially off canvas */
      transition: transform 0.3s;
      width: 250px;
      min-height: 100vh!important;
      overflow-y: auto!important;
      position: fixed!important;
  }

  #main-content {
      transition: transform 0.3s;
  }

  /* Show sidebar when mobile-visible is added */
  #custom-sidebar.mobile-visible {
      transform: translateX(0); /* Slide in from the left */
  }

  /* Move main content off-canvas when sidebar is visible */
  #main-content.mobile-shifted {
      transform: translateX(250px); /* Adjust this to match sidebar width */
  }

  #main-content {
      margin-left: 0; /* Reset the margin so content is full width */
  }

  /* Disable scrolling when sidebar is open */
  body.no-scroll {
      overflow: hidden;
      touch-action: none; /* Disable touch scrolling on mobile */
  }

  /* Disable pointer events on the rest of the body when sidebar is open */
  body.no-scroll #main-content {
      pointer-events: none; /* Disable interactions with content outside the sidebar */
  }

  /* Ensure hamburger icon is still clickable */
  body.no-scroll .mobile-menu-hamburger {
      pointer-events: all;
  }

  /* Hide the sidebar toggle on mobile */
  .sidebar-toggle {
    display: none;
  }
}
















/************** SIDEBAR CONTENT **************/

/* MENU ITEMS ICON+TEXT */
.sidebar-menu li a {
    color: #1c1c1c;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 10px 20px;
    white-space: nowrap;
    overflow: hidden;
}
/* MENU ITEMS ICON */
.sidebar-menu li .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
/* ICON DASHBOARD */
.icon-dashboard .menu-icon::before {
  font-family: "eicons";
  content: "\e83a";
  font-size: 20px;
}
/* ICON REPORTS */
.icon-reports .menu-icon::before {
  font-family: FontAwesome;
  content: "\f201";
  font-size: 20px;
}
/* ICON NEWS */
.icon-news .menu-icon::before {
  font-family: "eicons";
  content: "\e84b";
  font-size: 20px;
}
/* ICON MESSGAE */
.icon-messages .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/10/icon-chat-4.svg');
}
.menu-icon-container {
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
}
/* ICON MESSGAE COUNTER */
.unread-counter {
    position: absolute;
    margin: -10px 0px 0px 10px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
/* ICON FORMS */
.icon-forms .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/10/icon-forms-4.svg');
}
/* ICON DOCUMENTS */
.icon-documents .menu-icon::before {
  font-family: "eicons";
  content: "\e985";
  font-size: 20px;
}
/* ICON DIRECTORY */
.icon-directory .menu-icon::before {
  font-family: "eicons";
  content: "\e96a";
  font-size: 20px;
}
/* ICON CHANGES */
.icon-changes .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/09/exchange.png');
}
/* ICON SUPPORT */
.icon-support .menu-icon {
  background-image: url('https://portal.abs.edu.jo/wp-content/uploads/2024/10/icon-support-4.svg');
}
/* ICON ADMIN */
.icon-admin .menu-icon::before {
  font-family: "eicons";
  content: "\e878";
  font-size: 20px;
}

/* TOGGLE BUTTON ICON */
.sidebar-toggle .toggle-icon {
    font-size: 20px;
}

































/******************** BUDDYPRESS *********************/

/* HIDE SEARCH USER IN CHAT
.chat-header.side-header .bpbm-search {
	display: none!important;
}

.chat-header.side-header .new-message {
	display: none!important;
}
*/


/* HIDE PROFILE PUBLIC/PRIVATE MESSAGE BUTTONS */
.member-header-actions.action {
  display: none!important;
}
/* HIDE PROFILE SETTINGS BUTTONS */
#member-primary-nav #settings-personal-li {
  display: none!important;
}
/* HIDE PROFILE MESSAGE BUTTONS */
#member-primary-nav #bp_better_messages_tab-personal-li {
  display: none!important;
}
/* HIDE PROFILE EDIT BUTTONS */
#member-secondary-nav #edit-personal-li {
  display: none!important;
}
/* HIDE RSS BUTTON */
#activity-rss-feed {
  display: none!important;
}

/* FEEDBACK BUTTON */
.buddypress-wrap .bp-feedback.help .bp-icon, .buddypress-wrap .bp-feedback.info .bp-icon {
    background-color: #6A0700 !important;
}
/* PROFILE NOTIFICATIONS TABLE */
.notifications.bp-tables-user .bulk-select-check {
  text-align: center!important;
}
.notifications.bp-tables-user .notification-actions {
  text-align: center!important;
}




/* BP MESSAGE WINDOW HEADER ITEMS */
.bp-messages-wrap .chat-header>a, .bp-messages-wrap .chat-header>span {
    color: #6A0700 !important;
}
/* BP MESSAGE WINDOW FOOTER ITEMS */
.bp-messages-wrap .chat-footer>a {
    color: #6A0700 !important;
}


.button.large.primary.button-primary {
  background: #6A0700 !important;
  color: #ffffff !important;
  border: 2px solid #6A0700 !important;
  border-radius: 3px !important;
}
.button.large.primary.button-primary:hover {
  background: #ffffff !important;
  color: #6A0700 !important;
}



/******************** BETTER MESSAGES *********************/

/* BP MESSAGE COUNTER */
.bp-messages-wrap .threads-list .thread .unread-count {
    background: #6A0700 !important;
}
.bpbmuc {
    background: #6A0700 !important;
}

/* BP NEW MESSAGE NOTIFICATION */
.bm-toast-site-message {
    background: #6A0700 !important;
}
/* NOTIFICATION */
.bm-toasts.Toastify__toast--info {
    background: #6A0700 !important;
}


/* CHAT THREAD RECIPENT */
.bp-messages-wrap .bm-messages-list .bm-list .bm-messages-stack.bm-right-side .bm-content .bm-messages-listing .bm-message .bm-message-content:not(.bm-hide-background) {
  background: #6A0700 !important;
}






/******************** PROFILE *********************/

@media screen and (min-width: 46.8em) {
    body.buddypress .site-content {
        padding-top: 0em;
    }
}

/******************** PORTAL *********************/
.portal-tiles a {
  text-decoration: none!important;
}














/******************** FORMS *********************/
.gform_wrapper.gravity-theme .chosen-container-single .chosen-single {
  border: 1px solid var(--ast-border-color)!important;
  background: none!important;
  box-shadow: none!important;
}
.gform_wrapper.gravity-theme .gsection {
    padding: 30px 0px 0px 0px !important;
}
.gsection_title {
  font-size: 20px!important;
  color: #6A0700!important;
  font-weight: 700!important;
  margin-bottom: 10px !important;
}




/******************** TICKET *********************/
.gfield_description.gfield_validation_message {
    display: none !important;
}
















/* */
/* END */
/* */