@charset "UTF-8";

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important;
}

/* =================================================================================
  Fonts
================================================================================= */
@font-face {
    font-family: 'icomoon';
    src: url("../../fonts/icomoon.eot?1pnqw");
    src: url("../../fonts/icomoon.eot?1pnqw#iefix") format("embedded-opentype"), url("../../fonts/icomoon.ttf?1pnqw") format("truetype"), url("../../fonts/icomoon.woff?1pnqw") format("woff"), url("../../fonts/icomoon.svg?1pnqw#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*
Theme Name: jhup_associations
*/
/**
 * Base - global styles, utilities, mixins, and variables
 */
/* =================================================================================
~ Breakpoints - Credit: Bootstrap 4
================================================================================= */
/* =================================================================================
~ Breakpoints - Credit: Bootstrap 4
================================================================================= */
.visually-hide {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.visually-hide.focusable:active,
.visually-hide.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

/* Not to be used with a form container */
/* Use -webkit-overflow-scrolling: auto instead */
/* =================================================================================
~ Functions
================================================================================= */
/* =================================================================================
~ Functions
================================================================================= */
/* =================================================================================
	Utilities
================================================================================= */
.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container--max-width {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container--max-width {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container--max-width {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container--max-width {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .container--max-width {
        max-width: 1540px;
    }
}

.container--padded {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

/* =================================================================================
	Reboot - combination of normalization, reset, and defaults
================================================================================= */
*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
    font-size: 60%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    color: #0D0D0D;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-size: 1.7rem;
    font-weight: 400;
    text-align: left;
    margin: auto 20px;
}

body {

    p,
    ul,
    ol {
        line-height: 2.55rem;
    }
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: inherit;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
}

address {
    font-style: normal;
    line-height: inherit;
}

sub,
sup {
    position: relative;
    font-size: .85em;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

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

img {
    max-width: 100%;
    height: auto;
    border-style: none;
    display: block;
}

svg:not(:root) {
    overflow: hidden;
}

label {
    display: inline-block;
}

button {
    background: transparent;
    border: none;
    border-radius: 0;
}

input,
button,
select,
optgroup,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

textarea {
    overflow: auto;
    resize: vertical;
}

table {
    border: 0;
    border-collapse: collapse;
    empty-cells: show;
    font-size: 1em;
}

caption,
th,
td {
    font-weight: normal;
    text-align: inherit;
    vertical-align: top;
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}

@-ms-viewport {
    width: device-width;
}

/* Media Queries
============================================================================= */
/* ==========================================================================
	WYSIWYG
============================================================================= */
/* WYSIWYG
============================================================================= */
.wysiwyg__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .wysiwyg__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .wysiwyg__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .wysiwyg__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .wysiwyg__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .wysiwyg__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .wysiwyg__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.wysiwyg,
.cke_editable,
.cke_panel_list {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

@media (min-width: 768px) {

    .wysiwyg,
    .cke_editable,
    .cke_panel_list {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.wysiwyg a:not([class^="button"]),
.cke_editable a:not([class^="button"]),
.cke_panel_list a:not([class^="button"]) {
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.wysiwyg a:not([class^="button"]):hover,
.cke_editable a:not([class^="button"]):hover,
.cke_panel_list a:not([class^="button"]):hover,
.wysiwyg a:not([class^="button"]):focus,
.cke_editable a:not([class^="button"]):focus,
.cke_panel_list a:not([class^="button"]):focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.wysiwyg p,
.cke_editable p,
.cke_panel_list p {
    margin: 30px 0;
}

.wysiwyg p.paragraph-introduction,
.cke_editable p.paragraph-introduction,
.cke_panel_list p.paragraph-introduction {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    font-family: Gentona, "Myriad Pro", sans-serif;
    color: #002D72;
    font-weight: 500;
}

@media (min-width: 768px) {

    .wysiwyg p.paragraph-introduction,
    .cke_editable p.paragraph-introduction,
    .cke_panel_list p.paragraph-introduction {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

.wysiwyg h1+*,
.cke_editable h1+*,
.cke_panel_list h1+*,
.wysiwyg h2+*,
.cke_editable h2+*,
.cke_panel_list h2+*,
.wysiwyg h3+*,
.cke_editable h3+*,
.cke_panel_list h3+*,
.wysiwyg h4+*,
.cke_editable h4+*,
.cke_panel_list h4+*,
.wysiwyg h5+*,
.cke_editable h5+*,
.cke_panel_list h5+*,
.wysiwyg h6+*,
.cke_editable h6+*,
.cke_panel_list h6+* {
    margin-top: 0;
}

.wysiwyg h1,
.cke_editable h1,
.cke_panel_list h1 {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 62px;
    line-height: 6.2rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    margin: 50px 0 10px;
}

@media (min-width: 768px) {

    .wysiwyg h1,
    .cke_editable h1,
    .cke_panel_list h1 {
        font-size: 96px;
        font-size: 9.6rem;
        line-height: 86px;
        line-height: 8.6rem;
    }
}

.wysiwyg h2,
.cke_editable h2,
.cke_panel_list h2 {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 40px;
    font-size: 4rem;
    line-height: 60px;
    line-height: 6rem;
    margin: 50px 0 10px;
}

@media (min-width: 768px) {

    .wysiwyg h2,
    .cke_editable h2,
    .cke_panel_list h2 {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

.wysiwyg h3,
.cke_editable h3,
.cke_panel_list h3 {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    margin: 50px 0 10px;
}

@media (min-width: 768px) {

    .wysiwyg h3,
    .cke_editable h3,
    .cke_panel_list h3 {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.wysiwyg h4,
.cke_editable h4,
.cke_panel_list h4 {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #002D72;
    margin: 50px 0 10px;
}

@media (min-width: 768px) {

    .wysiwyg h4,
    .cke_editable h4,
    .cke_panel_list h4 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.wysiwyg h5,
.cke_editable h5,
.cke_panel_list h5 {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin: 50px 0 10px;
}

@media (min-width: 768px) {

    .wysiwyg h5,
    .cke_editable h5,
    .cke_panel_list h5 {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        line-height: 3rem;
    }
}

.wysiwyg h6,
.cke_editable h6,
.cke_panel_list h6 {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    margin: 50px 0 10px;
}

.wysiwyg .intro,
.cke_editable .intro,
.cke_panel_list .intro {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
}

@media (min-width: 768px) {

    .wysiwyg .intro,
    .cke_editable .intro,
    .cke_panel_list .intro {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

.wysiwyg .intro p,
.cke_editable .intro p,
.cke_panel_list .intro p {
    margin: 0;
}

.wysiwyg .small,
.cke_editable .small,
.cke_panel_list .small {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}

@media (min-width: 768px) {

    .wysiwyg .small,
    .cke_editable .small,
    .cke_panel_list .small {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.wysiwyg .label,
.cke_editable .label,
.cke_panel_list .label {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

/* WYSIWYG Images
============================================================================= */
.wysiwyg figure,
.cke_editable figure,
.cke_panel_list figure {
    margin: 0;
}

.wysiwyg img,
.cke_editable img,
.cke_panel_list img {
    height: auto;
    max-width: 100%;
}

.wysiwyg .align-left,
.cke_editable .align-left,
.cke_panel_list .align-left,
.wysiwyg .align-right,
.cke_editable .align-right,
.cke_panel_list .align-right,
.wysiwyg .align-center,
.cke_editable .align-center,
.cke_panel_list .align-center {
    width: auto;
    display: table;
    margin-top: 20px;
    margin-bottom: 20px;
    table-layout: fixed;
}

.wysiwyg .align-left img,
.cke_editable .align-left img,
.cke_panel_list .align-left img,
.wysiwyg .align-right img,
.cke_editable .align-right img,
.cke_panel_list .align-right img,
.wysiwyg .align-center img,
.cke_editable .align-center img,
.cke_panel_list .align-center img {
    display: block;
    max-width: 100%;
}

.wysiwyg .align-left figcaption,
.cke_editable .align-left figcaption,
.cke_panel_list .align-left figcaption,
.wysiwyg .align-right figcaption,
.cke_editable .align-right figcaption,
.cke_panel_list .align-right figcaption,
.wysiwyg .align-center figcaption,
.cke_editable .align-center figcaption,
.cke_panel_list .align-center figcaption {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    width: 90%;
    position: relative;
    z-index: 1;
    background: #F4F4F4;
    caption-side: bottom;
    display: table-caption;
    margin: -20px 0 0 0;
    padding: 20px;
}

@media (min-width: 768px) {

    .wysiwyg .align-left figcaption,
    .cke_editable .align-left figcaption,
    .cke_panel_list .align-left figcaption,
    .wysiwyg .align-right figcaption,
    .cke_editable .align-right figcaption,
    .cke_panel_list .align-right figcaption,
    .wysiwyg .align-center figcaption,
    .cke_editable .align-center figcaption,
    .cke_panel_list .align-center figcaption {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.wysiwyg .align-left,
.cke_editable .align-left,
.cke_panel_list .align-left,
.wysiwyg .align-right,
.cke_editable .align-right,
.cke_panel_list .align-right,
.wysiwyg img.alignright,
.cke_editable img.alignright,
.cke_panel_list img.alignright,
.wysiwyg img.alignleft,
.cke_editable img.alignleft,
.cke_panel_list img.alignleft {
    max-width: 50%;
}

@media (max-width: 767.98px) {

    .wysiwyg .align-left,
    .cke_editable .align-left,
    .cke_panel_list .align-left,
    .wysiwyg .align-right,
    .cke_editable .align-right,
    .cke_panel_list .align-right,
    .wysiwyg img.alignright,
    .cke_editable img.alignright,
    .cke_panel_list img.alignright,
    .wysiwyg img.alignleft,
    .cke_editable img.alignleft,
    .cke_panel_list img.alignleft {
        max-width: 100%;
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 576px) {

    .wysiwyg .align-left,
    .cke_editable .align-left,
    .cke_panel_list .align-left,
    .wysiwyg img.alignleft,
    .cke_editable img.alignleft,
    .cke_panel_list img.alignleft {
        float: left;
        margin-right: 30px;
    }
}

@media (min-width: 576px) {

    .wysiwyg .align-right,
    .cke_editable .align-right,
    .cke_panel_list .align-right,
    .wysiwyg img.alignright,
    .cke_editable img.alignright,
    .cke_panel_list img.alignright {
        float: right;
        margin-left: 30px;
    }
}

.wysiwyg .align-center img,
.cke_editable .align-center img,
.cke_panel_list .align-center img {
    margin-right: auto;
    margin-left: auto;
}

.wysiwyg img.aligncenter,
.cke_editable img.aligncenter,
.cke_panel_list img.aligncenter {
    margin-right: auto;
    margin-left: auto;
}

.wysiwyg .rtecenter,
.cke_editable .rtecenter,
.cke_panel_list .rtecenter {
    text-align: center;
}

.wysiwyg .media,
.cke_editable .media,
.cke_panel_list .media {
    max-width: 100%;
}

.wysiwyg .media.media--type-remote-video,
.cke_editable .media.media--type-remote-video,
.cke_panel_list .media.media--type-remote-video {
    padding-top: 56.25%;
    position: relative;
    margin: 30px 0;
}

.wysiwyg .media.media--type-remote-video iframe,
.cke_editable .media.media--type-remote-video iframe,
.cke_panel_list .media.media--type-remote-video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media (min-width: 576px) {

    .wysiwyg .media--view-mode-wysiwyg-small,
    .cke_editable .media--view-mode-wysiwyg-small,
    .cke_panel_list .media--view-mode-wysiwyg-small {
        width: 170px;
    }
}

@media (min-width: 576px) {

    .wysiwyg .media--view-mode-wysiwyg-medium,
    .cke_editable .media--view-mode-wysiwyg-medium,
    .cke_panel_list .media--view-mode-wysiwyg-medium {
        width: 340px;
    }
}

@media (min-width: 576px) {

    .wysiwyg .media--view-mode-wysiwyg-large,
    .cke_editable .media--view-mode-wysiwyg-large,
    .cke_panel_list .media--view-mode-wysiwyg-large {
        width: 685px;
    }
}

/* Blockquote
============================================================================= */
.wysiwyg blockquote,
.cke_editable blockquote,
.cke_panel_list blockquote {
    position: relative;
    margin-bottom: 15px;
    padding: 1px;
}

.wysiwyg blockquote:before,
.cke_editable blockquote:before,
.cke_panel_list blockquote:before {
    width: 5px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #D9EAF8;
    content: "";
    display: block;
}

.wysiwyg blockquote:after,
.cke_editable blockquote:after,
.cke_panel_list blockquote:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    position: absolute;
    left: 15px;
    top: 10px;
    color: #F16300;
}

@media (min-width: 992px) {

    .wysiwyg blockquote:after,
    .cke_editable blockquote:after,
    .cke_panel_list blockquote:after {
        left: 30px;
        top: 20px;
    }
}

.wysiwyg blockquote p,
.cke_editable blockquote p,
.cke_panel_list blockquote p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #0D0D0D;
    margin: 25px 0 0 0;
    padding: 15px 0 15px 15px;
}

@media (min-width: 768px) {

    .wysiwyg blockquote p,
    .cke_editable blockquote p,
    .cke_panel_list blockquote p {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

@media (min-width: 992px) {

    .wysiwyg blockquote p,
    .cke_editable blockquote p,
    .cke_panel_list blockquote p {
        padding: 35px 0 30px 30px;
    }
}

/* Lists
============================================================================= */
.wysiwyg hr,
.cke_editable hr,
.cke_panel_list hr {
    color: rgba(174, 174, 174, 0.5);
    margin: 30px 0;
}

.wysiwyg ol,
.cke_editable ol,
.cke_panel_list ol,
.wysiwyg ul,
.cke_editable ul,
.cke_panel_list ul {
    list-style: none;
    margin: 15px 0 35px 0;
    padding-left: 14px;
}

.wysiwyg ol li,
.cke_editable ol li,
.cke_panel_list ol li,
.wysiwyg ul li,
.cke_editable ul li,
.cke_panel_list ul li {
    margin: 15px 0;
}

.wysiwyg ol ul,
.cke_editable ol ul,
.cke_panel_list ol ul,
.wysiwyg ol ol,
.cke_editable ol ol,
.cke_panel_list ol ol,
.wysiwyg ul ul,
.cke_editable ul ul,
.cke_panel_list ul ul,
.wysiwyg ul ol,
.cke_editable ul ol,
.cke_panel_list ul ol {
    margin-left: 0;
    padding-left: 20px;
}

.wysiwyg ol,
.cke_editable ol,
.cke_panel_list ol {
    counter-reset: li;
    padding-left: 30px;
}

.wysiwyg ol>li,
.cke_editable ol>li,
.cke_panel_list ol>li {
    position: relative;
}

.wysiwyg ol>li:before,
.cke_editable ol>li:before,
.cke_panel_list ol>li:before {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 500;
    color: #002D72;
    content: counter(li) ". ";
    counter-increment: li;
    position: absolute;
    left: -30px;
    top: 1px;
}

ol.lower>li:before {
    content: counter(li, lower-latin) ". ";
}

ol.upper>li:before {
    content: counter(li, upper-latin) ". ";
}

ol.lower-roman>li:before {
    content: counter(li, lower-roman) ". ";
}

ol.upper-roman>li:before {
    content: counter(li, upper-roman) ". ";
}

.wysiwyg ol>li li:before,
.cke_editable ol>li li:before,
.cke_panel_list ol>li li:before {
    color: #2A60A0;
}

.wysiwyg ol ul,
.cke_editable ol ul,
.cke_panel_list ol ul {
    padding-left: 16px;
}

.wysiwyg ol ol,
.cke_editable ol ol,
.cke_panel_list ol ol {
    padding-left: 30px;
}

.wysiwyg ul:not(.contextual-links) li:before,
.cke_editable ul:not(.contextual-links) li:before,
.cke_panel_list ul:not(.contextual-links) li:before {
    width: 6px;
    height: 6px;
    background: #2A60A0;
    border-radius: 50%;
    content: "";
    display: block;
    float: left;
    margin: 11px 0 0 -13px;
}

.wysiwyg ul:not(.contextual-links) li li:before,
.cke_editable ul:not(.contextual-links) li li:before,
.cke_panel_list ul:not(.contextual-links) li li:before {
    background: #2A60A0;
}

.wysiwyg>ul>li>ul>li:before,
.cke_editable>ul>li>ul>li:before,
.cke_panel_list>ul>li>ul>li:before,
.wysiwyg ol>li>ul>li>ul>li:before,
.cke_editable ol>li>ul>li>ul>li:before,
.cke_panel_list ol>li>ul>li>ul>li:before {
    border: 1px solid #2A60A0;
    background: transparent !important;
}

/* Tables
============================================================================= */
.wysiwyg table,
.cke_editable table,
.cke_panel_list table {
    width: 100%;
    border-collapse: collapse;
    margin: 25px 0;
}

.wysiwyg table th,
.cke_editable table th,
.cke_panel_list table th,
.wysiwyg table td,
.cke_editable table td,
.cke_panel_list table td {
    padding: 8px 20px;
}

.wysiwyg table th,
.cke_editable table th,
.cke_panel_list table th {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    background: #0D0D0D;
    color: #fff;
    text-align: left;
}

.wysiwyg table tr:nth-child(even),
.cke_editable table tr:nth-child(even),
.cke_panel_list table tr:nth-child(even) {
    background: #F4F4F4;
}

.wysiwyg table thead tr,
.cke_editable table thead tr,
.cke_panel_list table thead tr {
    border: none;
}

.wysiwyg table td,
.cke_editable table td,
.cke_panel_list table td {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
}

.table_wrapper {
    margin-top: 40px;
    margin-bottom: 40px;
    min-height: 0.01%;
}

.table_wrapper_overflow {
    position: relative;
    border: 1px solid #ccc;
}

.table_wrapper_overflow:after {
    background-color: rgba(0, 0, 0, 0);
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
}

.table_wrapper_inner {
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* iFrame
============================================================================= */
.wysiwyg .video-frame,
.cke_editable .video-frame,
.cke_panel_list .video-frame {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}

.wysiwyg .video-frame iframe,
.cke_editable .video-frame iframe,
.cke_panel_list .video-frame iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@media print {

    .wysiwyg .video-frame,
    .cke_editable .video-frame,
    .cke_panel_list .video-frame {
        display: none;
    }
}

/* =================================================================================
	Buttons
================================================================================= */
/*	Buttons - Text Links
================================================================================= */
/*	Buttons - For wysiwyg editor
================================================================================= */
.button-blue {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {
    .button-blue {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .button-blue {
        padding: 10px 30px;
    }
}

.button-blue:hover,
.button-blue:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.button-orange {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
}

@media (min-width: 992px) {
    .button-orange {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .button-orange {
        padding: 10px 30px;
    }
}

.button-orange:hover,
.button-orange:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/* ==========================================================================
   Drupal Specific
============================================================================= */
/* Drupal Tabs - be careful of WYSIWYG styles
============================================================================= */
.drupal__tabs {
    height: 40px;
    border-bottom: 1px solid #333;
    display: block;
    margin: 25px 0 25px 0;
    padding: 0 !important;
}

.drupal__tab {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.drupal__tab:before {
    display: none !important;
}

.wysiwyg .drupal__tab a,
.cke_editable .drupal__tab a,
.cke_panel_list .drupal__tab a {
    height: 40px;
    background: #fff;
    border: 1px solid #333;
    box-shadow: none;
    color: #000;
    display: inline-block;
    line-height: 40px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    transition: background 0.25s;
}

.wysiwyg .drupal__tab a:hover,
.cke_editable .drupal__tab a:hover,
.cke_panel_list .drupal__tab a:hover,
.wysiwyg .drupal__tab a.is-active,
.cke_editable .drupal__tab a.is-active,
.cke_panel_list .drupal__tab a.is-active {
    border-bottom-color: #333;
    box-shadow: none;
    background: #F4F4F4;
    color: #000;
}

.drupal__tab a {
    height: 40px;
    background: #fff;
    border: 1px solid #333;
    box-shadow: none;
    color: #000;
    display: inline-block;
    line-height: 40px;
    margin: 0 5px 0 0;
    padding: 0 10px;
    transition: background 0.25s;
}

.drupal__tab a:hover,
.drupal__tab a.is-active {
    border-bottom-color: #333;
    box-shadow: none;
    background: #F4F4F4;
    color: #000;
}

.messages a {
    text-decoration: underline;
}

.ajax-progress-fullscreen {
    box-sizing: content-box;
}

/* =================================================================================
  CKEditor
================================================================================= */
.cke_editable {
    padding: 1rem;
    background-color: white;
}

.cke_editable p:first-child {
    margin-top: 0;
}

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

.cke_panel_list p,
.cke_panel_list h1,
.cke_panel_list h2,
.cke_panel_list h3,
.cke_panel_list h4,
.cke_panel_list h5,
.cke_panel_list h6 {
    margin: 0 !important;
}

.cke_panel_list [title="Blue button"] {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    color: #fff !important;
    background-color: #002D72 !important;
}

@media (min-width: 992px) {
    .cke_panel_list [title="Blue button"] {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .cke_panel_list [title="Blue button"] {
        padding: 10px 30px;
    }
}

.cke_panel_list [title="Blue button"]:hover,
.cke_panel_list [title="Blue button"]:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.cke_panel_list [title="Orange button"] {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    color: #002D72 !important;
    background-color: #FF9E1B !important;
}

@media (min-width: 992px) {
    .cke_panel_list [title="Orange button"] {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .cke_panel_list [title="Orange button"] {
        padding: 10px 30px;
    }
}

.cke_panel_list [title="Orange button"]:hover,
.cke_panel_list [title="Orange button"]:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/**
 * Components - reusable components
 */
/* ==========================================================================
	Address Pages
============================================================================= */
.address-book__wrapper {
    color: #0D0D0D;
}

@media (max-width: 1199.98px) {
    .address-book__wrapper .form-item {
        width: 100%;
    }
}

.address-book__wrapper .form-text,
.address-book__wrapper .form-tel {
    width: 100%;
}

.profile-customer-address-book-add-form .form-submit,
.profile-customer-address-book-edit-form .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {

    .profile-customer-address-book-add-form .form-submit,
    .profile-customer-address-book-edit-form .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {

    .profile-customer-address-book-add-form .form-submit,
    .profile-customer-address-book-edit-form .form-submit {
        padding: 10px 30px;
    }
}

.profile-customer-address-book-add-form .form-submit:hover,
.profile-customer-address-book-add-form .form-submit:focus,
.profile-customer-address-book-edit-form .form-submit:hover,
.profile-customer-address-book-edit-form .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.address-book__profiles {
    border-bottom: 1px solid #AEAEAE;
    display: block;
    margin-bottom: 35px;
    padding-bottom: 35px;
}

.address-book__profile {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    border-top: 1px solid #AEAEAE;
    margin: 35px 0 0 0;
    padding-top: 35px;
}

@media (min-width: 768px) {
    .address-book__profile {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .address-book__profile {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
}

.address-book__profile:first-child {
    margin-top: 0;
}

.address-book__profile a {
    color: #002D72;
    font-weight: 500;
    text-decoration: underline;
    transition: color 0.25s;
}

.address-book__profile a:hover,
.address-book__profile a:focus {
    color: #2A60A0;
}

.address-book__profile .address-line1 {
    display: inline-block;
    margin-top: 10px;
}

.address-book__profile .country {
    display: inline-block;
    margin-bottom: 10px;
}

.default-tag {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    width: 97px;
    background: #F16300;
    color: #002D72;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 10px 0;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .default-tag {
        margin: 0;
    }
}

.address-book__operations {
    margin: 0;
}

.address-book__operations a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    display: inline;
    margin-right: 18px;
    text-decoration: none;
}

.address-book__operations a:hover,
.address-book__operations a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.address-book__operations a:last-child {
    margin-right: 0;
}

.address-book__add-link {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    margin: 0;
}

@media (min-width: 992px) {
    .address-book__add-link {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .address-book__add-link {
        padding: 10px 30px;
    }
}

.address-book__add-link:hover,
.address-book__add-link:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.profile-customer-address-book-edit-form .form-actions {
    margin-top: 40px;
}

.profile-customer-address-book-edit-form .button--danger {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.profile-customer-address-book-edit-form .button--danger:hover,
.profile-customer-address-book-edit-form .button--danger:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.profile-customer-address-book-delete-form {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .profile-customer-address-book-delete-form {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.profile-customer-address-book-delete-form .form-actions .button--primary {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {
    .profile-customer-address-book-delete-form .form-actions .button--primary {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .profile-customer-address-book-delete-form .form-actions .button--primary {
        padding: 10px 30px;
    }
}

.profile-customer-address-book-delete-form .form-actions .button--primary:hover,
.profile-customer-address-book-delete-form .form-actions .button--primary:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.profile-customer-address-book-delete-form .form-actions a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.profile-customer-address-book-delete-form .form-actions a:hover,
.profile-customer-address-book-delete-form .form-actions a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

/* ==========================================================================
	Alert
============================================================================= */
.alert {
    height: 161px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #D2441F;
    color: #fff;
    padding: 18px 0;
}

@media (min-width: 992px) {
    .alert {
        height: auto;
        display: block;
    }
}

.alert .close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 12px;
    right: 20px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    float: none;
    font-size: 13px;
    transform: scale(1);
    transition: transform 0.25s;
}

.alert .close:hover,
.alert .close:focus {
    transform: scale(1.1);
}

.alert .close:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(13px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.alert__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .alert__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .alert__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .alert__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .alert__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .alert__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .alert__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.alert__inner {
    padding-right: 40px;
}

.alert__inner p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: Quadon, "Times New Roman", serif;
}

@media (min-width: 768px) {
    .alert__inner p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (max-width: 991.98px) {
    .alert__inner p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
    }
}

.alert__inner p a {
    box-shadow: 0 2px 0 #fff;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
}

.alert__inner p a:hover,
.alert__inner p a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #D9EAF8;
}

/* ==========================================================================
	Author / Profile
============================================================================= */
.hero--author .hero {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .hero--author .hero {
        margin-bottom: 80px;
        min-height: 400px;
    }
}

.hero--author .hero .views-element-container {
    display: none;
}

.hero--author .hero__container {
    position: relative;
}

.hero--author h1 {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 62px;
    line-height: 6.2rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    color: #fff;
    margin: 0;
    max-width: 730px;
}

@media (min-width: 768px) {
    .hero--author h1 {
        font-size: 96px;
        font-size: 9.6rem;
        line-height: 86px;
        line-height: 8.6rem;
    }
}

.hero--author.node--type-profile h1 {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 65px;
    line-height: 6.5rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
    .hero--author.node--type-profile h1 {
        font-size: 72px;
        font-size: 7.2rem;
        line-height: 75px;
        line-height: 7.5rem;
    }
}

.hero--author.node--type-profile nav.breadcrumb {
    position: relative;
}

.hero--author.node--type-profile nav.breadcrumb:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    position: absolute;
    top: 2px;
    left: 0;
    color: #fff;
}

.hero--author.node--type-profile nav.breadcrumb ol {
    margin-left: 18px;
}

@media (min-width: 992px) {
    .author__group {
        padding-right: 450px;
    }
}

.author__content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #0D0D0D;
    margin-top: 10px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .author__content {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

@media (min-width: 992px) {
    .author__content {
        margin-top: 30px;
        margin-bottom: 0;
    }
}

.author__title {
    font-weight: 500;
}

.author__department {
    font-style: italic;
}

.author__card {
    max-width: 400px;
    margin-top: 20px;
}

@media (min-width: 992px) {
    .author__card {
        max-width: none;
        width: 300px;
        margin-top: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media (min-width: 1200px) {
    .author__card {
        width: 400px;
    }
}

.author__card img {
    width: 100%;
}

.author__box {
    background: #FEBE10;
    padding: 0 30px 30px 30px;
}

.author__label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    background: #002D72;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 0 auto 30px;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
}

.author__link {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 500;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .author__link {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.author__link:before {
    position: relative;
    top: 2px;
    color: #002D72;
    margin-right: 8px;
}

.author__link a {
    box-shadow: 0 2px 0 #002D72;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.author__link a:hover,
.author__link a:focus {
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
}

.author__link--email:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    font-size: 14px;
}

.author__link--phone:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
}

.author__link--link:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
}

.author__socials {
    border-top: 1px solid #002D72;
    margin-top: 25px;
    padding-top: 20px;
}

.social-link {
    font-size: 0px;
    margin-right: 8px;
}

.social-link:before {
    color: #002D72;
    font-size: 18px;
    transform: scale(1);
    transition: color 0.25s, transform 0.25s;
    will-change: transform;
}

.social-link:hover:before,
.social-link:focus:before {
    color: #fff;
    transform: scale(1.1);
}

.social-link--linkedin:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(20px);
}

.social-link--twitter:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.social-link--facebook:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.social-link--instagram:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.footer__social--youtube:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.footer__social--mastodon {
    background-image: url("/themes/custom/jhupress/images/mastodon.png");
    height: 100%;
    width: 31px;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer__social--twitter {
    margin-right: 4px;
    background-image: url("/themes/custom/jhupress/images/x.svg");
    height: 100%;
    width: 31px;
    background-size: contain;
    background-repeat: no-repeat;
}

.author__body {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .author__body {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .author__body {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .author__body {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .author__body {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .author__body {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .author__body {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .author__body {
        display: flex;
        justify-content: space-between;
    }
}

/*	Published Works
============================================================================= */
.view-published-works {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-top: 35px;
    margin-bottom: 25px;
}

@media (min-width: 576px) {
    .view-published-works {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .view-published-works {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .view-published-works {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .view-published-works {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .view-published-works {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .view-published-works {
        padding-right: 0;
        padding-left: 0;
    }
}

.view-published-works h2 {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 40px;
    font-size: 4rem;
    line-height: 60px;
    line-height: 6rem;
    color: #002D72;
}

@media (min-width: 768px) {
    .view-published-works h2 {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

.view-published-works .view-empty {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin-top: 10px;
    margin-bottom: 45px;
}

@media (min-width: 768px) {
    .view-published-works .view-empty {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

/*	Featured Author Paragraph
============================================================================= */
.paragraph.featured-author {
    padding-left: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    padding-right: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    margin: 35px 0 45px 0;
}

@media (min-width: 576px) {
    .paragraph.featured-author {
        padding-left: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .paragraph.featured-author {
        padding-left: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .paragraph.featured-author {
        padding-left: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .paragraph.featured-author {
        padding-left: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .paragraph.featured-author {
        padding-left: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 576px) {
    .paragraph.featured-author {
        padding-right: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .paragraph.featured-author {
        padding-right: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .paragraph.featured-author {
        padding-right: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .paragraph.featured-author {
        padding-right: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .paragraph.featured-author {
        padding-right: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .paragraph.featured-author {
        display: flex;
        justify-content: center;
        flex-direction: row-reverse;
        padding: 0;
    }
}

.paragraph.featured-author .featured__author__images {
    position: relative;
}

@media (min-width: 992px) {
    .paragraph.featured-author .featured__author__images {
        display: flex;
        flex: 1 0 30%;
    }
}

.paragraph.featured-author .featured__author__images .featured__author__image {
    padding-top: 56.25%;
}

.paragraph.featured-author .featured__author__images .featured__author__image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.paragraph.featured-author .featured__author__images .featured__book__image {
    display: none;
}

@media (min-width: 992px) {
    .paragraph.featured-author .featured__author__images .featured__book__image {
        width: 160px;
        height: auto;
        display: block;
        left: -60px;
        bottom: 45px;
        transform: rotate(-20deg);
    }
}

@media (min-width: 992px) {
    .paragraph.featured-author .featured__author__images .featured__book__image img {
        object-fit: cover;
        width: 100%;
    }
}

.paragraph.featured-author .featured__block__content {
    margin: 0;
    padding: 0 30px 30px 30px;
}

@media (min-width: 992px) {
    .paragraph.featured-author .featured__block__content {
        flex: 1 0 60%;
        padding: 0 110px 60px 60px;
    }
}

.paragraph.featured-author .featured__block__content .featured__headline {
    margin-bottom: 30px;
}

.paragraph.featured-author .featured__block__content .featured__text {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    margin-bottom: 15px;
}

@media (min-width: 992px) {
    .paragraph.featured-author .featured__block__content .featured__text {
        margin-bottom: 30px;
    }
}

.paragraph.featured-author .featured__block__content .featured__text:before {
    display: none;
}

.paragraph.featured-author .featured__block__content .featured__link a {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 27px;
    line-height: 2.7rem;
}

/*	Related News
============================================================================= */
.author__body__content {
    flex: 1;
}

@media (min-width: 992px) {
    .author__body__content {
        padding-right: 60px;
    }
}

.author__body__content .book__vertical__inner {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .author__body__content .book__vertical__image {
        width: 170px;
    }
}

.author__sidebar {
    width: 400px;
    flex-shrink: 0;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .author__sidebar {
        width: 300px;
    }
}

.author__news {
    background: #F4F4F4;
    padding: 0 30px 30px 30px;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (min-width: 992px) {
    .author__news {
        margin-top: 200px;
    }
}

.author__news .view-authors-featured-news {
    padding: 0;
}

.author__news .view-authors-featured-news .view-content {
    display: block;
}

.author__news .view-authors-featured-news .views-row {
    width: 100%;
}

.author__news .view-authors-featured-news .views-row .news__listing__type {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    max-width: 120px;
    background: rgba(174, 174, 174, 0.3);
    color: #0D0D0D;
    display: block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 0 0 15px 0;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
}

.author__news .view-authors-featured-news .views-row .news__listing__link {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.author__news .view-authors-featured-news .views-row .news__listing__link:hover,
.author__news .view-authors-featured-news .views-row .news__listing__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.author__news .view-authors-featured-news .views-row .news__listing__date {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
}

.author__news .recent__label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    background: #2A60A0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 0 auto 30px;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
}

.author__news .recent__label:after {
    content: none;
}

.author__news .recent__label span {
    background: #2A60A0;
    padding: 0;
}

/* ==========================================================================
	Book Highlight - Horizontal, Blue
============================================================================= */
.book__highlight {
    margin: 50px 0;
    overflow: hidden;
}

.product__detail__block .book__highlight {
    margin-top: 0;
    padding: 0 !important;
}

.homepage .book__highlight {
    margin-top: 100px;
}

@media (min-width: 992px) {
    .hero__group+.book__highlight {
        margin-top: 100px;
    }
}

.book__highlight--blue {
    background: #002D72;
    margin: 0;
    padding: 40px 0;
}

.product__detail__block .book__highlight--blue {
    margin: 0 0 40px 0;
}

.book__highlight__container {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .book__highlight__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .book__highlight__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .book__highlight__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .book__highlight__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .book__highlight__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .book__highlight__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.content__small .book__highlight__container {
    max-width: 100%;
}

.background__text {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 275px;
    font-size: 27.5rem;
    line-height: 250px;
    line-height: 25rem;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: -130px;
    color: #F4F4F4;
    display: none;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .background__text {
        font-size: 325px;
        font-size: 32.5rem;
        line-height: 250px;
        line-height: 25rem;
    }
}

@media (min-width: 768px) {
    .background__text {
        display: block;
    }
}

.book__highlight--blue .background__text {
    color: rgba(217, 234, 248, 0.1);
}

.book__highlight__content {
    position: relative;
    padding-top: 0;
}

.review__block .book__highlight__content,
.product__about__block .book__highlight__content,
.authors__block .book__highlight__content {
    padding-top: 0;
}

@media (min-width: 768px) {

    .review__block .book__highlight__content,
    .product__about__block .book__highlight__content,
    .authors__block .book__highlight__content {
        padding-top: 70px;
    }
}

.book__highlight.product__about__block {
    padding-top: 0 !important;
}

.book__highlight__title {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    position: relative;
    color: #002D72;
    margin-bottom: 40px;
    padding-top: 20px;
    display: flex;
    align-items: center;
}

.book__highlight--blue .book__highlight__title {
    color: #fff;
}

.book__highlight__title span {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.book__highlight__title .highlight__title__line {
    flex: 1;
    height: 1px;
    margin-left: 15px;
    background: rgba(174, 174, 174, 0.5);
}

.book__highlight--blue .book__highlight__title .highlight__title__line {
    background: #2A60A0;
}

.book__highlight__row {
    margin-left: -20px;
    margin-right: -20px;
}

@media (min-width: 768px) {
    .book__highlight__row {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    .book__highlight__row {
        margin-top: 0;
    }
}

/* 	Individual Book - relates to book-vertical.scss
============================================================================= */
.book {
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .book {
        width: 33.33%;
    }
}

@media (min-width: 992px) {
    .book {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .content__small .book {
        width: 31%;
    }
}

.book .book__quick_add {
    display: none;
}

.section-books .book .book__quick_add {
    display: block;
}

.book .journal__subscribe {
    display: none;
}

.section-journals .book .journal__subscribe {
    display: block;
}

.book__tag {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    width: 80%;
    background: #000;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 0 auto;
    padding: 8px;
    text-align: center;
    text-transform: uppercase;
}

.book__tag--preorder {
    background: #2A60A0;
}

.book__tag--backorder {
    background: #AEAEAE;
}

.book__tag--on_sale {
    background: #D2441F;
}

.book__tag--new_release {
    background: #FF9E1B;
    color: #002D72;
}

.book__image__wrap {
    width: 50%;
    align-items: flex-end;
    display: flex;
}

@media (min-width: 768px) {
    .book__image__wrap {
        width: 100%;
    }
}

.book__image__wrap .media {
    position: relative;
    transform: scale(1);
    transition: transform 0.25s;
}

.book__link:hover .book__image__wrap .media,
.book__link:focus .book__image__wrap .media {
    transform: scale(1.03);
}

.book__image__wrap .media:before {
    width: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    content: "";
    display: block;
}

.book__image__wrap img {
    width: 100%;
    height: 100%;
}

.book__content__wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    margin-top: 12px;
}

.book__image {
    width: 100%;
    position: relative;
}

.book__title {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
}

.book__title:hover,
.book__title:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.book__link:hover .book__title,
.book__link:focus .book__title {
    color: #2A60A0;
}

.book__highlight--blue .book__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
}

.book__highlight--blue .book__title:hover,
.book__highlight--blue .book__title:focus {
    box-shadow: 0 2px 0 #D9EAF8;
    color: #fff;
}

.book__vertical--lg .book__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 60px;
    line-height: 6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.book__vertical--lg .book__title:hover,
.book__vertical--lg .book__title:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.book__detail__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 40px;
    font-size: 4rem;
    line-height: 60px;
    line-height: 6rem;
    color: #002D72;
}

@media (min-width: 768px) {
    .book__detail__title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

.book__highlight--blue .book__link:hover .book__title {
    color: #D9EAF8;
}

.book__author,
.book__volume_edition {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
    margin: 12px 0;
    text-transform: capitalize;
}

@media (min-width: 768px) {

    .book__author,
    .book__volume_edition {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        line-height: 3rem;
    }
}

.book__highlight--blue .book__author,
.book__highlight--blue .book__volume_edition {
    color: #fff;
}

.book__volume_edition {
    margin-bottom: auto;
}

.book__author span {
    font-weight: 500;
    text-transform: none;
    display: inline;
}

.book__author p {
    display: inline;
}

.book__author.journal__meta {
    text-transform: unset;
}

a.book_author {
    display: block;
    width: fit-content;
    margin: 15px 0 20px 0;
}

a.book_author p {
    display: inline;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 400;
}

a.book_author p:hover,
a.book_author p:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 768px) {
    a.book_author p {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 34px;
        line-height: 3.4rem;
    }
}

.book__price {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 36px;
    line-height: 3.6rem;
    font-weight: 700;
    color: #002D72;
}

.book__highlight--blue .book__price {
    color: #fff;
}

.book__price--sale {
    color: #D2441F;
    display: inline-block;
    margin-right: 5px;
}

.book__highlight--blue .book__price--sale {
    color: #D2441F;
}

.book__price--no {
    display: inline-block;
    font-weight: 400;
    text-decoration: line-through;
}

.book__btn {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    display: block;
    margin-top: 12px;
    width: 50%;
}

@media (min-width: 992px) {
    .book__btn {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .book__btn {
        padding: 10px 30px;
    }
}

.book__btn:hover,
.book__btn:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 768px) {
    .book__btn {
        width: 100%;
    }
}

.content__small .book__quick_add {
    display: none;
}

#quick_add_dialog .book__btn--quick-add {
    display: none;
}

.book__btn--quick-add {
    display: none;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

@media (min-width: 576px) {
    .book__btn--quick-add {
        justify-content: space-between;
    }

    .book__btn--quick-add:after {
        margin-left: 15px;
    }
}

.book__btn--quick-add:hover:after,
.book__btn--quick-add:focus:after {
    color: #fff;
}

.book__btn--quick-add:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    position: relative;
    top: -1px;
    color: #002D72;
    font-size: 15px;
    margin-left: 5px;
    transition: color 0.25s;
}

/* 	Featured Book follows the Background Hero
============================================================================= */
.hero--image--background+.book__highlight--blue {
    margin: 0;
    opacity: 1 !important;
}

@media (min-width: 992px) {
    .hero--image--background+.book__highlight--blue {
        position: relative;
        z-index: 2;
        background: linear-gradient(to bottom, transparent 50%, #002D72 50%);
        margin-top: -490px;
        padding-top: 100px;
    }
}

.hero--image--background+.book__highlight--blue .book__highlight__title:after {
    background: #fff;
}

.hero--image--background+.book__highlight--blue .book__highlight__title {
    color: #fff;
}

.hero--with-featured+.book__highlight--blue {
    position: static;
    z-index: unset;
    background: #002D72;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: -350px;
    overflow: visible;
}

.hero--with-featured+.book__highlight--blue .book__highlight__container {
    position: relative;
    top: -350px;
    z-index: 1;
}

@media (min-width: 992px) {

    .book__highlight--blue+.paragraph--type--dynamic-content .view-product-list,
    .taxonomy-term~.views-element-container .view-product-list {
        position: relative;
        margin: 0;
    }
}

/* ==========================================================================
	Book Teaser - View
============================================================================= */
.book__teaser {
    margin: 50px 0;
}

@media (min-width: 992px) {
    .book__teaser .book {
        width: 17%;
        margin-bottom: 120px;
    }
}

@media (min-width: 992px) {
    .book__teaser .book:nth-child(5) {
        margin-right: 0;
    }
}

.book__teaser__container {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .book__teaser__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .book__teaser__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .book__teaser__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .book__teaser__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .book__teaser__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .book__teaser__container {
        padding-right: 0;
        padding-left: 0;
    }
}

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

/* ==========================================================================
	Book Vertical
============================================================================= */
.book__vertical .label {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.book__vertical .label.focusable:active,
.book__vertical .label.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.book__vertical form {
    display: none;
}

.section-books .book__vertical form {
    display: block;
}

body.section-search .book__vertical form {
    display: block;
}

.book__vertical__inner {
    padding: 20px;
}

@media (min-width: 768px) {
    .book__vertical__inner {
        padding: 50px;
    }
}

.book__vertical__group {
    border-bottom: 1px solid #AEAEAE;
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .book__vertical__group {
        display: flex;
    }
}

@media (min-width: 768px) {
    .journal__vertical .book__vertical__group {
        padding-bottom: 40px;
    }
}

.book__vertical--lg .book__vertical__group {
    border: none;
}

.book__vertical__image {
    width: 250px;
    margin-bottom: 25px;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .book__vertical__image {
        margin-right: 40px;
        margin-bottom: 0;
    }
}

.book__vertical--lg .book__vertical__image {
    width: 322px;
}

.book__vertical--lg .book__vertical__image.book__cart__image--default {
    max-width: none;
    margin: 0;
}

@media (min-width: 768px) {
    .book__vertical--lg .book__vertical__image.book__cart__image--default {
        width: 322px;
        height: 485px;
    }
}

.book__vertical__image.book__cart__image--default {
    width: 227px;
}

@media (min-width: 768px) {
    .book__vertical__image__group {
        margin-right: 40px;
    }
}

.book__image__link {
    position: relative;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
}

.book__cart__image--default .book__image__link {
    height: 100%;
}

.book__image__link img {
    width: 100%;
    box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.15);
}

.book__tag--vertical {
    width: 175px;
    position: absolute;
    top: -30px;
    left: 35px;
}

.book__vertical--lg .book__tag--vertical {
    position: static;
    left: 80px;
}

.book__cart__image--default .book__tag--vertical {
    top: -27px;
    left: 30px;
}

.view-search .book__cart__image--default .book__tag--vertical {
    top: -14px;
}

.addtoany__container {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.addtoany__label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 500;
    color: #0D0D0D;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .addtoany__label {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.addtoany_list a {
    padding: 0 5px;
}

.addtoany_list a:first-child {
    padding-left: 0;
}

.addtoany_list .a2a_svg {
    display: none;
}

.a2a_button_twitter:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(22px);
    display: block;
    font-size: 22px;
    color: #002D72;
    transition: color 0.25s;
}

.a2a_button_twitter:hover::after,
.a2a_button_twitter:focus::after {
    color: #fff;
}

.a2a_button_facebook:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(24px);
    display: block;
    font-size: 24px;
    color: #002D72;
    transition: color 0.25s;
}

.a2a_button_facebook:hover::after,
.a2a_button_facebook:focus::after {
    color: #fff;
}

.a2a_button_email:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(22px);
    display: block;
    font-size: 22px;
    color: #002D72;
    transition: color 0.25s;
    bottom: -1px;
    position: relative;
    padding-left: 1px;
}

.a2a_button_email:hover::after,
.a2a_button_email:focus::after {
    color: #fff;
}

.a2a_button_linkedin:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(24px);
    display: block;
    font-size: 24px;
    color: #002D72;
    transition: color 0.25s;
}

.a2a_button_linkedin:hover::after,
.a2a_button_linkedin:focus::after {
    color: #fff;
}

.a2a_button_pinterest:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(24px);
    display: block;
    font-size: 24px;
    color: #002D72;
    transition: color 0.25s;
}

.a2a_button_pinterest:hover::after,
.a2a_button_pinterest:focus::after {
    color: #fff;
}

/* 	Individual Book - relates to book-highlight.scss
============================================================================= */
.book__subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    color: #002D72;
    margin-top: 5px;
}

@media (min-width: 768px) {
    .book__subtitle {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.book__vertical--lg .book__subtitle {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #002D72;
    margin-top: 18px;
}

@media (min-width: 768px) {
    .book__vertical--lg .book__subtitle {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.journal__subtitle {
    margin-top: 15px;
    margin-bottom: 25px;
}

.journal__subtitle a {
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.journal__subtitle a:hover,
.journal__subtitle a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.journal__subtitle a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    color: #68ACE5;
    font-size: 16px;
    margin-left: 5px;
}

.book__date {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .book__date {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.book__date strong {
    font-weight: 500;
}

/* 	Binding Type
============================================================================= */
.book__variation .fieldset-legend {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.book__variation .fieldset-legend.focusable:active,
.book__variation .fieldset-legend.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.book__variation .form-radios {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.book__variation .form-radios .form-radio {
    display: inline;
    position: absolute;
    top: -20px;
    left: -20px;
}

.quick__add__wrap .book__variation .form-radios {
    display: block;
}

.book__variation .form-radios .form-item {
    width: 137px;
    height: 90px;
}

.quick__add__wrap .book__variation .form-radios .form-item {
    width: 100%;
    height: auto;
    display: flex;
}

.book__variation .form-radios .form-item:not(last-child) {
    margin-right: 10px;
}

@media (min-width: 768px) {
    .book__variation .form-radios .form-item:not(last-child) {
        margin-right: 15px;
    }
}

.book__variation .form-radios .form-item label.option {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #F4F4F4;
    border: 1px solid rgba(174, 174, 174, 0.25);
    cursor: pointer;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    transition: border 0.25s;
}

.quick__add__wrap .book__variation .form-radios .form-item label.option {
    background: #fff;
    flex-direction: row;
    justify-content: space-between;
    padding: 15px;
}

.book__variation .form-radios .form-item label.option:hover,
.book__variation .form-radios .form-item label.optionfocus {
    border: 3px solid rgba(174, 174, 174, 0.25);
}

.quick__add__wrap .book__variation .form-radios .form-item label.option:hover,
.quick__add__wrap .book__variation .form-radios .form-item label.optionfocus {
    border: 1px solid rgba(13, 13, 13, 0.25);
}

.book__variation .form-radios .form-item label.option>div {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
    display: block;
}

.book__variation .form-radios .form-item label.option>div.book__price {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 30px;
    line-height: 3rem;
    color: #0D0D0D;
    display: block;
    font-weight: 700;
}

.quick__add__wrap .book__variation .form-radios .form-item label.option>div.book__price {
    margin-left: 5px;
}

.book__variation .form-radios .form-item label.option>div.book__price--sale {
    color: #D2441F;
}

.book__variation .form-radios .form-item label.option>div.book__price--no {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 400;
}

.book__variation .form-radios .form-item .product--rendered-attribute__selected~label.option {
    border: 3px solid #002D72;
}

.book__variation .form-radios .form-item .product--rendered-attribute__selected~label.option:hover,
.book__variation .form-radios .form-item .product--rendered-attribute__selected~label.option:focus {
    border: 3px solid #002D72;
}

.book__variation .form-radios input.product--rendered-attribute__selected:focus~label.option,
.book__variation .form-radios input.product--rendered-attribute:focus~label.option {
    border: 3px solid #FF9E1B;
}

/* 	Buttons
============================================================================= */
.button--add-to-cart {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    background-image: url("../../images/shop.svg");
    background-repeat: no-repeat;
    background-position: 89% 47%;
    padding-right: 40px !important;
}

@media (min-width: 992px) {
    .button--add-to-cart {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .button--add-to-cart {
        padding: 10px 30px;
    }
}

.button--add-to-cart:hover,
.button--add-to-cart:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.button--add-to-cart:hover,
.button--add-to-cart:focus {
    background-image: url("../../images/shop-light.svg");
    background-repeat: no-repeat;
    background-position: 89% 47%;
}

.book__btn--disabled {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #F4F4F4;
    color: rgba(13, 13, 13, 0.5);
    margin-right: 10px;
}

@media (min-width: 992px) {
    .book__btn--disabled {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .book__btn--disabled {
        padding: 10px 30px;
    }
}

.book__btn--view {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    display: none;
}

@media (min-width: 992px) {
    .book__btn--view {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .book__btn--view {
        padding: 10px 30px;
    }
}

.book__btn--view:hover,
.book__btn--view:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 576px) {
    .book__btn--view {
        display: block;
    }
}

.book__btn--view--mobile {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
}

@media (min-width: 992px) {
    .book__btn--view--mobile {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .book__btn--view--mobile {
        padding: 10px 30px;
    }
}

.book__btn--view--mobile:hover,
.book__btn--view--mobile:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 576px) {
    .book__btn--view--mobile {
        display: none;
    }
}

/* 	Item Detail Paragraph
============================================================================= */
.book__detail__wrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin: 30px 0;
}

@media (min-width: 576px) {
    .book__detail__wrap {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .book__detail__wrap {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .book__detail__wrap {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .book__detail__wrap {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .book__detail__wrap {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .book__detail__wrap {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .book__detail__wrap {
        margin: 50px 0;
    }
}

.book__detail__wrap form {
    display: none;
}

.section-books .book__detail__wrap form {
    display: block;
}

.book__detail__wrap .journal__subscribe {
    display: none;
}

.section-journals .book__detail__wrap .journal__subscribe {
    display: block;
}

.book__detail__wrap .book__vertical__inner {
    position: relative;
    background: #F4F4F4;
    padding: 30px;
}

@media (min-width: 768px) {
    .book__detail__wrap .book__vertical__inner {
        padding: 50px;
    }
}

.book__detail__wrap .book__vertical__inner:before {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: #68ACE5;
    content: "";
    display: block;
}

@media (min-width: 768px) {
    .book__detail__wrap .book__vertical__inner:before {
        width: 25%;
        height: 100%;
    }
}

.book__detail__wrap.book__detail__journal .book__vertical__inner:before {
    background: #FF9E1B;
}

.book__detail__wrap .book__vertical__group {
    border: none;
    padding-bottom: 0;
}

.book__detail__wrap .book__vertical__content {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .book__detail__wrap .book__vertical__content {
        margin: 0;
    }
}

.book__detail__wrap .book__cart__image--default.book__vertical__image,
.book__detail__wrap .book__vertical__image {
    position: relative;
    width: 186px;
    height: 285px;
}

@media (max-width: 991.98px) {

    .book__detail__wrap .book__cart__image--default.book__vertical__image,
    .book__detail__wrap .book__vertical__image {
        margin-bottom: 0;
    }
}

.book__detail__wrap .book__cart__image--default.book__vertical__image img,
.book__detail__wrap .book__vertical__image img {
    box-shadow: -4px -4px 8px rgba(0, 0, 0, 0.25);
}

.book__detail__book .button--add-to-cart {
    padding-right: 40px;
}

.book__detail__journal .journal__btn {
    display: inline-block;
}

.journal__vertical .journal__btn {
    display: inline-block;
}

/* ==========================================================================
	Browse Books - Home
============================================================================= */
.browse {
    background: #002D72;
    color: #fff;
    padding: 40px 0;
}

@media (min-width: 576px) {
    .browse {
        padding: 60px 0;
    }
}

@media (min-width: 992px) {
    .browse {
        padding: 90px 0;
    }
}

@media (max-width: 991.98px) {
    .browse__container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
}

@media (max-width: 991.98px) and (min-width: 576px) {
    .browse__container {
        max-width: 540px;
    }
}

@media (max-width: 991.98px) and (min-width: 768px) {
    .browse__container {
        max-width: 720px;
    }
}

@media (max-width: 991.98px) and (min-width: 992px) {
    .browse__container {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) and (min-width: 1200px) {
    .browse__container {
        max-width: 1140px;
    }
}

@media (max-width: 991.98px) and (min-width: 1600px) {
    .browse__container {
        max-width: 1540px;
    }
}

@media (max-width: 991.98px) and (min-width: 576px) {
    .browse__container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .browse__container {
        padding-left: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    }
}

@media (min-width: 992px) and (min-width: 576px) {
    .browse__container {
        padding-left: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .browse__container {
        padding-left: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .browse__container {
        padding-left: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .browse__container {
        padding-left: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) and (min-width: 1600px) {
    .browse__container {
        padding-left: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .browse__inner {
        display: flex;
    }
}

.browse__wrap {
    flex: 1;
}

@media (min-width: 992px) {
    .browse__wrap {
        margin-right: 75px;
    }
}

@media (min-width: 1200px) {
    .browse__wrap {
        margin-right: 90px;
    }
}

.browse__featured {
    overflow: hidden;
    margin-top: 40px;
}

@media (min-width: 992px) {
    .browse__featured {
        margin-top: 0;
    }
}

.browse__titles {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .browse__titles {
        margin-bottom: 30px;
    }
}

.browse__title {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 60px;
    font-size: 6rem;
    line-height: 52px;
    line-height: 5.2rem;
    margin-bottom: 10px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .browse__title {
        font-size: 76px;
        font-size: 7.6rem;
        line-height: 68px;
        line-height: 6.8rem;
    }
}

.browse__subtitle {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    color: #68ACE5;
}

@media (min-width: 992px) {
    .browse__subtitle {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
        line-height: 4rem;
    }
}

.browse__subjects {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 576px) {
    .browse__subjects {
        margin: 0 -10px;
    }
}

@media (min-width: 992px) {
    .browse__subjects {
        margin: 0 -15px;
    }
}

.browse__subject {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    width: 100%;
    height: 70px;
    position: relative;
}

@media (min-width: 576px) {
    .browse__subject {
        height: 80px;
        width: 46%;
        margin: 0 10px;
    }
}

@media (min-width: 992px) {
    .browse__subject {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 26px;
        line-height: 2.6rem;
    }
}

.browse__subject img {
    margin-right: 25px;
}

.browse__subject a {
    height: 70px;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #2A60A0;
    padding: 20px 0 20px 0px;
    transition: border 0.25s, color 0.25s;
}

.browse__subject a:hover,
.browse__subject a:focus {
    border-bottom-color: #FF9E1B;
    color: #FF9E1B;
}

@media (min-width: 576px) {
    .browse__subject a {
        height: 80px;
    }
}

/* ==========================================================================
	Callout Box
============================================================================= */
.callout__box {
    margin: 50px 0;
}

.callout__box__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    color: #fff;
}

@media (min-width: 576px) {
    .callout__box__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .callout__box__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .callout__box__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .callout__box__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .callout__box__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .callout__box__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.callout__box__inner {
    background: #002D72;
    padding: 40px;
}

@media (min-width: 992px) {
    .callout__box__inner {
        padding: 70px;
    }
}

@media (min-width: 992px) {
    .callout__box__content {
        display: flex;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .callout__box__group {
        width: 70%;
        margin-left: 100px;
    }
}

.callout__box__headline {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 43px;
    font-size: 4.3rem;
    line-height: 53px;
    line-height: 5.3rem;
    margin-bottom: 10px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .callout__box__headline {
        width: 30%;
        margin: 0;
    }
}

.callout__box__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

@media (min-width: 768px) {
    .callout__box__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.callout__box__text p {
    margin: 0;
}

.callout__box__text a {
    box-shadow: 0 2px 0 #68ACE5;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.callout__box__text a:hover,
.callout__box__text a:focus {
    box-shadow: 0 2px 0 #fff;
    color: #fff;
}

.callout__box__button {
    margin-top: 20px;
}

.callout__box__button a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #fff;
    color: #002D72;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .callout__box__button a {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .callout__box__button a {
        padding: 10px 30px;
    }
}

.callout__box__button a:hover,
.callout__box__button a:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/* ==========================================================================
	Cards - Authors
============================================================================= */
.cards {
    margin: 50px 0;
}

.cards__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .cards__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .cards__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .cards__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .cards__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .cards__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .cards__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.cards__header {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: #002D72;
    margin-bottom: 15px;
}

.card__background__gray .cards__header {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 40px;
    font-size: 4rem;
    line-height: 60px;
    line-height: 6rem;
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 400;
    color: #002D72;
    margin-bottom: 25px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .card__background__gray .cards__header {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

@media (min-width: 992px) {
    .card__background__gray .cards__header {
        margin-bottom: 45px;
    }
}

.cards__background__gray,
.cards__background__blue {
    margin: 0;
    padding: 60px 0 40px 0;
}

.cards__background__gray .cards__header,
.cards__background__blue .cards__header {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-family: Gentona, "Myriad Pro", sans-serif;
    position: relative;
    color: #002D72;
    margin-bottom: 15px;
}

.cards__background__gray .cards__header span,
.cards__background__blue .cards__header span {
    position: relative;
    z-index: 1;
    background-color: #F4F4F4;
    display: inline-block;
    padding-right: 15px;
}

.cards__background__gray .cards__header:after,
.cards__background__blue .cards__header:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 90%;
    height: 1px;
    right: 0;
    background: rgba(174, 174, 174, 0.5);
    content: none;
    display: block;
}

@media (min-width: 768px) {

    .cards__background__gray .cards__header:after,
    .cards__background__blue .cards__header:after {
        content: "";
    }
}

.cards__background__blue .cards__header {
    color: #fff;
}

.cards__background__blue .cards__header span {
    background-color: #002D72;
}

.cards__background__blue .cards__header:after {
    background: #2A60A0;
}

.card__wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

/* 	Card
============================================================================= */
.card {
    width: 100%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    margin: 0 15px 30px 15px;
}

.card__size__full .card {
    margin: 0 15px;
}

.card__inner {
    padding: 25px;
}

.card__size__full .card__inner {
    padding: 60px;
}

.card__text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
    margin: 10px 0;
}

@media (min-width: 768px) {
    .card__text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.card__background__red .card {
    background: #F16300;
}

.card__background__red .card__text {
    color: #002D72;
}

.card__background__red .card__link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.card__background__red .card__link a:hover,
.card__background__red .card__link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.card__background__hfs .card {
    background: #FF791C;
}

.card__background__hfs .card__header {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    text-transform: none;
}

@media (min-width: 768px) {
    .card__background__hfs .card__header {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.card__background__hfs .card__text {
    color: #002D72;
}

.card__background__hfs .card__link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.card__background__hfs .card__link a:hover,
.card__background__hfs .card__link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.card__background__blue .card {
    background: #68ACE5;
}

.card__background__blue .card__link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.card__background__blue .card__link a:hover,
.card__background__blue .card__link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.card__background__gray .card {
    background: #F4F4F4;
    border: 1px solid rgba(174, 174, 174, 0.25);
}

.card__background__gray .card__header {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-family: Quadon, "Times New Roman", serif;
    box-shadow: none;
    pointer-events: none;
}

.card__background__gray .card__header:hover,
.card__background__gray .card__header:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.card__background__gray .card__link {
    margin-bottom: 15px;
}

.card__background__gray .card__link a,
.card__background__gray .card__link span {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-family: Quadon, "Times New Roman", serif;
}

.card__background__gray .card__link a:hover,
.card__background__gray .card__link a:focus,
.card__background__gray .card__link span:hover,
.card__background__gray .card__link span:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.card__background__gray .card__link span {
    box-shadow: none;
    pointer-events: none;
}

.card__header {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    color: #002D72;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .card__header {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.cards__background__gray {
    background: #F4F4F4;
}

.cards__background__gray .card {
    background: #68ACE5;
}

.cards__background__gray .card__link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.cards__background__gray .card__link a:hover,
.cards__background__gray .card__link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.cards__background__blue {
    background: #002D72;
}

.cards__background__blue .card {
    background: #fff;
}

.cards__background__blue .card__header {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    text-transform: none;
}

@media (min-width: 768px) {
    .cards__background__blue .card__header {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.cards__background__blue .card__link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.cards__background__blue .card__link a:hover,
.cards__background__blue .card__link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.card__size__quarter .card__header {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Quadon, "Times New Roman", serif;
    text-transform: none;
    font-weight: normal;
}

@media (min-width: 768px) {
    .card__size__quarter .card__header {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .card__size__quarter .card {
        width: calc(25% - 30px);
    }
}

@media (min-width: 992px) {
    .card__size__third .card {
        width: calc(33% - 30px);
    }
}

@media (min-width: 992px) {
    .card__size__half .card {
        width: calc(50% - 30px);
    }
}

.card__size__full .card {
    width: 100%;
}

.card__size__full .card__header {
    font-size: 64px;
    font-size: 6.4rem;
    line-height: 73px;
    line-height: 7.3rem;
    color: #fff;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
}

.card__size__full .card__text {
    margin: 15px 0 25px 0;
}

.card__size__full .card__link a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {
    .card__size__full .card__link a {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .card__size__full .card__link a {
        padding: 10px 30px;
    }
}

.card__size__full .card__link a:hover,
.card__size__full .card__link a:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/* =================================================================================
  Cart
================================================================================= */
@media (min-width: 992px) {
    .book__cart {
        margin-bottom: 25px;
    }
}

.book__cart .book__cart__inner .book__cart__image--default {
    height: 212px;
    max-width: none;
    width: 137px;
}

.book__cart__inner {
    display: flex;
}

.book__cart__image,
.book__cart__image--default {
    margin-right: 30px;
    display: none;
}

@media (min-width: 992px) {

    .book__cart__image,
    .book__cart__image--default {
        display: block;
    }
}

.book__cart__image img,
.book__cart__image--default img {
    width: 137px;
    max-width: none;
}

.product__detail .book__cart__image,
.product__detail .book__cart__image--default {
    display: block;
}

.book__cart__image--default {
    background: url("../../images/book-fallback.svg");
    flex-shrink: 0;
}

.book__cart__image--default.third_party {
    background: url("../../images/thumbnail_generic.jpg");
    background-size: 100%;
}

.book__cart__image--default.book__vertical__image {
    display: block;
    height: 375px;
    width: 250px;
}

.book__cart--sidebar .book__cart__image--default,
.order__block .book__cart__image--default {
    width: 70px;
    height: 100px;
    margin-right: 20px;
}

.checkout-pane-review .book__cart__image--default {
    width: 137px;
    height: 210px;
}

.book__vertical--lg .book__cart__image--default~.book__tag {
    margin-top: -30px;
}

.book__cart__content {
    padding-right: 35px;
}

a.book__cart__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    margin-right: 25px;
}

a.book__cart__title:hover,
a.book__cart__title:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.order__block a.book__cart__title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
}

span.book__cart__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    margin-right: 25px;
}

.book__cart__type {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
    font-weight: 500;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .book__cart__type {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.order__block .book__cart__type {
    font-weight: 400;
}

.book__cart__type .form-type-select:after {
    top: 16px;
}

.book__cart__badge {
    margin-top: 12px;
}

.book__cart__badge .book__tag {
    display: inline-block;
    width: auto;
    margin-left: 0;
}

.cart__headers {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #002D72;
    padding-bottom: 20px;
}

@media (min-width: 768px) {
    .cart__headers {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 768px) {
    .order__block .cart__headers {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 28px;
        line-height: 2.8rem;
    }
}

.cart__label {
    width: 20%;
    color: #002D72;
}

.cart__label:first-child {
    width: 55%;
}

.cart-form .view-header,
.view-checkout-review .view-header,
.view-commerce-order-item-table .view-header {
    display: none;
}

@media (min-width: 992px) {

    .cart-form .view-header,
    .view-checkout-review .view-header,
    .view-commerce-order-item-table .view-header {
        display: block;
    }
}

.cart-form .views-label,
.view-checkout-review .views-label,
.view-commerce-order-item-table .views-label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {

    .cart-form .views-label,
    .view-checkout-review .views-label,
    .view-commerce-order-item-table .views-label {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {

    .cart-form .views-label,
    .view-checkout-review .views-label,
    .view-commerce-order-item-table .views-label {
        display: none;
    }
}

.cart-form .views-label.views-label-purchased-entity,
.cart-form .views-label.views-label-remove-button,
.view-checkout-review .views-label.views-label-purchased-entity,
.view-checkout-review .views-label.views-label-remove-button,
.view-commerce-order-item-table .views-label.views-label-purchased-entity,
.view-commerce-order-item-table .views-label.views-label-remove-button {
    display: none;
}

.cart-form .views-row,
.view-checkout-review .views-row,
.view-commerce-order-item-table .views-row {
    position: relative;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    margin-bottom: 20px;
    padding-bottom: 30px;
}

@media (min-width: 992px) {

    .cart-form .views-row,
    .view-checkout-review .views-row,
    .view-commerce-order-item-table .views-row {
        display: flex;
        justify-content: space-between;
        padding-top: 30px;
        padding-bottom: 10px;
    }
}

@media (min-width: 992px) {

    .cart-form .views-field,
    .view-checkout-review .views-field,
    .view-commerce-order-item-table .views-field {
        width: 20%;
    }
}

@media (min-width: 992px) {

    .cart-form .views-field.views-field-purchased-entity,
    .cart-form .views-field.views-field-title,
    .view-checkout-review .views-field.views-field-purchased-entity,
    .view-checkout-review .views-field.views-field-title,
    .view-commerce-order-item-table .views-field.views-field-purchased-entity,
    .view-commerce-order-item-table .views-field.views-field-title {
        width: 55%;
    }
}

.cart-form .views-field.views-field-edit-quantity .form-item,
.view-checkout-review .views-field.views-field-edit-quantity .form-item,
.view-commerce-order-item-table .views-field.views-field-edit-quantity .form-item {
    margin-top: 0;
}

.cart-form .views-field .strikeout,
.view-checkout-review .views-field .strikeout,
.view-commerce-order-item-table .views-field .strikeout {
    text-decoration: line-through;
    font-weight: normal;
    font-size: 80%;
    padding-left: 10px;
}

@media (min-width: 992px) {

    .cart-form .views-field .strikeout,
    .view-checkout-review .views-field .strikeout,
    .view-commerce-order-item-table .views-field .strikeout {
        display: block;
        padding-left: 0;
    }
}

.cart-form .views-field .sale,
.view-checkout-review .views-field .sale,
.view-commerce-order-item-table .views-field .sale {
    color: #D2441F;
}

@media (min-width: 576px) {

    .cart-form .form-actions,
    .view-checkout-review .form-actions,
    .view-commerce-order-item-table .form-actions {
        text-align: right;
    }
}

.cart-form .form-actions .form-submit,
.view-checkout-review .form-actions .form-submit,
.view-commerce-order-item-table .form-actions .form-submit {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    width: 100%;
    border: none;
    margin: 0 0 10px 0;
}

@media (min-width: 992px) {

    .cart-form .form-actions .form-submit,
    .view-checkout-review .form-actions .form-submit,
    .view-commerce-order-item-table .form-actions .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {

    .cart-form .form-actions .form-submit,
    .view-checkout-review .form-actions .form-submit,
    .view-commerce-order-item-table .form-actions .form-submit {
        padding: 10px 30px;
    }
}

.cart-form .form-actions .form-submit:hover,
.cart-form .form-actions .form-submit:focus,
.view-checkout-review .form-actions .form-submit:hover,
.view-checkout-review .form-actions .form-submit:focus,
.view-commerce-order-item-table .form-actions .form-submit:hover,
.view-commerce-order-item-table .form-actions .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 576px) {

    .cart-form .form-actions .form-submit,
    .view-checkout-review .form-actions .form-submit,
    .view-commerce-order-item-table .form-actions .form-submit {
        width: auto;
    }
}

@media (min-width: 768px) {

    .cart-form .form-actions .form-submit:first-child,
    .view-checkout-review .form-actions .form-submit:first-child,
    .view-commerce-order-item-table .form-actions .form-submit:first-child {
        margin-right: 10px;
    }
}

.cart-form .form-actions .checkout__btn,
.view-checkout-review .form-actions .checkout__btn,
.view-commerce-order-item-table .form-actions .checkout__btn {
    display: none;
}

@media (min-width: 576px) {

    .cart-form .form-actions .checkout__btn,
    .view-checkout-review .form-actions .checkout__btn,
    .view-commerce-order-item-table .form-actions .checkout__btn {
        display: inline-block;
    }
}

.cart-form .form-actions .checkout__btn--mobile,
.view-checkout-review .form-actions .checkout__btn--mobile,
.view-commerce-order-item-table .form-actions .checkout__btn--mobile {
    display: block;
}

@media (min-width: 576px) {

    .cart-form .form-actions .checkout__btn--mobile,
    .view-checkout-review .form-actions .checkout__btn--mobile,
    .view-commerce-order-item-table .form-actions .checkout__btn--mobile {
        display: none;
    }
}

.views-field-edit-quantity {
    display: flex;
    align-items: center;
}

@media (min-width: 992px) {
    .views-field-edit-quantity {
        display: block;
    }
}

.views-field-edit-quantity .field-content {
    margin-left: 5px;
    display: flex;
    align-items: baseline;
}

@media (min-width: 992px) {
    .views-field-edit-quantity .field-content {
        margin: 0;
        display: block;
    }
}

.views-field-total-price__number .field-content,
.views-field-unit-price__number .field-content,
.views-field-quantity .field-content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #0D0D0D;
    font-weight: 700;
}

@media (min-width: 768px) {

    .views-field-total-price__number .field-content,
    .views-field-unit-price__number .field-content,
    .views-field-quantity .field-content {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

.view-checkout-order-sidebar .views-field-total-price__number .field-content,
.view-commerce-order-item-table .views-field-total-price__number .field-content,
.view-checkout-order-sidebar .views-field-unit-price__number .field-content,
.view-commerce-order-item-table .views-field-unit-price__number .field-content,
.view-checkout-order-sidebar .views-field-quantity .field-content,
.view-commerce-order-item-table .views-field-quantity .field-content {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}

@media (min-width: 768px) {

    .view-checkout-order-sidebar .views-field-total-price__number .field-content,
    .view-commerce-order-item-table .views-field-total-price__number .field-content,
    .view-checkout-order-sidebar .views-field-unit-price__number .field-content,
    .view-commerce-order-item-table .views-field-unit-price__number .field-content,
    .view-checkout-order-sidebar .views-field-quantity .field-content,
    .view-commerce-order-item-table .views-field-quantity .field-content {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.view-commerce-order-item-table .views-field-total-price__number .field-content,
.view-commerce-order-item-table .views-field-unit-price__number .field-content,
.view-commerce-order-item-table .views-field-quantity .field-content {
    font-weight: 400;
}

.order__block .views-field-total-price__number .field-content,
.order__block .views-field-unit-price__number .field-content,
.order__block .views-field-quantity .field-content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
    font-weight: 400;
}

.views-field-field-badge-override {
    display: none;
}

@media (min-width: 992px) {

    .view-checkout-review .views-field:not(:first-child),
    .view-commerce-cart-form .views-field:not(:first-child),
    .cart__headers .cart__label:not(:first-child) {
        text-align: right;
    }
}

.delete-order-item {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    background: none;
    border: none;
    margin: 0 0 15px 20px;
}

.delete-order-item:hover,
.delete-order-item:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 992px) {
    .delete-order-item {
        margin-left: 0;
        margin-right: 10px;
    }
}

.discount__code__wrap {
    position: relative;
    display: flex;
    background: #F4F4F4;
    margin-top: -1px;
    margin-bottom: 20px;
    padding: 10px;
}

@media (min-width: 992px) {
    .discount__code__wrap {
        margin-bottom: 35px;
        padding: 20px;
    }
}

.discount__code__wrap .form-item {
    width: 100%;
    margin: 0;
}

.layout-checkout-form .discount__code__wrap .form-item {
    margin: 0;
}

.discount__code__wrap .form-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    width: 100%;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    color: #0D0D0D;
    padding: 10px;
}

@media (min-width: 768px) {
    .discount__code__wrap .form-text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .discount__code__wrap .form-text {
        padding: 20px;
    }
}

.discount__code__wrap .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    height: 46px;
    position: absolute;
    top: 10px;
    right: 13px;
    border-radius: 0;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    margin: 0;
}

@media (min-width: 992px) {
    .discount__code__wrap .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .discount__code__wrap .form-submit {
        padding: 10px 30px;
    }
}

.discount__code__wrap .form-submit:hover,
.discount__code__wrap .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (max-width: 1199.98px) {
    .discount__code__wrap .form-submit {
        padding: 6px 20px;
    }
}

@media (min-width: 992px) {
    .discount__code__wrap .form-submit {
        height: 64px;
        top: 20px;
        right: 20px;
    }
}

.form-item-discount-code-code label {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.form-item-discount-code-code label.focusable:active,
.form-item-discount-code-code label.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.cart__line {
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.view-checkout-order-sidebar .cart__line {
    border-bottom-color: #AEAEAE;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.order__block .cart__line {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.cart-form .cart__line--shipping {
    border-bottom: none;
    margin-bottom: 0;
}

.cart__line--tax-exempt {
    padding: 0;
}

.view-checkout-order-sidebar .cart__line--tax-exempt {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    color: #0D0D0D;
}

.cart__line--tax-exempt .form-text {
    width: 100%;
}

@media (min-width: 992px) {
    .cart__line--tax-exempt .form-text {
        width: auto;
    }
}

.cart__line--tax-exempt .form-wrapper {
    background: #F4F4F4;
    padding: 5px 20px;
}

@media (min-width: 992px) {
    .cart__line--tax-exempt .form-wrapper {
        padding: 10px 30px;
    }
}

.cart__line--tax-exempt .option {
    position: relative;
    display: flex;
}

.cart__line--tax-exempt .cart__line__item__value {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-weight: 400;
}

@media (min-width: 768px) {
    .cart__line--tax-exempt .cart__line__item__value {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.cart__line--total {
    border-top: 1px solid #000;
    border-bottom: none;
    padding-top: 20px;
}

.view-checkout-order-sidebar .cart__line--total {
    padding-top: 10px;
    margin-top: -11px;
}

.checkout-pane-review .cart__line--total {
    border-top: 0;
    padding-top: 0;
    margin-top: -21px;
}

.checkout-pane .cart__line--total .fieldset-legend {
    margin: 0;
}

.order__block .cart__line--total {
    margin-top: -16px;
}

.cart__line__item {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.cart__line--shipping .cart__line__item {
    flex-wrap: wrap;
}

.cart__line__item__label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #0D0D0D;
    font-weight: 500;
}

@media (min-width: 768px) {
    .cart__line__item__label {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

.view-checkout-order-sidebar .cart__line__item__label {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
}

.order__block .cart__line__item__label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
}

.cart__line__item__label span {
    color: #D2441F;
    display: block;
}

@media (min-width: 992px) {
    .cart__line__item__label span {
        display: inline-block;
    }
}

.view-checkout-order-sidebar .cart__line__item__label span,
.order__block .cart__line__item__label span {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 13px;
    line-height: 1.3rem;
    font-weight: 500;
}

@media (min-width: 992px) {

    .view-checkout-order-sidebar .cart__line__item__label span,
    .order__block .cart__line__item__label span {
        display: block;
    }
}

.cart__line--total .cart__line__item__label {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #002D72;
}

@media (min-width: 992px) {
    .cart__line--total .cart__line__item__label {
        font-size: 26px;
        font-size: 2.6rem;
        line-height: 30px;
        line-height: 3rem;
    }
}

.view-checkout-order-sidebar .cart__line--total .cart__line__item__label {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
}

.order__block .cart__line--total .cart__line__item__label {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
}

.cart__line__item__value {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #0D0D0D;
    font-weight: 700;
}

@media (min-width: 768px) {
    .cart__line__item__value {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

.view-checkout-order-sidebar .cart__line__item__value {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
}

.order__block .cart__line__item__value,
.order__block .cart__line--total .cart__line__item__value {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
}

.cart__line--promo-code .cart__line__item__value {
    color: #D2441F;
}

.cart__line--total .cart__line__item__value {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 30px;
    line-height: 3rem;
    color: #002D72;
}

@media (min-width: 992px) {
    .cart__line--total .cart__line__item__value {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 35px;
        line-height: 3.5rem;
    }
}

.view-checkout-order-sidebar .cart__line--total .cart__line__item__value {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
}

.view-checkout-order-sidebar .cart__line--shipping .cart__line__item__value,
.view-checkout-order-sidebar .cart__line--shipping-rush .cart__line__item__value {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-weight: 400;
}

.view-checkout-order-sidebar .cart__line--small .cart__line__item__value {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
}

.form-item-jhu-shipping-information-shipping-option label {
    padding-right: 100px;
    position: relative;
    width: 100%;
}

.form-item-jhu-shipping-information-shipping-option label span {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
}

.tooltip__button {
    cursor: pointer;
    margin-top: 4px;
    margin-left: 10px;
}

.tooltip__button span {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.tooltip__button span.focusable:active,
.tooltip__button span.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.tooltip__button:after {
    width: 22px;
    height: 22px;
    background: #FEBE10;
    border-radius: 50%;
    content: "?";
    color: #002D72;
    display: block;
    font-size: 21px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
    transition: background 0.25s, color 0.25s;
}

.form-item-jhu-shipping-information-rush-order .tooltip__button {
    position: absolute;
    top: -5px;
    right: -26px;
}

.tooltip__button:hover:after,
.tooltip__button:focus:after {
    background: #002D72;
    color: #fff;
}

.tooltip__button-blue:after {
    background: #002D72;
    color: #fff;
}

.tooltip__button-blue:hover:after,
.tooltip__button-blue:focus:after {
    background: #FEBE10;
    color: #002D72;
}

.tooltip__block {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    display: none;
    width: 444px;
    height: 190px;
    position: absolute;
    bottom: 40px;
    left: 20px;
    z-index: 2;
    background: #F4F4F4;
    border: 1px solid rgba(85, 85, 85, 0.25);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    color: #0D0D0D;
    padding: 20px;
}

.form-item-jhu-shipping-information-rush-order .tooltip__block {
    height: 100px;
    left: 249px;
}

.tooltip__block:after {
    width: 0;
    height: 0;
    position: absolute;
    bottom: -10px;
    left: 145px;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #F4F4F4;
    content: "";
}

.tooltip__block.active {
    display: block;
}

/* =================================================================================
  Cart Sidebar
================================================================================= */
.layout-region-checkout-secondary {
    background: #F4F4F4;
    box-shadow: 0 0 0 20px #F4F4F4;
    margin-top: 65px;
}

@media (min-width: 768px) {
    .layout-region-checkout-secondary {
        position: sticky;
        top: 0;
        margin: 0;
    }
}

@media (min-width: 992px) {
    .layout-region-checkout-secondary {
        box-shadow: 0 0 0 60px #F4F4F4;
    }
}

.layout-region-checkout-secondary h3 {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    border-bottom: 1px solid #002D72;
    margin-bottom: 35px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .layout-region-checkout-secondary h3 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.checkout-pane-order-summary {
    border-top: 1px solid #002D72;
    margin-top: 30px;
    padding-top: 30px;
}

.view-checkout-order-sidebar .views-row {
    border-bottom: 1px solid #AEAEAE;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.view-checkout-order-sidebar .views-field {
    margin: 10px 0;
}

.views-field-quantity {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    color: #0D0D0D;
}

.views-field-quantity .views-label {
    font-weight: 700;
}

.cart__links {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.cart__links a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 15px;
    line-height: 1.5rem;
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
}

.cart__links a:hover,
.cart__links a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

[data-drupal-form-fields*="edit-email-registration-login-guest-continue"] .cart__links a:last-child {
    display: none;
}

.book__cart--sidebar__product {
    font-family: Quadon, "Times New Roman", serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 22px;
    line-height: 2.2rem;
    display: flex;
}

.book__cart--sidebar .book__tag {
    font-family: Gentona, "Myriad Pro", sans-serif;
    display: inline-block;
    width: auto;
    margin-left: 0;
    margin-top: 12px;
}

.book__cart--sidebar .media {
    width: 75px;
    display: none;
    flex-shrink: 0;
    margin-right: 20px;
}

@media (min-width: 992px) {
    .book__cart--sidebar .media {
        display: block;
    }
}

.book__cart--sidebar .media img {
    width: 100%;
    box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.15);
}

/* ==========================================================================
	Category Listing
============================================================================= */
.category__listing {
    position: relative;
    padding: 40px 0 0 0;
}

@media (min-width: 992px) {
    .category__listing {
        margin-top: -100px;
        padding: 80px 0 0 0;
    }
}

.category__inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .category__inner {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .category__inner {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .category__inner {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .category__inner {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .category__inner {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .category__inner {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .category__inner .view {
        width: calc(100% - 415px);
    }
}

.category__content+.pager {
    margin: 25px 0;
    padding: 35px 0;
}

.category {
    margin-bottom: 45px;
}

@media (min-width: 992px) {
    .category {
        margin-bottom: 25px;
    }
}

.category__title {
    margin-bottom: 35px;
}

.category__subject {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 40px;
    line-height: 4rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    color: #002D72;
}

@media (min-width: 768px) {
    .category__subject {
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
    }
}

.category__subject a:last-child {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.category__subject a:last-child:hover,
.category__subject a:last-child:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 768px) {
    .category__subject a:last-child {
        position: absolute;
        right: 0;
    }
}

.category__subject article {
    margin-right: 20px;
}

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

.category__link__wrap {
    position: relative;
    align-items: center;
    display: flex;
    background: #F4F4F4;
    border: 1px solid rgba(174, 174, 174, 0.25);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    margin-bottom: 20px;
    padding: 20px 50px 20px 20px;
}

@media (min-width: 992px) {
    .category__link__wrap {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 30px;
        padding: 28px 50px 28px 28px;
    }
}

@media (min-width: 992px) {
    .category__link__wrap:nth-child(even) {
        margin-right: 0;
    }
}

.category__link__wrap a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 transparent;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.category__link__wrap a:hover,
.category__link__wrap a:focus {
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
}

.category__link__wrap a:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(10px);
    right: 30px;
    color: #68ACE5;
}

/* ==========================================================================
	Checkout Nav
============================================================================= */
.block-jhup-checkout-checkout-progress {
    background: #002D72;
    color: #fff;
    margin: -20px -20px 25px -20px;
    padding: 25px 20px 25px 20px;
}

@media (min-width: 992px) {
    .block-jhup-checkout-checkout-progress {
        margin: -60px -60px 65px -60px;
        padding: 25px 60px 25px 60px;
    }
}

.checkout-progress--step {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 500;
    padding: 0;
}

@media (min-width: 768px) {
    .checkout-progress--step {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.checkout-progress--step:before {
    width: 19px;
    height: 19px;
    position: relative;
    top: 4px;
    background: #68ACE5;
    box-shadow: 0 0 0 2px #2A60A0;
    border: 2px solid #002D72;
    border-radius: 50%;
    content: "";
    display: inline-block;
    margin-right: 10px;
}

.checkout-progress--step:after {
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #2A60A0;
    content: '';
    display: inline-block;
    height: 10px;
    position: relative;
    top: 10px;
    vertical-align: top;
    width: 10px;
    left: 0;
    transform: rotate(45deg);
    margin: 0 10px;
}

@media (min-width: 992px) {
    .checkout-progress--step:after {
        width: 15px;
        height: 15px;
        top: 7px;
        margin: 0 25px;
    }
}

.checkout-progress--step a {
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: text-decoration 0.25s;
}

.checkout-progress--step a:hover,
.checkout-progress--step a:focus {
    text-decoration-color: #fff;
}

.checkout-progress--step:last-child:after {
    content: none;
}

.checkout-progress--step__current {
    font-weight: 500;
}

.checkout-progress--step__current:before {
    width: 19px;
    height: 19px;
    background: #fff;
    box-shadow: 0 0 0 2px #fff;
    border: 2px solid #002D72;
}

.checkout-progress--step__next:before {
    width: 21px;
    height: 21px;
    background: #002D72;
    box-shadow: 0 0 0 2px #002D72;
    border: 2px solid #2A60A0;
}

/* ==========================================================================
	Checkout
============================================================================= */
.commerce-checkout-flow .form-text,
.commerce-checkout-flow .form-tel {
    width: 100%;
}

fieldset {
    border: none;
    padding: 0;
    width: 100%;
}

.checkout-pane {
    width: 100%;
    border: none;
    float: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.checkout-pane .fieldset-wrapper {
    position: relative;
    color: #0D0D0D;
}

.checkout-pane .fieldset-wrapper .fieldset-legend {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-family: Gentona, "Myriad Pro", sans-serif;
    color: #002D72;
    font-weight: 500;
}

@media (min-width: 768px) {
    .checkout-pane .fieldset-wrapper .fieldset-legend {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.checkout-pane .fieldset-legend {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    display: block;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .checkout-pane .fieldset-legend {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.checkout-pane .order__email {
    margin-bottom: 20px;
}

.checkout-pane .profile a,
.checkout-pane [data-drupal-selector="edit-review-payment-information"] a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #002D72;
    font-weight: 500;
    text-decoration: underline;
}

@media (min-width: 768px) {

    .checkout-pane .profile a,
    .checkout-pane [data-drupal-selector="edit-review-payment-information"] a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.checkout-pane-jhu-checkout-header,
.checkout-pane-jhu-customer-information-input,
.checkout-pane-payment-information,
.checkout-pane-jhu-customer-information-display,
.checkout-pane-jhu-shipping-information {
    border-bottom: 1px solid #AEAEAE;
    padding-bottom: 10px;
}

.checkout-pane-jhu-customer-information-display {
    padding-bottom: 30px;
}

.checkout-pane-jhu-customer-information-display .fieldset-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.checkout-pane-jhu-customer-information-display .fieldset-wrapper .address__group {
    width: 100%;
}

@media (min-width: 1200px) {
    .checkout-pane-jhu-customer-information-display .fieldset-wrapper .address__group {
        width: 50%;
    }
}

.checkout-pane-jhu-customer-information-display .fieldset-wrapper .email__group {
    width: 100%;
}

.checkout-pane-jhu-customer-information-input #edit-jhu-customer-information-input-create-account-message {
    background: #F4F4F4;
    padding: 5px 20px;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .checkout-pane-jhu-customer-information-input #edit-jhu-customer-information-input-create-account-message {
        padding: 10px 30px;
    }
}

.checkout-pane-jhu-customer-information-input #edit-jhu-customer-information-input-create-account-message p {
    margin: 0;
}

@media (min-width: 768px) {
    .customer_information__name {
        display: flex;
    }
}

.layout-checkout-form .customer_information__name .form-item {
    margin-right: 10px;
}

.form-item-jhu-customer-information-input-email-display {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .form-item-jhu-customer-information-input-email-display {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.checkout-pane-payment-information label {
    text-transform: capitalize;
}

.checkout-pane-payment-information .form-type-select {
    display: block;
}

.checkout-pane-payment-information .form-type-select select {
    color: #0D0D0D;
}

.country.form-type-select {
    display: block;
}

@media (min-width: 768px) {
    .address-container-inline {
        display: flex;
        flex-wrap: wrap;
    }
}

.address-container-inline>.form-item {
    display: block;
}

@media (min-width: 768px) {
    .address-container-inline>.form-item {
        display: inline-block;
    }
}

.form-item-payment-information-billing-information-address-0-address-locality {
    width: 100%;
}

@media (min-width: 768px) {

    .form-item-payment-information-billing-information-address-0-address-administrative-area,
    .form-item-payment-information-billing-information-address-0-address-postal-code,
    .form-item-profile-container-address-address-0-address-administrative-area,
    .form-item-profile-container-address-address-0-address-postal-code,
    .form-item-payment-information-billing-information-address-0-address-given-name,
    .form-item-payment-information-billing-information-address-0-address-family-name {
        width: 49%;
    }
}

.checkout-pane-jhu-delivery-address-input label {
    text-transform: capitalize;
}

.checkout-pane-jhu-delivery-address-input .form-type-select {
    display: block;
}

.checkout-pane-jhu-delivery-address-input .form-type-select select {
    color: #0D0D0D;
}

.layout-region-checkout-footer {
    position: relative;
    width: 55%;
    border-top: 1px solid #AEAEAE;
    padding-top: 20px;
    padding-right: 0;
}

@media (min-width: 768px) {
    .layout-region-checkout-footer .form-actions {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
    }
}

.layout-region-checkout-footer a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.layout-region-checkout-footer a:hover,
.layout-region-checkout-footer a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.layout-region-checkout-footer input {
    margin: 20px 0 0 0;
}

@media (min-width: 768px) {
    .layout-region-checkout-footer input {
        margin: 0;
    }
}

.form-item-jhu-shipping-information-shipment-0-shipping-option label {
    position: relative;
    display: block !important;
    padding-right: 80px;
}

.form-item-jhu-shipping-information-shipment-0-shipping-option label strong {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    color: #002D72;
    font-weight: 500;
}

.form-item-jhu-shipping-information-shipment-0-shipping-option label em {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    display: inline-block;
}

.form-item-jhu-shipping-information-shipment-0-shipping-option label span {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 0;
    font-weight: 700;
    margin-left: 8px;
}

.form-item-jhu-shipping-information-rush-order {
    border-top: 1px solid rgba(174, 174, 174, 0.5);
    margin-bottom: 20px;
    padding-top: 20px;
}

.checkout-pane-review {
    display: flex;
    flex-wrap: wrap;
}

.checkout-pane-review [data-drupal-selector="edit-review-payment-information"],
.checkout-pane-review [data-drupal-selector="edit-review-jhu-delivery-address-input"] {
    width: 100%;
}

@media (min-width: 768px) {

    .checkout-pane-review [data-drupal-selector="edit-review-payment-information"],
    .checkout-pane-review [data-drupal-selector="edit-review-jhu-delivery-address-input"] {
        width: 50%;
        margin-bottom: 50px !important;
    }
}

.checkout-pane-review .cart__line--total .cart__line__item {
    border-top: 1px solid #002D72;
    padding-top: 25px;
}

#edit-review-ship-future {
    position: relative;
    margin-top: 20px;
}

#edit-review-ship-future legend {
    position: relative;
    z-index: 1;
}

#edit-review-ship-future::before {
    background: #F4F4F4;
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    top: -70px;
    left: -20px;
    right: -20px;
}

@media (min-width: 768px) {
    #edit-review-ship-future::before {
        top: -80px;
    }
}

@media (min-width: 992px) {
    #edit-review-ship-future::before {
        left: -40px;
        right: -40px;
        top: -90px;
    }
}

@media (min-width: 992px) {
    .layout-checkout-form .form-actions {
        align-items: baseline;
        display: flex;
        justify-content: space-between;
    }
}

@media (max-width: 1199.98px) {
    .layout-checkout-form .form-actions .form-submit {
        margin: 20px 0 0 0;
    }
}

.layout-checkout-form .link--previous {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.layout-checkout-form .link--previous:hover,
.layout-checkout-form .link--previous:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

/* ==========================================================================
	Client Press
============================================================================= */
.client__press__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .client__press__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .client__press__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .client__press__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .client__press__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .client__press__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .client__press__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.client__press {
    margin: 100px auto;
}

.client__press .field {
    margin-bottom: 20px;
}

.client__press .field .label {
    display: block;
}

.client__press .field--name-field-image {
    margin-bottom: 50px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.client__press .field--name-field-text div>h5:first-child {
    margin-top: 0;
}

.client__press .field--name-field-text div:not(.label) {
    color: #002D72;
}

/* ==========================================================================
	Client Societies - Teaser - Homepage
============================================================================= */
.client__societies {
    background: #002D72;
    color: #fff;
    padding-bottom: 60px;
}

@media (min-width: 768px) {
    .client__societies {
        padding-bottom: 90px;
    }
}

.client__societies__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .client__societies__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .client__societies__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .client__societies__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .client__societies__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .client__societies__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .client__societies__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.client__societies__title {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    position: relative;
    color: #D9EAF8;
}

.client__societies__title span {
    position: relative;
    z-index: 1;
    background-color: #002D72;
    display: inline-block;
}

.client__societies__title:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 83%;
    height: 1px;
    right: 0;
    background: #2A60A0;
    content: "";
    display: block;
}

@media (min-width: 768px) {
    .client__societies__title:after {
        content: "";
    }
}

.client__societies__header {
    margin: 20px 0 30px 0;
}

@media (min-width: 992px) {
    .client__societies__header {
        display: flex;
        justify-content: space-between;
        margin: 45px 0;
    }
}

.client__societies__headline {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .client__societies__headline {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

@media (min-width: 992px) {
    .client__societies__headline {
        font-size: 40px;
        font-size: 4rem;
        line-height: 52px;
        line-height: 5.2rem;
        width: 50%;
        margin-right: 60px;
        margin-bottom: 0;
    }
}

.client__societies__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #F4F4F4;
}

@media (min-width: 768px) {
    .client__societies__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .client__societies__text {
        width: 50%;
    }
}

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

@media (min-width: 768px) {
    .client__societies__items {
        flex-wrap: nowrap;
        margin: 0 -23px;
    }
}

.client__societies__teaser {
    width: 47%;
    margin-right: 15px;
    margin-bottom: 35px;
}

@media (max-width: 767.98px) {
    .client__societies__teaser:nth-child(even) {
        margin-right: 0;
    }
}

@media (min-width: 1200px) {
    .client__societies__teaser {
        width: 20%;
        margin: 0 23px;
    }
}

.client__societies__logo a {
    min-height: 215px;
    background: #fff;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    transform: scale(1);
    transition: transform 0.25s;
    will-change: transform;
}

.client__societies__logo a:hover,
.client__societies__logo a:focus {
    transform: scale(1.03);
}

.client__societies__logo a img {
    width: 100%;
}

.client__societies__logo article {
    max-width: 70%;
    display: flex;
    justify-content: space-between;
}

.client__societies__link a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
    font-family: Quadon, "Times New Roman", serif;
}

.client__societies__link a:hover,
.client__societies__link a:focus {
    box-shadow: 0 2px 0 #D9EAF8;
    color: #fff;
}

.client__societies__link a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    color: #68ACE5;
    font-size: 13px;
    margin-left: 5px;
}

.client__societies__link a:hover:after,
.client__societies__link a:focus:after {
    color: #fff;
}

.client__societies__button {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .client__societies__button {
        margin-top: 45px;
    }
}

.client__societies__button a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #fff;
    color: #002D72;
}

@media (min-width: 992px) {
    .client__societies__button a {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .client__societies__button a {
        padding: 10px 30px;
    }
}

.client__societies__button a:hover,
.client__societies__button a:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/* ==========================================================================
	Client Society - Listing
============================================================================= */
.view-client-societies,
.client__society.node--view-mode-full {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin-top: 30px;
}

@media (min-width: 576px) {

    .view-client-societies,
    .client__society.node--view-mode-full {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .view-client-societies,
    .client__society.node--view-mode-full {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .view-client-societies,
    .client__society.node--view-mode-full {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {

    .view-client-societies,
    .client__society.node--view-mode-full {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {

    .view-client-societies,
    .client__society.node--view-mode-full {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {

    .view-client-societies,
    .client__society.node--view-mode-full {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {

    .view-client-societies,
    .client__society.node--view-mode-full {
        margin-top: 0;
    }
}

.view-client-societies .view-content,
.client__society.node--view-mode-full .view-content {
    display: flex;
    flex-wrap: wrap;
}

.view-client-societies .views-row,
.client__society.node--view-mode-full .views-row {
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width: 768px) {

    .view-client-societies .views-row,
    .client__society.node--view-mode-full .views-row {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 50px;
    }
}

@media (min-width: 992px) {

    .view-client-societies .views-row,
    .client__society.node--view-mode-full .views-row {
        width: 31%;
    }
}

.client__society.node--view-mode-full {
    margin-top: 30px;
    margin-bottom: 30px;
}

.client__society__images {
    height: 220px;
    display: flex;
    align-items: center;
}

.client__society__image {
    width: 120px;
    height: 100%;
    background: #002D72;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
}

.client__society__image article {
    height: 100%;
    position: relative;
    display: flex;
}

.client__society__image article:before {
    width: 5px;
    height: 100%;
    position: absolute;
    left: 20px;
    z-index: 1;
    background: rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.09);
    content: "";
    display: block;
}

.client__society__image img {
    width: 110px;
    position: relative;
    align-self: center;
    box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.15);
    margin-left: 20px;
}

.client__society__logo {
    width: calc(100% - 120px);
    height: 100%;
    background: #F4F4F4;
}

.client__society__logo article {
    height: 100%;
    display: flex;
    justify-content: center;
}

.client__society__logo img {
    max-width: 60%;
    max-height: 70%;
    align-self: center;
}

@media (min-width: 768px) {
    .client__society__logo img {
        max-width: 70%;
    }
}

@media (min-width: 1200px) {
    .client__society__logo img {
        max-width: 60%;
    }
}

.client__society__content {
    margin-top: 20px;
}

.client__society__content a {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.client__society__content a:hover,
.client__society__content a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.client__society__content a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    color: #68ACE5;
    font-size: 16px;
    margin-left: 5px;
}

.client__society__content a:hover:after,
.client__society__content a:focus:after {
    color: #2A60A0;
}

.client__society__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .client__society__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

/* ==========================================================================
	Course Adoption
============================================================================= */
.course .column__inner {
    padding: 0;
}

.course .view-2-column--sidebar {
    display: block;
}

.callout-box {
    margin-bottom: 25px;
    padding: 25px;
}

.callout-box--blue {
    background: #002D72;
}

.callout-box--orange {
    background: #FEBE10;
}

.callout-headline {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #fff;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .callout-headline {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.callout-link a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
}

.callout-link a:hover,
.callout-link a:focus {
    box-shadow: 0 2px 0 #D9EAF8;
    color: #fff;
}

.callout-text {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #0D0D0D;
}

/* ==========================================================================
	CTA - Full Width
============================================================================= */
.cta {
    position: relative;
    background: #F16300;
    padding: 30px 0;
}

@media (min-width: 992px) {
    .cta {
        padding: 70px 0;
    }
}

.cta__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .cta__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .cta__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .cta__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .cta__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .cta__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .cta__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.cta__content {
    color: #002D72;
}

@media (min-width: 992px) {
    .cta__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.cta__headline {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
}

@media (min-width: 768px) {
    .cta__headline {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.cta__text {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 65px;
    line-height: 6.5rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    text-shadow: none;
}

@media (min-width: 768px) {
    .cta__text {
        font-size: 72px;
        font-size: 7.2rem;
        line-height: 75px;
        line-height: 7.5rem;
    }
}

.cta__buttons {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .cta__buttons {
        display: flex;
        align-items: center;
    }
}

.cta__buttons a {
    width: 100%;
    max-width: 450px;
    display: block;
}

@media (min-width: 768px) {
    .cta__buttons a {
        display: inline-block;
        width: auto;
        max-width: auto;
    }
}

.cta__button a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .cta__button a {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .cta__button a {
        padding: 10px 30px;
    }
}

.cta__button a:hover,
.cta__button a:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.cta__button__secondary {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .cta__button__secondary {
        margin: 0 0 0 15px;
    }
}

.cta__button__secondary a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #fff;
    color: #002D72;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .cta__button__secondary a {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .cta__button__secondary a {
        padding: 10px 30px;
    }
}

.cta__button__secondary a:hover,
.cta__button__secondary a:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/* ==========================================================================
	Customer Service
============================================================================= */
.customer__cards {
    margin-top: 40px;
}

@media (min-width: 992px) {
    .customer__cards {
        margin-top: 80px;
    }
}

.customer__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .customer__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .customer__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .customer__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .customer__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .customer__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .customer__container {
        padding-right: 0;
        padding-left: 0;
    }
}

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

@media (min-width: 768px) {
    .customer__items {
        margin: 0 -15px;
    }
}

@media (min-width: 992px) {
    .customer__items {
        margin: 0 -30px;
    }
}

.customer__card {
    width: 100%;
    background: #F4F4F4;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    margin-bottom: 35px;
    padding: 30px;
}

@media (min-width: 768px) {
    .customer__card {
        width: calc(50% - 30px);
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media (min-width: 992px) {
    .customer__card {
        width: calc(33% - 60px);
        margin-right: 30px;
        margin-left: 30px;
    }
}

.customer__card__header {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.customer__card__icon {
    margin-right: 15px;
}

.customer__card__icon img {
    max-width: 32px;
}

.customer__card__title a {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
}

.customer__card__title a:hover,
.customer__card__title a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.customer__card__links a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    color: #002D72;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px;
    padding-bottom: 17px;
    transition: border 0.25s, color 0.25s;
}

@media (min-width: 768px) {
    .customer__card__links a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.customer__card__links a:hover,
.customer__card__links a:focus {
    border-color: #002D72;
    color: #2A60A0;
}

.customer__card__links a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    color: #68ACE5;
    font-size: 12px;
}

/* ==========================================================================
	Divisions
============================================================================= */
.division {
    display: flex;
    flex-wrap: wrap;
}

.division a {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 30px;
    font-size: 3rem;
    line-height: 35px;
    line-height: 3.5rem;
    width: 100%;
    color: #fff;
    letter-spacing: 2px;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-color: rgba(0, 45, 114, 0.25);
    text-decoration-thickness: 3px;
    text-underline-offset: 5px;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
    transition: text-decoration 0.25s, text-shadow 0.25s;
}

@media (min-width: 768px) {
    .division a {
        font-size: 45px;
        font-size: 4.5rem;
        line-height: 50px;
        line-height: 5rem;
        width: 50%;
        padding: 45px 0;
    }
}

@media (min-width: 992px) {
    .division a {
        width: 25%;
        padding: 65px 0;
    }
}

.division a:before {
    width: 100%;
    color: #002D72;
    margin-bottom: 10px;
    text-decoration: none;
    text-shadow: none;
}

.division a:hover,
.division a:focus {
    text-decoration-color: #002D72;
    text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}

.division a:first-child {
    background: #68ACE5;
}

.division a:first-child:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(20px);
}

.division a:nth-child(2n) {
    background: #FF9E1B;
}

.division a:nth-child(2n):before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(20px);
}

.division a:nth-child(3n) {
    background: #FEBE10;
}

.division a:nth-child(3n):before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(20px);
}

.division a:last-child {
    background: #F16300;
}

.division a:last-child:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(18px);
    font-size: 37px;
    content: "\00a0";
    background-image: url("/themes/custom/jhupress/images/hfs.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transform: scale(1.3);
}

/* ==========================================================================
	Event Detail
============================================================================= */
.event__location {
    background: #002D72;
    color: #F4F4F4;
    padding: 25px 0 15px 0;
}

@media (min-width: 992px) {
    .event__location {
        padding: 95px 0;
    }
}

.event__location__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .event__location__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .event__location__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .event__location__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .event__location__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .event__location__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .event__location__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.event__location__inner {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

@media (min-width: 768px) {
    .event__location__inner {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 768px) {
    .event__location__inner {
        display: flex;
    }
}

@media (min-width: 992px) {
    .event__location__inner {
        width: 70%;
        max-width: 900px;
        margin: 0 auto;
    }
}

.event__group {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .event__group {
        width: 25%;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .event__group {
        width: 33%;
    }
}

@media (min-width: 768px) {
    .event__where--no-map {
        margin-right: 50px;
    }
}

.event__label {
    color: #fff;
    font-weight: 500;
}

@media (min-width: 768px) {
    .event__map {
        margin: 0 auto;
        width: 215px;
    }
}

.event__categories {
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.event__categories a {
    box-shadow: 0 2px 0 #68ACE5;
    color: #F4F4F4;
    transition: box-shadow 0.25s, color 0.25s;
    margin-bottom: 10px;
}

.event__categories a:hover,
.event__categories a:focus {
    box-shadow: 0 2px 0 #fff;
    color: #fff;
}

.event__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.event__content>.paragraph--type--item-detail,
.event__content>.paragraph--type--card,
.event__content>.wysiwyg__container,
.event__content>.cards {
    width: 100%;
}

@media (min-width: 992px) {

    .event__content>.paragraph--type--item-detail,
    .event__content>.paragraph--type--card,
    .event__content>.wysiwyg__container,
    .event__content>.cards {
        width: 70%;
        max-width: 900px;
    }
}

.event__content>.wysiwyg__container:first-child {
    margin-top: -30px;
}

/* ==========================================================================
	Event Listing
============================================================================= */
.view-events .form-item-date-start2,
.view-events .form-item-date-end2 {
    display: none;
}

.view-events .column__container .view-featured-event {
    display: none;
}

@media (min-width: 992px) {
    .view-events .view-2-column--main {
        padding-top: 0;
        padding-bottom: 50px;
    }
}

.event__item {
    border-bottom: 1px solid #AEAEAE;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .event__item {
        display: flex;
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
}

.event__link {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.event__link:hover,
.event__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 992px) {
    .event__link {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
        line-height: 4rem;
    }
}

.event__date {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    font-weight: 500;
    margin: 15px 0;
}

@media (min-width: 768px) {
    .event__date {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .event__featured .event__image {
        padding-top: 56.25%;
        width: 540px;
    }
}

.event__image img {
    border: 1px solid rgba(174, 174, 174, 0.35);
    padding: 10px;
}

.event__featured .event__image img {
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
}

@media (min-width: 992px) {
    .event__featured .event__image img {
        width: 540px;
        position: absolute;
        top: 0;
        right: 0;
        object-fit: cover;
    }
}

.event__featured .event__image.event__placeholder {
    background: url("../../images/event-fallback.jpg") no-repeat;
    width: 100%;
    height: 374px;
    display: block;
}

@media (min-width: 992px) {
    .event__featured .event__image.event__placeholder {
        width: 540px;
        margin-left: 0;
    }
}

.event__content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

@media (min-width: 768px) {
    .event__content {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.event__featured__inner .event__content {
    margin-bottom: 35px;
}

/* ==========================================================================
	Event Feature
============================================================================= */
.event__featured {
    background: #002D72;
}

@media (min-width: 992px) {
    .event__featured .event__item__content {
        padding: 0 50px;
    }
}

.event__featured__inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    width: 90%;
    position: relative;
    top: -40px;
    background: #fff;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.25);
    margin: 0 auto;
    padding-bottom: 20px;
}

@media (min-width: 576px) {
    .event__featured__inner {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .event__featured__inner {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .event__featured__inner {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .event__featured__inner {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .event__featured__inner {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .event__featured__inner {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .event__featured__inner {
        width: auto;
        padding: 0 20px 20px 20px;
    }
}

@media (min-width: 992px) {
    .event__featured__inner {
        display: flex;
        justify-content: space-between;
        padding: 0;
    }
}

.event__tag {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    width: 185px;
    background: #FEBE10;
    color: #002D72;
    display: block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 30px;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
}

/* ==========================================================================
	Event Tabs
============================================================================= */
.event_tabs_container {
    background: #002D72;
    padding-top: 40px;
}

@media (min-width: 992px) {
    .event_tabs_container {
        padding-top: 80px;
    }
}

.event-tabs {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .event-tabs {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .event-tabs {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .event-tabs {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .event-tabs {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .event-tabs {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .event-tabs {
        padding-right: 0;
        padding-left: 0;
    }
}

.event-tabs a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: Quadon, "Times New Roman", serif;
    background: #164689;
    border: 1px solid #446BA1;
    color: #fff;
    font-weight: 500;
    padding: 20px;
    display: inline-block;
    transition: background 0.25s, border 0.25s, color 0.25s;
    will-change: transform;
}

.event-tabs a.active,
.event-tabs a:hover,
.event-tabs a:focus {
    background: #F4F4F4;
    border: 1px solid #E3E3E3;
    color: #002D72;
}

/* ==========================================================================
	Featured Block - Books & Journals Home pages
============================================================================= */
.featured__block {
    margin-top: 45px;
}

@media (min-width: 992px) {
    .featured__block {
        width: 425px;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .featured__block {
        width: 525px;
    }
}

@media (min-width: 1600px) {
    .featured__block {
        width: 625px;
    }
}

.featured__images {
    position: relative;
}

.featured__image {
    padding-top: 56.25%;
    position: relative;
}

.featured__image img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.featured__book__image {
    width: 120px;
    height: 142px;
    position: absolute;
    right: 40px;
    bottom: -30px;
    z-index: 1;
}

.featured__book__image img {
    box-shadow: -4px 7px 7px 1px rgba(0, 0, 0, 0.2);
}

.featured__block__content {
    background: #FEBE10;
    position: relative;
    margin-bottom: 50px;
    padding: 0 30px 1px 30px;
}

@media (min-width: 992px) {
    .featured__block__content {
        padding: 0 30px 20px 60px;
    }
}

.featured__block--journals .featured__block__content {
    padding: 30px;
}

@media (min-width: 992px) {
    .featured__block--journals .featured__block__content {
        padding: 50px;
    }
}

.paragraph--type--author-teaser .featured__block__content {
    margin-bottom: 0;
    min-height: 350px;
}

.featured__headline {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    background: #002D72;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 0 auto;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .featured__headline {
        margin-bottom: 30px;
    }
}

.featured__headline--journals {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .featured__headline--journals {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.featured__text {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 37px;
    line-height: 3.7rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #0D0D0D;
}

.featured__text:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*content: "";*/
    display: inline-block;
    font-size: rem(22px);
    color: #fff;
    font-size: 25px;
    margin-bottom: 30px;
}

.featured__text strong {
    background: url("../../images/highlight-white.svg") no-repeat center center;
    background-size: 100% 3rem;
    font-weight: 400;
    padding: 6px 9px 5px 8px;
    box-decoration-break: clone;
}

.featured__text--journals {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    margin: 10px 0 15px 0;
}

@media (min-width: 768px) {
    .featured__text--journals {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.featured__attribution {
    display: flex;
    align-items: center;
    color: rgba(13, 13, 13, 0.7);
    font-weight: 500;
    margin: 10px 0 25px 0;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .featured__attribution {
        margin: 20px 0 35px 0;
    }
}

.featured__attribution:before {
    width: 15px;
    height: 2px;
    background: rgba(13, 13, 13, 0.7);
    content: "";
    display: block;
    margin-right: 8px;
}

.featured__link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.featured__link a:hover,
.featured__link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (max-width: 991.98px) {
    .featured__link a {
        font-size: 19px;
        font-size: 1.9rem;
        line-height: 35px;
        line-height: 3.5rem;
    }
}

/* ==========================================================================
	Featured Links - Homepage
============================================================================= */
.featured__links {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s, visibility 1s;
    transition-timing-function: ease-in-out;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    padding-bottom: 20px;
    background: #D9EAF8;
    color: #002D72;
    transition-delay: 0.3s;
}

.loaded .featured__links {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

@media print {
    .featured__links {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}

@media (min-width: 576px) {
    .featured__links {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .featured__links {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .featured__links {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .featured__links {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .featured__links {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .featured__links {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .featured__links {
        display: block;
        padding-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .featured__links {
        margin-top: 75px;
        padding-bottom: 40px;
    }
}

.section-books .featured__links {
    background: #68ACE5;
}

.section-journals .featured__links {
    background: #FF9E1B;
}

.featured__links a {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 37px;
    line-height: 3.7rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
    margin-right: 25px;
    margin-bottom: 12px;
}

.featured__links a:hover,
.featured__links a:focus {
    box-shadow: 0 2px 0 #fff;
    color: #D9EAF8;
}

@media (min-width: 992px) {
    .featured__links a {
        margin-bottom: 0;
    }
}

.featured__links__header {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-top: 15px;
}

@media (min-width: 992px) {
    .featured__links__header {
        border-top: none;
        margin-bottom: 20px;
        padding-top: 0;
    }
}

.featured__links__header span {
    position: relative;
    z-index: 1;
    background: #D9EAF8;
    display: inline-block;
    padding-right: 12px;
}

.featured__links__header span:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(20px);
    position: relative;
    top: 5px;
    font-size: 30px;
    margin-right: 5px;
}

.section-books .featured__links__header span {
    background: #68ACE5;
}

.section-journals .featured__links__header span {
    background: #FF9E1B;
}

.featured__links__header:after {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 36px;
    right: 0;
    background: #2A60A0;
    content: "";
    display: block;
}

.section-journals .featured__links__header:after {
    background: #0D0D0D;
}

@media (min-width: 992px) {
    .featured__links__header:after {
        top: 23px;
    }
}

/* ==========================================================================
	Form Paragraph - Horizontal, Blue. Largely the same as book-highlight.scss.
============================================================================= */
.form__highlight {
    margin: 50px 0;
}

.product__detail__block .form__highlight {
    margin-top: 0;
}

.homepage .form__highlight {
    margin-top: 100px;
}

.form__highlight--blue {
    background: #002D72;
    margin: 0;
    padding: 40px 0;
}

.form__highlight__container {
    position: relative;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .form__highlight__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .form__highlight__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .form__highlight__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .form__highlight__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .form__highlight__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .form__highlight__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.content__small .form__highlight__container {
    max-width: 100%;
}

.background__text {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 275px;
    font-size: 27.5rem;
    line-height: 250px;
    line-height: 25rem;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: -130px;
    color: #F4F4F4;
    display: none;
}

@media (min-width: 992px) {
    .background__text {
        font-size: 325px;
        font-size: 32.5rem;
        line-height: 250px;
        line-height: 25rem;
    }
}

@media (min-width: 768px) {
    .background__text {
        display: block;
    }
}

.form__highlight--blue .background__text {
    color: rgba(217, 234, 248, 0.1);
}

.form__highlight__content {
    position: relative;
    padding-top: 70px;
}

.review__block .form__highlight__content,
.product__about__block .form__highlight__content,
.authors__block .form__highlight__content {
    padding-top: 0;
}

@media (min-width: 768px) {

    .review__block .form__highlight__content,
    .product__about__block .form__highlight__content,
    .authors__block .form__highlight__content {
        padding-top: 70px;
    }
}

.form__highlight__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 40px;
    font-size: 4rem;
    line-height: 60px;
    line-height: 6rem;
    position: relative;
    color: #002D72;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .form__highlight__title {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

.form__highlight--blue .form__highlight__title {
    color: #fff;
}

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

/* 	Form follows the Background Hero
============================================================================= */
.hero--image--background+.form__highlight--blue {
    margin: 0;
    opacity: 1 !important;
}

@media (min-width: 992px) {
    .hero--image--background+.form__highlight--blue {
        position: relative;
        z-index: 2;
        background: linear-gradient(to bottom, transparent 50%, #002D72 50%);
        margin-top: -490px;
        padding-top: 100px;
    }

    .taxonomy-term .hero--image--background+.form__highlight--blue {
        margin-bottom: 100px;
    }
}

.hero--image--background+.form__highlight--blue .form__highlight__title:after {
    background: #fff;
}

.hero--image--background+.form__highlight--blue .form__highlight__title {
    color: #fff;
}

/* 	Webform styles
============================================================================= */
.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-step.is-active:hover:before {
    background-color: #fff;
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-step .progress-marker:before {
    background-color: #002D72;
    border: 5px solid #2A60A0;
    content: " ";
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-step .progress-marker:after {
    background-color: #2A60A0;
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-step.is-active .progress-marker:before {
    background-color: #fff;
    border: 5px solid #2A60A0;
    content: " ";
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-step.is-active .progress-marker:after {
    background-color: #2A60A0;
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-step.is-complete .progress-marker:before {
    background-color: #68ACE5;
    border: 5px solid #2A60A0;
    content: " ";
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-step.is-complete .progress-marker:after {
    background-color: #2A60A0;
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-text {
    color: #fff;
}

.form__highlight__webform .webform-submission-form .webform-progress-tracker .progress-title {
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.form__highlight__webform .webform-submission-form .form-item label,
.form__highlight__webform .webform-submission-form .form-item label:not(.option),
.form__highlight__webform .webform-submission-form .form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) label {
    color: white;
}

.form__highlight__webform .webform-submission-form .form-item--error-message {
    color: #fff;
    margin-top: 10px;
}

.form__highlight__webform .webform-submission-form .form-actions input {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #fff;
    color: #002D72;
}

@media (min-width: 992px) {
    .form__highlight__webform .webform-submission-form .form-actions input {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .form__highlight__webform .webform-submission-form .form-actions input {
        padding: 10px 30px;
    }
}

.form__highlight__webform .webform-submission-form .form-actions input:hover,
.form__highlight__webform .webform-submission-form .form-actions input:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.form__highlight__webform .webform-submission-form .description,
.form__highlight__webform .webform-submission-form .form-type-webform-markup,
.form__highlight__webform .webform-submission-form .webform-type-radios {
    color: white;
}

.form__highlight__webform .webform-submission-form .form-type-radio input:checked+label:before {
    background: #fff;
}

.webform-progress {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .webform-progress {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .webform-progress {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .webform-progress {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .webform-progress {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .webform-progress {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .webform-progress {
        padding-right: 0;
        padding-left: 0;
    }
}

.webform-progress .webform-progress-tracker .progress-step.is-active:hover:before {
    background-color: #fff;
}

.webform-progress .webform-progress-tracker .progress-step.is-active .progress-title {
    font-weight: 400;
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker:before {
    background-color: #002D72;
    border: 5px solid #2A60A0;
    content: " ";
}

.webform-progress .webform-progress-tracker .progress-step .progress-marker:after {
    background-color: #2A60A0;
}

.webform-progress .webform-progress-tracker .progress-step.is-active .progress-marker:before {
    background-color: #fff;
    border: 5px solid #2A60A0;
    content: " ";
}

.webform-progress .webform-progress-tracker .progress-step.is-active .progress-marker:after {
    background-color: #2A60A0;
}

.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker:before {
    background-color: #68ACE5;
    border: 5px solid #2A60A0;
    content: " ";
}

.webform-progress .webform-progress-tracker .progress-step.is-complete .progress-marker:after {
    background-color: #2A60A0;
}

.webform-progress .webform-progress-tracker .progress-text {
    color: #0D0D0D;
}

.webform-progress .webform-progress-tracker .progress-title {
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
}

.webform-confirmation {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    display: flex;
    flex-direction: column;
    margin-bottom: 50px;
}

@media (min-width: 576px) {
    .webform-confirmation {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .webform-confirmation {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .webform-confirmation {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .webform-confirmation {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .webform-confirmation {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .webform-confirmation {
        padding-right: 0;
        padding-left: 0;
    }
}

.webform-confirmation .webform-confirmation__message {
    margin-bottom: 30px;
}

.webform-confirmation .webform-confirmation__message h2 {
    margin-bottom: 20px;
}

.webform-confirmation .webform-confirmation__message p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

@media (min-width: 768px) {
    .webform-confirmation .webform-confirmation__message p {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.webform-confirmation .webform-confirmation__back {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    width: fit-content;
    margin: 0;
}

@media (min-width: 992px) {
    .webform-confirmation .webform-confirmation__back {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .webform-confirmation .webform-confirmation__back {
        padding: 10px 30px;
    }
}

.webform-confirmation .webform-confirmation__back:hover,
.webform-confirmation .webform-confirmation__back:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/* ==========================================================================
	Forms
============================================================================= */
/* Select
============================================================================= */
/* Checkbox and Radio
============================================================================= */
/* ==========================================================================
	Webform
============================================================================= */
/* Item Wrappers
============================================================================= */
.form-item--error-message a {
    text-decoration: underline;
}

/* Labels
============================================================================= */
.form-item label:not(.option) {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 26px;
    line-height: 2.6rem;
    color: #002D72;
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

form .description,
form .password-confirm.js-password-confirm-message {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    color: #0D0D0D;
    margin-top: 5px;
}

@media (min-width: 992px) {

    form .description,
    form .password-confirm.js-password-confirm-message {
        max-width: 570px;
    }
}

form details {
    border: none;
}

form details .details-wrapper {
    padding: 0;
}

form summary {
    color: #0D0D0D;
    padding: 0;
}

/* Inputs
============================================================================= */
.form-text {
    border: 1px solid #AEAEAE;
    box-shadow: inset 0 5px 0 0 rgba(217, 234, 248, 0.8);
    color: #0D0D0D;
    font-size: 18px;
    padding: 16px 12px 12px 12px;
}

.form-textarea {
    border: 1px solid #AEAEAE;
    box-shadow: inset 0 5px 0 0 rgba(217, 234, 248, 0.8);
    color: #0D0D0D;
    font-size: 18px;
    padding: 16px 12px 12px 12px;
}

.form-number {
    border: 1px solid #AEAEAE;
    box-shadow: inset 0 5px 0 0 rgba(217, 234, 248, 0.8);
    color: #0D0D0D;
    font-size: 18px;
    padding: 16px 12px 12px 12px;
}

.form-email {
    border: 1px solid #AEAEAE;
    box-shadow: inset 0 5px 0 0 rgba(217, 234, 248, 0.8);
    color: #0D0D0D;
    font-size: 18px;
    padding: 16px 12px 12px 12px;
}

.form-tel {
    border: 1px solid #AEAEAE;
    box-shadow: inset 0 5px 0 0 rgba(217, 234, 248, 0.8);
    color: #0D0D0D;
    font-size: 18px;
    padding: 16px 12px 12px 12px;
}

/* Checkbox and Radio
============================================================================= */
.form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) input {
    width: 30px;
    height: 30px;
    opacity: 0;
    position: absolute;
    left: -1px;
}

.form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) input:focus {
    opacity: 1;
}

.form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    position: relative;
    display: inline-block;
    color: #0D0D0D;
    padding-left: 40px;
}

@media (min-width: 768px) {
    .form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) label {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) label:before {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 1px;
    left: 0;
    background: transparent;
    box-shadow: 0 0 0 2px #68ACE5;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    content: "";
    cursor: pointer;
    display: block;
    line-height: 1.3;
    padding: 0 4px;
    transition: background 0.25s;
}

.form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) input:checked+label:before {
    background: #002D72;
}

.form-type-radio:not(.form-item-purchased-entity-0-attributes-attribute-binding-type) .description {
    padding-left: 40px;
    margin-left: 0;
}

.form-type-checkbox {
    position: relative;
}

.form-type-checkbox input {
    width: 30px;
    height: 30px;
    opacity: 0;
    position: absolute;
    left: 0;
}

.form-type-checkbox input:focus {
    opacity: 1;
}

.form-type-checkbox label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    position: relative;
    display: inline-block;
    color: #0D0D0D;
    padding-left: 40px;
}

@media (min-width: 768px) {
    .form-type-checkbox label {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.form-type-checkbox label:before {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 1px;
    left: 2px;
    background: transparent;
    box-shadow: 0 0 0 2px #68ACE5;
    border: 2px solid #fff;
    color: #fff;
    content: "";
    cursor: pointer;
    display: block;
    line-height: 1.3;
    padding: 0 4px;
    transition: background 0.25s;
}

.form-type-checkbox .description {
    padding-left: 40px;
    margin-left: 0;
}

/* Selects
============================================================================= */
.form-type-select,
.form-type-language-select {
    position: relative;
    display: inline-block;
}

.form-type-select:after,
.form-type-language-select:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    position: absolute;
    top: 46px;
    right: 13px;
    color: #002D72;
    pointer-events: none;
}

.form-type-select select,
.form-type-language-select select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    background: #D9EAF8;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin: 0;
    padding: 19px 40px 18px 20px;
}

@-moz-document url-prefix() {

    .form-type-select select,
    .form-type-language-select select {
        text-indent: 0.01px;
        text-overflow: "";
    }
}

.form-type-select select:focus:-moz-focusring,
.form-type-language-select select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.form-type-select select::-ms-expand,
.form-type-language-select select::-ms-expand {
    display: none;
}

@-moz-document url-prefix() {

    .form-type-select select option,
    .form-type-language-select select option {
        background-color: #fff;
    }
}

/* ==========================================================================
	Select2 Module
============================================================================= */
/* ==========================================================================
	Hero Carousel
============================================================================= */
.hero__carousel {
    background: #D9EAF8;
    padding-bottom: 35px;
    margin: 0;
}

@media (min-width: 992px) {
    .hero__carousel {
        background: transparent;
        padding-bottom: 0;
    }
}

.hero__carousel__container {
    position: relative;
}

.hero__carousel__items {
    position: relative;
}

.hero__carousel__item {
    position: relative;
}

.hero__carousel__wrap {
    display: flex;
    flex-direction: column-reverse;
}

@media (min-width: 992px) {
    .hero__carousel__wrap {
        display: block;
    }
}

.hero__carousel__content {
    width: 80%;
    position: relative;
    z-index: 1;
    background: #fff;
    box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.15);
    margin: 0 auto;
    padding: 20px 20px 25px 20px;
}

@media (min-width: 992px) {
    .hero__carousel__content {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 770px;
        min-height: 500px;
        right: 0;
        z-index: 1;
        margin: 0;
        padding: 0 155px 0 55px;
    }
}

@media (min-width: 992px) {
    .hero__carousel__link {
        margin-top: 45px;
    }
}

.hero__carousel__link a,
.hero__carousel__link span {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 32px;
    line-height: 3.2rem;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
}

.hero__carousel__link a:hover,
.hero__carousel__link a:focus,
.hero__carousel__link span:hover,
.hero__carousel__link span:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 992px) {

    .hero__carousel__link a,
    .hero__carousel__link span {
        font-size: 30px;
        font-size: 3rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.hero__carousel__link span {
    box-shadow: none;
}

.hero__carousel__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    margin-top: 22px;
}

@media (min-width: 992px) {
    .hero__carousel__text {
        margin-bottom: 45px;
    }
}

@media (min-width: 768px) {
    .hero__carousel__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.hero__carousel__image {
    height: 56.25vw;
    max-height: 740px;
    position: relative;
    background-color: #000;
    display: flex;
}

@media (min-width: 992px) {
    .hero__carousel__image {
        height: 69vh;
    }
}

.hero__carousel__image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

/* ==========================================================================
	Hero
============================================================================= */
.hero__group {
    background: #D9EAF8;
    margin-bottom: 25px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .hero__group {
        padding-bottom: 4px;
    }
}

.homepage .hero__group {
    margin: 0;
}

.section-books .hero__group {
    background: #68ACE5;
}

.section-journals .hero__group {
    background: #FF9E1B;
}

.hero {
    position: relative;
    background: #D9EAF8;
    padding: 40px 0;
}

@media (min-width: 992px) {
    .hero {
        margin-bottom: 100px;
        padding: 60px 0 40px 0;
        min-height: 320px;
    }
}

@media (min-width: 992px) {
    .section-newsroom .hero {
        padding-bottom: 60px;
    }
}

.section-books .hero {
    background: #68ACE5;
}

.section-journals .hero {
    background: #FF9E1B;
}

.hero__group .hero,
.section-newsroom .hero,
.section-awards .hero,
.section-multimedia .hero,
.taxonomy-term .hero,
.section-events .hero {
    margin-bottom: 0;
}

.hero.hero--with-featured {
    margin: 0;
    padding-bottom: 0;
}

.hero.hero--image--inline {
    position: relative;
}

@media (min-width: 1200px) {
    .hero.hero--image--inline {
        min-height: 500px;
    }
}

.hero__group .hero.hero--image--inline {
    min-height: 0;
}

.hero.hero--font-reduced .hero__titles h1 {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 48px;
    line-height: 4.8rem;
}

@media (min-width: 768px) {
    .hero.hero--font-reduced .hero__titles h1 {
        font-size: 72px;
        font-size: 7.2rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

.hero .cta__buttons {
    margin-left: -8px;
}

.hero .cta__button:last-child {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .hero .cta__button:last-child {
        margin-left: 10px;
        margin-top: 0;
    }
}

.section-careers .hero .cta__buttons {
    flex-direction: column;
    align-items: baseline;
}

.section-careers .hero .cta__button:last-child {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .section-careers .hero .cta__button:last-child {
        margin-left: 0px;
    }
}

.hero__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .hero__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .hero__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .hero__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .hero__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .hero__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .hero__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.hero__wrap {
    width: 100%;
}

@media (min-width: 992px) {
    .hero__wrap {
        display: flex;
        justify-content: space-between;
    }
}

.hero__group .hero__wrap {
    position: static;
}

@media (min-width: 992px) {
    .hero--image .hero__wrap {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.hero--image--background .hero__wrap {
    display: block;
}

.hero--with-featured .hero__wrap {
    display: block;
    padding-bottom: 50px;
    background: #002D72;
}

.hero__inner {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: transform 1s, opacity 1s, visibility 1s;
    transition-timing-function: ease-in-out;
    width: 100%;
}

.loaded .hero__inner {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

@media print {
    .hero__inner {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}

@media (min-width: 992px) {
    .hero__inner {
        align-items: center;
        display: flex;
        justify-content: space-between;
    }
}

.hero--image--inline .hero__inner {
    display: block;
}

@media (min-width: 1200px) {
    .hero--image--inline .hero__inner {
        width: 45%;
        max-width: 450px;
    }
}

@media (min-width: 1600px) {
    .hero--image--inline .hero__inner {
        max-width: 650px;
    }
}

.hero--image--background .hero__inner {
    z-index: 3;
    position: relative;
}

@media (min-width: 1200px) {
    .hero--image--portrait.hero--image--inline .hero__inner {
        width: 80%;
        max-width: 770px;
    }
}

@media (min-width: 1600px) {
    .hero--image--portrait.hero--image--inline .hero__inner {
        max-width: 950px;
    }
}

@media (min-width: 992px) {
    .hero__group .hero__inner {
        width: 100%;
        max-width: none;
        z-index: 1;
    }
}

.hero__titles {
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .hero__titles {
        flex: 1;
        margin-bottom: 0;
        max-width: 830px;
    }
}

.hero--image--background .hero__titles h1 {
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.hero--image--inline .hero__titles {
    width: auto;
}

@media (min-width: 992px) {
    .homepage .hero__titles {
        width: auto;
    }
}

.hero__group .hero__titles {
    margin-bottom: 0;
    max-width: none;
}

.hero__titles h1 {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 62px;
    line-height: 6.2rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    color: #002D72;
    margin: 0;
    text-shadow: none;
}

@media (min-width: 768px) {
    .hero__titles h1 {
        font-size: 96px;
        font-size: 9.6rem;
        line-height: 86px;
        line-height: 8.6rem;
    }
}

.section-books .hero__titles h1,
.section-journals .hero__titles h1 {
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

@media (min-width: 992px) {
    .hero__group .hero__titles h1 {
        font-size: 136px;
        font-size: 13.6rem;
        line-height: 122px;
        line-height: 12.2rem;
    }
}

.node--type-course-adoption .hero__titles h1 {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 65px;
    line-height: 6.5rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

@media (min-width: 768px) {
    .node--type-course-adoption .hero__titles h1 {
        font-size: 72px;
        font-size: 7.2rem;
        line-height: 75px;
        line-height: 7.5rem;
    }
}

.hero__news .hero__titles h1 {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 62px;
    font-size: 6.2rem;
    line-height: 65px;
    line-height: 6.5rem;
    text-transform: uppercase;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    text-shadow: none;
}

@media (min-width: 768px) {
    .hero__news .hero__titles h1 {
        font-size: 72px;
        font-size: 7.2rem;
        line-height: 75px;
        line-height: 7.5rem;
    }
}

.hero__subtitle {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    color: #002D72;
    display: block;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .hero__subtitle {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.hero__content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #002D72;
}

@media (min-width: 768px) {
    .hero__content {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

@media (min-width: 992px) {
    .hero__content {
        width: 50%;
    }
}

.section-newsroom .hero__content {
    font-weight: 500;
}

.hero--image .hero__content {
    width: 100%;
    margin-top: 25px;
}

.hero__group .hero__content {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin-top: 10px;
}

@media (min-width: 992px) {
    .hero__group .hero__content {
        font-size: 40px;
        font-size: 4rem;
        line-height: 40px;
        line-height: 4rem;
        margin-top: 30px;
        width: 55%;
        max-width: none;
    }
}

@media (min-width: 1600px) {
    .hero__group .hero__content {
        max-width: 700px;
    }
}

.hero--image--background .hero__content {
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

@media (min-width: 992px) {
    .hero--image--background .hero__content {
        width: 45%;
        padding-left: 50px;
        margin-top: 0;
    }
}

/* 	Hero - Image
============================================================================= */
.hero--image {
    position: relative;
    z-index: 1;
}

.hero__group .hero--image {
    padding-bottom: 0;
}

@media (max-width: 1199.98px) {

    .hero__image,
    .hero__video {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        width: 100%;
    }
}

@media (max-width: 1199.98px) and (min-width: 576px) {

    .hero__image,
    .hero__video {
        max-width: 540px;
    }
}

@media (max-width: 1199.98px) and (min-width: 768px) {

    .hero__image,
    .hero__video {
        max-width: 720px;
    }
}

@media (max-width: 1199.98px) and (min-width: 992px) {

    .hero__image,
    .hero__video {
        max-width: 960px;
    }
}

@media (max-width: 1199.98px) and (min-width: 1200px) {

    .hero__image,
    .hero__video {
        max-width: 1140px;
    }
}

@media (max-width: 1199.98px) and (min-width: 1600px) {

    .hero__image,
    .hero__video {
        max-width: 1540px;
    }
}

@media (max-width: 1199.98px) and (min-width: 576px) {

    .hero__image,
    .hero__video {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {

    .hero__image,
    .hero__video {
        width: 50%;
        position: absolute;
        left: 50%;
        top: 75px;
        bottom: -40px;
        max-width: 760px;
        padding-top: 0;
    }
}

@media (max-width: 1199.98px) {

    .hero__image .media,
    .hero__video .media {
        padding-top: 66%;
        position: relative;
    }
}

.hero__group .hero__image,
.hero__group .hero__video {
    padding-top: 0;
    margin: 0;
}

.hero__image img,
.hero__video img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.hero__group .hero__image,
.hero__group .hero__video {
    display: none;
}

@media (min-width: 992px) {

    .hero__group .hero__image,
    .hero__group .hero__video {
        display: block;
        margin-left: 100px;
        top: 0;
        bottom: -215px;
        position: absolute;
        left: 50%;
        width: 50%;
    }

    .hero__group .hero__image .media,
    .hero__group .hero__video .media {
        padding-top: 0;
        position: static;
    }
}

@media (min-width: 1200px) {

    .hero__group .hero__image,
    .hero__group .hero__video {
        margin-left: 122px;
        max-width: none;
    }
}

.hero--image--background .hero__image,
.hero--image--background .hero__video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1199.98px) {

    .hero--image--background .hero__image .media,
    .hero--image--background .hero__video .media {
        padding-top: 0;
        position: static;
    }
}

.hero--image--background .hero__image:before,
.hero--image--background .hero__video:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    content: "";
}

.hero--image--background .hero__image:after,
.hero--image--background .hero__video:after {
    width: 100%;
    height: 245px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    display: block;
    content: "";
}

@media (max-width: 1199.98px) {

    .hero--image--portrait .hero__image .media,
    .hero--image--portrait .hero__video .media {
        overflow: hidden;
        padding-top: 300px;
    }
}

.hero--image--portrait .hero__image img,
.hero--image--portrait .hero__video img {
    object-fit: contain;
    object-position: top left;
}

@media (min-width: 1200px) {

    .hero--image--portrait .hero__image img,
    .hero--image--portrait .hero__video img {
        object-position: top right;
        max-height: none;
    }
}

.hero--with-featured .hero__image,
.hero--with-featured .hero__video {
    width: 100%;
    height: 100%;
    display: flex;
    overflow: hidden;
    top: 0;
    position: absolute;
}

.hero--with-featured .hero__image:before,
.hero--with-featured .hero__video:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    display: block;
    content: "";
}

.hero--with-featured .hero__image:after,
.hero--with-featured .hero__video:after {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    display: block;
    content: "";
}

.hero--with-featured .hero__image img,
.hero--with-featured .hero__video img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

/* 	Hero - Video
============================================================================= */
.hero__video {
    display: flex;
    align-items: flex-end;
}

.hero__video .media {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
}

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

/* 	Hero - Homepage
============================================================================= */
.hero__search {
    position: relative;
    margin-top: 25px;
}

@media (min-width: 992px) {
    .hero__search {
        margin-top: 35px;
        width: 55%;
        max-width: none;
    }
}

@media (min-width: 1600px) {
    .hero__search {
        max-width: 700px;
    }
}

.hero__search .form-item {
    width: 100%;
    margin: 0;
}

.hero__search .form-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    color: #0D0D0D;
    padding: 15px 50px 15px 15px;
}

@media (min-width: 768px) {
    .hero__search .form-text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .hero__search .form-text {
        padding: 20px 155px 20px 20px;
    }
}

.hero__search .tooltip__button {
    position: absolute;
    top: 10px;
    right: 18px;
    z-index: 1;
}

@media (min-width: 992px) {
    .hero__search .tooltip__button {
        top: 16px;
        right: 158px;
    }
}

@media (min-width: 1200px) {
    .hero__search .tooltip__button {
        right: 170px;
    }
}

.hero__search .tooltip__block {
    height: auto;
    width: 345px;
    bottom: 115px;
    left: auto;
    right: 0;
}

@media (min-width: 992px) {
    .hero__search .tooltip__block {
        right: 98px;
        bottom: 56px;
    }
}

@media (min-width: 1200px) {
    .hero__search .tooltip__block {
        right: 109px;
    }
}

.hero__search .tooltip__block:after {
    right: 7px;
    left: auto;
}

@media (min-width: 992px) {
    .hero__search .tooltip__block:after {
        right: 50px;
    }
}

.hero__search .form-actions {
    width: 100%;
    position: relative;
    margin: 10px auto;
}

@media (min-width: 992px) {
    .hero__search .form-actions {
        width: 150px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -6px;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .hero__search .form-actions {
        right: 5px;
    }
}

.hero__search .form-actions:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    position: absolute;
    top: 18px;
    right: 25px;
    color: #68ACE5;
}

@media (min-width: 992px) {
    .hero__search .form-actions:after {
        top: 22px;
        right: 24px;
    }
}

@media (min-width: 1200px) {
    .hero__search .form-actions:after {
        right: 12px;
    }
}

.hero__search .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-right: 45px;
}

@media (min-width: 992px) {
    .hero__search .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .hero__search .form-submit {
        padding: 10px 30px;
    }
}

.hero__search .form-submit:hover,
.hero__search .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 992px) {
    .hero__search .form-submit {
        width: auto;
        border-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        padding-right: 47px;
    }
}

/* ==========================================================================
	Image Carousel
============================================================================= */
.image__carousel {
    position: relative;
    background: #F4F4F4;
    margin: 25px 0 50px 0;
}

.image__carousel__title {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    background: #2A60A0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
}

.content__small .image__carousel__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Quadon, "Times New Roman", serif;
    background: transparent;
    color: #002D72;
    font-weight: normal;
    letter-spacing: normal;
    padding: 0;
    text-transform: none;
}

@media (min-width: 768px) {
    .content__small .image__carousel__title {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.image__carousel__items {
    position: relative;
}

.image__carousel__item {
    position: relative;
}

.image__carousel__wrap {
    display: flex;
    flex-direction: column-reverse;
}

@media (min-width: 992px) {
    .image__carousel__wrap {
        display: block;
    }
}

.content__small .image__carousel__wrap {
    display: flex;
    flex-direction: column-reverse;
}

.image__carousel__content {
    width: 100%;
    background: #fff;
    padding: 0 40px 80px 40px;
}

@media (min-width: 992px) {
    .image__carousel__content {
        width: 630px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
}

.content__small .image__carousel__content {
    position: relative;
    background: #F4F4F4;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {
    .content__small .image__carousel__content {
        width: 100%;
        padding-top: 40px;
        padding-bottom: 50px;
    }
}

.image__carousel__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    margin-top: 22px;
}

@media (min-width: 768px) {
    .image__carousel__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.content__small .image__carousel__text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-top: 12px;
}

@media (min-width: 768px) {
    .content__small .image__carousel__text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.image__carousel__image {
    padding-top: 56.25%;
    position: relative;
    background-color: #000;
    display: flex;
}

.image__carousel__image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

/* ==========================================================================
	Introduction - Homepage and Landing Pages
============================================================================= */
.intro {
    margin: 40px 0;
}

@media (min-width: 992px) {
    .intro {
        margin: 80px 0;
    }
}

.intro__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .intro__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .intro__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .intro__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .intro__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .intro__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .intro__container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .intro__inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.intro__highlight {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 40px;
    font-size: 4rem;
    line-height: 60px;
    line-height: 6rem;
    color: #002D72;
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .intro__highlight {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

@media (max-width: 767.98px) {
    .intro__highlight {
        line-height: 30px;
    }
}

@media (min-width: 992px) {
    .intro__highlight {
        width: 50%;
        margin-right: 100px;
    }
}

.intro__highlight strong {
    background: url("../../images/highlight.svg") no-repeat center center;
    background-size: 100% 3rem;
    font-weight: 400;
    padding: 6px 9px 5px 8px;
    box-decoration-break: clone;
}

@media (min-width: 768px) {
    .intro__highlight strong {
        background-size: 100% 6rem;
    }
}

.intro__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #002D72;
    font-weight: 500;
}

@media (min-width: 768px) {
    .intro__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .intro__text {
        width: 50%;
    }
}

.section-journals .intro__text {
    color: #0D0D0D;
    font-weight: normal;
}

/* ==========================================================================
	Journal Vertical
============================================================================= */
.journal__vertical .journal__subscribe {
    display: none;
}

.section-journals .journal__vertical .journal__subscribe {
    display: block;
}

.journal__btn {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    margin-top: 12px;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .journal__btn {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .journal__btn {
        padding: 10px 30px;
    }
}

.journal__btn:hover,
.journal__btn:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 576px) {
    .journal__btn {
        justify-content: space-between;
    }

    .journal__btn:after {
        margin-left: 15px;
    }
}

.journal__btn:hover:after,
.journal__btn:focus:after {
    color: #fff;
}

.journal__btn:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(14px);
    color: #68ACE5;
    font-size: 15px;
    margin-left: 5px;
    transition: color 0.25s;
}

.product__detail__journal .journal__btn {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    background: #FEBE10;
    width: auto;
}

@media (min-width: 992px) {
    .product__detail__journal .journal__btn {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .product__detail__journal .journal__btn {
        padding: 10px 30px;
    }
}

.product__detail__journal .journal__btn:hover,
.product__detail__journal .journal__btn:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.product__detail__journal .journal__btn:after {
    color: #002D72;
    padding-left: 10px;
}

.product__detail__journal .journal__btn:hover:after,
.product__detail__journal .journal__btn:focus:after {
    color: #fff;
}

@media (max-width: 991.98px) {
    .product__jump-bar__inner_title {
        width: 89%;
    }

    .product__jump-bar__inner_title a {
        justify-content: center;
    }
}

.product__jump-bar__inner_title .journal__btn:after {
    content: none;
}

.journal__btn--subscribe {
    width: 50%;
}

@media (min-width: 768px) {
    .journal__btn--subscribe {
        width: 100%;
    }
}

/* ==========================================================================
	Login
============================================================================= */
.layout-checkout-form .form-item {
    margin: 0 0 30px 0;
}

@media (min-width: 768px) {

    .layout-checkout-form .form-item.form-item-jhu-customer-information-input-display-name-first-name,
    .layout-checkout-form .form-item.form-item-payment-information-billing-information-address-0-address-given-name,
    .layout-checkout-form .form-item.form-item-payment-information-billing-information-address-0-address-administrative-area,
    .layout-checkout-form .form-item.form-item-profile-container-address-address-0-address-given-name,
    .layout-checkout-form .form-item.form-item-profile-container-address-address-0-address-administrative-area,
    .layout-checkout-form .form-item.form-item-jhu-customer-information-input-name-first-name-display,
    .layout-checkout-form .form-item.form-item-jhu-customer-information-input-name-last-name-display {
        margin-right: 10px;
    }
}

.layout-checkout-form .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    display: inline-block;
}

@media (min-width: 992px) {
    .layout-checkout-form .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .layout-checkout-form .form-submit {
        padding: 10px 30px;
    }
}

.layout-checkout-form .form-submit:hover,
.layout-checkout-form .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.layout-checkout-form .checkout__btn--mobile {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
}

@media (min-width: 992px) {
    .layout-checkout-form .checkout__btn--mobile {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .layout-checkout-form .checkout__btn--mobile {
        padding: 10px 30px;
    }
}

.layout-checkout-form .checkout__btn--mobile:hover,
.layout-checkout-form .checkout__btn--mobile:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 576px) {
    .layout-checkout-form .checkout__btn--mobile {
        display: none;
    }
}

.layout-checkout-form p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .layout-checkout-form p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .layout-region-checkout-main {
        width: 55%;
    }
}

.form-wrapper__login-option {
    width: 100%;
    border: none;
    float: none;
    margin: 0 0 50px 0;
    padding: 0;
}

.form-wrapper__login-option .fieldset-wrapper>a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
    display: inline-block;
    margin-top: 11px;
    position: absolute;
    right: 0;
}

.form-wrapper__login-option .fieldset-wrapper>a:hover,
.form-wrapper__login-option .fieldset-wrapper>a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.form-wrapper__login-option .fieldset-wrapper {
    position: relative;
}

.form-wrapper__login-option .fieldset-legend {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    display: block;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .form-wrapper__login-option .fieldset-legend {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.form-wrapper__guest-checkout legend {
    width: 100%;
    border-top: 1px solid #AEAEAE;
    padding-top: 20px;
}

@media (max-width: 991.98px) {

    .jhup-user-login-form .form-item,
    .jhup-user-login-form input,
    .user-register-form .form-item,
    .user-register-form input {
        width: 100%;
    }
}

.jhup-user-login-form a,
.user-register-form a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
    margin-right: 15px;
}

.jhup-user-login-form a:hover,
.jhup-user-login-form a:focus,
.user-register-form a:hover,
.user-register-form a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

/* ==========================================================================
	News Detail
============================================================================= */
.hero__news .breadcrumb a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #002D72;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
    text-decoration: underline;
    transition: color 0.25s;
}

@media (min-width: 768px) {
    .hero__news .breadcrumb a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .hero__news .breadcrumb a {
        margin-bottom: 35px;
    }
}

.hero__news .breadcrumb a:hover,
.hero__news .breadcrumb a:focus {
    color: #2A60A0;
}

.hero__news .breadcrumb a:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    font-size: 12px;
}

.hero__date {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    font-weight: 500;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .hero__date {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.news__body {
    margin-top: 85px;
}

.news__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .news__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .news__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .news__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .news__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .news__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .news__container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .news__inner {
        display: flex;
        justify-content: space-between;
    }
}

.node--type-event .news__inner {
    display: block;
}

@media (min-width: 992px) {
    .news__content {
        width: 60%;
    }
}

.news__sidebar {
    margin-top: 30px;
}

@media (min-width: 992px) {
    .news__sidebar {
        width: 30%;
        margin-top: 0;
        margin-left: 70px;
    }
}

.news__sidebar .news__listing {
    border: none;
}

.news__sidebar .news__listing__type {
    display: none;
}

.news__sidebar .news__listing__link {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 500;
}

.news__sidebar .news__listing__link:hover,
.news__sidebar .news__listing__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.news__sidebar .view-category-recent-news .news__listing {
    flex-direction: column-reverse;
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .news__sidebar .view-category-recent-news .news__listing {
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .news__sidebar .view-category-recent-news .news__listing .news__listing__image__wrap {
        width: 100%;
        margin-bottom: 10px;
    }
}

.news__sidebar .view-category-recent-news .news__listing .news__listing__date {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}

@media (min-width: 768px) {
    .news__sidebar .view-category-recent-news .news__listing .news__listing__date {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.news__sidebar .view-category-recent-news .news__listing .news__listing__content {
    display: none;
}

.news__sidebar .view-category-recent-news .news__listing__content__wrap {
    margin-right: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .news__sidebar .view-category-recent-news .news__listing__content__wrap {
        width: 90%;
    }
}

.news__sidebar__title {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    position: relative;
    color: #002D72;
    margin-bottom: 20px;
    margin-top: 40px;
}

@media (min-width: 992px) {
    .news__sidebar__title {
        margin-top: 80px;
    }
}

.news__sidebar__title span {
    position: relative;
    z-index: 1;
    display: inline-block;
    background: #fff;
    padding-right: 15px;
}

.news__sidebar__title:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    right: 0;
    background: rgba(174, 174, 174, 0.5);
    content: "";
    display: block;
}

.news__meta {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    clear: both;
    margin-top: 30px;
}

@media (min-width: 768px) {
    .news__meta {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.news__meta__item {
    margin-bottom: 10px;
}

.news__meta__item a {
    font-size: 15px;
    background: #D9EAF8;
    color: #002D72;
    display: inline-block;
    letter-spacing: 2.5px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 8px;
    margin-right: 8px;
    transition: color 0.25s, background 0.25s;
}

.news__meta__item a:hover,
.news__meta__item a:focus {
    background: #002D72;
    color: #D9EAF8;
}

.news__comments--desktop,
.news__comments--mobile {
    background: #F4F4F4;
    border-top: 1px solid #AEAEAE;
    margin-top: 25px;
    margin-bottom: 50px;
    padding: 30px;
    display: none;
}

@media (min-width: 992px) {

    .news__comments--desktop,
    .news__comments--mobile {
        display: block;
        padding: 40px;
    }
}

.news__comments--desktop .news__comments__header,
.news__comments--mobile .news__comments__header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    width: 100%;
    border-bottom: 1px solid #AEAEAE;
}

@media (min-width: 992px) {

    .news__comments--desktop .news__comments__header,
    .news__comments--mobile .news__comments__header {
        flex-direction: row;
        padding-bottom: 40px;
    }
}

.news__comments--desktop .news__comments__header .news__comments__count,
.news__comments--mobile .news__comments__header .news__comments__count {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 38px;
    line-height: 3.8rem;
    color: #002D72;
    width: auto;
}

.news__comments--desktop .news__comments__header .news__comments__button,
.news__comments--mobile .news__comments__header .news__comments__button {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    width: 100%;
    margin-top: 10px;
}

@media (min-width: 992px) {

    .news__comments--desktop .news__comments__header .news__comments__button,
    .news__comments--mobile .news__comments__header .news__comments__button {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {

    .news__comments--desktop .news__comments__header .news__comments__button,
    .news__comments--mobile .news__comments__header .news__comments__button {
        padding: 10px 30px;
    }
}

.news__comments--desktop .news__comments__header .news__comments__button:hover,
.news__comments--mobile .news__comments__header .news__comments__button:hover,
.news__comments--desktop .news__comments__header .news__comments__button:focus,
.news__comments--mobile .news__comments__header .news__comments__button:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 992px) {

    .news__comments--desktop .news__comments__header .news__comments__button,
    .news__comments--mobile .news__comments__header .news__comments__button {
        width: auto;
        margin-top: 0;
    }
}

.news__comments--desktop h2,
.news__comments--mobile h2 {
    color: #002D72;
    font-family: Quadon, "Times New Roman", serif;
}

.news__comments--desktop .form-item,
.news__comments--mobile .form-item {
    width: 100%;
}

.news__comments--desktop .form-submit,
.news__comments--mobile .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    width: 100%;
    margin: 10px 0 10px 0;
}

@media (min-width: 992px) {

    .news__comments--desktop .form-submit,
    .news__comments--mobile .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {

    .news__comments--desktop .form-submit,
    .news__comments--mobile .form-submit {
        padding: 10px 30px;
    }
}

.news__comments--desktop .form-submit:hover,
.news__comments--mobile .form-submit:hover,
.news__comments--desktop .form-submit:focus,
.news__comments--mobile .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 768px) {

    .news__comments--desktop .form-submit,
    .news__comments--mobile .form-submit {
        width: auto;
        margin-right: 10px;
    }
}

.news__comments--desktop .form-text,
.news__comments--mobile .form-text,
.news__comments--desktop .form-email,
.news__comments--mobile .form-email {
    width: 100%;
}

.news__comments--desktop .comment,
.news__comments--mobile .comment {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    border-bottom: 1px solid #AEAEAE;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

@media (min-width: 768px) {

    .news__comments--desktop .comment,
    .news__comments--mobile .comment {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.news__comments--desktop .comment .comment__meta,
.news__comments--mobile .comment .comment__meta {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    line-height: 2.1rem;
    margin-bottom: 30px;
}

.news__comments--desktop .comment .content,
.news__comments--mobile .comment .content {
    display: flex;
    flex-direction: column;
}

.news__comments--desktop .comment .content .links.inline,
.news__comments--mobile .comment .content .links.inline {
    margin-top: 15px;
}

.news__comments--desktop .comment .content h3,
.news__comments--mobile .comment .content h3 {
    margin-bottom: 15px;
}

.news__comments--desktop .comment .content h3 a,
.news__comments--mobile .comment .content h3 a {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.news__comments--desktop .comment .content h3 a:hover,
.news__comments--mobile .comment .content h3 a:hover,
.news__comments--desktop .comment .content h3 a:focus,
.news__comments--mobile .comment .content h3 a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.news__comments--desktop .comment .content p,
.news__comments--mobile .comment .content p {
    margin: 15px 0;
}

.news__comments--desktop .comment ul,
.news__comments--mobile .comment ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.news__comments--desktop .comment ul li:first-child,
.news__comments--mobile .comment ul li:first-child {
    padding-left: 0;
}

.news__comments--desktop .comment a,
.news__comments--mobile .comment a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.news__comments--desktop .comment a:hover,
.news__comments--mobile .comment a:hover,
.news__comments--desktop .comment a:focus,
.news__comments--mobile .comment a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.news__comments--mobile {
    display: block;
}

@media (min-width: 992px) {
    .news__comments--mobile {
        display: none;
    }
}

.news__login__title {
    font-family: Quadon, "Times New Roman", serif;
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 38px;
    line-height: 3.8rem;
    color: #002D72;
}

.related__article {
    background: #D9EAF8;
    margin: 25px 0;
    padding: 30px;
}

.related__article span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #0D0D0D;
    display: inline-block;
    margin-right: 8px;
}

.related__article a {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.related__article a:hover,
.related__article a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.news__sidebar {
    margin: 25px 0;
}

@media (min-width: 992px) {
    .news__sidebar {
        margin: 25px 0 0 0;
    }
}

.news__sidebar .contributor__group {
    padding: 0px 24px 24px 24px;
}

.news__sidebar .contributor__label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    height: 30px;
    background: #2A60A0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 20px;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
}

.news__sidebar .node--type-author {
    width: 100%;
    background: #002D72;
    color: #fff;
    margin-bottom: 25px;
}

.news__sidebar .node--type-author h2 a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    font-family: Quadon, "Times New Roman", serif;
}

@media (min-width: 768px) {
    .news__sidebar .node--type-author h2 a {
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

.news__sidebar .node--type-author p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #F4F4F4;
    font-weight: 300;
    margin: 10px 0;
}

@media (min-width: 768px) {
    .news__sidebar .node--type-author p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.news__sidebar .node--type-author img {
    width: 100%;
}

.news__sidebar .node--type-author .author__read_more {
    display: inline-block;
    margin: 0;
}

.news__sidebar .node--type-author .author__read_more a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
}

.news__sidebar .node--type-author .author__read_more a:hover,
.news__sidebar .node--type-author .author__read_more a:focus {
    box-shadow: 0 2px 0 #D9EAF8;
    color: #fff;
}

.news__sidebar .node--type-author .views-element-container {
    display: none;
}

.contributor__label {
    display: none;
}

.author__read_more {
    display: none;
}

.paragraph--type--author-teaser {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .paragraph--type--author-teaser {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .paragraph--type--author-teaser {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .paragraph--type--author-teaser {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .paragraph--type--author-teaser {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .paragraph--type--author-teaser {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .paragraph--type--author-teaser {
        padding-right: 0;
        padding-left: 0;
    }
}

/* ==========================================================================
	News Featured - News Top, Journals Homepage
============================================================================= */
.news__featured__home {
    padding-top: 30px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .news__featured__home {
        background: linear-gradient(90deg, #F4F4F4 0%, #F4F4F4 50%, transparent 50%, transparent 100%);
        padding-top: 60px;
    }
}

.news__featured__home .background__text {
    color: rgba(235, 235, 235, 0.8);
}

.news__featured__view {
    position: relative;
}

.view-featured {
    background: #002D72;
    padding: 40px 0 10px 0;
}

@media (min-width: 992px) {
    .view-featured {
        padding: 70px 0;
    }
}

.news__featured__home .view-featured {
    background: transparent;
    padding-top: 30px;
}

.view-featured-container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .view-featured-container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .view-featured-container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .view-featured-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .view-featured-container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .view-featured-container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .view-featured-container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .view-featured--left {
        width: 45%;
        margin-right: 5%;
    }
}

@media (min-width: 992px) {
    .view-featured--right {
        width: 50%;
        display: flex;
        flex-wrap: wrap;
    }
}

.news__featured__home .view-featured--right {
    display: block;
    padding: 0;
}

@media (min-width: 992px) {
    .news__featured__home .view-featured--right {
        margin-left: 200px;
    }
}

@media (min-width: 992px) {
    .view-featured-group {
        display: flex;
    }
}

.news__featured__image {
    position: relative;
}

.news__featured__image:not(.image-portrait) {
    padding-top: 55.25%;
}

.news__featured__image:not(.image-portrait) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news__featured__image.image-portrait {
    width: 200px;
}

@media (min-width: 992px) {
    .news__featured__image {
        margin-top: -110px;
    }
}

.news__featured__home .news__featured__image {
    margin-top: 0;
}

.news__featured__image .news__featured__tag {
    position: absolute;
    left: 0;
    bottom: 0;
}

.news__featured__tag {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    background: #2A60A0;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 2.5px;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
}

.news__featured__block__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    color: #002D72;
    padding-top: 10px;
}

@media (min-width: 768px) {
    .news__featured__block__title {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

@media (min-width: 992px) {
    .news__featured__block__title {
        padding-top: 40px;
    }
}

.news__featured__title {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #fff;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .news__featured__title {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

@media (min-width: 992px) {
    .news__featured__title {
        margin-top: 30px;
    }
}

.news__featured__home .news__featured__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    color: #002D72;
}

@media (min-width: 768px) {
    .news__featured__home .news__featured__title {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.news__featured__content {
    display: none;
}

.news__featured__home .news__featured__content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    display: block;
}

@media (min-width: 768px) {
    .news__featured__home .news__featured__content {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.news__featured__button {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #fff;
    color: #002D72;
    margin-top: 15px;
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .news__featured__button {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .news__featured__button {
        padding: 10px 30px;
    }
}

.news__featured__button:hover,
.news__featured__button:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 992px) {
    .news__featured__button {
        margin-top: 30px;
        margin-bottom: 0;
    }
}

.news__featured__home .news__featured__button {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {
    .news__featured__home .news__featured__button {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .news__featured__home .news__featured__button {
        padding: 10px 30px;
    }
}

.news__featured__home .news__featured__button:hover,
.news__featured__home .news__featured__button:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.news__mini {
    color: #fff;
    margin-bottom: 30px;
}

@media (min-width: 992px) {
    .news__mini {
        width: 45%;
        margin-bottom: 70px;
    }
}

.news__featured__home .news__mini {
    width: 100%;
}

@media (min-width: 992px) {
    .news__featured__home .news__mini {
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {

    .news__mini:last-child,
    .news__mini:nth-child(3) {
        margin-bottom: 0;
    }

    .news__featured__home .news__mini:last-child,
    .news__featured__home .news__mini:nth-child(3) {
        margin-bottom: 40px;
    }
}

@media (min-width: 992px) {
    .news__mini:nth-child(odd) {
        margin-right: 40px;
    }
}

.view-featured--right .news__type {
    display: none;
}

.news__featured__link {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 27px;
    line-height: 2.7rem;
    font-weight: 400;
}

.news__featured__link:hover,
.news__featured__link:focus {
    box-shadow: 0 2px 0 #D9EAF8;
    color: #fff;
}

.news__featured__home .news__featured__link {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: 500;
}

.news__featured__home .news__featured__link:hover,
.news__featured__home .news__featured__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 992px) {
    .news__featured__home .news__featured__link {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.news__featured__date {
    display: none;
}

.news__featured__home .news__featured__date {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    display: block;
    margin: 10px 0;
}

@media (min-width: 768px) {
    .news__featured__home .news__featured__date {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .news__featured__home .news__featured__date {
        margin: 20px 0;
    }
}

.news__featured__date--mini {
    color: #F4F4F4;
    margin-top: 15px;
    display: block;
}

.news__featured__home .news__featured__date--mini {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 23px;
    line-height: 2.3rem;
    color: #0D0D0D;
}

.news__featured__more {
    border-top: 1px solid rgba(13, 13, 13, 0.25);
    margin-top: 30px;
    padding-top: 20px;
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .news__featured__more {
        margin-top: 60px;
        margin-bottom: 0;
        padding-top: 20px;
    }
}

.news__featured__more a {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.news__featured__more a:hover,
.news__featured__more a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.news__featured__wrap {
    border-bottom: 1px solid rgba(13, 13, 13, 0.25);
    margin-bottom: 25px;
    padding-bottom: 10px;
}

@media (min-width: 992px) {
    .news__featured__wrap {
        border: none;
        margin: 0;
        padding: 0;
    }
}

/* ==========================================================================
	Featured Blogs (News) - Kitchen Sink, Basic Pages
============================================================================= */
.paragraph.featured-blogs {
    margin: 50px 0;
}

.paragraph.featured-blogs .featured-blog__header {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    position: relative;
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .featured-blog__header {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .featured-blog__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 40px;
    }
}

.paragraph.featured-blogs .featured-blog__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    color: #002D72;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .featured-blog__title {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .featured-blog__title {
        margin: 0;
    }
}

.paragraph.featured-blogs .featured-blog__link--desktop {
    display: none;
}

@media (min-width: 992px) {
    .paragraph.featured-blogs .featured-blog__link--desktop {
        font-family: Gentona, "Myriad Pro", sans-serif;
        font-weight: 700;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 32px;
        line-height: 3.2rem;
        border-radius: 50px;
        box-shadow: 0 0 0 5px transparent;
        display: inline-block;
        letter-spacing: 2.5px;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 30px;
        transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
        background: #002D72;
        color: #fff;
        display: block;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .paragraph.featured-blogs .featured-blog__link--desktop {
        padding: 10px 18px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .paragraph.featured-blogs .featured-blog__link--desktop {
        padding: 10px 30px;
    }
}

@media (min-width: 992px) {

    .paragraph.featured-blogs .featured-blog__link--desktop:hover,
    .paragraph.featured-blogs .featured-blog__link--desktop:focus {
        background: #2A60A0;
        box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
        color: #fff;
    }
}

.paragraph.featured-blogs .featured-blog__link--mobile {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    width: 100%;
}

@media (min-width: 992px) {
    .paragraph.featured-blogs .featured-blog__link--mobile {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .paragraph.featured-blogs .featured-blog__link--mobile {
        padding: 10px 30px;
    }
}

.paragraph.featured-blogs .featured-blog__link--mobile:hover,
.paragraph.featured-blogs .featured-blog__link--mobile:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 992px) {
    .paragraph.featured-blogs .featured-blog__link--mobile {
        display: none;
    }
}

.paragraph.featured-blogs .featured-blog__row {
    margin-top: 25px;
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .featured-blog__row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (min-width: 992px) {
    .paragraph.featured-blogs .featured-blog__row {
        flex-wrap: nowrap;
        margin-top: 50px;
    }
}

.paragraph.featured-blogs .news__listing {
    border-bottom: none;
    flex-direction: column-reverse;
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .news__listing {
        display: flex;
        flex-direction: column-reverse;
        width: calc(50% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (min-width: 992px) {
    .paragraph.featured-blogs .news__listing {
        width: calc(25% - 30px);
        margin-left: 15px;
        margin-right: 15px;
    }
}

.paragraph.featured-blogs .news__listing__content__wrap {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .news__listing__content__wrap {
        margin-right: 0;
    }
}

.paragraph.featured-blogs .news__listing__image__wrap {
    width: 100%;
}

@media (min-width: 768px) {
    .paragraph.featured-blogs .news__listing__image__wrap {
        display: block;
    }
}

.paragraph.featured-blogs .news__listing__link {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.paragraph.featured-blogs .news__listing__link:hover,
.paragraph.featured-blogs .news__listing__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.paragraph.featured-blogs .news__listing__date,
.paragraph.featured-blogs .news__listing__content {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}

@media (min-width: 768px) {

    .paragraph.featured-blogs .news__listing__date,
    .paragraph.featured-blogs .news__listing__content {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

/* ==========================================================================
	News Listing
============================================================================= */
.view-news .column__inner,
.view-events .column__inner {
    padding-right: calc((100% - ((100% - 20px) * 0.9591)) / 2);
}

@media (min-width: 576px) {

    .view-news .column__inner,
    .view-events .column__inner {
        padding-right: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {

    .view-news .column__inner,
    .view-events .column__inner {
        padding-right: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {

    .view-news .column__inner,
    .view-events .column__inner {
        padding-right: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {

    .view-news .column__inner,
    .view-events .column__inner {
        padding-right: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {

    .view-news .column__inner,
    .view-events .column__inner {
        padding-right: calc((100% - (1605px * 0.9591)) / 2);
    }
}

.view-news .view-2-column--main,
.view-events .view-2-column--main {
    padding-top: 40px;
}

@media (min-width: 992px) {

    .view-news .view-2-column--main,
    .view-events .view-2-column--main {
        padding-top: 80px;
        padding-left: 50px;
    }
}

@media (min-width: 1200px) {

    .view-news .view-2-column--main,
    .view-events .view-2-column--main {
        padding-left: 108px;
    }
}

.view-news .view-sidebar-inner,
.view-events .view-sidebar-inner {
    position: sticky;
    top: 0;
}

.view-news .view-sidebar-filters,
.view-events .view-sidebar-filters {
    position: relative;
}

.view-news .view-sidebar-header,
.view-events .view-sidebar-header {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    color: #002D72;
    font-weight: 500;
    letter-spacing: 1px;
}

@media (min-width: 768px) {

    .view-news .view-sidebar-header,
    .view-events .view-sidebar-header {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.view-news .fieldset-legend,
.view-events .fieldset-legend {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(13, 13, 13, 0.7);
    text-transform: uppercase;
}

.view-news .bef-datepicker,
.view-events .bef-datepicker {
    width: 100%;
    box-shadow: none;
    border: none;
}

.news__listing {
    border-bottom: 1px solid #AEAEAE;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .news__listing {
        display: flex;
        margin-bottom: 40px;
        padding-bottom: 40px;
    }
}

.news__listing__content__wrap {
    flex: 1;
    margin-right: 50px;
}

.news__listing__link {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 34px;
    line-height: 3.4rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.news__listing__link:hover,
.news__listing__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 992px) {
    .news__listing__link {
        font-size: 30px;
        font-size: 3rem;
        line-height: 40px;
        line-height: 4rem;
    }
}

.featured-blogs .news__listing__link {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.featured-blogs .news__listing__link:hover,
.featured-blogs .news__listing__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.news__listing__date {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    margin: 10px 0;
}

@media (min-width: 768px) {
    .news__listing__date {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.featured-blogs .news__listing__date {
    font-weight: 300;
}

.news__listing__content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    font-weight: 300;
}

@media (min-width: 768px) {
    .news__listing__content {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.news__listing__image__wrap {
    width: 260px;
    margin-top: 20px;
    display: none;
}

@media (min-width: 992px) {
    .news__listing__image__wrap {
        display: block;
        margin-top: 0;
    }
}

.news__listing__image__wrap img {
    width: 100%;
}

.news__listing__image.image-portrait {
    width: 180px;
}

@media (min-width: 992px) {
    .news__listing__image.image-portrait {
        margin-left: auto;
    }
}

.view-category-recent-news .news__listing__image.image-portrait {
    width: 160px;
    margin-left: 0;
}

.view-featured-tags {
    background: #FEBE10;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 0 15px 15px;
    overflow: hidden;
}

.view-featured-tags .column__inner,
.view-featured-tags .view-2-column--main,
.view-featured-tags .view-2-column--header {
    padding: 0;
    flex: auto;
}

.view-featured-tags .view-header {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 12px;
    font-size: 16px;
    letter-spacing: 2px;
}

.view-featured-tags .view-header:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    margin-bottom: 3px;
    margin-right: 5px;
    color: #002D72;
    font-size: 20px;
}

.view-featured-tags .view-header span {
    width: 100%;
    height: 1px;
    background: rgba(13, 13, 13, 0.3);
    content: "";
    flex: 1;
}

.view-featured-tags .view-2-column--header {
    border: none;
}

.view-featured-tags .view-2-column--header .view-header {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 12px;
    padding-right: 4px;
}

.view-featured-tags .view-2-column--header .view-header:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    color: #002D72;
    font-size: 20px;
}

.view-featured-tags .views-row {
    margin-bottom: 15px;
}

.view-featured-tags a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.view-featured-tags a:hover,
.view-featured-tags a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

/* ==========================================================================
	Recent News
============================================================================= */
.taxonomy-term .view-category-recent-news.view-display-id-category_detail {
    margin-bottom: 100px;
    padding-bottom: 50px;
}

.view-category-recent-news.view-display-id-category_detail {
    background: #002D72;
    margin-bottom: 100px;
    padding-bottom: 30px;
}

.view-category-recent-news.view-display-id-category_detail .view-content {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .view-category-recent-news.view-display-id-category_detail .view-content {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .view-category-recent-news.view-display-id-category_detail .view-content {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .view-category-recent-news.view-display-id-category_detail .view-content {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .view-category-recent-news.view-display-id-category_detail .view-content {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .view-category-recent-news.view-display-id-category_detail .view-content {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .view-category-recent-news.view-display-id-category_detail .view-content {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .view-category-recent-news.view-display-id-category_detail .view-content {
        display: flex;
    }
}

.view-category-recent-news.view-display-id-category_detail .views-row {
    margin-bottom: 20px;
}

@media (min-width: 992px) {
    .view-category-recent-news.view-display-id-category_detail .views-row {
        width: 33%;
        margin: 0;
    }
}

.view-category-recent-news.view-display-id-category_detail .news__listing {
    border: none;
    margin: 0;
    padding: 0;
    display: block;
}

.view-category-recent-news.view-display-id-category_detail .news__listing__type {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
}

.view-category-recent-news.view-display-id-category_detail .news__listing__type span {
    min-width: 120px;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin: 0 0 15px 0;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
    background: #2A60A0;
    display: inline-block;
}

.view-category-recent-news.view-display-id-category_detail .news__listing__link {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    font-weight: 500;
}

.view-category-recent-news.view-display-id-category_detail .news__listing__link:hover,
.view-category-recent-news.view-display-id-category_detail .news__listing__link:focus {
    box-shadow: 0 2px 0 #D9EAF8;
    color: #fff;
}

.view-category-recent-news.view-display-id-category_detail .news__listing__date {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    color: #F4F4F4;
}

/* ==========================================================================
	Order Status
============================================================================= */
.order-status-form input {
    max-width: 100%;
}

.order-status-form .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {
    .order-status-form .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .order-status-form .form-submit {
        padding: 10px 30px;
    }
}

.order-status-form .form-submit:hover,
.order-status-form .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.order_status {
    margin-top: 30px;
}

.order_status>hr {
    margin-bottom: 30px;
}

[data-drupal-selector="edit-order-status"] .order__summary {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #AEAEAE;
}

.order_summary__headers,
.order_row {
    text-align: left;
}

@media (min-width: 992px) {

    .order_summary__headers,
    .order_row {
        display: flex;
    }
}

.order_summary__headers>*,
.order_row>* {
    flex-basis: 10%;
    text-align: left;
    padding-right: 15px;
    flex-shrink: 0;
}

.order_summary__headers>*.isbn,
.order_row>*.isbn {
    flex-basis: 150px;
    min-width: 150px;
}

.order_summary__headers>*.title---binding,
.order_row>*.title---binding {
    min-width: 170px;
    flex-basis: 20%;
}

.order_summary__headers>*.unit-price,
.order_summary__headers>*.tax,
.order_summary__headers>*.price,
.order_row>*.unit-price,
.order_row>*.tax,
.order_row>*.price {
    flex-basis: 8%;
}

.order_summary__headers {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    border-bottom: 1px solid #002D72;
    padding-bottom: 20px;
    display: none;
}

@media (min-width: 768px) {
    .order_summary__headers {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .order_summary__headers {
        display: flex;
    }
}

@media (min-width: 768px) {
    .order__block .order_summary__headers {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 28px;
        line-height: 2.8rem;
    }
}

.order_row {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin-top: 20px;
    font-weight: 400;
}

.order_row .order_field {
    display: flex;
}

.order_row .order_field__label {
    padding-right: 20px;
    min-width: 160px;
}

@media (min-width: 992px) {
    .order_row .order_field__label {
        display: none;
    }
}

.order_row .order__field__value {
    color: #000;
}

/* ==========================================================================
	Order
============================================================================= */
.order__top__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order__back {
    color: #002D72;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    text-decoration: underline;
    transition: color 0.25s;
}

.order__back:hover,
.order__back:focus {
    color: #2A60A0;
}

.print__link {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.print__link:hover,
.print__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.order__date {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .order__date {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.order__status {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    margin-top: 20px;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .order__status {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.order__block {
    border-top: 1px solid #AEAEAE;
    margin-top: 20px;
    padding-top: 20px;
}

@media (min-width: 992px) {
    .order__block {
        margin-top: 35px;
        padding-top: 35px;
    }
}

.order__title {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    display: block;
}

@media (min-width: 768px) {
    .order__title {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.order__subtitle {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
}

@media (min-width: 768px) {
    .order__subtitle {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.order__subtitle--summary {
    margin-bottom: 25px;
}

.order__heading {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    font-weight: 500;
    color: #002D72;
    margin: 20px 0 1px 0;
}

@media (min-width: 768px) {
    .order__heading {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .order__inner {
        display: flex;
        justify-content: space-between;
    }
}

.order__group {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .order__group {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .order__group {
        width: 50%;
    }
}

.order__group .address {
    margin: 0;
}

.order__group a {
    color: #002D72;
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    text-decoration: underline;
    transition: color 0.25s;
}

.order__group a:hover,
.order__group a:focus {
    color: #2A60A0;
}

.order__tracking a {
    color: #002D72;
    display: block;
    font-weight: 400;
    margin-bottom: 5px;
    text-decoration: underline;
    transition: color 0.25s;
}

.order__tracking a:hover,
.order__tracking a:focus {
    color: #2A60A0;
}

.view-commerce-order-item-table {
    border-bottom: 1px solid #002D72;
    margin-bottom: 15px;
}

.view-commerce-order-item-table .views-row:last-child {
    border-bottom: none;
}

.view-commerce-order-item-table .views-label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Gentona, "Myriad Pro", sans-serif;
    color: #0D0D0D;
    font-weight: 500;
}

@media (min-width: 768px) {
    .view-commerce-order-item-table .views-label {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .view-commerce-order-item-table .views-label {
        width: 1px;
        height: 1px;
        position: absolute;
        border: 0;
        clip: rect(0 0 0 0);
        margin: -1px;
        overflow: hidden;
        padding: 0;
    }

    .view-commerce-order-item-table .views-label.focusable:active,
    .view-commerce-order-item-table .views-label.focusable:focus {
        width: auto;
        height: auto;
        position: static;
        clip: auto;
        margin: 0;
        overflow: visible;
    }
}

.view-commerce-order-item-table .views-field-title {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: Quadon, "Times New Roman", serif;
}

.file--application-pdf {
    background-image: none;
    padding-left: 0;
}

.file--application-pdf a {
    color: #002D72;
    font-weight: 400;
    margin-bottom: 5px;
    text-decoration: underline;
    transition: color 0.25s;
}

.file--application-pdf a:hover,
.file--application-pdf a:focus {
    color: #2A60A0;
}

/* ==========================================================================
	User Orders
============================================================================= */
.view-commerce-user-orders .view-header {
    display: none;
}

@media (min-width: 992px) {
    .view-commerce-user-orders .view-header {
        display: block;
    }
}

.view-commerce-user-orders .view-footer a {
    text-decoration: underline;
}

.view-commerce-user-orders .views-row {
    position: relative;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .view-commerce-user-orders .views-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media (min-width: 992px) {
    .view-commerce-user-orders .views-field {
        width: 20%;
    }
}

@media (min-width: 992px) {
    .view-commerce-user-orders .views-field.views-field-field-process-number {
        width: 55%;
    }
}

.view-commerce-user-orders .views-field.views-field-field-process-number a {
    text-decoration: underline;
    transition: color 0.25s;
}

.view-commerce-user-orders .views-field.views-field-field-process-number a:hover,
.view-commerce-user-orders .views-field.views-field-field-process-number a:focus {
    color: #2A60A0;
}

@media (min-width: 992px) {
    .view-commerce-user-orders .views-field:not(:first-child) {
        text-align: right;
    }
}

.view-commerce-user-orders .views-label {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    font-family: Gentona, "Myriad Pro", sans-serif;
    color: #0D0D0D;
    font-weight: 500;
}

@media (min-width: 768px) {
    .view-commerce-user-orders .views-label {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .view-commerce-user-orders .views-label {
        width: 1px;
        height: 1px;
        position: absolute;
        border: 0;
        clip: rect(0 0 0 0);
        margin: -1px;
        overflow: hidden;
        padding: 0;
    }

    .view-commerce-user-orders .views-label.focusable:active,
    .view-commerce-user-orders .views-label.focusable:focus {
        width: auto;
        height: auto;
        position: static;
        clip: auto;
        margin: 0;
        overflow: visible;
    }
}

.view-commerce-user-orders .field-content {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .view-commerce-user-orders .field-content {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.view-commerce-user-orders .views-field-total-price__number .field-content {
    font-weight: 400;
}

.order__backordered {
    background-color: #F4F4F4;
    padding: 10px;
    margin: 30px -10px 0;
}

@media (min-width: 992px) {
    .order__backordered {
        padding: 20px 40px;
        margin: 30px -40px 0;
    }
}

/* ==========================================================================
	User - Payment Information Page
============================================================================= */
.page__centered__content .payment-methods__wrapper {
    min-height: 30rem;
}

/* ==========================================================================
	Payment Information
============================================================================= */
.payment-methods__list {
    color: #0D0D0D;
}

.payment-methods__list>li {
    border-bottom: 1px solid #AEAEAE;
    margin: 0 0 20px 0;
    padding-bottom: 20px;
}

.payment-methods__list>li .item-list ul {
    margin: 0;
}

.payment-methods__list>li .item-list ul li {
    margin: 0;
}

.payment-methods__list>li .item-list ul li strong {
    color: #002D72;
    margin-right: 8px;
}

.payment-methods__list .links {
    display: flex;
    margin-top: 13px;
}

.payment-methods__list .links li {
    margin: 0 15px 0 0;
}

.payment-methods__list .links a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.payment-methods__list .links a:hover,
.payment-methods__list .links a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

/* ==========================================================================
	Product Details Section
============================================================================= */
@media (min-width: 992px) {
    .product__about {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }
}

.product_details__section {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 992px) {
    .product_details__section {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        flex: 1;
    }
}

.product_details__section .field {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    width: 100%;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .product_details__section .field {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .product_details__section .field {
        width: 46%;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
}

@media (min-width: 1200px) {
    .product_details__section .field {
        width: 47%;
    }
}

.product_details__section .field .label {
    color: #002D72;
    font-weight: 500;
    margin-bottom: 8px;
}

.product_details__section .field a {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.product_details__section .field a:hover,
.product_details__section .field a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.product_details__section [class*="product--variation-field--variation_field_availability_date"]:not(.field--name-field-availability-date) {
    display: none;
}

.product_details__section .field--name-field-availability-date+.field--name-field-publication-date {
    display: none;
}

.field.field--name-field-table-of-contents,
.field.field--name-field-related-resources {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    background: #F4F4F4;
    color: #002D72;
    font-weight: 500;
    padding: 0 30px 30px 30px;
}

@media (min-width: 768px) {

    .field.field--name-field-table-of-contents,
    .field.field--name-field-related-resources {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {

    .field.field--name-field-table-of-contents,
    .field.field--name-field-related-resources {
        width: 323px;
        margin-left: 35px;
    }
}

.field.field--name-field-table-of-contents .label,
.field.field--name-field-related-resources .label {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    width: 213px;
    background: #002D72;
    color: #fff;
    display: block;
    font-weight: 700;
    letter-spacing: 2.5px;
    margin-bottom: 15px;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
}

.field.field--name-field-table-of-contents p br,
.field.field--name-field-related-resources p br {
    display: block;
    content: "";
    margin-top: 15px;
}

.field.field--name-field-related-resources a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    display: inline-block;
    margin: 15px 0;
}

.field.field--name-field-related-resources a:hover,
.field.field--name-field-related-resources a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

/* ==========================================================================
	Author(s) Section
============================================================================= */
.authors__block {
    margin: 50px 0;
}

@media (min-width: 992px) {
    .authors__block .authors__multiple .author-teaser--with-content .media+.contributor__group {
        min-height: 175px;
    }
}

@media (min-width: 992px) {
    .authors__block :not(.author-teaser--with-content) .media+.contributor__group {
        min-height: 175px;
    }
}

@media (min-width: 992px) {
    .authors__block .author-teaser--with-content .media+.contributor__group {
        min-height: unset;
    }
}

.authors__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .authors__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .authors__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .authors__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .authors__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .authors__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .authors__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.authors__inner {
    background: #FEBE10;
    padding: 0 25px 15px 25px;
    position: relative;
}

@media (min-width: 992px) {
    .authors__inner {
        padding: 0 75px 30px 75px;
    }
}

.authors__multiple .authors__inner {
    position: static;
    padding: 0 25px;
}

@media (min-width: 992px) {
    .authors__multiple .authors__inner {
        padding: 0 75px;
    }
}

.authors__item,
.paragraph--type--author-teaser {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
}

@media (min-width: 768px) {

    .authors__item,
    .paragraph--type--author-teaser {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {

    .authors__multiple .authors__item,
    .authors__multiple .paragraph--type--author-teaser {
        padding: 50px 0;
    }
}

.authors__multiple .authors__item:not(:last-child),
.authors__multiple .paragraph--type--author-teaser:not(:last-child) {
    border-bottom: 1px solid rgba(13, 13, 13, 0.3);
}

.authors__multiple .authors__item .node__content,
.authors__multiple .paragraph--type--author-teaser .node__content {
    position: relative;
    padding-bottom: 25px;
}

@media (min-width: 992px) {

    .authors__multiple .authors__item .node__content,
    .authors__multiple .paragraph--type--author-teaser .node__content {
        padding-bottom: 0;
    }
}

.authors__item h2,
.paragraph--type--author-teaser h2 {
    margin: 20px 0;
}

@media (min-width: 992px) {

    .authors__multiple .authors__item h2,
    .authors__multiple .paragraph--type--author-teaser h2 {
        margin-top: 0;
    }
}

.authors__item h2 a,
.paragraph--type--author-teaser h2 a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

@media (min-width: 768px) {

    .authors__item h2 a,
    .paragraph--type--author-teaser h2 a {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.authors__item h2 a:hover,
.authors__item h2 a:focus,
.paragraph--type--author-teaser h2 a:hover,
.paragraph--type--author-teaser h2 a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #002D72;
}

@media (min-width: 992px) {

    .authors__item .contributor__group,
    .paragraph--type--author-teaser .contributor__group {
        padding-right: 400px;
    }
}

@media (min-width: 1600px) {

    .authors__item .contributor__group,
    .paragraph--type--author-teaser .contributor__group {
        padding-right: 500px;
    }
}

@media (min-width: 992px) {

    .authors__multiple .authors__item .contributor__group,
    .authors__multiple .paragraph--type--author-teaser .contributor__group {
        padding-right: 300px;
    }
}

@media (min-width: 1600px) {

    .authors__multiple .authors__item .contributor__group,
    .authors__multiple .paragraph--type--author-teaser .contributor__group {
        padding-right: 400px;
    }
}

.authors__item .media,
.paragraph--type--author-teaser .media {
    padding: 25px 0;
}

@media (min-width: 576px) {

    .authors__item .media,
    .paragraph--type--author-teaser .media {
        width: 322px;
    }
}

@media (min-width: 992px) {

    .authors__item .media,
    .paragraph--type--author-teaser .media {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        padding: 0;
    }
}

.authors__multiple .authors__item .media,
.authors__multiple .paragraph--type--author-teaser .media {
    width: 190px;
    padding-bottom: 0;
}

@media (min-width: 992px) {

    .authors__multiple .authors__item .media,
    .authors__multiple .paragraph--type--author-teaser .media {
        padding-bottom: 25px;
    }
}

.authors__item .media img,
.paragraph--type--author-teaser .media img {
    width: 100%;
}

.authors__item .contributor__label,
.paragraph--type--author-teaser .contributor__label {
    display: none;
}

.authors__item .contextual-region,
.paragraph--type--author-teaser .contextual-region {
    position: static;
}

.authors__item .contextual-region .contextual,
.paragraph--type--author-teaser .contextual-region .contextual {
    position: relative;
}

.paragraph--type--author-teaser.author-teaser {
    margin: 50px auto;
}

.author__tag {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    width: 145px;
    height: 30px;
    background: #002D72;
    color: #fff;
    display: block;
    font-weight: 700;
    letter-spacing: 2.5px;
    padding: 8px 12px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .author__tag {
        margin-bottom: 40px;
    }
}

.authors__multiple .author__tag {
    margin-bottom: 0;
}

.author__read_more {
    margin-top: 10px;
}

.authors__block .author__read_more {
    display: none;
}

.author__read_more a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    display: inline;
    font-weight: 500;
}

.author__read_more a:hover,
.author__read_more a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.view-authors-featured-news {
    margin-top: 30px;
}

.authors__multiple .view-authors-featured-news {
    display: none;
}

@media (min-width: 992px) {
    .view-authors-featured-news .view-content {
        display: flex;
        width: 66%;
    }
}

@media (min-width: 992px) {
    .view-authors-featured-news .views-row {
        width: 33%;
    }
}

.view-authors-featured-news .views-row:last-child .news__listing {
    border: none;
}

.view-authors-featured-news .views-row .news__listing {
    border-color: rgba(13, 13, 13, 0.3);
    margin-bottom: 20px;
    padding-bottom: 10px;
}

@media (min-width: 992px) {
    .view-authors-featured-news .views-row .news__listing {
        border: none;
    }
}

.view-authors-featured-news .views-row .news__listing__type {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
    line-height: 1.5rem;
    margin-bottom: 10px;
}

.view-authors-featured-news .views-row .news__listing__link {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 21px;
    line-height: 2.1rem;
    box-shadow: 0 2px 0 #fff;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
}

.view-authors-featured-news .views-row .news__listing__link:hover,
.view-authors-featured-news .views-row .news__listing__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #002D72;
}

.view-authors-featured-news .views-row .news__listing__date {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 21px;
    line-height: 2.1rem;
    color: #0D0D0D;
}

.recent__label {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    position: relative;
    color: #002D72;
    margin-bottom: 25px;
}

.recent__label:after {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 14px;
    right: 0;
    background: rgba(13, 13, 13, 0.3);
    content: "";
    display: block;
}

.recent__label span {
    background: #FEBE10;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 10px;
}

/* ==========================================================================
	Product - Details Page
============================================================================= */
.product__detail {
    background: linear-gradient(to bottom, #68ACE5 0%, #68ACE5 25%, #F4F4F4 25%, #F4F4F4 100%);
    padding-top: 25px;
}

@media (min-width: 992px) {
    .product__detail {
        background: linear-gradient(90deg, #68ACE5 0%, #68ACE5 35%, #F4F4F4 35%, #F4F4F4 100%);
        padding-top: 65px;
    }
}

@media (min-width: 1200px) {
    .product__detail {
        background: linear-gradient(90deg, #68ACE5 0%, #68ACE5 30%, #F4F4F4 30%, #F4F4F4 100%);
    }
}

@media (min-width: 1600px) {
    .product__detail {
        background: linear-gradient(90deg, #68ACE5 0%, #68ACE5 28%, #F4F4F4 28%, #F4F4F4 100%);
    }
}

.product__detail.product__detail__journal {
    background: linear-gradient(to bottom, #FF9E1B 0%, #FF9E1B 25%, #F4F4F4 25%, #F4F4F4 100%);
}

@media (min-width: 992px) {
    .product__detail.product__detail__journal {
        background: linear-gradient(90deg, #FF9E1B 0%, #FF9E1B 35%, #F4F4F4 35%, #F4F4F4 100%);
        padding-top: 65px;
    }
}

@media (min-width: 1200px) {
    .product__detail.product__detail__journal {
        background: linear-gradient(90deg, #FF9E1B 0%, #FF9E1B 25%, #F4F4F4 25%, #F4F4F4 100%);
    }
}

@media (min-width: 1600px) {
    .product__detail.product__detail__journal {
        background: linear-gradient(90deg, #FF9E1B 0%, #FF9E1B 28%, #F4F4F4 28%, #F4F4F4 100%);
    }
}

@media (min-width: 992px) {
    .product__detail.detail--with-secondary-images {
        background: linear-gradient(90deg, #68ACE5 0%, #68ACE5 35%, #F4F4F4 35%, #F4F4F4 100%);
    }
}

@media (min-width: 1200px) {
    .product__detail.detail--with-secondary-images {
        background: linear-gradient(90deg, #68ACE5 0%, #68ACE5 30%, #F4F4F4 30%, #F4F4F4 100%);
    }
}

@media (min-width: 992px) {
    .product__detail.product__detail__journal.detail--with-secondary-images {
        background: linear-gradient(90deg, #FF9E1B 0%, #FF9E1B 35%, #F4F4F4 35%, #F4F4F4 100%);
        padding-top: 65px;
    }
}

@media (min-width: 1200px) {
    .product__detail.product__detail__journal.detail--with-secondary-images {
        background: linear-gradient(90deg, #FF9E1B 0%, #FF9E1B 30%, #F4F4F4 30%, #F4F4F4 100%);
    }
}

.product__detail__block .book__highlight {
    padding: 70px 0 40px 0;
}

.product__detail__inner {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .product__detail__inner {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .product__detail__inner {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .product__detail__inner {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .product__detail__inner {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .product__detail__inner {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .product__detail__inner {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .product__detail__inner {
        padding-left: 5%;
    }
}

@media (min-width: 1200px) {
    .product__detail__inner {
        padding-left: 2%;
    }
}

@media (min-width: 1600px) {
    .product__detail__inner {
        padding-left: 4%;
    }
}

@media (min-width: 2400px) {
    .product__detail__inner {
        padding-left: 2%;
    }
}

@media (min-width: 992px) {
    .detail--with-secondary-images .product__detail__inner {
        padding-left: 0;
    }
}

.product__detail__inner .book__vertical__inner {
    padding: 0;
}

@media (max-width: 991.98px) {
    .product__detail__inner .book__vertical__group {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 991.98px) {
    .product__detail__inner .book__vertical__image {
        max-width: calc(100% - 108px);
    }
}

@media (max-width: 767.98px) {
    .product__detail__inner .book__vertical__image {
        max-width: calc(100% - 78px);
    }
}

@media (max-width: 991.98px) {
    .product__detail__inner .book__vertical__content {
        margin-top: 50px;
    }
}

.back__link {
    box-shadow: 0 2px 0 #002D72;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.back__link:hover,
.back__link:focus {
    box-shadow: 0 2px 0 #fff;
    color: #fff;
}

.back__link:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    position: relative;
    top: -1px;
    font-size: 8px;
}

.book__vertical--lg {
    padding: 30px 0;
}

@media (min-width: 992px) {
    .book__vertical--lg {
        padding: 60px 0;
    }
}

.commerce-order-item-add-to-cart-form a:not(.book__btn--view):not(.book__btn--view--mobile) {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 27px;
    line-height: 2.7rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
    margin-right: 15px;
}

.commerce-order-item-add-to-cart-form a:not(.book__btn--view):not(.book__btn--view--mobile):hover,
.commerce-order-item-add-to-cart-form a:not(.book__btn--view):not(.book__btn--view--mobile):focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.commerce-order-item-add-to-cart-form .form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -15px;
    margin-right: 15px;
}

.commerce-order-item-add-to-cart-form .form-actions>* {
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 15px;
}

.more-link,
.less-link {
    text-align: right;
    margin-top: 20px;
}

.more-link a,
.less-link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    display: inline;
    font-weight: 500;
}

.more-link a:hover,
.more-link a:focus,
.less-link a:hover,
.less-link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.more-link a:hover,
.more-link a:focus,
.less-link a:hover,
.less-link a:focus {
    color: #000;
}

.product__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    color: #002D72;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .product__title {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.field__trim .value>* {
    display: inline;
}

.book__secondary__image {
    margin-right: 30px;
    width: 78px;
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .book__secondary__image {
        width: 58px;
        margin-right: 20px;
    }
}

.book__secondary__image .media {
    height: 78px;
    margin-bottom: 20px;
}

@media (max-width: 767.98px) {
    .book__secondary__image .media {
        height: 58px;
        margin-bottom: 10px;
    }
}

.book__secondary__image .media img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.book__secondary__image .media iframe {
    display: none;
}

.book__secondary__image__trigger-js,
.book__secondary__image__video_trigger-js {
    height: 100%;
    width: 100%;
    background-color: #fff;
    border: 2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border 0.25s;
}

.book__secondary__image__trigger-js:hover,
.book__secondary__image__trigger-js:focus,
.book__secondary__image__video_trigger-js:hover,
.book__secondary__image__video_trigger-js:focus {
    border-color: #002D72;
}

.media--type-image .book__secondary__image__trigger-js,
.media--type-image .book__secondary__image__video_trigger-js {
    padding: 6px 0;
}

.book__secondary__image__video_trigger-js {
    background: url("../../images/video.png") no-repeat;
    border: 2px solid transparent;
}

.book__secondary__image__video_trigger-js:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(30px);
    color: #fff;
    font-size: 30px;
}

.journal__meta {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin: 8px 0;
}

@media (min-width: 768px) {
    .journal__meta {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.journal__meta span {
    display: inline-block;
    font-weight: 500;
    text-transform: none;
}

.journal__meta span:not(.editor__label) {
    margin-right: 2px;
}

.journal__meta .field {
    display: inline-block;
}

.editor__label:after {
    content: ":";
    display: inline;
    position: relative;
    right: 4px;
}

.product__description {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    border-top: 1px solid #AEAEAE;
    margin-top: 70px;
    padding-top: 40px;
}

@media (min-width: 768px) {
    .product__description {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.product__description .product__awards {
    font-family: Quadon, "Times New Roman", serif;
    margin-top: 0;
    margin-bottom: 20px;
    color: #002D72;
}

.product__description .product__awards a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.product__description .product__awards a:hover,
.product__description .product__awards a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

@media (min-width: 768px) {
    .product__description .product__awards a {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 31px;
        line-height: 3.1rem;
        box-shadow: 0 2px 0 #68ACE5;
        color: #002D72;
        transition: box-shadow 0.25s, color 0.25s;
        font-weight: 500;
    }

    .product__description .product__awards a:hover,
    .product__description .product__awards a:focus {
        box-shadow: 0 2px 0 #002D72;
        color: #2A60A0;
    }
}

.product__description b {
    color: #002D72;
    font-weight: 500;
}

.product__description p {
    margin: 15px 0;
}

.field--issn span {
    font-weight: 500;
}

/* 	Jump bar
============================================================================= */
.product__jump-bar__container {
    width: 100%;
}

.product__jump-bar__container.journals {
    background-color: #002D72;
    margin-bottom: 70px;
}

.product__jump-bar__container.books {
    background-color: #68ACE5;
    border-bottom: 1px solid #2A60A0;
}

.product__jump-bar__container.sticky {
    position: fixed;
    z-index: 99;
}

.product__jump-bar__container .product__jump-bar__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    padding-top: 30px;
    padding-bottom: 30px;
}

@media (min-width: 576px) {
    .product__jump-bar__container .product__jump-bar__inner {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .product__jump-bar__container .product__jump-bar__inner {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .product__jump-bar__container .product__jump-bar__inner {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .product__jump-bar__container .product__jump-bar__inner {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .product__jump-bar__container .product__jump-bar__inner {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .product__jump-bar__container .product__jump-bar__inner {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width: 991.98px) {
    .product__jump-bar__container .product__jump-bar__inner {
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .product__jump-bar__container .product__jump-bar__inner {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

.product__jump-bar__container.journals .product__jump-bar__btn {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #FF9E1B;
    color: #002D72;
    display: none;
    background: #FEBE10;
    margin: 0;
}

@media (min-width: 992px) {
    .product__jump-bar__container.journals .product__jump-bar__btn {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .product__jump-bar__container.journals .product__jump-bar__btn {
        padding: 10px 30px;
    }
}

.product__jump-bar__container.journals .product__jump-bar__btn:hover,
.product__jump-bar__container.journals .product__jump-bar__btn:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.product__jump-bar__container.journals .product__jump-bar__btn:after {
    color: #002D72;
    padding-left: 10px;
}

.product__jump-bar__container.journals .product__jump-bar__btn:hover:after,
.product__jump-bar__container.journals .product__jump-bar__btn:focus:after {
    color: #fff;
}

@media (min-width: 768px) {
    .product__jump-bar__container.journals .product__jump-bar__btn {
        display: flex;
    }
}

.product__jump-bar__container .book__quick_add {
    display: none;
}

@media (min-width: 768px) {
    .product__jump-bar__container .book__quick_add {
        display: block;
    }
}

.product__jump-bar__container .book__btn--quick-add {
    margin: 0;
}

.product__jump-bar__dropdown {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.product__jump-bar__dropdown .jump-bar__dropdown__text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #fff;
    margin-right: 10px;
}

@media (min-width: 768px) {
    .product__jump-bar__dropdown .jump-bar__dropdown__text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 768px) {
    .product__jump-bar__dropdown .jump-bar__dropdown__text {
        margin-right: 25px;
    }
}

.product__jump-bar__dropdown .jump-bar__dropdown__container {
    position: relative;
    display: inline-block;
    width: auto;
    flex: 1;
}

.product__jump-bar__dropdown .jump-bar__dropdown__container:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    position: absolute;
    top: 46px;
    right: 13px;
    color: #002D72;
    pointer-events: none;
}

.product__jump-bar__dropdown .jump-bar__dropdown__container select {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    background: #D9EAF8;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    margin: 0;
    padding: 19px 40px 18px 20px;
}

@-moz-document url-prefix() {
    .product__jump-bar__dropdown .jump-bar__dropdown__container select {
        text-indent: 0.01px;
        text-overflow: "";
    }
}

.product__jump-bar__dropdown .jump-bar__dropdown__container select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.product__jump-bar__dropdown .jump-bar__dropdown__container select::-ms-expand {
    display: none;
}

@-moz-document url-prefix() {
    .product__jump-bar__dropdown .jump-bar__dropdown__container select option {
        background-color: #fff;
    }
}

.product__jump-bar__dropdown .jump-bar__dropdown__container:after {
    top: 18px;
}

@media (min-width: 768px) {
    .product__jump-bar__dropdown .jump-bar__dropdown__container {
        max-width: 322px;
    }
}

.product__jump-bar__dropdown .jump-bar__dropdown {
    border: 1px solid #AEAEAE;
    box-shadow: inset 0 5px 0 0 rgba(217, 234, 248, 0.8);
    color: #0D0D0D;
    font-size: 18px;
    padding: 16px 12px 12px 12px;
    background-color: #D9EAF8;
}

/* ==========================================================================
	Product List - View 2 Column
============================================================================= */
@media (min-width: 992px) {

    .view-product-list,
    .view-course-adoption {
        margin-top: -100px;
    }
}

.view-product-list .view-2-column--header,
.view-product-list .view-2-column--main,
.view-product-list-journals .view-2-column--header,
.view-product-list-journals .view-2-column--main {
    background: #fff;
}

.vocabulary-distribution-partner~.views-element-container .form-item-subject,
.vocabulary-distribution-partner~.views-element-container #subject-secondary-select {
    display: none;
}

.vocabulary-distribution-partner.distribution-partner--hopkins-press~.views-element-container .form-item-subject,
.vocabulary-distribution-partner.distribution-partner--hopkins-press~.views-element-container #subject-secondary-select {
    display: block;
}

.column__inner {
    padding-right: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    padding-left: calc((100% - ((100% - 20px) * 0.9591)) / 2);
}

@media (min-width: 576px) {
    .column__inner {
        padding-right: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .column__inner {
        padding-right: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .column__inner {
        padding-right: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .column__inner {
        padding-right: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .column__inner {
        padding-right: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 576px) {
    .column__inner {
        padding-left: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .column__inner {
        padding-left: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .column__inner {
        padding-left: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .column__inner {
        padding-left: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .column__inner {
        padding-left: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .column__inner {
        display: flex;
        justify-content: space-between;
        padding: 0;
    }
}

.view-2-column--header {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    padding-left: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    padding-right: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    border-bottom: 1px solid #AEAEAE;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .view-2-column--header {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 576px) {
    .view-2-column--header {
        padding-left: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .view-2-column--header {
        padding-left: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .view-2-column--header {
        padding-left: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .view-2-column--header {
        padding-left: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .view-2-column--header {
        padding-left: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 576px) {
    .view-2-column--header {
        padding-right: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .view-2-column--header {
        padding-right: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .view-2-column--header {
        padding-right: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .view-2-column--header {
        padding-right: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .view-2-column--header {
        padding-right: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .view-2-column--header .view-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (min-width: 992px) {
    .view-2-column--header .bef-exposed-form .form--inline {
        display: flex;
    }
}

.view-2-column--header .bef-exposed-form .form-item label:not(.option) {
    font-size: 18px;
    margin-top: 3px;
    margin-bottom: 0;
}

.view-2-column--header .bef-exposed-form .form-item {
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .view-2-column--header .bef-exposed-form .form-item {
        display: flex;
        align-items: center;
        margin-right: 30px;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .view-2-column--header .bef-exposed-form .form-item:nth-child(2) {
        margin-right: 0;
    }
}

@media (min-width: 992px) {
    .view-2-column--header .bef-exposed-form .form-type-select:after {
        top: 15px;
    }
}

@media (min-width: 992px) {
    .view-2-column--header .bef-exposed-form .form-type-select select {
        width: auto;
        margin-left: 10px;
    }
}

.view-2-column--header .bef-exposed-form .form--inline>.form-item {
    float: none;
}

.view-filter-toggle {
    width: 100%;
    height: 50px;
    position: relative;
    background: #D9EAF8;
    cursor: pointer;
    margin-top: 35px;
    padding: 18px 40px 18px 20px;
}

.view-filter-toggle:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    position: absolute;
    top: 15px;
    right: 13px;
    color: #002D72;
}

.view-filter-toggle.active:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    top: 20px;
}

@media (min-width: 992px) {
    .view-filter-toggle {
        display: none;
    }
}

.view-2-column--sidebar {
    padding-left: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    padding-right: calc((100% - ((100% - 20px) * 0.9591)) / 2);
    position: relative;
    background: #F4F4F4;
    display: none;
    padding-bottom: 40px;
}

@media (min-width: 576px) {
    .view-2-column--sidebar {
        padding-left: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .view-2-column--sidebar {
        padding-left: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .view-2-column--sidebar {
        padding-left: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .view-2-column--sidebar {
        padding-left: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .view-2-column--sidebar {
        padding-left: calc((100% - (1605px * 0.9591)) / 2);
    }
}

@media (min-width: 576px) {
    .view-2-column--sidebar {
        padding-right: calc((100% - (570px * 0.9591)) / 2);
    }
}

@media (min-width: 768px) {
    .view-2-column--sidebar {
        padding-right: calc((100% - (750px * 0.9591)) / 2);
    }
}

@media (min-width: 992px) {
    .view-2-column--sidebar {
        padding-right: calc((100% - (1000px * 0.9591)) / 2);
    }
}

@media (min-width: 1200px) {
    .view-2-column--sidebar {
        padding-right: calc((100% - (1190px * 0.9591)) / 2);
    }
}

@media (min-width: 1600px) {
    .view-2-column--sidebar {
        padding-right: calc((100% - (1605px * 0.9591)) / 2);
    }
}

.view-2-column--sidebar.active {
    display: block;
}

@media (min-width: 992px) {
    .view-2-column--sidebar {
        display: block;
        padding-right: 0;
    }
}

.view-sidebar-inner {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    padding-bottom: 5px;
}

@media (min-width: 992px) {
    .view-sidebar-inner {
        width: 300px;
        padding-top: 50px;
        padding-right: 30px;
    }
}

@media (min-width: 1200px) {
    .view-sidebar-inner {
        padding-right: 60px;
    }
}

.view-sidebar-header {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 30px;
    line-height: 3rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    color: rgba(13, 13, 13, 0.7);
}

.view-2-column--main {
    flex: 1;
    padding-top: 30px;
}

.view-2-column--main .view-empty {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    padding: 20px 0;
}

@media (min-width: 768px) {
    .view-2-column--main .view-empty {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 992px) {
    .view-2-column--main .view-empty {
        padding: 75px;
    }
}

.view-sidebar-filters {
    position: sticky;
    top: 0;
}

.view-sidebar-filters form .form-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
}

.view-sidebar-filters form .form-actions input {
    border: none;
    margin-bottom: 15px;
}

.view-sidebar-filters form .form-actions input:last-child {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    background: transparent;
    font-weight: 500;
    margin: 0;
}

.view-sidebar-filters form .form-actions input:last-child:hover,
.view-sidebar-filters form .form-actions input:last-child:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.view-sidebar-filters form .form-actions input:first-child,
.view-sidebar-filters form .form-actions input:only-child {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    width: 100%;
    margin-top: 10px;
}

@media (min-width: 992px) {

    .view-sidebar-filters form .form-actions input:first-child,
    .view-sidebar-filters form .form-actions input:only-child {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {

    .view-sidebar-filters form .form-actions input:first-child,
    .view-sidebar-filters form .form-actions input:only-child {
        padding: 10px 30px;
    }
}

.view-sidebar-filters form .form-actions input:first-child:hover,
.view-sidebar-filters form .form-actions input:first-child:focus,
.view-sidebar-filters form .form-actions input:only-child:hover,
.view-sidebar-filters form .form-actions input:only-child:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.view-sidebar-filters .form-item {
    width: 100%;
    margin: 15px 0;
}

.view-sidebar-filters .form-item.form-item-keyword {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.view-sidebar-filters .form-item.form-item-keyword:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    position: absolute;
    top: 46px;
    right: 10px;
    color: #002D72;
}

.view-sidebar-filters .form-item.form-item-keyword input {
    width: 100%;
    border: none;
    box-shadow: none;
    padding-right: 30px;
}

.view-sidebar-filters .form-item.form-item-sort-by,
.view-sidebar-filters .form-item.form-item-items-per-page {
    display: none;
}

.view-sidebar-filters .form-item select {
    background: #fff;
    font-size: 18px;
}

.tooltip__container {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1;
}

.tooltip__container .tooltip__button {
    transform: scale(0.75);
}

.tooltip__container .tooltip__block {
    height: auto;
    width: 280px;
    bottom: 30px;
    left: auto;
    right: -20px;
}

.tooltip__container .tooltip__block:after {
    right: 10px;
    left: auto;
}

.book__modal {
    max-height: 80%;
}

@media (max-width: 991.98px) {
    .book__modal {
        width: 80% !important;
    }
}

.book__video {
    position: relative;
    display: block;
    width: 100%;
    padding: 0 !important;
    overflow: hidden !important;
}

.book__video__iframe {
    height: 100%;
}

.book__video__iframe::before {
    padding-top: 56.25%;
    display: block;
    content: "";
}

.book__video__iframe iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ==========================================================================
	Additional Resources Section
============================================================================= */
.product__resources {
    background: #F4F4F4;
}

@media (min-width: 992px) {
    .product__resources {
        padding-top: 80px;
        padding-bottom: 50px;
    }
}

.product__resources.book__highlight {
    margin-bottom: 0;
}

.product__resources .background__text {
    color: rgba(174, 174, 174, 0.12);
}

.product__resources .book__highlight__row {
    margin-left: 0;
    margin-right: 0;
}

.additional_resources__section {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 35px;
}

.additional_resources__section .field {
    width: 100%;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

@media (min-width: 992px) {
    .additional_resources__section .field {
        width: 31%;
        margin-bottom: 50px;
        margin-right: 20px;
        padding-bottom: 30px;
    }
}

.additional_resources__section .field:nth-child(3n) {
    margin-right: 0;
}

.additional_resources__section .field .label {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .additional_resources__section .field .label {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.additional_resources__section .field a {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    position: relative;
    display: inline;
    font-weight: 500;
    margin-left: 15px;
}

.additional_resources__section .field a:hover,
.additional_resources__section .field a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.additional_resources__section .field a:before {
    width: 6px;
    height: 6px;
    position: absolute;
    top: 10px;
    left: -15px;
    background: #F16300;
    border-radius: 50%;
    content: "";
    display: block;
}

/* ==========================================================================
	Promo - Homepage
============================================================================= */
.promo {
    position: relative;
    background: #FEBE10;
    padding: 20px 0;
}

@media (min-width: 992px) {
    .promo {
        padding: 0;
    }
}

.promo__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .promo__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .promo__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .promo__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .promo__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .promo__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .promo__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.promo__inner {
    align-items: center;
    display: flex;
}

.promo__image {
    width: 290px;
    height: 100%;
    display: none;
}

@media (min-width: 992px) {
    .promo__image {
        display: block;
    }
}

@media (min-width: 992px) {
    .promo__content {
        display: flex;
        align-items: center;
        flex: 1;
        justify-content: space-between;
        margin-left: 30px;
    }
}

.promo__headline {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    color: #002D72;
    margin-bottom: 3px;
}

@media (min-width: 768px) {
    .promo__headline {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.promo__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
}

@media (min-width: 768px) {
    .promo__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.promo__text p {
    margin: 0;
}

.promo__button {
    margin-top: 10px;
}

@media (min-width: 992px) {
    .promo__button {
        margin-top: 0;
        margin-left: 50px;
    }
}

.promo__button a {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    white-space: nowrap;
}

@media (min-width: 992px) {
    .promo__button a {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .promo__button a {
        padding: 10px 30px;
    }
}

.promo__button a:hover,
.promo__button a:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/* ==========================================================================
	Quick Add
============================================================================= */
.book__quick_add__dialog {
    display: none;
}

#quick_add_dialog .book__quick_add__dialog {
    display: block;
}

.book__quick_add__image {
    max-width: 40%;
    margin-bottom: 20px;
}

.quick__add__wrap {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 400;
    background: #F4F4F4;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transform: translateX(200px);
}

@media (min-width: 768px) {
    .quick__add__wrap {
        width: 400px;
    }
}

.quick__add__wrap.quick_add-show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
}

.quick_add-transition {
    transition: opacity 0.35s, transform 0.5s, visibility 0.35s;
}

#quick_add_close {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px;
    width: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #2A60A0;
    border-radius: 50%;
    font-size: 13px;
    transform: scale(1);
    transition: transform 0.25s;
}

#quick_add_close:hover,
#quick_add_close:focus {
    transform: scale(1.1);
}

#quick_add_close:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(13px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

#quick_add_content {
    padding: 50px 20px 20px;
}

/* ==========================================================================
	Reviews - Product Details
============================================================================= */
.review__block {
    position: relative;
    z-index: 1;
}

.review__block .book__highlight__row {
    margin-left: 0;
    margin-right: 0;
}

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

.reviews__section p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

@media (min-width: 768px) {
    .reviews__section p {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.reviews--exposed {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.reviews__see_all {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    font-weight: 500;
}

.reviews__see_all:hover,
.reviews__see_all:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.reviews--hidden {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.reviews--hidden.collapsed {
    display: none;
}

.paragraph--type--review {
    position: relative;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    margin-bottom: 30px;
    padding-bottom: 40px;
}

@media (min-width: 992px) {
    .paragraph--type--review {
        width: 47%;
        margin-right: 45px;
    }
}

.paragraph--type--review:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    color: #002D72;
    font-size: 12px;
    margin-bottom: 8px;
}

.paragraph--type--review:nth-child(2n) {
    margin-right: 0;
}

.paragraph--type--review .byline {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    display: block;
    font-style: italic;
    margin-top: 15px;
}

@media (min-width: 768px) {
    .paragraph--type--review .byline {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.paragraph--type--review .byline p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    display: inline;
}

@media (min-width: 768px) {
    .paragraph--type--review .byline p {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.paragraph--type--review.collapsed .text-wrapper {
    position: relative;
}

.paragraph--type--review.collapsed .text-wrapper:after {
    width: 100%;
    height: 215px;
    position: absolute;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 66.67%);
    content: "";
    display: block;
}

.review__read_more {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    position: absolute;
    bottom: 65px;
    display: none;
    font-weight: 500;
}

.review__read_more:hover,
.review__read_more:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.collapsed .review__read_more {
    display: inline;
}

/* ==========================================================================
	Search
============================================================================= */
.search__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .search__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .search__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .search__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .search__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .search__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .search__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.search__inner .search__title {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    color: #002D72;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .search__inner .search__title {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.view-search {
    margin-bottom: 80px;
}

.view-search .view-empty {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (min-width: 576px) {
    .view-search .view-empty {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .view-search .view-empty {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .view-search .view-empty {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .view-search .view-empty {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .view-search .view-empty {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .view-search .view-empty {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .view-search .view-empty {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.view-search .view-header {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    border-bottom: 1px solid #AEAEAE;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .view-search .view-header {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

.view-search .view-filters {
    background: #D9EAF8;
    padding: 50px 0 0 0;
}

@media (min-width: 576px) {
    .view-search .view-filters {
        padding: 50px 0 20px 0;
    }
}

@media (min-width: 992px) {
    .view-search .view-filters {
        padding: 100px 0 20px 0;
    }
}

.view-search .views-exposed-form {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .view-search .views-exposed-form {
        margin-bottom: 80px;
    }
}

.view-search .views-exposed-form label {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 30px;
    font-size: 3rem;
    line-height: 45px;
    line-height: 4.5rem;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .view-search .views-exposed-form label {
        font-size: 38px;
        font-size: 3.8rem;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.view-search .views-exposed-form .form--inline {
    position: relative;
}

.view-search .views-exposed-form .form-item {
    width: 100%;
    margin: 0;
}

.view-search .views-exposed-form .form-text {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    border: none;
    border-radius: 50px;
    box-shadow: none;
    color: #0D0D0D;
    padding: 15px 50px 15px 15px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .view-search .views-exposed-form .form-text {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .view-search .views-exposed-form .form-text {
        padding: 20px 155px 20px 20px;
        margin-bottom: 0;
    }
}

.view-search .views-exposed-form .tooltip__button {
    position: absolute;
    top: 12px;
    right: 16px;
    z-index: 1;
}

@media (min-width: 992px) {
    .view-search .views-exposed-form .tooltip__button {
        top: 16px;
        right: 155px;
    }
}

.view-search .views-exposed-form .tooltip__block {
    right: 0;
    left: auto;
    width: 345px;
    bottom: 120px;
    height: auto;
}

@media (min-width: 992px) {
    .view-search .views-exposed-form .tooltip__block {
        bottom: 60px;
        right: 140px;
    }
}

.view-search .views-exposed-form .tooltip__block:after {
    right: 6px;
    left: auto;
}

.view-search .views-exposed-form .form-actions {
    width: 100%;
    position: relative;
    margin: 10px auto;
}

@media (min-width: 992px) {
    .view-search .views-exposed-form .form-actions {
        width: 150px;
        height: 64px;
        position: absolute;
        bottom: 0;
        right: -11px;
        margin: 0;
    }
}

.view-search .views-exposed-form .form-actions:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    position: absolute;
    top: 18px;
    right: 18px;
    color: #68ACE5;
}

@media (min-width: 992px) {
    .view-search .views-exposed-form .form-actions:after {
        top: 24px;
    }
}

.view-search .views-exposed-form .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
    width: 100%;
    height: 100%;
    margin: 0;
    padding-right: 45px;
}

@media (min-width: 992px) {
    .view-search .views-exposed-form .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    .view-search .views-exposed-form .form-submit {
        padding: 10px 30px;
    }
}

.view-search .views-exposed-form .form-submit:hover,
.view-search .views-exposed-form .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

@media (min-width: 992px) {
    .view-search .views-exposed-form .form-submit {
        width: auto;
        border-radius: 0;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        padding-right: 45px;
    }
}

.view-search .view-content {
    margin-top: 80px;
}

.item-list__links,
.item-list__tabs {
    display: flex;
}

.item-list__tabs {
    flex-direction: column;
}

@media (min-width: 576px) {
    .item-list__tabs {
        flex-direction: row;
    }
}

.facet-item {
    width: 100%;
    display: flex;
}

@media (min-width: 576px) {
    .facet-item {
        width: unset;
        display: block;
    }
}

.facet-item a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: Quadon, "Times New Roman", serif;
    width: 100%;
    padding: 20px;
    background: rgba(42, 96, 160, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: #fff;
    font-weight: 500;
    transition: background 0.25s, border 0.25s, color 0.25s;
}

.facet-item a.is-active,
.facet-item a:hover,
.facet-item a:focus {
    background: #fff;
    border: 1px solid rgba(174, 174, 174, 0.25);
    box-shadow: 0px -2px 6px rgba(0, 0, 0, 0.12);
    color: #002D72;
}

@media (min-width: 576px) {
    .facet-item a {
        width: unset;
        padding: 20px 5px;
    }
}

@media (min-width: 768px) {
    .facet-item a {
        padding: 20px;
    }
}

.facet-item__status {
    display: none;
}

.search__link {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

@media (min-width: 768px) {
    .search__link {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.search__link:hover,
.search__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.search__item {
    border-bottom: 1px solid #AEAEAE;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

@media (min-width: 992px) {
    .search__item {
        max-width: 830px;
        margin-left: auto;
        margin-right: auto;
    }
}

.section-search .views-row:first-child .book__vertical__inner {
    padding-top: 0;
}

.section-search .book__vertical .book__vertical__inner {
    padding-bottom: 0;
}

@media (min-width: 992px) {
    .section-search .book__vertical {
        max-width: 830px;
        margin-left: auto;
        margin-right: auto;
    }

    .section-search .book__vertical .book__vertical__inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.search__content {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .search__content {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.search__content .media--view-mode-profile-image {
    width: 175px;
}

@media (min-width: 768px) {
    .search__content__inner {
        display: flex;
        justify-content: space-between;
    }
}

.js .paragraphs-description .summary-content {
    color: #0D0D0D;
}

.search__published_works {
    width: 100%;
}

.search__published_works .view>h2 {
    display: none;
}

.search__published_works .view-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.search__published_works .view-content .views-row {
    width: 100%;
}

@media (min-width: 576px) {
    .search__published_works .view-content .views-row {
        width: 45%;
        margin-right: 20px;
    }
}

@media (min-width: 768px) {
    .search__published_works .view-content .views-row {
        width: 29%;
        margin: 0 30px 0 0;
    }
}

.search__published_works .book {
    width: 100%;
}

.search__published_works .views-element-container {
    display: none;
}

.search__published_works .views-element-container.active {
    display: block;
    margin-left: -20px;
}

.search__content .book__image__wrap img {
    box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.15);
}

.search__toggle {
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 31px;
    line-height: 3.1rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
    display: flex;
    margin-top: 15px;
}

.search__toggle:hover,
.search__toggle:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

.search__toggle:after {
    content: "[+]";
    display: block;
    margin-left: 5px;
}

.search__toggle.active:after {
    content: "[-]";
}

.search__image {
    width: 175px;
    margin: 20px 0;
}

@media (min-width: 768px) {
    .search__image {
        margin: 0;
    }
}

.search__image img {
    width: 100%;
}

/* ==========================================================================
	Slick Slider
============================================================================= */
.slick__controls,
.slick__controls--image {
    display: flex;
    align-items: center;
    padding-bottom: 50px;
}

.slick__controls--image {
    position: absolute;
    left: 40px;
    bottom: -40px;
}

@media (min-width: 768px) {
    .slick__controls--image {
        left: auto;
        right: 400px;
    }
}

.slick__controls--hero {
    width: 80%;
    background: #fff;
    border-bottom: 1px solid rgba(0, 45, 114, 0.2);
    box-shadow: -4px -4px 10px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 15px 20px 15px 20px;
}

@media (max-width: 991.98px) {
    .slick__controls--hero {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        top: calc(56.25vw - 30px);
    }
}

@media (min-width: 992px) {
    .slick__controls--hero {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        right: 0;
        box-shadow: none;
        border-bottom: none;
        border-left: 1px solid rgba(0, 45, 114, 0.2);
        flex-direction: column;
        margin: 0;
        padding: 20px;
    }
}

.slick__arrows {
    display: flex;
}

@media (min-width: 992px) {
    .slick__arrows {
        flex-direction: column;
    }
}

.slick-arrow {
    width: 52px;
    height: 52px;
    background: #002D72;
    border-radius: 50%;
    color: transparent;
    cursor: pointer;
    transition: background 0.25s;
}

.slick-arrow:hover,
.slick-arrow:focus {
    background: #2A60A0;
}

@media (max-width: 991.98px) {
    .slick__controls--hero .slick-arrow {
        width: 30px;
        height: 30px;
    }
}

.slick-disabled {
    opacity: 0.2;
    pointer-events: none;
}

.slick__arrow__prev,
.slick__arrow__prev--image,
.slick__arrow__prev--hero {
    position: relative;
}

.slick__arrow__prev:before,
.slick__arrow__prev--image:before,
.slick__arrow__prev--hero:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    color: #fff;
    margin-left: 2px;
}

.slick__arrow__prev--hero {
    margin-right: 15px;
}

@media (min-width: 992px) {
    .slick__arrow__prev--hero {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.slick__arrow__next,
.slick__arrow__next--image,
.slick__arrow__next--hero {
    position: relative;
}

.slick__arrow__next:before,
.slick__arrow__next--image:before,
.slick__arrow__next--hero:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    color: #fff;
    margin-left: -2px;
}

@media (max-width: 991.98px) {

    .slick__arrow__prev--hero:before,
    .slick__arrow__next--hero:before {
        font-size: 10px;
    }
}

.slick__dots__wrap,
.slick__dots__wrap--image {
    margin: 0 15px;
}

.slick-dots {
    display: flex;
}

@media (min-width: 992px) {
    .slick__controls--hero .slick-dots {
        flex-direction: column;
        align-items: center;
    }
}

.slick-dots li {
    width: 15px;
    height: 15px;
    background: transparent;
    border: 2px solid #002D72;
    border-radius: 50%;
    color: transparent;
    margin-right: 8px;
    transition: background 0.25s;
}

@media (min-width: 992px) {
    .slick__controls--hero .slick-dots li {
        margin: 6px 0;
    }
}

.slick-dots li.slick-active,
.slick-dots li:hover,
.slick-dots li:focus {
    background: #fff;
}

.slick__dots__wrap--image .slick-dots li,
.slick__dots__wrap--hero .slick-dots li {
    box-shadow: inset 0px 0px 0px 2px transparent;
}

.slick__dots__wrap--image .slick-dots li.slick-active,
.slick__dots__wrap--image .slick-dots li:hover,
.slick__dots__wrap--image .slick-dots li:focus,
.slick__dots__wrap--hero .slick-dots li.slick-active,
.slick__dots__wrap--hero .slick-dots li:hover,
.slick__dots__wrap--hero .slick-dots li:focus {
    background: #68ACE5;
    box-shadow: inset 0px 0px 0px 2px #fff;
}

.slick__dots__wrap--hero .slick-dots li.slick-active,
.slick__dots__wrap--hero .slick-dots li:hover,
.slick__dots__wrap--hero .slick-dots li:focus {
    background: #FF9E1B;
}

.content__small .slick__dots__wrap--image {
    display: none;
}

.content__small .slick__controls--image {
    bottom: auto;
    top: calc(56.25% - 100px);
    left: 0;
    right: auto;
    width: 100%;
    justify-content: space-between;
    padding: 0 30px;
}

@media (min-width: 576px) {
    .content__small .slick__controls--image {
        top: calc(56.25% - 40px);
    }
}

@media (min-width: 768px) {
    .content__small .slick__controls--image {
        top: calc(56.25% - 60px);
    }
}

@media (min-width: 992px) {
    .content__small .slick__controls--image {
        top: calc(56.25% - 20px);
    }
}

@media (min-width: 1200px) {
    .content__small .slick__controls--image {
        top: calc(56.25% - 0px);
    }
}

/* ==========================================================================
	Staff List
============================================================================= */
.staff {
    margin: 50px 0;
}

.staff__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .staff__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .staff__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .staff__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .staff__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .staff__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .staff__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.staff__header {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 40px;
    font-size: 4rem;
    line-height: 60px;
    line-height: 6rem;
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    color: #002D72;
    margin-bottom: 25px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .staff__header {
        font-size: 48px;
        font-size: 4.8rem;
        line-height: 72px;
        line-height: 7.2rem;
    }
}

@media (min-width: 992px) {
    .staff__header {
        margin-bottom: 45px;
    }
}

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

@media (min-width: 992px) {
    .staff__cards {
        margin: 0 -15px;
    }
}

/* ==========================================================================
	User Login
============================================================================= */
.jhup-user-login-form .form-submit,
.user-pass .form-submit,
.user-register-form .form-submit,
.user-pass-reset .form-submit,
.user-form .form-submit,
.jhup-user-link-account-form .form-submit,
.account-modal--password .form-submit {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {

    .jhup-user-login-form .form-submit,
    .user-pass .form-submit,
    .user-register-form .form-submit,
    .user-pass-reset .form-submit,
    .user-form .form-submit,
    .jhup-user-link-account-form .form-submit,
    .account-modal--password .form-submit {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {

    .jhup-user-login-form .form-submit,
    .user-pass .form-submit,
    .user-register-form .form-submit,
    .user-pass-reset .form-submit,
    .user-form .form-submit,
    .jhup-user-link-account-form .form-submit,
    .account-modal--password .form-submit {
        padding: 10px 30px;
    }
}

.jhup-user-login-form .form-submit:hover,
.jhup-user-login-form .form-submit:focus,
.user-pass .form-submit:hover,
.user-pass .form-submit:focus,
.user-register-form .form-submit:hover,
.user-register-form .form-submit:focus,
.user-pass-reset .form-submit:hover,
.user-pass-reset .form-submit:focus,
.user-form .form-submit:hover,
.user-form .form-submit:focus,
.jhup-user-link-account-form .form-submit:hover,
.jhup-user-link-account-form .form-submit:focus,
.account-modal--password .form-submit:hover,
.account-modal--password .form-submit:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

.user-form {
    display: flex;
    flex-direction: column;
}

.user-form h2 {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    font-family: Quadon, "Times New Roman", serif;
    display: block;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .user-form h2 {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.user-form #edit-personal-information,
.user-form #edit-login-information,
.user-form #edit-contact-preferences {
    border-bottom: 1px solid #AEAEAE;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.user-form .password-confirm,
.user-form .password-field,
.user-form .password-strength,
.user-form .password-confirm-match {
    width: 100%;
}

.user-form .form-item-pass-pass2 {
    margin-top: 10px;
}

.user-form .form-text,
.user-form .form-email {
    width: 100%;
}

@media (min-width: 992px) {

    .user-form .form-text,
    .user-form .form-email {
        width: 50%;
    }
}

#edit-account .password-parent {
    max-width: unset;
}

#edit-account .confirm-parent {
    max-width: unset;
    margin-top: 1em;
}

#edit-account .password-field,
#edit-account .password-confirm {
    width: 100%;
}

@media (min-width: 992px) {

    #edit-account .password-field,
    #edit-account .password-confirm {
        width: unset;
    }
}

#edit-login-information .password-parent,
#edit-login-information .confirm-parent {
    max-width: unset;
}

.password-policy__label {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    line-height: 2.5rem;
    color: #AEAEAE;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

#edit-login-information #password-policy-status table thead,
#edit-account #password-policy-status table thead {
    display: none;
}

#edit-login-information #password-policy-status table .password-policy-constraint-passed,
#edit-login-information #password-policy-status table .password-policy-constraint-failed,
#edit-account #password-policy-status table .password-policy-constraint-passed,
#edit-account #password-policy-status table .password-policy-constraint-failed {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 10px 0;
}

#edit-login-information #password-policy-status table .password-policy-constraint-passed:before,
#edit-login-information #password-policy-status table .password-policy-constraint-failed:before,
#edit-account #password-policy-status table .password-policy-constraint-passed:before,
#edit-account #password-policy-status table .password-policy-constraint-failed:before {
    visibility: visible;
    display: block;
    content: " ";
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(20px);
    font-size: 20px;
    color: #AEAEAE;
    margin-right: 10px;
}

#edit-login-information #password-policy-status table .password-policy-constraint-passed td,
#edit-login-information #password-policy-status table .password-policy-constraint-failed td,
#edit-account #password-policy-status table .password-policy-constraint-passed td,
#edit-account #password-policy-status table .password-policy-constraint-failed td {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 20px;
    line-height: 2rem;
    font-family: Gentona, "Myriad Pro", sans-serif;
    color: #0D0D0D;
}

#edit-login-information #password-policy-status table .password-policy-constraint-passed td:not(:last-child),
#edit-login-information #password-policy-status table .password-policy-constraint-failed td:not(:last-child),
#edit-account #password-policy-status table .password-policy-constraint-passed td:not(:last-child),
#edit-account #password-policy-status table .password-policy-constraint-failed td:not(:last-child) {
    display: none;
}

.account-modal--password .ui-dialog-titlebar {
    border: none;
    background-color: unset;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
}

@media (min-width: 768px) {
    .account-modal--password .ui-dialog-titlebar {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

.account-modal--password .ui-dialog-content #account_modal_password_wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.account-modal--password .ui-dialog-content form {
    width: 90%;
}

.account-modal--password .ui-dialog-content .account-modal-messages {
    width: 90%;
    margin-top: 15px;
}

.account-modal--password .ui-dialog-content input {
    width: 100%;
}

.account-modal--password .ui-dialog-buttonpane {
    border: none;
    background-color: unset;
}

@media (max-width: 991.98px) {

    .account-modal--password .ui-dialog-buttonpane .ui-dialog-buttonset,
    .account-modal--password .ui-dialog-buttonpane .form-submit {
        width: 100%;
    }
}

/* ==========================================================================
	Value Callouts
============================================================================= */
.value__callouts {
    margin: 30px 0;
}

@media (min-width: 768px) {
    .value__callouts {
        margin-top: 30px;
        margin-bottom: 100px;
    }
}

.value__callouts__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .value__callouts__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .value__callouts__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .value__callouts__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .value__callouts__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .value__callouts__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .value__callouts__container {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .value__callouts__wrap {
        display: flex;
        margin: 0 -30px;
    }
}

.value__callout {
    margin-bottom: 25px;
}

@media (min-width: 768px) {
    .value__callout {
        width: calc(33% - 30px);
        margin: 0 30px;
    }
}

.value__callout:first-child .value__callout__image {
    background: #F16300;
}

.value__callout:nth-child(2n) .value__callout__image {
    background: #002D72;
}

.value__callout:last-child .value__callout__image {
    background: #FF9E1B;
}

.value__callout__image {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
}

.value__callout__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.value__callout__title {
    font-family: 'titling-gothic', "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 40px;
    line-height: 4rem;
    color: #002D72;
    letter-spacing: 1px;
    margin-top: 20px;
    text-transform: uppercase;
}

.value__callout__text {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 28px;
    line-height: 2.8rem;
    color: #0D0D0D;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .value__callout__text {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 32px;
        line-height: 3.2rem;
    }
}

@media (min-width: 768px) {
    .value__callout__text {
        margin-top: 20px;
    }
}

.value__callout__link {
    margin-top: 15px;
}

@media (min-width: 768px) {
    .value__callout__link {
        margin-top: 25px;
    }
}

.value__callout__link a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 26px;
    line-height: 2.6rem;
    box-shadow: 0 2px 0 #68ACE5;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    font-weight: 500;
}

.value__callout__link a:hover,
.value__callout__link a:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #2A60A0;
}

/* ==========================================================================
	Vertical listing
============================================================================= */
.paragraph--type--vertical-listing form.commerce-order-item-add-to-cart-form {
    display: block;
}

/* ==========================================================================
	Webform pages.
============================================================================= */
form.webform-submission-form {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    form.webform-submission-form {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    form.webform-submission-form {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    form.webform-submission-form {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    form.webform-submission-form {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    form.webform-submission-form {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    form.webform-submission-form {
        padding-right: 0;
        padding-left: 0;
    }
}

form.webform-submission-form input:not(.form-submit) {
    width: 100%;
}

form.webform-submission-form .form-type-checkbox {
    margin: 25px 0;
    position: relative;
}

form.webform-submission-form .form-type-checkbox input {
    width: 25px;
    height: 25px;
    opacity: 1;
    top: 0;
}

form.webform-submission-form .form-type-checkbox label:before {
    content: none;
}

form.webform-submission-form .form-actions input {
    border: none;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 32px;
    line-height: 3.2rem;
    border-radius: 50px;
    box-shadow: 0 0 0 5px transparent;
    display: inline-block;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    padding: 10px 30px;
    transition: background 0.35s, box-shadow 0.35s ease-in-out, color 0.35s;
    background: #002D72;
    color: #fff;
}

@media (min-width: 992px) {
    form.webform-submission-form .form-actions input {
        padding: 10px 18px;
    }
}

@media (min-width: 1200px) {
    form.webform-submission-form .form-actions input {
        padding: 10px 30px;
    }
}

form.webform-submission-form .form-actions input:hover,
form.webform-submission-form .form-actions input:focus {
    background: #2A60A0;
    box-shadow: 0 0 0 5px rgba(42, 96, 160, 0.5);
    color: #fff;
}

/**
 * Layouts - styles specific to the layout of the page
 */
/* =================================================================================
	Footer
================================================================================= */
.footer {
    position: relative;
    background: #002D72;
    color: #fff;
    padding: 40px 0;
}

@media (min-width: 992px) {
    .footer {
        padding: 130px 0 50px 0;
    }
}

@media (min-width: 992px) {
    .footer:before {
        width: 610px;
        height: 600px;
        position: absolute;
        top: 0;
        left: -120px;
        background: url("../../images/shield.svg") no-repeat;
        content: "";
        display: block;
    }
}

.footer__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .footer__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .footer__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .footer__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .footer__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .footer__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .footer__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.footer__inner {
    position: relative;
}

@media (min-width: 992px) {
    .footer__inner {
        display: flex;
    }
}

.footer__logo {
    margin-right: 40px;
    margin-bottom: 25px;
}

@media (min-width: 992px) {
    .footer__logo {
        margin-bottom: 20px;
    }
}

.footer__logo__link {
    width: 230px;
    height: 150px;
    background: url("../../images/logo-footer.svg") no-repeat;
    background-size: cover;
    display: block;
}

@media (min-width: 992px) {
    .footer__logo__link {
        width: 275px;
        height: 180px;
    }
}

.footer__logo__link__label {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.footer__logo__link__label.focusable:active,
.footer__logo__link__label.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.footer__group {
    display: flex;
}

@media (min-width: 992px) {
    .footer__group {
        display: block;
    }
}

@media (min-width: 992px) {
    .footer__content {
        flex: 1;
        margin-left: 50px;
    }
}

/* Social
============================================================================= */
.footer__socials__header {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.footer__socials__header.focusable:active,
.footer__socials__header.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.footer__socials__nav {
    text-align: center;
}

@media (min-width: 992px) {
    .footer__socials__nav {
        display: flex;
    }
}

.footer__social__item {
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .footer__social__item {
        margin-right: 8px;
        margin-bottom: 0;
    }
}

.footer__social__link {
    color: #FF9E1B;
    display: block;
    transform: scale(1);
    transition: transform 0.25s;
    will-change: transform;
}

.footer__social__link:hover,
.footer__social__link:focus {
    transform: scale(1.1);
}

.footer__social__link:before {
    font-size: 20px;
}

@media (min-width: 992px) {
    .footer__social__link:before {
        margin-right: 8px;
    }
}

.footer__social--linkedin:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(20px);
}

.footer__social--facebook:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.footer__social--instagram:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.footer__social--youtube:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.footer__social__label {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.footer__social__label.focusable:active,
.footer__social__label.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

/* Footer for Client Press
================================================================================= */
.footer--client-press {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    overflow: hidden;
    padding: 30px 0;
    text-align: center;
    background: #F4F4F4;
}

@media (min-width: 768px) {
    .footer--client-press {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        line-height: 3rem;
    }
}

.footer--client-press a {
    color: #002D72;
}

.footer--client-press:before {
    display: none;
}

/* Footer for Checkout pages
================================================================================= */
.footer--checkout {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    overflow: hidden;
    padding: 30px 0;
    text-align: center;
    background: #002D72;
}

@media (min-width: 768px) {
    .footer--checkout {
        font-size: 20px;
        font-size: 2rem;
        line-height: 30px;
        line-height: 3rem;
    }
}

.footer--checkout .footer__container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .footer--checkout .footer__container {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
}

.footer--checkout .footer__links {
    color: #68ACE5;
    margin-bottom: 1rem;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
}

.footer--checkout .footer__links>* {
    margin-right: 0.75rem;
}

@media (min-width: 992px) {
    .footer--checkout .footer__links {
        margin-bottom: 0;
    }
}

.footer--checkout .footer__links .tel {
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: 300;
}

.footer--checkout .copyright {
    margin-top: 0;
    font-weight: 300;
}

.footer--checkout:before {
    display: none;
}

/* Copyright
============================================================================= */
.copyright {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 21px;
    line-height: 2.1rem;
    color: rgba(244, 244, 244, 0.8);
    margin-top: 30px;
}

@media (min-width: 992px) {
    .copyright {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
        text-align: right;
    }
}

.copyright__holder__name {
    box-shadow: 0 2px 0 rgba(244, 244, 244, 0.8);
    color: rgba(244, 244, 244, 0.8);
    transition: box-shadow 0.25s, color 0.25s;
}

.copyright__holder__name:hover,
.copyright__holder__name:focus {
    box-shadow: 0 2px 0 #68ACE5;
    color: #68ACE5;
}

/* Address
============================================================================= */
.footer .address {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    font-weight: 300;
    margin-bottom: 35px;
}

@media (min-width: 992px) {
    .footer .address {
        margin-top: 35px;
    }
}

.address__street {
    display: block;
}

.address__detail {
    display: block;
    text-decoration: underline;
    transition: color 0.25s;
}

.address__detail:hover,
.address__detail:focus {
    color: #68ACE5;
}

/* =================================================================================
	Header
================================================================================= */
.header {
    position: relative;
}

.header__wrap {
    background: #fff;
    padding: 20px 0;
}

@media (min-width: 992px) {
    .header__wrap {
        background: #F4F4F4;
        padding: 25px 0;
    }
}

.header__cart-count {
    align-items: center;
    background: #D2441F;
    bottom: -0.5rem;
    border: 1px solid #D2441F;
    border-radius: 50%;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    justify-content: center;
    min-width: 2rem;
    min-height: 2rem;
    padding: 0.3rem;
    position: absolute;
    right: -0.5rem;
    display: none;
}

.header__cart-count.show {
    display: flex;
}

.header__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .header__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .header__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .header__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .header__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .header__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .header__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.header__inner {
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .header__inner {
        justify-content: space-between;
        align-items: center;
    }
}

.header__logo {
    margin: 0 15px;
}

@media (min-width: 992px) {
    .header__logo {
        margin: 0;
    }
}

.header__link {
    width: 159px;
    height: 30px;
    background: url("../../images/JHU-Logo-Padding-50.svg") no-repeat center center;
    background-size: cover;
    display: block;
}

@media (min-width: 992px) {
    .header__link {
        width: 264px;
        height: 50px;
    }
}

.header__label {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.header__label.focusable:active,
.header__label.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.header__handles {
    display: flex;
}

@media (min-width: 992px) {
    .header__handles {
        margin-top: -4px;
    }
}

@media (min-width: 992px) {
    .header__handles--sm {
        display: none;
    }
}

.header__handle {
    width: 30px;
    height: 30px;
    position: relative;
    background: #D9EAF8;
    border-radius: 50%;
    display: block;
    margin-right: 10px;
    transition: background 0.25s;
}

@media (min-width: 992px) {
    .header__handle {
        background: #68ACE5;
    }
}

.header__handle:hover,
.header__handle:focus {
    background: #002D72;
}

.header__handle:hover:before,
.header__handle:focus:before {
    color: #fff;
}

.header__handle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #002D72;
    transition: color 0.25s;
}

.header__handle--menu {
    position: relative;
    background: #002D72;
    font-size: 13px;
}

.js-page-lock .header__handle--menu {
    display: none;
}

@media (min-width: 992px) {
    .header__handle--menu {
        display: none;
    }
}

.header__handle--menu:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(13px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.site__menu__close__button {
    background: #2A60A0;
    font-size: 13px;
    display: none;
}

.js-page-lock .site__menu__close__button {
    display: block;
}

.site__menu__close__button:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(13px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

@media (min-width: 992px) {
    .site__menu__close__button {
        display: none;
    }
}

.header__handle--search {
    font-size: 16px;
}

@media (min-width: 992px) {
    .header__handle--search {
        background: transparent;
    }
}

@media (min-width: 992px) {

    .header__handle--search:hover,
    .header__handle--search:focus {
        background: #68ACE5;
    }
}

@media (min-width: 992px) {

    .header__handle--search:hover:before,
    .header__handle--search:focus:before {
        color: #002D72;
    }
}

.header__handle--search:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    color: #002D72;
}

.header__handle--shop:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.header__handle--account {
    margin-right: 0;
}

.header__handle--account:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
}

.menu__link--other {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    box-shadow: 0 2px 0 transparent;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
    display: flex;
    justify-content: space-between;
    padding: 25px;
}

.menu__link--other:hover,
.menu__link--other:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #002D72;
}

@media (min-width: 992px) {
    .menu__link--other {
        font-family: Gentona, "Myriad Pro", sans-serif;
        font-weight: 500;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 20px;
        line-height: 2rem;
        border-bottom: none;
        display: inline-block;
        margin-right: 15px;
        padding: 0;
    }
}

@media (min-width: 992px) {

    .menu__link--other:hover,
    .menu__link--other:focus {
        box-shadow: 0 2px 0 #68ACE5;
        color: #2A60A0;
    }
}

.menu__link--other:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    color: #68ACE5;
}

@media (min-width: 992px) {
    .menu__link--other:after {
        content: none;
    }
}

.menu__link--other.journals {
    box-shadow: 0 2px 0 transparent;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.menu__link--other.journals:hover,
.menu__link--other.journals:focus {
    box-shadow: 0 2px 0 #FF9E1B;
    color: #FF9E1B;
}

@media (min-width: 992px) {

    .menu__link--other.journals:hover,
    .menu__link--other.journals:focus {
        box-shadow: 0 2px 0 #FF9E1B;
        color: #2A60A0;
    }
}

.menu__link--other.journals:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    color: #FF9E1B;
}

@media (min-width: 992px) {
    .menu__link--other.journals:after {
        content: none;
    }
}

@media (min-width: 992px) {
    .menu__link--other.journals {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 18px;
        line-height: 1.8rem;
    }
}

@media (min-width: 1200px) {
    .menu__link--other.journals {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 20px;
        line-height: 2rem;
    }
}

.header__bar {
    display: none;
}

@media (min-width: 992px) {
    .header__bar {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        display: flex;
        justify-content: space-between;
        padding: 20px 0;
    }
}

@media (min-width: 992px) and (min-width: 576px) {
    .header__bar {
        max-width: 540px;
    }
}

@media (min-width: 992px) and (min-width: 768px) {
    .header__bar {
        max-width: 720px;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .header__bar {
        max-width: 960px;
    }
}

@media (min-width: 992px) and (min-width: 1200px) {
    .header__bar {
        max-width: 1140px;
    }
}

@media (min-width: 992px) and (min-width: 1600px) {
    .header__bar {
        max-width: 1540px;
    }
}

@media (min-width: 992px) and (min-width: 576px) {
    .header__bar {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .header__utility {
        align-items: center;
        display: flex;
    }
}

/* =================================================================================
	Header for Client Press
================================================================================= */
.header--client-press {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 400;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 33px;
    line-height: 3.3rem;
    padding: 30px 0;
    text-align: center;
}

@media (min-width: 576px) {
    .header--client-press {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .header--client-press {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .header--client-press {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .header--client-press {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .header--client-press {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .header--client-press {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .header--client-press {
        font-size: 30px;
        font-size: 3rem;
        line-height: 45px;
        line-height: 4.5rem;
    }
}

.header--client-press .media {
    display: inline-block;
    max-width: 500px;
    width: calc(100% - 30px);
}

/* =================================================================================
  Site Search
================================================================================= */
.site__search {
    position: relative;
}

.site__search__form {
    position: relative;
}

.site__search__label {
    color: #000;
    display: block;
    font-size: 16px;
    line-height: 1;
}

.site__search__field {
    position: relative;
    display: flex;
    margin-top: 8px;
}

.site__search__input {
    appearance: none;
    background: none;
    border: 1px solid currentColor;
    border-radius: 0;
    color: inherit;
    flex: 1;
    font: inherit;
    padding: 6px;
}

.site__search__input::placeholder {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
}

.site__search__button {
    height: 48px;
    position: relative;
    background: #000;
    color: inherit;
    flex: 0 0 48px;
    cursor: pointer;
    transition: background 0.25s, color 0.25s;
}

.site__search__button:focus,
.site__search__button:hover {
    background: #fff;
    color: #000;
}

.site__search__button__label {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.site__search__button__label.focusable:active,
.site__search__button__label.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

/* =================================================================================
	Site Menu
================================================================================= */
.site__menu__drawer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 268px;
    right: 0;
    z-index: 400;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}

@media (min-width: 992px) {
    .site__menu__drawer {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site__menu__drawer {
        transition-duration: 0.6s;
    }
}

@media print {
    .site__menu__drawer {
        display: none;
    }
}

.site__menu__drawer.active {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.loaded .site__menu__drawer {
    transition: opacity 0.35s, transform 0.35s, visibility 0.35s;
}

.site__menu__title {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.site__menu__title.focusable:active,
.site__menu__title.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

.site__menu__inner {
    padding-bottom: 200px;
}

/**
 * Navigation - styles specific to navigation on the site
 */
/* =================================================================================
  Breadcrumb Navigation
================================================================================= */
.hero--image--background div.breadcrumb {
    z-index: 3;
    position: relative;
}

.hero--image--background div.breadcrumb a {
    color: #fff;
}

.hero--image--background div.breadcrumb a:hover,
.hero--image--background div.breadcrumb a:focus {
    color: #D9EAF8;
}

nav.breadcrumb {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #002D72;
    margin: 0 0 30px 0;
    padding: 0;
}

@media (min-width: 768px) {
    nav.breadcrumb {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    nav.breadcrumb {
        margin-bottom: 45px;
    }
}

.hero--image--background nav.breadcrumb {
    color: #fff;
}

nav.breadcrumb ol li:before {
    content: "/";
    margin: 0 5px;
}

nav.breadcrumb ol li a {
    box-shadow: 0 2px 0 #002D72;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

nav.breadcrumb ol li a:hover,
nav.breadcrumb ol li a:focus {
    box-shadow: 0 2px 0 #fff;
    color: #fff;
}

.hero--image--background nav.breadcrumb ol li a {
    box-shadow: 0 2px 0 #fff;
    color: #fff;
    transition: box-shadow 0.25s, color 0.25s;
}

.hero--image--background nav.breadcrumb ol li a:hover,
.hero--image--background nav.breadcrumb ol li a:focus {
    box-shadow: 0 2px 0 #D9EAF8;
    color: #D9EAF8;
}

.vocabulary-jhup-subject .breadcrumb a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    color: #002D72;
    display: block;
    font-weight: 500;
    margin-bottom: 20px;
    text-decoration: underline;
    transition: color 0.25s;
}

@media (min-width: 768px) {
    .vocabulary-jhup-subject .breadcrumb a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 27px;
        line-height: 2.7rem;
    }
}

@media (min-width: 992px) {
    .vocabulary-jhup-subject .breadcrumb a {
        margin-bottom: 35px;
    }
}

.vocabulary-jhup-subject .breadcrumb a:hover,
.vocabulary-jhup-subject .breadcrumb a:focus {
    color: #2A60A0;
}

.vocabulary-jhup-subject .breadcrumb a:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    font-size: 12px;
}

/* =================================================================================
  Footer Navigation
================================================================================= */
.menu--footer {
    margin: 30px 0 20px 0;
}

@media (min-width: 992px) {
    .menu--footer {
        margin: 0;
    }
}

@media (min-width: 992px) {
    .menu--footer .menu {
        display: flex;
    }
}

.menu--footer .menu .menu__item {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 25px;
    line-height: 2.5rem;
    border-bottom: 1px solid #2A60A0;
    padding: 20px 0;
}

@media (min-width: 992px) {
    .menu--footer .menu .menu__item {
        width: 25%;
        border-bottom: none;
        padding-top: 0;
    }
}

@media (min-width: 992px) {
    .menu--footer .menu .menu__item:not(:last-child) {
        margin-right: 30px;
    }
}

.menu--footer .menu .menu__link {
    pointer-events: none;
}

@media (min-width: 992px) {
    .menu--footer .menu .menu__link {
        display: block;
    }
}

@media (min-width: 992px) {
    .menu--footer .menu .menu__link:after {
        width: 100%;
        height: 1px;
        background: #2A60A0;
        content: "";
        display: block;
        margin-top: 20px;
    }
}

.menu--footer .menu .menu__item--child {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 500;
}

.menu--footer .menu .menu__child__link {
    color: #68ACE5;
    margin: 8px 0;
    transition: color 0.25s;
}

.menu--footer .menu .menu__child__link:hover,
.menu--footer .menu .menu__child__link:focus {
    color: #fff;
}

.menu--footer .menu .menu__toggle {
    width: 40px;
    height: 40px;
    right: 0;
}

@media (min-width: 992px) {
    .menu--footer .menu .menu__toggle {
        display: none;
    }
}

.menu--footer .menu .menu__child--open:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(10px);
    color: #fff;
    transition: color 0.25s;
}

.menu--footer .menu .menu__child--close:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(10px);
    color: #68ACE5;
}

@media (min-width: 992px) {
    .menu--footer .menu .menu__children {
        display: block;
        margin-top: 15px;
    }
}

/* =================================================================================
  Main Navigation
================================================================================= */
.main__nav--lg {
    display: none;
}

@media (min-width: 992px) {
    .main__nav--lg {
        display: flex;
        align-items: center;
    }
}

.menu--main {
    margin-bottom: 40px;
}

@media (min-width: 992px) {
    .menu--main {
        margin-bottom: 0;
    }
}

@media (min-width: 992px) {
    .menu--main .menu {
        display: flex;
    }
}

.menu--main .menu .menu__item {
    font-family: Quadon, "Times New Roman", serif;
    font-weight: 400;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    position: relative;
    border-bottom: 1px solid rgba(174, 174, 174, 0.5);
}

@media (min-width: 992px) {
    .menu--main .menu .menu__item {
        font-size: 21px;
        font-size: 2.1rem;
        line-height: 21px;
        line-height: 2.1rem;
        border: none;
        margin-right: 35px;
    }
}

.menu--main .menu .menu__item.menu__active .menu__link {
    color: #2A60A0;
}

.menu--main .menu .menu__item .menu__link {
    box-shadow: 0 2px 0 transparent;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
    display: block;
    padding: 20px 25px;
}

.menu--main .menu .menu__item .menu__link:hover,
.menu--main .menu .menu__item .menu__link:focus {
    box-shadow: 0 2px 0 #002D72;
    color: #002D72;
}

@media (min-width: 992px) {
    .menu--main .menu .menu__item .menu__link {
        box-shadow: none;
        padding: 0;
    }

    .menu--main .menu .menu__item .menu__link:hover,
    .menu--main .menu .menu__item .menu__link:focus {
        box-shadow: none;
        color: #2A60A0;
    }
}

.menu--main .menu .menu__item .menu__link--nolink {
    pointer-events: none;
}

.menu--main .menu .menu__item .menu__link--nolink:hover {
    color: #002D72;
}

.menu--main .menu .menu__toggle {
    top: 16px;
    right: 20px;
    font-size: 14px;
}

@media (min-width: 992px) {
    .menu--main .menu .menu__toggle {
        width: 40px;
        height: 40px;
        top: -10px;
        right: -30px;
        font-size: 10px;
    }
}

.menu--main .menu .menu__toggle:after {
    width: 30px;
    height: 30px;
    background: #F4F4F4;
    border-radius: 50%;
    content: "";
    display: block;
}

@media (min-width: 992px) {
    .menu--main .menu .menu__toggle:after {
        content: none;
    }
}

@media (max-width: 1199.98px) {
    .menu--main .menu .menu__toggle.menu__child--close:before {
        color: #fff;
    }

    .menu--main .menu .menu__toggle.menu__child--close:after {
        background: #2A60A0;
    }
}

@media (min-width: 992px) {
    .menu--main .menu .menu__toggle.menu__child--close:after {
        background: none;
        position: relative;
        top: 3px;
    }
}

.menu--main .menu .menu__child--open:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 14px;
    color: #002D72;
    transition: color 0.25s;
}

@media (min-width: 992px) {
    .menu--main .menu .menu__child--open:before {
        top: auto;
    }
}

@media (min-width: 992px) {
    .menu--main .menu .menu__child--close {
        top: 10px;
    }
}

.menu--main .menu .menu__child--close:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(8px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 17px;
    color: #002D72;
}

@media (min-width: 992px) {
    .menu--main .menu .menu__child--close:before {
        top: 3px;
        color: #68ACE5;
    }
}

.menu--main .menu .menu__children {
    background: #F4F4F4;
    margin: 0;
    padding: 15px 25px;
}

@media (min-width: 992px) {
    .menu--main .menu .menu__children {
        width: 180px;
        position: absolute;
        top: 35px;
        z-index: 2;
        background: #fff;
        border: 1px solid #cdcdcd;
        border-top: 5px solid #68ACE5;
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.12);
    }
}

.menu--main .menu .menu__item--child {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 500;
    margin: 8px 0;
}

@media (min-width: 992px) {
    .menu--main .menu .menu__item--child {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 22px;
        line-height: 2.2rem;
        margin: 0;
    }
}

.menu--main .menu .menu__child__link {
    box-shadow: 0 2px 0 transparent;
    color: #002D72;
    transition: box-shadow 0.25s, color 0.25s;
}

.menu--main .menu .menu__child__link:hover,
.menu--main .menu .menu__child__link:focus {
    box-shadow: 0 2px 0 #68ACE5;
    color: #2A60A0;
}

/* =================================================================================
  Navigation - Global
================================================================================= */
ul.menu {
    margin: 0;
}

.menu__item {
    position: relative;
    padding: 0;
}

.menu__toggle {
    position: absolute;
    right: 10px;
}

.menu__child--open {
    display: inline-block;
}

.menu__active .menu__child--open {
    display: none;
}

.menu__child--close {
    display: none;
}

.menu__active .menu__child--close {
    display: inline-block;
}

.menu__children {
    display: none;
    margin-top: 8px;
}

.menu__active .menu__children {
    display: block;
}

.menu__child__link {
    display: inline-block;
    margin: 5px 0;
}

/* =================================================================================
  Pager
================================================================================= */
.pager {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 20px;
    line-height: 2rem;
    color: #002D72;
    font-weight: 500;
    margin: 60px 0 60px 0;
}

.pager__items {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 576px) {
    .pager__items {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .pager__items {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .pager__items {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .pager__items {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .pager__items {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .pager__items {
        padding-right: 0;
        padding-left: 0;
    }
}

.pager__item {
    margin-right: 5px;
    padding: 0;
}

.pager__item a {
    width: 26px;
    height: 26px;
    position: relative;
    display: inline-block;
}

.pager__item a:before {
    width: 26px;
    height: 26px;
    position: absolute;
    top: -2px;
    left: 0;
    background: transparent;
    border-radius: 50%;
    content: "";
    display: inline-block;
    transition: background 0.25s;
}

.pager__item a span:not(.visually-hidden) {
    position: relative;
    z-index: 1;
}

.pager__item.is-active,
.pager__item:hover,
.pager__item:focus {
    font-weight: 500;
}

.pager__item.is-active a:before,
.pager__item:hover a:before,
.pager__item:focus a:before {
    background: #FEBE10;
}

.pager__item--previous,
.pager__item--next {
    position: absolute;
    display: none;
}

@media (min-width: 768px) {

    .pager__item--previous,
    .pager__item--next {
        display: block;
    }
}

.pager__item--previous a,
.pager__item--next a {
    width: 52px;
    height: 52px;
    color: transparent;
}

.pager__item--previous a:before,
.pager__item--next a:before {
    width: 52px;
    height: 52px;
    background: #002D72;
}

.pager__item--previous a:after,
.pager__item--next a:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    top: 13px;
    left: 5px;
    color: #fff;
}

.pager__item--previous {
    left: 0;
}

.pager__item--previous a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(18px);
}

.pager__item--next {
    right: 0;
}

.pager__item--next a:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(18px);
    left: -5px;
}

.pager__item--last,
.pager__item--first {
    display: none;
}

#block-shopjournals .m

/* =================================================================================
  Utility Navigation
================================================================================= */
.region-primary-menu {
    width: 200px;
    position: relative;
}

@media (min-width: 992px) {
    .region-primary-menu {
        width: auto;
    }
}

@media (min-width: 992px) {
    .region-primary-menu:after {
        content: none;
    }
}

.active .region-primary-menu:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(16px);
    top: 0;
}

.utility__nav {
    font-family: Gentona, "Myriad Pro", sans-serif;
    font-weight: 500;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 15px;
    line-height: 1.5rem;
    background: #002D72;
    color: #fff;
    padding-top: 10px;
}

@media (min-width: 992px) {
    .utility__nav {
        padding: 0;
    }
}

.utility__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .utility__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .utility__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .utility__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .utility__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .utility__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .utility__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.utility__inner {
    display: flex;
    justify-content: center;
}

@media (min-width: 992px) {
    .utility__inner {
        justify-content: flex-end;
    }
}

.utility__nav__label {
    margin-right: 10px;
}

@media (min-width: 992px) {
    .utility__nav__label {
        display: none;
    }
}

.js-utility-toggle {
    position: relative;
}

.js-utility-toggle.active .js-menu-link {
    z-index: 2;
    position: relative;
}

.utility__nav__toggle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
}

@media (min-width: 992px) {
    .utility__nav__toggle {
        display: none;
    }
}

.menu--utility-navigation {
    border-bottom: 5px solid #68ACE5;
}

@media (min-width: 992px) {
    .menu--utility-navigation {
        border: none;
    }
}

.menu--utility-navigation h2 {
    width: 1px;
    height: 1px;
    position: absolute;
    border: 0;
    clip: rect(0 0 0 0);
    margin: -1px;
    overflow: hidden;
    padding: 0;
}

.menu--utility-navigation h2.focusable:active,
.menu--utility-navigation h2.focusable:focus {
    width: auto;
    height: auto;
    position: static;
    clip: auto;
    margin: 0;
    overflow: visible;
}

@media (min-width: 992px) {
    .menu--utility-navigation .menu {
        display: flex;
    }
}

.menu--utility-navigation .menu .menu__item {
    display: none;
    margin-bottom: 8px;
}

@media (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item {
        display: inline-block;
        margin-right: 23px;
        margin-bottom: 0;
    }
}

.menu--utility-navigation .menu .menu__item.menu__item--active-trail {
    display: inline-block;
}

.active .menu--utility-navigation .menu .menu__item {
    display: block;
}

@media (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item:last-child {
        margin-right: 0;
    }
}

@media (min-width: 992px) {

    .menu--utility-navigation .menu .menu__item:nth-child(2) .menu__link:hover,
    .menu--utility-navigation .menu .menu__item:nth-child(2) .menu__link:focus {
        box-shadow: 0 2px 0 #D9EAF8;
        color: #D9EAF8;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item:nth-child(2).menu__item--active-trail .menu__link {
        border-color: #D9EAF8;
        box-shadow: 0 12px 0 #D9EAF8;
        color: #D9EAF8;
    }
}

@media (min-width: 992px) {

    .menu--utility-navigation .menu .menu__item:nth-child(3) .menu__link:hover,
    .menu--utility-navigation .menu .menu__item:nth-child(3) .menu__link:focus {
        box-shadow: 0 2px 0 #68ACE5;
        color: #68ACE5;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item:nth-child(3).menu__item--active-trail .menu__link {
        border-color: #68ACE5;
        box-shadow: 0 12px 0 #68ACE5;
        color: #68ACE5;
    }
}

@media (min-width: 992px) {

    .menu--utility-navigation .menu .menu__item:nth-child(4) .menu__link:hover,
    .menu--utility-navigation .menu .menu__item:nth-child(4) .menu__link:focus {
        box-shadow: 0 2px 0 #FF9E1B;
        color: #FF9E1B;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item:nth-child(4).menu__item--active-trail .menu__link {
        border-color: #FF9E1B;
        box-shadow: 0 12px 0 #FF9E1B;
        color: #FF9E1B;
    }
}

@media (min-width: 992px) {

    .menu--utility-navigation .menu .menu__item:nth-child(5) .menu__link:hover,
    .menu--utility-navigation .menu .menu__item:nth-child(5) .menu__link:focus {
        box-shadow: 0 2px 0 #D9EAF8;
        color: #D9EAF8;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item:nth-child(5).menu__item--active-trail .menu__link {
        border-color: #D9EAF8;
        box-shadow: 0 12px 0 #D9EAF8;
        color: #D9EAF8;
    }
}

@media (min-width: 992px) {

    .menu--utility-navigation .menu .menu__item:nth-child(6) .menu__link:hover,
    .menu--utility-navigation .menu .menu__item:nth-child(6) .menu__link:focus {
        box-shadow: 0 2px 0 #FEBE10;
        color: #FEBE10;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item:nth-child(6).menu__item--active-trail .menu__link {
        border-color: #FEBE10;
        box-shadow: 0 12px 0 #FEBE10;
        color: #FEBE10;
    }
}

@media (min-width: 992px) {

    .menu--utility-navigation .menu .menu__item:nth-child(7) .menu__link:hover,
    .menu--utility-navigation .menu .menu__item:nth-child(7) .menu__link:focus {
        box-shadow: 0 2px 0 #F16300;
        color: #F16300;
    }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item:nth-child(7).menu__item--active-trail .menu__link {
        border-color: #F16300;
        box-shadow: 0 12px 0 #F16300;
        color: #F16300;
    }
}

.menu--utility-navigation .menu .menu__item .menu__link {
    color: #68ACE5;
    transition: color 0.25s;
}

@media (min-width: 992px) {
    .menu--utility-navigation .menu .menu__item .menu__link {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 22px;
        line-height: 2.2rem;
        border-top: 12px solid transparent;
        box-shadow: 0 2px 0 transparent;
        box-shadow: 0 12px 0 transparent;
        color: #fff;
        display: block;
        margin-bottom: 12px;
        transition: all 0.25s;
    }
}

/**
 * Plugins - abstracted styles that are expanded upon
 */
/* =================================================================================
	Embed - maintains aspect ratio responsively - Credit: Nicolas Gallagher and SUIT CSS
================================================================================= */
.embed {
    width: 100%;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0;
}

.embed:before {
    content: "";
    display: block;
    padding-top: 100%;
}

/* .embed__item,
.embed iframe,
.embed embed,
.embed object,
.embed video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border: 0;
} */

.embed--21by9:before {
    padding-top: 42.8571428571%;
}

.embed--16by9:before {
    padding-top: 56.25%;
}

.embed--4by3:before {
    padding-top: 133.3333333333%;
}

/* =================================================================================
  Socials
================================================================================= */

.socials-block {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 20em;
}

.socials-block__container {
    display: flex;
    flex-direction: row;
    align-items: center
}

.social-media-icon {
    margin: .25em;
    font-size: 2.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}

/* =================================================================================
  Columns
================================================================================= */

.column-container {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

@media (min-width: 1500px) {
    .column-container {
        max-width: 1500px;
    }
}

.column-container>* {
    flex: 1 !important;
    margin: .5em;
}

/* add media rule for smaller screens */

/* =================================================================================
  Call to Action
================================================================================= */

.call-to-action-panel {
    border-radius: .5em;
    border: 2px solid gray;
    padding: .5em;
    max-width: 500px;
    background-color: var(--cta-background-color, inherit) !important;
    font-family: var(--cta-font-face, inherit) !important;
    font-size: var(--cta-font-size, inherit) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.call-to-action-panel a {
    color: var(--cta-link-color, inherit) !important;
    text-decoration: underline;
}

.call-to-action-panel a:visited {
    color: var(--cta-link-visited-color, inherit) !important;
    text-decoration: underline;
}

.call-to-action-panel a:active {
    color: var(--cta-active-link-color, inherit) !important;
    text-decoration: underline;
}

/* =================================================================================
  Site Header
================================================================================= */
.site__header {
    display: flex;
    justify-content: var(--site-header-alignment, inherit) !important;
}

.site__header a {
    flex-direction: var(--site-header-orientation, inherit) !important;
}

.site__header img {
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 5px;
}

.site-header-link-holder {
    display: inline flex;
    justify-content: start;
    align-items: center;
    text-decoration: none;
    margin: 10px;
}

.site-header-text {
    font-family: var(--site-header-font, inherit) !important;
    font-size: var(--site-header-font-size, 3em) !important;
    font-weight: var(--site-header-font-weight, 500) !important;
    color: var(--site-header-color, inherit) !important;
}

/* =================================================================================
  Timeline (View)
================================================================================= */

.timeline-item {
    border-bottom: 1px solid black;
}

.timeline-item .field-content {
    display: flex;
    margin-bottom: 2rem;
}

.timeline-item .field-content>* {
    margin: 5px 1rem auto 1rem;
}

.timeline-item .field-content div:nth-child(1) {
    flex: 0 1 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.timeline-item .field-content div:nth-child(1) time {
    position: absolute;
    background-color: #eee;
    border-radius: .5em;
    padding: 2px;
    margin-top: .5rem;
    font-size: 1.75rem;
}

.timeline-item .field-content div:nth-child(2) {
    flex: 0 1 90%;
}

/* =================================================================================
  WYSIWYG
================================================================================= */

/* wrap wysiwyg classes to avoid affecting front page */
body:not(.path-frontpage) {

    .paragraph--type--wysiwyg,
    .paragraph--type--events-list {
        max-width: var(--rte-width, inherit) !important;
    }

    .paragraph--type--wysiwyg img {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
    }

    .paragraph--type--wysiwyg figcaption {
        text-align: center;
    }
}

/* =================================================================================
  Button Link
================================================================================= */

.button-link {
    margin-top: 10px;
    margin-bottom: 5px;
    margin-inline: auto;
}

.button-link.style_one {
    max-width: var(--button-link-width-one, inherit) !important;
}

.button-link.style_two {
    max-width: var(--button-link-width-two, inherit) !important;
}

.button-link a {
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: .1em;
    font-size: 24px;
    padding: 10px;
    text-decoration: none;
}

.button-link.style_one a {
    color: var(--button-link-color-one, inherit) !important;
    background-color: var(--button-link-background-color-one, inherit) !important;
}

.button-link.style_two a {
    color: var(--button-link-color-two, inherit) !important;
    background-color: var(--button-link-background-color-two, inherit) !important;
}

/* =================================================================================
  News Widget
================================================================================= */

.news-widget {
    border: 1px solid black;
    border-radius: .5em;
}

.news-item div.node__content {
    display: flex;
    flex-direction: row;
    align-items: start;
}

.news-item div.node__content p {
    margin-top: 5px !important;
}

.news-item div.node__content img {
    max-width: 500px;
    flex-grow: 1;
    margin: 5px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit !important;
    text-decoration: none;
}

/* =================================================================================
  Events List
================================================================================= */

.view-events-list .views-row {
    padding-inline: .5em;
    padding-block-start: .25em;
    padding-block-end: .5em;
    margin-block: 3rem;
    border-radius: .1em;
    box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.75);
}

/* =================================================================================
  Utility Menu
================================================================================= */

#block-jhup-associations-footer ul {
    justify-content: end;
}

#block-jhup-associations-footer li {
    margin: auto 5px;
}

/* =================================================================================
  Menu Dropdowns
================================================================================= */

.menu-marker {
    display: inline-block;
    width: 2.75em;
    height: 2.75em;
    background-size: contain;
    cursor: pointer;
}

.menu-marker-collapsed {
    background-image: url(../../images/misc/menu-collapsed.svg);
}

.menu-marker-expanded {
    background-image: url(../../images/misc/menu-expanded.svg);
}

.menu-marker-placeholder-space {
    display: inline-block;
    width: 2.75em;
    height: 2.75em;
}

.main-menu-item-links-holder {
    display: flex;
    align-items: center;
}

.sub-main-menu {
    display: none !important;
    margin-left: 2.75em !important;
}

.sub-main-menu a {
    padding: 0 !important;
}

.sub-main-menu.active {
    display: block !important;
}

/* =================================================================================
  Menu Block Layout
================================================================================= */
.menu-block-wrapper {
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.layout-container {
    max-width: var(--page-width, inherit) !important;
    background-color: var(--page-content-background-color, inherit) !important;
    padding: 5px;
}

.layout-sidebar-first {
    width: 175px;
    margin-inline-end: 25px;
    margin-top: 350px;
}

.layout-sidebar-first li {
    padding-right: 10px;
}

.layout-sidebar-first li:hover {
    background-color: #eee;
}

.layout-sidebar-first a {
    text-decoration: none;
    text-align: right;
}

.side-submenu {
    margin-left: 1.25rem !important;
}

/* =================================================================================
  People Card
================================================================================= */

.people__card {
    display: flex;
    flex-direction: row;
    box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 15px 6px rgba(0, 0, 0, 0.75);
    margin-block: 1em;
}

.people__card img {
    max-width: 10em;
}

.people__card__text__content {
    margin-left: 2em;
}

.people__card__header {
    font-size: large;
    font-weight: bold;
}

/* =================================================================================
  Multi Image Layout
================================================================================= */

.multi__image__layout-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
}

.multi__image__layout-carousel__track {
    width: 100%;
}

.multi__image__layout-carousel__track .media {
    position: relative;
    width: 100%;
    height: 56.25vw;
    max-height: 740px;
}

@media (min-width: 992px) {
    .multi__image__layout-carousel__track .media {
        height: 69vh;
    }
}

.multi__image__layout-carousel__track .media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

/* Dot navigation OVERLAID on carousel */
.slick__dots__wrap--image-only {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 0;
    background: rgba(0, 0, 0, 0.3);
    /* semi-transparent overlay */
    text-align: center;
    z-index: 2;
    pointer-events: none;
    /* allow overlay to pass clicks to carousel if needed */
}

.slick__dots__wrap--image-only ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    pointer-events: auto;
    /* enable clicks on buttons */
}

.slick__dots__wrap--image-only li {
    display: inline-block;
    margin: 0 5px;
}

.slick__dots__wrap--image-only button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #ccc;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.8;
    transition: background 0.3s ease, outline 0.2s ease;
}

/* Hover and focus styles for accessibility */
.slick__dots__wrap--image-only button:hover,
.slick__dots__wrap--image-only button:focus {
    background: #68ACE5;
    /* brighter blue for visibility */
    outline: 2px solid #ffffff;
    outline-offset: 2px;
    opacity: 1;
}

/* Active dot style */
.slick__dots__wrap--image-only .slick-active button {
    background: #002D72;
    opacity: 1;
}

.multi__image__layout-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* ==========================================================================
	Accordion
============================================================================= */
.accordion {
    margin: 1.5em 0em 1.5em 0em
}

.accordion__container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media (min-width: 576px) {
    .accordion__container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .accordion__container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .accordion__container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .accordion__container {
        max-width: 1140px;
    }
}

@media (min-width: 1600px) {
    .accordion__container {
        max-width: 1540px;
    }
}

@media (min-width: 576px) {
    .accordion__container {
        padding-right: 0;
        padding-left: 0;
    }
}

.accordion__header {
    font-family: var(--accordion-item-header-font, inherit) !important;
    font-weight: 400;
    font-size: calc(var(--accordion-item-header-font-size, 18px) * 1.5) !important;
    line-height: 45px;
    line-height: 4.5rem;
    color: var(--accordion-item-header-color, inherit) !important;
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .accordion__header {
        font-size: calc(var(--accordion-item-header-font-size, 18px) * 2) !important;
        line-height: 44px;
        line-height: 4.4rem;
    }
}

.accordion__items {
    border-top: 1px solid var(--accordion-item-button-color, #AEAEAE) !important;
}

.accordion__item {
    border-bottom: 1px solid #AEAEAE;
}

.accordion__item__header {
    font-size: var(--accordion-item-header-font, 18px) !important;
    line-height: 27px;
    line-height: 2.7rem;
    font-family: var(--accordion-item-header-font, inherit) !important;
    width: 100%;
    position: relative;
    color: var(--accordion-item-header-color, inherit) !important;
    cursor: pointer;
    display: block;
    text-align: left;
}

@media (min-width: 768px) {
    .accordion__item__header {
        font-size: calc(var(--accordion-item-header-font-size, 18px) * 1.5) !important;
        line-height: 36px;
        line-height: 3.6rem;
    }
}

.accordion__item__header:before,
.accordion__item__header:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.accordion__item__header:before {
    width: 35px;
    height: 35px;
    background: var(--accordion-item-button-color, #0D0D0D) !important;
    border-radius: 50%;
    content: "";
    display: block;
    transition: background 0.25s;
}

.accordion__item__header:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    transition: all 0.15s ease-in-out;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    font-size: rem(12px);
    right: 10px;
    color: #fff;
    font-size: 12px;
    line-height: 1px;
    transform: rotate(0deg);
    transition: transform 0.25s;
}

.accordion__item__text {
    background: var(--accordion-item-background-color) !important;
    display: none;
    padding: 1px 35px;
    font-family: var(--accordion-item-content-font, inherit) !important;
    font-size: var(--accordion-item-content-font-size, inherit) !important;
    color: var(--accordion-item-content-color, inherit) !important;
}

.accordion__item__text.active {
    display: block;
}

@media (min-width: 800px) {
    .youtube-container--responsive iframe {
        width: 800px;
        height: 450px;
    }
}

/* ==========================================================================
	File Attachments
============================================================================= */

.file-attachments__container {
    span {
        display: block;
        margin-block-start: 1rem;
    }
}

/* =================================================================================
  CKEditor Static Styles
================================================================================= */

.big-text {
    font-size: 2rem !important;
}

/* =================================================================================
  Additional Brand Styling (variables from custom module)
================================================================================= */

/* wrapped to avoid affecting admin areas */
body:not(.non-content-area) {
    #block-jhup-associations-searchform {
        text-align: var(--search-block-alignment);
    }

    p {
        line-height: var(--paragraph-text-line-spacing);
    }

    p,
    ol,
    ul {
        color: var(--paragraph-text-color);
        font-size: var(--paragraph-text-font-size);
        font-family: var(--paragraph-text-font-face);
    }

    p a {
        color: var(--paragraph-text-link-color);
    }

    p a:visited {
        color: var(--paragraph-text-link-visited-color);
    }

    p a:active {
        color: var(--paragraph-text-link-active-color);
    }

    #block-jhup-associations-main-menu {
        background-color: var(--main-nav-background-color);
        font-family: var(--main-nav-font-face);
        font-size: var(--main-nav-font-size);
    }

    #block-jhup-associations-main-menu li {
        align-items: var(--main-nav-text-alignment);
    }

    #block-jhup-associations-main-menu a {
        color: var(--main-nav-link-color);
    }

    #block-jhup-associations-main-menu a:hover {
        color: var(--main-nav-link-hover-text-color);
        background-color: var(--main-nav-link-hover-background-color);
    }

    #block-jhup-associations-mainnavigation {
        padding: .5em;
        background-color: var(--left-submenu-background-color);
    }

    #block-jhup-associations-mainnavigation li {
        background-color: var(--left-submenu-link-background-color);
    }

    #block-jhup-associations-mainnavigation li:hover {
        background-color: var(--left-submenu-link-background-hover-color);
    }

    #block-jhup-associations-mainnavigation a {
        color: var(--left-submenu-link-color);
    }

    #block-jhup-associations-mainnavigation a:hover {
        color: var(--left-submenu-link-hover-color);
    }

    footer {
        background-color: var(--footer-background-color);
    }

    footer p {
        color: var(--footer-text-color);
        font-family: var(--footer-font-face);
        font-size: var(--footer-font-size);
    }

    footer a {
        color: var(--footer-link-color);
    }

    footer a:visited {
        color: var(--footer-link-visited-color);
    }

    footer a:active {
        color: var(--footer-active-link-color);
    }


    h1 {
        color: var(--h1-color);
        font-family: var(--h1-font);
        font-size: var(--h1-font-size);
    }

    h2 {
        color: var(--h2-color);
        font-family: var(--h2-font);
        font-size: var(--h2-font-size);
    }

    h3 {
        color: var(--h3-color);
        font-family: var(--h3-font);
        font-size: var(--h3-font-size);
    }

    h4 {
        color: var(--h4-color);
        font-family: var(--h4-font);
        font-size: var(--h4-font-size);
    }

    h5 {
        color: var(--h5-color);
        font-family: var(--h5-font);
        font-size: var(--h5-font-size);
    }

    h6 {
        color: var(--h6-color);
        font-family: var(--h6-font);
        font-size: var(--h6-font-size);
    }
}