/* Jonathan Raimer Custom CSS, can Override PowerSchool CSS */

/* Student Photo Sharpen */
.sharpen200 {image-rendering: pixelated; background-image: url('https://powerschool.ghsd.k12.ca.us/images/blankphoto.jpg'); height: 200px; width: 300px;}

/* Student Photo Remove at Minimum Screen Length */
/* 900px when Favorites Menu is not Pinned, Around 1100px with Pin, 825px Minimum Important */
@media screen and (max-width: 900px) { 
.photomainscreen .account-photo img {width:0px !important;  height:0px !important; background-image: url('') !important; border-width:0px !important;}
div.photomainscreen {width:0px !important; height:0px !important; position: absolute !important;} /* Added Based on Photo Shrink Value on div.photoscreenmain */
.account-photo img, .user-photo img {padding: 0px !important; border: 0px !important;}
} /* max-width: 825px before font change, 860px is good without Favorites*/

/* Photo Shrink at Minimum Screen Length */
@media screen and (max-width: 1300px) { 
.photomainscreen .account-photo img {width:75px !important;  height:90px !important; background-image: url('https://powerschool.ghsd.k12.ca.us/images/blankphotosmallscreen.jpg') !important;} /* width:76px !important;  height:114px !important; Life Touch */
.account-photo img, .user-photo img {padding: 0px !important; border: 0.15rem solid !important; border-color: #bbbbbb !important; background-position: 0px 0px !important; border-radius: 5px !important;}
#container-frame.pds #page-heading-div {margin-top:-20px !important; margin-bottom:-20px !important;}
div.photomainscreen {min-width:88px; position: relative;}
}

/* .account-photo img, .user-photo img {border: 0px !important; padding: 0px !important;}  */

/* Photo Curved, Solid Borders for all Student Pictures (including Teacher Portal Student Pages and Admin Legacy Screen) over 1300px */
@media screen and (min-width: 1300px) {
.account-photo img, .user-photo img {padding: 0px !important; border: 0.15rem solid !important; border-color: #bbbbbb !important; background-position: 0px 0px !important; border-radius: 5px !important;}
}


/* Main Navigation Menu - Start */

/* Icon Font - Start Page */
@media (min-width: 769px) {
  .pds-nav-primary.pds-app-nav .pds-primary-nav-link.pds-app-nav a.pds-app-nav > span.pds-app-nav {
    white-space: nowrap;
    padding: 0 5px !important; /* Normally is 10 */
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-size: 13px !important; /* Normally is 12 */
    line-height: 18px;
  }
}

/* Icon Font Spacing - Start Page */
@media (min-width: 769px) {
.pds-app-nav-content.pds-four-tier-support.pds-app-nav .pds-nav-primary.pds-app-nav .pds-primary-nav-link.pds-app-nav>a.pds-app-nav span.pds-app-nav {
  white-space:pre-wrap;
  margin-bottom:5px !important;
  }
}

/* Main Screen - Menu Headers - Small Screen */
@media screen and (max-width: 1300px) {
.pds-app-nav-content.pds-four-tier-support.pds-app-nav .pds-nav-primary.pds-app-nav .pds-app-nav-mega-menu.pds-app-nav .pds-app-nav-secondary-tier.pds-app-nav .pds-app-nav-secondary-tier-header.pds-app-nav {font-size: 14px !important;} /* Was 18 */
.pds-app-nav-content.pds-four-tier-support.pds-app-nav .pds-nav-primary.pds-app-nav .pds-app-nav-mega-menu.pds-app-nav .pds-app-nav-third-and-fourth-tiers.pds-app-nav .pds-app-nav-scrolling-third-and-fourth-tier-content.pds-app-nav .pds-app-nav-tertiary-group.pds-app-nav .pds-app-nav-tertiary-item-header.pds-app-nav {font-size: 14px !important;} /* Was 18 */
.pds-nav-primary.pds-app-nav .pds-nav-secondary.pds-app-nav ul.pds-app-nav li.pds-nav-secondary-group.pds-app-nav span.secondary-nav-link-header.pds-app-nav {font-size: 14px !important;}  /* Was 18 */
}

/* Main Screen - Menu Headers - Large Screen */
.pds-nav-primary.pds-app-nav .pds-nav-secondary.pds-app-nav ul.pds-app-nav li.pds-nav-secondary-group.pds-app-nav span.secondary-nav-link-header.pds-app-nav {font-size: 16px !important;}  /* Was 18 */
.pds-app-nav-content.pds-four-tier-support.pds-app-nav .pds-nav-primary.pds-app-nav .pds-app-nav-mega-menu.pds-app-nav .pds-app-nav-third-and-fourth-tiers.pds-app-nav .pds-app-nav-scrolling-third-and-fourth-tier-content.pds-app-nav .pds-app-nav-tertiary-group.pds-app-nav .pds-app-nav-tertiary-item-header.pds-app-nav {font-size: 16px !important;} /* Was 18 */
.pds-nav-primary.pds-app-nav .pds-nav-secondary.pds-app-nav ul.pds-app-nav li.pds-nav-secondary-group.pds-app-nav span.secondary-nav-link-header.pds-app-nav {font-size: 16px !important;}  /* Was 18 */

/* Main Screen - Menu Font */
@media screen and (max-width: 1300px) {
.pds-app-nav-content.pds-four-tier-support.pds-app-nav .pds-nav-primary.pds-app-nav .pds-app-nav-mega-menu.pds-app-nav li.pds-app-nav a.pds-app-nav {font-size: 13px !important;} /* Was 14 */
.pds-nav-primary.pds-app-nav .pds-nav-secondary.pds-app-nav ul.pds-app-nav a.pds-app-nav span.pds-app-nav {font-size: 13px !important;} /* Was 14 */
}

/* Main Page Icon Shrinkage at Minimum Screen Length */
@media screen and (max-width: 1300px) { 
.pds-app-nav-content.pds-app-nav pds-icon.pds-app-nav {height: 40px !important;} /* Usually at 40px*/
.pds-nav-primary.pds-app-nav .pds-primary-nav-link.pds-app-nav a.pds-app-nav > span.pds-app-nav {
    white-space: nowrap;
    padding: 0 5px !important; /* Normally is 10 */
    padding-top: 0px;
    padding-right: 12px !important; /* Normally is 10 */
    padding-bottom: 0px;
    padding-left: 12px !important; /* Normally is 10 */
    font-size: 12px !important; /* Normally is 12 */
    font-weight: 500 !important;
    line-height: 15px !important;  /* Normally is 18 */  }
.pds-app-nav-content.pds-app-nav pds-icon.pds-app-nav {
  height:20px !important; /* Normally is 40px */
  width:20px !important;  /* Normally is 40px */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  --pds-icon-svg-height:20px;} /* Normally is 20px */
.pds-app-nav-content.pds-four-tier-support.pds-app-nav .pds-nav-primary.pds-app-nav .pds-primary-nav-link.pds-app-nav > a.pds-app-nav {min-height: 0px !important;} /* Normally is 74px */
}

/* Main Navigation Menu - End */


/* Favorite Menu Custom */
.pds-modal.pds-drawer-mode.pds-dialog.favorite-menu-dialog .fav-page-container div.pds-pop-over button span {
  color: #333;
  margin-inline-start: 10px !important; /* was 10 */
  margin-inline-end: auto;
  font-size: 13px !important;
  font-weight: 400;
  line-height: 21px;} 
 
 /* Font Size Normally is 14 */

/* Favorite Menu Custom */
.pds-modal.pds-drawer-mode.pds-dialog.favorite-menu-dialog .fav-page-container div.pds-pop-over button {padding:0; flex:1 0 20px !important;}
/* Normally is 25 */

.pds-modal.pds-drawer-mode.pds-dialog.favorite-menu-dialog .fav-page-container .fav-page {margin:0 10px; padding:1px 0 !important;} 
/* Normally is 2 */

.pds-modal.pds-drawer-mode.pds-dialog.favorite-menu-dialog .fav-page-container div.pds-pop-over button span {margin-inline-start: 0px !important;}
.pds-modal.pds-drawer-mode.pds-dialog.favorite-menu-dialog .fav-page-container {min-width:222px !important; max-width:575px; width:auto;} /* min-width:255px; max-width:575px; */
.pds-modal.pds-drawer-mode.pds-dialog.favorite-menu-dialog .fav-page-container .fav-line-item button {padding-left: 2px !important; padding-right: 1px !important;}
.pds-modal.pds-drawer-mode.pds-dialog.favorite-menu-dialog .fav-page-container {margin-left: 12px !important; margin-right: 1px !important;} /*margin-left: 20px; margin-right: 20px */
/* .fav-text {overflow: visible !important;} */

/* .pds-pop-over {overflow: visible !important;} */
/* .fav-line-external-link {display: none !important;} */

/* Student Navigation Menu Custom */
@media screen and (min-width: 769px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li {
    min-height: 20px !important; /* Normally is 53 */
    list-style: none;
  }
}

/* Student Navigation Menu Custom - Small Screens */
@media screen and (max-width: 1300px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li {
    min-height: 5px !important; /* Normally is 53 */
    list-style: none;
  }
}

/* Student Navigation Menu Custom */
@media screen and (min-width: 769px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li > details > summary {
    list-style: none;
    padding: 8px 20px 5px 20px !important; /* Normally the 8 and 5 is 15 */
    width: 100%;
    position: relative;
  }
}

/* Student Navigation Menu Custom - Small Screens */
@media screen and (max-width: 1300px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li > details > summary {
    list-style: none;
    padding: 3px 20px 0px 20px !important; /* Normally the 8 and 5 is 15 */
    width: 100%;
    position: relative;
  }
}

/* Student Navigation Menu Custom - Small Screens - Font */
@media screen and (max-width: 1300px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li > details
{
    font-size: 1.0em !important;
  }
} 

/* Student Navigation Menu Custom - Small Screens - Menu Headers */

@media screen and (max-width: 1300px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li > details > div.fly-out-container div.subcategory > h3 > span {font-size: 14px !important;} /* Was 18 */
}

@media screen and (min-width: 769px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li > details > div.fly-out-container div.subcategory > h3 > span {font-size: 16px !important;} /* Was 18 */
}

/* Student Navigation Menu Custom - Large and Small Screens - Menu Headers Spacing */
@media screen and (max-width: 1300px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li > details > div.fly-out-container div.subcategory {padding-block-end: 5px !important;}
}

@media screen and (min-width: 769px) {
  body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs > li > details > div.fly-out-container div.subcategory {padding-block-end: 10px !important;}
}

/* Staff PowerTeacher Pro Link Smaller at Minimum Srceen Length */
@media screen and (max-width: 1300px) { 
.pds-vertical-tabs li a {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  color:#333;
  position:relative;
  text-decoration:none;
  padding: 4px 20px 0px !important;  /* Was 15px 15px 14px 15px;*/
  -webkit-padding-start:20px;
  padding-inline-start:20px;
  cursor:pointer;
  font-size: 1.0em !important;} /* Added Line */
}

/* Staff PowerTeacher Pro Link at Large Screen Length */
@media screen and (min-width: 1301px) {
.pds-vertical-tabs li a {padding: 7px 20px 5px !important;}
}

/* Alert Row Bottom Space, was 9px */
body .student_details .student_alerts {margin: 2px 0 4px !important;}

/* Alert Row Between Space, was 8px */
.student_details .student_alerts > a {margin-inline-end: 0px !important;}
/* was 5px */
/* img.mba-icon {margin-left: 2px !important;} */
i.mba-icon, img.mba-icon {margin-left: 0px !important;}

/* Student Selector Font Size */
.students_picker_content .students_dropdown_button > div {font-size:14px !important;}
/* was 16px */
.students_picker_content .dropDownListContainer li.list-item.selectable {font-size: 13px !important;}
/* was 14px */

/* Hide Student Selector Name (When Selected in Search) Font Size */
body .student_details .student_details_container .student_details_info .student_details_info_name .student_name {font-size: 0px !important;}
/* was 16px */

/* Staff Selector Font Size */
.staff_picker_content .staff_dropdown_button > div {font-size:14px !important;}
/* was 16px */
.staff_picker_content .dropDownListContainer li.list-item.selectable {font-size: 13px !important;}
/* was 14px */

/* Hiding Staff Selector Name (When Selected in Search) Not Needed */

/* Hiding Staff Selector Name (When Selected in Search) Not Needed, Just Shrink Font */
body .staff_details .staff_details_container .staff_details_info .staff_details_info_name .staff_name {font-size: 14px !important;}

/* Chrome Browser Student Secondary Menu Padding Issue Found 11-19-24 */
@media screen and (min-width: 769px) {
body:not(.powerlunch-new):not(.quickdata):not(.noquickdata):not(.uiNoNav) #container-frame.pds:not(.pds-left-nav).details_view #details-view-nav .pds-vertical-tabs>li>details {display: inline-block!important;}
}

/* MBA Icon Size (Set within Plugin) - Can Update with Small Screen Size if Needed
i.mba-icon, img.mba-icon{width:30px!important;max-width:25px!important;height:30px!important;max-height:25px;margin-left:5px!important;font-size:20px!important;}
*/

@media screen and (min-width: 770px) { /* 770 pixels or higher */
#cust-content-footer {display: contents !important;}
#footer {display: inline !important; margin-inline-start: 110px !important; width: 700px !important;}
#footer p {margin-bottom: 0px !important;}
#legal {line-height: 1.4 !important; padding-bottom: 5px !important; padding-top: 10px !important;}
.psteacher #footer #legal {display: none !important;}
.teacher_menu_options #footer #legal {display: none !important;}
#container-frame #footer {width: auto !important;}
#powerschoolcorplink {margin-inline-start: 130px !important; width: 700px !important;}
#adminlogin #container #footer {display: center !important; margin-inline-start: 0px !important;}
#adminlogin #container #footer #legal {line-height: 1.8 !important; padding-bottom: 5px !important; padding-top: 20px !important;}
#adminlogin #container #footer #powerschoolcorplink {margin-inline-start: 20px !important;}
}

@media screen and (max-width: 769px) { /* 769 pixels or lower */
#cust-content-footer {display: inline !important; margin-inline-start: 60px !important; width: 700px !important; padding-top: 25px !important;} /* For Start Page Admin Footer Bar */
#footer {display: inline !important; margin-inline-start: 10px !important; width: 700px !important;}
#legal {line-height: 1.4 !important; padding-bottom: 5px !important; padding-top: 10px !important;} /* Switch Display to None to Disappear - One Line - height: 18px !important; */
.psteacher #footer #legal {display: none !important;}
.teacher_menu_options #footer #legal {display: none !important;}
#powerschoolcorplink {margin-inline-start: 30px !important; width: 700px !important;}
#adminlogin #container #footer {display: center !important; margin-inline-start: 0px !important;}
#adminlogin #container #footer #legal {line-height: 1.8 !important; padding-bottom: 5px !important; padding-top: 20px !important;}
#adminlogin #container #footer #powerschoolcorplink {margin-inline-start: 20px !important;}
}

/* Legal Bottom Text, Creates Major Spacing Issue When Favorites is Pinned */
/* #legal p {display: none !important; margin-block-start: 0em !important; margin-block-end: 0em !important; height:0px;} */
/* #legal p {margin-inline-start: 0px !important; margin-inline-end: 0px !important; margin-bottom: 2px !important;} */


/* Remove Side Icons on Main Menu */
/* #navHealthSection {display:none !important;} */
#navPureData {display:none !important;}

/* Hide Important Notice on PureData Behavior Entry Form */
div.box-round.user-role .notice-div {display:none !important;}

/* PS Standard Alert Icon Size and Padding - Medical, Parent, Birthday, etc. */
.student_details .student_alerts > a > pds-icon {height:20px !important; width: 20px !important; padding-top:0.30em !important; padding-left:0.30em !important; padding-right:0.3em !important;} 

/* MBA Standard Alert Icon Size and Padding - Custom Alerts */
/* i.mba-icon, img.mba-icon{width:30px!important;max-width:25px!important;height:30px!important;max-height:25px;margin-left:0px!important;margin-right:5px!important;font-size:20px!important;} */
/* Needs to be Updated in Wildcards > title_student_end_css.mba_customalerts.student.alert.txt */

/* #footer span {display: none !important;} Removes the Product Tailoring Footer */