/*
Theme Name:     Divinity-Gen
Theme URI:      http://studiopress.com/
Description:    A Genesis Child Theme
Author:         Andrew Hateley-Browne
Author URI:     www.afterword.com.au
Template:       genesis
Version:        1.2.1
*/

/* Import Genesis Parent Styles
---------------------------------------------------------------------------- */

/* Table of Contents
- HTML5 Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typographical Elements
	- Headings
	- Objects
	- Galleryr
	- Forms
	- Tables
    - Social
- Accessibility
    - Accessible Menu
	- Screen Reader Text
    - Skip Menus
- Structure and Layout
	- Site Container
	- Site Inner
    - Colours
    - Grid Presets
- Common Classes
	- Avatar
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Widgets
	- Featured Content
- Plugins
	- Genesis eNews Extended
	- Genesis Simple FAQ
	- WPForms
- Skip Links
- Site Header
    - Site-wide Emergency Notice
	- Title Area
- Site Navigation
	- Responsive Menu
	- Header Menu
	- Footer Menu
- Call-To-Actions
- Home Page
    - Course-Finder
    - Feature Box
    - Container
- Content Area
    - Feature-box
	- Entry Content
	- Entry Meta
	    - Compare grid
	- Pagination
	- Entry Comments
- Sidebar
- Footer Widgets
- Fat Footer
- Site Footer
- Media Queries
- Extra-large (>1200px)
- Large (1000px - 1199px)
- Medium (768px - 999px)
- Small (480px - 767px)
- Extra-small (<479px)
		- Site Header
		- Genesis Menu
		- Responsive Menu
		- Header Menu
		- Site Inner
		- Content
		- Sidebar
		- Author Box
		- After Entry
		- Column Classes
		- Entry Misc.
		- Footer Widgets
- Print Styles
*/

/* HTML5 Reset
---------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
	normalize.css v2.1.2 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

html {
	box-sizing: border-box;
	scroll-behavior: smooth;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after {
	clear: both;
	content: " ";
	display: table;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    height: 0;
    font-size: 0;
    line-height: 0;
    content: " ";
    clear: both; }

.clearfix {
    display: block;
}

    /* IE6 */
    * html .clearfix { height: 1%; }
    /* IE7 */
    *:first-child + html .clearfix { min-height: 1%; }


/* Defaults
---------------------------------------------------------------------------- */

html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
    font-size: 62.5%; /* 10px browser default */
}

/* Variables
---------------------------------------------------------------------------- */

:root {
    /* Neutral colours */
    --white: #fff;
    --lGray: #eef0f2;
    --lGray_d: #dbdfe3;
    --mGray_l: #c8ced4;
    --mGray: #b5bec5;
    --mGray_d: #a2adb6;
    --dGray_l: #6a7a88;
    --dGray: #5b6975;
    --dGray_d: #4c5862;
    --lBlack_l: #2e363c;
    --lBlack: #202429;
    --black: #111315;
    /* Primary colours */
    --lRed_l: #c94d66; 
    --lRed: #b10024;
    --lRed_d: #7c001a;
    --dRed_l: #9e4d50;
    --dRed: #740005;
    --dRed_d: #520004;
    /* Secondary colours */
    --lGold_l: #d9c9a8;    
    --lGold: #c8b182;
    --lGold_d: #8c7c5b;
    --dGold_l: #c0aa7d;  
    --dGold: #a48545;
    --dGold_d: #735e31;
    /* Tertiary colours */
    /* Other colours */
    
    /* Editable website colours */
    --lHeader: var(--white);
    --dHeader: var(--white);
    --lBackground: var(--lGray);
    --mBackground: var(--mGray);
    --dBackground: var(--dGray);
    --lFooter: var(--lBlack_l);
    --lFooter_l: var(--lBlack);
    --dFooter: var(--black);

    /* UI colours */
    /* Active */
    --uiGreen: #73b249;
    /* Qualified active */
    --uiOrange: #ffb300;
    /* Pending */
    --uiBlue: #3954a5;
    /* Expired, invalid */
    --uiRed: #f53717;
    /* Disabled, inactive, retired, unpublished */
    --uiGray: var(--dGray);
    /* Focus, select outline */
    --uiSelect: var(--lGold);
    /* Edit button */
    --uiYellow: #fffd45;
    /* Edit button */
    --uiBlack: var(--black);

    /* Code colours */
    --codeBlue: #145df9;
    --codePurple: #6b2d9b;
    --codeYellow: #fffd45;
    --codeBlack: var(--black);
    --codeBrown: #943b0d;
    --codeOrange: #f87121;
    --codeRed: #f53717;
}

/* ACF Fields
 * These require development before implement.
---------------------------------------------------------------------------- */
/*
.acf-fields {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.acf-fields .acf-field {
    grid-row-end: span /4;
    grid-column: 1 / span end;
*/

/* AF (front-facing ACF) fields
---------------------------------------------------------------------------- */

.site-inner .af-fields {
    margin: 1rem 0;
}

.site-inner .acf-fields > .acf-field,
.site-inner .af-fields > .af-field {
    border-top: none;
    padding: 2rem 0;
}

.site-inner .af-fields > .af-field.top-border {
    border-top: #eee solid 1px;
}

.site-inner .af-fields > .af-field.no-label .acf-label {
    margin: 0;
}

.site-inner .af-submit,
.site-inner .acf-form-submit {
    padding: 0;
}

/* AF columned fields
--------------------- */

.field--col-1 {
    display: inline-block;
    margin: 0 auto 0 0;
    width: 50%;
    padding: 0 10px 0 0;
}

.field--col-1-3 {
    display: inline-block;
    margin: 0 auto 0 0;
    width: 33%;
    padding: 0 10px 0 0;
}

.field--col-1-4 {
    display: inline-block;
    margin: 0 auto 0 0;
    width: 25%;
    padding: 0 10px 0 0;
}

.field--col-2 {
    display: inline-block;
    margin: 0 0 0 auto;
    width: 50%;
    padding: 0 0 0 10px;
}

.field--col-2-3 {
    display: inline-block;
    margin: 0 auto 0 auto;
    width: 33%;
    padding: 0 10px;
}

.field--col-2-4 {
    display: inline-block;
    margin: 0 auto 0 auto;
    width: 25%;
    padding: 0 10px;
}

.field--col-3 {
    display: inline-block;
    margin: 0 0 0 auto;
    width: 33%;
    padding: 0 0 0 10px;
}

.field--col-3-4 {
    display: inline-block;
    margin: 0 auto 0 auto;
    width: 25%;
    padding: 0 10px;
}

.field--col-4 {
    display: inline-block;
    margin: 0 auto 0 0;
    width: 25%;
    padding: 0 0 0 10px;
}

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

  /* Collapse col-4s to col-2s */
  .field--col-1-4,
  .field--col-3-4 {
      margin: 0 auto 0 0;
      width: 50%;
      padding: 0 10px 0 0;
  }

  .field--col-2-4,
  .field--col-4 {
      margin: 0 0 0 auto;
      width: 50%;
      padding: 0 0 0 10px;
  }

}

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

  /* Collapse col-3s to single width */
  .field--col-1-3,
  .field--col-2-3,
  .field--col-3 {
      display: block;
      margin: 0;
      width: 100%;
      padding: 0;
  }

}

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

  /* Collapse all columns to single width */
  .field--col-1,
  .field--col-1-3,
  .field--col-1-4,
  .field--col-2,
  .field--col-2-3,
  .field--col-2-4,
  .field--col-3,
  .field--col-3-4,
  .field--col-4 {
      display: block;
      margin: 0;
      width: 100%;
      padding: 0;
  }

}

body,
h1,
h2,
h2 a,
h2 a:visited,
h3,
h4,
h5,
h6,
p,
select,
textarea {
	margin: 0;
	padding: 0;
	text-decoration: none;
}

li,
ol,
ul {
    margin: 0;
	padding: 0;
}

a {
	transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

    a:focus,
    a:hover {
        text-decoration: none;
    }

p {
    margin: 0 0 30px 0;
	padding: 0;
}

p.large {
    font-size: 2rem;
}

span.bold {
	font-weight: 700;
}

span.small {
	font-size: 1.2rem;
}

hr {
	border: 0;
	border-collapse: collapse;
    border-bottom: 1px solid var(--lGray);
	clear: both;
	margin: 15px auto;
}

b,
strong {
	font-weight: 700;
}

em,
i {
	font-style: italic;
}

mark {
	background: #ddd;
	color: #333;
}

blockquote {
	margin: 20px;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--black);
	font-weight: 400;
	line-height: 1.2;
	word-break: break-word;
}

h1,
h1.entry-title {
    font-size: 70px; font-size: 7rem;
    font-family: 'EB Garamond', 'Times New Roman', serif;
    letter-spacing: 0;
	margin: 0 0 6rem 0;
}

h1 sub {
    font-size: 50%;
    bottom: 0;
}

h2, .h2 {
	font-family: 'EB Garamond', 'Times New Roman', serif;
	font-size: 50px; font-size: 5rem;
	letter-spacing: 0;
	margin: 4rem 0 2.5rem 0;
}

.entry-content > h2:first-child {
	margin: 0 0 5rem 0;
}

h3, .h3 {
	font-size: 24px; font-size: 2.4rem;
	margin: 4rem 0 2.5rem 0;
}

h4, h5, h6, span.upper, .h4, .h5, .h6,
.sidebar .widget h2,
.sidebar .widget h3 {
	font-size: 1.6rem;
	margin: 2rem 0 1.5rem 0;
	font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .06rem;
}

span.upper {
		margin: 0 1.5rem 0 0;
}

h2 a:hover {
    color: var(--dGray);
    text-decoration: none;
}

.sidebar .widget h2, .widget h3, .widget p {
        font-family: 'Karla';
		color: var(--dGray);
}

    .sidebar .widget:first-of-type > h2 {
        margin-top: 0;
    }

.body p,
.entry-content p,
p {
    line-height: 1.6;
}

.inline-header { /* For "All news" like headers, see frontpage */
    display: inline-flex;
    align-items: baseline;
}

.avoidwrap {
		display: inline-block;
}

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

		h1,
		h1.entry-title {
    		font-size: 50px; font-size: 5rem;
		}

		h2, .h2 {
			font-size: 40px; font-size: 4rem;
		}

}

/* Lede
--------------------------------------------- */

.entry-content > p.lede:first-of-type {
    font-size: 2rem;
	margin-bottom: 5rem;
}

.caption {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.6;
    margin: -25px 0 25px 0;
}

/* Blockquote
--------------------------------------------- */

.content blockquote {
    background: none;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 20px 20px 20px;
    padding: 25px 20px 5px 55px;
    position: relative;
}

.content blockquote p {
    font-family: 'EB Garamond', 'Times New Roman', serif;
    font-size: 23px; font-size: 2.3rem;
    letter-spacing: 0;
}

.content blockquote:before {
    content: "“";
    font-family: 'EB Garamond', 'Times New Roman', serif;
    font-size: 120px;
    letter-spacing: 0;
    left: 0;
    position: absolute;
    top: -26px;
}

.content blockquote cite,
.content blockquote footer {
    font-size: 16px; font-size: 1.6rem;
    font-style: normal;
    padding-bottom: 20px;
    text-align: right;
}

.content blockquote cite:before,
.content blockquote footer:before {
    content: "— ";
}


/* Hyperlinks
--------------------------------------------- */

a:link,
a:visited {
	color: #A48545;
	text-decoration: none;
    border-bottom: 1px dotted;
}

a:hover,
a:active {
	border-bottom: 1px solid;
}



.dark a:link,
.dark a:visited {
    border-bottom-color: rgba(255, 255, 255, .6);
}

.dark a:hover,
.dark a:active {
	border-bottom-color: rgba(255, 255, 255, .6);
}

a.a-block,
a.no-line {
    border-bottom: 0;
}

a.a-block:link,
a.a-block:visited,
a.a-block:hover,
a.a-block:active {
		color: unset;
}

/* a.no-line::after {
    content: "";
} */

a,
.btn,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.site-inner .content .entry-content p a[href*="//"]:not([href*="divinity.edu.au"]):not(.btn)::after,
.site-inner .content .entry-content li a[href*="//"]:not([href*="divinity.edu.au"]):not(.btn)::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
    content: "\f08e";
    font-size: 1rem;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    padding: 0 .35em 0 .5em;
    vertical-align: text-bottom;
}

.site-inner .content .entry-content p a[href*="//"]:not([href*="divinity.edu.au"]):not(.btn):hover::after,
.site-inner .content .entry-content li a[href*="//"]:not([href*="divinity.edu.au"]):not(.btn):hover::after {
    border-bottom: none;
}

a.post-edit-link {
    color: var(--black) !important;
    background-color: #FFEB3B;
    box-shadow: none;
    border-bottom: 0;
    border-radius: 4px;
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1rem;
    margin: 8px;
    padding: 6px 6px;
    width: max-content;
}

.cta a.post-edit-link {
    top: 0;
    position: absolute;
    right: 0;
}

/*
 *
 * Buttons
 *
 */

.btn,
.btn:link,
.button:link,
input[type="button"]:link,
input[type="reset"]:link,
input[type="submit"]:link,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:link,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:link,
.btn:visited,
.button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited,
.site-container div.wpforms-container-full .wpforms-form input[type="submit"]:visited,
.site-container div.wpforms-container-full .wpforms-form button[type="submit"]:visited {
    background-color: var(--mGray);
    border: 2px solid transparent;
    border-radius: 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: none;
    color: var(--black);
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.6rem;
    max-width: 100%;
    margin: 1rem 1rem 1rem 0;
    padding: 1rem 2rem;
    position: relative;
    outline: 0;
    text-decoration: none !important;
    -o-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

	.btn:hover,
    .button:hover,
	input[type="button"]:hover,
    input[type="reset"]:hover,
	input[type="submit"]:hover,
    .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
    .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
	    background-color: var(--mGray_d);
	    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.02), 0 20px 60px 0 rgba(0, 0, 0, 0.06);
	    color: var(--black);
	    transition: all 0.4s;
	    -o-transition: all 0.4s;
	    -moz-transition: all 0.4s;
	    -webkit-transition: all 0.4s;
	}

	.btn:focus,
  .button:focus,
	input[type="button"]:focus,
  input[type="reset"]:focus,
	input[type="submit"]:focus,
    .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
    .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus {
	    box-shadow: none;
      color: var(--black);
      outline: 1px dotted rgba(255, 255, 255, .6);
	    outline-offset: -6px;
	}

.btn.primary-btn,
input[type="reset"],
input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form input[type="submit"],
.site-container div.wpforms-container-full .wpforms-form button[type="submit"] {
    background-color: #b10024;
    color: var(--white);
}

	.btn.primary-btn:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
    .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover {
	    background-color: #7e001a;
	    color: var(--white);
	}

	.btn.primary-btn.alt-btn,
    input[type="reset"] {
	    background-color: transparent;
        border: 2px solid #b10024;
	    color: #b10024;
	}


		a.primary-btn.alt-btn:hover,
        input[type="reset"]:hover {
		    background-color: transparent;
            border: 2px solid #7e001a;
		    color: #7e001a;
		}

.btn.white-btn {
    background-color: var(--white);
    color: var(--black);
}

	.btn.white-btn:hover {
	    background-color: var(--white);
	    color: var(--black);
	}

	.btn.white-btn:focus {
	    outline: 1px dotted #1f1c18;
	}

.btn.alt-btn {
    background-color: var(--lGray);
    color: var(--dGray);
}

	.btn.alt-btn:hover {
	   background-color: var(--lGray_d);
        color: var(--dGray_d);
	}

.btn.white-btn.alt-btn {
    background-color: transparent;
    border: 2px solid var(--white);
    color: var(--white);
}

	.btn.white-btn.alt-btn:hover {
	    background-color: transparent;
	    border: 2px solid var(--white);
	    box-shadow: 0 3px 18px 0 rgba(65, 62, 57, .1);
	    color: var(--white);
	}

.btn.alt-btn.small-btn {
  border: 1px solid;
  font-weight: 300;
}

.btn.large-btn {
    font-size: 2rem;
    line-height: 2.2rem;
    padding: 2rem 3rem;
    margin-right: 1.5rem;
}

.btn.small-btn {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.6rem;
    margin: 1rem .5rem 1rem 0;
    padding: 6px 6px;
}

    .btn.small-btn:hover {
        transform: none;
        transform: translateY(0);
        transition: 0s;
    }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

a.btn.website-btn {
    text-transform: lowercase;
    width: max-content;
}

/* Disabled button */

.btn-set .btn.disabled-btn,
.btn.disabled-btn,
.site-container button:disabled,
.site-container input:disabled,
.site-container input[type="button"]:disabled,
.site-container input[type="reset"]:disabled,
.site-container input[type="submit"]:disabled  {
    color: var(--dGray);
    background-color: var(--lGray);
    border: 1px solid var(--dGray);
    border-radius: 4px;
    cursor: not-allowed;
}

.btn-set .btn.disabled-btn:hover,
.btn.disabled-btn:hover,
.site-container button:disabled:hover,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled:hover {
    background-color: var(--lGray);
    color: var(--dGray);
    cursor: not-allowed;
    box-shadow: none;
    transform: translateY(0);
    transition: 0s;
}

.btn-set .btn.disabled-btn.white-btn,
.btn.disabled-btn.white-btn {
	background-color: var(--white);
}

.btn-set .btn.disabled-btn .fa-btn
.btn.disabled-btn .fa-btn {
    margin-right: .5rem;
}

a.disabled {
    cursor: not-allowed;
}

.circle-btn-grid {
    align-items: stretch;
    align-content: stretch;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 10px;
    position: relative;
}

.btn.circle-btn {
    aspect-ratio: 1/1;
    border-radius: 50%;
		border: 1px solid var(--black);
		color: var(--black);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin: 0;
    padding: .4em;
    font-size: 1em;
}

.btn.circle-btn:hover {
	border: 1px solid var(--black);
	color: var(--black);
}

.circle-btn-grid.circle-1x a {
    font-size: 1em;
}

.circle-btn-grid.circle-2x a {
    font-size: 2em;
}

.circle-btn-grid.circle-3x a {
    font-size: 3em;
}

.circle-btn-grid.circle-4x a {
    font-size: 4em;
}

.btn i {
    margin-right: 1rem;
}


/* Document button */

.doc-download {
    margin-bottom: 20px;
    width: min-content;
}

.doc-download > .h3 {
    margin: 2rem 0 1.5rem 0;

}

.doc-download > div {
    display: grid;
    border-radius: 8px;
    background-color: var(--lGray);
    gap: 1px;
    grid-template-columns: max-content max-content;
    padding: 10px;
}

.highlight.block-highlight .doc-download > div {
    background-color: var(--lGray_d);
}

.doc-download > div .btn-set {
    margin: 0;
}

.hotlink.hotlink-document .doc-download > div .btn-set {
    flex-direction: column;
}

.doc-download.doc-rows > div .btn-set {
    border-radius: unset;
}

.doc-download.doc-rows > div .btn-set:first-of-type {
    border-radius: 6px 6px 0 0;
}

.doc-download.doc-rows > div .btn-set:nth-last-of-type(2) {
    border-radius: 0 0 6px 6px;
}

.doc-download .btn {
    margin: 0;
    transform: none;
    width: max-content;
}

.hotlink.hotlink-document .doc-download > div .btn-set .btn {
    width: 100%;
}

.hotlink.hotlink-document .meta .doc-download .file-meta,
.doc-download .file-meta {
    color: var(--dGray);
    display: flex;
    flex-direction: column;
    font-size: .8em;
    height: 100%;
    justify-content: center;
    justify-self: start;
    line-height: 1.2;
    padding-left: 10px;
}

.doc-download .file-format {
    text-transform: uppercase;
    font-weight: 700;
}

/*  */
@media only screen and (max-width: 479px) {

    .doc-download {
        width: 100%;
    }

    .doc-download > div {
        grid-template-columns: 1fr max-content;
        gap: 10px;
    }

    .doc-download.doc-rows > div .btn-set:first-of-type,
    .doc-download.doc-rows > div .btn-set:nth-last-of-type(2),
    .doc-download.doc-rows > div .btn-set {
        border-radius: 6px;
    }

    .doc-download .btn {
        width: 100%;
        min-width: min-content;
    }

    .doc-download .file-meta {
        padding-left: 0;
    }

}

/* Document upload AF Form */

.af-field-type-repeater .description,
p.af-field-instructions {
    font-size: 1.3rem;
}

.acf-file-uploader {
    position: relative;
    background-color: var(--lGray);
    color: var(--dGray);
    font-size: .8em;
    line-height: 1.2;
    margin: auto 0;
    padding: 10px;
    width: max-content;
    border-radius: 8px;
}

    .acf-file-uploader input {
        background-color: unset;
        border: unset;
        color: unset;
        font-size: unset;
        font-weight: unset;
        padding: unset;
    }

    .acf-file-uploader thead {
        border: unset;
    }

.hotlink .download-cta {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Video Button */
#video-btn {
		background-color: transparent;
		border: none;
    bottom: 0;
		color: var(--white);
		font-size: 1.4em;
    margin: auto 30px 30px auto;
    width: 3rem;
		position: absolute;
		right: 0;
}



/* Button-sets */

.btn-set {
    align-content: stretch;
    border-radius: 6px;
    display: flex;
    flex-flow: wrap;
    gap: 1px;
    overflow: hidden;
    margin: 1rem 0;
    width: fit-content;
    height: max-content;
}

.btn-set .btn {
    border-radius: unset;
    flex: 1 1 auto;
    gap: 1px;
    margin: unset;
}

.btn-set .btn.alt-btn {
    left: -1px;
}

.btn-set a.btn:hover {
    transform: none;
}

/* Button-sets vertical */
.btn-set.vertical,
.btn-set.vertical-left,
.btn-set.vertical-right {
    align-content: flex-end;
    flex-direction: column;
    width: max-content;
}

.btn-set.vertical {
    border-radius: 6px;
}

.btn-set.vertical-left {
    border-radius: 0 6px 6px 0;
}

.btn-set.vertical-right {
    border-radius: 6px 0 0 6px;
}

/* Button-sets horizontal */
.btn-set.horizontal {
    margin: 1rem 0;
}

.btn-set.horizontal,
.btn-set.horizontal-top,
.btn-set.horizontal-bottom {
    align-content: flex-start;
    flex-direction: row;
    flex-basis: auto;
    flex-wrap: wrap;
    max-width: 1200px;
}

.btn-set.horizontal {
    border-radius: 6px;
    width: fit-content;
}

.btn-set.horizontal-top {
    border-radius: 0 0 6px 6px;
}

.btn-set.horizontal-bottom {
    border-radius: 6px 6px 0 0;
}

.full-width > .btn-set {
    background-color: var(--white);
    width: 100%;
    margin: 0 0 0 0;
}

.full-width > .btn-set.horizontal-top a.btn,
.full-width > .btn-set.horizontal-bottom a.btn {
    flex: 1 1 0;
    margin: unset;
    min-width: fit-content;
}

/* All btn-sets are vertical in small-sizes */
@media only screen and (max-width: 479px) {

    .btn-set.horizontal {
        gap: 0px;
    }

    .info-emergency .btn-set.horizontal {
        gap: 1px;
    }

    /*.btn-set.vertical,
    .btn-set.vertical-left,
    .btn-set.vertical-right,
    .btn-set.horizontal,
    .btn-set.horizontal-top,
    .btn-set.horizontal-bottom {
        border-radius: 0;
    }*/

    .full-width > .btn-set.horizontal-top a.btn,
    .full-width > .btn-set.horizontal-bottom a.btn {
        flex: 1 1 100%;
    }

    .btn-set.horizontal .alt-btn.btn {
        left: 0px;
    }

    .btn-set.horizontal .alt-btn.btn + .alt-btn.btn {
        top: -2px;
    }

    .btn-set.horizontal {
        flex-direction: column;
    }

    /*.btn-set.horizontal a.btn {
        padding: 0;
        width: 100%;
    }*/

     .btn-set.horizontal a.btn:hover {
        transform: none;
    }

}


/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
		max-width: 100%;
}

img {
		height: auto;
		vertical-align: top;
    margin-bottom: 10px;
}

iframe {
		border-radius: 4px;
}

figure {
	margin: 0;
}


/* Gallery
--------------------------------------------- */

.gallery {
	overflow: hidden;
}

.gallery img {
	border: 1px solid #898379;
	height: auto;
	padding: 4px;
}

.gallery img:focus,
.gallery img:hover {
	border: 1px solid #999;
	outline: none;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
	width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear: left;
}

.gallery-item {
	float: left;
	margin: 0 0 30px;
	text-align: center;
}


input,
select,
textarea {
	background-color: var(--white);
	border: 1px solid #ddd;
	color: #333;
	font-size: 18px;
	font-weight: 400;
	padding: 15px;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #999;
	outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

::-ms-input-placeholder {
	color: #333;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #333;
	opacity: 1;
}

::placeholder {
	color: #333;
	opacity: 1;
}


input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}

.no-pseudo::before,
.no-pseudo::after {
    content: "" !important;
}

/* Tables
--------------------------------------------- */

.respon-table {
		overflow-x: auto;
}

.sortable th.no-sort {
    pointer-events: none;
}

.sortable th {
	cursor: pointer;
	white-space: nowrap;
}


.sortable th:hover::after {
	color: inherit;
	content: " \f0da";
	font-family: "Font Awesome 6 Pro";
	font-size: 1rem;
}

.sortable th::after {
	color: transparent;
	content: " \f0da";
	font-family: "Font Awesome 6 Pro";
	font-size: 1rem;
}

.sortable th.dir-d::after {
	color: inherit;
	content: " \f0d7";
	font-family: "Font Awesome 6 Pro";
	font-size: 1rem;
}

.sortable th.dir-u::after {
	color: inherit;
	content: " \f0d8";
	font-family: "Font Awesome 6 Pro";
	font-size: 1rem;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1.4rem;
	width: 100%;
  word-break: normal;
	margin: 1rem 0;
}

.course-section table {
	margin: 0;
}

thead {
		border: 1px solid var(--mGray);
}

thead tr:hover {
    background-color: unset;
}

th {
	font-weight: 700;
	padding: 0.5em;
}

tr:hover {
    background-color: var(--lGray);
}

tr:last-of-type {
    border-bottom: none;
}

td {
	padding: 0.75em 0.5em;
}

td,
th {
	line-height: 1.4;
	text-align: left;
	vertical-align: top;
}

td.unlined {
		border-bottom: 1px solid var(--white);
}

td.raligned {
		text-align: right;
}

.sub-row {
		padding-left: 3rem !important;
}

/* Table column width classes */

table th.col-min ,
table td.col-min {
    width: max-content;
}

table th.col-auto ,
table td.col-auto {
		display: table-cell;
    width: auto;
}

table th.col-25 ,
table td.col-25 {
    width: 25%;
}

table th.col-50 ,
table td.col-50 {
    width: 50%;
}

table th.col-75 ,
table td.col-75 {
    width: 75%;
}

table th.col-33 ,
table td.col-33 {
    width: 33.33%;
}

table th.col-66 ,
table td.col-66 {
    width: 66.66%;
}


/* Gutenberg */

.wp-block-image {
    border-radius: 4px;
}

/* Table */

.wp-block-table {
    border-bottom: none !important;
}

.wp-block-table.fixed {
    table-layout: none !important;
}

.wp-block-table thead {
    background-color: transparent;
}

.wp-block-table tbody tr:hover {
    background-color: var(--lGray);
}

.wp-block-table.is-style-stripes tbody {
    border: none;
}

.wp-block-table.is-style-regular tbody tr {
    border-top: 1px solid #898379;
}

.wp-block-table.is-style-stripes tbody tr:hover {
    background-color: unset;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: var(--lGray) !important;
    border: none;
}

.wp-block-table tfoot {
    border-top: 1px solid #898379;
}

.wp-block-table tfoot tr {
    background-color: transparent;
}

.wp-block-table tfoot tr:hover {
    background-color: transparent;
}


/* Accessibility
---------------------------------------------------------------------------- */

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	background: var(--white);
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	color: #333;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Skip Links
--------------------------------------------- */

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	list-style: none;
	width: 0;
}

/* Display outline on focus */

:focus {
	box-shadow: none;
	outline: 1px dotted rgba(255, 255, 255, .6);
}


/* Body
---------------------------------------------------------------------------- */

body {
	background: var(--white);
	color: var(--black);
	font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px; font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.02em;
	line-height: 1.625;
    margin: 0;
	overflow-x: hidden;
}

::-moz-selection {
    /* Code for Firefox */
    color: var(--white);
    background: var(--lGray);
}

::-moz-selection,
::selection {
    color: var(--black);
    background: #ece5d5;
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
	transition: all 0.2s ease-in-out;
}

/*
 *
 * Site Structure
 * With sinking footer
 *
 */
html, body {
    width: 100%;
    height: 100%;
}

.site-container {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.site-inner {
    flex-grow: 1;
    width: 100%;
}

header, .site-inner, footer {
    flex-shrink: 0;
}

/* Site Container
--------------------------------------------- */

.site-container,
.full-width-container {
		animation: fadein .3s;
  	border-top: 0 solid #DDDDDD;
  	border-bottom: 0 solid #DDDDDD;
  	border-left: 0 solid #DDDDDD;
  	border-right: 0 solid #DDDDDD;
  	clear: both;
    margin: 0 auto 0;
  	padding: 0 0 0 0;
  	word-wrap: break-word;
}

@keyframes fadein {

  	from {
  		  opacity: 0;
  	}

  	to {
  		  opacity: 1;
  	}

}

/* Wraps and containers
---------------------------------------------------------------------------- */

.site-inner {
	clear: both;
	margin: 0 auto;
	padding: 8rem 30px 8rem 30px;
}

.browser-width {
    min-width: 100%
}

.content-sidebar-sidebar .site-container,
.sidebar-sidebar-content .site-container,
.sidebar-content-sidebar .site-container,
.content-sidebar .site-container,
.sidebar-content .site-container,
.full-width-content .site-container {
	width: 100%;
}

.site-width-container {
    margin: 0 auto;
    max-width: 1200px;
    padding: 40px 30px 50px 30px;
    width: 100%;
}


/* Site-headers and brand-headers
--------------------------------------------- */

.site-header {
    background: #A00021;
    box-shadow: none;
    padding: 30px 30px;
    width: 100%;
}

.entry-header.brand-header {
    background-color: var(--lGray);
}

.content-sidebar-sidebar .site-header .wrap,
.sidebar-sidebar-content .site-header .wrap,
.sidebar-content-sidebar .site-header .wrap,
.content-sidebar .site-header .wrap,
.sidebar-content .site-header .wrap,
.full-width-content .site-header .wrap {
    max-width: 1140px;
    margin: 0 auto;
}

.brand-header .wrap {
    align-items: stretch;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, max-content));
    justify-content: flex-start;
    gap: 3rem;
}

.entry-header.brand-header .wrap {
    align-items: center;
    display: grid;
    grid-template-columns: max-content 1fr;
    max-width: 1200px;
    margin: auto;
    padding: 60px 30px;
}

.brand-header img {
    margin-bottom: 0;
}

.brand-header .wrap > :last-child {
    padding-right: 30px;
}


.entry-header.brand-header .wrap .entry-title,
.brand-header .wrap > :last-child {
    border-left: 1px solid var(--lGold);
    padding-left: 30px;
    width: fit-content;
}

.entry-header.brand-header .wrap .entry-title {
    border-left: 1px solid var(--lBlack);
    color: var(--lBlack);
}

.university-site .brand-header .wrap > :first-child {
    border: none;
    padding: 0px;
}

.brand-header .brand__horizontal {
	display: inline-block;
	height: 110px;
	visibility: visible;

}

.brand-header .brand__vertical {
	display: none;
	height: 150px;
	visibility: hidden;
}

.brand-header .sub-site-title {
    align-items: center;
	display: flex;
}

.brand-header .sub-site-title {
    color: var(--lGold);
    font-size: 4.2rem !important;
    font-weight: 400;
    font-family: 'EB Garamond', 'Times New Roman', serif;
    line-height: 1;
    letter-spacing: 0;
    margin: 0;
    text-transform: capitalize;
    word-break: keep-all;
}

.brand-header.entry-header .entry-title {
    margin: 0;
}

.brand-header.entry-header .wrap .header-meta {
    align-items: center;
    border: none;
    color: var(--lBlack);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.8rem;
    font-weight: 700;
    gap: 1rem;
    grid-column: 2;
}

.brand-header.entry-header .wrap .header-meta .tagline {
    font-weight: 300;
    font-size: 2rem;
    padding-bottom: 20px;
}

.brand-header.entry-header .wrap .header-meta a {
    color: var(--lBlack);
    margin-right: 30px;
}

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

    .brand-header .wrap {
		justify-content: center;
	}

	.entry-header.brand-header .wrap {
	    align-items: center;
	    gap: 30px;
		grid-template-columns: 1fr;
		justify-items: center;
	}

    .brand-header .brand__horizontal,
    .entry-header.brand-header .brand__vertical,
    .university-site .brand-header .brand__vertical {
		display: none;
		visibility: hidden;
	}

    .brand-header .brand__vertical,
    .entry-header.brand-header .brand__horizontal,
    .university-site .brand-header .brand__horizontal {
		display: block;
		visibility: visible;
	}

    .entry-header.brand-header .wrap .entry-title {
	    border-top: 1px solid var(--lBlack);
	    border-left: 0;
	    margin: 0;
	    padding: 3rem 0 0 0;
	    text-align: center;
	}

	.brand-header.entry-header .wrap .header-meta {
	    grid-column: 1;
	}

}

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

    .site-header.brand-header .wrap {
	    align-items: center;
	    gap: 30px;
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.brand-header .brand__horizontal,
	.entry-header.brand-header .brand__horizontal,
	.university-site .brand-header .brand__horizontal {
		display: none;
		visibility: hidden;
	}


    .brand-header .brand__vertical,
    .entry-header.brand-header .brand__vertical,
    .university-site .brand-header .brand__vertical{
		display: block;
		margin: 0 auto;
		visibility: visible;
	}


    .site-header.brand-header .wrap > :last-child {
        border-left: none;
        border-top: 1px solid var(--lGold);
        padding: 20px 0 0 0;
        text-align: center;
    }

    .university-site .brand-header .wrap > :last-child {
        border: none;
        padding: 0px;
    }

}

/* Accessibility */

.title-area,
.site-title,
.site-title a {
	float: left;
	display: none;
	text-indent: -9999px;
	overflow: hidden;
}

.site-description {
	display: none;
	overflow: hidden;
}

/* Sidebar
--------------------------------------------- */

.content-sidebar .content-sidebar-wrap {
	display: grid;
	grid-template-columns: 1fr 300px;
	grid-gap: 30px 50px;
}

.sidebar-content .content-sidebar-wrap {
	display: grid;
	grid-template-columns: 300px 1fr;
	grid-gap: 30px 50px;
}

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

		.sidebar-content .content-sidebar-wrap,
		.content-sidebar .content-sidebar-wrap {
				grid-template-columns: 100%;
		}

		.site-inner .breadcrumb,
		.sidebar .breadcrumb,
		.sidebar .page-contents {
				display: none;
				visibility: hidden;
		}

}

/* Flex presets
--------------------------------------------- */

.flex {
		display: flex;
	  flex-wrap: wrap;
}

.flex li {
		flex: 1;
}

/* Grid and Flex presets
--------------------------------------------- */

.gap-loose {
    grid-gap: 50px 40px;
}

.gap-med {
    grid-gap: 30px 20px;
}

.gap-tight {
    grid-gap: 10px 10px;
}

.gap-1px {
    grid-gap: 1px;
    gap: 1px;
}

/*
 *
 * Standard-columns
 *
 */

.col-1 {
		grid-template-columns: 1fr;
}

.col-2 {
		grid-template-columns: repeat(2, 1fr);
}

.col-3 {
		grid-template-columns: repeat(3, 1fr);
}

.col-4 {
		grid-template-columns: repeat(4, 1fr);
}

.col-5 {
		grid-template-columns: repeat(5, 1fr);
}

.col-6 {
		grid-template-columns: repeat(6, 1fr);
}

/*
 *
 * Flex-columns
 *
 */

.flex-cols {
		display: grid;
		grid-auto-flow: row;
		place-content: stretch;
}

ul.flex-cols {
		list-style-type: none;
}

.entry-content li.flex-col {
		margin-left: 0;
}

.entry-content .flex-cols {
		margin: 5rem 0 8rem 0;
}

/* Columns by children */
.flex-cols.gap-loose  {
		grid-template-columns: repeat(12, minmax(calc((100% / 12) - 40px), 1fr));
}

.flex-cols.gap-med {
		grid-template-columns: repeat(12, minmax(calc((100% / 12) - 20px), 1fr));
}

.flex-cols.gap-tight {
		grid-template-columns: repeat(12, minmax(calc((100% / 12) - 10px), 1fr));
}

.flex-cols.gap-1px {
		grid-template-columns: repeat(12, minmax(calc((100% / 12) - 1px), 1fr));
}

/* Auto-columns */
.flex-cols.col-auto {
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

/* Standard one column */
.flex-cols.col-1 > .flex-col,
.flex-cols.has-1-children > .flex-col {
		grid-column-end: span 12; /* 1 */
}


@media only screen and (min-width: 1000px) {

		.full-width-content .flex-cols.col-4 > .flex-col,
		.full-width-content .flex-cols.col-more > .flex-col,
		.full-width-content .flex-cols.has-4-children > .flex-col,
		.full-width-content .flex-cols.has-7-children > .flex-col,
		.full-width-content .flex-cols.has-8-children > .flex-col,
		.full-width-content .flex-cols.has-10-children > .flex-col,
		.full-width-content .flex-cols.has-11-children > .flex-col,
		.full-width-content .flex-cols.has-12-children > .flex-col {
				grid-column-end: span 3; /* 1/4 */
		}

		.flex-cols.col-3 > .flex-col,
		.content-sidebar .flex-cols.col-4 > .flex-col,
		.content-sidebar .flex-cols.col-more > .flex-col,
		.flex-cols.has-3-children > .flex-col,
		.flex-cols.has-9-children > .flex-col,
		.flex-cols.has-5-children > .flex-col,
		.flex-cols.has-6-children > .flex-col,
		.flex-cols.has-9-children > .flex-col,
		.content-sidebar .flex-cols.has-7-children > .flex-col,
		.content-sidebar .flex-cols.has-8-children > .flex-col,
		.content-sidebar .flex-cols.has-10-children > .flex-col,
		.content-sidebar .flex-cols.has-11-children > .flex-col,
		.content-sidebar .flex-cols.has-12-children > .flex-col,
		.full-width-content .flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(1),
		.full-width-content .flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(2),
		.full-width-content .flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(3),
		.full-width-content .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(1),
		.full-width-content .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(2),
		.full-width-content .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(3),
		.full-width-content .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(4),
		.full-width-content .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(5),
		.full-width-content .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(6),
		.full-width-content .flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(1),
		.full-width-content .flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(2),
		.full-width-content .flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(3) {
				grid-column-end: span 4; /* 1/3 */
		}

		.flex-cols.col-2 > .flex-col,
		.flex-cols.has-2-children > .flex-col,
		.flex-cols.has-5-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-5-children.col-balance > .flex-col:nth-of-type(2),
		.content-sidebar .flex-cols.has-4-children > .flex-col,
		.content-sidebar .flex-cols.has-5-children.col-balance > .flex-col:nth-of-type(1),
		.content-sidebar .flex-cols.has-5-children.col-balance > .flex-col:nth-of-type(2),
		.content-sidebar .flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(1),
		.content-sidebar .flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(2),
		.content-sidebar .flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(3),
		.content-sidebar .flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(4),
		.content-sidebar .flex-cols.has-8-children.col-balance > .flex-col:nth-of-type(1),
		.content-sidebar .flex-cols.has-8-children.col-balance > .flex-col:nth-of-type(2),
		.content-sidebar .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(1),
		.content-sidebar .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(2),
		.content-sidebar .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(3),
		.content-sidebar .flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(4),
		.content-sidebar .flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(1),
		.content-sidebar .flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(2) {
				grid-column-end: span 6; /* 1/2 */
		}

}

@media only screen and (min-width: 768px) and (max-width: 999px) {

		.flex-cols.col-3 > .flex-col,
		.flex-cols.col-4 > .flex-col,
		.flex-cols.col-more > .flex-col,
		.flex-cols.has-3-children > .flex-col,
		.flex-cols.has-5-children > .flex-col,
		.flex-cols.has-6-children > .flex-col,
		.flex-cols.has-7-children > .flex-col,
		.flex-cols.has-8-children > .flex-col,
		.flex-cols.has-9-children > .flex-col,
		.flex-cols.has-10-children > .flex-col,
		.flex-cols.has-11-children > .flex-col,
		.flex-cols.has-12-children > .flex-col,
		.flex-cols.has-more-children > .flex-col {
				grid-column-end: span 4; /* 1/3 */
		}

		.flex-cols.col-2 > .flex-col,
		.flex-cols.has-2-children > .flex-col,
		.flex-cols.has-4-children > .flex-col,
		.flex-cols.has-5-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-5-children.col-balance > .flex-col:nth-of-type(2),
		.flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(2),
		.flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(3),
		.flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(4),
		.flex-cols.has-8-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-8-children.col-balance > .flex-col:nth-of-type(2),
		.flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(2),
		.flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(3),
		.flex-cols.has-10-children.col-balance > .flex-col:nth-of-type(4),
		.flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(2) {
				grid-column-end: span 6; /* 1/2 */
		}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

		.flex-cols.col-1 > .flex-col,
		.flex-cols.col-2 > .flex-col,
		.flex-cols.col-3 > .flex-col,
		.flex-cols.col-4 > .flex-col,
		.flex-cols.col-more > .flex-col,
		.flex-cols.has-2-children > .flex-col,
		.flex-cols.has-3-children > .flex-col,
		.flex-cols.has-4-children > .flex-col,
		.flex-cols.has-5-children > .flex-col,
		.flex-cols.has-6-children > .flex-col,
		.flex-cols.has-7-children > .flex-col,
		.flex-cols.has-8-children > .flex-col,
		.flex-cols.has-9-children > .flex-col,
		.flex-cols.has-10-children > .flex-col,
		.flex-cols.has-11-children > .flex-col,
		.flex-cols.has-12-children > .flex-col,
		.flex-cols.has-more-children > .flex-col {
				grid-column-end: span 6; /* 1/2 */
		}

		.flex-cols.has-3-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-5-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-7-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-9-children.col-balance > .flex-col:nth-of-type(1),
		.flex-cols.has-11-children.col-balance > .flex-col:nth-of-type(1) {
				grid-column-end: span 12; /* 1 */
		}

}

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

		/* All columns */
		.flex-cols > .flex-col {
				grid-column-end: span 12; /* 1 */
		}

		/* Clear column gaps */
		.flex-cols.gap-loose,
		.flex-cols.gap-med,
		.flex-cols.gap-tight,
		.flex-cols.gap-1px {
				grid-column-gap: 0px;
		}

}

.slim .card-data,
.slim .card-data {
    font-weight: 300;
    text-align: center;
}

.slim .card-data .card-header a {
    font-weight: 300;
    text-align: center;
}






/* Header and Div spacing */

.entry-content > div ~ h2 {
		margin-top: 8rem;
}

.entry-content > div ~ h3 {
		margin-top: 6rem;
}

/* Information Notice
--------------------------------------------- */

.info {
    position: relative;
}

.entry-content .info {
    border-radius: 4px;
	margin: 4rem 0;
}

.info.info-none,
.info.info-information,
.info.info-disruption,
.info.info-scheduled {
	background-color: var(--lFooter);
	color: var(--white);
}

.info.info-question {
	background-color: var(--lGray);
	color: var(--black);
}

.info.info-emergency {
	color: var(--white);
}

    .info.info-emergency .btn:nth-child(2) {
    	background-color: rgba(255, 255, 255, .8);
    }

.info.info-emergency.info-code-blue {
	background-color: #145df9;
}

.info.info-emergency.info-code-purple {
	background-color: #6b2d9b;
}

.info.info-emergency.info-code-yellow {
	background-color: #fffd45;
	color: var(--black);
}

    .info.info-emergency.info-code-yellow .btn-set {
        gap: 0px;
    }


    .info.info-emergency.info-code-yellow .btn {
    	border: 1px solid var(--black);
    }

    .info.info-emergency.info-code-yellow .btn-set .btn:nth-child(2) {
    	background-color: rgba(255, 255, 255, .7);
    	border: 1px solid var(--black);
    	left: -1px;
    }

.info.info-emergency.info-code-black {
	background-color: var(--black);
}

.info.info-emergency.info-code-brown {
	background-color: #943b0d;
}

.info.info-emergency.info-code-orange {
	background-color: #f87121;
}

.info.info-emergency.info-code-red {
	background-color: #f53717;
}

.info.info-emergency.info-code-none {
	background-color: var(--white);
	color: var(--black);
}

    .info.info-emergency.info-code-none .white-btn {
        border: 1px solid var(--black);
    }

    .info.info-emergency.info-code-none .btn-set {
        gap: 0px;
    }

    .info.info-emergency.info-code-none .btn-set .white-btn {
        border: 1px solid var(--black);
    }

    .info.info-emergency.info-code-none .btn-set .btn:nth-child(2) {
    	background-color: rgba(0, 0, 0, .2);
    	border: 1px solid var(--black);
    	left: -1px;
    }

.info.info-emergency.info-code-none .info-notice {
    padding: 27px;
}

.info.info-emergency .info-notice .info-code {
    display: flex;
    align-items: center;
    width: 100%;
}

.info.info-emergency .tag {
    background-color: rgba(0, 0, 0, .20);
    border-radius: 0 20px 20px 0;
    font-size: 1.2rem;
    height: max-content;
    padding: .25rem .75rem;
    margin-left: -1.3em;
    width: fit-content;
    padding-left: 1.7em;
    letter-spacing: .1rem;
}

.info.info-emergency.info-code-yellow .tag {
    background-color: transparent;
    border: 1px solid var(--black);
}

.info.info-emergency.info-code-black .tag {
    background-color: transparent;
    border: 1px solid var(--white);
}

.info .info-notice {
    display: flex;
    gap: 10px 20px;
    justify-content: start;
    margin: auto;
    max-width: 1200px;
    padding: 30px 30px;
    flex-flow: row wrap;
}

/*
.info.info-emergency .info-notice {
    grid-template-columns: 1fr;
}

.info.info-emergency.info-code-none .info-notice {
    grid-template-columns: min-content 1fr;
}*/

.info .info-notice i {
    flex: 0 0 38px;
    font-size: 3.8rem;
    z-index: 99;
}

.info .info-notice .info-content {
    flex: 1 0;
    min-width: 80%;
    width: 100%;
}

.info .info-notice .info-heading {
    align-self: center;
    font-size: 2.4rem;
  	font-weight: 700;
  	margin: 5px 0 10px 0;
  	line-height: 3.2rem;
}

.info.info-question .info-notice .info-heading {
  	font-weight: 400;
}

.info .info-notice .info-copy {
    font-size: 1.6rem;
    margin: 5px 0;
}

.info .info-notice .info-copy a {
    color: var(--white);
}

.info .post-edit-link {
	position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (min-width: 1200px) {

    /* Style info-notice when underneath CTA */
    .cta.cta-primary + .info {
        border-radius: 4px;
        margin: 0 auto -5rem auto;
        max-width: 1200px;
        transform: translateY(-5rem);
        width: 100%;
    }

}

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

    .info.info-emergency.info-code-none .btn-set .btn:nth-child(2),
    .info.info-emergency.info-code-yellow .btn-set .btn:nth-child(2) {
    	border-top: 0;
    	left: 0px;
    }

}


/* Call-To-Actions
------------------------------------------------------------ */

.cta {
  	position: relative;
  	width: 100%;
  	height: fit-content;
  	overflow-y: hidden;
}

.cta-primary {
		min-height: 600px;
}

.content .cta {
		border-radius: 4px;
		margin: 4rem -20px 4rem -20px;
		width: calc(100% + 40px);
}

    .content .wp-block-column .cta {
        margin: 0;
    	width: 100%;
    	height: 100%;
    }

.content .cta + .cta {
		margin-top: -3rem;
}

.cta-image {
    align-items: center;
    background-size: cover;
    display: flex;
    height: 100%;
    min-width: 100%;
}

.cta-text {
	background-color: #898379;
	color: var(--black);
}

.cta-video video {
		border-radius: 0px;
		height: 100%;
		object-fit: cover;
		position: absolute;
		top: 0;
		width: 100%;
    z-index: -10;
}

@media only screen and (min-width: 1200px) {

    .cta .cta-buttons {
        margin-bottom: 5rem;
    }

    .content .cta .cta-buttons {
        margin-bottom: 3rem;
    }

}

@media only screen and (min-width: 1000px) {

    .cta-video video {
				display: block;
    }

		.cta-video img {
				display: none;
		}

}

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

		.cta-video video, .cta-video button {
			display: none;
		}

		.cta-video img {
    		display: block;
    		position: absolute;
		    top: 0;
		    z-index: -10;
    		height: 100%;
    		min-width: 100%;
    		object-fit: cover;
		}

}

.cta-content {
    align-content: center;
    box-sizing: border-box;
    display: grid;
    height: auto;
    margin: 0 auto;
    min-height: 400px;
    max-width: 1200px;
    padding: 10rem 30px;
    width: 100%;
}

.content .cta-content {
    min-height: auto;
    padding: 6rem 30px;
}

.cta-primary.cta .cta-content {
    min-height: 600px;
}

.cta h2.cta-headline {
    color: var(--white) !important;
    letter-spacing: -0.02em;
    font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
	font-size: 40px; font-size: 4rem;
    font-weight: 700;
	margin: 0 0 2rem 0;
    text-transform: none;
    text-wrap: balance;
}

.cta-primary.cta h2.cta-headline {
    font-size: 60px; font-size: 6rem;
}

.cta .cta-copy {
		color: var(--white);
    font-size: 2.4rem;
    margin: 0;
    padding-bottom: 2rem;
    text-wrap: balance
}

.cta-source,
.cta-source a,
.cta-source a:hover {
	color: var(--white);
	letter-spacing: 0.1rem;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.cta-image.background-lighten h1.cta-headline,
.cta-image.background-lighten h2.cta-headline,
.cta-image.background-lighten .cta-text,
.cta-image.background-lighten .cta-copy,
.cta-image.background-lighten .cta-source,
.cta-image.background-lighten .cta-source i,
.cta-image.background-lighten .cta-source a,
.cta-image.background-lighten .cta-source a:hover {
	    color: var(--black);
}

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

    .content .cta {
				margin: 4rem -30px 4rem -30px;
				width: calc(100% + 60px);
				border-radius: 0;
    }

}

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

    .cta-content {
	    justify-items: center;
		padding-left: 30px;
		padding-right: 30px;
	    text-align: center;
    }

}

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

	.cta .cta-content a.btn {
	   width: 100%;
	   margin-right: 0;
    }

}

/*
.full-width.cta {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
} */

/* Course-finder
--------------------------------------------- */

#course-finder .home-container-header {
    margin-bottom: 20px;
    display: inline-block;
}

#course-finder .home-container-header h3 {
    display: inline;
}

#course-finder .home-container-header a {
    color: var(--white);
}

#course-finder .home-container-header a:hover {
    color: var(--white);
}

#course-finder ul {
    list-style-type: none;
}

#course-finder li a {
    background-color: var(--lFooter);
    border: 1px solid transparent;
    border-radius: 20px;
    color: var(--white);
    float: left;
    font-size:2rem;
    margin: 0 1rem 1rem 0;
    padding: 4px 12px;
}

    #course-finder li a:hover {
        background-color: #898379;
        border: 1px solid;
        color: var(--white);
        text-decoration: none;
    }



header.more-header {
    align-items: baseline;
    display: grid;
    grid-template-columns: 1fr auto;
    justify-content: stretch;
    justify-items: start;
    gap: 40px;
	margin: 4rem 0 2.5rem 0;
}

header.more-header .more-link {
    justify-self: end;
}

header.more-header h2 {
    margin: 0;
}



/**
 *
 * VOX Styling
 *
**/

.img-clip {
    overflow: hidden;
}

a .img-clip img {
    transition-timing-function: ease-out;
    transform: scale(1);
    transition: transform .2s, -webkit-transform .2s;
}

a:hover .img-clip img {
    transform: scale(1.04);
    transition: transform .4s,
    -webkit-transform .4s;
}


.vox-list {
		margin-bottom: 8rem;
}

.vox-list .vox-post .featured {
    width: fit-content;
    height: min-content;
    position: absolute;
    top: 20px;
    left: -10px;
    z-index: 999;
    font-weight: 600;
    font-size: 1.4rem;
    color: white;
    background-color: #b10024;
    padding: 0.5rem 0.75rem;
    box-sizing: border-box;
}

.vox-list .vox-post .featured::after {
    height: 100%;
    position: absolute;
    top: 0px;
    left: 100%;
    border: 1.6rem solid #b10024;
    border-left: 0;
    border-right: .5rem solid transparent;
    content: "";
}

.vox-list .vox-post {
    list-style-type: none;
    margin: 0;
    position: relative;
}

.vox-list .vox-post a {
    background-color: transparent;
    border: none;
		border-radius: 8px;
		box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.02), 0 20px 60px 0 rgba(0, 0, 0, 0.06);
    display: grid;
    grid-template-rows: min-content;
    place-content: stretch;
    height: 100%;
}

.vox-list .vox-event a {
    grid-template-columns: 35% 1fr;
    grid-template-rows: 1fr;
}
    .vox-list .vox-post:focus {
        outline: 1px dotted rgba(255, 255, 255, .6);
        outline-offset: -10px;
    }

.vox-list .img-clip img {
		height: 200px;
		object-fit: cover;
		width: 100%;
		margin-bottom: 0;
}

		.vox-list .vox-event .img-clip img {
		    height: 100%;
		}

.vox-list .vox-post a .img-clip,
.vox-list .vox-post a:hover .img-clip {
		border-radius: 8px 8px 0 0;
}

.vox-list .vox-event a .img-clip,
.vox-list .vox-event a:hover .img-clip {
		border-radius: 8px 0 0 8px;
}

.vox-list .vox-post .vox-content {
    border-bottom: none;
    color: var(--black);
    display: grid;
    grid-template-rows: min-content;
    padding: 30px;
    height: 100%;
}

.vox-list .vox-post .vox-content h3 {
    align-self: start;
    font-family: 'EB Garamond', 'Times New Roman', serif;
    font-size: 3rem;
    font-weight: 300;
    letter-spacing: 0;
    margin: 0 0 0 0;
}

.vox-list .vox-post .vox-content .vox-excerpt {
    align-self: start;
    border-bottom: none;
    margin-top: 1.4rem;
    padding: 0;
}

.vox-list .vox-post .vox-content .vox-excerpt p {
    margin-bottom: 0;
}

.vox-list .vox-post .vox-meta {
    align-items: center;
    align-self: end;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: 1.8rem 0 0 0;
}

.vox-list .vox-post i,
.vox-list .vox-event i {
    margin-right: .3rem;
}


.vox-list .vox-post .time-ago {
    border-bottom: none;
    font-size: 1.6rem;
    padding-bottom: 0;
}

.vox-list .vox-post .fa-arrow-right {
    margin-left: auto;
    margin-right: 0;
}

.vox-list .vox-post:hover .fa-arrow-right {
    animation-name: link-forward-left;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}

/* VOX event */

.calendar-date {
    align-content: start;
    display: flex;
    background-color: var(--white);
    height: min-content;
    place-items: center;
    gap: 10px;
}

.calendar-date span {
    font-size: 6rem;
    color: var(--black);
    line-height: 1.3;
}

.calendar-date .event-month {
    font-size: 2rem;
    font-weight: 700;
    justify-self: start;
    text-transform: uppercase;
    letter-spacing: .2rem;
}

.calendar-date .from-date {
    font-size: 1.3rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.calendar-date .active-event {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    padding: 6px;
}

.active-event i {
    font-size: 3.4rem;
    padding-top: 4px;
}

.venue {
    color: var(--black);
    margin-top: 6px;
}

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

		.vox-list .vox-event a {
			  grid-template-columns: 1fr;
		    grid-template-rows: 200px min-content;
		}

		.vox-list .vox-event a .img-clip,
		.vox-list .vox-event a:hover .img-clip {
				border-radius: 8px 8px 0 0;
		}

}



/* Highlight
------------------------------------------------------------ */

.highlight {
    background-color: var(--lGray);
    border-radius: 8px;
    margin: 2rem -20px 2rem -20px;
    width: calc(100% + 40px);
    padding: 20px;
}

.highlight h2,
.highlight h3,
.highlight h4,
.highlight h5,
.highlight h6 {
		margin: 1rem 0 2rem 0
}

/* Taxonomy Description
------------------------------------------------------------ */

.archive-description {
	background: transparent;
	border-top: 0 solid #DDDDDD;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0 0 0 0;
	padding: 0;
	color: var(--black);
	font-size: 16px; font-size: 1.6rem;
}

.content .archive-description p {
	padding: 0 0 0 0;
}

.content .archive-description a, .content .archive-description a:visited {
	color: #8C703B;
	text-decoration: none;
}

.content .archive-description a:hover {
	color: var(--dGray);
	text-decoration: none;
}

/* Breadcrumbs */
.breadcrumb {
	background: transparent;
	border-top: 0 solid #DDDDDD;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0 0 3rem;
	color: var(--dGray);
	font-size: 16px; font-size: 1.6rem;
	width: fit-content;
}

.breadcrumb a,
.breadcrumb a:visited {
	color: #8C703B;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: var(--dGray);
	border-bottom: 1px dotted;
}

.breadcrumb a:active {
	color: var(--dGray);
	border-bottom: 1px solid;
}

/* Page-meta */
.page-meta {
		color: var(--dGray);
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		font-size: 14px; font-size: 1.4rem;
		justify-content: space-between;
		line-height: 1.3;
		margin: 0 auto;
    max-width: 1200px;
    padding: 20px 30px;
    width: 100%;
}

#last-updated i {
    transform: scaleX(-1);
    margin-right: .25rem;
}

#last-updated span {
    display: inline;
    line-height: 1.3;
    width: fit-content;
}

.page-meta .breadcrumb {
		font-size: 14px; font-size: 1.4rem;
		margin: 0;
		padding: 0;
		width: fit-content;
}

@media only screen and (min-width: 1000px) {

		.full-width-content .page-meta .breadcrumb,
		.content-sidebar .page-meta .breadcrumb,
		.sidebar-content .page-meta .breadcrumb {
				display: none;
				visibility: hidden;
		}

}

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

		.page-meta #last-updated {
				display: none;
				visibility: hidden;
		}

}


/* Column Classes
--------------------------------------------- */

.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
	margin-bottom: 20px;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-fifth {
	width: 17.9487179487179488%;
}

.two-fifths {
	width: 38.4615384615384616%;
}

.three-fifths {
	width: 58.9743589743589744%;
}

.four-fifths {
	width: 79.4871794871794872%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	margin-left: 0;
	clear: both;
}


/* Featured Post Grid
------------------------------------------------------------ */

.genesis-grid-even,
.genesis-grid-odd {
	margin: 0 0 20px;
	padding: 0 0 15px;
	width: 48%;
}

.genesis-grid-even {
	float: right;
}

.genesis-grid-odd {
	clear: both;
	float: left;
}


/* Ordered / Unordered Lists
------------------------------------------------------------ */


.entry-content ul,
.entry-content ol {
  	margin: 0 0 1em;
}

.entry-content ul + p,
.entry-content ol + p {
  	margin-top: 15px;
}

.archive-page ul li,
.entry-content ul li {
  	margin: 0 0 0 24px;
  	padding: 0;
}

.entry-content ol li {
	list-style-type: inherit;
    margin: 0 0 0 18px;
    padding-left: 6px;
}

.archive-page ul ul,
.entry-content ul ul,
.entry-content ol ol {
	padding: 0;
}

.archive-page ul + ul,
.entry-content ul + ul,
.entry-content ol + ol {
	padding: 0;
}

.archive-page ul + ul + ul,
.entry-content ul + ul + ul,
.entry-content ol + ol + ul {
	padding: 0;
}

.entry-content ol.alpha,
.entry-content ol.alpha ol {
	list-style-type: lower-alpha;
}

ul.list-unstyled {
    list-style-type: none;
}

ul.list-unstyled li {
    margin-left: 0;
}


/* Table of Contents
------------------------------------------------------------ */

ul.list-unstyled li.toc-item-h3 {
    margin-left: 1rem;
}


/* Post Info
------------------------------------------------------------ */

.entry-header .entry-meta {
	margin: -5px 0 15px;
	color: var(--black);
	font-size: 16px; font-size: 1.6rem;
}

.entry-header .entry-meta a,
.entry-header .entry-meta a:visited {
	color: #8C703B;
	text-decoration: none;
}

.entry-header .entry-meta a:hover {
	color: var(--dGray);
}

.entry-comments-link::before {
	content: "\2014";
	margin: 0 6px 0 2px;
}


/* Post Meta
------------------------------------------------------------ */

.entry-footer .entry-meta {
	border-top: 1px solid #DDDDDD;
	padding: 5px 0 0;
	color: var(--black);
	font-size: 14px; font-size: 1.4rem;
	font-style: italic;
	clear: both;
}

.entry-footer .entry-meta a,
.entry-footer .entry-meta a:visited {
	color: #8C703B;
	text-decoration: none;
}

.entry-footer .entry-meta a:hover {
	color: var(--dGray);
}


/* Author Box
------------------------------------------------------------ */

.author-box {
	background: #F2F0EE;
	border-top: 0 solid #DDDDDD;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	clear: both;
}

.author-box-title {
	color: var(--black);
	font-size: 22px; font-size: 2.2rem;
	font-weight: 300;
}

.author-box-content {
	color: var(--black);
	font-size: 16px; font-size: 1.6rem;
}

.author-box a,
.author-box a:visited {
	color: #8C703B !important;
	text-decoration: none !important;
}

.author-box a:hover {
	color: var(--dGray) !important;
	text-decoration: underline !important;
}


/* Sticky Posts
------------------------------------------------------------ */

/*
.sticky {
	background-color: #f5f5f5;
	margin: -10px 0 40px;
	padding: 20px;
} */

.content .sticky {
	background: transparent !important;
	border-top: 0 solid #DDDDDD;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/* Archive Page
------------------------------------------------------------ */

.archive-page {
	float: left;
	padding: 20px 0 0;
	width: 45%;
}


/* Post Icons
------------------------------------------------------------ */

.post-comments {
	background: url(images/icon-dot.png) no-repeat left;
	margin: 0 0 0 3px;
	padding: 0 0 0 10px;
}


/* Images
------------------------------------------------------------ */

img {
	max-width: 100%;
	height: auto;
}

.nivoSlider img {
    max-width: none;
}

.featuredpage img,
.featuredpost img,
.post-image {
	background: transparent;
	border: 0 solid #DDDDDD;
	padding: 0;
}

.author-box .avatar {
	background: transparent;
	border: 0 solid #DDDDDD;
	width: 0;
	height: 0;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
}

.post-image {
	margin: 0 10px 10px 0;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 10px;
}

img.alignnone {
	display: inline;
	margin: 0 0 10px;
}

img.alignleft {
	display: inline;
	margin: 0 15px 10px 0;
}

img.alignright {
	display: inline;
	margin: 0 0 10px 15px;
}

.alignleft {
	float: left;
	margin: 0 15px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 15px;
}

.wp-caption-text {
	background-color: var(--white);
	bottom: 0;
	color: var(--black);
	font-size: 12px; font-size: 1.2rem;
	line-height: 1.3;
	padding: 4px 8px;
	position: absolute;
	right: 0;
}

.wp-smiley,
.wp-wink {
	border: none;
	float: none;
}

.post-format-image {
	display: block;
	float: right;
}

.page .post-format-image {
	display: none;
}

.page-template-page_blog-php .post-format-image {
	display: block;
}

.site-header + .featured-image,
.nav-primary + .featured-image {
		height: 40vw;
		min-height: 250px;
		max-height: 350px;
}

.featured-image {
		height: 100%;
    overflow-y: hidden;
    position: relative;
    margin-bottom: 0;
}

.background-tint {
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: multiply;
}

.background-lighten {
    background-color: rgba(255, 255, 255, .5);
    background-blend-mode: lighten;
		border : 1px solid #eee;
}

.featured-image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    margin-bottom: 0;
}

.featured-image.img-focus-flft img {
    object-position: 8.33% 8.33%;
}

.featured-image.img-focus-lft img {
    object-position: 33.33% 8.33%;
}

.featured-image.img-focus-rft img {
    object-position: 66.66% 8.33%;
}

.featured-image.img-focus-frft img {
    object-position: 91.66% 8.33%;
}

.featured-image.img-focus-flt img {
    object-position: 8.33% 33.33%;
}

.featured-image.img-focus-lt img {
    object-position: 33.33% 33.33%;
}

.featured-image.img-focus-rt img {
    object-position: 66.66% 33.33%;
}

.featured-image.img-focus-frt img {
    object-position: 91.66% 33.33%;
}

.featured-image.img-focus-c img {
    object-position: center center;
}

.featured-image.img-focus-flb img {
    object-position: 8.33% 66.66%;
}

.featured-image.img-focus-lb img {
    object-position: 33.33% 66.66%;
}

.featured-image.img-focus-rb img {
    object-position: 66.66% 66.66%;
}

.featured-image.img-focus-frb img {
    object-position: 91.66% 66.66%;
}

.featured-image.img-focus-flfb img {
    object-position: 8.33% 91.66%;
}

.featured-image.img-focus-lfb img {
    object-position: 33.33% 91.66%;
}

.featured-image.img-focus-rfb img {
    object-position: 66.66% 91.66%;
}

.featured-image.img-focus-frfb img {
    object-position: 91.66% 91.66%;
}

.cta-image.img-focus-flft {
    background-position: 8.33% 8.33%;
}

.cta-image.img-focus-lft {
    background-position: 33.33% 8.33%;
}

.cta-image.img-focus-rft {
    background-position: 66.66% 8.33%;
}

.cta-image.img-focus-frft {
    background-position: 91.66% 8.33%;
}

.cta-image.img-focus-flt {
    background-position: 8.33% 33.33%;
}

.cta-image.img-focus-lt {
    background-position: 33.33% 33.33%;
}

.cta-image.img-focus-rt {
    background-position: 66.66% 33.33%;
}

.cta-image.img-focus-frt {
    background-position: 91.66% 33.33%;
}

.cta-image.img-focus-c {
    background-position: center center;
}

.cta-image.img-focus-flb {
    background-position: 8.33% 66.66%;
}

.cta-image.img-focus-lb {
    background-position: 33.33% 66.66%;
}

.cta-image.img-focus-rb {
    background-position: 66.66% 66.66%;
}

.cta-image.img-focus-frb {
    background-position: 91.66% 66.66%;
}

.cta-image.img-focus-flfb {
    background-position: 8.33% 91.66%;
}

.cta-image.img-focus-lfb {
    background-position: 33.33% 91.66%;
}

.cta-image.img-focus-rfb {
    background-position: 66.66% 91.66%;
}

.cta-image.img-focus-frfb {
    background-position: 91.66% 91.66%;
}

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

    .official .sidebar-primary .official-roundel {
				display: none;
				visibility: none;
				/* Styling for formal policy documents */
				/* margin: -35rem 0 0 -18rem; */
		    /* position: absolute; */
		    /* z-index: -99; */
		}

}


@supports (-ms-accelerator:true) or (-ms-ime-align:auto) {

    .background-tint::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        background-blend-mode: unset;
    }

    .background-lighten::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: rgba(255, 255, 255, .5);
        background-blend-mode: unset;
    }

    .cta-content {
        z-index: 9;
    }

    #cta-sidebar .background-tint::before {
        border-radius: 8px;
    }

}

/* Full-width blocks */
.full-width-content .full-width-block {
		background-color: var(--lGray);
		position: relative;
}

.full-width-content .full-width-block.top {
		margin: 0 0 4rem 0;
		padding: 0 0 4rem 0;
}

.full-width-content .full-width-block.bottom {
		margin: 4rem 0 0 0;
		padding: 4rem 0 0 0;
}

.full-width-content .full-width-block.top::before {
    height: calc(100% + 30rem);
		top: -30rem;
}

.full-width-content .full-width-block.bottom::before {
		height: calc(100% + 30rem);
		bottom: -30rem;
}

.full-width-content .full-width-block::before {
	background-color: var(--lGray);
    content: "";
    width: 100vw;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
	z-index: -100;
}

/* Feature box
------------------------------------------------------------ */

/* Style feature box differently if the first block on the Front Page */
.full-width-content .entry-content > ul.feature-box:nth-child(2) {
    background-color: var(--lGray);
		margin: 0rem 0 8rem 0;
    padding: 0rem 0 8rem 0;
    position: relative;
}

.full-width-content .entry-content > ul.feature-box:nth-child(2)::before {
	background-color: var(--lGray);
    content: "";
    width: 100vw;
    height: calc(100% + 30rem);
    position: absolute;
    top: -30rem;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
		z-index: -100;
}

ul.feature-box {
	  margin: 4rem 0;
}

ul.feature-box li {
    list-style-type: none;
	margin-left: 0;
}
ul.feature-box.profile li {
    border-top: 1px solid #898379;
}

ul.feature-box h3 {
	font-family: 'EB Garamond', 'Times New Roman', serif;
	font-weight: 300;
    font-size: 3rem;
    font-weight: 300;
	letter-spacing: 0;
	line-height: 1.25;
}

ul.feature-box.hero h3 {
    margin: 0 30px 2.4rem 0;
}

ul.feature-box.profile h3 {
    margin: 0 0 2.4rem 0;
    padding-top: 30px;
}

.feature-box.has-1-children.hero img {
    height: 350px;
}

.feature-box img {
    height: 250px;
    width: 100%;
    margin-bottom: 20px;
    object-fit: cover;
}

.feature-box a {
    display: block;
    position: relative;
}

.feature-box a:focus {
    height: 100%;
    outline: 1px dotted var(--black);
    outline-offset: 10px;
    position: relative;
}

.feature-box div {
    height: 100%;
}

a .goldlink {
  position: relative;
  height: auto;
  width: auto;
}

.gold-link::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
    transition: background-color .2s ease-in;
}

.hero .gold-link::after {
    top: calc(250px - 10px);
}

.has-1-children.hero .gold-link::after {
    top: calc(350px - 10px);
}

.profile .gold-link::after {
    top: 0;
}

a:hover .gold-link::after {
    background-color: #a48545;
}

.hotlink a .gold-link::after {
    top: 0;
}

.feature-box p {
    color: var(--black);
    margin: 1.2rem 0 0 0;
}

.feature-box.hero p {
    margin: 1.2rem 30px 30px 0;
}



/* Post Navigation
------------------------------------------------------------ */

.pagination,
.entry-pagination {
	width: 100%;
	margin: 0;
	padding: 0 0 0;
}

.pagination ul,
.entry-pagination ul {
    display: flex;
    justify-content: space-between;
}

.pagination li {
	display: inline;
}

.pagination a,
.pagination a:visited,
.entry-pagination a,
.entry-pagination a:visited {
	color: #898379;
	font-size: 16px; font-size: 1.6rem;
	text-decoration: none;
    padding: 10px;
    border-bottom: none;
}

.pagination a:hover,
.entry-pagination a:hover {
	color: var(--black);
	text-decoration: none;
}

.pagination li a,
.pagination li.disabled,
.pagination li a:hover,
.pagination li.active a {
	font-size: 16px; font-size: 1.6rem;
	text-decoration: none;
}

.pagination li a:hover,
.pagination li.active a {
	background: #ece5d5;
    border-radius: 4px;
	color: var(--black);
	text-decoration: none;
}

.pagination li a:hover {
	text-decoration: none;
}




/* Dropdowns
------------------------------------------------------------ */

.widget_archive select,
#cat {
	background: #F5F5F5;
	border: 1px solid #DDDDDD;
	width: 83%;
	margin: 15px 15px 0;
	padding: 3px;
	font-size: 14px;
	display: inline;
}

/* User Profile
------------------------------------------------------------ */

.user-profile {
	overflow: hidden;
}

.user-profile p {
	padding: 5px 25px;
}

.user-profile .posts_link {
	padding: 0 25px;
}


/*
	Search form
------------------------------------------------------------ */

::-webkit-input-placeholder {
	color: var(--dGray);
}

.search-form {
    display: flex;
    margin: 40px 0;
}

.search-form:hover,
.search-form:active {
    box-shadow: 0 0 10px 5px rgba(65, 62, 57, .1);
    background-color: rgba(184, 155, 95, .1);
}

.search-form input[type="search"] {
    background-color: var(--white);
    width: 100%;
    margin: 0;
    font-size: 20px; font-size: 2rem;
    padding: 15px 20px;
    border-radius: 4px 0 0 4px;
    color: var(--dGray);
    border: 2px solid #eee;
    border-right: none;
    box-sizing: border-box;
    align-items: stretch;
}

.search-form input[type="submit"] {
    border: none;
    border-radius: 0 4px 4px 0;
    content: "\f002";
    font-family: "Font Awesome 6 Pro";
    font-size: 2rem;
    margin: 0;
    text-align: center;
    text-decoration: none !important;
    -o-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    width: auto;
}

.search-form input[type="submit"]:hover,
.search-form input[type="submit"]:active {
    border: none;
    transform: none;
    background-color: #b89b5f;
}

.search-form input[type="submit"]:focus {
    outline: 1px dotted rgba(255, 255, 255, .6);
    outline-offset: -6px;
    box-shadow: none;
}



/* eNews and Update Widget
------------------------------------------------------------ */

.sidebar .widget {
    margin-bottom: 30px;
}

/* eNews and Update Widget
------------------------------------------------------------ */

.enews p {
	padding: 10px 15px 5px;
}

.enews #subscribe {
	padding: 0 0 0 15px;
}

.enews #subbox {
	margin: 5px -7px 0 0;
	padding: 6px 5px;
	width: 75%;
}



/* Compare Grid
------------------------------------------------------------ */
.entry-content .compare-grid {
	align-items: start;
	display: grid;
	grid-template-columns: 50% 50%;
	list-style-type: none;
	margin-bottom: 4rem;
}

.entry-content .compare-grid li {
	background-color: var(--lGray);
	margin: 0;
	padding: 20px 20px;
	height: 100%;
}

.entry-content .compare-grid li:nth-child(odd) {
	background-color: var(--lGray_d);
}

.entry-content .compare-grid p.h4 {
	margin-top: 0;
}

@media only screen and (min-width: 768px) {

	.entry-content .compare-grid li:nth-child(1) {
		border-top-left-radius: 4px;
	}

	.entry-content .compare-grid li:nth-child(2) {
		border-top-right-radius: 4px;
	}

	.entry-content .compare-grid li:nth-last-child(1) {
		border-bottom-right-radius: 4px;
	}

	.entry-content .compare-grid li:nth-last-child(2) {
		border-bottom-left-radius: 4px;
	}

}

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

	.entry-content .compare-grid {
		grid-template-columns: 1fr;
		grid-template-rows: repeat(auto-fit, 1fr);
	}

	.entry-content .compare-grid li:first-child {
			border-radius: 4px 4px 0 0;
	}

	.entry-content .compare-grid li:last-child {
			border-radius: 0 0 4px 4px;
	}

	.entry-content .compare-grid li:nth-child(even) {
	    border-radius: 0 0 8px 8px;
	}

	.entry-content .compare-grid li:nth-child(odd) {
	    border-radius: 8px 8px 0 0;
	    margin-top: 10px;
	}

}

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

	.entry-content .compare-grid li a {
		width: 100%;
		text-align: center;
	}

}

/* Hotlinks
------------------------------------------------------------ */

#hotlink-container .hotlink-list {
    align-items: start;
	  box-sizing: border-box;
	  display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-template-rows: repeat(auto-fit, 1fr);
    margin-top: 60px;
    place-content: stretch;
    place-items: stretch;
    height: fit-content;
}

#hotlink-container li.hotlink {
    aspect-ratio: 1/1;
    border-top: 1px solid #898379;
    box-sizing: content-box;
    color: var(--black);
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: 1fr;
    height: auto;
    position: relative;
    width: auto;
}

.hotlink > a {
    border-bottom: none;
}

.hotlink > a:focus {
    outline: 1px dotted rgba(255, 255, 255, .6);
    outline-offset: -6px;
    box-shadow: none;
}

.hotlink .meta {
  	align-self: start;
    color: var(--black);
    grid-column-gap: 10px;
    padding: 30px 0 20px 0;
    width: auto;
}

.hotlink.hotlink-link .meta,
.hotlink.hotlink-network .meta,
.hotlink.hotlink-network-link .meta {
    display: grid;
    grid-template-columns: 1fr auto;
    width: auto;
}

.hotlink .meta h3,
.hotlink .meta .h4 {
    margin: 0;
    padding-bottom: 20px;
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .06rem;
    line-height: 1.2;
}

.hotlink .meta i {
    vertical-align: middle;
}

/* ### Add an animation class to icons, along with VOX posts */
.hotlink a:hover .fa-angle-right {
    animation-name: link-forward-left;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}

.hotlink .fa-angle-right {
    margin-left: auto;
    margin-right: 0;
}

.hotlink.hotlink-link .meta div,
.hotlink.hotlink-network .meta div,
.hotlink.hotlink-network-link .meta div {
    grid-column: 1 / span 2;
}

.hotlink p:last-child {
    margin-bottom: 0;
}


/* ## Hotlink Link
--------------------------------------------- */

.hotlink-link {
	padding: 0;
}

/* ## Hotlink URL
--------------------------------------------- */

.hotlink-url ul {
    align-self: end;
}

.hotlink-url ul li {
	list-style-type: none;
	margin: 0;
}

/* ## Hotlink Download
--------------------------------------------- */

.hotlink .download-cta {
    display: block;
    background-color: transparent;
}

/* Fat Footer
---------------------------------------------------------------------------- */

#fat-footer div {
    border: none;
}

#fat-footer h2 {
    color: var(--lGray);
    font-size: 1.6rem;
    margin: 0 0 2rem 0;
}

#fat-footer ul {
    list-style-type: none;
    line-height: 1.4;
}

#fat-footer p,
#fat-footer li {
    font-size: 1.4rem;
    padding-bottom: 14px;
}

#fat-footer p,
#fat-footer ul li a:link,
#fat-footer ul li a:visited,
#fat-footer ul li a:active {
    color: var(--lGray);
}

#fat-footer ul li a:hover,
#fat-footer ul li a:active {
    color: var(--white);
}

/*

    /* Responsive fat-footer
    ------------------------------------------------------------ */

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

        #hotlink-container li.hotlink {
            aspect-ratio: unset;
        }

        #fat-footer #college-list,
        #fat-footer #network-list {
            display: none;
        }
    }

    /* Social fat-footer cell
    ------------------------------------------------------------ *

    #fat-footer #social ul.social {
        grid-auto-flow: row;
        grid-template-columns: 1fr 1fr 1fr;
    }

    #fat-footer #social ul.social li a:hover {
        color: #ece5d5;
    }

    #fat-footer #social ul.social li a:link i:last-of-type,
    #fat-footer #social ul.social li a:visited i:last-of-type,
    #fat-footer #social ul.social li a:active i:last-of-type{
        color: var(--black);
    }

        #fat-footer #social ul.social li a:hover i:last-of-type {
        color: var(--black);
    }

    /* Responsive fat-footer
    ------------------------------------------------------------ */

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

        #fat-footer #college-list,
        #fat-footer #network-list {
            display: none;
        }
    }


/* Site Footer
---------------------------------------------------------------------------- */

.site-footer {
    background-color: var(--dFooter);
}

.site-footer .wrap {
    padding: 20px 30px 25px 30px;
    max-width: 1200px;
    margin: 0 auto;
}

#footer {
    display: grid;
    font-size: 1.4rem;
    grid-auto-flow: column;
    grid-template-columns: auto 1fr auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-items: stretch;
    box-sizing: border-box;
}

#footer a:link,
#footer a:visited {
    color: #C8B182;
}

    /* First footer cell
    ------------------------------------------------------------ */

    #footer .first-footer-block {
        align-items: center;
        display: grid;
        grid-template-columns: max-content auto;
        grid-column-gap: 20px;
    }

    #footer .first-footer-block .footer-brandmark {
        height: 80px;
        width: auto;
        padding: 0;
        margin-bottom: 0px;
    }

    #footer .first-footer-block a:nth-of-type(2) .footer-brandmark {
        border-left: 1px solid #c8b182;
        padding: 0 0 0 2rem;
        margin: 0 0 0 2rem;
    }

    #footer .first-footer-block ul li:first-of-type {
        margin-top: .5rem;
        font-weight: 700;
    }

    /* Second footer cell
    ------------------------------------------------------------ */

    #footer .second-footer-block {
        display: grid;
        justify-self: end;
        font-size: 1.4rem;
        line-height: 2;
        justify-items: right;
        align-content: space-between;
    }

    #footer .second-footer-block ul {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(auto-fill);
        grid-column-gap: 20px;
        text-align: right;
    }

    #footer .second-footer-block ul:nth-of-type(2) {
        color: #C8B182;
        font-size: 1.4rem;
    }

        #footer .second-footer-block ul a:link,
        #footer .second-footer-block ul a:visited,
        #footer .second-footer-block ul a:hover,
        #footer .second-footer-block ul a:active {
            color: #C8B182;
        }

    /* Third footer cell
    ------------------------------------------------------------ */

    #footer .third-footer-block {
        align-self: center;
		justify-self: flex-end;
		width: 56px;
    }

    #go-to-top {
        background-color: transparent;
        border: none;
        bottom: 0;
        margin: 30px 0;
        padding: 0;
        position: fixed;
        z-index: 100000;
    }

    #go-to-top:focus {
        outline: 1px dotted #C8B182;
    }

    #footer .third-footer-block #go-to-top .fa-stack {
        height: 2em;
        width: 2em;
    }

    #footer .third-footer-block #go-to-top i.fa-circle {
        color: var(--lFooter);
    }

    #footer .third-footer-block #go-to-top:hover i.fa-circle {
        color: var(--lFooter_l);
    }

    #footer .third-footer-block #go-to-top i.fa-arrow-to-top {
        color: #C8B182;
    }

#footer ul li {
    list-style-type: none;
    color: #C8B182;
}

    /* Responsive footer
    ------------------------------------------------------------ */

    @media only screen and (min-width: 479px) and (max-width: 767px) {

        #footer {
            font-size: 1.6rem;
            grid-template-columns: max-content 1fr max-content;
            grid-template-rows: repeat(auto);
            grid-auto-flow: row;
        }

        #footer .first-footer-block {
            display: grid;
            justify-items: left;
            grid-auto-flow: row;
            grid-gap: 10px;
            grid-template-columns: 1fr;
            grid-template-rows: max-content max-content;
        }

        #footer .second-footer-block {
            margin: 0;
            justify-content: stretch;
            align-content: end;
        }

        #footer .second-footer-block ul {
            grid-auto-flow: row;
            font-size: 1.6rem;
            line-height: 1.8;
            justify-items: end;
            text-align: left;
        }

        #footer .second-footer-block ul:nth-of-type(2) {
            display: none;
        }
    }

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

        #footer {
            grid-auto-flow: row;
            grid-template-rows: auto auto;
            grid-template-columns: auto 1fr;
            font-size: 1.6rem;
            justify-items: start;
        }

        #footer .first-footer-block {
            display: grid;
            grid-column: 1 / span 2;
            grid-gap: 10px;
            justify-items: left;
            margin-bottom: 10px;
        }

        #footer .first-footer-block div:first-of-type {
            grid-column: 1 / span 2;
        }

        #footer .second-footer-block ul {
            grid-auto-flow: row;
            justify-items: start;
        }

        #footer .second-footer-block {
            justify-content: start;
        }

        #footer .second-footer-block ul {
            grid-auto-flow: row;
            font-size: 1.6rem;
            line-height: 1.8;
            text-align: left;
        }

        #footer .second-footer-block ul:nth-of-type(2) {
            display: none;
        }

        #footer .third-footer-block {
            justify-self: end;
            width: 64px;
        }
    }

/* Admin
---------------------------------------------------------------------------- */
.wp-core-ui .quicktags-toolbar input.button.button-small {
    width: auto;
}

/* Media Queries
---------------------------------------------------------------------------- */

    /* Show alt */
    .sml-media-alt {
        display: inline-block;
        visibility: visible;
    }

    /* Hide default */
    .media-default {
        display: none;
        visibility: hidden;
    }

@media only screen and (min-width: 480px) {

	table {
		table-layout: auto;
		word-break: normal;
	}

    /* Hide small alt */
    .sml-media-alt {
        display: none;
        visibility: none;
    }

    /* Show default */
    .media-default {
        display: inline-block;
        visibility: visible;
    }

}

@media only screen and (min-width: 1000px) {

	/* Site Header
	--------------------------------------------- */

	.admin-bar .site-header {
		top: 32px;
	}

	/* Site-Inner
	--------------------------------------------- */

	.site-inner {
		max-width: 1200px;
	}

	/* Author Box
	--------------------------------------------- */

	.author-box {
		background-color: #f5f5f5;
		padding: 30px;
	}

	/* After Entry
	--------------------------------------------- */

	.after-entry {
		padding: 40px 60px;
	}

	.after-entry .enews {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* Entry Misc.
	--------------------------------------------- */

	.after-entry,
	.archive-description,
	.author-box,
	.comment-respond,
	.entry,
	.entry-comments,
	.entry-pings {
		margin-bottom: 30px;
	}

}

/* Print Styles
---------------------------------------------------------------------------- */

@media print {

	*,
	*::before,
	*::after {
		background: transparent !important;
		box-shadow: none !important;
		color: #333 !important;
		text-shadow: none !important;
	}

	a[href]::after {
		content: " (" attr(href) ")";
	}

	abbr[title]::after {
		content: " (" attr(title) ")";
	}

	a[href^="javascript:"]::after,
	a[href^="#"]::after,
	.site-title > a::after {
		content: "";
	}

	thead {
		display: table-header-group;
		border: 1px solid var(--black);
	}

	img,
	tr {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 2cm 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	blockquote,
	pre {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	.content,
	.content-sidebar {
		width: 100%;
	}

	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.genesis-box,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.nav-secondary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}

	.title-area {
		text-align: center;
		width: 100%;
	}

	.site-title > a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}

	.site-inner {
		padding-top: 0;
		position: relative;
	}

	.author-box {
		margin-bottom: 0;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}


	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}

	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}

	dl,
	ol,
	ul {
		page-break-before: avoid;
	}

}

/* ----------------------------------------------------------

	6. COLLEGES AND CENTRES CPTS

---------------------------------------------------------- */

/* Change Contact points to staff profiles and remove these rules */
.entity-contact-name,
a.entity-contact-name {
		font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
    font-size: 1.8rem;
    letter-spacing: -.02em;
		font-weight: 700;
    line-height: 1.25;
		color: var(--black);
		margin-bottom: 1rem;
}

.entity-contact-position {
		font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
		font-size: 1.8rem;
		letter-spacing: -.02em;
		font-weight: 300;
		margin-top: .5rem;
}

.entity-contact .phone,
.entity-contact .email {
		margin-bottom: 0;
}


/* ----------------------------------------------------------
	COURSE CPT
---------------------------------------------------------- */


p.course-hero-description {
    font-size: 2.0rem;
}

	/* COURSE FINDER SEARCH */

	#course-bottom-container {
		background-color: #EBE8E4;
		padding: 0 20px;
	}

	#course-bottom-container .wrap {
	    max-width: 1080px;
	    margin: 0 auto;
		padding: 30px 0 40px 0;
	}

	.searchandfilter.course-finder ul {
		display: flex;
	}

	.searchandfilter.course-finder ul:hover {
    box-shadow: 0 3px 18px 0 rgba(65, 62, 57, .2);
    transition: all .5;
    	-o-transition: all .5s;
    	-moz-transition: all .5s;
    	-webkit-transition: all .5s;
	}

	.searchandfilter.course-finder ul li {
		display: inline-flex;
		list-style-type: none;
		margin: 0;
	}

	.searchandfilter.course-finder ul li:first-child {
		width: 100%;
	}

	.searchandfilter.course-finder ul li input,
	.searchandfilter.course-finder ul li select {
		border-radius: 0;
		padding: 12px 20px 12px 20px;
		margin: 0;
		height: 100%;
		border-left: 4px dotted #EBE8E4;
	}

	.searchandfilter.course-finder ul li:first-child input {
		border-radius: 6px 0 0 6px;
	    margin: 0;
	    width: 100%;
	    box-sizing: border-box;
	    align-items: stretch;
		border-left: none;
	}

	.searchandfilter.course-finder ul li:last-child input,
	.searchandfilter.course-finder ul li:last-child select {
		border-radius: 0 6px 6px 0;
		border-left: none;
	}

	.searchandfilter.course-finder ul li input[type=submit]:hover {
		transform: translateY(0);
	}



/* ----------------------------------------------------------

		Columns

---------------------------------------------------------- */

/* ----------------------------------------------------------

		Accordions

---------------------------------------------------------- */

.c-accordion__item {
		background-color: transparent;
		border-bottom: 1px solid #898379;
		border-top: 1px solid #898379;
		padding: 20px 0;
		margin: 4rem 0;
}

.c-accordion__item + .c-accordion__item {
		border-top: none;
		margin-top: -4rem;
}

.c-accordion__item:hover {
    background-color: transparent;
}

.c-accordion__item.is-open:hover {
    background-color: transparent;
}

/* Accordion bar */
.c-accordion__item .c-accordion__title {
    font-weight: 300;
    line-height: 1.25;
    position: relative;
		margin: 20px 0;
}

.c-accordion__title:focus {
    color: var(--black);
    outline: #ccc dotted 1px;
    outline-offset: 10px;
}

/* Accordion open symbol */
.c-accordion__title.js-accordion-controller::after {
    content: "\f078";
    color: var(--black);
    display: inline-block;
    font-family: "Font Awesome 6 Pro";
    font-size: 3rem;
    font-weight: 300;
    padding: 0 0 0 .75rem;
    text-rendering: auto;
    vertical-align: baseline;
    position: absolute;
}

/* Accordion close symbol */
.is-open > .c-accordion__title.js-accordion-controller::after {
    content: "\f077";
}

.c-accordion__content {
    padding: 2rem 0 1rem 0;
}

    /* Remove top-margins for headings */
    .c-accordion__content > h2:first-child,
    .c-accordion__content > h3:first-child,
    .c-accordion__content > h4:first-child,
    .c-accordion__content > h5:first-child,
    .c-accordion__content > h6:first-child {
        margin-top: 0rem;
    }

.c-accordion__item.emergency .c-accordion__title::before {
	content: "\f111";
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	font-weight: 700;
	padding: 0 1rem 0 0;
	text-rendering: auto;
	vertical-align: baseline;
	font-size: 4rem;
}

.c-accordion__item.emergency.code-blue .c-accordion__title::before {
		color: #145df9;
}

.c-accordion__item.emergency.code-purple .c-accordion__title::before {
		color: #6b2d9b;
}

.c-accordion__item.emergency.code-yellow .c-accordion__title::before {
		color: #fffd45;
		text-shadow: -1px 0 var(--black), 0 1px var(--black), 1px 0 var(--black), 0 -1px var(--black);
}

.c-accordion__item.emergency.code-black .c-accordion__title::before {
		color: var(--black);
}

.c-accordion__item.emergency.code-brown .c-accordion__title::before {
		color: #943b0d;
}

.c-accordion__item.emergency.code-orange .c-accordion__title::before {
		color: #f87121;
}

.c-accordion__item.emergency.code-red .c-accordion__title::before {
		color: #f53717;
}


/* ----------------------------------------------------------

		All cards

---------------------------------------------------------- */

ul.card-grid {
  	margin: 5rem 0 8rem 0;
}

.entry-content .card-grid li,
ul.card-grid li {
		height: 100%;
		list-style-type: none;
		margin: 0;
}

.card {
		border-radius: 8px;
		margin: 0;
}

.card .featured-image {
		border-radius: 8px 0 0 8px;
}

.card-data {
		border-radius: 8px;
		grid-row-gap: 2rem;
}

.card {
		box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.02), 0 20px 60px 0 rgba(0, 0, 0, 0.06);
}

.card .card-data {
			align-content: stretch;
			align-items: stretch;
	    display: flex;
			height: 100%;
			gap: 2rem;
	    overflow-wrap: hyphens;
	    padding: 30px;
	    width: 100%;
			flex-direction: column;
	    flex-wrap: wrap;
}

.card-data a {
		height: min-content;
}

.card-data img.brand {
		height: 100%;
		max-height: 120px;
		width: 100%;
		margin-bottom: 1.2rem;
}

.card-data .card-header {
		font-family: 'EB Garamond', 'Times New Roman', serif;
		font-weight: 300;
		font-size: 40px; font-size: 4rem;
		letter-spacing: 0;
		line-height: 1.25;
}

.card-data .card-header .meta-card-header {
		display: flex;
		flex-grow: 0;
		flex-wrap: wrap;
		font-size: 1.4rem;
		font-family: 'Karla', sans-serif;
		gap: 1.4rem;
		height: fit-content;
		justify-content: flex-end;
		margin-bottom: 2rem;
}

.card-data .card-header a {
		color: var(--black);
}

.hero .card-data .card-header a {
		border-bottom: none;
}

.card-data .card-info {
		font-size: 1.8rem;
}

.card-data .card-content {
		flex-grow: 1;
}

.card-data .card-meta {
		align-items: center;
		column-gap: 1rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 2rem 0 0 0;
		padding-top: .5rem;
		width: 100%;
}

.card-data .card-meta__left {
		font-size: 1.6rem;
		padding-bottom: 0;
}

.card-data .card-meta__right {
		margin-left: auto;
		margin-right: 0;
}

.card-data:hover .card-meta__right.link-animation {
    animation-name: link-forward-left;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}

.card-data .card-meta .btn-set,
.card-data .card-meta .btn {
		margin: 0;
}

/* ----------------------------------------------------------

	Entity cards

---------------------------------------------------------- */

.hero.entity {
		grid-template-columns: 1fr;

}

.hero.entity .card {
		display: grid;
		grid-template-columns: 1fr 1fr;
		min-height: 400px;
}

.hero.entity .card .featured-image {
		grid-row: 1 / end;
		height: 100%;
		object-fit: cover;
}

.entity .card .card-header,
.entity .card .card-info {
		text-align: center;
}



/*-----------------------------------------------------------

				Study cards (Courses, Pathways and Units)

------------------------------------------------------------*/

/* Course */




.course > .card .card-data {
			padding: 0;
			gap: 0;
}

.course > .card .card-data .card-header {
	    background-color: var(--lGray);
			margin: 0;
			padding: 30px 30px 2rem 30px;
			border-radius: 8px 8px 0 0;
}

.course > .card .card-info {
			border-bottom: 1px solid var(--lGray);
			margin: 0;
			padding: 2rem 30px;
}

.course > .card .quick-facts {
		height: fit-content;
		margin: 0 0 10px;
		gap: 20px;
}

.course > .card .quick-fact {
		height: 100%;
		background-color: unset;
		padding: 0;
}

.course > .card .card-content {
		padding: 2rem 30px 0 30px;
}

.course > .card .card-meta {
		padding: 2rem 30px 30px 30px;
}

/* Unit */
.unit .card-data .card-header {
		font-size: 24px; font-size: 2.4rem;
}

.unit .card-data .card-header .meta-card-header {
			justify-content: flex-start;
}

.unit .quick-fact {
		background-color: unset;
		padding: 0;
}


/* ----------------------------------------------------------

	YOUTUBE VIDEO

---------------------------------------------------------- */

.video-container {
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	margin: 20px 0;
	width: 100%;
}

.video {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.transp-btn {
		bottom: 20px;
    position: absolute;
    right: 30px;
}

/* ----------------------------------------------------------

	AREAS -- To be edited from Monday, 4 January

---------------------------------------------------------- */

	/* ----------------------------------------------------------

		AREA COURSE

	---------------------------------------------------------- */

	.area-course {
		padding: 20px;
		margin: 20px 0;
		width: 100%;
		background-color: var(--lGray);
		display: block;
		border-radius: 4px;
		box-sizing: border-box;
		position: relative;
	}

	.content .area-course ul li {
		list-style-type: none;
		margin-left: 0;
	}

	.body p, .entry-content p, p {
	    line-height: 1.6;
	    margin-bottom: 1.2rem;
	}

	#content-block {
		margin-bottom: 1.8rem;
	}

	.duration {
		display: inline-block;
		margin-right: 2rem;
	}

		.duration i {
			color: var(--dGray);
	}

		/* ----------------------------------------------------------
			UNITS
		---------------------------------------------------------- *

		.entry-content ul.units-container li.unit,
		.entry-content ul.units-container li.unit-title {
			display: grid;
			grid-template-columns: 1fr 4fr 1fr;
			background-color: var(--white);
			box-sizing: border-box;
			padding: 8px;
			line-height: 1.428571429;
		    vertical-align: top;
		    border-top: 1px solid #ddd;
			font-size: 1.4rem;
			grid-column-gap: 10px;
			overflow-wrap: hyphens;
		}

		.entry-content ul.units-container li.unit-title {
			font-weight: 700;
			background-color: transparent;
			border-top: none;
		}

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

			.area-course {
				padding: 20px;
			}

			.content ul.units-container {
				margin: 0 -20px;
				padding: 20px;
				width: 100%;
			}

			.entry-content ul.units-container li.unit {
				grid-template-columns: 1fr 1fr 1fr 1fr;
			}

			.entry-content ul.units-container li.unit-title {
				display: none;
			}

			ul.units-container .unit-name {
				grid-column-start: 2;
				grid-column-end: 5;
			}

			ul.units-container .unit-year {
				grid-column-start: 2;
				grid-column-end: 3;
				overflow-wrap: hyphens;
			}

			ul.units-container .unit-semester {
				grid-column-start: 3;
				grid-column-end: 4;
			}

		}

        /* UNITS Gutenberg Block
        --------------------------------------------- *

        .entry-content .unit-list li {
            list-style-type: none;
            margin: 0;
        }

        .entry-content .unit-list .unit-list-header,
        .entry-content .unit-list .unit-item {
            align-items: center;
            display: grid;
            gap: 0 8px;
            grid-template-columns: 20% 1fr 20%;
        }

        .entry-content .unit-list .unit-list-header {
            font-weight: 700;
        }

        .entry-content .unit-list li .unit-list-header,
        .entry-content .unit-list li .unit-item,
        .entry-content .unit-item {
            border-bottom: 1px solid #eee
        }

        .entry-content .unit-item .unit-meta {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
        }

        .entry-content .unit-item .unit-meta p {
            background-color: var(--lGray);
            padding: 4px;
        }

*/













.wide-home-container.charcoal h3 {
    color: var(--white);
}


/* ----------------------------------------------------------

	PHASES PATHWAYS

---------------------------------------------------------- */

.phase-set {
	display: grid;
	grid-template-columns: 20px 1fr;
	grid-template-rows: 20px 1fr;
	grid-column-gap: 1rem;
	padding: 0 17px 17px 17px;
}

.phase-set .phase-dot {
	place-self: center;
 	background-color: var(--white);
	border: 4px solid #b89956;
	z-index: 2;
	height: 15px;
	width: 15px;
	border-radius: 50%;
}

.phase-set .phase-stroke {
  	width: 4px;
	background-color: #b89956;
	margin: -10px auto;
}

.phase-set .phase-stroke.fade-out {
	background-image: linear-gradient(to bottom, #b89956, rgba(0, 0, 0, 0));
	background-color: transparent;
}

.phase-set .phase-number {
  color: #b89956;
  text-transform: uppercase;
}

.phase-set .phase-course {
  padding: 10px 0 40px 0;
}

.phase-set .phase-number h4 {
  margin: 0;
}

.phase-set .phase-course h5,
.phase-set .phase-course h3 {
    margin: 0;
}


.entry-header.staff-profile {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
    gap: 50px;
    margin-bottom: 4rem;
}

.entry-header.staff-profile .portrait {
    max-width: 300px;
    min-width: 100px;
    max-height: 300px;
    min-height: 100px;
}

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

    /* Center Staff header */
    .entry-header.staff-profile {
        justify-content: center;
        text-align: center;
    }

    .entry-header.staff-profile .tags {
        justify-content: center;
    }

}

/* General classes */

.vis-hidden {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* PARTNER ORGANISATIONS */


li.partner-org {
	display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr 2fr;
    place-content: stretch;
}

/* COURSES */

.single-course .content-header {
    background-color: var(--lGray);
}

.single-course .background-tint.content-header {
    background-color: rgba(0, 0, 0, .5);
    background-blend-mode: multiply;
}

.single-course .content-header .site-width-container {
    padding-bottom: 0;
}

.single-course .entry-title,
.single-staff .entry-title {
    margin-bottom: 15px;
}

.background-tint .entry-title,
.background-tint.content-header a:link,
.background-tint.content-header a:visited {
    color: var(--white);
}

.background-tint.content-header a:link,
.background-tint.content-header a:hover {
    font-weight: 700;
}

.background-tint .large {
    color: var(--white);
    font-weight: 700;
}

.entry-content .entity-list .entity {
	display: grid;
    grid-gap: 20px;
	grid-template-rows: 100px max-content;
    margin: 0;
    width: 100%;
}

.entry-content .entity-list .entity a {
    align-self: center;
}

.entity.profile .card .brand {
    align-self: center;
    margin-bottom: 0;
    max-height: 100px;
}

.single-course .quick-facts {
    border: 1px solid var(--white);
    border-bottom: none;
    background-color: var(--white);
		display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    margin-top: 15px;
    position: relative;
    width: 100%;
}

.single-course .quick-facts::before,
.single-course .quick-facts::after {
    content: '';
    position: absolute;
    display: block;
    background-color: var(--white);
    width: 50vw;
    height: 50%;
    bottom: 0;
}

.single-course .quick-facts::after {
    left: 100%;
}

.single-course .quick-facts::before {
    right: 100%;
}

.quick-facts {
    display: grid;
}

.quick-fact {
    background-color: var(--lGray);
    padding: 20px;
    height: 100%;
}

.quick-facts a:hover .quick-fact {
    background-color: var(--lGray_d);
}

.quick-fact.qf__full {
    grid-column: 1 / span 2;
}

#qf-student.quick-fact {
    background-color: var(--lGray_d);
}

.quick-fact i.hero-icon {
    font-size: 2.8rem;
}

p.header,
.quick-fact .header, /* Delete h3 when updated in template */
.quick-fact h3 {
    font-size: 1.6rem;
    font-weight: 700;
		margin: 0 0 10px 0;
    padding-top: 10px;
}

.quick-fact {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6rem;
    margin-bottom: 0;
}

.page-menu {
    align-content: flex-start;
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.6rem;
    font-size: 1.6rem;
    font-weight: 400;
    justify-content: flex-start;
    padding: 30px 30px;
}

.page-menu li {
	width: max-content;
  padding: 6px 8px;
}

.page-menu li a:link, .page-menu li a:visited {
    color: var(--black);
}

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

    .page-menu {
        display: none;
    }

}

/* Sticky */

.sticky {
    height: auto;
    position: sticky;
    z-index: 1000;
}

.sticky.left {
    left: 0;
    margin-right: auto;
    top: 50vh;
    width: max-content;
}

.sticky.right {
    margin-left: auto;
    right: 0;
    top: 50vh;
    width: max-content;
}

.sticky.top {
    top: 0;
    margin: 0 auto;
    width: max-content;
}

.sticky.bottom {
    bottom: 0;
    margin: 0 auto;
	width: max-content;
}

.sticky.top.full-width,
.sticky.bottom.full-width {
    max-width: 1200px;
    padding: 0 30px;
    width: 100%;
}

/* All btn-sets are vertical in small-sizes */
@media only screen and (max-width: 479px) {

    .sticky.top.full-width,
    .sticky.bottom.full-width {
        padding: 0;
    }

}

    /*  */
@media only screen and (max-width: 479px) {

    .btn-set,
    .btn-set .btn {
        width: 100%;
    }

}

.course #academic-dress img {
    width: 100px;
}

.course #academic-dress > div {
    display: grid;
    gap: 20px;
    grid-template-columns: max-content max-content;

}

@keyframes link-forward-right {

    0%      { margin-left: 0rem; }
    50%     { margin-left: .5rem; }
}

@keyframes link-forward-left {

    0%      { margin-right: 0rem; }
    50%     { margin-right: .5rem; }
}

/* .archive-course:hover #qf-more-information::after,
.archive-course:active #qf-more-information::after {
    background-color: #bea26a;
} */


/* Unit Quick Facts Archive/Blocks */
.archive-unit {
    background-color: transparent;
    border: 1px solid var(--dGray);
    border-radius: 4px;
    margin-bottom: 4rem;
}

  .archive-unit:focus {
      outline: 1px solid #898379;
      outline-offset: -10px;
  }


.archive-unit.dual-course.external {
    background-color: var(--white);
    border: 1px solid var(--dGray);
    width: auto;
    height: fit-content;
}

.archive-unit h2.entry-title {
    border-radius: 4px 4px 0 0;
    color: var(--black);
    font-size: 2rem;
    margin: 0 0 0 0;
    padding: 14px 10px;
}

.archive-unit .background-tint {
    border-radius: 4px 4px 0 0;
}

.archive-unit .large {
    color: var(--black);
    padding: 0 30px 10px 30px;
    margin-top: -10px;
}

.archive-unit .overview {
    color: var(--black);
    padding: 14px 10px;
    border-bottom: 1px solid;
    border-radius: 4px;
}

archive-unit .col-4 {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.archive-unit .quick-facts {
    background-color: var(--dGray);
    border: 1px solid var(--dGray);
    border-left: none;
    border-right: none;
    gap: 1px;
    width: auto;
}

.archive-unit .quick-fact {
    background-color: var(--white);
    display: grid;
    gap: 10px;
    grid-template-rows: max-content 1fr;
    padding: 10px;
}

/* .archive-unit .quick-fact i {
    font-size: 2rem;
} */

.archive-unit .quick-fact h4 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--black);
    margin: 0;
}

/* .archive-course #qf-more-information::after {
	content: '';
    position: absolute;
    display: block;
    background-color: #c8b182;
    width: 10px;
    width: 10px;
    height: 100%;
    right: -10px;
} */

.archive-unit:hover #qf-more-information,
.archive-unit:active #qf-more-information {
    background-color: #bea26a;
    color: var(--black);
}

.archive-unit:hover #qf-more-information .fa-arrow-right {
    animation-name: link-forward-right;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}


/* ----------------------------------------------------------
	SUB BAR
---------------------------------------------------------- */

.container {
    margin: 0 auto;
    height: auto;
    width: 100%;
}

.light {
    background-color: var(--lGray);
}

.sidebar-content #sub-bar {
    grid-template-columns: 1fr 65%;
}

.content-sidebar #sub-bar {
    grid-template-columns: 65% 1fr;
}

.full-width-content #sub-bar {
    grid-template-columns: 1fr 65%;
}

#sub-bar {
    background-color: var(--mGray);
    margin: 0 auto;
    max-width: 1200px;
    padding: 10px 30px;
    position: relative;
    display: grid;
    gap: 5%;
    width: 100%;
}

#sub-bar::before {
    content: '';
    position: absolute;
    display: block;
    background-color: var(--mGray);
    width: 50vw;
    height: 100%;
    top: 0;
    right: 100%;
    margin: 0 -30px 0 0;
}

#sub-bar::after {
    content: '';
    position: absolute;
    display: block;
    background-color: var(--mGray);
    width: 50vw;
    height: 100%;
    top: 0;
    left: 100%;
    margin: 0 0 0 -30px;
}

#sub-bar .sub-bar-left {
    align-items: flex-start;
    align-content: flex-start;
}

#sub-bar .sub-bar-right {
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	gap: 1rem;
	justify-content: flex-end;

}

#sub-bar a:link,
#sub-bar a:visited {
    color: var(--mblack);
}

#sub-bar a:active,
#sub-bar a:hover {
    color: var(--mblack_d);
}

    .return-link .sml-media-alt i {
        font-size: 4rem;
        padding: 20px;
    }

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

	.gap-med {
		grid-gap: 10px 10px;
	}

	.single-course .quick-facts {
		grid-template-columns: 1fr;
	}

    .single-course .quick-fact {
        display: none;
		visibility: hidden;
    }

    #qf-student.quick-fact {
        display: block;
		visibility: visible;
        width: 100%;
    }

    #qf-student.quick-fact > div > * {
        display: inline;
        margin-right: 1rem;
    }

    #qf-student.quick-fact > div > div {
        display: inline-block;
    }

    .archive-course .overview {
        display: none;
    }

	.col-2, .col-3, .col-4, .col-5, .col-auto  {
		grid-template-columns: 1fr;
	}

}

/* CSS for courses */


.single-course #sub-bar .sub-bar-right {
    align-items: center;
    background-color: transparent;
    justify-content: flex-end;
    gap: 1rem;
}

.single-course #sub-bar .sub-bar-right::after {
    display: none;
}

.single-course .background-tint a.tag,
.single-course a.tag {
  align-items: center;
  background-color: var(--mGray);
  color: var(--black);
  display: flex;
  border: none;
  border-radius: 20px;
  font-size: 1.4rem;
  height: max-content;
  padding: .5rem 1.5rem;
}

.single-course a.tag:hover {
  background-color: var(--mGray_d);
  color: var(--black);
}

.single-course #sub-bar a.tag.feature,
.single-course a.tag.feature {
  background-color: var(--dGray);
  color: var(--white);
}

.single-course #sub-bar a.tag.feature:hover,
.single-course a.tag.feature:hover {
  background-color: var(--dGray_d);
}

.single-course #sub-bar .sub-bar-right #cricos span {
  align-items: center;
  color: var(--black);
  display: flex;
  border: none;
  font-size: 1.4rem;
    height: 100%;
}

.archive.home .site-inner {
padding: 80px 30px 100px 30px;
}

.archive-course .overview {
    color: var(--black);
}

/* Course Enquiry form adjustment to be integrated */
#course-enquiry .ginput_container.ginput_container_radio {
  margin: 20px 0 10px 0;
}

/* Search and filter course finder */
#sf-find-courses {
	background-color: var(--lFooter);
}

#sf-find-courses .full-width-inner {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 20px;
	max-width: 1200px;
	margin: auto;
	padding: 0 30px;
}

#sf-find-courses .full-width-inner h2 {
	color: var(--white);
  margin: 0;
}

#sf-find-courses .full-width-inner form {
  grid-column: 1 / -1;
}
#sf-find-courses .full-width-inner .btn.white-btn.alt-btn,
#sf-find-courses .full-width-inner .btn.white-btn.alt-btn:hover {
  color: var(--lGray);
  font-weight: 500;
  border: 1px solid var(--lGray);
  height: max-content;
}

#sf-find-courses .full-width-inner .btn.white-btn.alt-btn:hover {
  color: var(--lGray);
  border: 1px solid var(--lGray);
}


#sf-find-courses .sf-field-post-meta-areas {
    line-height: 0;

}

#sf-find-courses .sf-field-post-meta-areas li {
    display: inline-block;
    width: max-content;
    margin: 0 1rem .5rem 0;
    background-color: var(--dGray);
    border: 1px solid transparent;
    border-radius: 20px;
    color: var(--white);
    font-size:2rem;
    padding: 1rem 2rem;
}

#sf-find-courses .sf-field-post-meta-areas li.sf-option-active {
    background-color: var(--dGray_l);
}

#sf-find-courses .sf-field-post-meta-areas .sf-input-checkbox {
    opacity: 0;
    width: 0;
}

#sf-find-courses .sf-field-post-meta-areas .sf-label-checkbox {
    padding: 0;
}

#sf-find-courses .sf-field-post-meta-areas .sf-option-active,
#sf-find-courses .sf-field-post-meta-areas li:hover {
    background-color: var(--dGray_l);
    border: 1px solid var(--white);
    color: var(--white);
    text-decoration: none;
}

#sf-find-courses .searchandfilter select.sf-input-select {
    min-width: 170px;
    border-radius: 4px;
    font-size: 2rem;
}

/* Font Awesome Stacked buttons [Completed]
------------------------------------------------------------ */

.fa-stack-grid {
    align-items: stretch;
    align-content: stretch;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.fa-stack-grid .fa-stack {
    width: 2em;
}

#fat-footer .fa-stack-grid li {
    padding-bottom: 0;
}

.fa-stack-grid li {
    width: 4em;
}

.fa-stack-grid .fa-stack:hover,
.fa-stack-grid .fa-stack:active {
    transform: translateY(-0.25em);
		transition: all 0.2s ease-in-out;
}

.fa-stack-grid .fa-stack .fa-stack-2x.fa-circle {
    color: #c8b182;
}

.fa-stack-grid .fa-stack .fa-stack-1x {
    color: #413e39;
}

.fa-stack-grid .fa-stack:hover .fa-stack-2x.fa-circle,
.fa-stack-grid .fa-stack:active .fa-stack-2x.fa-circle {
    color: #b89b5f;
}

.fa-stack-grid .fa-stack:hover .fa-stack-1x,
.fa-stack-grid .fa-stack:active .fa-stack-1x {
    color: var(--black);
}

/* Discipline stacks */

.entry-content .disciplines > li {
    margin: 0;
}

.disciplines > li {
	align-items: baseline;
	display: grid;
	font-size: 1.6rem;
	grid-template-columns: 1.6em max-content;
	gap: .75rem;
	margin: 0;
}

.disciplines.small > li {
	font-size: 1.4rem;
	gap: .5rem;
}

.disciplines .fa-stack .small {
	font-size: 1.4rem;
}

.disciplines.small .fa-stack .small {
	font-size: 1.2rem;
}

.disciplines .fa-stack {
    display: flex;
    position: relative;
    width: unset;
	height: 1.6em;
	line-height: 1.6em;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.disciplines.small .fa-stack {
    display: inline-flex;
    height: 1.4em;
    line-height: 1.4;
    position: relative;
    vertical-align: middle;
    width: 1.4em;
    align-items: center;
    justify-content: center;
    margin-right: 0.25em;
}    

.disciplines .fa-stack-2x {
    font-size: 1.6em;
}

.disciplines.small .fa-stack-2x {
    font-size: 1.4em;
}


/* Site navigation - Primary
------------------------------------------------------------ */

.nav-primary {
	background-color: #A00021;
	border-top: 0 solid #DDDDDD;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0 0 0 0;
	color: #FFEBEC;
	font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
	font-size: 20px;
    font-size: 2rem;
	line-height: 1em;
	clear: both;
}

.menu-primary {
	margin: 0 auto;
	padding: 0;
	float: none;
	overflow: hidden;
	display: block;
	clear: both;
    font-weight: 700;
}

.content-sidebar-sidebar .menu-primary,
.sidebar-sidebar-content .menu-primary,
.sidebar-content-sidebar .menu-primary,
.content-sidebar .menu-primary,
.sidebar-content .menu-primary,
.full-width-content .menu-primary {
	max-width: 1140px;
    padding: 0 10px 0 10px;
}

.menu-primary ul {
	float: left;
	width: 100%;
}

.menu-primary li {
	float: left;
	list-style-type: none;
}

.menu-primary a {
	background: transparent;
	border-top: 0 solid #DDDDDD;
	border-bottom: 5px solid transparent;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0;
	padding: 15px 20px 15px 20px;
	color: #FFEBEC;
	text-decoration: none;
	display: block;
	position: relative;
}

.menu-primary li a:active,
.menu-primary li a:hover,
.menu-primary li.current_page_item a,
.menu-primary li.current-cat a,
.menu-primary li.current-menu-item a {
	background: transparent;
	border-top: 0 solid #DDDDDD;
	border-bottom: 5px solid #c8b182;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	color: var(--white);
	text-decoration: none;
}

.menu-primary li li a,
.menu-primary li li a:link,
.menu-primary li li a:visited {
	background: #A00021;
	width: 250px;
	border: 0;
	margin: 0;
	padding: 18px 15px 18px 15px;
	color: #FFEBEC;
	font-size: 18px; font-size: 1.8rem;
	text-decoration: none;
	float: none;
	position: relative;
}

.menu-primary li li a:active,
.menu-primary li li a:hover {
	background: #A00021;
	color: var(--white);
	text-decoration: none;
}

.menu-primary li ul {
	width: 250px;
	height: auto;
    font-weight: 400;
	margin: 0;
	z-index: 9999;
	left: -9999px;
	position: absolute;
}

.menu-primary li ul ul {
	margin: -58px 0 0 250px;
}

.genesis-nav-menu li:hover ul ul,
.genesis-nav-menu li.sfHover ul ul {
	left: -9999px;
}

.genesis-nav-menu li:hover,
.genesis-nav-menu li.sfHover {
	position: static;
}

ul.genesis-nav-menu li:hover>ul,
ul.genesis-nav-menu li.sfHover ul {
	left: auto;
}

.menu-primary li a.sf-with-ul {
	padding-right: 20px;
}

.menu-primary.sf-arrows .sf-with-ul:after {
    content: "\f107";
    display: inline;
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    padding: 0 0 0 .75rem;
    text-rendering: auto;
    vertical-align: text-bottom;
}

.menu-primary.sf-arrows .sub-menu .sf-with-ul:after {
    content: "\f105";
}

#wpadminbar li:hover ul ul {
	left: 0;
}

.genesis-nav-menu li.right {
    padding: 0;
    height: auto;
    float: right;
}

.genesis-nav-menu .sub-menu .menu-item a {
    border-bottom: none;
    border-left: 5px solid transparent;
}

.genesis-nav-menu .sub-menu .menu-item a:hover {
    border-bottom: 0;
    border-left: 5px solid #c8b182;
}

.genesis-nav-menu .sub-menu .sub-menu .menu-item a {
    background-color: #520004;
}

.genesis-nav-menu .sub-menu .sub-menu .menu-item a:hover {
    background-color: #410003;
}

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

    .nav-primary .menu-primary .sub-menu .menu-item a {
        background-color: #520004;
        border-left: none;
    }

    .nav-primary .menu-primary .sub-menu .menu-item a:hover {
        background-color: #410003;
        border-left: none;
    }

    .nav-primary .menu-primary.sf-arrows .sub-menu .sf-with-ul:after {
        content: "";
    }

    .nav-primary .menu-primary .sub-menu .sub-menu .menu-item {
        display: none;
    }

    .nav-primary .menu-primary {
        padding: 0;
    }

    .nav-primary .menu-primary .menu-item {
        border-bottom: 1px solid #740005;
        width: 100%;
    }

    .nav-primary .menu-primary .menu-item a {
        padding: 15px 30px;
    }

    .nav-primary .menu-primary .menu-item a,
    .nav-primary .menu-primary .menu-item a:hover {
        border: none;
    }

    .nav-primary .menu-primary,
    .nav-primary .menu-primary li ul {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .nav-primary .menu-primary li ul {
        display: block;
        visibility: visible;
        height: 100%;
        left: 0;
        position: relative;
    }

    .nav-primary .menu-primary li li a,
    .nav-primary .menu-primary li li a:link,
    .menu-primary li li a:visited {
        width: auto;
    }

}


/* Site navigation - Secondary
------------------------------------------------------------ */

.nav-secondary {
	background: #740005;
	border-top: 0 solid #DDDDDD;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0;
	color: #D8C7A5;
	font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
	font-size: 14px; font-size: 1.4rem;
	line-height: 1em;
	clear: both;
}

.nav-secondary .wrap {
    margin: 0 auto;
    max-width: 1140px;
}

.menu-secondary {
	margin: 0 auto;
	padding: 0;
	float: right;
	overflow: hidden;
	display: block;
	clear: both;
    text-align: center;
}


.content-sidebar-sidebar .menu-secondary,
.sidebar-sidebar-content .menu-secondary,
.sidebar-content-sidebar .menu-secondary,
.content-sidebar .menu-secondary,
.sidebar-content .menu-secondary,
.full-width-content .menu-secondary {
	max-width: 1140px;
    padding: 0 30px 0 17px;
}

.menu-secondary ul {
	float: left;
	width: 100%;
}

.menu-secondary li {
	float: left;
	list-style-type: none;
	text-align: left;
}

.menu-secondary a {
	background: transparent;
	border-top: 3px solid transparent;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	margin: 0 0 0 0;
	padding: 8px 12px 8px 12px;
	color: #D8C7A5;
	text-decoration: none;
	display: block;
	position: relative;
}

.menu-secondary li a:active,
.menu-secondary li a:hover {
	background: transparent;
	border-top: 3px solid #c8b182;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	color: var(--lGray);
	text-decoration: none;
}

.menu-secondary li.current_page_item a,
.menu-secondary li.current-cat a,
.menu-secondary li.current-menu-item a {
	background: #740005;
	border-top: 3px solid transparent;
	border-bottom: 0 solid #DDDDDD;
	border-left: 0 solid #DDDDDD;
	border-right: 0 solid #DDDDDD;
	color: var(--lGray);
	text-decoration: none;
}

.menu-secondary li li a,
.menu-secondary li li a:link,
.menu-secondary li li a:visited {
	background: #740005;
	width: 160px;
	border-top: 0;
	border-right: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	margin: 0 0 0 0;
	padding: 10px 12px 10px 12px;
	color: #D8C7A5;
	font-size: 14px; font-size: 1.4rem;
	text-decoration: none;
	float: none;
	position: relative;
}

.menu-secondary li li a:active,
.menu-secondary li li a:hover {
	background: #740005;
	color: var(--lGray);
	text-decoration: none;
}

.menu-secondary li ul {
	width: 185px;
	height: auto;
	margin: 0;
	z-index: 9999;
	left: -9999px;
	position: absolute;
}

.menu-secondary li ul ul {
	margin: -35px 0 0 185px;
}

.menu-secondary li a.sf-with-ul {
	padding-right: 12px;
}

.menu-secondary.sf-arrows .sf-with-ul:after {
	content: "\f107";
    display: inline;
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    padding: 0 0 0 .75rem;
    text-rendering: auto;
    vertical-align: text-bottom;
}

/* Utility Bar Search
--------------------------------------------- */

.site-header .search-form {
	float: right;
	padding: 12px 0 0;
}

.nav-secondary .search-form {
    background: #520004;
    display: inline-grid;
    grid-template-columns: 1fr 32px;
    height: auto;
    margin: 0 0 0 12px;
}

.nav-secondary .search-form:hover {
    background-color: #410003;
}

.nav-secondary .search-form input[type="search"] {
    background: transparent;
    border: 1px solid transparent;
    color: var(--white);
    font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
    font-size: 1.4rem;
    -webkit-appearance: none;
    line-height: 1em;
    margin: auto 0 auto 0;
    max-width: 100%;
    padding: 6px 10px 6px 10px;
    position: relative;
    width: 140px;
}

    .nav-secondary .search-form input[type="search"]:hover {
        border: 1px solid transparent;
    }

    .nav-secondary .search-form input[type="search"]:focus {
        background-color: #410003;
        border: 1px solid transparent;
        box-shadow: none;
        max-width: 100%;
        outline: 1px dotted rgba(255, 255, 255, .6);
        outline-offset: -6px;
    }

.nav-secondary .search-form input:-webkit-input-placeholder,
.nav-secondary .search-form input:-ms-input-placeholder,
.nav-secondary .search-form input:-moz-placeholder {
    color: #c5bfb5;
    opacity: 1;
}

.nav-secondary .search-form input[type="submit"] {
    background-color: transparent;
    border-radius: 0;
    color: #D8C7A5;
    content: "\f002";
    font-family: "Font Awesome 6 Pro";
    font-size: 1.6rem;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    height: auto;
    line-height: 2.6rem;
    outline: 0;
    padding: 3px 6px;
    position: relative;
    text-align: center;
    text-decoration: none !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.nav-secondary .search-form input[type="submit"]:hover {
    background: transparent;
    border-top: none;
    transform: none;
}

.nav-secondary .search-form input[type="submit"]:focus {
    background-color: #410003;
    outline: 1px dotted rgba(255, 255, 255, .6);
    outline-offset: -6px;
    box-shadow: none;
    padding: 3px 6px;
}

@media only screen and (max-width: 839px) {
    .nav-secondary #menu-utility-bar li.utility-minor {
        display: none;
    }
}

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

    .nav-secondary #menu-utility-bar {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0 0 0;
        width: 100%;
    }

    .nav-secondary #menu-utility-bar .search-form {
        grid-template-columns: 1fr 50px;
        margin-left: 0px;
        width: 100%;
    }

    .nav-secondary #menu-utility-bar .nav-search {
        background-color: transparent;
        border: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        color: var(--white);
        font-family: 'Karla', 'Helvetica', 'Arial', sans-serif;
        font-size: 1.4rem;
        -webkit-appearance: none;
        line-height: 1em;
        height: auto;
    }

    .nav-secondary #menu-utility-bar .nav-search input[type="search"] {
        width: auto;
        margin: 0;
        padding: 15px 6px 15px 20px;
        font-size: 2rem;
        border: 0;
        height: auto;
        position: relative;
    }

    .nav-secondary #menu-utility-bar .nav-search input[type="search"]:hover,
    .nav-secondary #menu-utility-bar .nav-search input[type="search"]:focus {
        border: none;
    }

    .nav-secondary #menu-utility-bar .search-form input[type="submit"] {
        font-size: 2rem;
    }

    .nav-secondary #menu-utility-bar .menu-item {
        display: none;
    }

}


/* to remove when centers are finished: */
.wp-block-table > img.centre-member-portrait {display: none;}
.centre-member-portrait {max-width: 100px;}


/* ----------------------------------------------------------

	NEW STAFF AND CARD STYLES

---------------------------------------------------------- */


.tags {
    display: flex;
    gap: .5rem;
    flex-flow: wrap;
}

.tag {
    align-items: center;
    background-color: var(--lGray);
    color: var(--black);
    display: flex;
    border: none;
    border-radius: 20px;
    font-size: 1.4rem;
    height: max-content;
    width: max-content;
    padding: .5rem 1rem;
}

.tag.tag-icon i {
    margin-right: .5rem;
    font-size: 2rem;
}

a.tag {
    background-color: var(--mGray);
}

a.tag:hover {
    background-color: var(--mGray_d);
}

a.tag.feature {
    background-color: var(--dGray);
    color: var(--white);
}

a.tag.feature:hover {
    background-color: var(--dGray_d);
}

/* ----------------------------------------------------------

	Profile cards (Staff, Authors and Testimonials)

---------------------------------------------------------- */

/* Card grid wrappers */
.card-grid {
    display: grid;
    gap: 20px;
    margin-bottom: 20px;
}

.card-grid.hero-grid {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}

.card-grid.profile-grid {
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
}

/* Cards */
article.card {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: flex-start;
    padding: 30px;
    animation: fadein 1s;
    align-items: stretch;
    height: 100%;
}    

article.card .entry-header {
    display: flex;
    flex-direction: column;
    gap: 10px;
    word-break: break-word;
    justify-content: flex-start;
    height: auto;
}

article.card::before,
article.card::after {
    content: unset;
}

/* Card entry-header entry-header-meta */
article.card .entry-header-meta {
    display: flex;
    color: var(--mGray);
    align-items: baseline;
    align-content: center;
    flex-grow: 0;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-family: 'Karla', sans-serif;
    gap: 2rem;
    height: fit-content;
    justify-content: space-between;
}

    article.card .entry-header-meta .meta__left {
        align-self: flex-start;
    }

    article.card .entry-header-meta .meta__right {
        align-self: flex-end;
    }

img.portrait {
    aspect-ratio: 1 / 1;
    clip-path: circle(50% at 50% 50%);
    height: 180px;
    max-height: 180px;
    min-height: 100px;
    margin: 0;
    max-width: 180px;
    min-width: 100px;
    object-fit: cover;
    width: 180px;
}

img.portrait.divinity-fallback {
    border: 2px solid var(--lGold);
    border-radius: 50%;
    padding: 15px;    
}

.hero img.portrait.divinity-fallback {
    border: 3px solid var(--lGold);
}

.hero img.portrait {
    height: 300px;
    max-height: 300px;
    min-height: 250px;
    max-width: 300px;
    min-width: 250px;
    width: 300px;
}

img.divinity-fallback {
    padding: 4px;
}

/* Card entry-header entry-title */
article.card .entry-header .entry-title {
    font-family: 'EB Garamond', 'Times New Roman', serif;
    font-weight: 300;
    color: var(--black);
    font-size: 30px;
    font-size: 3rem;
    margin: 1.5rem 0 0;
}    

    article.card.hero .entry-header .entry-title {
        font-size: 40px;
        font-size: 4rem;
        margin: 2rem 0 0;
    }

article.card .entry-header .entry-title .entry-title-link:link, 
article.card .entry-header .entry-title .entry-title-link:visited {
    color: var(--black);
    width: fit-content;
}

article.card .entry-header .entry-title .entry-title-link:hover, 
article.card .entry-header .entry-title .entry-title-link:active {
    color: var(--lBlack_l);
    width: fit-content;
}

/* Card entry-info */
article.card .entry-info .post-info-title {
    font-size: 2rem;
    letter-spacing: .03em;
    font-family: 'EB Garamond';
}

article.card .entry-post-info.qf {
    display: flex;
    align-items: baseline;
    align-content: center;
    flex-wrap: wrap;
    gap: 2rem;
    height: fit-content;
    justify-content: space-between;
    line-height: 1.625;
}

/* ### TO_DO: Correct, as incorrectly listed as entry-*post-*info */
article.card .entry-post-info.qf i {
    display: block;
}

article.card .entry-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
} 

article.staff.card:has(> .disciplines) + .entry-content .bio {
    border-top: 1px solid var(--lGray);
    padding-top: 20px;
}

article.staff.card .entry-info .position {
    font-size: 1.8rem;
}

    article.staff.card.hero .entry-info .position {
        font-size: 2rem;
    }

/* Card entry-content */
article.card .entry-content {
    flex-grow: 1;
}

/* Card entry-footer */
article.card .entry-footer.dual-footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-family: 'Karla', sans-serif;
    gap: 2rem;
    justify-content: space-between;
}

article.card .entry-footer a:link,  
article.card .entry-footer a:visited,  
article.card .entry-footer a:hover,
article.card .entry-footer a:active {
    color: var(--black);
}  
 
article.card .entry-footer a:hover,
article.card .entry-footer a:active {
    color: var(--lBlack_l);
}

article.card .entry-footer .dual-footer__left a.btn {
    margin: 0;
}

article.card .entry-footer .dual-footer__right a.link-animation:hover {
    animation-name: link-forward-left;
    animation-duration: .5s;
    animation-timing-function: ease-out;
}

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

    .card-grid,
    .card-grid.profile-grid,
    .card-grid.hero-grid {
        grid-template-columns: 1fr;
    }

    /* Turn Hero cards into Profile cards */
    .hero img.portrait {
        max-width: 180px;
        min-width: 100px;
        max-height: 180px;
        min-height: 100px;
    }

    .hero img.portrait.divinity-fallback {
        border: 2px solid var(--lGold);
    }

    article.card.hero .entry-header .entry-title {
        font-size: 30px;
        font-size: 3rem;
        margin: 1.5rem 0 0;
    }

    article.staff.card .entry-header,
    article.staff.card .entry-info {
        align-items: center;
        text-align: center;
    }

    article.staff.card.hero .entry-info .position {
        font-size: 1.8rem;
    }

    article.staff .entry-info .accreditations {
        justify-content: center;
        align-items: center;
    }

    article.staff.hero .entry-info .accreditations,
    article.staff.hero .entry-info .disciplines {
        display: none;
        visibility: hidden;
    }
}

/* ----------------------------------------------------------

	Staff Profiles (Staff, Authors and Testimonials)

---------------------------------------------------------- */

.single-staff .entry-content .flex-cols {
    margin: unset;
}

.single-staff .entry-header {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-flow: row wrap;
    gap: 50px;
    margin-bottom: 4rem;
}

.single-staff .entry-header > div {
    flex: 1 0 50%;
    display: flex;
    flex-flow: column;
    gap: 20px;
}    

.single-staff .entry-header > * {
    margin: unset;
}    

.single-staff .entry-header .portrait {
    height: 400px;
    max-height: 400px;
    min-height: 300px;
    max-width: 400px;
    min-width: 300px;
    width: 400px;
}

.single-staff h2 {
    margin: 5rem 0 3.5rem 0 !important;
    font-size: 4rem;
}

/* To be replaced by slim-entity cards */
.single-staff .staff .card {
	padding: 0;
	box-shadow: 0 4px 16px 0 rgb(0 0 0 / 2%), 0 20px 60px 0 rgb(0 0 0 / 6%);
    border-radius: 4px;
    flex: 1 2 auto;
    margin-bottom: 0;
    max-width: 550px;
}

.single-staff ul#positions,
.single-staff ul#memberships {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
    list-style-type: none;
}

.single-staff .card .card-data {
    align-items: center;
    display: flex;
    height: 100%;
    gap: 2rem;
    overflow-wrap: hyphens;
    padding: 20px;
    width: 100%;
    flex-direction: row;
	text-align: left;
}


.single-staff .card-data img.brand {
    height: 100%;
    max-height: 120px;
    width: 100%;
    margin-bottom: 0;
    object-fit: cover;
    max-width: 120px;
}

.single-staff .card .card-header {
    overflow-wrap: hyphens;
    font-family: 'Karla';
    font-weight: 300;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0;
    line-height: 1.20;
}

.single-staff .card .card-header a {
    font-weight: 300;
    text-align: left;
    width: max-content;
}

/* Standard table styling for future */
.single-staff table tr {
    border-top: 1px solid var(--mGray);
    font-size: 1.6rem;
}

.single-staff table tr:last-child {
    border-bottom: 1px solid var(--mGray);
}

.single-staff table tr:hover {
    background-color: var(--lGray);
}

.single-staff table a:link,  
.single-staff table a:visited,  
.single-staff table a:hover,
.single-staff table a:active {
    color: var(--black);
}

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

    /* Center Staff header */
    .entry-header.staff-profile {
        justify-content: center;
        text-align: center;
    }

    .entry-header.staff-profile .tags {
        justify-content: center;
    }

}

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

    .single-staff ul#positions,
    .single-staff ul#memberships {
        grid-template-columns: 1fr;
    }

}


/* FLOWCHART */
.flowchart {
    display: grid;
    grid-template-columns: 3rem 3rem 1fr;
    grid-template-rows: 15px auto 15px auto 15px auto 15px auto;
    padding: 0 17px 17px 17px;
}

.node {
    height: 15px;
    width: 3rem;
    justify-self: center;
    position: relative;
}

.node.node-point {
    border: 4px solid var(--dGold);
    border-radius: 50%;
    background-color: var(--white);
    width: 15px;
}

.node.path-arrow-down-right {
    border-bottom: 4px solid var(--dGold);
    border-right: 4px solid var(--dGold);
    border-bottom-right-radius: 40%;
    bottom: calc(20px);
    right: calc(50% - 2px);
    z-index: -100;
    height: 3rem;
}

.node.path-arrow-up-left {
    border-top: 4px solid var(--dGold);
    border-right: 4px solid var(--dGold);
    border-top-right-radius: 40%;
    top: calc(50% - 2px);
    right: calc(50% - 2px);
    z-index: -100;
    height: 3rem;
}

.path-stroke {
    justify-self: center;
    height: 100%;
    width: 100%;
}

.path-stroke::after {
    content: "";
    display: block;
    width: 4px;
    background-color: var(--dGold);
    height: 100%;
    margin: auto;
}

.path-stroke.fade-out::after {
	background-image: linear-gradient(to bottom, var(--dGold), rgba(0, 0, 0, 0));
	background-color: transparent;
}

.node-content {
    grid-column: 3;
    grid-row-end: span 2;
    margin-left: 2rem;
    padding-bottom: 20px;
}

.node-content h3 {
    margin: 0rem 0 1rem;
}