/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

@-webkit-keyframes bounce {
    50% {
        transform: translateY(-2px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes bounce {
    50% {
        transform: translateY(-2px)
    }

    100% {
        transform: translateY(0)
    }
}

:root {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

@media(prefers-color-scheme:dark) {
    :root {
        --c-text: #666;
        --c-text-inverse: white;
        --c-background: white;
        --c-background-section: #e5e5e5;
        --c-primary: #005de0;
        --c-secondary: #610c63;
        --c-accent: #4c4c4c;
        --c-accent-high: black;
        --c-highlight: #ccc;
        --c-highlight-high: #e5e5e5;
        --c-muted: #f2f2f2;
        --c-warning: #f9fb93;
        --c-error: #fbe3e4;
        --c-message: #cfefc2
    }
}

:root [data-theme=default] {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

:root [data-theme=dark] {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

.cl-colors {
    padding: 1rem
}

.cl-colors__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2rem;
    padding: 0
}

.cl-colors__item {
    list-style: none;
    padding: 1rem 2rem;
    transition: all .4s;
    flex: 1 1 20%;
    min-width: 150px;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: flex-end
}

.cl-colors__item--default-text {
    background-color: var(--c-text);
    color: var(--c-muted)
}

.cl-colors__item--default-text-inverse {
    background-color: var(--c-text-inverse);
    color: var(--c-accent-high)
}

.cl-colors__item--default-background {
    background-color: var(--c-background);
    color: var(--c-accent-high)
}

.cl-colors__item--default-background-section {
    background-color: var(--c-background-section);
    color: var(--c-accent-high)
}

.cl-colors__item--default-primary {
    background-color: var(--c-primary);
    color: var(--c-muted)
}

.cl-colors__item--default-secondary {
    background-color: var(--c-secondary);
    color: var(--c-muted)
}

.cl-colors__item--default-accent {
    background-color: var(--c-accent);
    color: var(--c-muted)
}

.cl-colors__item--default-accent-high {
    background-color: var(--c-accent-high);
    color: var(--c-muted)
}

.cl-colors__item--default-highlight {
    background-color: var(--c-highlight);
    color: var(--c-accent-high)
}

.cl-colors__item--default-highlight-high {
    background-color: var(--c-highlight-high);
    color: var(--c-accent-high)
}

.cl-colors__item--default-muted {
    background-color: var(--c-muted);
    color: var(--c-accent-high)
}

.cl-colors__item--default-warning {
    background-color: var(--c-warning);
    color: var(--c-accent-high)
}

.cl-colors__item--default-error {
    background-color: var(--c-error);
    color: var(--c-accent-high)
}

.cl-colors__item--default-message {
    background-color: var(--c-message);
    color: var(--c-accent-high)
}

.cl-colors__item--dark-text {
    background-color: var(--c-text);
    color: var(--c-accent-high)
}

.cl-colors__item--dark-text-inverse {
    background-color: var(--c-text-inverse);
    color: var(--c-muted)
}

.cl-colors__item--dark-background {
    background-color: var(--c-background);
    color: var(--c-muted)
}

.cl-colors__item--dark-background-section {
    background-color: var(--c-background-section);
    color: var(--c-muted)
}

.cl-colors__item--dark-primary {
    background-color: var(--c-primary);
    color: var(--c-accent-high)
}

.cl-colors__item--dark-secondary {
    background-color: var(--c-secondary);
    color: var(--c-accent-high)
}

.cl-colors__item--dark-accent {
    background-color: var(--c-accent);
    color: var(--c-accent-high)
}

.cl-colors__item--dark-accent-high {
    background-color: var(--c-accent-high);
    color: var(--c-accent-high)
}

.cl-colors__item--dark-highlight {
    background-color: var(--c-highlight);
    color: var(--c-muted)
}

.cl-colors__item--dark-highlight-high {
    background-color: var(--c-highlight-high);
    color: var(--c-muted)
}

.cl-colors__item--dark-muted {
    background-color: var(--c-muted);
    color: var(--c-muted)
}

.cl-colors__item--dark-warning {
    background-color: var(--c-warning);
    color: var(--c-muted)
}

.cl-colors__item--dark-error {
    background-color: var(--c-error);
    color: var(--c-muted)
}

.cl-colors__item--dark-message {
    background-color: var(--c-message);
    color: var(--c-muted)
}

:root {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

@media(prefers-color-scheme:dark) {
    :root {
        --c-text: #666;
        --c-text-inverse: white;
        --c-background: white;
        --c-background-section: #e5e5e5;
        --c-primary: #005de0;
        --c-secondary: #610c63;
        --c-accent: #4c4c4c;
        --c-accent-high: black;
        --c-highlight: #ccc;
        --c-highlight-high: #e5e5e5;
        --c-muted: #f2f2f2;
        --c-warning: #f9fb93;
        --c-error: #fbe3e4;
        --c-message: #cfefc2
    }
}

:root [data-theme=default] {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

:root [data-theme=dark] {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

.motion {
    padding: 0 1rem
}

@media(min-width:920px) {
    .motion__grid {
        display: flex;
        flex-wrap: wrap
    }
}

@media(min-width:920px) {
    .motion__grid-item {
        margin-bottom: 1rem;
        margin-right: 1rem;
        width: 49%
    }

    .motion__grid-item:nth-child(2n) {
        margin-right: 0
    }
}

.demo-motion {
    background-color: var(--c-highlight-high);
    border-radius: 2px;
    cursor: pointer;
    padding: 3rem;
    text-align: center
}

.demo-motion::before {
    content: "Duration: 0.3s";
    display: block
}

.demo-motion::after {
    content: "Timing Function: ease-in-out"
}

.demo-motion span {
    display: block;
    margin: .25rem
}

.demo-motion--fade {
    transition: all .3s ease-in-out
}

.demo-motion--fade:hover {
    background-color: var(--c-accent-high);
    color: var(--c-muted)
}

.demo-motion--slide-up {
    transition: transform .4s ease-in
}

.demo-motion--slide-up::before {
    content: "Duration: 0.4s";
    display: block
}

.demo-motion--slide-up::after {
    content: "Timing Function: ease-in"
}

.demo-motion--slide-up:hover {
    transform: translateY(-10px)
}

.demo-motion--slide-down {
    transition: transform .2s linear
}

.demo-motion--slide-down::before {
    content: "Duration: 0.2s";
    display: block
}

.demo-motion--slide-down::after {
    content: "Timing Function: linear"
}

.demo-motion--slide-down:hover {
    transform: translateY(10px)
}

.demo-motion--expand {
    transition: transform .3s cubic-bezier(0.17, 0.67, 0.83, 0.67)
}

.demo-motion--expand::before {
    content: "Duration: 0.3s";
    display: block
}

.demo-motion--expand::after {
    content: "Timing Function: cubic-bezier(.17,.67,.83,.67)"
}

.demo-motion--expand:hover {
    transform: scale(1.03)
}

html {
    box-sizing: border-box
}

body {
    background-color: var(--c-background);
    color: var(--c-text);
    font-family: #08122c;
    font-size: 1rem;
    line-height: 1.6
}

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

.main {
    max-width: 1220px;
    width: 100%;
    margin: 0 auto;
    padding: 0 25px;
    display: block
}

@media(min-width:480px) {
    .main {
        padding: 0 25px
    }
}

@media(min-width:1220px) {
    .main {
        padding-left: calc(25px + calc(-50vw + calc(1220px / 2)));
        padding-right: calc(25px + calc(-50vw + calc(1220px / 2)))
    }
}

.visually-hidden {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    word-wrap: normal
}

:root {
    --header-navbar-height--mobile: 85px;
    --header-navbar-height--desktop: 90px
}

.mm-menu {
    --mm-color-background: #EBF2F3;
    --mm-color-background-emphasis: transparent;
    --mm-color-background-highlight: transparent;
    --mm-color-border: transparent;
    --mm-color-button: #08122c;
    --mm-color-text: #08122c;
    --mm-color-text-dimmed: #506467;
    --mm-offset-top: 0;
    --mm-offset-right: 0;
    --mm-offset-bottom: 0;
    --mm-offset-left: 0;
    --mm-line-height: rem-calc(24px);
    --mm-listitem-size: 43px;
    --mm-navbar-size: 64px;
    --mm-size: 100%;
    --mm-min-size: 240px;
    --mm-max-size: 992px
}

.navbar-main-content-spacer {
    height: var(--header-navbar-height--mobile)
}

.navbar-main-content-spacer.navbar-main-content-spacer--top-bar {
    --header-navbar-height--mobile: 111px;
    --header-navbar-height--desktop: 116px
}

body.toolbar-fixed .navbar-main-content-spacer,
body.toolbar-vertical .navbar-main-content-spacer {
    display: none
}

@media screen and (min-width:1220px) {
    .navbar-main-content-spacer {
        height: var(--header-navbar-height--desktop)
    }
}

.card-teaser-grid-layout {
    display: grid;
    row-gap: 1.5rem
}

@media screen and (min-width:720px) {
    .card-teaser-grid-layout {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .card-teaser-grid-layout {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto
    }
}

@media screen and (min-width:1500px) {
    .card-teaser-grid-layout {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto
    }
}

.btn,
.button {
    margin-right: 12.5px;
    margin-bottom: 12.5px;
    border: 1px solid #08122c;
    padding: 10px 18px;
    background-color: #fff;
    font-size: 18px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    transition: .3s ease-in-out all;
    color: #08122c !important;
    text-decoration: none !important;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.btn:hover,
.btn:focus,
.button:hover,
.button:focus {
    background-color: #08122c;
    color: #fff !important;
    text-decoration: underline;
    cursor: pointer;
    text-decoration: none !important
}

.form-item--checkboxes,
.form-item--checkbox__item {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    margin-right: 5px
}

.form-item--checkboxes label,
.form-item--checkbox__item label {
    color: #08122c
}

.form-item--checkbox__item input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 25px !important;
    height: 25px !important;
    border: .15em solid currentColor;
    border-radius: .15em;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
    gap: 5px
}

.form-item--checkbox__item input[type=checkbox]::before {
    content: "";
    width: .65em;
    height: .65em;
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    transform: scale(0);
    transform-origin: bottom left;
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    background-color: #fff
}

.form-item--checkbox__item input[type=checkbox]:checked::before {
    transform: scale(1)
}

.form-item--checkbox__item input[type=checkbox]:checked {
    background-color: #d60b52
}

.form-item--checkbox__item input[type=checkbox]:disabled {
    --form-control-color: var(--form-control-disabled);
    color: var(--form-control-disabled);
    cursor: not-allowed
}

.form-item--radios,
.form-item--radio__item {
    list-style: none;
    margin: 0;
    padding: 0
}

.form-item__dropdown {
    border: 1px solid var(--c-muted);
    display: block;
    position: relative
}

@media(prefers-color-scheme:dark) {
    .form-item__dropdown {
        background-color: var(--c-background-inverse)
    }
}

.form-item__dropdown::after {
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 9px solid var(--c-accent);
    content: " ";
    position: absolute;
    top: 42%;
    right: 1em;
    z-index: 2;
    pointer-events: none;
    display: none
}

.form-item__dropdown:hover {
    border-color: var(--c-accent-high)
}

.form-item__select {
    border: 1px solid var(--c-muted);
    height: 41px;
    font-size: 16px;
    margin: 0;
    outline: none;
    padding: .6em .8em .5em;
    width: 100%
}

.form-item__select :focus {
    outline: none;
    color: var(--c-accent)
}

@supports((-webkit-appearance:none) or (-moz-appearance:none) or (appearance:none)) or ((-moz-appearance:none) and (mask-type:alpha)) {
    .form-item__dropdown::after {
        display: block
    }

    .form-item__select {
        padding-right: 2em;
        background: none;
        border: 1px solid rgba(0, 0, 0, 0);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none
    }

    .form-item__select:focus {
        border-color: var(--c-accent);
        border-radius: 0
    }
}

.form-item {
    color: var(--c-text);
    margin-bottom: 1em;
    max-width: 32em
}

.form-item::after {
    clear: both;
    content: "";
    display: table
}

.form-item__label {
    display: block;
    font-weight: 600
}

@media(min-width:320px) {
    .form-item__label {
        display: block;
        margin-right: 2%;
        padding: .6em 0
    }
}

.form-item__textfield {
    border: 1px solid var(--c-highlight-high);
    padding: .6em;
    max-width: 100%
}

.form-item__textfield:focus {
    border-color: var(--c-accent-high)
}

.form-item__textfield::-moz-placeholder {
    color: var(--c-highlight)
}

.form-item__textfield:-ms-input-placeholder {
    color: var(--c-highlight)
}

.form-item__textfield::placeholder {
    color: var(--c-highlight)
}

.form-item__description {
    margin-top: .3em
}

.form-fieldset {
    border: none;
    margin-bottom: 2em;
    padding: 0
}

.form-fieldset .form-item {
    margin-left: 1em;
    max-width: 31em
}

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

.icons-demo .icon {
    height: 100px;
    padding: 25px;
    width: 100px
}

@media(prefers-color-scheme:dark) {
    .icons-demo .icon {
        fill: var(--c-accent-high)
    }
}

.icons-demo pre {
    background-color: var(--c-muted);
    font-size: .8rem;
    margin: 0;
    text-align: center
}

.icons-demo__item {
    border: 1px solid var(--c-muted);
    margin: 6.25px
}

img,
picture {
    display: block;
    height: auto;
    max-width: 100%
}

figure {
    width: 100%;
    margin: 0;
    margin-bottom: 50px;
    background-color: #edf4f5
}

figure .figure__image {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 12.5px;
    padding-top: 25px
}

figure img {
    width: 100%;
    height: auto
}

figure .figure__caption {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    font-style: normal;
    font-size: 18px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    color: #08122c;
    font-style: italic;
    padding-bottom: 12.5px
}

.figure__caption {
    font-style: italic
}

.circular img {
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.link_with_icon {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.link_with_icon a,
.link_with_icon .link_with_icon--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: none;
    text-decoration: none !important;
    color: #fff;
    font-size: 16px;
    position: relative
}

.link_with_icon a p,
.link_with_icon .link_with_icon--wrapper p {
    margin: 0;
    border-radius: 50px;
    background-color: #edf4f5;
    min-height: 35px;
    padding: 10px 7.5px;
    padding-left: 20px;
    padding-right: 50px;
    color: #d60b52;
    text-decoration: none
}

.link_with_icon a .icon,
.link_with_icon .link_with_icon--wrapper .icon {
    position: absolute;
    right: 5px;
    background-color: #edf4f5;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.link_with_icon a .icon svg,
.link_with_icon .link_with_icon--wrapper .icon svg {
    width: 30px;
    height: 30px
}

@media(max-width:720px) {
    .link_with_icon--arrow-diagonal {
        display: flex;
        flex-wrap: wrap;
        width: auto
    }
}

.link {
    color: var(--c-accent)
}

.link:hover {
    color: var(--c-accent-high)
}

ul,
ol {
    padding-left: 1em
}

ul {
    list-style-type: disc
}

ol {
    list-style-type: decimal
}

.list-item,
.text-long ol li,
.text-long ul li {
    margin-bottom: .2em;
    padding-left: 1em
}

.table,
.text-long table {
    border: 1px solid var(--c-highlight-high);
    border-radius: 4px;
    border-spacing: 0;
    background-color: var(--c-muted);
    margin: 1em 0;
    width: 100%
}

.table__heading-cell,
.text-long th,
.table__cell,
.text-long td {
    border: none;
    border-bottom: 1px solid var(--c-highlight-high);
    border-right: 1px solid var(--c-highlight-high);
    padding: 1em
}

.table__heading-cell:last-child,
.text-long th:last-child,
.table__cell:last-child,
.text-long td:last-child {
    border-right: none
}

.table__heading-cell,
.text-long th {
    padding: 25px;
    text-align: left;
    background-color: #08122c;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.table__heading-cell p,
.text-long th p {
    color: #fff;
    font-weight: 700;
    margin: 0
}

.table__row:nth-child(odd),
.text-long tr:nth-child(odd) {
    background-color: var(--c-background)
}

.table__row:first-child th:first-child,
.text-long tr:first-child th:first-child,
.table__row:first-child td:first-child,
.text-long tr:first-child td:first-child {
    border-radius: 5px 0 0
}

.table__row:first-child th:last-child,
.text-long tr:first-child th:last-child,
.table__row:first-child td:last-child,
.text-long tr:first-child td:last-child {
    border-radius: 0 5px 0 0
}

.table__row:last-child td:first-child,
.text-long tr:last-child td:first-child {
    border-radius: 0 0 0 5px
}

.table__row:last-child td:last-child,
.text-long tr:last-child td:last-child {
    border-radius: 0 0 5px
}

.table__footer-cell,
.text-long tfoot th,
.table__footer-cell:first-child {
    border-bottom: none
}

.h1,
.text-long h1,
h1 {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 1.3;
    margin: 30px 0;
    width: auto
}

.h1__link,
h1__link {
    color: inherit
}

.h1__link:hover,
h1__link:hover {
    color: #d60b52
}

.h2,
.text-long h2 {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto
}

.h2__link {
    color: inherit
}

.h2__link:hover {
    color: inherit
}

.h3,
.text-long h3 {
    color: var(--c-accent);
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    margin: 50px;
    width: auto
}

.h3__link {
    color: inherit
}

.h3__link:hover {
    color: inherit
}

.h4,
.text-long h4 {
    color: var(--c-accent);
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2rem;
    line-height: 1.6;
    margin: 0 0 .5em;
    width: auto
}

.h4__link {
    color: inherit
}

.h4__link:hover {
    color: inherit
}

.h5,
.text-long h5,
.h6,
.text-long h6 {
    color: var(--c-accent);
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.1rem;
    line-height: 2;
    margin: 0 0 .5em;
    width: auto
}

.h5__link,
.h6__link {
    color: inherit
}

.h5__link:hover,
.h6__link:hover {
    color: inherit
}

.text-long h3 {
    margin: 0;
    color: #08122c;
    margin-bottom: 12.5px
}

.paragraph-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    font-size: 32px;
    position: relative;
    color: #08122c;
    margin: 0;
    margin-bottom: 25px;
    margin-top: 25px
}

.paragraph-title__link {
    color: inherit
}

.paragraph-title__link:hover {
    color: inherit
}

@media(max-width:1220px) {
    .paragraph-title {
        font-size: 22px;
        margin-bottom: 25px
    }
}

.paragraph-title-link {
    display: inline-flex;
    align-items: center;
    gap: 1.25rem
}

.paragraph-title-link:focus .paragraph-title {
    text-decoration: underline
}

.paragraph-title-icon {
    display: block;
    width: 20px;
    height: auto
}

@media screen and (hover) {
    .paragraph-title-link:hover .paragraph-title {
        text-decoration: underline
    }
}

.paragraph-text,
.text-long p,
.field--name-body div,
.field--name-body {
    margin: 0 0 1em;
    line-height: 1.4;
    font-size: 18px;
    color: #08122c
}

.paragraph-text a,
.text-long p a,
.field--name-body div a,
.field--name-body a {
    text-decoration: underline;
    color: #d60b52
}

.width-100 {
    width: 100%;
    display: flex;
    margin: 25px 0
}

.width-50 {
    width: 50%
}

.width-25 {
    width: 25%
}

.align-right {
    margin: 25px;
    max-width: 51%;
    padding: 25px;
    background-color: #edf4f5
}

@media(max-width:720px) {
    .align-right {
        width: 100%;
        margin: 0;
        max-width: 100%;
        margin-bottom: 25px;
        padding: 5px
    }
}

.align-right.width-25-div {
    margin-top: 0;
    margin-right: 0;
    max-width: unset;
    width: 25%
}

.align-right.width-25-div img {
    width: 100%;
    height: auto
}

@media(max-width:720px) {
    .align-right.width-25-div {
        width: 100%;
        margin: 0;
        margin-bottom: 25px;
        max-width: 100%;
        padding: 5px
    }
}

.align-right.width-50-div {
    margin-top: 0;
    margin-right: 0;
    max-width: unset;
    width: 50%
}

.align-right.width-50-div img {
    width: 100%;
    height: auto
}

@media(max-width:720px) {
    .align-right.width-50-div {
        width: 100%;
        margin: 0;
        margin-bottom: 25px;
        max-width: 100%;
        padding: 5px
    }
}

.align-left {
    margin: 25px;
    max-width: 50%;
    padding: 25px;
    background-color: #edf4f5
}

@media(max-width:720px) {
    .align-left {
        width: 100%;
        margin: 0;
        margin-bottom: 25px;
        max-width: 100%;
        padding: 5px
    }
}

.align-left.width-25-div {
    margin-top: 0;
    margin-left: 0;
    max-width: unset;
    width: 25%
}

.align-left.width-25-div img {
    width: 100%;
    height: auto
}

@media(max-width:720px) {
    .align-left.width-25-div {
        width: 100%;
        margin: 0;
        margin-bottom: 25px;
        max-width: 100%;
        padding: 5px
    }
}

.align-left.width-50-div {
    margin-top: 0;
    margin-left: 0;
    max-width: unset;
    width: 50%
}

.align-left.width-50-div img {
    width: 100%;
    height: auto
}

@media(max-width:720px) {
    .align-left.width-50-div {
        width: 100%;
        margin: 0;
        margin-bottom: 25px;
        max-width: 100%;
        padding: 5px
    }
}

.align-center {
    margin: 25px 0;
    max-width: 100%;
    width: 100%
}

.align-center img {
    width: 100%;
    height: auto
}

@media(max-width:720px) {
    .align-center {
        width: 100%;
        margin: 0
    }
}

.blockquote,
.text-long blockquote {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    margin-bottom: 50px
}

.blockquote p,
.text-long blockquote p {
    width: 90%;
    padding-bottom: 50px;
    font-size: 20px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    color: #08122c;
    font-style: italic;
    line-height: 1.3;
    max-width: 1150px
}

@media(max-width:1024px) {

    .blockquote p,
    .text-long blockquote p {
        padding-right: 0
    }
}

.blockquote p::before,
.text-long blockquote p::before {
    content: "";
    margin-right: 25px;
    width: 120px;
    height: 80px;
    float: left;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/iconmonstr-quote-5.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.text ul,
.paragraph-tabs__tab-content ul {
    list-style: normal;
    padding-left: 50px
}

.text ul li,
.paragraph-tabs__tab-content ul li {
    margin-bottom: 25px;
    position: relative
}

.hr,
.text-long hr {
    border-style: solid;
    border-width: 1px 0 0;
    color: currentColor
}

.text-long a {
    text-decoration: underline;
    color: #d60b52
}

.text-long blockquote p {
    padding-bottom: 0
}

.text-long ul {
    list-style: nor;
    padding-left: 35px
}

.text-long ul li {
    margin-bottom: 25px;
    position: relative;
    color: #08122c;
    line-height: 1.5
}

.short-list li {
    margin-bottom: 6.25px !important
}

.text ul,
.paragraph-tabs__tab-content ul,
.text-long ul {
    list-style: none;
    padding-left: 30px
}

.text ul li,
.paragraph-tabs__tab-content ul li,
.text-long ul li {
    margin-bottom: 25px;
    position: relative
}

.text ul li:before,
.paragraph-tabs__tab-content ul li:before,
.text-long ul li:before {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    height: .75ex;
    border-radius: 50px;
    background-color: #666;
    top: 1.5ex;
    left: -20px;
    width: .5em
}

.video {
    height: 0;
    overflow: hidden;
    padding-top: 35px;
    padding-bottom: 56.25%;
    position: relative
}

.video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video--full {
    padding-bottom: 75%
}

.accordion-item .panel-selector {
    text-decoration: none;
    pointer-events: none;
    flex-grow: 1;
    padding-right: 25px
}

@media(max-width:720px) {
    .accordion-item .panel-selector {
        padding-right: 12.5px
    }
}

.accordion-item .accordion-panel .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    margin: 12.5px 0
}

.accordion-item .accordion-panel .accordion-header .title__accordion-item {
    font-size: 22px;
    pointer-events: none;
    font-weight: bold;
    color: #000;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.accordion-item .accordion-panel .accordion-header .expand-icon {
    min-width: 30px;
    max-width: 30px;
    height: 100%;
    pointer-events: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.accordion-item .accordion-panel .accordion-header .expand-icon .closed-icon {
    display: block
}

.accordion-item .accordion-panel .accordion-header .expand-icon .opened-icon {
    display: none
}

@media(max-width:720px) {
    .accordion-item .accordion-panel .accordion-header .expand-icon {
        width: 20%
    }
}

@media(max-width:720px) {
    .accordion-item .accordion-panel .accordion-header .expand-icon p {
        display: none
    }

    .accordion-item .accordion-panel .accordion-header .expand-icon .icon {
        margin: 0
    }
}

.accordion-item .accordion-panel .accordion-header .expand-icon svg {
    height: 100%;
    width: 100%
}

.accordion-item .expanded .accordion-body {
    overflow: hidden;
    border-bottom: 1px solid #000
}

.accordion-item .expanded .accordion-body > div {
    margin: 12.5px 0
}

.accordion-item .expanded .expand-icon .closed-icon {
    display: none !important
}

.accordion-item .expanded .expand-icon .opened-icon {
    display: block !important
}

.accordion-item .collapsed .accordion-body {
    height: 0 !important;
    overflow: hidden;
    border-bottom: 1px solid #000
}

.accordion-item .accordion-body {
    transition: .5s ease-in;
    background-color: #f1f6f7;
    padding: 0px 25px
}

.accordion-item .accordion-body .text__accordion-item {
    display: flex;
    margin-bottom: 25px;
    align-items: flex-start
}

@media(max-width:480px) {
    .accordion-item .accordion-body .text__accordion-item {
        display: block
    }
}

.accordion-item .accordion-body .text__accordion-item .circular {
    width: calc(25% - 50px);
    margin-left: 50px
}

@media(max-width:1024px) {
    .accordion-item .accordion-body .text__accordion-item .circular {
        width: 100%;
        height: 100%
    }
}

@media(max-width:480px) {
    .accordion-item .accordion-body .text__accordion-item .circular {
        margin-left: 0
    }
}

.accordion-item .accordion-body .text__accordion-item .text-long {
    width: 75%
}

.accordion-item .accordion-body .text__accordion-item .text-long ul li {
    margin-bottom: 12.5px
}

.accordion-item .accordion-body .content-wrapper__accordion-item {
    margin: 25px 0 !important
}

.accordion-item .accordion-body .field--name-field-people {
    flex: 1;
    margin-left: 12.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px
}

.accordion-item .accordion-body .field--name-field-people .field--item {
    width: auto
}

.accordion-item .accordion-body .person__accordion-item {
    display: flex
}

.accordion-item .accordion-body .person__accordion-item .label {
    font-size: 14px;
    color: #000;
    margin: 0
}

.accordion-item .accordion-body .person__accordion-item .person_teaser .person_teaser__wrapper {
    background-color: #fff
}

.accordion-item .accordion-body .link__accordion-item .link_with_icon p {
    font-weight: bold;
    color: #d60b52;
    padding: 10px 50px;
    padding-left: 25px
}

.accordion-item .accordion-body .link__accordion-item .link_with_icon .icon {
    transform: rotate(45deg)
}

.paragraph--type--accordion,
.paragraph--type--options,
.paragraph--type--accordion-basic {
    margin: 50px 0;
    display: flex;
    flex-direction: column;
    width: 100%
}

.paragraph--type--option-reference .accordion-body .text__accordion-item {
    display: block
}

.banner_caption .content-wrapper {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: #fff
}

.banner_caption .banner_caption--content-text {
    width: 35%;
    align-self: center;
    padding: 0px 20px;
    color: #000;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.banner_caption .banner_caption--content-text h3 {
    margin-top: 10px;
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    margin-bottom: 0
}

.banner_caption .banner_caption--content-text p {
    font-family: "Open Sans", sans-serif
}

.blog_banner {
    position: relative
}

.blog_banner .image-wrapper {
    width: 100%;
    height: auto
}

.blog_banner .image-wrapper img {
    width: 100%
}

.blog_banner .content {
    width: 35%;
    height: 80%;
    color: #fff;
    background-color: rgba(14, 32, 80, .8);
    position: absolute;
    bottom: 0;
    left: 0
}

@media(max-width:1024px) {
    .blog_banner .content {
        width: 65%
    }
}

@media(max-width:850px) {
    .blog_banner .content {
        position: initial;
        width: 100%;
        height: 100%
    }
}

.blog_banner .content a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    position: relative
}

.blog_banner .content a:before {
    content: "";
    position: absolute;
    width: 80%;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    left: 0;
    margin-bottom: -2px
}

.blog_banner .content a .arrow {
    max-width: 10px;
    max-height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.blog_banner .content .content-wrapper {
    padding: 10px 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

.blog_banner .content .content-wrapper > div {
    width: 100%
}

.blog_banner .content .content-wrapper .group {
    justify-self: flex-end
}

.blog_banner .content .content-wrapper .content-title {
    font-weight: bold;
    margin-bottom: 10px
}

.blog_banner .content .content-wrapper .content-title h1 {
    color: #fff
}

.blog_banner .content .content-wrapper .content-text {
    margin-bottom: 10px
}

.blog_banner .content .content-wrapper .content-text p {
    color: #fff;
    font-size: 20px
}

.blog_banner .content .content-wrapper .research-group .group {
    margin-bottom: 12.5px
}

.blog_banner .content .content-wrapper .research-group img {
    width: 30%;
    height: auto
}

.blog_banner .content .content-wrapper .editors {
    display: flex;
    flex-wrap: wrap
}

.blog_banner .content .content-wrapper .editors .subtitle {
    width: 20%;
    margin: 0
}

.blog_banner .content .content-wrapper .editors .field--name-field-editors {
    width: calc(80% - 25px);
    margin-left: 25px
}

.blog_banner .content .content-wrapper .info-title {
    font-size: 12px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.selector-grid-card {
    display: block;
    background-color: #fff;
    padding: 1.25rem;
    transition: transform .3s ease-in-out;
    width: 100%;
    box-sizing: border-box;
    min-height: 280px
}

.selector-grid-card:link:focus {
    transform: scale(1.025);
    transition: transform .15s ease-in-out
}

.selector-grid-card__top {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: .75rem
}

.selector-grid-card__image {
    height: 149px;
    margin-inline: auto
}

.selector-grid-card__image img {
    width: 100%;
    max-height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

h3.selector-grid-card__title {
    color: var(--c-accent);
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    margin: 50px;
    width: auto;
    font-size: 1.25rem;
    line-height: 1.2;
    margin: 0 0 .5rem
}

h3.selector-grid-card__title__link {
    color: inherit
}

h3.selector-grid-card__title__link:hover {
    color: inherit
}

h3.selector-grid-card__title:last-child {
    margin-bottom: 0
}

.selector-grid-card__text > *:first-child {
    margin-top: 0
}

.selector-grid-card__text > *:last-child {
    margin-bottom: 0
}

.selector-grid-card__bottom {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: .5rem;
    margin-top: 1.5rem
}

.selector-grid-card__link-icon {
    flex-shrink: 0;
    font-size: 0;
    background-color: #d60b52;
    border-radius: 100%
}

.selector-grid-card__link-icon img {
    width: 30px;
    rotate: -45deg
}

@media screen and (hover) {
    .selector-grid-card:link:hover {
        transform: scale(1.025);
        transition: transform .15s ease-in-out
    }
}

.selector-grid__card-grid .selector-grid-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.selector-grid__card-grid .selector-grid-card__top {
    flex-grow: 1
}

.selector-grid__card-grid .selector-grid-card__bottom {
    flex-shrink: 0
}

@media screen and (min-width:720px) {
    .selector-grid__card-grid .selector-grid-card {
        min-height: 360px
    }
}

.book_item__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: calc(50% - 12.5px);
    background-color: #fff;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 0
}

@media(max-width:1500px) {
    .book_item__wrapper {
        width: 100%;
        justify-content: center;
        padding: 0
    }
}

.book_item__wrapper .content {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex: 1;
    height: 100%;
    padding-bottom: 12.5px
}

.book_item__wrapper .content .text-long {
    margin: 0 !important;
    padding: 0 !important
}

.book_item__wrapper .content.collapsed {
    height: 0px;
    min-height: 150px
}

@media(max-width:1500px) {
    .book_item__wrapper .content {
        margin: 0;
        padding: 8.3333333333px;
        width: 100%;
        display: flex
    }
}

.book_item__wrapper .content .book_item__title {
    color: var(--c-accent);
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    margin: 50px;
    width: auto;
    margin: 0;
    margin-bottom: 12.5px;
    font-size: 24px;
    color: #08122c
}

.book_item__wrapper .content .book_item__title__link {
    color: inherit
}

.book_item__wrapper .content .book_item__title__link:hover {
    color: inherit
}

@media(max-width:1500px) {
    .book_item__wrapper .content .book_item__title {
        text-align: center
    }
}

.book_item__wrapper .content .book_item__authors,
.book_item__wrapper .content .book_item__isbn,
.book_item__wrapper .content .book_item__doi {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 5px
}

.book_item__wrapper .content .book_item__authors .label,
.book_item__wrapper .content .book_item__isbn .label,
.book_item__wrapper .content .book_item__doi .label {
    margin-right: 12.5px;
    max-width: 25%;
    width: 25%
}

.book_item__wrapper .content .book_item__authors p,
.book_item__wrapper .content .book_item__authors .field--name-field-isbn,
.book_item__wrapper .content .book_item__authors .text-long,
.book_item__wrapper .content .book_item__isbn p,
.book_item__wrapper .content .book_item__isbn .field--name-field-isbn,
.book_item__wrapper .content .book_item__isbn .text-long,
.book_item__wrapper .content .book_item__doi p,
.book_item__wrapper .content .book_item__doi .field--name-field-isbn,
.book_item__wrapper .content .book_item__doi .text-long {
    margin: 0;
    text-align: left;
    flex: 1
}

.book_item__wrapper .content .book_item__file-info {
    width: 100%;
    font-size: 16px;
    color: #d60b52
}

.book_item__wrapper .scroller {
    height: 5px;
    background: #edf4f5;
    position: relative;
    width: calc(75% - 25px);
    right: 0;
    bottom: 0px
}

.book_item__wrapper .scroller.full-width {
    width: 100%
}

.course_brief__wrapper {
    background-color: #fff;
    padding: 12.5px;
    width: 100%
}

.course_brief__wrapper .field--name-field-course-length {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.course_brief__wrapper .field--name-field-course-length .field--label {
    margin-right: 50px;
    font-weight: bold
}

.course_brief__wrapper .field--name-field-course-length .field--item {
    flex: 1
}

.course_brief__wrapper h4 {
    margin-bottom: 0
}

.course_brief__wrapper div {
    margin-bottom: 12.5px
}

.course_brief__wrapper div a {
    font-weight: bold;
    color: #08122c
}

@media(max-width:720px) {
    .course_brief__wrapper div {
        word-wrap: break-word
    }
}

.course_brief__wrapper .course_brief__course_brief_body table thead th {
    padding-bottom: 12.5px
}

.course_brief__wrapper .course_brief__course_brief_body table td,
.course_brief__wrapper .course_brief__course_brief_body table th,
.course_brief__wrapper .course_brief__course_brief_body table tr {
    border-bottom: none;
    padding: 0
}

.course_brief__wrapper .course_brief__course_brief_body table tr {
    border-bottom: none
}

@media(max-width:720px) {
    .course_brief__wrapper .course_brief__course_brief_body table tr {
        display: flex;
        flex-wrap: wrap
    }
}

.course_brief__wrapper .course_brief__course_brief_body table tr th {
    border: none;
    padding: 5px;
    padding-left: 0px
}

.course_brief__wrapper .course_brief__course_brief_body table tr td {
    padding: 5px;
    padding-left: 0px
}

@media(max-width:720px) {
    .course_brief__wrapper .course_brief__course_brief_body table tr td {
        width: 100%
    }
}

.course_brief__wrapper .course_brief__course_brief_body a {
    color: #b3003e;
    font-weight: normal
}

.course_brief__wrapper .course_brief__title {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.course_brief__wrapper .course_brief__title h2 {
    margin: 0;
    margin-bottom: 25px
}

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

.course_brief__wrapper .course_brief__course_length h4 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0;
    margin-right: 50px
}

.course_brief__wrapper .course_brief__components h4 {
    margin-bottom: 8.3333333333px
}

.course_brief__wrapper .course_brief__programmes a {
    color: #08122c
}

.course_brief__wrapper .course_brief__deadlines p {
    margin-bottom: 8.3333333333px
}

.course_brochure__wrapper {
    margin: 75px 0;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 25px;
    padding-top: 12.5px
}

@media(max-width:1500px) {
    .course_brochure__wrapper {
        margin-top: 100px;
        justify-content: center;
        padding: 0
    }
}

.course_brochure__wrapper .course_brochure__image {
    margin-top: -75px;
    width: 40%
}

@media(max-width:1500px) {
    .course_brochure__wrapper .course_brochure__image {
        display: flex;
        justify-content: center
    }
}

.course_brochure__wrapper .course_brochure__image img {
    width: 100%;
    height: auto
}

.course_brochure__wrapper .course {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    width: calc(60% - 25px);
    margin-left: 25px
}

@media(max-width:1500px) {
    .course_brochure__wrapper .course {
        margin: 0;
        margin-top: 25px;
        padding: 8.3333333333px;
        width: 100%;
        display: flex;
        justify-content: center
    }
}

.course_brochure__wrapper .course .course_brochure__title {
    color: var(--c-accent);
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    margin: 50px;
    width: auto;
    margin: 0;
    margin-bottom: 25px
}

.course_brochure__wrapper .course .course_brochure__title__link {
    color: inherit
}

.course_brochure__wrapper .course .course_brochure__title__link:hover {
    color: inherit
}

@media(max-width:1500px) {
    .course_brochure__wrapper .course .course_brochure__title {
        text-align: center
    }
}

.course_brochure__wrapper .course .course_brochure__file-info {
    width: 100%;
    font-size: 16px;
    color: #d60b52
}

.course_brochure__wrapper .course .course_brochure__link-with-icon {
    margin-top: 25px
}

@media(max-width:1500px) {
    .course_brochure__wrapper .course .course_brochure__link-with-icon {
        display: flex;
        width: 100%;
        justify-content: center
    }
}

.course_brochure__wrapper .course .course_brochure__link-with-icon a {
    text-decoration: none;
    color: #fff
}

.course_brochure__wrapper .course .course_brochure__link-with-icon a p {
    padding: 6px 50px 6px 25px;
    font-family: sans-serif
}

.disclaimer .content-wrapper,
.disclaimer .disclaimer--content {
    display: flex;
    width: 100%;
    background-color: #b3003e
}

.disclaimer .content-wrapper .warning,
.disclaimer .disclaimer--content .warning {
    display: flex;
    align-items: flex-start;
    margin-left: 10px;
    margin-top: 10px;
    padding: 10px;
    max-width: 70px;
    min-width: 70px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.disclaimer .content-wrapper .warning svg,
.disclaimer .disclaimer--content .warning svg {
    width: 100%;
    height: 100%
}

.disclaimer .disclaimer--content > div {
    display: flex;
    width: 100%;
    background-color: #b3003e
}

.disclaimer .disclaimer--content-text {
    align-self: center;
    padding: 0px 20px;
    color: #fff;
    width: 65%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.disclaimer .disclaimer--content-text h3 {
    margin-top: 10px;
    font-weight: lighter;
    margin-bottom: 0
}

.disclaimer .disclaimer--content-text p {
    color: #fff
}

.paragraph--type--disclaimer {
    margin: 50px 0;
    margin-bottom: 0
}

.feature_box {
    max-width: 600px
}

.feature_box.feature_box--no-feature-box-image .feature_box--content {
    background-color: var(--primary-color, #08122c);
    padding: 25px;
    justify-content: flex-end;
    border-bottom: none
}

.feature_box.feature_box--no-feature-box-image .feature_box--content h3 {
    color: #fff
}

.feature_box.feature_box--no-feature-box-image .feature_box--content:after {
    right: 25px
}

.feature_box a {
    color: #08122c;
    text-decoration: none
}

.feature_box .image-wrapper {
    position: relative
}

.feature_box .image-wrapper .image {
    width: 100%;
    height: auto
}

.feature_box .image-wrapper svg {
    position: absolute;
    bottom: -1px;
    width: calc(100% + 1px)
}

.feature_box .feature_box--content {
    background-color: #fff;
    padding: 12.5px 0;
    z-index: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 200px;
    border-bottom: 1px solid #d60b52;
    padding-right: 25%;
    flex-direction: column
}

.feature_box .feature_box--content:after {
    content: "";
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/arrow.svg);
    position: absolute;
    right: 0;
    top: 25px;
    width: 40px;
    height: 40px;
    background-size: cover;
    transform: rotate(45deg)
}

.feature_box .feature_box--content .feature_box__heading {
    margin: 0;
    font-size: 25px;
    color: #08122c;
    font-weight: normal;
    position: relative;
    font-weight: bold;
    margin-bottom: 12.5px;
    width: 100%;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

@media(max-width:1500px) {
    .feature_box .feature_box--content .feature_box__heading {
        font-size: 20px
    }
}

.feature_box .feature_box--content .text-long {
    font-size: 18px;
    margin: 0;
    flex: 1 1 auto;
    width: 100%
}

.feature_box .feature_box--content .text-long p {
    margin: 0
}

.featured_article {
    max-width: 600px
}

.featured_article a {
    color: #08122c;
    text-decoration: none
}

.featured_article .image-wrapper {
    position: relative
}

.featured_article .image-wrapper .image {
    width: 100%;
    height: auto
}

.featured_article .image-wrapper svg {
    position: absolute;
    bottom: -1px;
    width: calc(100% + 1px)
}

.featured_article .featured_article--content {
    padding: 12.5px 0;
    z-index: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    min-height: 200px;
    width: 100%;
    max-width: unset
}

.featured_article .featured_article--content .tag-name {
    color: #bd1521;
    font-size: 20px;
    margin: 0;
    margin-bottom: 12.5px
}

.featured_article .featured_article--content .featured_article__heading {
    margin: 0;
    font-size: 25px;
    color: #08122c;
    font-weight: normal;
    position: relative;
    font-weight: bold;
    margin-bottom: 12.5px;
    width: 100%;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

@media(max-width:1220px) {
    .featured_article .featured_article--content .featured_article__heading {
        font-size: 20px
    }
}

.featured_article .featured_article--content .text-long {
    font-size: 18px;
    margin: 0;
    flex: 1 1 auto
}

.featured_article .featured_article--content .person_teaser .person_teaser__content a {
    color: #08122c
}

.featured_article .featured_article--content .person_teaser .person_teaser__content span {
    font-weight: bold
}

.featured_article .featured_article--content .person_teaser .person_teaser__content .person_teaser__content-text {
    color: #08122c
}

.featured_article .featured_article--content .person_teaser .person_teaser__content .person_teaser__content-text a {
    color: #08122c
}

.featured_article .featured_article--content .person_teaser .person_teaser__content .person_teaser__right-arrow {
    display: none
}

.featured_blogs_area {
    background-color: var(--primary-color, #08122c);
    padding: 50px 5vw;
    width: calc(100% + 10vw);
    transform: translateX(-5vw)
}

.featured_blogs_area .featured_blogs_area {
    padding: 0;
    width: unset;
    transform: unset
}

.featured_blogs_area .featured_blogs_area--content {
    padding: 0;
    text-align: center;
    color: #fff
}

.featured_blogs_area .featured_blogs_area--content .paragraph-title {
    color: #fff;
    margin: 15px 0
}

.featured_blogs_area .featured_blogs_area--content a,
.featured_blogs_area .featured_blogs_area--content p {
    color: #fff;
    margin: 15px 0
}

.featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -25px;
    text-align: left
}

@media(max-width:1024px) {
    .featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content {
        margin: 0
    }
}

.featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content > .field--item {
    width: calc(50% - 50px);
    margin: 0 25px
}

@media(max-width:1024px) {
    .featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content > .field--item {
        width: calc(100% - 0px);
        margin: 25px 0
    }
}

.featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content > .field--item .featured {
    border: none
}

.featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content > .field--item .featured .featured--content-text {
    width: calc(66.6666666667% - 25px)
}

@media(max-width:1024px) {
    .featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content > .field--item .featured .featured--content-text {
        width: calc(100% - 0px);
        margin: 0
    }
}

.featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content > .field--item .featured .blog-logo {
    width: 80%;
    margin-right: 0
}

@media(max-width:1024px) {
    .featured_blogs_area .featured_blogs_area--content .featured_blogs_area--blogs-wrap .field--name-field-referenced-content > .field--item .featured .blog-logo {
        width: calc(33.3333333333% - 12.5px);
        margin-right: 12.5px
    }
}

a {
    color: #08122c;
    text-decoration: none
}

a:hover h3,
a:focus h3 {
    text-decoration: underline
}

.event-item.accordian-feature > article {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.event-item.accordian-feature > article > a {
    width: calc(100% - 25px);
    border-bottom: 1px solid #d60b52
}

.date-wrapper {
    background-color: #f1f6f7;
    position: absolute;
    left: 0;
    bottom: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    width: auto;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100px
}

.date-wrapper.relative {
    position: relative;
    margin-right: 25px
}

.date-wrapper .date {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 16px
}

.date-wrapper .date p {
    text-transform: uppercase;
    margin: 0;
    line-height: 1
}

.date-wrapper .day-wrapper {
    font-size: 45px
}

.image-wrapper {
    width: 100%;
    position: relative
}

.image-wrapper img {
    width: 100%;
    height: auto
}

.image-wrapper svg {
    position: absolute;
    bottom: -1px;
    width: calc(100% + 1px)
}

.event-item--content {
    margin-left: 100px;
    background-color: #fff;
    padding: 25px 0;
    z-index: 1;
    position: relative;
    flex-wrap: wrap;
    min-height: 200px;
    padding-right: 25px;
    flex: 1
}

.event-item--content:after {
    content: "";
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/iconmonstr-arrow-right-thin.svg);
    position: absolute;
    right: 12.5px;
    bottom: 0;
    width: 40px;
    height: 40px;
    background-size: cover
}

.event-item--content.event-item--flex {
    margin-left: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.event-item--content .event-item--title-wrapper {
    flex: 1
}

.event-item--content .heading {
    margin: 0;
    font-size: 25px;
    color: #08122c;
    font-weight: normal;
    position: relative;
    font-weight: bold;
    margin-bottom: 12.5px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 22px
}

@media(max-width:1220px) {
    .event-item--content .heading {
        font-size: 20px
    }
}

.event-item--content .subtitle {
    margin: 0;
    font-style: italic;
    font-size: 18px;
    margin: 0;
    flex: 1 1 auto
}

.event-item--content .label {
    font-weight: normal;
    margin: 0;
    margin-right: 25px;
    min-width: 25%
}

.event-item--content .time {
    margin: 10px 0px;
    display: flex;
    font-weight: bold
}

.event-item--content .venue {
    font-weight: bold;
    margin: 10px 0px;
    display: flex
}

.event-item--content .speakers__event-item {
    font-weight: bold;
    display: flex
}

.event-item .event-accordion-item {
    z-index: 5;
    width: 100%
}

.event-item .event-accordion-item .panel-selector {
    text-decoration: none;
    pointer-events: none;
    flex-grow: 1;
    padding-right: 25px
}

@media(max-width:720px) {
    .event-item .event-accordion-item .panel-selector {
        padding-right: 12.5px
    }
}

.event-item .event-accordion-item .accordion-panel .event-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.event-item .event-accordion-item .accordion-panel .event-accordion-header .title__accordion-item {
    font-size: 22px;
    pointer-events: none;
    font-weight: bold;
    color: #000
}

.event-item .event-accordion-item .accordion-panel .event-accordion-header .expand-icon {
    margin-top: -40px
}

.event-item .event-accordion-item .accordion-panel .event-accordion-header .expand-icon .closed-icon {
    display: block
}

.event-item .event-accordion-item .accordion-panel .event-accordion-header .expand-icon .opened-icon {
    display: none
}

@media(max-width:720px) {
    .event-item .event-accordion-item .accordion-panel .event-accordion-header .expand-icon p {
        display: none
    }

    .event-item .event-accordion-item .accordion-panel .event-accordion-header .expand-icon .icon {
        margin: 0
    }
}

.event-item .event-accordion-item .accordion-panel .event-accordion-header .expand-icon svg {
    height: 100%;
    width: 100%
}

.event-item .event-accordion-item .expanded .accordion-body {
    overflow: hidden;
    border-bottom: 1px solid #d60b52
}

.event-item .event-accordion-item .expanded .accordion-body > div {
    margin: 12.5px 0
}

.event-item .event-accordion-item .expanded .expand-icon .closed-icon {
    display: none !important
}

.event-item .event-accordion-item .expanded .expand-icon .opened-icon {
    display: block !important
}

.event-item .event-accordion-item .collapsed .accordion-body {
    height: 0 !important;
    overflow: hidden;
    border-bottom: 1px solid #d60b52
}

.event-item .event-accordion-item .accordion-body {
    display: flex;
    justify-content: space-between;
    transition: .5s ease-in;
    background-color: #f1f6f7;
    padding: 0px 25px;
    padding-left: 100px
}

.event-item .event-accordion-item .accordion-body .more-info__event-item {
    font-weight: bold;
    color: #000;
    display: flex;
    flex-wrap: wrap
}

.event-item .event-accordion-item .accordion-body .more-info__event-item p,
.event-item .event-accordion-item .accordion-body .more-info__event-item h2 {
    font-weight: normal;
    margin: 0px;
    margin-right: 50px;
    margin-bottom: 10px;
    font-size: 18px
}

.event-item .event-accordion-item .accordion-body .more-info__event-item .role__event-item,
.event-item .event-accordion-item .accordion-body .more-info__event-item .field--name-field-job-role {
    font-weight: normal;
    font-style: italic;
    width: 100%
}

.event-item .event-accordion-item .accordion-body .more-info__event-item h2 {
    margin: 0
}

.event-item .event-accordion-item .accordion-body .more-info__event-item a {
    color: #d60b52;
    text-decoration: underline
}

.event-item .event-accordion-item .accordion-body .accordion-image__event-item img {
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

.event-item .event-accordion-item .link_with_icon .link_with_icon--wrapper p {
    margin-right: 12.5px
}

.featured-event-item-basic {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.featured-event-item-basic a {
    flex: 1;
    margin-right: 25px
}

.featured-event-item-basic a .date-wrapper {
    top: 0;
    right: 0;
    left: unset
}

.featured-event-item-basic .featured-event-item-basic--content {
    flex: 1;
    display: block
}

.featured-event-item-basic .featured-event-item-basic--content .heading {
    margin: 0;
    font-size: 25px;
    color: #08122c;
    font-weight: normal;
    position: relative;
    font-weight: bold;
    margin-bottom: 25px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 22px
}

@media(max-width:1220px) {
    .featured-event-item-basic .featured-event-item-basic--content .heading {
        font-size: 20px
    }
}

.featured-event-item-basic .featured-event-item-basic--content .time,
.featured-event-item-basic .featured-event-item-basic--content .venue,
.featured-event-item-basic .featured-event-item-basic--content .audience,
.featured-event-item-basic .featured-event-item-basic--content .registration,
.featured-event-item-basic .featured-event-item-basic--content .speakers {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 12.5px
}

.featured-event-item-basic .featured-event-item-basic--content .time p,
.featured-event-item-basic .featured-event-item-basic--content .venue p,
.featured-event-item-basic .featured-event-item-basic--content .audience p,
.featured-event-item-basic .featured-event-item-basic--content .registration p,
.featured-event-item-basic .featured-event-item-basic--content .speakers p {
    margin: 0;
    margin-right: 25px;
    flex: 1
}

.featured-event-item-basic .featured-event-item-basic--content .time .value,
.featured-event-item-basic .featured-event-item-basic--content .venue .value,
.featured-event-item-basic .featured-event-item-basic--content .audience .value,
.featured-event-item-basic .featured-event-item-basic--content .registration .value,
.featured-event-item-basic .featured-event-item-basic--content .speakers .value {
    font-weight: bold;
    flex: 2
}

.featured-event-item-basic .featured-event-item-basic--content .time a,
.featured-event-item-basic .featured-event-item-basic--content .venue a,
.featured-event-item-basic .featured-event-item-basic--content .audience a,
.featured-event-item-basic .featured-event-item-basic--content .registration a,
.featured-event-item-basic .featured-event-item-basic--content .speakers a {
    color: #d60b52;
    text-decoration: underline
}

.full_quote {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 50px
}

.full_quote .text__full_quote {
    padding-right: 30%;
    width: 100%;
    padding-bottom: 50px;
    font-size: 20px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    color: #08122c;
    font-style: italic;
    line-height: 1.3;
    max-width: 1150px
}

@media(max-width:1024px) {
    .full_quote .text__full_quote {
        padding-right: 0
    }
}

.full_quote .text__full_quote .quote-marker {
    margin-right: 25px;
    width: 120px;
    height: 80px;
    float: left;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/iconmonstr-quote-5.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.full_quote .attribution__full_quote {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-end
}

@media(min-width:920px) {
    .full_quote .attribution__full_quote {
        margin-left: 30%
    }
}

.full_quote .attribution__full_quote:after {
    content: "";
    width: calc(100% - 150px);
    height: 1px;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #d60b52
}

.full_quote .attribution__full_quote .attributor__full_quote {
    border: 1px solid #d60b52;
    padding: 6.25px;
    border-radius: 50px;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    width: 60%
}

@media(min-width:920px) {
    .full_quote .attribution__full_quote .attributor__full_quote {
        width: 50%
    }
}

.full_quote .attribution__full_quote .attributor__full_quote > .image-wrapper {
    width: 20% !important;
    display: flex
}

.full_quote .attribution__full_quote .attributor__full_quote > .image-wrapper img {
    height: 100%
}

.full_quote .attribution__full_quote .attributor__full_quote .content {
    width: calc(80% - 12.5px);
    margin-left: 12.5px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.full_quote .attribution__full_quote .attributor__full_quote .content .content-text {
    color: #d60b52
}

.full_quote .attribution__full_quote .attributor__full_quote .content .content-text .field--name-field-attributor-role {
    font-size: 12px
}

.full_quote.full_quote--right .text__full_quote {
    padding-left: 30%;
    padding-right: 0%
}

.full_quote.full_quote--right .attribution__full_quote {
    position: relative;
    margin-left: 0%;
    margin-right: 30%;
    justify-content: flex-start
}

.full_quote.full_quote--right .attribution__full_quote:after {
    right: 0;
    left: unset
}

.jump-list .link-item {
    font-size: 22px;
    pointer-events: none;
    font-weight: bold;
    color: #000;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.user-logged-in .menu-block {
    top: 250px
}

.menu-block::-webkit-scrollbar {
    display: none
}

.menu-block {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.menu-block {
    max-width: 20vw;
    background-color: #fff;
    position: fixed;
    top: 75px;
    left: 5vw;
    z-index: 99;
    top: 150px;
    left: calc(5vw + 25px);
    height: 0;
    overflow: hidden;
    display: none
}

.menu-block.active {
    transition: .5s ease-in-out height;
    height: calc(75vh - 200px);
    padding: 25px;
    overflow-y: scroll
}

@media(min-width:920px) {
    .menu-block {
        display: block
    }
}

.menu-block > h3 {
    margin-bottom: 25px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.menu-block .centre {
    padding-bottom: 12.5px;
    margin-bottom: 12.5px
}

.menu-block .centre a {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap
}

.menu-block .centre a img {
    width: calc(20% - 12.5px);
    margin-right: 12.5px;
    height: auto
}

.menu-block .centre a div {
    width: 80%;
    margin: 0;
    padding: 0
}

.audience-menu {
    background-color: #08122c
}

.audience-menu svg path {
    fill: #fff !important
}

.audience-menu .main-menu {
    padding: 0
}

.audience-menu a {
    color: #fff;
    font-size: 16px
}

.audience-menu .main-menu__item {
    position: relative
}

.audience-menu .main-menu__link:after {
    background-color: #fff
}

.audience-menu .main-menu--sub-1 {
    top: 100%;
    display: flex;
    flex-direction: column
}

.audience-menu .main-menu--sub-1 a {
    color: #08122c !important
}

.audience-menu .main-menu--sub-1.active {
    width: auto;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding: 10px;
    position: absolute;
    left: 0
}

.audience-menu .main-menu--sub-1.active .main-menu__item {
    margin: 0;
    margin-bottom: 5px;
    padding: 0
}

.audience-menu .main-menu--sub-1.active .main-menu__item a {
    margin: 0;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 16px
}

.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0
}

.breadcrumb__item,
.breadcrumb__link,
.breadcrumb__link:link,
.breadcrumb__link:visited,
.breadcrumb__link:focus {
    color: var(--c-accent);
    text-decoration: none
}

.breadcrumb__link:hover {
    color: var(--c-accent-high)
}

.breadcrumb__item {
    display: inline-block;
    font-size: .75rem
}

.breadcrumb__item::after {
    content: "/"
}

.breadcrumb__item:last-child {
    color: var(--c-text)
}

.breadcrumb__item:last-child::after {
    content: ""
}

.breadcrumb_link:active {
    color: var(--c-text)
}

.inline-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.inline-menu__item {
    margin: 0 1em .5em 0
}

@media(min-width:920px) {
    .inline-menu__item {
        display: inline;
        margin-bottom: 1em
    }
}

.inline-menu__item:last-child {
    margin-right: 0
}

.inline-menu__link {
    color: var(--c-accent);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-decoration: none;
    text-transform: uppercase
}

.inline-menu__link:hover {
    color: var(--c-accent-high)
}

.main-nav {
    display: none
}

@media(min-width:920px) {
    .main-nav {
        display: block
    }
}

.main-nav--open {
    background-color: var(--c-background);
    display: block;
    left: 0;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 120px;
    z-index: 99;
    padding: 5vw
}

.main-nav .main-menu--sub-1 {
    display: block
}

.main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    padding-bottom: 12.5px
}

@media(max-width:920px) {
    .main-menu {
        display: flex;
        flex-direction: column
    }

    .main-menu .main-menu__item {
        margin-bottom: 12.5px
    }
}

.menu-background-wrapper::-webkit-scrollbar {
    display: none
}

.menu-background-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#main-nav > .main-menu > .main-menu__item > .menu-background-wrapper {
    height: 0;
    width: 0;
    position: fixed;
    left: 0;
    top: 60px;
    display: flex !important;
    padding-left: 0;
    padding-top: 0;
    transition: 1s ease height;
    overflow: hidden;
    overflow-y: scroll
}

@media(min-width:920px) {
    #main-nav > .main-menu > .main-menu__item > .menu-background-wrapper {
        background-color: #edf4f5;
        box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)
    }
}

@media(max-width:1220px) {
    #main-nav > .main-menu > .main-menu__item > .menu-background-wrapper {
        top: 80px
    }
}

@media(max-width:920px) {
    #main-nav > .main-menu > .main-menu__item > .menu-background-wrapper {
        top: 120px
    }
}

#main-nav > .main-menu > .main-menu__item > .menu-background-wrapper.active {
    padding-left: 35%;
    padding-top: 90px;
    height: 75vh;
    width: 100vw;
    flex-wrap: wrap
}

@media(max-width:920px) {
    #main-nav > .main-menu > .main-menu__item > .menu-background-wrapper.active {
        position: relative;
        width: 100%;
        height: auto;
        top: unset;
        padding: 5vw
    }
}

.main-menu--sub-1 {
    display: flex !important;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, .7)
}

@media(min-width:920px) {
    .main-menu--sub-1 {
        padding: 25px;
        margin-right: 5vw;
        margin-bottom: 200px;
        width: 100%
    }
}

.main-menu--sub-1 > .main-menu__item {
    border: none !important
}

.main-menu--sub-1 > .main-menu__item > a {
    padding-right: 25px;
    position: relative
}

@media(min-width:920px) {
    .main-menu--sub-1 > .main-menu__item > a {
        margin-bottom: 50px
    }
}

.main-menu--sub-1 > .main-menu__item > a:after {
    content: "";
    width: 10px;
    height: 16px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/menu-arrow.svg);
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-size: contain;
    background-color: rgba(0, 0, 0, 0);
    background-repeat: no-repeat;
    left: unset;
    bottom: unset;
    transition: none
}

.main-menu--sub-1 > .main-menu__item .expand-sub {
    display: none
}

@media(min-width:920px) {
    .main-menu--sub-1 > .main-menu__item {
        flex: 1
    }
}

.main-menu--sub-1 li:last-child a {
    color: #08122c
}

.main-menu--sub-1 .main-menu--sub-1 {
    position: relative;
    top: unset;
    height: auto;
    width: 100%
}

@media(min-width:920px) {
    .main-menu--sub-1 .main-menu--sub-1 {
        padding: 0;
        margin: 0;
        height: auto;
        width: 100%;
        flex-wrap: wrap;
        position: relative;
        background-color: rgba(0, 0, 0, 0)
    }
}

.main-menu--sub-1 .main-menu--sub-1 .main-menu__item {
    margin: 0;
    margin-bottom: 12.5px;
    width: 100%;
    flex: unset;
    border: none
}

.main-menu--sub-1 .main-menu--sub-1 .main-menu__item a {
    font-size: 18px;
    margin: 0;
    color: #d60b52;
    font-family: "Assistant", "Nunito Sans", georgia, times, "Times New Roman", serif
}

@media(min-width:1220px) {
    .main-menu--sub-1 .main-menu--sub-1 .main-menu__item a {
        font-size: 20px
    }
}

.main-menu--sub-1 .main-menu--sub-1 .main-menu__item a:after {
    display: none
}

.main-menu--sub-1 .main-menu--sub-1 .main-menu__item a.is-active {
    border-bottom: 1px solid #d60b52
}

@media(min-width:920px) {
    .search-link-mobile {
        display: none
    }
}

.user-logged-in .menu-background-wrapper {
    top: auto !important
}

@media(min-width:720px) {
    .main-menu--sub-2 {
        display: none
    }
}

.main-menu__item {
    border-top: none;
    display: inline-block;
    margin-right: 50px;
    position: relative
}

@media(max-width:1600px) {
    .main-menu__item {
        margin-right: 25px
    }
}

.main-menu__item.main-menu__item--with-sub {
    padding-right: 25px;
    margin-right: 50px
}

@media(max-width:1600px) {
    .main-menu__item.main-menu__item--with-sub {
        padding-right: 25px;
        margin-right: 25px
    }
}

.main-menu__item:hover .main-menu__link::after {
    color: var(--c-text)
}

.expand-sub {
    top: 15px;
    position: absolute;
    right: 0;
    transition: .5s ease all;
    display: flex;
    justify-content: center;
    cursor: pointer
}

@media(min-width:720px) {
    .expand-sub {
        top: 50%;
        transform: translateY(-50%)
    }
}

.expand-sub.active {
    transform: rotate(-180deg) translateY(50%)
}

.expand-sub.active svg path {
    fill: #d60b52 !important
}

.expand-sub svg {
    height: 20px;
    width: 20px
}

@media(min-width:720px) {
    .main-menu__item--sub {
        display: block
    }

    .main-menu__item--sub:not(:first-child) {
        border-top: 1px solid var(--c-highlight)
    }
}

.main-menu__link {
    display: inline-block;
    font-size: 24px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    position: relative;
    width: auto;
    color: #08122c;
    line-height: 1.3;
    text-decoration: none;
    margin-right: 12.5px;
    font-weight: bold
}

@media(max-width:1600px) {
    .main-menu__link {
        font-size: 20px
    }
}

.main-menu__link:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0px;
    height: 2px;
    transition: 1s ease all;
    background-color: #08122c
}

.main-menu__link:hover:after,
.main-menu__link:focus:after {
    width: 100%
}

.main-menu__link.active {
    color: #d60b52
}

.main-menu__link.active:after {
    background-color: #d60b52
}

.toggle-expand .menu {
    width: 3em;
    height: 3em;
    position: relative;
    z-index: 0
}

.toggle-expand .menu .bit-1::before {
    content: "";
    left: .5em;
    top: .5em;
    position: absolute;
    width: 1em;
    transform-origin: left bottom;
    height: .3em;
    background: #08122c;
    transition: transform .3s, top .3s
}

.toggle-expand .menu .bit-1::after {
    content: "";
    position: absolute;
    right: .5em;
    top: .5em;
    width: 1em;
    transform-origin: right bottom;
    height: .3em;
    background: #08122c;
    transition: transform .3s, top .3s
}

.toggle-expand .menu .bit-2 {
    position: absolute;
    width: 2em;
    top: 50%;
    left: 50%;
    height: .3em;
    background: #08122c;
    transform: translate(-50%, -50%);
    transition: transform .3s .3s, width .3s .6s
}

.toggle-expand .menu .bit-3::before {
    content: "";
    position: absolute;
    bottom: .5em;
    left: .5em;
    width: 1em;
    transform-origin: left top;
    height: .3em;
    background: #08122c;
    transition: transform .3s, bottom .3s
}

.toggle-expand .menu .bit-3::after {
    content: "";
    position: absolute;
    bottom: .5em;
    right: .5em;
    width: 1em;
    transform-origin: right top;
    height: .3em;
    background: #08122c;
    transition: transform .3s, bottom .3s
}

.toggle-expand.open .menu .bit-1:before {
    top: .4em;
    width: 1.2em;
    transform: rotate(45deg);
    transform-origin: left bottom;
    transition: transform .3s .3s, width .3s .3s, top .3s .3s
}

.toggle-expand.open .menu .bit-1:after {
    top: .4em;
    width: 1.2em;
    transform: rotate(-45deg);
    transform-origin: right bottom;
    transition: transform .3s .3s, width .3s .3s, top .3s .3s
}

.toggle-expand.open .menu .bit-2 {
    width: .3em;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: transform .3s .3s, width .3s
}

.toggle-expand.open .menu .bit-3:before {
    bottom: .4em;
    width: 1.2em;
    transform: rotate(-45deg);
    transform-origin: left top;
    transition: transform .3s .3s, width .3s .3s, bottom .3s .3s
}

.toggle-expand.open .menu .bit-3:after {
    bottom: .4em;
    width: 1.2em;
    transform: rotate(45deg);
    transform-origin: right top;
    transition: transform .3s .3s, width .3s .3s, bottom .3s .3s
}

.toggle-expand {
    margin: 0;
    display: flex
}

@media(min-width:920px) {
    .toggle-expand {
        display: none
    }
}

.social-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.social-menu__item {
    margin-bottom: 6.25px
}

.social-menu__link {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    text-decoration: none;
    color: var(--c-text)
}

.social-menu__icon {
    height: 2rem;
    width: 2rem;
    margin-right: 12.5px;
    fill: currentColor
}

.social-menu__text {
    font-weight: bold
}

.news_download {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    color: #000;
    max-width: 450px;
    background-color: #edf4f5;
    padding: 6.25px;
    border-radius: 50px
}

.news_download a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    margin: 0 25px
}

.news_download a .content-text {
    width: 100%;
    color: #d60b52;
    word-wrap: break-word;
    margin-bottom: 5px
}

.news_download a .content-text:hover {
    text-decoration: underline
}

.news_download a .right-arrow p {
    color: #d60b52;
    display: inline-block;
    margin: 0
}

.news_download a .right-arrow svg {
    display: inline-block;
    margin-bottom: -10px;
    transform: rotate(135deg);
    height: 100%
}

.news_reference {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    width: 30%;
    color: #000
}

.news_reference a {
    text-decoration: none
}

.news_reference a .content-text {
    color: #000
}

.news_reference a .content-text:hover {
    text-decoration: underline
}

.news_reference a .content-text .right-arrow {
    display: inline-block
}

.news_reference a .content-text .right-arrow svg {
    margin-bottom: -10px;
    transform: rotate(45deg)
}

.news_teaser_large a {
    color: #08122c;
    text-decoration: none
}

.news_teaser_large a:hover h3,
.news_teaser_large a:focus h3 {
    text-decoration: underline
}

.news_teaser_large .featured-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

.news_teaser_large .image-wrapper {
    position: relative;
    flex: 2;
    margin-right: 25px
}

.news_teaser_large .image-wrapper .image {
    width: 100%;
    height: auto
}

.news_teaser_large .image-wrapper svg {
    position: absolute;
    bottom: -1px;
    width: calc(100% + 1px)
}

.news_teaser_large .news_teaser_large--content {
    flex: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start
}

.news_teaser_large .news_teaser_large--content .tage-date-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px
}

.news_teaser_large .news_teaser_large--content .tage-date-wrapper .tag-name {
    color: #d60b52
}

.news_teaser_large .news_teaser_large--content .tage-date-wrapper div {
    width: auto
}

.news_teaser_large .news_teaser_large--content .tag-name,
.news_teaser_large .news_teaser_large--content .date {
    color: #08122c;
    font-size: 16px;
    margin: 0;
    width: 100%
}

.news_teaser_large .news_teaser_large--content .seperator {
    margin: 0 5px
}

.news_teaser_large .news_teaser_large--content .field--name-field-news-theme {
    display: flex
}

.news_teaser_large .news_teaser_large--content .field--name-field-news-theme .field--item:not(:last-child)::after {
    content: ",";
    margin-right: 5px
}

.news_teaser_large .news_teaser_large--content .date {
    font-weight: normal
}

.news_teaser_large .news_teaser_large--content .news_teaser_large__heading {
    margin: 0;
    font-size: 25px;
    color: #08122c;
    font-weight: normal;
    position: relative;
    font-weight: bold;
    margin-bottom: 12.5px;
    width: 100%;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

@media(max-width:1220px) {
    .news_teaser_large .news_teaser_large--content .news_teaser_large__heading {
        font-size: 20px
    }
}

.news_teaser_large .news_teaser_large--content .text-long {
    font-size: 18px;
    margin: 0;
    flex: 1 1 auto
}

.news_teaser_large .news_teaser_large--content .person_teaser .person_teaser__content a {
    color: #08122c
}

.news_teaser_large .news_teaser_large--content .person_teaser .person_teaser__content span {
    font-weight: bold
}

.news_teaser_large .news_teaser_large--content .person_teaser .person_teaser__content .person_teaser__content-text {
    color: #08122c
}

.news_teaser_large .news_teaser_large--content .person_teaser .person_teaser__content .person_teaser__content-text a {
    color: #08122c
}

.news_teaser_large .news_teaser_large--content .person_teaser .person_teaser__content .person_teaser__right-arrow {
    display: none
}

.news_teaser {
    max-width: 600px
}

.news_teaser a {
    color: #08122c;
    text-decoration: none
}

.news_teaser a:hover h3,
.news_teaser a:focus h3 {
    text-decoration: underline
}

@media(min-width:720px) {
    .news_teaser .featured-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: stretch
    }
}

.news_teaser .image-wrapper {
    position: relative;
    flex: 2;
    margin-right: 25px
}

.news_teaser .image-wrapper .image {
    width: 100%;
    height: auto
}

.news_teaser .image-wrapper svg {
    position: absolute;
    bottom: -1px;
    width: calc(100% + 1px)
}

.news_teaser .news_teaser--content {
    flex: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start
}

.news_teaser .news_teaser--content .tag-name {
    color: #08122c;
    font-weight: bold;
    font-size: 16px;
    margin: 0;
    width: 100%
}

.news_teaser .news_teaser--content .news_teaser__heading {
    margin: 0;
    font-size: 20px;
    color: #08122c;
    font-weight: normal;
    position: relative;
    font-weight: bold;
    margin-bottom: 12.5px;
    width: 100%
}

@media(max-width:1220px) {
    .news_teaser .news_teaser--content .news_teaser__heading {
        font-size: 20px
    }
}

.news_teaser .news_teaser--content .text-long {
    font-size: 18px;
    margin: 0;
    flex: 1 1 auto
}

.news_teaser .news_teaser--content .field--name-field-posted {
    margin-bottom: 12.5px
}

.news_teaser .news_teaser--content .person_teaser .person_teaser__content a {
    color: #08122c
}

.news_teaser .news_teaser--content .person_teaser .person_teaser__content span {
    font-weight: bold
}

.news_teaser .news_teaser--content .person_teaser .person_teaser__content .person_teaser__content-text {
    color: #08122c
}

.news_teaser .news_teaser--content .person_teaser .person_teaser__content .person_teaser__content-text a {
    color: #08122c
}

.news_teaser .news_teaser--content .person_teaser .person_teaser__content .person_teaser__right-arrow {
    display: none
}

.featured {
    max-width: 1250px;
    border-bottom: 1px solid #d60b52;
    text-align: left
}

.featured a {
    text-decoration: none;
    color: #08122c
}

.featured .featured {
    border: none
}

.featured .featured--content {
    border: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

@media(max-width:1024px) {
    .featured .featured--content {
        display: block
    }
}

.featured .featured--content .featured--content-text {
    width: calc(66.6666666667% - 25px);
    margin-right: 25px
}

@media(max-width:1024px) {
    .featured .featured--content .featured--content-text {
        width: calc(100% - 25px)
    }
}

.featured .featured--content .featured--content-text h2 {
    margin: 0;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    margin-bottom: 30px
}

.featured .featured--content .featured--content-text .field--name-field-feature-box-body {
    margin-bottom: 30px
}

.featured .featured--content .featured--content-text .field--name-field-feature-box-body p {
    margin: 0
}

.featured .featured--content .featured--author {
    margin-bottom: 30px;
    font-weight: bold
}

.featured .featured--content .featured--author,
.featured .featured--content .featured--tags {
    color: #08122c
}

.featured .featured--content .featured--author p,
.featured .featured--content .featured--tags p {
    margin: 0
}

.featured .featured--content .featured--tags {
    padding-bottom: 25px;
    display: flex;
    flex-wrap: wrap
}

.featured .featured--content .featured--tags div,
.featured .featured--content .featured--tags a {
    text-decoration: none;
    color: #d60b52
}

.featured .featured--content .featured--tags div:not(:last-child)::after,
.featured .featured--content .featured--tags a:not(:last-child)::after {
    content: "|";
    color: #08122c;
    padding-left: 12.5px;
    margin-right: 12.5px
}

.featured .featured--content .image-wrapper {
    flex: 1;
    display: flex;
    justify-content: flex-end
}

@media(max-width:1024px) {
    .featured .featured--content .image-wrapper {
        flex: initial
    }
}

.featured .featured--content .image-wrapper .blog-logo {
    width: calc(33.3333333333% - 12.5px);
    margin-right: 12.5px
}

.featured .featured--content .image-wrapper .blog-logo img {
    width: 100%;
    height: auto
}

.featured .featured--content .image-wrapper .blog-image {
    flex: 1
}

.featured .featured--content .image-wrapper .blog-image img {
    width: 100%;
    height: auto
}

.page_information_banner .content-wrapper,
.page_information_banner > div {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #08122c
}

@media(max-width:1024px) {

    .page_information_banner .content-wrapper,
    .page_information_banner > div {
        width: 100%
    }
}

.page_information_banner .page_information_banner--content-text {
    align-self: center;
    padding: 25px;
    color: #fff;
    width: calc(66.6666666667% - 0px);
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    display: flex;
    align-items: center
}

@media(max-width:480px) {
    .page_information_banner .page_information_banner--content-text {
        width: 100%;
        display: block
    }
}

.page_information_banner .page_information_banner--content-text h2 {
    color: #fff;
    margin: 0;
    width: calc(25% - 12.5px);
    margin-right: 12.5px
}

@media(max-width:480px) {
    .page_information_banner .page_information_banner--content-text h2 {
        width: 100%
    }
}

.page_information_banner .page_information_banner--content-text .text-long p {
    color: #fff;
    margin: 0
}

.page_information_banner .page_information_banner--content-text .link {
    width: auto;
    margin-left: 12.5px
}

@media(min-width:1220px) {
    .page_information_banner .page_information_banner--content-text .link {
        max-width: 25%
    }
}

.pager {
    margin: 2em 0;
    width: 100%
}

.pager__items {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center
}

.pager__item {
    display: inline-block;
    margin: 0 .7em
}

@media(min-width:920px) {
    .pager__item {
        margin: 0 1em
    }
}

.pager__link,
.pager__link:link,
.pager__link:visited {
    color: var(--c-text);
    font-weight: 600;
    text-decoration: none
}

.pager__link.is-active,
.pager__link:link.is-active,
.pager__link:visited.is-active {
    color: var(--primary-color, var(--c-accent-high));
    text-decoration: underline
}

.pager__link:hover,
.pager__link:link:hover,
.pager__link:visited:hover {
    color: var(--primary-color, var(--c-accent-high))
}

.pager__link--next,
.pager__link--prev {
    display: block
}

.pager__link--next span,
.pager__link--prev span {
    display: none
}

.pager__link--next::before,
.pager__link--prev::before {
    border: 8px solid var(--c-text);
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-top: 6px solid rgba(0, 0, 0, 0);
    content: "";
    display: block;
    position: relative;
    top: 1px
}

.pager__link--next:hover::before,
.pager__link--prev:hover::before {
    border-left-color: var(--c-accent)
}

.pager__link--prev::before {
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: var(--c-text)
}

.pager__link--prev:hover::before {
    border-left-color: rgba(0, 0, 0, 0);
    border-right-color: var(--c-accent)
}

.paragraph-tabs__wrapper {
    background: #08122c;
    padding: 25px
}

.paragraph-tabs__wrapper .paragraph-tabs__tab-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -12.5px;
    margin-bottom: 25px
}

.paragraph-tabs__wrapper .paragraph-tabs__tab-wrapper .paragraph-tabs__tab {
    margin: 12.5px;
    margin-bottom: 25px
}

@media(max-width:1500px) {
    .paragraph-tabs__wrapper .paragraph-tabs__tab-wrapper .paragraph-tabs__tab {
        width: calc(50% - 25px);
        margin: 12.5px;
        margin-bottom: 50px;
        padding: 5px
    }
}

@media(max-width:720px) {
    .paragraph-tabs__wrapper .paragraph-tabs__tab-wrapper .paragraph-tabs__tab {
        width: calc(100% - 0px);
        margin: 0;
        margin-bottom: 50px;
        padding: 5px
    }
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper {
    color: #fff
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper h4,
.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper h3,
.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper p,
.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper a {
    color: #fff
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper a {
    font-weight: bold
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper ul {
    list-style: none;
    padding-left: 35px
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper ul li {
    margin-bottom: 25px;
    position: relative
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper ul li:before {
    content: "";
    height: .75ex;
    border-radius: 50px;
    background-color: #fff;
    top: 1.4ex;
    left: -35px;
    width: .5em;
    position: absolute
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper .paragraph-tabs__tab-content {
    display: none
}

.paragraph-tabs__wrapper .paragraph-tabs__content-wrapper .paragraph-tabs__tab-content--active {
    display: block
}

.paragraph-tabs__tab {
    background-color: #2f5f91;
    border-bottom: none;
    color: #fff;
    display: block;
    font-size: 21px;
    font-weight: 600;
    padding: 25px;
    text-align: center;
    text-decoration: none;
    transition: color .3s;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.paragraph-tabs__tab:after {
    content: "";
    width: 100%;
    height: 0;
    transition: height .5s;
    bottom: -25px;
    left: 0;
    background: #b3003e;
    position: absolute
}

.paragraph-tabs__tab:hover {
    filter: brightness(1.15)
}

.paragraph-tabs__tab--active {
    overflow: visible
}

.paragraph-tabs__tab--active:after {
    height: 12.5px
}

.paragraph--type--text-with-tabs .paragraph-area--wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 50px
}

@media(max-width:480px) {
    .paragraph--type--text-with-tabs .paragraph-area--wrapper {
        display: block
    }
}

.paragraph--type--text-with-tabs .paragraph-area--wrapper .paragraph-area--left {
    flex: 1
}

.paragraph--type--text-with-tabs .paragraph-area--wrapper .paragraph-area--right {
    flex: 1.5;
    margin-top: 25px
}

.person_teaser_large__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #edf4f5;
    padding: 6.25px;
    border-radius: 50px;
    text-decoration: none;
    margin-bottom: 12.5px
}

.person_teaser_large__wrapper a {
    text-decoration: none
}

.person_teaser_large__wrapper:before {
    display: none
}

.person_teaser_large__wrapper .image-wrapper {
    width: 100px;
    height: 100px
}

.person_teaser_large__wrapper .person_teaser_large__content {
    width: calc(100% - 25px - 100px);
    margin-left: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__content-text {
    color: #bd1521;
    font-size: 16px;
    width: calc(100% - 55px)
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__content-text > a {
    color: #bd1521
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__content-text > a:hover {
    text-decoration: underline
}

.person_teaser_large__wrapper .person_teaser_large__content .field--name-field-job-title {
    color: #bd1521;
    font-size: 14px;
    font-weight: normal
}

@media(min-width:920px) {
    .person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__tags {
        display: flex;
        flex-wrap: wrap
    }
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__tags p {
    margin: 0;
    margin-right: 5px;
    color: #08122c
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__tags > a {
    color: #bd1521
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__tags > a:hover {
    text-decoration: underline
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__tags > a:not(:last-child) {
    margin-right: 5px
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__tags > a:not(:last-child)::after {
    content: "|";
    margin-left: 5px
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__right-arrow {
    width: 50px;
    height: 50px
}

.person_teaser_large__wrapper .person_teaser_large__content .person_teaser_large__right-arrow svg {
    width: 100%;
    height: 100%
}

.person_teaser__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    max-width: 300px;
    background-color: #edf4f5;
    padding: 6.25px;
    border-radius: 50px;
    text-decoration: none;
    margin-bottom: 12.5px
}

@media(max-width:1024px) {
    .person_teaser__wrapper {
        display: block
    }
}

.person_teaser__wrapper:before {
    display: none
}

.person_teaser__wrapper .image-wrapper {
    width: 20%;
    margin: 0;
    flex: unset
}

@media(max-width:1024px) {
    .person_teaser__wrapper .image-wrapper {
        width: 50%
    }
}

.person_teaser__wrapper .person_teaser__content {
    width: calc(80% - 25px);
    margin-left: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width:1024px) {
    .person_teaser__wrapper .person_teaser__content {
        margin-left: 0px
    }
}

.person_teaser__wrapper .person_teaser__content.person_teaser__content--full-width {
    width: 100%;
    margin-left: 5px
}

.person_teaser__wrapper .person_teaser__content.person_teaser__content--full-width .person_teaser__content-text {
    margin-right: 12.5px;
    padding-left: 5px
}

.person_teaser__wrapper .person_teaser__content.person_teaser__content--full-width .field {
    margin-left: 0 !important
}

.person_teaser__wrapper .person_teaser__content .person_teaser__content-text {
    color: #bd1521;
    font-size: 15px;
    max-width: 80%
}

.person_teaser__wrapper .person_teaser__content .field--name-field-job-title {
    color: #bd1521;
    font-size: 12px;
    font-weight: normal
}

.person_teaser__wrapper .person_teaser__content .person_teaser__right-arrow {
    width: 20%;
    display: flex
}

.person_teaser__wrapper .person_teaser__content .person_teaser__right-arrow svg {
    width: 100%;
    height: 100%
}

.person_teaser__wrapper:hover .person_teaser__content .person_teaser__content-text {
    text-decoration: underline
}

.person_teaser__wrapper:hover .person_teaser__content .person_teaser__right-arrow svg #path1038 {
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite
}

.node-type--person.officer .person_teaser__wrapper .field--name-field-officership {
    font-weight: bold
}

.node-type--person.officer .person_teaser__wrapper .field--name-field-officership > .field--item {
    margin-bottom: 5px;
    display: flex
}

.node-type--person.officer .person_teaser__wrapper .field--name-field-officership > .field--item::before {
    content: "-";
    margin-right: 5px
}

.text-quote-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px
}

@media(max-width:1620px) {
    .text-quote-wrapper {
        width: 100%
    }
}

.text-quote-wrapper > .text-long,
.text-quote-wrapper > .paragraph-text,
.text-long .text-quote-wrapper > p {
    width: 50%
}

@media(max-width:1220px) {

    .text-quote-wrapper > .text-long,
    .text-quote-wrapper > .paragraph-text,
    .text-long .text-quote-wrapper > p {
        width: 100%;
        margin-bottom: 25px
    }
}

.text-quote-wrapper .quote {
    width: calc(50% - 25px);
    margin-left: 25px;
    margin-bottom: 25px
}

@media(max-width:1220px) {
    .text-quote-wrapper .quote {
        width: 100%;
        margin: 0;
        max-width: unset
    }
}

.quote {
    max-width: 600px;
    padding: 25px;
    background-color: #08122c;
    position: relative
}

.quote .text__quote {
    margin-bottom: 25px;
    font-size: 25px;
    color: #fff
}

.quote .text__quote p,
.quote .text__quote .field--name-field-quote-text {
    margin: 0;
    color: #fff;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-style: italic
}

.quote .attribution__quote {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: 75%
}

.quote .attribution__quote .quote__attribution_text {
    width: 100%;
    margin: 0
}

.side-nav {
    width: 100%;
    margin-bottom: 25px
}

.side-nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.side-nav a {
    font-family: "Assistant", "Nunito Sans", georgia, times, "Times New Roman", serif
}

.side-nav > .side-menu > .side-menu__item {
    position: relative;
    background-color: #08122c;
    padding: 6.25px 0
}

.side-nav > .side-menu > .side-menu__item .expand-sub {
    top: 20px;
    right: 12.5px
}

.side-nav > .side-menu > .side-menu__item .expand-sub svg path {
    fill: #fff !important
}

.side-nav > .side-menu > .side-menu__item > a {
    color: #fff;
    font-size: 20px;
    padding-left: 12.5px;
    font-weight: bold
}

.side-nav > .side-menu > .side-menu__item .menu-background-wrapper {
    padding: 0;
    background-color: #fff;
    height: 0;
    overflow: hidden;
    transition: .2 ease-in-out all
}

.side-nav > .side-menu > .side-menu__item .menu-background-wrapper.active {
    height: 100%
}

.side-nav > .side-menu > .side-menu__item .side-menu li {
    padding-left: 12.5px;
    border-bottom: 1px solid #08122c
}

.side-nav > .side-menu > .side-menu__item .side-menu li:not(:last-child) {
    margin-bottom: 5px
}

.side-nav > .side-menu > .side-menu__item .side-menu li a {
    color: #08122c
}

.side-nav > .side-menu > .side-menu__item .side-menu li a:hover {
    text-decoration: underline
}

.status__list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 25px
}

.status {
    display: block;
    margin-bottom: 12.5px;
    padding: 12.5px;
    text-align: center
}

.status--warning {
    color: var(--c-text);
    background-color: var(--c-warning)
}

.status--error {
    color: var(--c-text);
    background-color: var(--c-error)
}

.status--status {
    color: var(--c-text);
    background-color: var(--c-message)
}

.tabs__link,
.tabs__link--local-tasks {
    background-color: var(--c-muted);
    border: 1px solid var(--c-highlight-high);
    border-bottom: none;
    color: var(--c-text);
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 1em 2.4em;
    text-align: center;
    text-decoration: none;
    transition: color .3s
}

@media(min-width:920px) {

    .tabs__link,
    .tabs__link--local-tasks {
        border-bottom: 1px solid var(--c-highlight-high);
        border-left: none;
        display: inline-block;
        font-size: 1rem;
        padding: .6em 1.7em;
        position: relative;
        top: 1px;
        width: auto
    }
}

.tabs__link:hover,
.tabs__link--local-tasks:hover {
    background-color: var(--c-highlight-high);
    color: var(--c-accent)
}

.tabs__link.is-active,
.tabs__link--local-tasks.is-active {
    background-color: var(--c-text);
    border: 1px solid var(--c-text);
    color: var(--c-text-inverse)
}

@media(min-width:920px) {

    .tabs__link.is-active,
    .tabs__link--local-tasks.is-active {
        background-color: var(--c-background);
        border: 1px solid var(--c-highlight-high);
        border-bottom: 1px solid var(--c-highlight-high);
        border-left: none;
        color: var(--c-text)
    }
}

.tabs__nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e5e5e5
}

@media(min-width:920px) {
    .tabs__nav {
        border-left: 1px solid #e5e5e5;
        display: flex
    }
}

.tabs__tab {
    display: none
}

.tabs__tab.is-active {
    display: block
}

.tabs__content {
    padding: 1.5rem
}

.tabs.no-js .tabs__tab.is-active {
    display: block
}

.tabs__nav--local-tasks {
    margin: 1em 0 .5em;
    padding: 0
}

.tabs__link--local-tasks {
    padding: .3em 1.5em
}

.teaser {
    max-width: 300px
}

.teaser a:hover h3,
.teaser a:focus h3 {
    text-decoration: underline
}

.teaser .teaser__wrapper {
    text-decoration: none;
    color: #08122c;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.teaser .teaser__wrapper .text-wrapper {
    width: calc(80% - 12.5px);
    margin-right: 12.5px
}

.teaser .teaser__wrapper .text-wrapper h3 {
    margin: 0;
    margin-bottom: 12.5px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    line-height: 1
}

.teaser .teaser__wrapper .icon-wrapper {
    width: 20%
}

.text-with-image__main-content {
    background-color: #fff;
    padding: 1.5rem
}

.text-with-image__image img {
    display: block;
    width: 100%
}

.text-with-image__snippet-text {
    font-size: 1rem;
    color: #d60b52;
    margin: 0 0 .5rem
}

h2.text-with-image__title-text {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 1.75rem;
    color: #08122c;
    font-width: 700;
    line-height: 1.25;
    margin: 0 0 .5rem
}

.text-with-image__body-text {
    margin-bottom: 1.5rem
}

@media screen and (min-width:1024px) {
    .text-with-image__inner {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto
    }

    .text-with-image__image div,
    .text-with-image__image picture {
        height: 100%
    }

    .text-with-image__image img {
        height: 100%;
        aspect-ratio: 850/600;
        -o-object-fit: cover;
        object-fit: cover
    }

    .text-with-image__main-content {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    h2.text-with-image__title-text {
        font-size: 2.25rem
    }
}

@media screen and (min-width:1220px) {
    .text-with-image__main-content {
        padding: 2.5rem
    }
}

@media screen and (min-width:1500px) {
    .text-with-image__main-content {
        padding-block: 3.75rem
    }
}

.timeline {
    padding: 25px 0;
    background-color: #edf4f5;
    position: relative
}

.timeline .scroll-link {
    position: absolute;
    right: 10vw;
    top: 0;
    padding: 10px 15px;
    padding-left: 50px;
    background-color: #bd1521;
    color: #fff;
    border-radius: 50px;
    transform: translateY(-50%)
}

.timeline .scroll-link:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/white-arrow.svg);
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat
}

.timeline .scroll-link p {
    margin: 0
}

.timeline .timeline {
    background-color: unset;
    padding: 0px;
    overflow: unset;
    width: auto;
    position: unset
}

.timeline .timeline--content {
    background-color: #fff;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto
}

.timeline .timeline--content .timeline--intial-item {
    width: 40%;
    flex: 0 0 auto;
    margin-right: 25px
}

@media(max-width:1024px) {
    .timeline .timeline--content .timeline--intial-item {
        width: 70%
    }
}

@media(max-width:480px) {
    .timeline .timeline--content .timeline--intial-item {
        width: 95%
    }
}

.timeline .timeline--content .timeline--intial-item .timeline--intial-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    white-space: normal
}

.timeline .timeline--content .timeline--intial-item .timeline--content-image {
    width: calc(41.6666666667% - 25px);
    margin-right: 25px
}

.timeline .timeline--content .timeline--intial-item .timeline--content-image img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover
}

.timeline .timeline--content .timeline--intial-item .timeline--content-text {
    width: calc(58.3333333333% - 0px);
    padding: 10px 0
}

.timeline .timeline--content .timeline--intial-item .timeline--content-text .subtitle {
    margin: 0;
    color: #bd1521
}

.timeline .timeline--content .timeline--intial-item .timeline--content-text h1 {
    margin: 12.5px 0
}

.timeline .timeline--content .timeline--intial-item .timeline--content-text .more-link {
    color: #bd1521
}

.timeline .timeline--content .timeline--intial-item .timeline--content-text .more-link a {
    text-decoration: none;
    color: #bd1521;
    display: flex;
    margin: 12.5px 0
}

.timeline .timeline--content .timeline--intial-item .timeline--content-text .more-link a p {
    margin: 0
}

.timeline .timeline--content .timeline--intial-item .timeline--content-text .more-link a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px
}

.timeline .timeline--content .timeline--intial-item .field--name-field-subtitle {
    color: #bd1521
}

.timeline .timeline--content > .text,
.timeline .timeline--content > .quote_timeline {
    width: calc(25% - 0px);
    margin-right: 25px;
    flex: 0 0 auto
}

@media(max-width:1024px) {

    .timeline .timeline--content > .text,
    .timeline .timeline--content > .quote_timeline {
        width: 40%
    }
}

@media(max-width:480px) {

    .timeline .timeline--content > .text,
    .timeline .timeline--content > .quote_timeline {
        width: 70%
    }
}

.timeline .timeline--content > .text h2,
.timeline .timeline--content > .quote_timeline h2 {
    margin: 10px 0
}

.timeline .timeline--content > .text .quote_timeline,
.timeline .timeline--content > .text .text,
.timeline .timeline--content > .quote_timeline .quote_timeline,
.timeline .timeline--content > .quote_timeline .text {
    width: 100%;
    margin: 0;
    border: none
}

.timeline .timeline--content > .text .text,
.timeline .timeline--content > .quote_timeline .text {
    width: 100%;
    flex: unset
}

.timeline .timeline--content > .text .text.text--red,
.timeline .timeline--content > .quote_timeline .text.text--red {
    color: #bd1521
}

.timeline .timeline--content > .text .attributor,
.timeline .timeline--content > .quote_timeline .attributor {
    color: #bd1521
}

.timeline .timeline--content > .text.text--blue {
    padding: 12.5px;
    background-color: #f7f9f9;
    margin-right: 0
}

.timeline .timeline--content > .text.text--blue .text--blue {
    color: #08122c
}

.timeline .timeline--content > .text.text--red {
    padding: 12.5px;
    background-color: #bd1521;
    margin-right: 0
}

.timeline .timeline--content > .text.text--red .text {
    color: #fff
}

.timeline .timeline--content > .text.text--red h2 {
    color: #fff
}

.timeline .timeline--content > .quote_timeline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 12.5px;
    position: relative;
    position: relative
}

.timeline .timeline--content > .quote_timeline:after {
    content: "";
    height: calc(100% - 50px);
    bottom: 0;
    color: #08122c;
    left: -10px;
    position: absolute;
    background-color: #08122c;
    width: 1px
}

.timeline .timeline--content > .quote_timeline .text {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    padding-right: 50px;
    font-size: 20px
}

.timeline .timeline--content > .quote_timeline.quote_timeline--red:after {
    background-color: #bd1521
}

.timeline .timeline--content > .quote_timeline.quote_timeline--red .text {
    width: 100%;
    color: #bd1521
}

.timeline .timeline--content > .quote_timeline.quote_timeline--blue {
    border: none;
    background-color: #f7f9f9;
    margin: 0;
    padding-top: 50px;
    padding-bottom: 12.5px;
    position: relative
}

.timeline .timeline--content > .quote_timeline.quote_timeline--blue:after {
    background-color: #08122c
}

.timeline .timeline--content > .quote_timeline.quote_timeline--blue .text {
    width: 100%;
    color: #08122c
}

.timeline .timeline--content > .quote_timeline.quote_timeline--blue .attributor {
    color: #08122c
}

.paragraph--type--timeline {
    margin: 0 -5vw
}

.undergrad_banner {
    position: relative
}

.undergrad_banner .image-wrapper {
    width: 100%;
    height: auto
}

.undergrad_banner .image-wrapper img {
    width: 100%
}

.undergrad_banner .content {
    width: calc(55% - 25px);
    margin: 25px;
    color: #fff;
    background-color: #08122c;
    position: absolute;
    bottom: 0;
    right: 0
}

@media(max-width:1024px) {
    .undergrad_banner .content {
        margin: 0px;
        position: initial;
        width: 100%;
        height: 100%
    }
}

.undergrad_banner .content .content-wrapper {
    width: 100%;
    height: 100%;
    padding: 10px 30px;
    flex-direction: column
}

.undergrad_banner .content .content-wrapper > div {
    width: 100%
}

.undergrad_banner .content .content-wrapper .group {
    justify-self: flex-end
}

.undergrad_banner .content .content-wrapper .content-title {
    font-weight: bold;
    margin-bottom: 50px
}

.undergrad_banner .content .content-wrapper .content-title h2 {
    color: #fff;
    margin: 0
}

.undergrad_banner .content .content-wrapper .content-text {
    display: flex;
    justify-content: space-between;
    margin-top: -20px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    justify-content: flex-end;
    flex-direction: column
}

.undergrad_banner .content .content-wrapper .content-text p {
    color: #fff
}

.undergrad_banner .content .content-wrapper .content-text a {
    color: #ff005b;
    text-decoration: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
}

.undergrad_banner .content .content-wrapper .content-text a:hover {
    text-decoration: underline
}

.undergrad_banner .content .content-wrapper .content-text .watch {
    border-radius: 50px;
    display: flex;
    padding: 10px;
    background-color: #fff;
    align-items: center
}

.undergrad_banner .content .content-wrapper .content-text .watch p {
    color: #ff005b;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin: 0;
    margin-left: 20px;
    margin-right: 10px;
    width: calc(100% - 20px - 20px)
}

.undergrad_banner .content .content-wrapper .content-text .watch svg {
    width: 20px
}

.undergrad_banner .content .content-wrapper .info-title {
    font-size: 12px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.video-two-col {
    padding: 25px;
    background-color: #edf4f5
}

.video-two-col .video__wrapper {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

@media(max-width:720px) {
    .video-two-col .video__wrapper {
        padding: 12.5px
    }
}

.video-two-col .video__wrapper .video__text-wrapper {
    display: flex;
    flex-direction: column;
    width: 25%;
    margin-right: 25px
}

@media(max-width:920px) {
    .video-two-col .video__wrapper .video__text-wrapper {
        width: 100%
    }
}

.video-two-col .video__wrapper .video__text-wrapper h2 {
    margin: 0
}

.video-two-col .video__wrapper .video__text-wrapper .video__text {
    width: 100%;
    justify-content: flex-start
}

.video-two-col .video__wrapper .video__video {
    flex: 1
}

.paragraph--type--video {
    width: 100%;
    background-color: #e7f1f2;
    margin: 100px -5vw;
    width: 110vw;
    padding: 0 5vw
}

.video__wrapper {
    width: 100%;
    height: 100%;
    padding: 25px;
    padding-top: 50px;
    padding-bottom: 0;
    position: relative;
    overflow: visible
}

@media(max-width:720px) {
    .video__wrapper {
        padding: 12.5px
    }
}

.video__wrapper .video__text-wrapper {
    display: flex;
    align-items: center;
    margin: auto;
    margin-bottom: 50px;
    margin-top: 12.5px;
    justify-content: space-between;
    width: 100%;
    gap: 35px;
    width: 75%
}

@media(max-width:720px) {
    .video__wrapper .video__text-wrapper {
        width: 100%;
        flex-wrap: wrap;
        margin-bottom: 25px;
        gap: 25px
    }

    .video__wrapper .video__text-wrapper .video__title,
    .video__wrapper .video__text-wrapper .video__text {
        width: 100%
    }
}

.video__wrapper .video__text-wrapper .video__title {
    width: 100%
}

@media(max-width:720px) {
    .video__wrapper .video__text-wrapper .video__title {
        margin: 12.5px 0
    }
}

.video__wrapper .video__text-wrapper .video__title h2 {
    font-size: 32px
}

.video__wrapper .video__text-wrapper .video__text {
    width: 50%;
    display: flex;
    justify-content: flex-end
}

@media(max-width:480px) {
    .video__wrapper .video__text-wrapper .video__text {
        width: 100%
    }
}

.video__wrapper .video__text-wrapper .video__text p {
    margin: 0
}

.video__wrapper .video__video {
    width: 100%;
    margin: auto;
    position: relative
}

@media(min-width:920px) {
    .video__wrapper .video__video {
        width: 50%
    }
}

.video__wrapper .video__video .field--name-field-remote-video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.video__wrapper .video__video iframe {
    height: 100%
}

.video__wrapper .video__video .contextual-region {
    width: 100%;
    height: 100%
}

.video__wrapper .video__video .field--name-field-media-oembed-video {
    height: 100%
}

.video__wrapper .video__video .overlay-icon {
    width: 10%;
    height: 10%;
    z-index: 99;
    position: absolute;
    top: 45%;
    left: 45%;
    pointer-events: all
}

.video__wrapper .video__video .overlay-icon.video-active {
    display: none
}

.video__wrapper .video__video .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .4)
}

.video__wrapper .video__video .overlay:hover {
    cursor: pointer
}

.video__wrapper .video__video .overlay.video-active {
    display: none
}

.video__wrapper .video__video .overlay .paragraph-image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-image: contain;
    background-repeat: no-repeat
}

.video__wrapper .video__video .overlay-none {
    background: none !important
}

.waypoint-list {
    top: 0
}

@media(max-width:920px) {
    .waypoint-list {
        display: none
    }
}

.waypoint-list ul {
    list-style: none;
    padding: 12.5px 0;
    padding-left: 25px;
    margin: 0
}

.waypoint-list ul li {
    margin-bottom: 12.5px;
    position: relative
}

.waypoint-list ul li button {
    text-decoration: none;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0);
    border: none;
    cursor: pointer;
    text-align: left
}

.waypoint-list ul li button:hover {
    text-decoration: underline
}

.waypoint-list ul li:before {
    content: "";
    border-radius: 100%;
    border: 1px solid #d60b52;
    background-color: rgba(0, 0, 0, 0);
    top: 50%;
    left: -25px;
    width: 16px;
    height: 16px;
    position: absolute;
    transform: translateY(-50%) translateX(-9px)
}

.waypoint-list ul li.waypoint-list--active:before {
    background-color: #d60b52;
    transition: .5 ease all
}

.waypoint-list .waypoint-list--horizontal {
    display: flex;
    width: 100%;
    border-top: 2px dashed #d60b52;
    border-left: none;
    justify-content: space-evenly;
    padding-left: 0
}

.waypoint-list .waypoint-list--horizontal li:before {
    top: -12.5px;
    left: 50%;
    width: 16px;
    height: 16px;
    position: absolute;
    transform: translateY(-50%) translateX(-50%)
}

.waypoint-list .waypoint-list--horizontal li button {
    text-align: center
}

.grid__item {
    flex: 1 1 100%;
    margin-bottom: 50px
}

@media(min-width:920px) {
    .grid__item {
        margin: 0 50px 0 0;
        flex-basis: 30%
    }
}

.grid__item:last-child {
    margin-right: 0
}

.grid__item--example {
    background-color: var(--c-highlight-high);
    padding: 100px
}

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

.grid--card {
    margin-bottom: 50px
}

.footer-stats {
    background: rgba(0, 0, 0, 0);
    height: 50px;
    margin-left: 5vw;
    padding-right: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative
}

@media(max-width:920px) {
    .footer-stats {
        border: none;
        height: auto;
        margin-left: 25px;
        padding: 0
    }

    .footer-stats .stat {
        flex: 1 0 auto;
        font-size: 16px
    }
}

.footer {
    background-color: #08122c;
    padding: 25px 0;
    padding-left: 5vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    position: relative
}

@media(max-width:720px) {
    .footer {
        padding: 25px
    }
}

.footer__inner {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

@media(max-width:720px) {
    .footer__inner {
        width: 100%;
        padding: 0
    }
}

.footer nav ul {
    padding-left: 0
}

.footer > .footer__branding {
    width: 25%;
    position: relative
}

@media(max-width:720px) {
    .footer > .footer__branding {
        width: 100%;
        margin-top: 25px
    }
}

.footer > .footer__branding .footer__branding--logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 50px 0;
    padding-right: 12.5px;
    position: relative
}

.footer > .footer__branding .footer__branding--logo-wrapper img {
    width: 50%;
    height: auto
}

@media(max-width:720px) {
    .footer > .footer__branding .footer__branding--logo-wrapper img {
        width: 40%
    }
}

.footer__social {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 2px solid #fff;
    gap: 12.5px 25px;
    padding: 25px 0;
    width: 100%
}

.footer__social .social {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    text-decoration: none
}

.footer__social .social .icon {
    display: flex
}

.footer__social .social svg {
    margin-right: 12.5px
}

.footer__social .social svg path {
    fill: #fff !important
}

.footer__middle-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 2px solid #fff;
    padding: 25px 0;
    width: 100%
}

.footer__middle-section .footer__menu {
    width: calc(25% - 25px);
    margin-right: 25px
}

@media(max-width:720px) {
    .footer__middle-section .footer__menu {
        width: 100%;
        margin: 0
    }
}

.footer__middle-section .footer__menu .menu {
    padding: 0;
    margin: 0
}

.footer__middle-section .footer__menu h3 {
    width: 100%;
    margin: 12.5px 0;
    margin-top: 0;
    color: #fff;
    font-size: 16px
}

.footer__middle-section .footer__menu h3 a {
    color: #fff;
    text-decoration: none
}

.footer__middle-section .footer__menu h3 a:hover {
    text-decoration: underline
}

.footer__middle-section .footer__menu a {
    color: #fff;
    text-decoration: none;
    width: 100%;
    margin-bottom: 5px;
    display: block;
    font-size: 16px
}

.footer__middle-section .footer__menu a:hover {
    text-decoration: underline
}

.footer__middle-section .footer__address-block .footer__address-block--address p {
    margin: 0;
    font-size: 16px;
    color: #fff
}

.footer__middle-section .footer__address-block .footer__address-block--address p a {
    display: inline;
    color: #fff;
    text-decoration: none
}

.footer__bottom-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 25px
}

.footer__bottom-section p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    margin-right: 25px
}

.footer__bottom-section p:not(:last-child)::after {
    content: "|";
    margin-left: 25px
}

.footer__bottom-section a {
    font-size: 16px;
    color: #fff
}

.navbar-main-primary-nav ul ul {
    -webkit-clip-path: rect(1px, 1px, 1px, 1px);
    clip-path: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

@media screen and (min-width:1220px) {
    .navbar-main-home-link {
        font-size: 0
    }

    .navbar-main-home-link a {
        display: inline-block;
        padding: .875rem .75rem
    }

    .navbar-main-home-link a svg {
        stroke: #08122c;
        transition: stroke .3s ease-in-out
    }

    .navbar-main-home-link a:hover svg,
    .navbar-main-home-link a:focus svg {
        stroke: #d60b52;
        transition: stroke .15s ease-in-out
    }

    .navbar-main-primary-nav ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .navbar-main-primary-nav > ul {
        align-items: flex-end;
        display: flex;
        gap: .75rem;
        margin: 0;
        padding: 0
    }

    .navbar-main-primary-nav > ul li {
        font-size: 0;
        list-style-image: none;
        list-style-type: none;
        margin: 0;
        padding: 0
    }

    .navbar-main-primary-nav > ul li::marker {
        content: none;
        display: none
    }

    .navbar-main-primary-nav > ul li a,
    .navbar-main-primary-nav > ul li span {
        font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-size: 1rem;
        color: #08122c;
        font-weight: 500;
        line-height: 1.25
    }

    .navbar-main-primary-nav > ul li a {
        cursor: pointer;
        transition: color .3s ease-in-out
    }

    .navbar-main-primary-nav > ul li a:hover,
    .navbar-main-primary-nav > ul li a:focus {
        color: #d60b52;
        transition: color .15s ease-in-out
    }

    .navbar-main-primary-nav > ul > li > a,
    .navbar-main-primary-nav > ul > li > span {
        align-items: center;
        box-sizing: border-box;
        display: inline-flex;
        padding: .875rem .75rem;
        position: relative
    }

    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--expanded > a,
    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--expanded > span {
        padding-right: calc(.75rem + 8px + .5rem);
        cursor: pointer
    }

    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--expanded > a::after,
    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--expanded > span::after {
        background-image: url("/themes/custom/olamalu_oxford_law_main/images/plus--pink.svg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 8px 8px;
        content: "";
        display: block;
        height: 8px;
        position: absolute;
        right: .75rem;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        cursor: pointer
    }

    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--expanded > span {
        transition: color .3s ease-in-out
    }

    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--expanded > span:hover,
    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--expanded > span:focus {
        color: #d60b52;
        transition: color .15s ease-in-out
    }

    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--open > a,
    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--open > span {
        background-color: #ebf2f3;
        box-shadow: inset 0px 2px 0px 0px #d60b52
    }

    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--open > a::after,
    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--open > span::after {
        background-image: url("/themes/custom/olamalu_oxford_law_main/images/minus--blue.svg")
    }

    .navbar-main--initialised .navbar-main-primary-nav > ul > li.menu-item--open .submenu-column {
        display: block
    }

    .navbar-main--initialised .navbar-main-primary-nav ul ul {
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        overflow: visible;
        position: static;
        width: auto
    }

    .navbar-main--initialised .submenu-column {
        background-color: #ebf2f3;
        box-sizing: border-box;
        display: none;
        left: 0;
        max-height: calc(100vh - var(--header-navbar-height--desktop));
        overflow-y: auto;
        padding: 1.5rem;
        position: absolute;
        top: 100%;
        width: 100%;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .3)
    }

    .navbar-main--initialised .submenu-column-inner {
        box-sizing: border-box;
        margin-inline: auto;
        max-width: 1160px;
        min-height: 6.3125rem;
        position: relative
    }

    .navbar-main--initialised .submenu-column-inner > ul {
        display: block;
        -moz-column-count: 4;
        column-count: 4;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
        margin-bottom: -0.75rem
    }

    .navbar-main--initialised .submenu-column-inner > ul li > a,
    .navbar-main--initialised .submenu-column-inner > ul li > span {
        box-sizing: border-box;
        color: #d60b52;
        display: inline-block;
        font-family: "Assistant", "Nunito Sans", georgia, times, "Times New Roman", serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1rem;
        margin-bottom: .75rem;
        padding: 0 0 .125rem;
        position: relative;
        width: 100%
    }

    .navbar-main--initialised .submenu-column-inner > ul li > a:focus::after,
    .navbar-main--initialised .submenu-column-inner > ul li > a:hover::after,
    .navbar-main--initialised .submenu-column-inner > ul li > a:active::after {
        transition: width .2s ease-in-out;
        width: 100%
    }

    .navbar-main--initialised .submenu-column-inner > ul li > a::after {
        background-color: #d60b52;
        bottom: 0;
        content: "";
        display: block;
        height: 1px;
        left: 0;
        position: absolute;
        transition: width .4s ease-in-out;
        width: 0
    }

    .navbar-main--initialised .submenu-column-inner > ul > li.menu-item--expanded > a,
    .navbar-main--initialised .submenu-column-inner > ul > li.menu-item--expanded > span {
        font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        color: #08122c;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.25rem
    }

    .navbar-main--initialised .submenu-column-inner > ul:has(>li.menu-item--expanded) {
        display: grid;
        gap: .75rem 2rem;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        margin-bottom: -0.5rem
    }

    .navbar-main--initialised .submenu-column-inner > ul:has(>li.menu-item--expanded) li > a,
    .navbar-main--initialised .submenu-column-inner > ul:has(>li.menu-item--expanded) li > span {
        margin-bottom: .5rem
    }

    .navbar-main--initialised .submenu-column-inner > ul:has(>li.menu-item--expanded) > li.menu-item > a,
    .navbar-main--initialised .submenu-column-inner > ul:has(>li.menu-item--expanded) > li.menu-item > span {
        margin-bottom: 0
    }

    .navbar-main--initialised .submenu-column-inner > ul:has(>li.menu-item--expanded) > li.menu-item--expanded > a,
    .navbar-main--initialised .submenu-column-inner > ul:has(>li.menu-item--expanded) > li.menu-item--expanded > span {
        margin-bottom: .5rem
    }

    .navbar-main--initialised .submenu-column-inner ul ul ul {
        display: none
    }

    .navbar-main--initialised .submenu-column__header {
        display: flex;
        justify-content: space-between;
        gap: .75rem;
        margin-bottom: 1rem
    }

    .navbar-main--initialised .submenu-column__header-title a {
        display: inline-flex;
        align-items: center;
        gap: 1rem;
        font-size: 1.25rem
    }

    .navbar-main--initialised .submenu-column__header-title a svg {
        width: 16px;
        height: 16px;
        stroke: #08122c;
        transition: stroke .3s ease-in-out
    }

    .navbar-main--initialised .submenu-column__header-title a:hover svg,
    .navbar-main--initialised .submenu-column__header-title a:focus svg {
        stroke: #d60b52;
        transition: stroke .15s ease-in-out
    }

    .navbar-main--initialised .submenu-close-button {
        flex-shrink: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: rgba(0, 0, 0, 0);
        border-width: 0;
        cursor: pointer;
        padding: 0
    }

    .navbar-main--initialised .submenu-close-button:focus svg,
    .navbar-main--initialised .submenu-close-button:hover svg,
    .navbar-main--initialised .submenu-close-button:active svg {
        stroke: #d60b52;
        transition: stroke .15s ease-in-out
    }

    .navbar-main--initialised .submenu-close-button svg {
        stroke: #08122c;
        width: 24px;
        height: 24px;
        transition: stroke .3s ease-in-out
    }

    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner > ul {
        display: block;
        -moz-column-count: 4;
        column-count: 4;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }

    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner > ul > li > a,
    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner > ul > li > span,
    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner > ul > li.menu-item > a,
    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner > ul > li.menu-item > span,
    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner > ul > li.menu-item--expanded > a,
    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner > ul > li.menu-item--expanded > span {
        color: #d60b52;
        font-family: "Assistant", "Nunito Sans", georgia, times, "Times New Roman", serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1rem;
        margin-bottom: .75rem
    }

    header.navbar-main--childsite.navbar-main--initialised .submenu-column-inner ul ul {
        display: none
    }

    header.navbar-main--childsite.navbar-main--initialised .submenu-column__header-title a {
        display: none
    }
}

.responsive-menu-toggle-link {
    align-items: center;
    display: inline-block;
    display: inline-flex;
    font-size: 0;
    padding-bottom: .875rem;
    padding-top: .875rem
}

.responsive-menu-toggle-link:focus .responsive-menu-toggle-icon-wrapper::before,
.responsive-menu-toggle-link:focus .responsive-menu-toggle-icon-wrapper::after,
.responsive-menu-toggle-link:focus .responsive-menu-toggle-icon-wrapper span.icon,
.responsive-menu-toggle-link:active .responsive-menu-toggle-icon-wrapper::before,
.responsive-menu-toggle-link:active .responsive-menu-toggle-icon-wrapper::after,
.responsive-menu-toggle-link:active .responsive-menu-toggle-icon-wrapper span.icon {
    background-color: #d60b52;
    transition: background-color .2s ease-in-out
}

.responsive-menu-toggle-link .responsive-menu-toggle-icon-wrapper {
    height: 18px;
    position: relative;
    width: 22px
}

.responsive-menu-toggle-link .responsive-menu-toggle-icon-wrapper::before,
.responsive-menu-toggle-link .responsive-menu-toggle-icon-wrapper::after,
.responsive-menu-toggle-link .responsive-menu-toggle-icon-wrapper span.icon {
    background-color: #08122c;
    border-radius: 4px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color .4s ease-in-out;
    width: 22px
}

.responsive-menu-toggle-link .responsive-menu-toggle-icon-wrapper::before {
    top: 0
}

.responsive-menu-toggle-link .responsive-menu-toggle-icon-wrapper::after {
    top: 16px
}

.responsive-menu-toggle-link .responsive-menu-toggle-icon-wrapper span.icon {
    top: 8px
}

header.navbar-main {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .3);
    z-index: 100
}

body.toolbar-fixed header.navbar-main,
body.toolbar-vertical header.navbar-main {
    position: relative
}

header.navbar-main.prevent-transitions * {
    transition: none !important
}

.navbar-main-divider-bar img {
    display: block;
    width: 100%;
    height: 4px
}

.navbar-main-top-bar {
    background-color: #08122c
}

.navbar-main-top-bar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
    max-width: 2000px;
    padding: .1875rem 5vw;
    margin-inline: auto
}

.navbar-main-top-bar__childsite-title {
    font-size: 0
}

.navbar-main-top-bar__childsite-title a {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1rem;
    transition: color .3s ease-in-out
}

.navbar-main-top-bar__childsite-title a:focus {
    color: #f54784;
    transition: color .15s ease-in-out
}

.navbar-main-top-bar__home-link {
    font-size: 0
}

.navbar-main-top-bar__home-link a:focus svg {
    stroke: #f54784;
    transition: stroke .15s ease-in-out
}

.navbar-main-top-bar__home-link a span {
    display: none
}

.navbar-main-top-bar__home-link a svg {
    width: 20px;
    height: 20px;
    stroke: #fff;
    transition: stroke .3s ease-in-out
}

.navbar-main-primary-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
    max-width: 2000px;
    padding-inline: 5vw;
    margin-inline: auto
}

.navbar-main-primary__branding {
    flex-shrink: 0;
    font-size: 0;
    padding-block: .5rem
}

.navbar-main-primary__branding a {
    display: inline-block
}

.navbar-main-primary__branding img {
    display: block;
    width: auto;
    height: 65px
}

.navbar-main-home-link,
.navbar-main-primary-nav,
.navbar-main-search-button {
    display: none
}

@media screen and (min-width:1220px) {
    .navbar-main-top-bar__home-link a {
        display: flex;
        align-items: center;
        gap: .5rem;
        font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        color: #fff;
        font-size: .875rem;
        font-weight: 500;
        line-height: 1rem;
        transition: color .3s ease-in-out
    }

    .navbar-main-top-bar__home-link a:focus {
        color: #f54784;
        transition: color .15s ease-in-out
    }

    .navbar-main-top-bar__home-link a span {
        display: inline-block
    }

    .navbar-main-top-bar__home-link a svg {
        flex-shrink: 0
    }

    .navbar-main-primary {
        position: relative
    }

    .navbar-main-primary-inner {
        align-items: stretch
    }

    .navbar-main-primary__branding img {
        height: 70px
    }

    .navbar-main-primary__right {
        align-items: flex-end;
        display: flex;
        gap: .5rem
    }

    .navbar-main-home-link,
    .navbar-main-primary-nav,
    .navbar-main-search-button {
        display: block
    }

    .navbar-main-search-button {
        padding-left: .75rem;
        padding-bottom: .25rem
    }

    .navbar-main-mobile-burger {
        display: none
    }
}

@media screen and (hover) {
    .navbar-main-top-bar__childsite-title a:hover {
        color: #f54784;
        transition: color .15s ease-in-out
    }

    .navbar-main-top-bar__home-link a:hover {
        color: #f54784;
        transition: color .15s ease-in-out
    }

    .navbar-main-top-bar__home-link a:hover svg {
        stroke: #f54784;
        transition: stroke .15s ease-in-out
    }
}

body {
    overflow-x: hidden;
    max-width: 2000px;
    margin: 0 auto
}

.main {
    padding: 0;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 25px 5vw;
    background-color: #edf4f5
}

.main .main-content-menu {
    width: 5vw
}

.main .main-content-menu > div {
    height: 100%
}

.main .main-content-menu > div > nav {
    height: 100%
}

.main .main-content {
    width: 100%;
    background-color: #fff
}

@media(max-width:920px) {
    .main .main-content {
        width: 99%;
        padding: 0;
        margin: 0 auto
    }
}

.two-col-layout {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%
}

.two-col-layout .two-col-layout--banner {
    position: relative;
    width: 100%
}

.two-col-layout--right {
    width: calc(25% - 0px);
    display: block
}

@media(max-width:920px) {
    .two-col-layout--right {
        width: calc(100% - 25px);
        margin: 0 auto
    }
}

.two-col-layout--left {
    width: calc(75% - 25px);
    padding: 0 5vw;
    margin-right: 25px;
    padding-top: 75px
}

@media(max-width:920px) {
    .two-col-layout--left {
        width: calc(100% - 25px);
        margin: 0 auto
    }
}

.two-col-layout .place-holder {
    width: 100%
}

.main--with-sidebar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    position: relative
}

.main--with-sidebar .main-sidebar {
    width: 5vw;
    z-index: 10
}

@media(max-width:920px) {
    .main--with-sidebar .main-sidebar {
        position: absolute;
        width: 50px;
        height: 50px;
        left: calc(100% - 75px);
        top: 25px
    }
}

.main--with-sidebar .main-sidebar > div {
    height: 100%
}

.main--with-sidebar .main-sidebar > div > nav {
    height: 100%
}

.place-holder {
    color: #888;
    border: 4px dashed #888;
    padding: 50px
}

.place-holder__content {
    font-size: 3.2rem;
    line-height: 1.4;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

:root {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

@media(prefers-color-scheme:dark) {
    :root {
        --c-text: #666;
        --c-text-inverse: white;
        --c-background: white;
        --c-background-section: #e5e5e5;
        --c-primary: #005de0;
        --c-secondary: #610c63;
        --c-accent: #4c4c4c;
        --c-accent-high: black;
        --c-highlight: #ccc;
        --c-highlight-high: #e5e5e5;
        --c-muted: #f2f2f2;
        --c-warning: #f9fb93;
        --c-error: #fbe3e4;
        --c-message: #cfefc2
    }
}

:root [data-theme=default] {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

:root [data-theme=dark] {
    --c-text: #666;
    --c-text-inverse: white;
    --c-background: white;
    --c-background-section: #e5e5e5;
    --c-primary: #005de0;
    --c-secondary: #610c63;
    --c-accent: #4c4c4c;
    --c-accent-high: black;
    --c-highlight: #ccc;
    --c-highlight-high: #e5e5e5;
    --c-muted: #f2f2f2;
    --c-warning: #f9fb93;
    --c-error: #fbe3e4;
    --c-message: #cfefc2
}

.image-style-thumbnail {
    max-width: unset
}

body {
    font-family: "Assistant", "Nunito Sans", georgia, times, "Times New Roman", serif;
    line-height: 1.4;
    font-size: 18px;
    color: #08122c;
    font-weight: normal
}

body.lock-scroll {
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    display: block
}

body.cke_editable a {
    color: #bd1521 !important;
    text-decoration: underline !important
}

body.cke_editable a:hover {
    color: #08122c
}

iframe {
    max-width: 60%;
    aspect-ratio: 16/9
}

.search-block-form form {
    position: relative;
    z-index: 0;
    margin-bottom: 12.5px;
    display: flex
}

.search-block-form form .search__item,
.search-block-form form .form-item {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    max-width: unset
}

.search-block-form form .search__item:after,
.search-block-form form .form-item:after {
    content: "";
    border: none;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right-search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute
}

.search-block-form form .search__item input,
.search-block-form form .form-item input {
    width: 100%;
    padding: 10px;
    border-radius: 50px;
    border: 2px solid #d60b52;
    color: #bd1521 !important;
    padding-left: 40px
}

.search-block-form form .search__item input::-moz-placeholder,
.search-block-form form .form-item input::-moz-placeholder {
    opacity: 1;
    color: #d60b52;
    font-weight: bold
}

.search-block-form form .search__item input:-ms-input-placeholder,
.search-block-form form .form-item input:-ms-input-placeholder {
    opacity: 1;
    color: #d60b52;
    font-weight: bold
}

.search-block-form form .search__item input::placeholder,
.search-block-form form .form-item input::placeholder {
    opacity: 1;
    color: #d60b52;
    font-weight: bold
}

.search-block-form form .form-actions {
    position: absolute;
    right: 0;
    height: 100%;
    width: 75px;
    top: 0
}

.search-block-form form .form-actions .submit-wrapper {
    height: 100%
}

.search-block-form form .form-actions .submit-wrapper .icon {
    display: none
}

.search-block-form form .form-actions input {
    height: 100%;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 0;
    border-radius: 0px 50px 50px 0px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/search.svg);
    background-repeat: no-repeat;
    background-size: 40%;
    color: rgba(0, 0, 0, 0);
    background-position: center
}

#block-searchform-2,
#block-searchform-2--2,
#block-searchapipagesearchblockform,
#block-searchapipagesearchblockform--2 {
    display: flex;
    justify-content: flex-end;
    width: 50px;
    transition: 1s ease all;
    background-color: #d60b52;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: absolute;
    right: 0;
    height: 40px;
    top: -6.25px
}

@media(max-width:920px) {

    #block-searchform-2,
    #block-searchform-2--2,
    #block-searchapipagesearchblockform,
    #block-searchapipagesearchblockform--2 {
        display: none
    }
}

#block-searchform-2.open,
#block-searchform-2--2.open,
#block-searchapipagesearchblockform.open,
#block-searchapipagesearchblockform--2.open {
    width: 250px
}

#block-searchform-2 form,
#block-searchform-2--2 form,
#block-searchapipagesearchblockform form,
#block-searchapipagesearchblockform--2 form {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    justify-content: flex-end;
    height: 100%;
    transition: 1s ease all;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

#block-searchform-2 form .form-item,
#block-searchform-2--2 form .form-item,
#block-searchapipagesearchblockform form .form-item,
#block-searchapipagesearchblockform--2 form .form-item {
    width: 0%;
    overflow: hidden;
    transition: .5s opacity;
    opacity: 0;
    background: #fff;
    margin: 0
}

#block-searchform-2 form .form-item:after,
#block-searchform-2--2 form .form-item:after,
#block-searchapipagesearchblockform form .form-item:after,
#block-searchapipagesearchblockform--2 form .form-item:after {
    display: none
}

#block-searchform-2 form .js-form-type-search,
#block-searchform-2--2 form .js-form-type-search,
#block-searchapipagesearchblockform form .js-form-type-search,
#block-searchapipagesearchblockform--2 form .js-form-type-search {
    display: none
}

#block-searchform-2 form > .form-item,
#block-searchform-2--2 form > .form-item,
#block-searchapipagesearchblockform form > .form-item,
#block-searchapipagesearchblockform--2 form > .form-item {
    position: relative
}

#block-searchform-2 form > .form-item .form-search,
#block-searchform-2--2 form > .form-item .form-search,
#block-searchapipagesearchblockform form > .form-item .form-search,
#block-searchapipagesearchblockform--2 form > .form-item .form-search {
    padding: 0 5px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    height: 100%;
    background: #d60b52;
    color: #08122c;
    width: 100%;
    border: none;
    color: #fff !important
}

#block-searchform-2 form > .form-item .form-search::-moz-placeholder,
#block-searchform-2--2 form > .form-item .form-search::-moz-placeholder,
#block-searchapipagesearchblockform form > .form-item .form-search::-moz-placeholder,
#block-searchapipagesearchblockform--2 form > .form-item .form-search::-moz-placeholder {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    color: #fff;
    opacity: .8;
    font-size: 16px
}

#block-searchform-2 form > .form-item .form-search:-ms-input-placeholder,
#block-searchform-2--2 form > .form-item .form-search:-ms-input-placeholder,
#block-searchapipagesearchblockform form > .form-item .form-search:-ms-input-placeholder,
#block-searchapipagesearchblockform--2 form > .form-item .form-search:-ms-input-placeholder {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    color: #fff;
    opacity: .8;
    font-size: 16px
}

#block-searchform-2 form > .form-item .form-search::placeholder,
#block-searchform-2--2 form > .form-item .form-search::placeholder,
#block-searchapipagesearchblockform form > .form-item .form-search::placeholder,
#block-searchapipagesearchblockform--2 form > .form-item .form-search::placeholder {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    color: #fff;
    opacity: .8;
    font-size: 16px
}

#block-searchform-2 form > .form-actions input,
#block-searchform-2--2 form > .form-actions input,
#block-searchapipagesearchblockform form > .form-actions input,
#block-searchapipagesearchblockform--2 form > .form-actions input {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    -webkit-appearance: unset;
    box-shadow: none;
    outline: none;
    padding: 0px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    border: none;
    height: 100%;
    margin: 2px;
    cursor: pointer;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    background-position: 60%;
    transition: all .5s ease;
    background-size: 30px
}

#block-searchform-2 form > .form-actions input:focus,
#block-searchform-2--2 form > .form-actions input:focus,
#block-searchapipagesearchblockform form > .form-actions input:focus,
#block-searchapipagesearchblockform--2 form > .form-actions input:focus {
    outline: 1px #fff dotted
}

#block-searchform-2 form.open,
#block-searchform-2--2 form.open,
#block-searchapipagesearchblockform form.open,
#block-searchapipagesearchblockform--2 form.open {
    width: 100%;
    height: 100%;
    background: #d60b52;
    z-index: 1000
}

#block-searchform-2 form.open .form-item,
#block-searchform-2--2 form.open .form-item,
#block-searchapipagesearchblockform form.open .form-item,
#block-searchapipagesearchblockform--2 form.open .form-item {
    width: 100%;
    display: block;
    opacity: 1;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d60b52;
    background: rgba(214, 11, 82, 0)
}

#block-tabs {
    position: fixed;
    left: 5vw;
    bottom: 25px;
    z-index: 99
}

#block-tabs ul {
    margin: 0
}

#block-tabs ul li a {
    background-color: #003ecc;
    border: 1px solid #003ecc;
    color: #fff;
    transition: .2s ease-in-out
}

#block-tabs ul li a:hover {
    background-color: #0036b1;
    color: #fff
}

.path-admin #block-tabs {
    position: relative;
    margin-left: 25px;
    margin-top: 100px;
    left: unset
}

.path-admin #block-tabs ul {
    border: none;
    margin: 0
}

.path-admin #block-tabs ul li a {
    background-color: #003ecc;
    border: 1px solid #003ecc;
    color: #fff;
    transition: .2s ease-in-out
}

.path-admin #block-tabs ul li a:hover {
    background-color: #0036b1;
    color: #fff
}

@media(max-width:920px) {
    .node-type--landing-page .main-content {
        padding: 0
    }
}

.node-type--landing-page .banner-flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    background-color: #edf4f5;
    padding-bottom: 25px
}

.node-type--landing-page .field--name-field-banner-reference {
    background-color: #edf4f5;
    width: 100%
}

.node-type--landing-page .field--name-field-banner-reference .homepage-view {
    width: 100%
}

.node-type--landing-page .field--name-field-banner-view-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto
}

.node-type--landing-page .field--name-field-banner-view-title__link {
    color: inherit
}

.node-type--landing-page .field--name-field-banner-view-title__link:hover {
    color: inherit
}

.node-type--landing-page .banner-right-side {
    width: 25%;
    background-color: #edf4f5;
    display: flex;
    flex-direction: column
}

@media(max-width:920px) {
    .node-type--landing-page .banner-right-side {
        display: none
    }
}

.node-type--landing-page .page-selector {
    margin-bottom: 25px;
    background: #fff;
    padding: 25px
}

.node-type--landing-page .page-selector h3 {
    margin: 0;
    color: #bd1521;
    margin-bottom: 25px
}

.node-type--landing-page .page-selector ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.node-type--landing-page .page-selector ul:before {
    content: "Choose your view";
    height: 37.5px;
    display: block;
    font-weight: bold
}

.node-type--landing-page .page-selector ul li {
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
    height: auto;
    text-align: left;
    display: flex
}

@media(max-width:1220px) {
    .node-type--landing-page .page-selector ul li {
        padding-left: 25px;
        height: auto
    }
}

.node-type--landing-page .page-selector ul li button {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: #08122c;
    cursor: pointer;
    text-align: left
}

.node-type--landing-page .page-selector ul li button:hover {
    text-decoration: underline
}

.node-type--landing-page .page-selector ul li button:before {
    content: "";
    width: 25px;
    height: 25px;
    background-color: #fff;
    border: 2px solid #08122c;
    border-radius: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: all
}

@media(max-width:1220px) {
    .node-type--landing-page .page-selector ul li button:before {
        width: 12.5px;
        height: 12.5px
    }
}

.node-type--landing-page .page-selector ul li.active button:before {
    background-color: #d60b52;
    border: 2px solid #d60b52
}

.node-type--landing-page .page-selector ul li.active button:after {
    content: "";
    -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    width: 12.5px;
    height: 12.5px;
    background-color: #fff;
    position: absolute;
    left: 6.25px;
    top: 50%;
    transform: translateY(-50%)
}

@media(max-width:1220px) {
    .node-type--landing-page .page-selector ul li.active button:after {
        width: 6.25px;
        height: 6.25px;
        left: 3.125px
    }
}

.node-type--landing-page .referenced-item {
    background: #fff;
    padding: 25px
}

.node-type--landing-page .referenced-item h3 {
    margin: 0
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-image {
    margin-bottom: 12.5px
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-image img {
    width: 100%;
    height: auto
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-subtitle {
    font-size: 18px;
    color: #bd1521;
    font-weight: bold;
    margin-bottom: 12.5px
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-title {
    color: #08122c;
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: bold;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-link {
    font-size: 18px;
    color: #bd1521;
    font-weight: bold
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-link a {
    color: #d60b52;
    text-decoration: none;
    position: relative;
    padding-left: 50px
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-link a:hover,
.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-link a:focus {
    text-decoration: underline
}

.node-type--landing-page .referenced-item .paragraph--type--feature-box .field--name-field-paragraph-link a:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/arrow.svg);
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat
}

.node-type--landing-page .page-banner-wrapper {
    width: calc(75% - 25px);
    background-color: #fff;
    overflow: hidden;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    margin-right: 25px
}

@media(max-width:920px) {
    .node-type--landing-page .page-banner-wrapper {
        width: 100%;
        margin-right: 0px
    }
}

.node-type--landing-page .page-banner-wrapper .field--name-field-banner {
    width: 100%
}

.node-type--landing-page .page-banner-wrapper .banner-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px
}

.node-type--landing-page .page-banner-wrapper .banner-wrapper .title-wrapper {
    flex: 1;
    padding-right: 50px
}

.node-type--landing-page .page-banner-wrapper .banner-wrapper .title-wrapper h1 {
    margin: 0;
    margin-bottom: 25px
}

@media(max-width:920px) {
    .node-type--landing-page .page-banner-wrapper .banner-wrapper .title-wrapper {
        flex: unset;
        width: 100%;
        margin-bottom: 25px;
        padding-right: 0
    }
}

.node-type--landing-page .page-banner-wrapper .banner-wrapper .search-wrapper {
    flex: 1
}

@media(max-width:920px) {
    .node-type--landing-page .page-banner-wrapper .banner-wrapper .search-wrapper {
        flex: unset;
        width: 100%;
        margin-bottom: 25px
    }
}

.node-type--landing-page .page-banner-wrapper .banner-wrapper .search-wrapper .field--name-field-banner-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px
}

.node-type--landing-page .page-banner-wrapper .banner-wrapper .search-wrapper .field--name-field-banner-links > .field--item {
    width: 100%
}

@media(min-width:1400px) {
    .node-type--landing-page .page-banner-wrapper .banner-wrapper .search-wrapper .field--name-field-banner-links > .field--item {
        flex: 1
    }
}

.node-type--landing-page .field--name-field-paragraph {
    margin: 25px 0;
    padding: 25px 5vw;
    margin-top: 0;
    padding-top: 0
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .paragraph {
    margin-bottom: 50px
}

@media(max-width:920px) {
    .page--node-type-centre-homepage .main-content {
        padding: 0
    }
}

.node-type--centre-homepage .title-wrapper-no-banner {
    width: calc(75% - 25px);
    overflow: hidden;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    background: #fff;
    margin-right: 25px;
    padding: 100px 5vw;
    padding-bottom: 25px
}

@media(max-width:1500px) {
    .node-type--centre-homepage .title-wrapper-no-banner {
        width: 100%;
        margin-right: 0px;
        padding: 5vw
    }
}

.node-type--centre-homepage .content-body {
    padding: 0 5vw;
    margin: 25px 0;
    display: flex;
    flex-direction: column
}

.node-type--centre-homepage .content-body .align-right {
    max-width: 40%;
    margin-right: 0
}

@media(max-width:920px) {
    .node-type--centre-homepage .content-body .align-right {
        max-width: 100%
    }
}

.node-type--centre-homepage .content-body .align-left {
    max-width: 40%
}

@media(max-width:920px) {
    .node-type--centre-homepage .content-body .align-left {
        max-width: 100%
    }
}

.node-type--centre-homepage .banner-flex-wrapper,
.node-type--centre-homepage .flex-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #edf4f5;
    padding-bottom: 50px
}

.node-type--centre-homepage .flex-wrapper {
    align-items: flex-start
}

.node-type--centre-homepage .field--name-field-banner-reference {
    background-color: #edf4f5;
    width: 100%
}

.node-type--centre-homepage .field--name-field-banner-reference .homepage-view {
    width: 100%
}

.node-type--centre-homepage .content-highlights {
    padding: 0 5vw;
    margin-top: 0;
    position: relative
}

.node-type--centre-homepage .referenced-content {
    padding: 0 5vw;
    margin-top: 0;
    position: relative;
    margin-bottom: 25px
}

.node-type--centre-homepage .referenced-content figure {
    width: 25%
}

.node-type--centre-homepage .referenced-content figure img {
    width: 100%;
    height: auto
}

.node-type--centre-homepage .referenced-content a {
    color: #bd1521;
    text-decoration: none
}

.node-type--centre-homepage .referenced-content a:hover {
    text-decoration: underline
}

.node-type--centre-homepage .referenced-content .field--name-field-internal-links,
.node-type--centre-homepage .referenced-content .field--name-field-external-links {
    display: flex;
    flex-wrap: wrap;
    gap: 25px
}

.node-type--centre-homepage .referenced-content .paragraph--type--internal-links .field--name-field-paragraph-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    margin: 0;
    margin-bottom: 12.5px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--centre-homepage .referenced-content .paragraph--type--internal-links .field--name-field-paragraph-title__link {
    color: inherit
}

.node-type--centre-homepage .referenced-content .paragraph--type--internal-links .field--name-field-paragraph-title__link:hover {
    color: inherit
}

.node-type--centre-homepage .field--name-field-highlights {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    overflow: hidden;
    padding-top: 75px
}

@media(max-width:480px) {
    .node-type--centre-homepage .field--name-field-highlights {
        margin: 0
    }
}

.node-type--centre-homepage .field--name-field-highlights .slick-prev {
    left: 5vw
}

.node-type--centre-homepage .field--name-field-highlights .slick-next {
    right: 5vw;
    left: unset
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div {
    height: 100%
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item {
    height: 100%;
    display: block !important;
    width: 100% !important
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item article {
    height: 100%
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item article > a {
    height: 100%;
    display: flex;
    flex-direction: column
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item .feature_box {
    max-width: unset
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item .feature_box.no-feature-box-image .feature_box--content {
    background-color: var(--primary-color, #08122c);
    padding: 25px;
    justify-content: flex-end;
    border-bottom: none
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item .feature_box.no-feature-box-image .feature_box--content h3 {
    color: #fff
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item .feature_box.no-feature-box-image .feature_box--content:after {
    right: 25px
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item .feature_box .image-wrapper {
    width: 100%
}

.node-type--centre-homepage .field--name-field-highlights .slick-track .slick-slide > div > .field--item .feature_box .feature_box--content {
    min-height: 0;
    flex-grow: 1;
    display: flex
}

.node-type--centre-homepage .field--name-field-banner-view-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto
}

.node-type--centre-homepage .field--name-field-banner-view-title__link {
    color: inherit
}

.node-type--centre-homepage .field--name-field-banner-view-title__link:hover {
    color: inherit
}

.node-type--centre-homepage .banner-right-side {
    width: 25%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    padding: 25px;
    position: relative
}

.node-type--centre-homepage .banner-right-side::before {
    content: "";
    top: 0;
    left: 0;
    height: 12.5px;
    width: 50%;
    background: var(--link-color, #d60b52);
    position: absolute
}

@media(max-width:920px) {
    .node-type--centre-homepage .banner-right-side {
        width: 100%;
        margin-top: 25px
    }
}

.node-type--centre-homepage .banner-right-side h3 {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--centre-homepage .banner-right-side iframe {
    width: 100%;
    max-width: unset
}

.node-type--centre-homepage .banner-right-side .twitter-timeline {
    height: -webkit-fit-content !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    aspect-ratio: auto
}

.node-type--centre-homepage .banner-right-side .referenced-content {
    padding: 0;
    margin: 0
}

.node-type--centre-homepage .page-banner-wrapper {
    width: calc(75% - 25px);
    overflow: hidden;
    padding-right: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0;
    margin-right: 25px
}

@media(max-width:920px) {
    .node-type--centre-homepage .page-banner-wrapper {
        width: 100%;
        margin-right: 0px
    }

    .node-type--centre-homepage .page-banner-wrapper .field--name-field-banner {
        width: 100%
    }
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content {
    width: 30%;
    min-height: 50%;
    background-color: var(--primary-color, #08122c)
}

@media(max-width:1400px) {
    .node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content {
        width: 100%;
        margin: 0;
        position: relative
    }
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-title {
    margin-bottom: 25px
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-title h2 {
    font-size: 30px;
    color: var(--secondary-color, white)
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-text {
    justify-content: flex-start;
    margin: 0
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-text a {
    color: var(--secondary-color, white);
    padding-right: 32.5px;
    position: relative
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-text a:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/white-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-text a .watch {
    border-radius: 0px;
    background: none;
    padding: 0
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-text a .watch svg {
    display: none
}

.node-type--centre-homepage .page-banner-wrapper .undergrad_banner .content .content-text a .watch p {
    color: var(--secondary-color, white);
    margin: 0
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px;
    color: #fff;
    margin-top: 25px;
    background-color: var(--primary-color, #08122c);
    position: relative
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper::before {
    content: "";
    top: 0;
    left: 0;
    height: 12.5px;
    width: 50%;
    background: var(--link-color, #d60b52);
    position: absolute
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper {
    flex: 1;
    padding-right: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper .field--name-field-banner-intro-image {
    width: 25%;
    margin-right: 25px
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper .field--name-field-banner-intro-image img {
    width: 100%;
    height: auto
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper .text-wrapper {
    flex: 1
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper h1 {
    margin: 0;
    margin-bottom: 25px;
    color: var(--secondary-color, white)
}

@media(max-width:920px) {
    .node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper {
        flex: unset;
        width: 100%;
        margin-bottom: 25px;
        padding-right: 0
    }
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper p,
.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .title-wrapper a {
    color: var(--secondary-color, white)
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper {
    flex: .7;
    margin-left: 12.5px;
    margin-right: 12.5px
}

@media(max-width:920px) {
    .node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper {
        flex: unset;
        width: 100%
    }
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper .field--name-field-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 -25px
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper .field--name-field-links .field--item {
    width: calc(50% - 25px);
    margin: 12.5px
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper .field--name-field-links a {
    color: var(--secondary-color, white);
    padding-right: 25px;
    position: relative;
    width: 100%;
    display: block
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper .field--name-field-links a:hover {
    text-decoration: underline
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper .field--name-field-links a:focus {
    text-decoration: underline
}

.node-type--centre-homepage .page-banner-wrapper .banner-wrapper .links-wrapper .field--name-field-links a:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/white-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.node-type--centre-homepage .microsite-news-listing {
    margin: 100px 0;
    position: relative;
    padding: 0 5vw
}

.node-type--centre-homepage .microsite-news-listing h2 a:hover {
    text-decoration: underline
}

.node-type--centre-homepage .microsite-news-listing .view-content {
    position: relative;
    padding-left: 50%
}

@media(max-width:920px) {
    .node-type--centre-homepage .microsite-news-listing .view-content {
        padding-left: 0
    }
}

.node-type--centre-homepage .microsite-news-listing .view-content:after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #d60b52;
    position: absolute;
    left: 50%;
    top: 0
}

@media(max-width:920px) {
    .node-type--centre-homepage .microsite-news-listing .view-content:after {
        display: none
    }
}

.node-type--centre-homepage .microsite-news-listing .view-content .views-row {
    padding: 25px
}

.node-type--centre-homepage .microsite-news-listing .view-content .views-row:first-child {
    position: absolute;
    left: 0;
    top: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 50%
}

@media(max-width:920px) {
    .node-type--centre-homepage .microsite-news-listing .view-content .views-row:first-child {
        position: relative;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #d60b52
    }
}

.node-type--centre-homepage .microsite-news-listing .view-content .views-row:nth-child(2) {
    border-bottom: 1px solid #d60b52
}

.node-type--centre-homepage .microsite-news-listing .view-content .views-row:not(:first-child) {
    padding-left: 0;
    margin-left: 25px
}

.node-type--centre-homepage .microsite-event-listing {
    margin: 100px 0;
    position: relative;
    padding: 0 2.5vw
}

.node-type--centre-homepage .microsite-event-listing .view-event-wrapper {
    background-color: #edf4f5
}

.node-type--centre-homepage .microsite-event-listing h2 {
    margin-left: 2.5vw
}

.node-type--centre-homepage .microsite-event-listing h2 a:hover {
    text-decoration: underline
}

.node-type--centre-homepage .microsite-event-listing .view-content {
    position: relative;
    padding-left: 50%;
    padding-right: calc(5vw - 25px)
}

@media(max-width:920px) {
    .node-type--centre-homepage .microsite-event-listing .view-content {
        padding-left: 0;
        padding-right: 0
    }
}

.node-type--centre-homepage .microsite-event-listing .view-content:after {
    content: "";
    height: calc(100% - 50px);
    width: 1px;
    background-color: #d60b52;
    position: absolute;
    left: 50%;
    top: 25px
}

@media(max-width:920px) {
    .node-type--centre-homepage .microsite-event-listing .view-content:after {
        display: none
    }
}

.node-type--centre-homepage .microsite-event-listing .view-content .views-row {
    padding: 25px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.node-type--centre-homepage .microsite-event-listing .view-content .views-row .event-item--content {
    background-color: #edf4f5
}

.node-type--centre-homepage .microsite-event-listing .view-content .views-row .event-accordion-item .accordion-body {
    border-bottom: none !important
}

.node-type--centre-homepage .microsite-event-listing .view-content .views-row:first-child {
    position: absolute;
    left: 0;
    top: 0;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    width: 50%;
    padding-left: 2.5vw
}

@media(max-width:920px) {
    .node-type--centre-homepage .microsite-event-listing .view-content .views-row:first-child {
        position: relative;
        height: auto;
        width: 100%;
        border-bottom: 1px solid #d60b52
    }
}

.node-type--centre-homepage .microsite-event-listing .view-content .views-row:not(:first-child) {
    padding-left: 0;
    margin-left: 25px
}

.node-type--centre-homepage .microsite-people-listing {
    margin: 100px 0;
    position: relative;
    padding: 0 2.5vw
}

.node-type--centre-homepage .microsite-people-listing h2 a:hover {
    text-decoration: underline
}

.node-type--centre-homepage .microsite-people-listing > .link_with_icon {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

@media(min-width:720px) {
    .node-type--centre-homepage .microsite-people-listing {
        margin: 50px 5vw
    }

    .node-type--centre-homepage .microsite-people-listing .view-content {
        margin: 0 -25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .node-type--centre-homepage .microsite-people-listing .view-content .views-row {
        width: calc(33.3333333333% - 50px);
        margin: 25px
    }
}

.node-type--centre-homepage .blogs-block {
    margin: 100px 0;
    position: relative;
    padding: 0 5vw
}

@media(min-width:920px) {
    .node-type--centre-homepage .blogs-block .blogs-block__items {
        margin: 0 -25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }
}

.node-type--centre-homepage .blogs-block .blogs-block__items .blogs-block__item {
    margin-bottom: 12.5px
}

@media(min-width:920px) {
    .node-type--centre-homepage .blogs-block .blogs-block__items .blogs-block__item {
        width: calc(33.3333333333% - 50px);
        margin: 25px
    }
}

.node-type--centre-homepage .blogs-block .blogs-block__items .blogs-block__item a:hover {
    text-decoration: underline
}

.node-type--centre-homepage .blogs-block .blogs-block__items .blogs-block__item .feature_box__heading {
    padding-right: 40px
}

.node-type--centre-homepage .field--name-field-paragraph {
    margin: 25px 0;
    padding: 25px 5vw
}

.node-type--centre-homepage .field--name-field-paragraph > .field--item > .paragraph {
    margin-bottom: 50px
}

.node-type--centre-homepage .field--name-field-paragraph > .field--item .paragraph--type--feature-box-row .text-long {
    width: 100%
}

.node-type--centre-homepage .sponsors,
.node-type--centre-homepage .social-media {
    padding: 50px 0;
    background-color: #edf4f5
}

.node-type--centre-homepage .sponsors .sponsors-wrapper,
.node-type--centre-homepage .sponsors .social-media-wrapper,
.node-type--centre-homepage .social-media .sponsors-wrapper,
.node-type--centre-homepage .social-media .social-media-wrapper {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 5vw;
    padding-bottom: 25px
}

.node-type--centre-homepage .sponsors .sponsors-wrapper h2,
.node-type--centre-homepage .sponsors .social-media-wrapper h2,
.node-type--centre-homepage .social-media .sponsors-wrapper h2,
.node-type--centre-homepage .social-media .social-media-wrapper h2 {
    width: 100%
}

.node-type--centre-homepage .sponsors .sponsors-wrapper .sponsor-image,
.node-type--centre-homepage .sponsors .social-media-wrapper .sponsor-image,
.node-type--centre-homepage .social-media .sponsors-wrapper .sponsor-image,
.node-type--centre-homepage .social-media .social-media-wrapper .sponsor-image {
    max-width: calc(25% - 25px);
    margin-right: 25px
}

@media(max-width:720px) {

    .node-type--centre-homepage .sponsors .sponsors-wrapper .sponsor-image,
    .node-type--centre-homepage .sponsors .social-media-wrapper .sponsor-image,
    .node-type--centre-homepage .social-media .sponsors-wrapper .sponsor-image,
    .node-type--centre-homepage .social-media .social-media-wrapper .sponsor-image {
        width: calc(100% - 0px);
        margin: 0;
        margin-bottom: 12.5px;
        max-width: unset
    }
}

.node-type--centre-homepage .sponsors .sponsors-wrapper .sponsor-image img,
.node-type--centre-homepage .sponsors .social-media-wrapper .sponsor-image img,
.node-type--centre-homepage .social-media .sponsors-wrapper .sponsor-image img,
.node-type--centre-homepage .social-media .social-media-wrapper .sponsor-image img {
    width: auto;
    height: auto;
    max-width: 100%
}

.node-type--centre-homepage .sponsors .sponsors-wrapper .social-media,
.node-type--centre-homepage .sponsors .social-media-wrapper .social-media,
.node-type--centre-homepage .social-media .sponsors-wrapper .social-media,
.node-type--centre-homepage .social-media .social-media-wrapper .social-media {
    width: calc(4.1666666667% - 25px);
    margin-right: 25px;
    padding: 0;
    background: #fff
}

@media(max-width:1024px) {

    .node-type--centre-homepage .sponsors .sponsors-wrapper .social-media,
    .node-type--centre-homepage .sponsors .social-media-wrapper .social-media,
    .node-type--centre-homepage .social-media .sponsors-wrapper .social-media,
    .node-type--centre-homepage .social-media .social-media-wrapper .social-media {
        width: calc(8.3333333333% - 25px)
    }
}

@media(max-width:720px) {

    .node-type--centre-homepage .sponsors .sponsors-wrapper .social-media,
    .node-type--centre-homepage .sponsors .social-media-wrapper .social-media,
    .node-type--centre-homepage .social-media .sponsors-wrapper .social-media,
    .node-type--centre-homepage .social-media .social-media-wrapper .social-media {
        width: calc(16.6666666667% - 25px)
    }
}

.node-type--centre-homepage .sponsors .sponsors-wrapper .social-media a,
.node-type--centre-homepage .sponsors .social-media-wrapper .social-media a,
.node-type--centre-homepage .social-media .sponsors-wrapper .social-media a,
.node-type--centre-homepage .social-media .social-media-wrapper .social-media a {
    width: 100%
}

.node-type--centre-homepage .sponsors .sponsors-wrapper .social-media a svg,
.node-type--centre-homepage .sponsors .social-media-wrapper .social-media a svg,
.node-type--centre-homepage .social-media .sponsors-wrapper .social-media a svg,
.node-type--centre-homepage .social-media .social-media-wrapper .social-media a svg {
    width: 100%;
    height: auto
}

.node-type--centre-homepage .sponsors .sponsors-wrapper .social-media a svg path,
.node-type--centre-homepage .sponsors .social-media-wrapper .social-media a svg path,
.node-type--centre-homepage .social-media .sponsors-wrapper .social-media a svg path,
.node-type--centre-homepage .social-media .social-media-wrapper .social-media a svg path {
    fill: #08122c !important
}

.node-type--course.no-banner .page-title-wrapper > .waypoint-list {
    position: relative
}

.node-type--course.no-media-image .page-banner-wrapper {
    background: #edf4f5;
    padding-bottom: 25px
}

.node-type--course.no-media-image .page-title-wrapper > .waypoint-list {
    position: relative
}

.node-type--course .page-banner-wrapper {
    position: relative
}

.node-type--course .page-title-wrapper {
    padding: 25px;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

.node-type--course .page-title-wrapper h1 {
    width: calc(75% - 50px);
    margin-right: 50px
}

@media(max-width:480px) {
    .node-type--course .page-title-wrapper h1 {
        width: 100%;
        margin: 0
    }
}

.node-type--course .page-title-wrapper > .waypoint-list {
    width: calc(25% - 0px);
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    background-color: #fff;
    top: unset;
    padding: 5px 25px
}

.node-type--course .page-title-wrapper > .waypoint-list:before {
    content: "On this page";
    margin-left: -7.25px;
    font-weight: bold
}

.node-type--course .course-overview {
    background-color: #edf4f5;
    padding: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-right: 0
}

.node-type--course .course-overview .course-overview-wrapper {
    width: calc(66.6666666667% - 100px);
    margin-right: 100px
}

.node-type--course .course-overview .course-brief {
    width: calc(33.3333333333% - 0px)
}

@media(max-width:920px) {
    .node-type--course .course-overview {
        display: flex;
        padding-left: 0;
        flex-direction: column-reverse;
        padding-left: 0
    }

    .node-type--course .course-overview .course-overview-wrapper {
        width: 100%;
        margin-right: 100px
    }

    .node-type--course .course-overview .course-brief {
        width: 100%
    }
}

.node-type--course .field--name-field-paragraph {
    margin: 0 -5vw;
    width: auto;
    padding: 25px 5vw;
    background: #fff
}

.node-type--course .field--name-field-paragraph .field--item > .paragraph--type--page-information-banner {
    margin: 25px 0
}

.node-type--course .field--name-field-paragraph .paragraph--type--accordion,
.node-type--course .field--name-field-paragraph .paragraph--type--accordion-basic {
    width: calc(66.6666666667% - 0px)
}

@media(max-width:1220px) {

    .node-type--course .field--name-field-paragraph .paragraph--type--accordion,
    .node-type--course .field--name-field-paragraph .paragraph--type--accordion-basic {
        width: calc(100% - 0px)
    }
}

.node-type--course .field--name-field-paragraph .paragraph--type--text {
    width: 100%;
    display: flex;
    flex-direction: column
}

.node-type--course .field--name-field-paragraph .paragraph--type--text .align-right {
    max-width: unset;
    margin-right: 0
}

.node-type--course .field--name-field-paragraph .paragraph--type--text .align-left {
    max-width: unset
}

.node-type--course .referenced-content {
    padding: 0 5vw;
    margin-top: 0;
    position: relative;
    margin-bottom: 25px
}

.node-type--course .referenced-content figure {
    width: 25%
}

.node-type--course .referenced-content figure img {
    width: 100%;
    height: auto
}

.node-type--course .referenced-content a {
    color: #bd1521;
    text-decoration: none
}

.node-type--course .referenced-content a:hover {
    text-decoration: underline
}

.node-type--course .referenced-content .field--name-field-internal-links,
.node-type--course .referenced-content .field--name-field-external-links {
    display: flex;
    flex-wrap: wrap;
    gap: 25px
}

.node-type--course .referenced-content .paragraph--type--internal-links .field--name-field-paragraph-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    margin: 0;
    margin-bottom: 12.5px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--course .referenced-content .paragraph--type--internal-links .field--name-field-paragraph-title__link {
    color: inherit
}

.node-type--course .referenced-content .paragraph--type--internal-links .field--name-field-paragraph-title__link:hover {
    color: inherit
}

.node-type--option.full {
    background-color: #edf4f5
}

.node-type--option.full .page-title-wrapper {
    padding: 25px;
    background-color: #fff;
    margin-bottom: 25px;
    margin-top: 100px
}

.node-type--option.full .page-title-wrapper h1 {
    margin: 0
}

.node-type--option.full .body {
    width: auto;
    padding: 25px;
    background: #fff
}

.node-type--option.full .body .paragraph--type--accordion,
.node-type--option.full .body .paragraph--type--accordion-basic {
    width: calc(66.6666666667% - 0px)
}

@media(max-width:1220px) {

    .node-type--option.full .body .paragraph--type--accordion,
    .node-type--option.full .body .paragraph--type--accordion-basic {
        width: calc(100% - 0px)
    }
}

.node-type--opitions-page.full.no-media-image .page-title-wrapper {
    padding-top: 75px
}

.node-type--opitions-page.full.no-media-image .page-title-wrapper h1 {
    margin: 0
}

.node-type--opitions-page.full,
.node-type--project.full {
    background-color: #edf4f5
}

.node-type--opitions-page.full .page-title-wrapper,
.node-type--project.full .page-title-wrapper {
    padding: 25px;
    background-color: #fff;
    margin-bottom: 25px
}

.node-type--opitions-page.full .page-title-wrapper h1,
.node-type--project.full .page-title-wrapper h1 {
    margin: 0
}

.node-type--opitions-page.full .field--name-field-paragraph,
.node-type--project.full .field--name-field-paragraph {
    margin: 0 -5vw;
    width: auto;
    padding: 25px 5vw;
    background: #fff
}

.node-type--opitions-page.full .field--name-field-paragraph .paragraph--type--accordion,
.node-type--opitions-page.full .field--name-field-paragraph .paragraph--type--accordion-basic,
.node-type--project.full .field--name-field-paragraph .paragraph--type--accordion,
.node-type--project.full .field--name-field-paragraph .paragraph--type--accordion-basic {
    width: calc(66.6666666667% - 0px)
}

@media(max-width:1220px) {

    .node-type--opitions-page.full .field--name-field-paragraph .paragraph--type--accordion,
    .node-type--opitions-page.full .field--name-field-paragraph .paragraph--type--accordion-basic,
    .node-type--project.full .field--name-field-paragraph .paragraph--type--accordion,
    .node-type--project.full .field--name-field-paragraph .paragraph--type--accordion-basic {
        width: calc(100% - 0px)
    }
}

.node-type--person.full .two-col-layout {
    background-color: #edf4f5
}

.node-type--person.full .two-col-layout .two-col-layout--left {
    background-color: #fff
}

.node-type--person.full .two-col-layout .two-col-layout--left .account-banner {
    width: 100%;
    padding: 25px 5vw;
    background-color: #bd1521;
    color: #fff;
    margin-bottom: 25px;
    text-align: center
}

.node-type--person.full .two-col-layout .two-col-layout--left .account-banner a {
    font-weight: bold;
    color: #fff;
    text-decoration: underline
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #d60b52
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper h1 {
    margin: 0;
    margin-bottom: 5px
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .field--name-field-suffix {
    margin-bottom: 10px
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .subtitle {
    margin: 0;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 50px
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .title-wrapper {
    flex: 1
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .figure {
    width: calc(30% - 50px);
    margin: 0;
    margin-left: 50px;
    background-color: unset
}

@media(max-width:1220px) {
    .node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .figure {
        width: calc(40% - 50px)
    }
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .figure .figure__image {
    margin: 0;
    padding: 0
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .figure .figure__image img {
    border: 12.5px solid #edf4f5;
    border-radius: 100%
}

@media(max-width:720px) {
    .node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper {
        display: block
    }

    .node-type--person.full .two-col-layout .two-col-layout--left .person-title-wrapper .figure {
        width: 100%;
        margin-left: 0
    }
}

.node-type--person.full .two-col-layout .two-col-layout--left .affiliation {
    display: flex;
    flex-direction: column;
    margin: 25px 0;
    color: #bd1521
}

.node-type--person.full .two-col-layout .two-col-layout--left .affiliation h3 {
    margin: 0;
    margin-bottom: 12.5px;
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--person.full .two-col-layout .two-col-layout--left .affiliation a {
    color: #bd1521;
    transition: .5s ease-in-out
}

.node-type--person.full .two-col-layout .two-col-layout--left .affiliation a:hover {
    color: #08122c;
    text-decoration: underline
}

.node-type--person.full .two-col-layout .two-col-layout--left .affiliation a:focus {
    color: #08122c;
    text-decoration: underline
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-officership {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-officership > p {
    margin-right: 12.5px;
    font-weight: bold
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-officership .field--name-field-officership {
    display: flex;
    flex-wrap: wrap
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-officership .field--name-field-officership .field--item:not(:last-child):after {
    content: ",";
    margin-right: 5px
}

@media(max-width:920px) {
    .node-type--person.full .two-col-layout .two-col-layout--left {
        width: 100%
    }
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-info {
    width: 100%
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-biog,
.node-type--person.full .two-col-layout .two-col-layout--left .research-interests,
.node-type--person.full .two-col-layout .two-col-layout--left .research-projects,
.node-type--person.full .two-col-layout .two-col-layout--left .person-pubs,
.node-type--person.full .two-col-layout .two-col-layout--left .options {
    width: 100%
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-biog h2,
.node-type--person.full .two-col-layout .two-col-layout--left .research-interests h2,
.node-type--person.full .two-col-layout .two-col-layout--left .research-projects h2,
.node-type--person.full .two-col-layout .two-col-layout--left .person-pubs h2,
.node-type--person.full .two-col-layout .two-col-layout--left .options h2 {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-biog a,
.node-type--person.full .two-col-layout .two-col-layout--left .research-interests a,
.node-type--person.full .two-col-layout .two-col-layout--left .research-projects a,
.node-type--person.full .two-col-layout .two-col-layout--left .person-pubs a,
.node-type--person.full .two-col-layout .two-col-layout--left .options a {
    color: #bd1521;
    text-decoration: none
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-biog a:hover,
.node-type--person.full .two-col-layout .two-col-layout--left .research-interests a:hover,
.node-type--person.full .two-col-layout .two-col-layout--left .research-projects a:hover,
.node-type--person.full .two-col-layout .two-col-layout--left .person-pubs a:hover,
.node-type--person.full .two-col-layout .two-col-layout--left .options a:hover {
    text-decoration: underline
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-note {
    background-color: #edf4f5;
    padding: 12.5px 25px;
    width: 100%;
    margin-bottom: 25px
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-note > p {
    margin: 0;
    font-weight: bold
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-note .text-long {
    margin: 0;
    padding: 0
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-note .text-long p {
    margin: 0
}

.node-type--person.full .two-col-layout .two-col-layout--left .field--name-field-job-title {
    width: 60%
}

@media(max-width:920px) {
    .node-type--person.full .two-col-layout .two-col-layout--left .field--name-field-job-title {
        width: 100%
    }
}

.node-type--person.full .two-col-layout .two-col-layout--left .text-long {
    padding-right: 75px;
    margin-bottom: 50px
}

@media(max-width:920px) {
    .node-type--person.full .two-col-layout .two-col-layout--left .text-long {
        padding: 0
    }
}

@media(max-width:920px) {
    .node-type--person.full .two-col-layout .two-col-layout--right {
        padding: 0;
        width: 100%
    }
}

@media(max-width:720px) {
    .node-type--person.full .two-col-layout .two-col-layout--right {
        width: 100%
    }
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page {
    padding: 25px;
    background-color: #fff
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page h4 {
    margin: 0;
    margin-bottom: 12.5px;
    color: #08122c;
    font-size: 18px
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects {
    display: flex;
    flex-direction: column
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-interests,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .options {
    margin-bottom: 25px
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-interests p,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects p,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .options p {
    margin: 0
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-interests a,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects a,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .options a {
    color: #bd1521;
    text-decoration: none
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-interests a:hover,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects a:hover,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .options a:hover {
    text-decoration: underline
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .options a {
    color: #bd1521;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12.5px;
    font-weight: normal
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .options a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .options a:hover {
    text-decoration: underline
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects a {
    color: #bd1521;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12.5px
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .research-projects a:hover {
    text-decoration: underline
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .views-row,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .blogs-block__items {
    margin-bottom: 12.5px
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .views-row h3,
.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .blogs-block__items h3 {
    margin: 0;
    margin-bottom: 12.5px;
    font-size: 18px;
    font-family: unset;
    font-weight: normal
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .blogs-block .teaser {
    width: 100%;
    max-width: unset
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .view-list-events {
    margin: 0
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .view-content {
    width: 100%
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .view-content .teaser {
    max-width: unset
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .person--views {
    margin-bottom: 25px
}

.node-type--person.full .two-col-layout .two-col-layout--right .on-this-page .person--views a {
    color: #d60b52;
    font-weight: bold;
    text-decoration: underline
}

.node-type--person.full .social-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12.5px;
    margin: 25px 0
}

.node-type--person.full .person-media-image {
    padding-right: 50px;
    position: relative
}

.node-type--person.full .person-media-image .circular {
    z-index: 1;
    display: block;
    position: relative
}

.node-type--person.full .person-media-image .circular img {
    border: 25px solid #edf4f5
}

.node-type--graduate-page .banner-wrapper {
    position: relative
}

.node-type--graduate-page .banner-wrapper .banner-content-wrapper {
    padding: 25px;
    background-color: #08122c;
    color: #fff;
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: calc(37.5% - 0px)
}

.node-type--graduate-page .banner-wrapper .banner-content-wrapper h2,
.node-type--graduate-page .banner-wrapper .banner-content-wrapper h3,
.node-type--graduate-page .banner-wrapper .banner-content-wrapper h4 {
    color: #fff;
    margin: 0;
    margin-bottom: 25px;
    font-weight: normal
}

.node-type--graduate-page .banner-wrapper .banner-content-wrapper p {
    color: #fff
}

.node-type--graduate-page .banner-wrapper .banner-content-wrapper a {
    color: #d60b52
}

.node-type--graduate-page .banner-wrapper .banner-content-wrapper .field--name-field-banner-link {
    display: flex;
    justify-content: flex-end
}

.node-type--graduate-page .banner-wrapper .banner-content-wrapper .field--name-field-banner-link a {
    background-color: #edf4f5;
    border-radius: 50px;
    padding: 5px 12.5px;
    padding-left: 50px !important;
    text-decoration: none;
    position: relative
}

.node-type--graduate-page .banner-wrapper .banner-content-wrapper .field--name-field-banner-link a:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/arrow.svg);
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat
}

@media(max-width:920px) {
    .node-type--graduate-page .banner-wrapper .banner-content-wrapper {
        position: initial;
        width: 100%
    }
}

.node-type--graduate-page .intro-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 25px
}

.node-type--graduate-page .intro-wrapper .intro-content-wrapper {
    width: calc(66.6666666667% - 20%);
    margin-right: 20%
}

.node-type--graduate-page .intro-wrapper .intro-content-wrapper h1 {
    margin: 0;
    margin-bottom: 25px
}

@media(max-width:480px) {
    .node-type--graduate-page .intro-wrapper .intro-content-wrapper {
        margin-right: 0;
        width: 100%
    }
}

.node-type--graduate-page .intro-wrapper .intro-extra {
    width: calc(33.3333333333% - 0px)
}

.node-type--graduate-page .intro-wrapper .intro-extra h2,
.node-type--graduate-page .intro-wrapper .intro-extra h3,
.node-type--graduate-page .intro-wrapper .intro-extra h4 {
    margin: 0;
    margin-bottom: 25px;
    color: #d60b52
}

.node-type--graduate-page .intro-wrapper .intro-extra a {
    color: #b3003e
}

@media(max-width:480px) {
    .node-type--graduate-page .intro-wrapper .intro-extra {
        width: 100%
    }
}

@media(max-width:480px) {
    .node-type--graduate-page .intro-wrapper {
        display: block
    }
}

.node-type--graduate-page .field--name-field-paragraph {
    margin: 0 -5vw;
    width: auto;
    padding: 25px 5vw;
    background: #fff;
    padding-top: 0
}

@media(min-width:920px) {
    .node-type--graduate-page .field--name-field-paragraph .field--item > .paragraph--type--disclaimer {
        width: 65%
    }

    .node-type--graduate-page .field--name-field-paragraph .field--item > .paragraph--type--disclaimer .disclaimer--content-text {
        flex: 1
    }
}

.node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion,
.node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion-basic {
    width: 110vw;
    margin: 0px -5vw;
    padding: 50px 5vw;
    background: #edf4f5
}

.node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion .paragraph--inner,
.node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion-basic .paragraph--inner {
    width: calc(66.6666666667% - 0px)
}

@media(max-width:1220px) {

    .node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion .paragraph--inner,
    .node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion-basic .paragraph--inner {
        width: calc(100% - 0px)
    }
}

@media(max-width:1220px) {

    .node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion,
    .node-type--graduate-page .field--name-field-paragraph .paragraph--type--accordion-basic {
        width: initial
    }
}

.node-type--news.teaser h3 {
    margin-bottom: 0 !important
}

.node-type--news.full .two-col-layout--content-wrapper,
.node-type--article.full .two-col-layout--content-wrapper {
    background-color: #edf4f5
}

.node-type--news.full .two-col-layout--left,
.node-type--article.full .two-col-layout--left {
    background-color: #fff
}

.node-type--news.full .two-col-layout--left h1,
.node-type--article.full .two-col-layout--left h1 {
    margin-top: 0;
    width: 100%
}

.node-type--news.full .two-col-layout--left .field--name-field-posted,
.node-type--article.full .two-col-layout--left .field--name-field-posted {
    color: #08122c
}

.node-type--news.full .two-col-layout--left .people,
.node-type--article.full .two-col-layout--left .people {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d60b52;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.node-type--news.full .two-col-layout--left .people > p,
.node-type--article.full .two-col-layout--left .people > p {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--news.full .two-col-layout--left .people .field--name-field-authors,
.node-type--article.full .two-col-layout--left .people .field--name-field-authors {
    flex: 1;
    margin-left: 12.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px
}

@media(max-width:480px) {

    .node-type--news.full .two-col-layout--left .people .field--name-field-authors,
    .node-type--article.full .two-col-layout--left .people .field--name-field-authors {
        display: block
    }

    .node-type--news.full .two-col-layout--left .people .field--name-field-authors .field--label,
    .node-type--article.full .two-col-layout--left .people .field--name-field-authors .field--label {
        margin-bottom: 10px
    }
}

.node-type--news.full .two-col-layout--left .people .field--name-field-authors .field--item,
.node-type--article.full .two-col-layout--left .people .field--name-field-authors .field--item {
    width: auto
}

.node-type--news.full .two-col-layout--right,
.node-type--article.full .two-col-layout--right {
    background-color: #edf4f5
}

.node-type--news.full .news-sidebar .other-news,
.node-type--news.full .news-sidebar .related-news,
.node-type--article.full .news-sidebar .other-news,
.node-type--article.full .news-sidebar .related-news {
    padding: 25px;
    background-color: #fff
}

.node-type--news.full .news-sidebar .other-news h4,
.node-type--news.full .news-sidebar .related-news h4,
.node-type--article.full .news-sidebar .other-news h4,
.node-type--article.full .news-sidebar .related-news h4 {
    margin: 0;
    margin-bottom: 25px;
    color: #08122c;
    font-size: 18px
}

.node-type--news.full .news-sidebar .on-this-page,
.node-type--article.full .news-sidebar .on-this-page {
    padding: 25px;
    background-color: #fff;
    margin-bottom: 25px
}

.node-type--news.full .news-sidebar .on-this-page a,
.node-type--article.full .news-sidebar .on-this-page a {
    font-size: 18px;
    font-weight: bold
}

.node-type--news.full .news-sidebar .other-news .news--view .view-content > h3,
.node-type--article.full .news-sidebar .other-news .news--view .view-content > h3 {
    font-size: 18px;
    color: #bd1521
}

.node-type--news.full .news-sidebar .other-news .news--view .view-content > h3:before,
.node-type--article.full .news-sidebar .other-news .news--view .view-content > h3:before {
    content: "In "
}

.node-type--news.full .news-sidebar .other-news .news--view .views-row .layout__region--content,
.node-type--article.full .news-sidebar .other-news .news--view .views-row .layout__region--content {
    padding-right: 25px;
    position: relative
}

.node-type--news.full .news-sidebar .other-news .news--view .views-row .layout__region--content h3,
.node-type--article.full .news-sidebar .other-news .news--view .views-row .layout__region--content h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px
}

.node-type--news.full .news-sidebar .other-news .news--view .views-row .layout__region--content:after,
.node-type--article.full .news-sidebar .other-news .news--view .views-row .layout__region--content:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    position: absolute;
    width: 15px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.node-type--news.full .news-sidebar .field--name-field-related-pages .field--item,
.node-type--article.full .news-sidebar .field--name-field-related-pages .field--item {
    padding-right: 25px;
    position: relative;
    margin-bottom: 5px
}

.node-type--news.full .news-sidebar .field--name-field-related-pages .field--item:after,
.node-type--article.full .news-sidebar .field--name-field-related-pages .field--item:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    position: absolute;
    width: 15px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.node-type--news.full .news-sidebar .field--name-field-related-pages a,
.node-type--article.full .news-sidebar .field--name-field-related-pages a {
    font-size: 18px;
    font-weight: bold
}

.node-type--news.full .news-sidebar .news-tags,
.node-type--article.full .news-sidebar .news-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 25px 0
}

.node-type--news.full .news-sidebar .news-tags p,
.node-type--article.full .news-sidebar .news-tags p {
    width: auto;
    margin: 0
}

.node-type--news.full .news-sidebar .news-tags .field--name-field-news-theme,
.node-type--article.full .news-sidebar .news-tags .field--name-field-news-theme {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 5px
}

.node-type--news.full .news-sidebar .news-tags .field--name-field-news-theme .field--item a,
.node-type--article.full .news-sidebar .news-tags .field--name-field-news-theme .field--item a {
    color: #bd1521
}

.node-type--news.full .news-sidebar .news-tags .field--name-field-news-theme .field--item:not(:last-child):after,
.node-type--article.full .news-sidebar .news-tags .field--name-field-news-theme .field--item:not(:last-child):after {
    margin: 0 5px;
    content: "|"
}

.node-type--news.full .news-sidebar .microsite-tags,
.node-type--article.full .news-sidebar .microsite-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 25px 0
}

.node-type--news.full .news-sidebar .microsite-tags p,
.node-type--article.full .news-sidebar .microsite-tags p {
    width: auto;
    margin: 0;
    margin-right: 5px
}

.node-type--news.full .news-sidebar .microsite-tags a,
.node-type--article.full .news-sidebar .microsite-tags a {
    color: #bd1521
}

.node-type--news.full .news-sidebar .microsite-tags a:not(:last-child):after,
.node-type--article.full .news-sidebar .microsite-tags a:not(:last-child):after {
    margin: 0 5px;
    content: "|"
}

.node-type--news.full .field--name-field-paragraph,
.node-type--article.full .field--name-field-paragraph {
    width: 100%
}

.node-type--news.full .field--name-field-paragraph .paragraph--type--text,
.node-type--article.full .field--name-field-paragraph .paragraph--type--text {
    width: 100%;
    display: flex;
    flex-direction: column
}

@media(max-width:480px) {

    .node-type--news.full .field--name-field-paragraph .paragraph--type--text,
    .node-type--article.full .field--name-field-paragraph .paragraph--type--text {
        max-width: 100%
    }
}

.node-type--event.full > .two-col-layout--content-wrapper {
    background-color: #edf4f5;
    position: relative
}

.node-type--event.full .two-col-layout--left {
    background: #fff
}

.node-type--event.full .two-col-layout--left h1 {
    margin-top: 0
}

.node-type--event.full .two-col-layout--left .event-details-wrapper {
    width: 100%;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.node-type--event.full .two-col-layout--left .event-details-wrapper .field,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-date,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-time {
    width: auto;
    min-width: 25%;
    margin-bottom: 12.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.node-type--event.full .two-col-layout--left .event-details-wrapper .field .field--label,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-date .field--label,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-time .field--label {
    margin-right: 25px
}

.node-type--event.full .two-col-layout--left .event-details-wrapper .field .field--item,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-date .field--item,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-time .field--item {
    font-weight: bold
}

.node-type--event.full .two-col-layout--left .event-details-wrapper .field .field--item a,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-date .field--item a,
.node-type--event.full .two-col-layout--left .event-details-wrapper .event-time .field--item a {
    color: #d60b52;
    text-decoration: underline
}

.node-type--event.full .two-col-layout--left .event-details-wrapper .event-date {
    margin-right: 25px
}

.node-type--event.full .two-col-layout--left .field--name-field-posted {
    color: #08122c
}

.node-type--event.full .two-col-layout--left .people {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d60b52;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.node-type--event.full .two-col-layout--left .people > p,
.node-type--event.full .two-col-layout--left .people .field--label {
    margin-bottom: 12.5px
}

.node-type--event.full .two-col-layout--left .people .field--name-field-speaker {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: 12.5px;
    margin-left: 25px
}

.node-type--event.full .two-col-layout--left .people .field--name-field-speaker .field--label {
    margin-right: 25px
}

@media(max-width:480px) {
    .node-type--event.full .two-col-layout--left .people .field--name-field-speaker {
        display: block
    }

    .node-type--event.full .two-col-layout--left .people .field--name-field-speaker .field--label {
        margin-bottom: 10px
    }
}

.node-type--event.full .two-col-layout--left .people .field--name-field-speaker .field--item {
    font-weight: bold
}

.node-type--event.full .two-col-layout--left .people .field--name-field-speaker .field--item p {
    margin: 0
}

.node-type--event.full .two-col-layout--left .people .field--name-field-authors {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

@media(max-width:480px) {
    .node-type--event.full .two-col-layout--left .people .field--name-field-authors {
        display: block
    }

    .node-type--event.full .two-col-layout--left .people .field--name-field-authors .field--label {
        margin-bottom: 10px
    }
}

.node-type--event.full .two-col-layout--left .people .field--items {
    margin-left: 12.5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5px
}

.node-type--event.full .two-col-layout--left .people .field--items .field--item {
    width: auto
}

.node-type--event.full .event-note {
    background-color: #edf4f5;
    padding: 25px;
    width: 100%;
    margin-bottom: 25px
}

.node-type--event.full .event-note > p {
    margin: 0;
    font-weight: bold
}

.node-type--event.full .event-note .text-long {
    margin: 0;
    padding: 0
}

.node-type--event.full .event-note .text-long p {
    margin: 0
}

.node-type--event.full .field--name-field-paragraph .paragraph--type--text {
    max-width: 90%;
    display: flex;
    flex-direction: column
}

@media(max-width:480px) {
    .node-type--event.full .field--name-field-paragraph .paragraph--type--text {
        max-width: 100%
    }
}

.node-type--event.full .two-col-layout--right {
    background-color: #edf4f5
}

.node-type--event.full .two-col-layout--right .on-this-page {
    padding: 25px;
    background-color: #fff;
    margin-bottom: 25px;
    display: flex;
    flex-flow: column;
    gap: 12.5px
}

.node-type--event.full .two-col-layout--right .on-this-page h4 {
    margin: 12.5px 0
}

.node-type--event.full .two-col-layout--right .on-this-page a {
    font-size: 18px;
    font-weight: bold
}

.node-type--event.full .two-col-layout--right .paragraph--type--internal-links .field--name-field-paragraph-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    margin: 0;
    margin-bottom: 12.5px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--event.full .two-col-layout--right .paragraph--type--internal-links .field--name-field-paragraph-title__link {
    color: inherit
}

.node-type--event.full .two-col-layout--right .paragraph--type--internal-links .field--name-field-paragraph-title__link:hover {
    color: inherit
}

.node-type--event.full .two-col-layout--right .paragraph--type--internal-links a {
    color: #bd1521;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 12.5px;
    font-weight: normal
}

.node-type--event.full .two-col-layout--right .paragraph--type--internal-links a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--event.full .two-col-layout--right .paragraph--type--internal-links a:hover {
    text-decoration: underline
}

.node-type--event.full .two-col-layout--right iframe {
    width: 100%;
    max-width: unset
}

.node-type--event.full .two-col-layout--right .microsite-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 25px 0
}

.node-type--event.full .two-col-layout--right .microsite-tags p {
    width: auto;
    margin: 0;
    margin-right: 5px
}

.node-type--event.full .two-col-layout--right .microsite-tags a {
    color: #bd1521
}

.node-type--event.full .two-col-layout--right .microsite-tags a:not(:last-child):after {
    margin: 0 5px;
    content: "|"
}

.node-type--event.full .two-col-layout--right .field--name-field-series,
.node-type--event.full .two-col-layout--right .field--name-field-organised-by,
.node-type--event.full .two-col-layout--right .field--name-field-organised-by-webform,
.node-type--event.full .two-col-layout--right .field--name-field-news-sponsor {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.node-type--event.full .two-col-layout--right .field--name-field-series .field--label,
.node-type--event.full .two-col-layout--right .field--name-field-organised-by .field--label,
.node-type--event.full .two-col-layout--right .field--name-field-organised-by-webform .field--label,
.node-type--event.full .two-col-layout--right .field--name-field-news-sponsor .field--label {
    flex: 1;
    margin-right: 12.5px;
    font-weight: bold
}

.node-type--event.full .two-col-layout--right .field--name-field-series .field--item,
.node-type--event.full .two-col-layout--right .field--name-field-organised-by .field--item,
.node-type--event.full .two-col-layout--right .field--name-field-organised-by-webform .field--item,
.node-type--event.full .two-col-layout--right .field--name-field-news-sponsor .field--item {
    flex: 3
}

.node-type--event.full .two-col-layout--right .field--name-field-news-sponsor .field--item a {
    color: #d60b52;
    text-decoration: underline;
    font-weight: normal
}

.node-type--event.full .two-col-layout--right .page-sidebar .other-news,
.node-type--event.full .two-col-layout--right .page-sidebar .related-news {
    padding: 25px;
    background-color: #fff
}

.node-type--event.full .two-col-layout--right .page-sidebar .other-news h4,
.node-type--event.full .two-col-layout--right .page-sidebar .related-news h4 {
    margin: 0;
    margin-bottom: 25px;
    color: #08122c;
    font-size: 18px
}

.node-type--event.full .two-col-layout--right .page-sidebar .other-news .news--view .view-content > h3 {
    font-size: 18px;
    color: #bd1521
}

.node-type--event.full .two-col-layout--right .page-sidebar .other-news .news--view .view-content > h3:before {
    content: "In "
}

.node-type--event.full .two-col-layout--right .page-sidebar .other-news .news--view .views-row .layout__region--content {
    padding-right: 25px;
    position: relative
}

.node-type--event.full .two-col-layout--right .page-sidebar .other-news .news--view .views-row .layout__region--content h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px
}

.node-type--event.full .two-col-layout--right .page-sidebar .other-news .news--view .views-row .layout__region--content:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    position: absolute;
    width: 15px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.node-type--event.full .two-col-layout--right .page-sidebar .field--name-field-related-pages .field--item {
    padding-right: 25px;
    position: relative;
    margin-bottom: 5px
}

.node-type--event.full .two-col-layout--right .page-sidebar .field--name-field-related-pages .field--item:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    position: absolute;
    width: 15px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.node-type--event.full .two-col-layout--right .page-sidebar .field--name-field-related-pages a {
    font-size: 18px;
    font-weight: bold
}

.node-type--event.full .two-col-layout--right .page-sidebar .event-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 25px 0
}

.node-type--event.full .two-col-layout--right .page-sidebar .event-tags p {
    width: auto;
    margin: 0
}

.node-type--event.full .two-col-layout--right .page-sidebar .event-tags .field--name-field-news-theme,
.node-type--event.full .two-col-layout--right .page-sidebar .event-tags .field--name-field-theme {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 5px;
    color: #bd1521
}

.node-type--event.full .two-col-layout--right .page-sidebar .event-tags .field--name-field-news-theme .field--item a,
.node-type--event.full .two-col-layout--right .page-sidebar .event-tags .field--name-field-theme .field--item a {
    color: #bd1521
}

.node-type--event.full .two-col-layout--right .page-sidebar .event-tags .field--name-field-news-theme .field--item:not(:last-child):after,
.node-type--event.full .two-col-layout--right .page-sidebar .event-tags .field--name-field-theme .field--item:not(:last-child):after {
    margin: 0 5px;
    content: "|"
}

.node-type--page.full .two-col-layout--content-wrapper,
.node-type--project.full .two-col-layout--content-wrapper {
    background-color: #edf4f5;
    align-items: flex-start
}

.node-type--page.full .two-col-layout--right .on-this-page,
.node-type--project.full .two-col-layout--right .on-this-page {
    background: #fff;
    padding: 12.5px 25px;
    margin-bottom: 25px;
    display: none
}

@media(min-width:920px) {

    .node-type--page.full .two-col-layout--right .on-this-page,
    .node-type--project.full .two-col-layout--right .on-this-page {
        display: block
    }
}

.node-type--page.full .two-col-layout--right .on-this-page h4,
.node-type--project.full .two-col-layout--right .on-this-page h4 {
    margin: 0;
    margin-bottom: 25px;
    color: #08122c
}

.node-type--page.full .two-col-layout--right .on-this-page .field--name-field-sidebar-text,
.node-type--project.full .two-col-layout--right .on-this-page .field--name-field-sidebar-text {
    color: #08122c;
    margin: 0;
    margin-bottom: 12.5px
}

.node-type--page.full .two-col-layout--right .on-this-page .page-info .info,
.node-type--project.full .two-col-layout--right .on-this-page .page-info .info {
    display: flex;
    margin-bottom: 5px
}

.node-type--page.full .two-col-layout--right .on-this-page .page-info .info p,
.node-type--project.full .two-col-layout--right .on-this-page .page-info .info p {
    flex: 1;
    margin: 0;
    margin-right: 5px;
    color: #08122c;
    font-style: italic
}

.node-type--page.full .two-col-layout--right .on-this-page .page-info .info .info-content,
.node-type--project.full .two-col-layout--right .on-this-page .page-info .info .info-content {
    flex: 2;
    color: #08122c;
    font-weight: bold
}

.node-type--page.full .two-col-layout--right .on-this-page.related-information .field--item,
.node-type--page.full .two-col-layout--right .on-this-page.external-links .field--item,
.node-type--project.full .two-col-layout--right .on-this-page.related-information .field--item,
.node-type--project.full .two-col-layout--right .on-this-page.external-links .field--item {
    margin-bottom: 12.5px
}

.node-type--page.full .two-col-layout--right .on-this-page.related-information a,
.node-type--page.full .two-col-layout--right .on-this-page.external-links a,
.node-type--project.full .two-col-layout--right .on-this-page.related-information a,
.node-type--project.full .two-col-layout--right .on-this-page.external-links a {
    color: #bd1521;
    text-decoration: none;
    display: flex;
    justify-content: space-between
}

.node-type--page.full .two-col-layout--right .on-this-page.related-information a:after,
.node-type--page.full .two-col-layout--right .on-this-page.external-links a:after,
.node-type--project.full .two-col-layout--right .on-this-page.related-information a:after,
.node-type--project.full .two-col-layout--right .on-this-page.external-links a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--page.full .two-col-layout--right .on-this-page.related-information a:hover,
.node-type--page.full .two-col-layout--right .on-this-page.external-links a:hover,
.node-type--project.full .two-col-layout--right .on-this-page.related-information a:hover,
.node-type--project.full .two-col-layout--right .on-this-page.external-links a:hover {
    text-decoration: underline
}

.node-type--page.full .two-col-layout--left,
.node-type--project.full .two-col-layout--left {
    background-color: #fff;
    overflow: hidden;
    padding-right: 0
}

@media(max-width:480px) {

    .node-type--page.full .two-col-layout--left,
    .node-type--project.full .two-col-layout--left {
        padding-right: 5vw
    }
}

.node-type--page.full .two-col-layout--left h1,
.node-type--project.full .two-col-layout--left h1 {
    margin-bottom: 0
}

.node-type--page.full .two-col-layout--left .field--name-field-page-subtitle,
.node-type--project.full .two-col-layout--left .field--name-field-page-subtitle {
    color: #08122c;
    font-weight: bold
}

.node-type--page.full .two-col-layout--left .title-wrapper,
.node-type--project.full .two-col-layout--left .title-wrapper {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d60b52;
    width: 100%
}

.node-type--page.full .two-col-layout--left .image-wrapper,
.node-type--project.full .two-col-layout--left .image-wrapper {
    width: 90%
}

.node-type--page.full .field--name-field-paragraph,
.node-type--project.full .field--name-field-paragraph {
    max-width: 90%;
    width: 100%
}

.node-type--page.full .field--name-field-paragraph .paragraph--type--text,
.node-type--project.full .field--name-field-paragraph .paragraph--type--text {
    max-width: 90%;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media(max-width:480px) {

    .node-type--page.full .field--name-field-paragraph .paragraph--type--text,
    .node-type--project.full .field--name-field-paragraph .paragraph--type--text {
        max-width: 100%
    }
}

.node-type--page.full .field--name-field-paragraph .field--item > .paragraph--type--video,
.node-type--project.full .field--name-field-paragraph .field--item > .paragraph--type--video {
    width: calc(100% + 5vw + 10% + 25px);
    margin-left: -5vw
}

.node-type--page.full .page-body,
.node-type--project.full .page-body {
    max-width: 90%;
    width: 100%
}

@media(max-width:480px) {

    .node-type--page.full .page-body,
    .node-type--project.full .page-body {
        max-width: 100%
    }
}

.page--node-type-section-index .main-content {
    padding: 0 !important
}

.node-type--person.full .two-col-layout .two-col-layout--left .person-biog .text-long {
    margin-bottom: 0
}

.node-type--news .paragraph--type--video {
    background-color: #fff;
    width: 100%;
    margin: 0;
    padding: 0
}

.node-type--news .paragraph--type--video .video__wrapper {
    margin: 0;
    padding: 0
}

.node-type--news .paragraph--type--video .video__wrapper .video__text-wrapper {
    margin: 0
}

.node-type--section-index.full .two-col-layout--content-wrapper {
    background-color: #edf4f5
}

.node-type--section-index.full .two-col-layout--right .on-this-page {
    background: #fff;
    padding: 12.5px 25px;
    margin-bottom: 25px
}

.node-type--section-index.full .two-col-layout--right .on-this-page h4 {
    margin: 0;
    margin-bottom: 25px;
    color: #08122c
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-paragraph-title {
    line-height: 1.4;
    font-size: 18px;
    color: #08122c;
    font-family: "Assistant", "Nunito Sans", georgia, times, "Times New Roman", serif
}

.node-type--section-index.full .two-col-layout--right .on-this-page a {
    color: #bd1521;
    text-decoration: none;
    display: flex;
    justify-content: space-between
}

.node-type--section-index.full .two-col-layout--right .on-this-page a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--section-index.full .two-col-layout--right .on-this-page a:hover {
    text-decoration: underline
}

.node-type--section-index.full .two-col-layout--right .on-this-page .page-info {
    margin-bottom: 12.5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page .page-info .info {
    display: flex;
    margin-bottom: 5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page .page-info .info p {
    flex: 1;
    margin: 0;
    margin-right: 5px;
    color: #08122c;
    font-style: italic
}

.node-type--section-index.full .two-col-layout--right .on-this-page .page-info .info .info-content {
    flex: 2;
    color: #08122c;
    font-weight: bold
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-migrated-content {
    word-break: break-word
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-migrated-content .paragraph--type--links .field--name-field-paragraph-links .field--item {
    margin-bottom: 12.5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-migrated-content .paragraph--type--links .field--name-field-paragraph-links a {
    color: #bd1521;
    text-decoration: none;
    display: flex;
    justify-content: space-between
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-migrated-content .paragraph--type--links .field--name-field-paragraph-links a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-migrated-content .paragraph--type--links .field--name-field-paragraph-links a:hover {
    text-decoration: underline
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-internal-links .field--name-field-paragraph-title,
.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-external-links .field--name-field-paragraph-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    margin: 0;
    margin-bottom: 12.5px;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-internal-links .field--name-field-paragraph-title__link,
.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-external-links .field--name-field-paragraph-title__link {
    color: inherit
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-internal-links .field--name-field-paragraph-title__link:hover,
.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-external-links .field--name-field-paragraph-title__link:hover {
    color: inherit
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-internal-links .field--item,
.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-external-links .field--item {
    margin-bottom: 12.5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-internal-links a,
.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-external-links a {
    color: #bd1521;
    text-decoration: none;
    display: flex;
    justify-content: space-between
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-internal-links a:after,
.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-external-links a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-internal-links a:hover,
.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-external-links a:hover {
    text-decoration: underline
}

.node-type--section-index.full .two-col-layout--right .on-this-page .field--name-field-sidebar-text {
    color: #08122c;
    margin: 0;
    margin-bottom: 12.5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page .page-info .info {
    display: flex;
    margin-bottom: 5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page .page-info .info p {
    flex: 1;
    margin: 0;
    margin-right: 5px;
    color: #08122c;
    font-style: italic
}

.node-type--section-index.full .two-col-layout--right .on-this-page .page-info .info .info-content {
    flex: 2;
    color: #08122c;
    font-weight: bold
}

.node-type--section-index.full .two-col-layout--right .on-this-page.related-information .field--item {
    margin-bottom: 12.5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page.related-information a {
    color: #bd1521;
    text-decoration: none
}

.node-type--section-index.full .two-col-layout--right .on-this-page.related-information a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 5px
}

.node-type--section-index.full .two-col-layout--right .on-this-page.related-information a:hover {
    text-decoration: underline
}

.node-type--section-index.full .two-col-layout--left {
    background-color: #fff;
    overflow: hidden;
    padding-right: 0
}

@media(max-width:480px) {
    .node-type--section-index.full .two-col-layout--left {
        padding-right: 5vw
    }
}

@media(max-width:920px) {
    .node-type--section-index.full .two-col-layout--left {
        padding-top: 0px
    }
}

.node-type--section-index.full .two-col-layout--left h1 {
    margin-bottom: 0
}

.node-type--section-index.full .two-col-layout--left .field--name-field-page-subtitle {
    color: #08122c;
    font-weight: bold
}

.node-type--section-index.full .two-col-layout--left .title-wrapper {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #d60b52;
    width: 100%
}

.node-type--section-index.full .two-col-layout--left .image-wrapper {
    width: 90%
}

.node-type--section-index.full .two-col-layout--left .undergrad_banner {
    margin-bottom: 50px
}

.node-type--section-index.full .two-col-layout--left .undergrad_banner .image-wrapper {
    width: 100%
}

.node-type--section-index.full .two-col-layout--left .undergrad_banner .content {
    width: calc(75% - 25px)
}

.node-type--section-index.full .two-col-layout--left .feature-box .image-wrapper {
    width: 100%
}

.node-type--section-index.full .field--name-field-paragraph {
    max-width: 90%
}

.node-type--section-index.full .field--name-field-paragraph .paragraph--type--text {
    max-width: 90%;
    display: flex;
    flex-direction: column
}

@media(max-width:480px) {
    .node-type--section-index.full .field--name-field-paragraph .paragraph--type--text {
        max-width: 100%
    }
}

.node-type--section-index.full .field--name-field-paragraph .field--item > .paragraph--type--video {
    width: calc(100% + 5vw + 10% + 25px);
    margin-left: -5vw
}

.node-type--section-index.full .page-body {
    width: 90%
}

@media(max-width:480px) {
    .node-type--section-index.full .page-body {
        max-width: 100%
    }
}

.denied-page.page-title-wrapper {
    padding: 25px 5vw;
    background-color: #fff;
    padding-top: 75px;
    margin-bottom: 50px
}

.denied-page.page-title-wrapper h1 {
    margin: 0
}

@media(min-width:920px) {
    .denied-page.page-title-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start
    }
}

@media(min-width:920px) {
    .denied-page.page-title-wrapper .title-wrapper {
        width: calc(70.8333333333% - 50px);
        margin-right: 50px
    }
}

.node-type--listing-page {
    background-color: #fff
}

.node-type--listing-page .page-title-wrapper {
    padding: 0 5vw;
    margin-bottom: 0
}

@media(min-width:920px) {
    .node-type--listing-page .page-title-wrapper {
        padding: 25px 5vw;
        background-color: #fff;
        padding-top: 75px
    }
}

.node-type--listing-page .page-title-wrapper h1 {
    margin: 0
}

@media(min-width:920px) {
    .node-type--listing-page .page-title-wrapper {
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start
    }
}

@media(min-width:920px) {
    .node-type--listing-page .page-title-wrapper .title-wrapper {
        width: calc(70.8333333333% - 50px);
        margin-right: 50px
    }
}

.node-type--listing-page .page-title-wrapper .links-wrapper {
    padding: 25px;
    background-color: #edf4f5
}

@media(min-width:920px) {
    .node-type--listing-page .page-title-wrapper .links-wrapper {
        width: calc(29.1666666667% - 0px)
    }
}

.node-type--listing-page .page-title-wrapper .links-wrapper h3 {
    margin: 0;
    color: #08122c;
    margin-bottom: 12.5px
}

.node-type--listing-page .page-title-wrapper .links-wrapper a {
    color: #bd1521;
    text-decoration: none;
    transition: .5s ease-in-out
}

.node-type--listing-page .page-title-wrapper .links-wrapper a:after {
    content: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    margin-left: 10px
}

.node-type--listing-page .page-title-wrapper .links-wrapper a:hover {
    text-decoration: underline;
    color: #08122c
}

.node-type--listing-page .field--name-field-paragraph {
    width: auto;
    padding: 0px 5vw;
    background: #fff
}

.paragraph--type--file-download {
    background-color: #08122c;
    padding: 25px;
    margin: 50px 0
}

.paragraph--type--file-download .field--name-field-files {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -25px
}

.paragraph--type--file-download .field--name-field-files > .field--item {
    width: calc(50% - 50px);
    margin: 0 25px
}

@media(max-width:720px) {
    .paragraph--type--file-download .field--name-field-files > .field--item {
        width: calc(100% - 50px);
        margin: 25px auto
    }
}

.paragraph--type--feature-box-row .paragraph-title {
    margin: 50px 0
}

.paragraph--type--feature-box-row .text-long {
    width: calc(41.6666666667% - 50px)
}

@media(max-width:720px) {
    .paragraph--type--feature-box-row .text-long {
        width: calc(100% - 50px)
    }
}

.paragraph--type--external-featured-row .paragraph--type--feature-box {
    margin-bottom: 50px
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-image {
    margin-bottom: 12.5px
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-image img {
    width: 100%;
    height: auto
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-subtitle {
    font-size: 18px;
    color: #bd1521;
    font-weight: bold;
    margin-bottom: 12.5px
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-title {
    color: #08122c;
    margin-bottom: 25px;
    font-size: 25px;
    font-weight: bold;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-link {
    font-size: 18px;
    color: #bd1521;
    font-weight: bold
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-link a {
    color: #d60b52;
    text-decoration: none;
    position: relative;
    padding-left: 50px;
    display: flex
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-link a:hover,
.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-link a:focus {
    text-decoration: underline
}

.paragraph--type--external-featured-row .paragraph--type--feature-box .field--name-field-paragraph-link a:before {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/arrow.svg);
    left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat
}

.paragraph--type--view-reference {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start
}

.paragraph--type--view-reference .paragraph-title {
    width: 100%;
    font-size: 32px
}

.paragraph--type--view-reference .left-hand-side {
    width: calc(16.6666666667% - 50px);
    margin-right: 50px
}

.paragraph--type--view-reference .left-hand-side .field--name-field-media-image {
    margin-bottom: 25px
}

@media(max-width:1220px) {
    .paragraph--type--view-reference .left-hand-side {
        width: calc(25% - 50px)
    }
}

@media(max-width:1024px) {
    .paragraph--type--view-reference .left-hand-side {
        width: calc(100% - 10px);
        margin-right: 0;
        display: flex;
        flex-wrap: wrap
    }

    .paragraph--type--view-reference .left-hand-side .field--name-field-paragraph-image {
        width: 25%;
        margin-right: 25px
    }

    .paragraph--type--view-reference .left-hand-side .text-long {
        flex: 1
    }
}

@media(max-width:480px) {
    .paragraph--type--view-reference .left-hand-side .field--name-field-paragraph-image {
        width: 100%;
        margin-bottom: 25px
    }
}

.paragraph--type--view-reference .field--name-field-paragraph-view-reference {
    flex: 1
}

.paragraph--type--view-reference.background-blue {
    margin: 0 -5vw;
    width: 90vw;
    padding: 50px 0px;
    background-color: #edf4f5
}

.paragraph--type--entity-queue .paragraph--inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

@media(max-width:480px) {
    .paragraph--type--entity-queue .paragraph--inner {
        display: block
    }
}

.paragraph--type--entity-queue .paragraph--inner .left-side {
    width: calc(33.3333333333% - 25px);
    margin-right: 25px;
    padding: 25px;
    background-color: #edf4f5
}

@media(max-width:480px) {
    .paragraph--type--entity-queue .paragraph--inner .left-side {
        width: calc(100% - 0px);
        margin-right: 0px
    }
}

.paragraph--type--entity-queue .paragraph--inner .left-side .image-title-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 12.5px
}

.paragraph--type--entity-queue .paragraph--inner .left-side .image-title-wrapper .field--name-field-paragraph-image {
    flex: 1;
    margin-right: 12.5px
}

.paragraph--type--entity-queue .paragraph--inner .left-side .image-title-wrapper .title-wrapper {
    flex: 3
}

.paragraph--type--entity-queue .paragraph--inner .left-side .image-title-wrapper .title-wrapper .field--name-field-subtitle {
    font-size: 16px;
    color: #bd1521;
    margin-bottom: 12.5px
}

.paragraph--type--entity-queue .paragraph--inner .left-side .image-title-wrapper .title-wrapper .field--name-field-paragraph-title {
    font-size: 22px;
    font-weight: bold
}

.paragraph--type--entity-queue .paragraph--inner .left-side .image-title-wrapper .text-long {
    width: 100%
}

.paragraph--type--entity-queue .paragraph--inner .right-side {
    width: calc(66.6666666667% - 0px)
}

@media(max-width:480px) {
    .paragraph--type--entity-queue .paragraph--inner .right-side {
        width: calc(100% - 0px);
        margin-right: 0px
    }
}

.paragraph--type--entity-queue .paragraph--inner .right-side > .paragraph-title {
    width: calc(100% - 0px);
    margin: 0
}

.paragraph--type--entity-queue .paragraph--inner .right-side .field--name-field-paragraph-view-reference {
    width: calc(100% - 0px);
    margin: 0
}

.paragraph--type--entity-queue .paragraph--inner .right-side .field--name-field-featured {
    margin: 0;
    margin-top: 50px
}

@media(min-width:920px) {
    .paragraph--type--entity-queue .paragraph--inner .right-side .field--name-field-featured {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 25px
    }

    .paragraph--type--entity-queue .paragraph--inner .right-side .field--name-field-featured .field--item {
        margin: 0;
        width: calc(50% - 25px)
    }

    .paragraph--type--entity-queue .paragraph--inner .right-side .field--name-field-featured .field--item a {
        color: var(--c-accent);
        font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 18px;
        line-height: 1.3;
        margin: 50px;
        width: auto;
        margin: 0;
        color: #08122c
    }

    .paragraph--type--entity-queue .paragraph--inner .right-side .field--name-field-featured .field--item a__link {
        color: inherit
    }

    .paragraph--type--entity-queue .paragraph--inner .right-side .field--name-field-featured .field--item a__link:hover {
        color: inherit
    }
}

.views-row .list .list-wrapper .theme {
    font-size: 18px;
    color: #bd1521;
    font-weight: bold
}

.paragraph--type--section-index {
    width: 100%
}

.paragraph--type--section-index.section-index-carousel {
    position: relative
}

.paragraph--type--section-index.section-index-carousel .field--name-field-referenced-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0;
    margin-bottom: 50px
}

.paragraph--type--section-index > .tertiary {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -25px
}

@media(max-width:480px) {
    .paragraph--type--section-index > .tertiary {
        margin: 0
    }
}

.paragraph--type--section-index > .tertiary > .field-item {
    width: calc(25% - 50px);
    margin: 25px
}

.paragraph--type--section-index > .tertiary > .field-item a {
    padding-right: 25px;
    position: relative
}

.paragraph--type--section-index > .tertiary > .field-item a:hover {
    text-decoration: underline
}

.paragraph--type--section-index > .tertiary > .field-item a:after {
    content: "";
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: translateY(-50%) rotate(-90deg);
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/expand.svg);
    background-repeat: no-repeat;
    background-size: contain
}

@media(max-width:1024px) {
    .paragraph--type--section-index > .tertiary > .field-item {
        width: calc(25% - 50px)
    }
}

@media(max-width:920px) {
    .paragraph--type--section-index > .tertiary > .field-item {
        width: calc(33.3333333333% - 50px)
    }
}

@media(max-width:480px) {
    .paragraph--type--section-index > .tertiary > .field-item {
        width: calc(100% - 0px)
    }
}

.paragraph--type--section-index .field--name-field-referenced-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -25px;
    width: 100%;
    overflow: hidden
}

@media(max-width:480px) {
    .paragraph--type--section-index .field--name-field-referenced-items {
        margin: 0
    }
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div {
    height: 100%
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item {
    height: 100%;
    display: block !important;
    width: 100% !important
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item article {
    height: 100%
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item article > a {
    height: 100%;
    display: flex;
    flex-direction: column
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item .feature_box {
    max-width: unset
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item .feature_box.no-feature-box-image .feature_box--content {
    background-color: var(--primary-color, #08122c);
    padding: 25px;
    justify-content: flex-end;
    border-bottom: none
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item .feature_box.no-feature-box-image .feature_box--content h3 {
    color: #fff;
    width: calc(100% - 40px)
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item .feature_box.no-feature-box-image .feature_box--content:after {
    right: 25px;
    bottom: 25px;
    top: unset
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item .feature_box .image-wrapper {
    width: 100%
}

.paragraph--type--section-index .field--name-field-referenced-items .slick-track .slick-slide > div > .field--item .feature_box .feature_box--content {
    min-height: 0;
    flex-grow: 1;
    display: flex
}

.paragraph--type--section-index .field--name-field-referenced-items > .field--item {
    width: calc(33.3333333333% - 50px);
    margin: 25px
}

@media(max-width:1220px) {
    .paragraph--type--section-index .field--name-field-referenced-items > .field--item {
        width: calc(50% - 50px)
    }
}

@media(max-width:920px) {
    .paragraph--type--section-index .field--name-field-referenced-items > .field--item {
        width: calc(50% - 50px)
    }
}

@media(max-width:480px) {
    .paragraph--type--section-index .field--name-field-referenced-items > .field--item {
        width: calc(100% - 0px);
        margin: 0;
        margin-bottom: 25px
    }
}

.paragraph--type--section-index .field--name-field-referenced-items > .field--item article {
    height: 100%
}

.paragraph--type--section-index .field--name-field-referenced-items > .field--item article > a {
    height: 100%;
    display: flex;
    flex-direction: column
}

.paragraph--type--section-index .field--name-field-referenced-items > .field--item .feature_box .feature_box--content {
    min-height: 0;
    flex-grow: 1;
    display: flex
}

.paragraph--type--section-index .field--name-field-referenced-items > .field--item .feature_box.no-feature-box-image .feature_box--content {
    background-color: var(--primary-color, #08122c);
    padding: 25px;
    justify-content: flex-end;
    border-bottom: none
}

.paragraph--type--section-index .field--name-field-referenced-items > .field--item .feature_box.no-feature-box-image .feature_box--content h3 {
    color: var(--secondary-color, #fff);
    width: calc(100% - 40px)
}

.paragraph--type--section-index .field--name-field-referenced-items > .field--item .feature_box.no-feature-box-image .feature_box--content:after {
    right: 25px;
    bottom: 25px;
    top: unset
}

.field--name-field-brochures {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -25px
}

.field--name-field-brochures > .field--item {
    width: calc(50% - 50px);
    margin: 0 25px
}

@media(max-width:720px) {
    .field--name-field-brochures > .field--item {
        width: calc(100% - 50px);
        margin: 25px auto
    }
}

.field--name-field-books-reference {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -25px;
    margin-bottom: 50px
}

.field--name-field-books-reference > .field--item {
    width: calc(50% - 50px);
    margin: 0 25px
}

@media(max-width:720px) {
    .field--name-field-books-reference > .field--item {
        width: calc(100% - 50px);
        margin: 25px auto
    }
}

.field--name-field-featured,
.field--name-field-jump-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -25px
}

.field--name-field-featured > .field--item,
.field--name-field-jump-links > .field--item {
    width: calc(33.3333333333% - 50px);
    margin: 0 25px
}

@media(max-width:720px) {

    .field--name-field-featured > .field--item,
    .field--name-field-jump-links > .field--item {
        width: calc(100% - 50px);
        margin: 25px auto
    }
}

.paragraph--type--jump-list {
    margin-bottom: 50px
}

.paragraph--type--jump-list .field--name-field-paragraph-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    margin-bottom: 12.5px
}

.paragraph--type--jump-list .field--name-field-paragraph-title__link {
    color: inherit
}

.paragraph--type--jump-list .field--name-field-paragraph-title__link:hover {
    color: inherit
}

.paragraph--type--jump-list .field--name-field-paragraph-links a {
    color: #bd1521;
    transition: .5s ease-in-out
}

.paragraph--type--jump-list .field--name-field-paragraph-links a:hover {
    color: #08122c;
    text-decoration: underline
}

.paragraph--type--jump-list .field--name-field-paragraph-links a:focus {
    color: #08122c;
    text-decoration: underline
}

.field--name-field-external-featured {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -25px
}

.field--name-field-external-featured > .field--item {
    width: calc(33.3333333333% - 50px);
    margin: 0 25px
}

@media(max-width:720px) {
    .field--name-field-external-featured > .field--item {
        width: calc(100% - 50px);
        margin: 25px auto
    }
}

.views-exposed-form.bef-exposed-form {
    width: 100%;
    padding: 12.5px;
    background: #edf4f5;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
    position: relative
}

@media(min-width:920px) {
    .views-exposed-form.bef-exposed-form {
        padding: 25px 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row
    }
}

.views-exposed-form.bef-exposed-form:before {
    content: "Find";
    margin-right: 25px
}

.views-exposed-form.bef-exposed-form .form-item {
    margin-bottom: 25px;
    margin-right: 25px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    height: 50px
}

@media(min-width:920px) {
    .views-exposed-form.bef-exposed-form .form-item {
        margin-bottom: 0px
    }
}

.views-exposed-form.bef-exposed-form .form-item input,
.views-exposed-form.bef-exposed-form .form-item .form-item__dropdown {
    height: inherit
}

@media(max-width:1700px) {

    .views-exposed-form.bef-exposed-form .form-item input,
    .views-exposed-form.bef-exposed-form .form-item .form-item__dropdown {
        height: 50px;
        margin-right: 0
    }
}

.views-exposed-form.bef-exposed-form .form-item input {
    border: 2px solid #d60b52;
    border-radius: 50px
}

.views-exposed-form.bef-exposed-form .form-item input::-moz-placeholder {
    color: #d60b52;
    opacity: 1
}

.views-exposed-form.bef-exposed-form .form-item input:-ms-input-placeholder {
    color: #d60b52;
    opacity: 1
}

.views-exposed-form.bef-exposed-form .form-item input::placeholder {
    color: #d60b52;
    opacity: 1
}

.views-exposed-form.bef-exposed-form .form-item select {
    width: 100%;
    border: 2px solid #d60b52;
    background: #fff;
    border-radius: 50px;
    height: 100%;
    color: #d60b52;
    opacity: 1
}

@media(max-width:1700px) {
    .views-exposed-form.bef-exposed-form .form-item .form-item__dropdown {
        width: 100%;
        height: 50px
    }
}

.views-exposed-form.bef-exposed-form .form-item .form-item__dropdown:after {
    content: "";
    border: none;
    width: 25px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    right: 12.5px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/filter-dropdown.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.views-exposed-form.bef-exposed-form .form-item .form-item__textfield {
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/filter-text.svg);
    background-size: 25px 25px;
    background-position: center right 12.5px;
    background-repeat: no-repeat
}

@media(max-width:1700px) {
    .views-exposed-form.bef-exposed-form .form-item .form-item__textfield {
        width: 100%
    }
}

.views-exposed-form.bef-exposed-form .form-item .form-item__label {
    width: 150px;
    color: #08122c;
    padding: 0
}

@media(max-width:1700px) {
    .views-exposed-form.bef-exposed-form .form-item .form-item__label {
        width: 100%
    }
}

.views-exposed-form.bef-exposed-form .form-item .bef-datepicker {
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/filter-calender.svg);
    max-width: 250px
}

@media(max-width:1700px) {
    .views-exposed-form.bef-exposed-form .form-item .bef-datepicker {
        width: 100%;
        max-width: 100%
    }
}

.views-exposed-form.bef-exposed-form .form-select.bef-links {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateY(calc(-100% - 50px));
    margin-top: 50px
}

.views-exposed-form.bef-exposed-form .form-select.bef-links ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    list-style: none;
    border-bottom: 2px solid #08122c;
    margin-bottom: 25px
}

.views-exposed-form.bef-exposed-form .form-select.bef-links ul li {
    margin-right: 12.5px;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 12.5px;
    position: relative
}

.views-exposed-form.bef-exposed-form .form-select.bef-links ul li .bef-link--selected:after {
    content: "";
    width: 100%;
    background-color: #08122c;
    position: absolute;
    height: 10px;
    left: 0;
    bottom: 0
}

.views-exposed-form.bef-exposed-form .form-actions {
    width: 200px;
    position: relative
}

@media(max-width:1700px)and (min-width:920px) {
    .views-exposed-form.bef-exposed-form .form-actions {
        margin: 0 auto
    }
}

.views-exposed-form.bef-exposed-form .form-actions:after {
    content: "";
    border: none;
    width: 25px;
    height: 25px;
    top: 50%;
    transform: translateY(-50%);
    right: 12.5px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/filter-search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute
}

.views-exposed-form.bef-exposed-form .form-actions input {
    margin: 0;
    border-radius: 50px;
    background-color: #d60b52;
    padding: 5px 50px;
    padding-right: 75px;
    padding-left: 12.5px;
    color: #fff !important;
    text-decoration: none;
    height: 50px;
    border: none;
    text-transform: none;
    width: 100%;
    font-weight: bold;
    text-align: left
}

.view-list-queue .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px
}

.view-list-queue .view-content .views-row {
    width: calc(50% - 25px)
}

.view-list-publications {
    margin-bottom: 25px
}

@media(min-width:920px) {
    .view-list-publications .view-group.featured-publications {
        display: flex;
        gap: 25px;
        flex-wrap: wrap
    }
}

.view-list-publications {
    margin-bottom: 25px
}

.view-list-publications .text__accordion-item {
    flex-direction: column
}

.view-list-publications .text__accordion-item .views-field-data-value {
    margin-bottom: 12.5px
}

.people-full-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px
}

.people-full-listing .view-filters {
    width: 100%
}

.people-full-listing .view-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px
}

.people-full-listing .views-exposed-form {
    width: 100%
}

.people-full-listing .views-row {
    width: 100%
}

@media(min-width:720px) {
    .people-full-listing .views-row {
        width: calc(50% - 25px)
    }
}

@media(min-width:1220px) {
    .people-full-listing .views-row {
        width: calc(33.3333333333% - 25px)
    }
}

.people-full-listing .views-row .person_teaser__wrapper {
    max-width: unset
}

.people-full-listing .views-row .person_teaser__wrapper .person_teaser__content .person_teaser__right-arrow {
    justify-content: flex-end
}

.people-full-listing .views-row .person_teaser__wrapper .person_teaser__content .person_teaser__right-arrow svg {
    max-width: 40px;
    max-height: 40px
}

.view-list-events {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 50px
}

@media(max-width:1024px) {
    .view-list-events {
        justify-content: space-between
    }
}

.view-list-events > .view-header {
    width: calc(41.6666666667% - 25px);
    margin-right: 25px
}

@media(max-width:1024px) {
    .view-list-events > .view-header {
        width: calc(100% - 0px)
    }
}

@media(max-width:1500px) {
    .view-list-events > .view-header {
        width: calc(37.5% - 25px)
    }
}

@media(max-width:920px) {
    .view-list-events > .view-header {
        width: 100%
    }
}

@media(max-width:480px) {
    .view-list-events > .view-header {
        width: calc(100% - 0px);
        margin-right: 0px
    }
}

.view-list-events > .view-header .highlighted-view {
    display: block
}

.view-list-events > .view-header .highlighted-view .view-content {
    width: 100%;
    margin: 0
}

.view-list-events > .view-header .highlighted-view .view-header {
    width: 100%;
    margin: 0
}

.view-list-events > .view-header .highlighted-view .view-header h3 {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    display: block;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 25px
}

.view-list-events > .view-header .highlighted-view .view-header h3__link {
    color: inherit
}

.view-list-events > .view-header .highlighted-view .view-header h3__link:hover {
    color: inherit
}

@media(max-width:1024px) {
    .view-list-events > .view-header .view-list-events:not(.highlighted-view) {
        display: none
    }
}

.view-list-events > .view-header .view-list-events:not(.highlighted-view) .view-content {
    width: 100%;
    margin: 0
}

.view-list-events > .view-header .view-list-events:not(.highlighted-view) .view-content .views-row:first-child {
    display: none
}

.view-list-events > .view-content {
    width: calc(58.3333333333% - 0px)
}

.view-list-events.upcoming-events .view-header {
    width: 100%
}

.view-list-events.upcoming-events .view-header a {
    color: #08122c;
    text-decoration: none
}

.view-list-events.upcoming-events .view-header a:hover {
    text-decoration: underline
}

.view-list-events.upcoming-events .view-filters {
    width: calc(16.6666666667% - 25px);
    margin-right: 25px
}

@media(max-width:920px) {
    .view-list-events.upcoming-events .view-filters {
        display: none
    }
}

@media(max-width:1500px) {
    .view-list-events.upcoming-events .view-filters {
        width: calc(33.3333333333% - 25px)
    }
}

.view-list-events.upcoming-events .view-filters:before {
    content: "Find an upcoming event";
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 50px 0;
    width: auto;
    display: block;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 25px
}

.view-list-events.upcoming-events .view-filters::before__link {
    color: inherit
}

.view-list-events.upcoming-events .view-filters::before__link:hover {
    color: inherit
}

.view-list-events.upcoming-events .view-filters .views-exposed-form {
    flex-direction: column;
    padding: 25px;
    height: calc(100% - 50px)
}

.view-list-events.upcoming-events .view-filters .views-exposed-form:before {
    display: none
}

.view-list-events.upcoming-events .view-filters .views-exposed-form .form-item {
    width: 100%;
    margin: 0;
    margin-bottom: 12.5px
}

.view-list-events.upcoming-events .view-filters .views-exposed-form .form-item .form-item__dropdown {
    width: 100%
}

.view-list-events.upcoming-events .view-filters .views-exposed-form .form-actions {
    width: 100%
}

.view-list-events.upcoming-events .view-content {
    width: calc(83.3333333333% - 0px);
    gap: 25px;
    display: flex;
    flex-wrap: wrap
}

@media(max-width:1500px) {
    .view-list-events.upcoming-events .view-content {
        width: calc(66.6666666667% - 0px);
        margin-right: 0
    }
}

@media(max-width:920px) {
    .view-list-events.upcoming-events .view-content {
        width: calc(100% - 0px)
    }
}

.view-list-events.upcoming-events .view-content .views-row {
    width: calc(50% - 25px)
}

@media(max-width:1500px) {
    .view-list-events.upcoming-events .view-content .views-row {
        width: calc(100% - 0px)
    }
}

@media(max-width:920px) {
    .view-list-events.upcoming-events .view-content .views-row {
        width: calc(100% - 0px)
    }
}

.view-list-events.upcoming-events .view-content .views-row .views-field {
    height: 100%
}

.view-list-events.upcoming-events .view-content .views-row .views-field .field-content {
    height: 100%
}

.view-list-events.upcoming-events .view-content .views-row .views-field .field-content > article {
    height: 100%
}

.view-list-events.upcoming-events .view-content .views-row .views-field .field-content > article .event-item {
    height: 100%
}

@media(max-width:480px) {
    .view-list-events.upcoming-events .view-content .views-row .views-field .field-content > article .event-item {
        height: unset
    }
}

.view-list-events.upcoming-events .view-content .views-row .views-field .field-content > article .event-item > article {
    height: 100%
}

.view-list-events.upcoming-events.full-listing .view-filters {
    width: calc(100% - 0px);
    margin-right: 0
}

@media(max-width:1220px) {
    .view-list-events.upcoming-events.full-listing .view-filters {
        width: calc(100% - 0px)
    }
}

@media(max-width:1024px) {
    .view-list-events.upcoming-events.full-listing .view-filters {
        width: calc(100% - 0px)
    }
}

.view-list-events.upcoming-events.full-listing .view-filters:before {
    display: none
}

.view-list-events.upcoming-events.full-listing .view-filters .views-exposed-form {
    flex-direction: column;
    padding: 25px;
    height: calc(100% - 50px);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row
}

.view-list-events.upcoming-events.full-listing .view-filters .views-exposed-form:before {
    display: block
}

.view-list-events.upcoming-events.full-listing .view-filters .views-exposed-form .form-item {
    flex: 1;
    width: unset;
    margin: 0;
    margin-right: 12.5px
}

.view-list-events.upcoming-events.full-listing .view-filters .views-exposed-form .form-item .form-item__dropdown {
    width: 100%
}

.view-list-events.upcoming-events.full-listing .view-filters .views-exposed-form .form-actions {
    width: 100%;
    flex: .75
}

.view-list-events.upcoming-events.full-listing .view-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

@media(min-width:920px) {
    .view-list-events.upcoming-events.full-listing .view-content {
        margin: 0 -25px;
        gap: unset
    }
}

@media(min-width:920px) {
    .view-list-events.upcoming-events.full-listing .view-content .views-row {
        width: calc(50% - 50px);
        margin: 25px
    }
}

.article--view.sticky--article {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 50px;
    padding-bottom: 50px
}

@media(max-width:1024px) {
    .article--view.sticky--article {
        display: block;
        border: none;
        margin-bottom: 50px;
        padding: 0
    }
}

.article--view.sticky--article > .view-header {
    width: calc(50% - 25px);
    padding-right: 25px;
    margin-right: 25px
}

@media(max-width:1024px) {
    .article--view.sticky--article > .view-header {
        padding: 0px;
        width: 100%;
        border-right: none;
        margin-bottom: 25px
    }
}

.article--view.sticky--article > .view-header .view-list-article .view-content {
    width: 100%
}

.article--view.sticky--article > .view-header .view-list-article .views-row:first-child {
    display: block
}

@media(max-width:1024px) {
    .article--view.sticky--article > .view-header .views-row {
        padding-bottom: 12.5px
    }
}

.article--view.sticky--article > .view-header .views-row:first-child {
    display: block
}

.article--view.sticky--article > .view-header .views-row:first-child .image-wrapper {
    display: block !important
}

.article--view.sticky--article > .view-header .views-row .featured {
    border-bottom: none
}

.article--view.sticky--article > .view-header .views-row .featured--content {
    position: relative
}

.article--view.sticky--article > .view-header .views-row .featured--content .featured--content-text {
    width: calc(83.3333333333% - 25px)
}

.article--view.sticky--article > .view-header .views-row .featured--content .image-wrapper {
    width: 100%;
    flex: unset
}

.article--view.sticky--article .view-content {
    width: 50%
}

@media(max-width:1024px) {
    .article--view.sticky--article .view-content {
        width: 100%
    }
}

.article--view.sticky--article .view-content .views-row {
    height: calc(50% - 25px);
    margin-bottom: 25px
}

.article--view.sticky--article .view-content .views-row:first-child {
    display: none
}

.article--view.sticky--article .view-content .views-row .featured-wrapper > .image-wrapper {
    display: none
}

.article--view.sticky--article .view-content .views-row .featured {
    border-bottom: none
}

.article--view.sticky--article .view-content .views-row .views-field-rendered-entity {
    height: 100%
}

.paragraph--type--featured-news {
    margin: 0 -5vw;
    width: 90vw;
    padding: 50px 0px;
    background-color: #edf4f5;
    max-width: calc(2000px - 10vw)
}

.paragraph--type--featured-news a:hover h2 {
    text-decoration: underline
}

.paragraph--type--featured-news .field--name-field-referenced-news-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px
}

.paragraph--type--featured-news .field--name-field-referenced-news-items > .field--item {
    border-bottom: 1px solid #08122c
}

@media(min-width:920px) {
    .paragraph--type--featured-news .field--name-field-referenced-news-items > .field--item {
        width: calc(33.3333333333% - 25px);
        border-bottom: none
    }

    .paragraph--type--featured-news .field--name-field-referenced-news-items > .field--item:not(:last-child) {
        border-right: 1px solid #08122c
    }
}

.paragraph--type--featured-news .field--name-field-referenced-news-items > .field--item .featured {
    border-bottom: none
}

.news--view.homepage-view {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch
}

@media(max-width:480px) {
    .news--view.homepage-view {
        display: block
    }
}

.news--view.homepage-view .view-header {
    width: calc(33.3333333333% - 0px);
    padding-right: 25px;
    border-right: 1px solid #08122c
}

@media(max-width:720px) {
    .news--view.homepage-view .view-header {
        width: calc(100% - 0px);
        padding-right: 0;
        border-right: none;
        padding-bottom: 0;
        border-bottom: 1px solid #08122c
    }
}

.news--view.homepage-view .view-header .view-content {
    width: 100%
}

.news--view.homepage-view .view-header .view-content .featured {
    border: none
}

.news--view.homepage-view .view-header .view-content .person_teaser__wrapper .image-wrapper {
    margin-right: 5px
}

@media(max-width:480px) {
    .news--view.homepage-view .view-header {
        width: calc(100% - 0px)
    }
}

.news--view.homepage-view > .view-content {
    width: calc(66.6666666667% - 0px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative
}

@media(max-width:720px) {
    .news--view.homepage-view > .view-content {
        width: calc(100% - 0px)
    }
}

.news--view.homepage-view > .view-content .featured {
    border: none
}

.news--view.homepage-view > .view-content:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: #08122c;
    left: 50%
}

@media(max-width:720px) {
    .news--view.homepage-view > .view-content:after {
        display: none
    }
}

.news--view.homepage-view > .view-content .views-row {
    width: calc(50% - 50px);
    padding: 0 25px;
    margin: 0 25px;
    min-height: 40%
}

@media(max-width:720px) {
    .news--view.homepage-view > .view-content .views-row {
        width: calc(100% - 0px);
        padding: 0;
        margin: 0;
        padding-bottom: 25px
    }
}

.news--view.homepage-view > .view-content .views-row:first-child {
    display: none
}

.news--view.homepage-view > .view-content .views-row:nth-last-child(-n+2) .featured-wrapper {
    border-bottom: none
}

@media(max-width:720px) {
    .news--view.homepage-view > .view-content .views-row:nth-last-child(-n+2) .featured-wrapper {
        border-bottom: 1px solid #08122c
    }
}

.news--view.homepage-view > .view-content .views-row .views-field-rendered-entity {
    height: 100%
}

.news--view.homepage-view > .view-content .views-row .views-field-rendered-entity .field-content {
    height: 100%
}

.news--view.homepage-view > .view-content .views-row .views-field-rendered-entity .featured {
    height: 100%
}

.news--view.homepage-view > .view-content .views-row .featured-wrapper {
    border-bottom: 1px solid #08122c;
    height: 100%
}

.news--view.homepage-view > .view-content .views-row .featured-wrapper > .image-wrapper {
    display: none
}

.news--view.homepage-view > .view-content .views-row .featured-wrapper .text-long {
    display: none
}

.news--view.homepage-view > .view-content .views-row .featured-wrapper .person_teaser__wrapper .image-wrapper {
    margin-right: 5px
}

.news--view.homepage-view.four-item .view-header {
    width: calc(66.6666666667% - 0px);
    border-right: 1px solid #08122c;
    padding: 0
}

@media(max-width:480px) {
    .news--view.homepage-view.four-item .view-header {
        width: calc(100% - 0px)
    }
}

.news--view.homepage-view.four-item .view-header .view-content {
    width: 100%;
    display: flex;
    margin: 0 -25px
}

@media(max-width:480px) {
    .news--view.homepage-view.four-item .view-header .view-content {
        display: block
    }
}

.news--view.homepage-view.four-item .view-header .view-content > .views-row {
    width: calc(50% - 25px);
    margin: 0 25px
}

@media(max-width:480px) {
    .news--view.homepage-view.four-item .view-header .view-content > .views-row {
        width: calc(100% - 25px)
    }
}

.news--view.homepage-view.four-item .view-header .view-content > .views-row:first-child {
    padding-right: 25px;
    border-right: 1px solid #08122c;
    margin-right: 0
}

@media(max-width:480px) {
    .news--view.homepage-view.four-item .view-header .view-content > .views-row:first-child {
        border-right: none
    }
}

.news--view.homepage-view.four-item .view-header .view-content .featured {
    border: none
}

.news--view.homepage-view.four-item .view-header .view-content .person_teaser__wrapper .image-wrapper {
    margin-right: 5px
}

.news--view.homepage-view.four-item > .view-content {
    width: calc(33.3333333333% - 0px);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column
}

@media(max-width:480px) {
    .news--view.homepage-view.four-item > .view-content {
        width: calc(100% - 0px);
        display: block
    }
}

.news--view.homepage-view.four-item > .view-content:after {
    display: none
}

.news--view.homepage-view.four-item > .view-content .views-row {
    width: 100%;
    padding: 25px
}

.news--view.homepage-view.four-item > .view-content .views-row:nth-child(-n+2) {
    display: none
}

.news--view.homepage-view.four-item > .view-content .views-row:nth-child(3) {
    border-bottom: 1px solid #08122c
}

.share-slider {
    position: absolute;
    right: -5vw;
    top: 25px;
    width: 50px;
    height: 45px;
    background: #d60b52;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    transition: .5s ease all
}

@media(max-width:720px) {
    .share-slider {
        display: none
    }
}

.share-slider .icon {
    width: auto;
    display: flex;
    margin-left: 5px
}

.share-slider .social-link {
    display: none
}

.share-slider.open {
    width: 200px
}

.share-slider.open .icon {
    margin-right: 5px
}

.share-slider.open .social-link {
    width: auto;
    display: flex;
    margin-right: 5px
}

.share-slider.calendar {
    top: 100px
}

.share-slider.calendar.open .social-link {
    width: 25px;
    display: flex;
    margin-right: 5px
}

.header__menu #block-searchform-2 {
    display: none;
    justify-content: flex-end;
    width: 50px;
    transition: 1s ease all;
    background-color: #d60b52;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: absolute;
    right: 0;
    height: 100%;
    top: -6.25px
}

@media(min-width:920px) {
    .header__menu #block-searchform-2 {
        display: flex
    }
}

.header__menu #block-searchform-2.open {
    width: 250px
}

.header__menu #block-searchform-2 form {
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: relative;
    justify-content: flex-end;
    height: 100%;
    transition: 1s ease all;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.header__menu #block-searchform-2 form .form-item {
    width: 0%;
    overflow: hidden;
    transition: .5s opacity;
    opacity: 0;
    background: #fff;
    margin: 0
}

.header__menu #block-searchform-2 form .form-item:after {
    display: none
}

.header__menu #block-searchform-2 form .js-form-type-search {
    display: none
}

.header__menu #block-searchform-2 form > .form-item {
    position: relative
}

.header__menu #block-searchform-2 form > .form-item .form-search {
    padding: 0 5px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    height: 100%;
    background: #d60b52;
    color: #08122c;
    width: 100%;
    border: none;
    color: #fff
}

.header__menu #block-searchform-2 form > .form-item .form-search::-moz-placeholder {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    color: #fff;
    opacity: .8;
    font-size: 16px
}

.header__menu #block-searchform-2 form > .form-item .form-search:-ms-input-placeholder {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    color: #fff;
    opacity: .8;
    font-size: 16px
}

.header__menu #block-searchform-2 form > .form-item .form-search::placeholder {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    text-transform: none;
    color: #fff;
    opacity: .8;
    font-size: 16px
}

.header__menu #block-searchform-2 form > .form-actions input {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    -webkit-appearance: unset;
    box-shadow: none;
    outline: none;
    padding: 0px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/search.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    border: none;
    height: 100%;
    margin: 2px;
    cursor: pointer;
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    background-position: 60%;
    transition: all .5s ease;
    background-size: 30px
}

.header__menu #block-searchform-2 form > .form-actions input:focus {
    outline: 1px #fff dotted
}

.header__menu #block-searchform-2 form.open {
    width: 100%;
    height: 100%;
    background: #d60b52;
    z-index: 1000
}

.header__menu #block-searchform-2 form.open .form-item {
    width: 100%;
    display: block;
    opacity: 1;
    overflow: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d60b52;
    background: rgba(214, 11, 82, 0)
}

.search-view {
    padding: 50px 5vw;
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 12.5px
}

@media(max-width:920px) {
    .search-view {
        padding-top: 0
    }
}

.search-view .view-filters {
    margin-bottom: 25px
}

.search-view .view-filters .views-exposed-form {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    padding: 0;
    background: none
}

.search-view .view-filters .views-exposed-form::before {
    content: unset
}

.search-view .view-filters .views-exposed-form .form-item {
    margin-right: 0;
    margin-bottom: 0;
    max-width: calc(100% - 75px)
}

.search-view .view-filters .views-exposed-form .form-item label {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 12.5px;
    white-space: nowrap
}

.search-view .view-filters .views-exposed-form .form-item select {
    border: 1px solid #08122c;
    color: #08122c;
    border-radius: 0;
    padding-right: 50px;
    font-size: 100%
}

.search-view .view-filters .views-exposed-form .form-item .form-text {
    background: none;
    border: 1px solid #08122c;
    border-radius: 0;
    width: 576px
}

.search-view .view-filters .views-exposed-form .form-item .form-text::-moz-placeholder {
    color: #08122c
}

.search-view .view-filters .views-exposed-form .form-item .form-text:-ms-input-placeholder {
    color: #08122c
}

.search-view .view-filters .views-exposed-form .form-item .form-text::placeholder {
    color: #08122c
}

.search-view .view-filters .views-exposed-form .form-item .form-item__dropdown {
    max-width: 200px
}

.search-view .view-filters .views-exposed-form .form-actions {
    background: none;
    background-color: #d60b52;
    border: none;
    width: 50px;
    height: 50px;
    margin: 0
}

.search-view .view-filters .views-exposed-form .form-actions::after {
    content: unset
}

.search-view .view-filters .views-exposed-form .form-actions .button {
    border: none;
    padding: 0;
    color: rgba(0, 0, 0, 0) !important;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden
}

.search-view .view-header h2 {
    color: #08122c;
    font-size: 35px;
    margin-bottom: 0
}

.search-view .view-content {
    display: flex;
    flex-direction: column;
    gap: 25px
}

.search-view .view-content .views-row .paragraph-title {
    font-size: 24px
}

.search-block {
    position: absolute;
    right: 0;
    top: -5px;
    height: 40px
}

@media(max-width:920px) {
    .search-block {
        display: none
    }
}

.search-block form {
    position: relative;
    display: flex;
    height: 100%
}

.search-block form .text {
    position: absolute;
    right: 0;
    height: 100%;
    width: 0;
    z-index: 10;
    background-color: #d60b52;
    outline: none;
    border: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    color: #fff;
    font-size: 16px;
    transition: width 1s ease
}

.search-block form .text.open {
    width: 250px;
    padding-left: 10px;
    padding-right: 55px
}

.search-block form .text::-moz-placeholder {
    opacity: 1;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.search-block form .text:-ms-input-placeholder {
    opacity: 1;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.search-block form .text::placeholder {
    opacity: 1;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.search-block form .submit {
    cursor: pointer;
    width: 53px;
    z-index: 11;
    border: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #d60b52;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/search.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-position: 60%;
    background-size: 30px
}

.path-user .main-content {
    padding: 50px 5vw;
    padding-top: 100px
}

.path-user #block-tabs {
    position: relative;
    left: unset;
    bottom: unset
}

.path-user #block-tabs .tabs__nav--local-tasks {
    border: none
}

.path-user #block-tabs .tabs__nav--local-tasks .tabs__link--local-tasks {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 20px;
    color: #000;
    font-weight: normal
}

.path-user #block-tabs .tabs__nav--local-tasks .is-active {
    border: none;
    border-bottom: 3px solid #000
}

.path-user #user-login-form,
.path-user #user-pass {
    padding: 5vw;
    padding-top: 6vw;
    background: rgba(255, 255, 255, .6);
    width: 100%;
    box-shadow: 3px 5px 8px #e5e5e5;
    margin: auto
}

@media(min-width:920px) {

    .path-user #user-login-form,
    .path-user #user-pass {
        width: 50%
    }
}

.path-user #user-login-form .form-item,
.path-user #user-pass .form-item {
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    align-items: flex-start;
    margin-bottom: 12.5px;
    flex-direction: column
}

.path-user #user-login-form .form-item label,
.path-user #user-pass .form-item label {
    width: 100px;
    color: #08122c
}

.path-user #user-login-form .form-item .form-item__description,
.path-user #user-pass .form-item .form-item__description {
    display: none
}

.path-user #user-login-form .form-item input,
.path-user #user-pass .form-item input {
    margin-right: 25px;
    border: 2px #000 solid;
    height: 50px;
    padding-left: 25px;
    font-size: 18px
}

.path-user #user-login-form .form-item input::-moz-placeholder,
.path-user #user-pass .form-item input::-moz-placeholder {
    opacity: 1;
    color: #000
}

.path-user #user-login-form .form-item input:-ms-input-placeholder,
.path-user #user-pass .form-item input:-ms-input-placeholder {
    opacity: 1;
    color: #000
}

.path-user #user-login-form .form-item input::placeholder,
.path-user #user-pass .form-item input::placeholder {
    opacity: 1;
    color: #000
}

.path-user #user-login-form .form-actions,
.path-user #user-pass .form-actions {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none !important;
    color: #fff;
    font-size: 18px;
    margin-top: 50px
}

.path-user #user-login-form .form-actions input,
.path-user #user-pass .form-actions input {
    margin: 0;
    border-radius: 0;
    background-color: #d60b52;
    border: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px 40px;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize
}

.path-user #user-login-form .form-actions .icon,
.path-user #user-pass .form-actions .icon {
    width: 50px;
    height: 50px;
    margin-left: -37.5px;
    background-color: #000;
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 2px dashed #000;
    transform: rotate(45deg)
}

.path-user #user-login-form .oxford-login,
.path-user #user-pass .oxford-login {
    margin-bottom: 50px
}

.path-user #user-login-form .oxford-login a,
.path-user #user-pass .oxford-login a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 15px 40px;
    background-color: #08122c;
    color: #fff;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.path-user #user-login-form .oxford-login a:hover,
.path-user #user-pass .oxford-login a:hover {
    color: #ccc
}

.microsite-page-view .view-filters {
    margin-top: 100px
}

@media(min-width:720px) {
    .microsite-page-view {
        margin: 50px 5vw;
        margin-top: 100px
    }

    .microsite-page-view .view-content {
        margin: 0 -25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .microsite-page-view .view-content .views-row {
        width: calc(50% - 50px);
        margin: 25px
    }
}

@media(min-width:720px) {
    .microsite-page-view.three-row {
        margin: 50px 5vw
    }

    .microsite-page-view.three-row .view-content {
        margin: 0 -25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .microsite-page-view.three-row .view-content .views-row {
        width: calc(33.3333333333% - 50px);
        margin: 25px
    }
}

@media(min-width:720px) {
    .path-person-news .view-content {
        margin: 0 -25px;
        margin: 50px 5vw;
        margin-top: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start;
        width: auto
    }

    .path-person-news .view-content .views-row {
        width: calc(33.3333333333% - 50px);
        margin: 25px
    }
}

.path-admin .margin {
    margin: 50px 25px
}

@media(min-width:720px) {
    .path-person-events .view-content {
        width: 100%;
        margin: 0 -25px;
        margin: 50px 5vw;
        margin-top: 100px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .path-person-events .view-content .views-row {
        width: calc(50% - 50px);
        margin: 25px
    }
}

@media(min-width:720px) {
    .research-page-view .view-content {
        margin: 0 -25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .research-page-view .view-content .views-row {
        width: calc(33.3333333333% - 50px);
        margin: 25px
    }
}

.news-full-listing .view-content .views-row {
    margin-bottom: 12.5px
}

@media(min-width:720px) {
    .news-full-listing .view-content {
        margin: 0 -25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: flex-start
    }

    .news-full-listing .view-content .views-row {
        width: calc(33.3333333333% - 50px);
        margin: 25px
    }
}

.slick-track {
    display: flex;
    gap: 12.5px
}

.slick-arrow {
    font-size: 30px;
    font-weight: bold;
    border: none;
    background: #fff;
    color: #08122c;
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    border-radius: 50px;
    z-index: 2;
    width: 50px;
    overflow: hidden;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/arrow-right.svg);
    background-size: 20px 20px;
    background-position: center;
    background-origin: content-box;
    background-repeat: no-repeat;
    left: unset;
    border-radius: 0px;
    width: 50px;
    height: 50px;
    border: 1px solid #08122c
}

@media(max-width:720px) {
    .slick-arrow {
        display: none
    }
}

.slick-next {
    right: -50px;
    left: unset
}

.slick-prev {
    right: unset;
    left: -50px;
    transform: rotate(180deg)
}

.slick-autoplay-toggle-button {
    display: none
}

.slick-list {
    z-index: 1;
    position: relative;
    width: 100%;
    display: flex
}

.view-list-publications table caption {
    text-align: left;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 20px;
    font-weight: bold
}

.view-list-publications table tr {
    display: flex;
    padding-bottom: 10px
}

.webform-submission-form {
    padding: 5%
}

.webform-submission-form .form-item {
    max-width: 100%;
    width: 100%;
    margin-left: 0
}

.webform-submission-form .form-item label {
    width: 100%
}

.webform-submission-form .form-item__textfield {
    width: 100%
}

.webform-submission-form .form-item__textfield.form-submit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.webform-submission-form .webform-link--wrapper {
    display: flex;
    flex-flow: column
}

.webform-submission-form .webform-multiple-table thead {
    display: none
}

.webform-submission-form .container-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 25px
}

.webform-submission-form .container-inline .form-item {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.webform-submission-form legend {
    display: none
}

.paragraph--type--webform {
    margin-bottom: 1em;
    max-width: 90%
}

.paragraph--type--webform .field--name-field-paragraph-title {
    color: #08122c;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 32px;
    line-height: 1.3;
    margin: 30px 0;
    width: auto;
    margin: 25px 0;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif
}

.paragraph--type--webform .field--name-field-paragraph-title__link {
    color: inherit
}

.paragraph--type--webform .field--name-field-paragraph-title__link:hover {
    color: #d60b52
}

.paragraph--type--webform .webform-submission-form {
    padding: 0
}

.field--name-field-media-oembed-video .media-oembed-content {
    width: 100%;
    height: auto
}

#block-lawpublishedindicator .published-status {
    text-align: center;
    height: 50px;
    padding: 12.5px;
    background-color: #506467;
    color: #fff;
    font-weight: bold
}

.mm-wrapper_background .mm-page {
    background-color: #edf4f5
}

.mm-wrapper_opening .mm-menu_position-right.mm-menu_opened ~ .mm-slideout {
    transform: translate3d(calc(-100vw - 1px), 0, 0);
    width: 100%
}

.mm-wrapper_opened .mm-menu_opened ~ .mm-slideout {
    border-right: 1px solid var(--navbar-main-line-colour);
    box-sizing: border-box
}

.mm-wrapper_opened .mm-slideout.mm-wrapper__blocker {
    z-index: 1000
}

.mm-menu_offcanvas {
    width: 100%
}

.mm-menu {
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto;
    max-width: none
}

.mm-menu .mm-navbars_top .mm-navbar {
    color: #fff;
    background-color: #08122c;
    padding-inline: .5rem;
    border: none
}

.mm-menu .mm-navbars_top .mm-navbar .mm-btn:focus {
    background-color: #506467;
    transition: none
}

.mm-menu .mm-navbar__title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.2777;
    padding-left: .5rem;
    padding-right: 0
}

.mm-menu .mm-navbar__btn:not(.mm-hidden) + .mm-navbar__title {
    padding-left: .5rem
}

.mm-menu .mm-btn {
    width: auto
}

.mm-menu .mm-btn_close::before,
.mm-menu .mm-btn_prev::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    border: none;
    content: "";
    display: block;
    height: 48px;
    position: static;
    transform: none;
    width: 48px
}

.mm-menu .mm-btn_close::after,
.mm-menu .mm-btn_prev::after {
    content: none;
    display: none
}

.mm-menu .mm-btn_close::before {
    background-image: url("/themes/custom/olamalu_oxford_law_main/images/x-close--white.svg")
}

.mm-menu .mm-btn_prev::before {
    background-image: url("/themes/custom/olamalu_oxford_law_main/images/caret-left--white.svg")
}

.mm-menu .mm-ctas {
    align-items: center;
    display: flex;
    gap: 1.5rem;
    justify-content: center;
    margin-inline: auto;
    max-width: 420px;
    padding: 0 1rem 2.75rem
}

.mm-menu .mm-ctas__home-link {
    flex-shrink: 0;
    font-size: 0
}

.mm-menu .mm-ctas__home-link a {
    display: inline-block;
    padding: .625rem
}

.mm-menu .mm-ctas__home-link a svg {
    stroke: #08122c
}

.mm-menu .mm-ctas__home-link a:focus svg {
    stroke: #d60b52
}

.mm-menu .mm-ctas__search-button {
    flex-grow: 1
}

.mm-menu .mm-ctas__search-button a {
    display: inline-block;
    width: 100%;
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
    border: 1px solid #08122c;
    padding: .5625rem 1rem
}

.mm-menu .mm-ctas__search-button a:focus {
    color: #fff;
    background-color: #506467;
    transition: none
}

.mm-menu .mm-panel::after {
    content: "";
    display: none
}

.mm-menu .mm-listview {
    margin-inline: auto;
    max-width: 640px;
    padding: 1rem .5rem 1rem
}

.mm-menu .mm-listitem {
    padding: 0;
    position: relative
}

.mm-menu .mm-listitem::after {
    background-color: rgba(8, 18, 44, .15);
    border: none;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: .5rem;
    position: absolute;
    width: calc(100% - 1rem)
}

.mm-menu .mm-listitem a:focus {
    background-color: #e5e5e5;
    transition: none
}

.mm-menu .mm-listitem__text {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
    padding: .875rem .5rem
}

.mm-menu .mm-listitem__btn {
    border: none;
    padding-right: 48px;
    position: relative
}

.mm-menu .mm-listitem__btn::before {
    background-image: url("/themes/custom/olamalu_oxford_law_main/images/caret-right--red.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border: none;
    content: "";
    display: block;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: none;
    transform: translateY(-50%);
    width: 24px
}

.mm-menu .mm-listitem__btn::after {
    content: none;
    display: none
}

@media screen and (hover) {
    .mm-menu .mm-navbars_top .mm-navbar .mm-btn:hover {
        background-color: #506467;
        transition: none
    }

    .mm-menu .mm-ctas__home-link a:hover {
        transition: none
    }

    .mm-menu .mm-ctas__home-link a:hover svg {
        stroke: #d60b52
    }

    .mm-menu .mm-ctas__search-button a:hover {
        color: #fff;
        background-color: #506467;
        transition: none
    }

    .mm-menu .mm-listitem a:hover {
        background-color: #e5e5e5;
        transition: none
    }
}

.vsc-searchform {
    position: relative;
    width: auto
}

.vsc-searchform input[type=text] {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    font-size: 1rem;
    color: #08122c;
    font-weight: 400;
    line-height: 1.25;
    background-color: #fff;
    border: 1px solid #08122c;
    padding: .5625rem .75rem;
    opacity: 0;
    transition: width .3s ease-in-out, padding-left .15s ease-in-out, padding-right .15s ease-in-out, opacity .3s ease-in-out
}

.vsc-searchform input[type=text]::-moz-placeholder {
    color: #888
}

.vsc-searchform input[type=text]:-ms-input-placeholder {
    color: #888
}

.vsc-searchform input[type=text]::placeholder {
    color: #888
}

.vsc-searchform .vsc-searchform-submit-container {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1;
    cursor: pointer;
    transition: background-color .35s ease-in-out
}

.vsc-searchform .vsc-searchform-submit-container:focus {
    background-color: #08122c;
    transition: background-color .15s ease-in-out
}

.vsc-searchform .vsc-searchform-submit-container:focus .search-icon {
    stroke: #fff;
    transform: translate(-50%, -50%) scale(1.25);
    transition: transform .15s ease-in-out, stroke .15s ease-in-out
}

.vsc-searchform input[type=submit] {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    z-index: 1
}

.vsc-searchform .search-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 20px;
    height: 20px;
    stroke: #08122c;
    transform: translate(-50%, -50%);
    transition: transform .5s ease-in-out, stroke .3s ease-in-out
}

.vsc-searchform .vsc-searchform-submit-container:focus ~ input[type=text],
.vsc-searchform input[type=text]:focus {
    width: 240px;
    padding-left: .75rem;
    padding-right: 2.5rem;
    opacity: 1;
    transition: width .15s ease-in-out, padding-left .15s ease-in-out, padding-right .15s ease-in-out, opacity 0s
}

@media screen and (hover) {
    .vsc-searchform .vsc-searchform-submit-container:hover {
        background-color: #08122c;
        transition: background-color .15s ease-in-out
    }

    .vsc-searchform .vsc-searchform-submit-container:hover .search-icon {
        stroke: #fff;
        transform: translate(-50%, -50%) scale(1.25);
        transition: transform .15s ease-in-out, stroke .15s ease-in-out
    }

    .vsc-searchform .vsc-searchform-submit-container:hover ~ input[type=text],
    .vsc-searchform input[type=text]:hover {
        width: 240px;
        padding-left: .75rem;
        padding-right: 2.5rem;
        opacity: 1;
        transition: width .15s ease-in-out, padding-left .15s ease-in-out, padding-right .15s ease-in-out, opacity 0s
    }
}

.icon-cta-link {
    display: inline-block;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    font-size: 1rem;
    color: #d60b52;
    font-weight: 600
}

.icon-cta-link:focus {
    text-decoration: underline
}

.icon-cta-link__icon {
    font-size: 0;
    background-color: #d60b52;
    border-radius: 100%
}

.icon-cta-link__icon img {
    width: 30px;
    rotate: -45deg
}

@media screen and (min-width:1024px) {
    .icon-cta-link {
        font-size: 1.125rem
    }
}

@media screen and (hover) {
    .icon-cta-link:hover {
        text-decoration: underline
    }
}

.hero-card__image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.hero-card__main-content {
    display: grid;
    row-gap: 1.5rem;
    background-color: #fff;
    padding: 1.25rem
}

.hero-card__main-content-text h1 {
    margin-top: 0;
    margin-bottom: 1rem
}

.hero-card__main-content-text p:last-child,
.hero-card__main-content-text h1:last-child,
.hero-card__main-content-text h2:last-child,
.hero-card__main-content-text h3:last-child,
.hero-card__main-content-text h4:last-child,
.hero-card__main-content-text h5:last-child,
.hero-card__main-content-text h6:last-child {
    margin-bottom: 0
}

.hero-card__main-content-links {
    display: grid;
    row-gap: 1rem
}

@media screen and (min-width:720px) {
    .hero-card__main-content {
        padding: 2rem
    }
}

@media screen and (min-width:1024px) {
    .hero-card__main-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 2rem
    }

    .hero-card__main-content-links {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 1rem
    }
}

@media screen and (min-width:1500px) {
    .hero-card__main-content {
        gap: 4rem
    }

    .hero-card__main-content-links {
        gap: 1.5rem
    }
}

.banner-sidebar-layout .hero-card {
    display: flex;
    flex-direction: column;
    height: 100%
}

.banner-sidebar-layout .hero-card__image {
    flex-shrink: 0
}

.banner-sidebar-layout .hero-card__main-content {
    flex-grow: 1
}

@media screen and (min-width:1220px) {
    .banner-sidebar-layout .hero-card__main-content {
        grid-template-columns: 3fr 4fr;
        grid-template-rows: auto
    }
}

@media screen and (min-width:1400px) {
    .banner-sidebar-layout .hero-card__main-content {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto
    }
}

.card-teaser {
    background: #fff;
    padding: 1.25rem
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-image {
    margin-bottom: .75rem
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 312/160;
    -o-object-fit: cover;
    object-fit: cover
}

.card-teaser .paragraph--type--feature-box .field--name-field-subtitle {
    font-size: 1rem;
    color: #bd1521;
    margin-bottom: .5rem
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-title {
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    color: #08122c;
    font-size: 1.3125rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-title:last-child {
    margin-bottom: 0
}

.card-teaser .paragraph--type--feature-box .text-long p:last-child,
.card-teaser .paragraph--type--feature-box .text-long h1:last-child,
.card-teaser .paragraph--type--feature-box .text-long h2:last-child,
.card-teaser .paragraph--type--feature-box .text-long h3:last-child,
.card-teaser .paragraph--type--feature-box .text-long h4:last-child,
.card-teaser .paragraph--type--feature-box .text-long h5:last-child,
.card-teaser .paragraph--type--feature-box .text-long h6:last-child {
    margin-bottom: 0
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-link {
    font-size: 0;
    text-align: right;
    margin-top: 1rem
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-link:first-child {
    margin-top: 0
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-link a {
    display: inline-flex;
    align-items: center;
    font-size: 1.125rem;
    color: #d60b52;
    font-weight: 600;
    text-decoration: none
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-link a::before {
    display: inline-block;
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/themes/custom/olamalu_oxford_law_main/images/arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 1rem
}

.card-teaser .paragraph--type--feature-box .field--name-field-paragraph-link a:focus {
    text-decoration: underline
}

@media screen and (hover) {
    .card-teaser .paragraph--type--feature-box .field--name-field-paragraph-link a:hover {
        text-decoration: underline
    }
}

@media screen and (min-width:1220px) {
    .banner-sidebar-layout .card-teaser {
        height: 100%
    }

    .banner-sidebar-layout .card-teaser .field--name-field-referenced-item {
        height: 100%
    }

    .banner-sidebar-layout .card-teaser .paragraph--type--feature-box {
        display: flex;
        flex-direction: column;
        height: 100%
    }

    .banner-sidebar-layout .field--name-field-paragraph-image {
        flex-shrink: 0
    }

    .banner-sidebar-layout .field--name-field-paragraph-link {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end
    }
}

.card-teaser-text {
    display: block;
    background-color: #08122c;
    padding: 1.25rem;
    color: #fff;
    transition: transform .3s ease-in-out;
    width: 100%
}

.card-teaser-text:link:focus {
    transform: scale(1.025);
    transition: transform .15s ease-in-out
}

.card-teaser-text__top {
    display: grid;
    row-gap: .5rem
}

.card-teaser-text__image {
    margin-bottom: .25rem
}

.card-teaser-text__image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 312/160;
    -o-object-fit: cover;
    object-fit: cover
}

h3.card-teaser-text__title {
    color: var(--c-accent);
    font-family: "Lora", "Yeseva One", "HelveticaNeue", "Helvetica", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    margin: 50px;
    width: auto;
    font-size: 1.25rem;
    color: #fff;
    line-height: 1.2;
    margin: 0
}

h3.card-teaser-text__title__link {
    color: inherit
}

h3.card-teaser-text__title__link:hover {
    color: inherit
}

p.card-teaser-text__body {
    line-height: 1.4;
    font-size: 18px;
    margin: 0
}

p.card-teaser-text__date {
    font-size: .875rem;
    margin: 0
}

.card-teaser-text__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: .5rem;
    margin-top: 1.5rem
}

.card-teaser-text__author p {
    font-size: 1rem;
    font-weight: 600;
    margin: 0
}

.card-teaser-text__link-icon {
    flex-shrink: 0;
    font-size: 0;
    background-color: #d60b52;
    border-radius: 100%
}

.card-teaser-text__link-icon img {
    width: 30px;
    rotate: -45deg
}

@media screen and (hover) {
    .card-teaser-text:link:hover {
        transform: scale(1.025);
        transition: transform .15s ease-in-out
    }
}

.card-teaser-text--light {
    background-color: #fff;
    color: #08122c
}

.card-teaser-text--light h3.card-teaser-text__title {
    color: #08122c
}

.card-teaser-grid-layout .card-teaser-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.card-teaser-grid-layout .card-teaser-text__top {
    flex-grow: 1
}

.card-teaser-grid-layout .card-teaser-text__bottom {
    flex-shrink: 0
}

.banner-sidebar-layout {
    padding-bottom: 50px;
    background-color: #edf4f5
}

.banner-sidebar-layout__sidebar {
    display: none
}

@media screen and (min-width:1220px) {
    .banner-sidebar-layout {
        display: grid;
        grid-template-columns: 3fr 1fr;
        grid-template-rows: auto;
        gap: 1.5rem
    }

    .banner-sidebar-layout__sidebar {
        display: grid;
        row-gap: 1.5rem
    }
}

.message-stripe {
    background-color: #08122c
}

.message-stripe__inner {
    position: relative;
    padding: 3rem 1.25rem;
    overflow: hidden
}

.message-stripe__inner::before,
.message-stripe__inner::after {
    position: absolute;
    display: block;
    content: "";
    border-radius: 100%
}

.message-stripe__inner::before {
    top: -110px;
    left: -110px;
    width: 264px;
    height: 264px;
    background-color: #ee832b
}

.message-stripe__inner::after {
    bottom: -192px;
    right: -192px;
    width: 336px;
    height: 336px;
    background-color: #da5028
}

.message-stripe__image {
    position: relative;
    max-width: 240px;
    margin: 0 auto 1.25rem;
    z-index: 1
}

.message-stripe__image img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
    border: 6px solid #fff;
    overflow: hidden
}

.message-stripe__main-content {
    position: relative;
    z-index: 1
}

.message-stripe__snippet {
    margin-bottom: .5rem
}

.message-stripe__snippet:last-child {
    margin-bottom: 0
}

.message-stripe__snippet p {
    font-size: .875rem;
    color: #fff;
    margin: 0
}

.message-stripe__title {
    margin-bottom: .5rem
}

.message-stripe__title:last-child {
    margin-bottom: 0
}

.message-stripe__title h2 {
    color: #fff;
    margin: 0
}

.message-stripe__message-text {
    margin-bottom: 1.5rem
}

.message-stripe__message-text:last-child {
    margin-bottom: 0
}

.message-stripe__message-text p {
    font-size: 1.1875rem;
    color: #fff;
    margin: 0
}

.message-stripe__citation p {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    margin: 0
}

@media screen and (min-width:720px) {
    .message-stripe__inner {
        display: grid;
        grid-template-columns: 240px 1fr;
        grid-template-rows: auto;
        gap: 3rem;
        padding-inline: 2rem
    }

    .message-stripe__image {
        max-width: none;
        margin: 0
    }

    .message-stripe__main-content {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}

@media screen and (min-width:1024px) {
    .message-stripe__inner {
        grid-template-columns: 330px 1fr;
        grid-template-rows: auto;
        gap: 3.75rem
    }

    .message-stripe__inner::before {
        top: -151.25px;
        left: -151.25px;
        width: 363px;
        height: 363px
    }

    .message-stripe__inner::after {
        bottom: -264px;
        right: -264px;
        width: 462px;
        height: 462px
    }
}

@media screen and (min-width:1220px) {
    .message-stripe__inner {
        grid-template-columns: 420px 1fr;
        grid-template-rows: auto;
        gap: 4.5rem;
        padding-inline: 3rem
    }

    .message-stripe__inner::before {
        top: -192.5px;
        left: -192.5px;
        width: 462px;
        height: 462px
    }

    .message-stripe__inner::after {
        bottom: -336px;
        right: -336px;
        width: 588px;
        height: 588px
    }

    .message-stripe__snippet p {
        font-size: 1rem
    }

    .message-stripe__message-text p {
        font-size: 1.5rem
    }

    .message-stripe__citation p {
        font-size: 1.1875rem
    }
}

.node-type--landing-page .field--name-field-paragraph .paragraph--type--message-stripe {
    margin: 0 -5vw
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .paragraph--type--message-stripe {
    position: relative
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .paragraph--type--message-stripe::after {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item + .field--item > .paragraph--type--message-stripe::before {
    position: absolute;
    top: -50px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item:last-child > .paragraph--type--message-stripe {
    margin-bottom: 0
}

.node-type--landing-page .field--name-field-paragraph .paragraph--type--text-with-image {
    margin: 0 -5vw
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .paragraph--type--text-with-image {
    position: relative
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .paragraph--type--text-with-image::after {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item + .field--item > .paragraph--type--text-with-image::before {
    position: absolute;
    top: -50px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item:last-child > .paragraph--type--text-with-image {
    margin-bottom: 0
}

.latest-blogs {
    background-color: #edf4f5;
    padding: 50px 0px;
    background-color: #edf4f5;
    width: 100%
}

.latest-blogs__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 1rem 1.5rem
}

.latest-blogs__header-title h2 {
    margin: 0
}

.latest-blogs__card-grid {
    margin-top: 2rem
}

.node-type--landing-page .field--name-field-paragraph .latest-blogs {
    margin: 0 -5vw;
    max-width: calc(2000px - 10vw);
    width: 90vw
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .latest-blogs {
    position: relative
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .latest-blogs::after {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item + .field--item > .latest-blogs {
    position: relative
}

.node-type--landing-page .field--name-field-paragraph > .field--item + .field--item > .latest-blogs::before {
    position: absolute;
    top: -50px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item:last-child > .latest-blogs {
    margin-bottom: 0
}

.selector-grid {
    background-color: #edf4f5;
    padding: 50px 0px;
    background-color: #edf4f5;
    width: 100%
}

.selector-grid__header-title h2 {
    margin: 0
}

.selector-grid__card-grid {
    margin-top: 2rem;
    display: grid;
    row-gap: 1.5rem
}

@media screen and (min-width:720px) {
    .selector-grid__card-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 1.5rem
    }
}

@media screen and (min-width:1024px) {
    .selector-grid__card-grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto
    }
}

.node-type--landing-page .field--name-field-paragraph .paragraph--type--selector-paragraph {
    margin: 0 -5vw;
    max-width: calc(2000px - 10vw);
    width: 90vw
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .paragraph--type--selector-paragraph {
    position: relative
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .paragraph--type--selector-paragraph::after {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item + .field--item > .paragraph--type--selector-paragraph::before {
    position: absolute;
    top: -50px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item:last-child > .paragraph--type--selector-paragraph {
    margin-bottom: 0
}

.teaser-stripe {
    background-color: #edf4f5;
    padding: 50px 0px;
    background-color: #edf4f5;
    width: 100%
}

.teaser-stripe__header-title h2 {
    margin: 0
}

.teaser-stripe__card-grid {
    margin-top: 2rem
}

.node-type--landing-page .field--name-field-paragraph .teaser-stripe {
    margin: 0 -5vw;
    max-width: calc(2000px - 10vw);
    width: 90vw
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .teaser-stripe {
    position: relative
}

.node-type--landing-page .field--name-field-paragraph > .field--item > .teaser-stripe::after {
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item + .field--item > .teaser-stripe {
    position: relative
}

.node-type--landing-page .field--name-field-paragraph > .field--item + .field--item > .teaser-stripe::before {
    position: absolute;
    top: -50px;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 50px;
    background-color: #edf4f5
}

.node-type--landing-page .field--name-field-paragraph > .field--item:last-child > .teaser-stripe {
    margin-bottom: 0
}