:root{--color-primary:#69bd45;--color-secondary:#007ab8;--color-tertiary:#1ea4a9;--color-state:#4b7e2b;--color-state-hover:#3c6721;--color-state-focus:#3c6721;--color-state-active:#30541a;--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-5);--color-neutral-1:#fff;--color-neutral-2:#fafafa;--color-neutral-3:#f7f7f7;--color-neutral-4:#e6e4e4;--color-neutral-5:#c7c7c7;--color-neutral-6:#767676;--color-neutral-7:#262626;--color-background:var(--color-neutral-1);--color-border:var(--color-neutral-5);--color-text:var(--color-neutral-7);--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--link-color:var(--color-state);--link-color-hover:var(--color-state-hover);--nav-bg-color:#fff;--nav-text-color:var(--color-text);--footer-bg-color:#fff;--footer-text-color:var(--color-text);--footer-text-color-hover:var(--footer-text-color);--btn-accent-color:var(--color-state);--btn-accent-color-active:var(--color-state-active);--btn-accent-color-focus:var(--color-state-focus);--btn-accent-color-disabled:var(--color-state-disabled);--btn-prim-accent-color:var(--color-state);--btn-prim-accent-color-active:var(--color-state-active);--btn-prim-accent-color-focus:var(--color-state-focus);--btn-prim-accent-color-disabled:var(--color-state-disabled)}:root{--nav-bg-color: #ffffff;--nav-text-color: #565A5C;--color-primary: #565A5C;--btn-prim-accent-color: #006656;--btn-accent-color: #006656;--link-color: #006656;--color-state: #006656;--color-text: #565A5C;--footer-bg-color: #ffffff;--footer-text-color: #565A5C;--btn-prim-accent-color-focus: #005c4c;--btn-prim-accent-color-active: #004b3b;--btn-accent-color-focus: #005c4c;--btn-accent-color-active: #004b3b;--link-color-hover: #005c4c;--color-state-hover: #005c4c;--color-state-focus: #005c4c;--color-state-active: #004b3b;--footer-text-color-hover: #4c5052;}
/*#page {
    width: 1280px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    box-shadow: #00000036 0px 10px 9px 0px;
}*/

.column {
  float: left;
  width: 50%;
padding: 5px;
}

.row {
margin-right: 0px;
margin-left: 0px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Single HTML Featured Links Block Stlying */
.my-featured-links1 {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 3 columns grid */
    gap: 20px; /* Spacing between tiles */
    margin: 20px;
    justify-content: center; /* Centers the last row */
}

/* HTML Featured Links Block Stlying */
.my-featured-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns grid */
    gap: 20px; /* Spacing between tiles */
    margin: 20px;
    justify-content: center; /* Centers the last row */
}

.tile {
     position: relative; /* This allows us to position the button relative to the tile */
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    overflow: hidden;
    transition: all 0.3s ease;
    text-align: center;
    padding-bottom: 20px;
    height: 100%;
}

.tile:hover {
    background-color: #e0e0e0;
    border-color: #999;
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.tile img.tile-image {
    width: 100%; /* Make the image take up the full width */
    height: auto; /* Maintain the aspect ratio */
    display: block; /* Remove any inline padding or margin */
    border-bottom: 1px solid #ddd; /* Separate image from text */
}

.tile-content {
    flex-grow: 1; /* Allows the content to take up available space */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px; /* Ensure spacing between the image and text */
}

.tile h3 {
    font-size: 18px!important;
    padding-top: 10px;
}

.tile p {
    font-size: 14px;
    color: #666;
    padding: 0 10px 10px;
}

/*
.tile a.tile-button:hover {
    background-color: #01352c;
} */

.tile a.tile-button {
    display: inline-block;
    justify-content: center;
    align-self: center; /* Center the button horizontally */
    background-color: #006655;
    color: white;
    padding: 10px 20px;
    text-decoration: none;
    margin-top: 10px;
    transition: all 0.3s ease; /* Smooth transition */
    position: absolute; /* Absolute positioning to cover the tile on hover */
    bottom: 20px;
    left: 10px;
    right: 10px;
    height: 40px; /* Initial button height */
    z-index: 1;
    overflow: hidden;
}

.tile a.tile-button:hover {
    background-color: #01352c;
    color: white;
    width: 100%;
    height: 100%; /* Make the button cover the entire tile */
    bottom: 0; /* Move to the bottom of the tile */
    left: 0; /* Extend to the left edge */
    right: 0; /* Extend to the right edge */
    border-radius: 0; /* Remove border radius */
    z-index: 2;
}

.tile a.tile-button:hover:after {
    content: 'Click here to learn more about this subject.'; /* New text inside the button */
    font-size: 18px;
    color: white;
    position: absolute;
    top: 50%; /* Center the text vertically */
    left: 50%;
    transform: translate(-50%, -50%); /* Center the text horizontally */
    z-index: 3; /* Ensure it stays on top */
    opacity: 1; /* Make the text visible */
}

/* Media query for mobile devices (max-width: 768px can be adjusted based on your design needs) */
@media (max-width: 768px) {
    .my-featured-links {
        display: block; /* Switch to block layout for smaller screens */
    }

=================

/*Rounded header image */
.img-responsive {
    border-radius: 8px;
}

/*Rounded Featured Links Tiles */
.block-totara-featured-links-tile.background-cover{
border-radius: 8px;
}

.block.chromeless .block {
    border-radius: 8px;
}

.block-totara-featured-links-layout>div .block-totara-featured-links-content-container {
    border-radius: 8px;
    }

.page-footer-poweredby {
    display: none;
}

.activity.scorm.modtype_scorm .tfont-var-collection_handle_fill:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%23006656'><path d='M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z'/><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/></svg>");
}