/* Make Additional HTML text editor bigger*/
#id_s__additionalhtmlfooter{
    height:1000px;
}

/********************************************************
    Start: Fixes for when others break our site.
********************************************************/

#page-header.mast-image {
    min-height: inherit;
}

/********************************************************
    End: Fixes for when others break our site.
********************************************************/

/********************************************************
    Start: Format tabs and accordions for printing
********************************************************/
.course-content li.section:not(.course-section) li.activity ul.nav-pills{list-style: none !important;}
@media print {
    .collapse:not(.show) {
        display: block;
    }
    .tab-content>.tab-pane {
        display: block;
    }
    .fade:not(.show) {
        opacity: 1;
    }
}
/********************************************************
    End: Format tabs and accordions for printing
********************************************************/

@media (min-width: 992px) {
    #page-header {
        background-size:100% !important;
    }
}
 
@media (max-width: 992px) {
    #page-header {
        background-size:100% !important;
    }
}

/********************************************************
    Start: Selects any html element whose first child 
    is a YouTube element and resizes accordingly 
    to full width
********************************************************/

*:has(> iframe[src*="youtube.com/embed/"]:first-child) {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

*:has(> iframe[src*="youtube.com/embed/"]:first-child) iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/********************************************************
    End: Selects any html element whose first child 
    is a YouTube element and resizes accordingly 
    to full width
********************************************************/

@media (min-width: 992px) {
    body:has(header div#snap-custom-menu-header) #page-header {
         margin-top: 105px !important; 
    }
}


/********************************************************
    Start: MyLearning Administration Areas Headers
********************************************************/
.category-629 #snap-header,
.category-34 #snap-header,
.category-662 #snap-header,
.category-25280 #snap-header{
    position:relative;
}
.category-629 #snap-header::after,
.category-34 #snap-header::after,
.category-662 #snap-header::after,
.category-25280 #snap-header::after{
    position:absolute;
    top:22px;
    font-family: "Kumbh Sans", sans-serif;
    font-size:1.3em;
    font-weight:bold;
}

.category-34 #snap-header::after {
    content: ":: Master area";
    color: rgb(79 70 110);
}


.category-629 #snap-header::after {
    content: ":: Development area";
    color: rgb(185 0 32);
}

.category-662 #snap-header::after {
    content: ":: Archive area";
    color: rgb(74, 74, 74);
}

.category-25280 #snap-header::after {
    content: ":: Resources area";
    color: rgb(70, 0, 59);
}
/********************************************************
    End: MyLearning Administration Areas Headers
********************************************************/

/************************************************************
    Start: Layout for image and text containers Sept 2025
    -reviewed Sep 25
************************************************************/
.bki-layout-image-attribution-left{
  color:#999999;
  font-size:.75em;
  float:left;
}

.bki-layout-image-attribution-right{
  color:#999999;
  font-size:.75em;
  float:right;
}

.bki-layout-Position .bki-layout--alignLeft, .bki-layout-Position .bki-layout--alignRight, .bki-layout-Position .bki-layout--alignCentre{float:none; margin-bottom:0px}

.bki-layout :is(h1, h2, h3, h4, h5, h6) {color:white;}

.bki-layout-green{background-color:#315f48;}
.bki-layout-blue{background-color:#313c5f;}
.bki-layout-purple{background-color:#422757;}
.bki-layout-lightgrey{background-color:#ededed; color:#333 !important;}
.bki-layout-lightgrey :is(h1, h2, h3, h4, h5, h6) {color:#333333}
.bki-layout-darkgrey{background-color:#333333;}

.bki-layout{
  display: flex;
  background-color: #333;
  color: white;
  border-radius:5px;
}

.bki-layout-container *:not(img){
  padding: 5px 15px;
}

.bki-layout-container img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: fadeInImg 2s;
}

.bki-layout-flex-25{
  flex: 25%;
}
.bki-layout-flex-30{
  flex: 30%;
}
.bki-layout-flex-33{
  flex: 33%;
}
.bki-layout-flex-40{
  flex: 40%;
}
.bki-layout-flex-50{
  flex: 50%;
}
.bki-layout-flex-60{
  flex: 60%;
}
.bki-layout-flex-66, .bki-layout-flex-67{
  flex: 67%;
}
.bki-layout-flex-70{
  flex: 70%;
}
.bki-layout-flex-75{
  flex: 75%;
}

.bki-img-rounded-left img{
    border-top-right-radius:0px !important;
    border-bottom-right-radius:0px !important;
    border-top-left-radius:5px !important;
    border-bottom-left-radius:5px !important;
}

.bki-img-rounded-right img{
    border-top-right-radius:5px !important;
    border-bottom-right-radius:5px !important;
    border-top-left-radius:0px !important;
    border-bottom-left-radius:0px !important;
}

@keyframes fadeInImg {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  10%{
    transform: scale(1);
  }
  100% {
    opacity: 1;
    
  }
}

/************************************************************
    End: Layout for image and text containers Sept 2025
************************************************************/


/************************************************************
    Start: Image attributions
    -reviewed Sep 25
************************************************************/
/* ST Image attributions */
.img-attribution-text .fa-external-link{
  display: none;
}

.img-attribution-text{
  color:#999999;
  font-size:.75em;
}
.img-attribution-text:hover{
  color:#666666;
}
.img-attribution-text a{
  color: #74c3e0 !important;
}
.img-attribution-text a:hover{
  color: #007bff !important;
}
/************************************************************
    End: Image attributions
************************************************************/


/************************************************************
    Start: External links
    -reviewed Sep 25
************************************************************/
span.screen-reader-only {
  position: absolute;
  width: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
  white-space: nowrap;
}

.fa-external-link{
  font-size: .7em;
}
/************************************************************
    End: External links
************************************************************/


/************************************************************
Start: Hides unwanted Grade Scales from the assignment settings page.
-reviewed Sep 25
************************************************************/

#page-mod-assign-mod #id_grade_modgrade_scale option{
    display:none;
}

#page-mod-assign-mod #id_grade_modgrade_scale option[value='35'],
#page-mod-assign-mod #id_grade_modgrade_scale option[value='68'],
#page-mod-assign-mod #id_grade_modgrade_scale option[selected]
{
    display:block;
}

/************************************************************
End: Hides unwanted Grade Scales from the assignment settings page.
************************************************************/

/************************************************************
        Start: styles specific to MyCourses overlay
        -reviewed Sep 25
************************************************************/
.coursecard{
  float:none;
  display:inline-block;
}

#snap-pm-courses .snap-personal-menu-more{
  position:inherit;
}
/************************************************************
          End: styles specific to MyCourses overlay
************************************************************/

/************************************************************
Start: Video embeds specifically for ATTO video containers
-reviewed Sep 25
************************************************************/
/*
.vidEmbedCode {
    width: 100%;
    padding-top: 56.25%;
    height: 0px;
    position: relative;
}

.vidEmbedCode iframe {
    width: 100%;
    max-width:100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0 ;
}
    */

/************************************************************
  End: Video embeds specifically for ATTO video containers
************************************************************/

/************************************************************
        Start: Remove grey from page module backgrounds
        -reviewed Sep 25
************************************************************/
.section li.snap-asset.modtype_page .asset-wrapper .snap-asset-content .contentafterlink .summary-container{background-color:white}
li.modtype_page div.pagemod-content #pagemod-content-container{background-color: white;}

/************************************************************
        End: Remove grey from page module backgrounds
************************************************************/


/************************************************************
        Start: set asset link size
        -reviewed Sep 25
************************************************************/
.section li.snap-asset .activityinstance .snap-asset-link {
  font-size: 1.2em;
}
/************************************************************
        End: set asset link size
************************************************************/