<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/** {
    box-sizing: border-box;
}*/
/*.row::after {
    content: "";
    clear: both;
    display: table;
}*/
[class*="stirling_col-"] {
    float: left;
    padding: 15px;
	align:left;
}
	
.stirling_container{
		max-width:750px;
	
	}
.stirling_mybox {
	box-sizing: border-box;
	position:relative;
    color: #ffffff;
    margin: 15px;
	
    max-width:200px;
	min-width:200px;
    height:180px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
   /* background: -webkit-linear-gradient(red 50%, white 50%); /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(red, white); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(red, white); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(red 60%, white 40%); /* Standard syntax (must be last) */
    border-radius: 6px;
	opacity: 5;
}
.stirling_mybox_text {
	box-sizing: border-box;
	font-weight: bold;
	height:75px;
	width:100%;
	position: absolute;
    	bottom: 0;
	text-align: left;
	padding:10px;
	/*margin: 10px,2px,2px,5px*/
    left: 0;
    /*padding:2;*/
  }


.stirling_green{
	color: #008996;
}
.stirling_yellow{
	color: #f4c450;
}
.stirling_orange{
	color:#ee7624;
}
.stirling_blue{
	color:#3d7dca;
}
.stirling_pink{
	color:#d41568;
}
.stirling_purple{
	color:#592c82;
}
.stirling_mybox_text_bottom{
	box-sizing: border-box;
	/*border-style:solid;
	border-color:brown;*/
	height:50px;
	width:100%;
	position: absolute;
    color: black;
    bottom: 0;
	text-align: left;
	padding: 5px 5px 10px 10px;
	font-style:italic;
	/*margin: 10px,2px,2px,5px*/
    left: 0;
}

.stirling_mybox_image {

	box-sizing: border-box;
	border-radius:6px 6px 0px 0px;
	position:absolute;
	top:0px;
	left:0px;
	height:108px;
	width:100%;
	background-clip: border-box;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;

	
}

	
.image_learningResources {
	background-image: url("https://c1.staticflickr.com/5/4259/35154505056_642e2a2601_m.jpg");
}

.image_moduleInformation{
	background-image: url("https://c1.staticflickr.com/5/4237/35154504866_1c8b3c8c6a_m.jpg");
}

.image_electronicReading{
	background-image: url("https://c1.staticflickr.com/5/4238/35029533342_0ff21efef4_m.jpg");
}

.image_collaborate{
	background-image: url("https://c1.staticflickr.com/5/4282/35056886820_e1f7b041b1_m.jpg");
}

.image_assessment{
	background-image: url("https://c1.staticflickr.com/5/4284/35404085016_bc377f0614_m.jpg");
}


.image_help{
	background-image: url("https://c1.staticflickr.com/5/4238/35404080906_d3998d9678_m.jpg");
}



.stirling_CourseCard{
box-sizing:border-box;
box-shadow:0 2px 5px rgba(0,0,0,0.3);
border-radius:6px;
overflow:hidden;
background:#fff;
width:200px;
display:inline-block;
vertical-align:top;
align-self:center;
margin:0 15px 15px 0}
/*
.no-touch */

.stirling_CourseCard:hover {
	box-shadow:0 4px 10px rgba(0,0,0,0.35);
}

.stirling_CourseCard__header{position:relative;
cursor:pointer;
box-sizing:border-box;}

.stirling_CourseCard__header_hero{box-sizing:border-box;
height:100px;
border:1px solid rgba(0,0,0,0.1)}

.stirling_CourseCard__header_image{
	background-size:cover;
background-position:center center;
background-repeat:no-repeat
}

.stirling_CourseCard__header_content{box-sizing:border-box;
padding:8px 8px 0;
background:#fff
}


.stirling_CourseCard__header-title{
transition:all 0.2s ease-out;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
padding:8px 8px 0;
margin:0;
line-height:1.3;
font-size:14px;
font-weight:bold
}

.stirling_CourseCard__header-subtitle{line-height:1.3;padding:0;margin:4px 0 0}
/*.stirling_CourseCard__header-subtitle,*/
.stirling_CourseCard__header-term
{color:#6c8a9f}

.stirling_CourseCard__action-layout
{position:relative;
display:inline-block;
width:16px;
line-height:1}

/* For mobile phones: */
[class*="stirling_col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .stirling_col-m-1 {width: 8.33%;}
    .stirling_col-m-2 {width: 40%;}
    .stirling_col-m-3 {width: 25%;}
    .stirling_col-m-4 {width: 40%;}
    .stirling_col-m-5 {width: 41.66%;}
    .stirling_col-m-6 {width: 40%;}

}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .stirling_col-1 {width: 8.33%;}
    .stirling_col-2 {width: 33.33%;}
    .stirling_col-3 {width: 25%;}
    .stirling_col-4 {width: 33.33%; }
    .stirling_col-5 {width: 41.66%;}
    .stirling_col-6 {width: 33.33%;}
	.stirling_ssoc_col-1 {width:15%;}
	.stirling_ssoc_col-2 {width:85%;}
}



.with-bg-size {
position:absolute;
  background-image: url('http://img1.jurko.net/wall/paper/donald_duck_4.jpg');
  width: 200px;
  height: 100px;
  background-position: center;
  /* Make the background image cover the area of the &lt;div&gt;, and clip the excess */
  background-size: cover;
}

.stirling_pageHeader {
	display:inline-block;
	font-size:1.2em;
	font-weight:bold;
	
}

.stirling_pageHeader_image {

	display:inline-block;	box-sizing: border-box;
	border-color:black;
	border-radius:26px 26px 26px 26px;
	/*position:absolute;
	top:0px;
	left:0px;*/
	height:50px;
	width:50px;
	background-clip: border-box;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

#stirling_iframe_div{
	width    : 800px;
    height   : 600px;
    overflow : hidden;
    position : relative;
	
}

#stirling_iframe {
	position : absolute;
    top      : -200px;
    left     : -400px;
    width    : 1280px;
    height   : 1200px;
	overflow-y:auto !important;
    overflow-x:hidden !important;


}

a.stirling_mboxA:link {color:none; text-decoration:none;}
a.stirling_mboxA:visited {text-decoration:none;}
a.stirling_mboxA:hover {text-decoration:underline;}

/*Start June 2019*/
/*Added by John MacMillan 17th June 2019 - Grid layout and revised elements for the new Canvas templates developed in the Summer of 2019*/

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  *zoom: 1; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse .column,
  .row.collapse .columns {
    position: relative;
    padding-left: 0;
    padding-right: 0;
    float: left; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none;
    *zoom: 1; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none;
      *zoom: 1; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.ff-column,
.ff-columns {
  position: relative;
  width: 100%;
  float: left; }

@media only screen and (max-width: 734px) {
  .ff-column,
  .ff-columns {
    position: relative;
    float: left; }

  .ff-xsmall-1 {
    position: relative;
    width: 8.33333%; }

  .ff-xsmall-2 {
    position: relative;
    width: 16.66667%; }

  .ff-xsmall-3 {
    position: relative;
    width: 24.99999%; }

  .ff-xsmall-4 {
    position: relative;
    width: 33.33333%; }

  .ff-xsmall-5 {
    position: relative;
    width: 41.66667%; }

  .ff-xsmall-6 {
    position: relative;
    width: 50%; }

  .ff-xsmall-7 {
    position: relative;
    width: 58.331%; }

  .ff-xsmall-8 {
    position: relative;
    width: 66.66667%; }

  .ff-xsmall-9 {
    position: relative;
    width: 75%; }

  .ff-xsmall-10 {
    position: relative;
    width: 83.33333%; }

  .ff-xsmall-11 {
    position: relative;
    width: 91.66667%; }

  .ff-xsmall-12 {
    position: relative;
    width: 100%; }
}

@media only screen and (min-width: 735px) {
  .ff-column,
  .ff-columns {
    position: relative;
    float: left; }

  .ff-small-1 {
    position: relative;
    width: 8.33333%; }

  .ff-small-2 {
    position: relative;
    width: 16.66667%; }

  .ff-small-3 {
    position: relative;
    width: 23%; }

  .ff-small-4 {
    position: relative;
    width: 33.33333%; }

  .ff-small-5 {
    position: relative;
    width: 41.66667%; }

  .ff-small-6 {
    position: relative;
    width: 50%; }

  .ff-small-7 {
    position: relative;
    width: 56%; }

  .ff-small-8 {
    position: relative;
    width: 66.66667%; }

  .ff-small-9 {
    position: relative;
    width: 75%; }

  .ff-small-10 {
    position: relative;
    width: 83.33333%; }

  .ff-small-11 {
    position: relative;
    width: 91.66667%; }

  .ff-small-12 {
    position: relative;
    width: 100%; }
}

/*Styles and grid layout for screens that are atleast 787px; */
@media only screen and (min-width: 862px) {
	.padding-right { margin:0; padding-right:25px;}
	
  .ff-medium-1 {
    position: relative;
    width: 8.33333%; }

  .ff-medium-2 {
    position: relative;
    width: 16.66667%; }

  .ff-medium-3 {
    position: relative;
    width: 23%; }

  .ff-medium-4 {
    position: relative;
    width: 33.33333%; }

  .ff-medium-5 {
    position: relative;
    width: 41.66667%; }

  .ff-medium-6 {
    position: relative;
    width: 50%; }

  .ff-medium-7 {
    position: relative;
    width: 56%; }

  .ff-medium-8 {
    position: relative;
    width: 66.66667%; }

  .ff-medium-9 {
    position: relative;
    width: 75%; }

  .ff-medium-10 {
    position: relative;
    width: 83.33333%; }

  .ff-medium-11 {
    position: relative;
    width: 91.66667%; }

  .ff-medium-12 {
    position: relative;
    width: 100%; }
}

/*Styles and grid layout for screens that are atleast 1000px; */
@media only screen and (min-width: 1000px) {
  .ff-large-1 {
    position: relative;
    width: 8.33333%; }

  .ff-large-2 {
    position: relative;
    width: 16.66667%; }

  .ff-large-3 {
    position: relative;
    width: 23%; }

  .ff-large-4 {
    position: relative;
    width: 33.33333%; }

  .ff-large-5 {
    position: relative;
    width: 41.66667%; }

  .ff-large-6 {
    position: relative;
    width: 50%; }

  .ff-large-7 {
    position: relative;
    width: 56%; }

  .ff-large-8 {
    position: relative;
    width: 66.66667%; }

  .ff-large-9 {
    position: relative;
    width: 75%; }

  .ff-large-10 {
    position: relative;
    width: 83.33333%; }

  .ff-large-11 {
    position: relative;
    width: 91.66667%; }

  .ff-large-12 {
    position: relative;
    width: 100%; }
}

/*Revised elements modified to suit the new system for creating column layouts. Older versions of these elements can be found earlier in this style sheet*/

.stir_roundedpanel {
  border-radius: 15px;
  background: #ececec;
  padding: 20px; 
}

.stir_roundedbox_energygreen {
  border-radius: 15px;
  border-style: solid;
  border-color: #76bd22;
  padding: 10px; 
}

.stir_roundedbox_heritagegreen {
  border-radius: 15px;
  border-style: solid;
  border-color: #006938;
  padding: 10px; 
}

.stir_roundedbox_teal {
  border-radius: 15px;
  border-style: solid;
  border-color: #005e63;
  padding: 10px; 
}

.stir_roundedbox_berry {
  border-radius: 15px;
  border-style: solid;
  border-color: #9d1e65;
  padding: 10px; 
}

.stirling_mybox2 {
	/*Responsive version of the original stirling_mybox*/
	box-sizing: border-box;
	position:relative;
    margin: 15px;
/*
	min-width: 180px;
	max-width:180px;
    height:180px;
*/
  	width: 95%;
    height:160px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.24), 0 1px 5px rgba(0,0,0,0.24);
   /* background: -webkit-linear-gradient(red 50%, white 50%); /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(red, white); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(red, white); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(red 60%, white 40%); /* Standard syntax (must be last) */
    border-radius: 6px;
	opacity: 5;
}

.stirling_mybox3 {
	/*Used for the Stirling Essentials box on the module homepage*/
	box-sizing: border-box;
	position:relative;
    color: #ffffff;
    margin: 15px;
/*
	min-width: 180px;
	max-width:180px;
    height:180px;
*/
  	width: 98.5%;
    height:60px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.24), 0 1px 5px rgba(0,0,0,0.24);
   /* background: -webkit-linear-gradient(red 50%, white 50%); /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(red, white); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(red, white); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(red 60%, white 40%); /* Standard syntax (must be last) */
    border-radius: 6px;
	opacity: 5;
}
.stirling_mybox3_text {
	/*Class to properly align text for the shorter mybox3*/
	box-sizing: border-box;
	border-color:#006938;
	font-weight: bold;
	height:60px;
	width:100%;
	line-height: 60px;
	text-align: center;
  }

.stirling_mybox_image2 {
	/*17th of June - added to fit the responsive layout*/
	box-sizing: border-box;
	border-radius:6px 6px 0px 0px;
	position:relative;
	top:10px;
	left:0px;
	height:112px;
	width:112px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-clip: border-box;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;	
}

.stirling_mybox_text2019 {
	box-sizing: border-box;
	border-color:#006938;
	font-weight: bold;
	height:65px;
	width:100%;
	position: absolute;
    	bottom: 0;
	text-align: center;
	padding:10px;
	/*margin: 10px,2px,2px,5px*/
    	left: 0;
    /*padding:2;*/
  }

.stirling_mybox_weeks {
	/*Used for week by week navigation page where all text is equal size*/
	box-sizing: border-box;
	position:relative;
    margin: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
  	width: 95%;
    height:160px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.24), 0 1px 5px rgba(0,0,0,0.24);
   	border-radius: 6px;
	opacity: 5;
	
}

.stirling_mybox_weeks p {
	box-sizing: border-box;
	border-color:#006938;
	font-weight: bold;
	width:100%;
    bottom: 0;
	text-align: center;
  }

.stirling_mybox_lt {
	/*Used for the tiled navigation on the L&amp;T screen in the 2020 template*/
	box-sizing: border-box;
	position:relative;
    margin: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
  	width: 95%;
    height:160px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.24), 0 1px 5px rgba(0,0,0,0.24);
   	border-radius: 6px;
	opacity: 5;
	
}

.stirling_mybox_lt_head {
	/*Header text in LT tiled navigation*/
	box-sizing: border-box;
	border-color:#006938;
	font-weight: bold;
	width:100%;
    bottom: 0;
	text-align: center;
  }

.stirling_mybox_lt_title {
	/*Session name text in LT tiled navigation*/
	box-sizing: border-box;
	border-color:#006938;
	font-weight: normal;
	width:100%;
    bottom: 0;
	text-align: center;
  }

/*myBox colours*/
.myBox_orange{
	background-color:#ee7624;
	color: white;
}
.myBox_teal{
	background-color:#005e63 ;
	color: white;
}
.myBox_blue{
	background-color:#385dae;
	color: white;
}
.myBox_navy{
	background-color:#14315e;
	color: white;
}
.myBox_berry{
	background-color:#9d1e65;
	color: white;
}
.myBox_purple{
	background-color:#5a338b;
	color: white;
}

.myBox_hgreen{
	background-color:#006938;
	color: white;
}

.image_TestIcon{
	/*White icon for testing on module pages*/
	background-image: url("https://johnmac.me/wp-content/uploads/2019/06/testIcon2.png");
}

/*Additional icons for new module template 2019*/
.image_2019content{
	background-image: url("https://johnmac.me/wp-content/uploads/2019/06/content.png");
}
.image_2019information{
	background-image: url("https://johnmac.me/wp-content/uploads/2019/06/module-information.png");
}
.image_2019library{
	background-image: url("https://johnmac.me/wp-content/uploads/2019/06/library.png");
}
.image_2019groups{
	background-image: url("https://johnmac.me/wp-content/uploads/2019/06/groups.png");
}
.image_2019assessment{
	background-image: url("https://johnmac.me/wp-content/uploads/2019/06/assessments.png");
}
.image_2019help{
	background-image: url("https://johnmac.me/wp-content/uploads/2019/06/help.png");
}


/*End June 2019*/

/*Start of May 2020 additions*/

.stirling_mybox_2020 {
	/*Used for navigation tiles in 2020 Canvas template - text sits in the centre and colours are added with extra classes*/
	box-sizing: border-box;
	position:relative;
    margin: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
  	width: 90%;
    height:100px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.24), 0 1px 5px rgba(0,0,0,0.24);
   	border-radius: 6px;
	opacity: 5;
	
}

.stirling_mybox_2020 p {
	box-sizing: border-box;
	border-color:#006938;
	font-weight: bold;
	width:100%;
    bottom: 0;
	text-align: center;
	font-size: 13pt;
  }


.stirling_mybox_e2020 {
	/*Used for the Stirling Essentials box on the module homepage*/
	box-sizing: border-box;
	position:relative;
    color: #ffffff;
    margin: 15px;
/*
	min-width: 180px;
	max-width:180px;
    height:180px;
*/
  	width: 96%;
    height:60px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.24), 0 1px 5px rgba(0,0,0,0.24);
   /* background: -webkit-linear-gradient(red 50%, white 50%); /* For Safari 5.1 to 6.0 */
   /* background: -o-linear-gradient(red, white); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(red, white); /* For Firefox 3.6 to 15 */
   /* background: linear-gradient(red 60%, white 40%); /* Standard syntax (must be last) */
    border-radius: 6px;
	opacity: 5;
}
.stirling_mybox_e2020 p {
	/*Class to properly align text for the shorter mybox3*/
	box-sizing: border-box;
	border-color:#006938;
	font-weight: bold;
	height:60px;
	width:100%;
	line-height: 60px;
	text-align: center;
	font-size: 13pt;
  }


/*End of May 2020 additions*/

/*Start of May 2022 additions*/

.modulebuttons2022 {
	padding: 12px 14px;
	
}

/*End of May 2022 additions*/

/* =============================== */


/*Start of Jan 2025 additions*/

.stirling_mybox_image {

	box-sizing: border-box;
	border-radius:6px 6px 0px 0px;
	position:absolute;
	top:0px;
	left:0px;
	height:108px;
	width:100%;
	background-clip: border-box;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;

}

.stirling_mybox:hover {
	cursor: pointer;
	box-shadow:0 4px 10px rgba(0,0,0,0.35);

}

.image_container {
	box-sizing: border-box;
	position:relative;
}

.image_container img:hover {
	opacity: 0.3;
}

.stirling_my_box_bottom_jan_25 {
	box-sizing: border-box;
	bottom: 0;
	left: 0;
	cursor: pointer; 
	position: absolute; 
	background: rgba(20, 49, 94, 0.95); 
	color: #fff; 
	width: 100%; 
	height: 42%; 
	padding: 20px; 
	text-align: center;
}

.stirling_my_box_bottom_jan_25:hover {
	cursor: pointer;
	background: rgba(0, 105, 56);
	color: #fff;
}


.accordion {
	padding: 10px; 
	border-color: #eee; 
	border-radius: 5px;
}

details {
	padding:5px; 
	background-color: #f6f5f4;
	border: 1px solid #eee;
	border-radius: 5px;
	margin:5px;
}

summary {
	list-style: none;
	display: flex;
	align-items: center;
	cursor: pointer; 
	background-color: #f6f5f4; 
	padding: 10px; 
	border-color: #eee; 
	border-radius: 5px; 
	color: #273540;
	font-weight: bold;

}

.inner_summary {

	background-color: #fff; 
	padding: 15px; 
	border-radius: 5px; 
	border: 1px solid #eee;
	margin: 1px;

}

summary::after {
	content: '';
	width: 12px;
	height:7px;
	background: url("https://learnteach.stir.ac.uk/wp-content/uploads/2025/04/down-arrow.png");
	background-size: cover;
	margin-left: 0.75em;
	transition: 0.2s;
}

details[open] &gt; summary::after {
	transform: rotate(180deg);
}


.stir_panel_with_header {
	margin: 0px; 
	background-color: #f6f5f4; 
	padding: 1.2px; 
	border: 1px solid #eee; 
	border-radius: 5px;
}

.stir_panel_header_title {
	padding: 2px;
}

.stir_panel_with_header_content {
	background-color: white; 
	margin: 0; 
	border-radius: 0px; 
	padding: 0.75rem;
}


.round_panel_stirling_25_pink {
	margin: 0px; 
	background-color: #e5dfed; 
	padding: 10px; 
	border: 1px solid #e5dfed; 
	border-radius: 5px;

}

.round_panel_stirling_25_gray {
	margin: 0px; 
	background-color: #f6f5f4; 
	padding: 10px; 
	border: 1px solid #eee; 
	border-radius: 5px;

}

.round_panel_stirling_25_light_blue {
	margin: 0px; 
	background-color: #e1f1f3; 
	padding: 10px; 
	border: 1px solid #e1f1f3; 
	border-radius: 5px;

}

#padboxpink {
	border: 1px solid #e5dfed;  
	border-radius: 5px; 
	background-color: #e5dfed;

}

#padboxgray {
	border-width: 1px; 
	border-radius: 5px; 
	background-color: #f6f5f4;
}

#padboxblue {
	border: 1px solid #e1f1f3;  
	border-radius: 5px; 
	background-color: #e1f1f3;
}

#padboxwhite {
	border: 1px solid #E8EAEC;  
	border-radius: 5px; 
}


#padboxgraytone1 {
	border: 1px solid #E8EAEC;  
	border-radius: 5px; 
	background-color: #fbfbfb;
}

#padboxgraytone2 {
	border: 1px solid #E8EAEC;  
	border-radius: 5px; 
	background-color: #faf9f8;
}

#padboxgraytone3 {
	border: 1px solid #E8EAEC;  
	border-radius: 5px; 
	background-color: #f8f7f6;
}

#padboxgraytone4 {
	border: 1px solid #E8EAEC;  
	border-radius: 5px; 
	background-color: #f6f5f4;
}

#padboxgraytone5 {
	border: 1px solid #E8EAEC;  
	border-radius: 5px; 
	background-color: #f2f0ee;
}

#pillgray {
	background-color: #eee; 
	color: #273540;
}

#pillteal {
	background-color: #005e63; 
	color: #fff;
}

#pillblue {
	background-color: #385dae; 
	color: #fff;
}

@media only screen and (max-width: 600px) {

	#hide_content{
		display:none;

	}

}


.banner_watch {
	background: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/05/Desktop_watch_banner.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	max-height: 100px;
}



.stirling_Card {
	box-sizing:border-box;
	box-shadow:0 2px 5px rgba(0,0,0,0.3);
	border-radius:20px 20px 2px 2px;
	overflow:hidden;
	background-color:#fff;
	width:250px;
        min-height: 350px;
	display:inline-block;
	vertical-align:top;
	align-self:center;
	margin:10px 5px 5px 0;
	text-align: left;

}


.stirling_Card:hover {
	box-shadow:0 4px 10px rgba(0,0,0,0.35);
}


.stirling_Card .stirling_Card_image {
	position: relative;
	margin:auto;
	overflow:hidden;
	border-radius: 20px 20px 0px 0px;
	height: 180px;
	background-position: center;
	background-size: cover;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	cursor:pointer;
}


.stirling_Card .stirling_Card_image:hover {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	
}

/*
.stirling_Card .stirling_Card_image img {
	width: 100%;
	border-radius: 20px 20px 0px 0px;
	max-height: 200px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin:0px;
	box-sizing:border-box;
	vertical-align: bottom;
	
}


.stirling_Card .stirling_Card_image:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	

}

*/


.stirling_Card .stirling_Card_image_b {
	position: relative;
	margin:auto;
	overflow:hidden;
	border-radius: 20px 20px 0px 0px;
	height: 200px;
}

.stirling_Card .stirling_Card_image_b img {
	width: 100%;
	border-radius: 20px 20px 0px 0px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin:0px;
	
}



.stirling_Card .stirling_Card_header {
	position:relative;
	box-sizing:border-box;
	min-height:150px;
	background-color: #fff;
	margin: 0px;
}


.stirling_Card__header_hero {
	box-sizing:border-box;
	height:200px;
	border:1px solid rgba(0,0,0,0.1)
}



.stirling_Card .stirling_Card_header .stirling_Card__header_content {
	box-sizing:border-box;
	padding:0 15px 15px;
	line-height: 1.5;
	background:#fff;
	margin:0px;
}


.stirling_Card .stirling_Card_header .stirling_Card_header_title {
	padding:15px;
	margin:0;
	font-size: 1.3rem;
	font-weight: 500;
	text-decoration:none;
}

.stirling_Card .stirling_Card_header .stirling_Card_header_title a {
	text-decoration:none;
}


/*AI assessment scale cards*/

.stir_panel_with_header_ai {
	box-sizing:border-box;
	box-shadow:0 2px 5px rgba(0,0,0,0.3);
	border-radius:15px;
	overflow:hidden;
	margin: 5px; 
	background-color: #f6f5f4; 
	padding: 1.2px; 
	border: 1px solid #eee; 
	max-width: 500px;

}

.stir_panel_with_header_ai .stir_panel_header_title_ai {
	padding: 2px;
	background-color: #c4d4ed; 
	border-radius: 20px;
}


.stir_panel_with_header_ai .stir_panel_header_title_ai h5 {
	font-size: 1.3rem;
	padding-left:0.75rem;
}

.stir_panel_with_header_ai .stir_panel_with_header_content_ai {
	background-color: white; 
	margin: 3px; 
	padding: 0.75rem;
	border-radius: 5px 5px 20px 20px; 
}

.stir_panel_with_header_ai .stir_panel_with_header_content_ai blockquote {
	border-left: 4px solid #c4d4ed;
}


#ai_purple {
	background-color: #d7c9e2;
}

#ai_blue {
	background-color: #2c498a;
	color:#fff;

}

#ai_deep_blue {
	background-color: #122c54;
	color:#fff;

}

#ai_deep_green {
	background-color: #003a3d;
	color:#fff;

}

#click_to_reveal {
	text-decoration: none;
	margin:3px;
	
}


#click_to_reveal:hover {
	border-top: 5px solid #122c54;
	text-decoration: none;


}


/*End of AI assessment scale cards*/

/*Start of homepage buttons*/

#stirlingbtnberry {
	width:150px;
	margin: 4px; 
	background-color: #A6226A; 
	color: white;
	border: 1px solid #A6226A;  
	}

#stirlingbtnberry:hover {
	background-color: #7c184f; 
	border: 1px solid #7c184f;  
	border-left: 1rem solid #60143E;
}


#stirlingbtnpink {
	width:150px;
	margin: 4px; 
	background-color: #DAC3CB; 
	border: 1px solid #DAC3CB;
	border-left: 1rem solid #BD93A2;  

}


#stirlingbtnpink:hover {
	background-color: #CBA9B5; 
	border: 1px solid #CBA9B5;  
	border-left: 1rem solid #BD93A2;  
}


#stirlingbtnblue {
	width:150px;
	margin: 4px; 
	background-color: #254A8C; 
	border: 1px solid #254A8C; 
	color: white; 
	border-left: 1rem solid #1C386A;

}

#stirlingbtnblue:hover {
	width:150px;
	margin: 4px; 
	background-color: #1F3E77; 
	color: white;
	border: 1px solid #1F3E77;
	border-left: 1rem solid #1C386A;  

}


#stirlingbtndarkblue {
	width:150px;
	margin: 4px; 
	background-color: #162D53; 
	border: 1px solid #162D53; 
	color: white; 
	border-left: 1rem solid #224782;

}

#stirlingbtndarkblue:hover {
	width:150px;
	margin: 4px; 
	background-color: #1D3B6D; 
	color: white;
	border: 1px solid #1D3B6D;  
	border-left: 1rem solid #224782;
}


#stirlingbtnpurple {
	width:150px;
	margin: 4px; 
	background-color: #DFD4E8; 
	border: 1px solid #DFD4E8;  

}

#stirlingbtnpurple:hover {
	background-color: #D7C9E2; 
	border: 1px solid #D7C9E2;  
}

@media only screen and (max-width: 600px) {
    /* For tablets: */
    #text {display: none;}
    #stirlingbtndarkblue {width: fit-content;}
    #stirlingbtnblue {width: fit-content;}
    #stirlingbtnpink {width: fit-content;}
    

}


/*End of homepage buttons*/


#stirling_card_btn {
	border-radius: 25px;  
	margin: 7px;
	margin-bottom: 5px;
}


#stirling_btn_right {
	text-align: right;

}

#panda_card_ex_1{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2024/12/stirling_essentials@4x-8.png");
}

#panda_card_ex_2{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/04/Asset-13@4x-8.png");
}

#panda_card_ex_3{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2024/07/mentimeter@4x-8.png");
}

#panda_card_video{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/02/Panopto@4x-8.png");
}

#panda_card_assessment{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2024/10/DE-I-Guidance@4x-8.png");
}

#panda_card_essentials{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/05/Asset-18@4x-8.png");
}


#panda_card_FAQs{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/05/FAQs@4x-8.png");
}

#panda_card_support{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/05/info_small@4x-8.png");
}

#panda_card_mobile{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/05/mobilegreen@4x-8.png");
}

#panda_card_media{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/05/media@4x-8.png");
}

#panda_card_learning_spaces{
	background-image: url("https://learnteachstg.stir.ac.uk/wp-content/uploads/2025/05/learningspaces@4x-8.png");
}


#card_bullets_small{
	list-style-type: none; 
	font-size: small; 
	margin-left: 6px;
}

#tab_1{
	background-color: #003a3d; 
	color: #ffffff; 
	text-decoration: none;
}

#tab_2{
	background-color: #005e63; 
	color: #ffffff; 
	text-decoration: none;
}

#tab_3{
	background-color: #0a6367; 
	color: #ffffff; 
	text-decoration: none;
}

/*End of Jan 2025 additions*/</pre></body></html>