/* nav styles */
.ree-menu { 
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: initial;
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 0;
    height: min-content;
    list-style: none; 
}
.ree-menu li {
    width: 100%;
    border: 3px solid #fabd0f;
    background-color: transparent;
    justify-content: center;
    font-size: clamp(.75rem, 2vw, 1.1rem);
    display: inline-flex;
    align-items: center;
    padding: .7rem;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;
    transition: .6s box-shadow, .6s color, .3s background-color;
}
.ree-menu li:not(:last-child) { border-right: 0; }
.ree-menu li a {
    text-decoration: none;
    color: #58595B;
    font-weight: 600;
    cursor: pointer;
}
.ree-menu li a::before {
    width: 50px;
    position: absolute;
    margin-left: -70px;
    height: 50px;
    background-color: rgba(0,0,0,.3);
}
.ree-menu li:hover, .ree-menu li:active {
    background-color: #fabd0f;
}

.ree-menu li a:hover {
    color: #212121;
    text-decoration: underline;
}
.ree-menu li.current {  /* styling current tab */
    background-color: #FDE6A5; /* Queen's gold @ alpha= 55 (hex) */    
}

/* subnav @ bottom of each pg */
.bottom-subnav {
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-size: 3.5rem;
    background-position-y: center;
}
.bottom-subnav.text-left {
    padding-left: 4rem;
    background-image: url("https://master.smithengineering.queensu.ca/_images/icons/circle-arrow-left-solid-full.svg");
    background-position-x: .25rem;
}
.bottom-subnav.text-right {
    padding-right: 4rem;
    background-image: url("https://master.smithengineering.queensu.ca/_images/icons/circle-arrow-right-solid.svg");
    background-position-x: calc(100% - .25rem);    
}

/* styles for tenets graphic (embedded svg) */
.diagram .col-xs-12 {
  padding: 0;
  margin: 0;
}

figure.tenets {
    margin: 0 auto;
}
.st0 { fill: #fff; }
  .st1, .st3 { font-size: 11px; }
  .st1, .st2, .st3 {
    font-family: OpenSans-Semibold, "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 600;
  }
  .st10, .st5, .st6,
  .st7, .st8, .st9 { fill: none; }
  .st11, .st5 { fill-rule: evenodd; }
  .st11, .st5, .st9 {
    stroke: #212121;
    stroke-miterlimit: 8;
  }
  .st15 { clip-path: url(#clippath-1); }
  .st16, .st3 { fill: #212121; }
  .st11 { stroke-width: 1px; }
  .st11, .st17, .st19 { fill: #002452; }
  .st18 { fill: #fabd0f; }
  .st7 { stroke: #808285; }
  .st10, .st7 { stroke-miterlimit: 10; }
  .st8, .st9 { clip-rule: evenodd; }
  .st20 { fill: #b90e31; }
  .st10 {
    stroke: #a7a9ac;
    stroke-width: 2px;
  }
  .st21 { clip-path: url(#clippath-2); }
  .st22 {
    fill: #ccc;
    opacity: 0;
  }
  .st23 { clip-path: url(#clippath); }

/* styles for remainder of block content */

.diagram .col-sm-3 {
    font-size: var(--font-size-0, 0.75rem);    
}