html, body
{
    font-size: 14px;
    /*font-family: 'Lato', sans-serif!important;*/
    /*font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";*/
    font-family: "Roboto", sans-serif!important;
}

h1
{
    background-color: transparent;
    color: #E87722;
    font-size: 2.143em;
    margin-top: 0px !important;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small
{
    font-weight: 400;
    line-height: 1;
    color: #777;
}

.h1, .h2, .h3, h1, h2, h3
{
    margin-top: 20px;
    margin-bottom: 10px;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small
{
    font-size: 65%;
}

.h4, .h5, .h6, h4, h5, h6
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small
{
    font-size: 75%;
}

.h1, h1
{
    font-size: 2.143em;
}

.h2, h2
{
    font-size: 1.643em;
}

.h3, h3
{
    font-size: 24px;
}

.h4, h4
{
    font-size: 18px;
}

.h5, h5
{
    font-size: 14px;
}

.h6, h6
{
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6
{
    font-family: inherit;
}

a
{
    text-decoration: none;
    color: #3988C4;
    /*font-weight: bold;*/
}

a:hover
{
    text-decoration: none;
    opacity: 0.8;
}

a.btn:hover
{
    opacity: 1;
}

.extLink
{
    content: '';
    background-image: url('/images/ext-link.svg');
    /*background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8' standalone='no' ?%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='150' height='150' viewBox='245 275 600 600' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 5.2.4%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='93b22939-cd10-4507-b5d5-e62bf0c14c88' %3E%3Crect fill='currentColor' style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill-rule: nonzero; opacity: 1; visibility: hidden;' vector-effect='non-scaling-stroke' x='-540' y='-540' rx='0' ry='0' width='150' height='150' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='b08a0a28-3fbd-4653-9f58-f7d430651516' %3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='7d7450ed-36a2-48e0-a841-b0e2e062f930' %3E%3Cpath fill='currentColor' stroke='currentColor' style='stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' transform=' translate(-288, -240)' d='M 576 24 L 576 151.98399999999998 C 576 173.445 550.04 183.96399999999997 535.029 168.95499999999998 L 499.322 133.24599999999998 L 255.799 376.769 C 246.42600000000002 386.142 231.231 386.142 221.858 376.769 L 199.231 354.142 C 189.858 344.769 189.858 329.573 199.231 320.201 L 442.756 76.676 L 407.053 40.971000000000004 C 391.982 25.9 402.656 0 424.024 0 L 552 0 C 565.255 0 576 10.745 576 24 z M 407.029 270.794 L 391.029 286.794 C 386.5280869806103 291.2949895782882 383.9996581997745 297.39969363854783 384 303.765 L 384 448 L 64 448 L 64 128 L 328 128 C 334.36487244866686 127.99963722783228 340.46900658788473 125.47129551512975 344.97 120.971 L 360.97 104.971 C 376.089 89.851 365.381 64 344 64 L 48 64 C 21.49 64 0 85.49 0 112 L 0 464 C 0 490.51 21.49 512 48 512 L 400 512 C 426.51 512 448 490.51 448 464 L 448 287.764 C 448 266.382 422.148 255.674 407.029 270.794 z' stroke-linecap='round' /%3E%3C/g%3E%3C/svg%3E");*/
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    margin-left: 0.2em;
    width: 15px;
    height: 15px;
    /* color: #000000; */
    /*filter: invert(30%) sepia(84%) saturate(1577%) hue-rotate(184deg) brightness(94%) contrast(101%);*/
}

.headerNavLinks[role=navigation] .extLink
{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(292deg) brightness(104%) contrast(104%);
}

.headerNavLinks:not([role=navigation]) .extLink
{
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(98%) contrast(105%);
}

.headerNavLinks[role=navigation] .nav-item:hover .extLink
{
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(13deg) brightness(98%) contrast(105%);
}

.btn .extLink
{
    filter: brightness(0) invert(1);
}

@media (min-width: 768px)
{
    html, body
    {
        font-size: 16px;
    }
}

html
{
    position: relative;
    min-height: 100%;
}

body
{
    /*margin-bottom: 60px;*/
}

/*.container
{
    max-width: 960px !important;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;*/
/*padding-top: 175px;*/
/*}*/

.footer .container
{
    text-align: center;
    white-space: normal;
    color: #212529;
}

.footer .container p
{
    margin-bottom: 10px;
    line-height: 18px;
}

.footerLogoContainer
{
    max-width: 155px;
}

.footerLogoContainer a
{
    display: flex;
}

.sr-only
{
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.shareContainer
{
    text-align: center;
}

.shareList
{
    display: inline-flex;
}

.shareList li
{
    padding-left: 9px;
    padding-right: 9px;
}

.shareList li a
{
    color: #0057b8;
}

/*ul
{
    list-style: none;
}*/
ul.navbar-nav li.nav-item
{
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
}

ul.navbar-nav li.nav-item a.active
{
    font-weight: 700;
}

.headerLogoSearchContainer
{
    display: inline-block;
    width: 100%;
    padding: 15px 0px 0px 0px;
    position: sticky;
    position: -webkit-sticky;
    z-index: 99999;
    background-color: #ebebeb;
    top: 0px;
}

.headerLogoSearchContainerTopRow
{
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    padding: 0px 25px 0px 25px;
}

.headerLogoRightResponsive
{
    flex-grow: 1;
}

.headerLogoContainer
{
    display: inline-flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    width: 100%;
}

.headerLogoContainer img
{
    max-width: 100%;
}

.headerLogoContainer.mobile div.cart
{
    margin-right: 0px;
}

.headerLogoContainer.wide
{
    display: none;
}

.headerLogoMenuContainer,
.simpleSearchMenuBtnContainer
{
    background-image: url('/images/menu-hamburger.png');
    background-repeat: no-repeat;
    min-width: 50px;
    width: 50px;
    height: 50px;
    background-size: contain;
    padding: 10px;
    background-clip: content-box;
    border: none;
    background-color: transparent;
}

.headerLogoMenuContainer:hover,
.simpleSearchMenuBtnContainer:hover
{
    /*background-image: url('/images/menu-hamburger-hover.png');*/
    cursor: pointer;
}

.headerLogoMenuContainer.close
{
    background-image: url('/images/menu-close.png');
    float: right;
    margin-right: 10px;
}

.headerLogoMenuContainer.close:hover
{
    /*background-image: url('/images/menu-close-hover.png');*/
    cursor: pointer;
}

.headerSearchContainer
{
    text-align: center;
}

.headerSearchContainer .ui-autocomplete
{
    width: 400px;
}

.headerRightSideActionItems
{
    /*float: right;*/
    margin-top: 10px;
    /*margin-right: 20px;*/
    display: inline-flex;
    flex-direction: column;
    width: 100%;
}

.navBarLogo
{
    width: 100%;
    min-height: 65px;
}

.headerNavLinks
{
    display: none;
    flex-direction: row-reverse;
    padding-right: 8px;
}

.headerHorizontalLine
{
    margin: 0;
}

.headerNavLinks ul.navbar-nav
{
    padding-top: 5px;
}

.headerNavLinks.fullWidthMenu .navbar-nav
{
    font-size: 22px;
}

.belowHeaderNavLinks .navbar-nav
{
    font-size: 14px;
}

.headerNavLinks .navbar-nav,
.belowHeaderNavLinks .navbar-nav
{
    display: inline-flex;
    flex-direction: row;
    /*padding-right: 29px;*/
    justify-content: flex-end;
}

.headerNavLinks .navbar-nav .nav-link,
.belowHeaderNavLinks .navbar-nav .nav-link
{
    /*padding-right: 15px;*/
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.belowHeaderNavLinks .navbar-nav .nav-link
{
    font-size: 16px;
    color: black;
}

.headerNavLinks .navbar-nav li:not(:last-child)::after,
.belowHeaderNavLinks .navbar-nav li:not(:last-child)::after
{
    /*content: "|";
padding-left: 9px;*/
}

.headerNavLinks .navbar-nav li.nav-item,
.belowHeaderNavLinks .navbar-nav li.nav-item
{
    /*display: inline-flex;
align-content: center;
align-items: center;
justify-content: center;*/
}

.headerNavLinks .navbar-nav li.nav-item a,
.belowHeaderNavLinks .navbar-nav li.nav-item a
{
    padding-left: 5px;
    padding-right: 5px;
}

.headerNavLinks .navbar-nav a.nav-link:hover,
.belowHeaderNavLinks .navbar-nav a.nav-link:hover
{
    opacity: 1 !important;
}

.headerLinkMoreExpand
{
    transform: rotate(90deg);
    display: inline-block;
    margin-left: 3px;
}

.moreMenuContainer
{
    position: absolute;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    transition: 2s cubic-bezier(0.5, 0, 0.67, 1.2);
}

.belowHeaderNavLinks
{
    display: inline-flex;
    flex-direction: row;
    padding: 20px 20px 20px 20px;
    border-left: 1px solid rgb(33 37 41 / 25%);
    border-right: 1px solid rgb(33 37 41 / 25%);
    border-bottom: 1px solid rgb(33 37 41 / 25%);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #FFFFFF;
    z-index: 99999;
    box-shadow: 1px 3px 4px 1px rgb(0 0 0 / 20%);
}

.headerNavLinks ul.navbar-nav li.nav-item a
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.headerNavLinks ul.navbar-nav li.nav-item a,
.headerNavLinks ul.navbar-nav li.nav-item a:after,
.headerNavLinks ul.navbar-nav li.nav-item a:before,
a.advancedSearchLink,
a.advancedSearchLink:after,
a.advancedSearchLink:before,
.belowHeaderNavLinks ul.navbar-nav li.nav-item a,
.belowHeaderNavLinks ul.navbar-nav li.nav-item a:after,
.belowHeaderNavLinks ul.navbar-nav li.nav-item a:before
{
    transition: all .2s;
}

.headerNavLinks ul.navbar-nav li.nav-item a,
a.advancedSearchLink,
.belowHeaderNavLinks ul.navbar-nav li.nav-item a
{
    position: relative;
    z-index: 1;
    text-align: center;
}

.headerNavLinks ul.navbar-nav li.nav-item a:after,
.headerNavLinks ul.navbar-nav li.nav-item .navItemExpandContainer:after,
a.advancedSearchLink:after,
.belowHeaderNavLinks ul.navbar-nav li.nav-item a:after
{
    /*display: block;*/
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    background: #DDDDDD;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

/*   .headerNavLinks ul.navbar-nav li.nav-item a:hover:after,
.headerNavLinks ul.navbar-nav li.nav-item .navItemExpandContainer:hover:after,*/
a.advancedSearchLink:hover:after,
.belowHeaderNavLinks ul.navbar-nav li.nav-item a:hover:after
{
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.navbar-toggler
{
    border: thin solid rgb(148 181 217);
}

.navbar-toggler-icon
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    color: rgb(148 181 217);
}

#mainNav
{
    font-size: 18px;
}

#mainNav ul li a, #nav ul li span
{
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #696969;
    text-decoration: none;
    border-radius: 6px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    text-align: center;
    display: inline-block;
}

#mainNav ul li > ul
{
   /* display: none;*/
}

#mainNav ul li:hover a, #nav ul li:hover span
{
    background: #fff;
}

#mainNav ul li.active a, #nav ul li.active span
{
    background: #fff;
}

#mainNav ul li.current a
{
    background: #444;
    color: #fff;
}

#mainNav .btn-close
{
    max-width: 75px;
    font-size: 20px;
}

#mainNav .offcanvas.show
{
    text-align: right;
    font-size: 30px;
    line-height: 50px;
}

#mainNav .offcanvas.show .simpleSearchContainer input
{
    max-height: 50px; 
    font-size: 24px;
}

#mainNav .offcanvas.show .simpleSearchContainer .simpleSearchIconContainer
{
    margin-left: -34px;
    max-height: 50px;
}

#mainNav .offcanvas.show .simpleSearchContainer .simpleSearchBtn
{
    line-height: 50px;
    padding: 0px 8px;
}

#mainNav .offcanvas.show .simpleSearchContainer .simpleSearchBtn svg
{
    margin-top: -10px;
}

.headerSimpleSearchContainer
{
    padding-left: 15px;
    display: flex;
    align-items: center;
}

.headerNavLinks.fullWidthMenu
{
    margin-top: 10px;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    width: 100%;
    padding-right: unset !important;
    background-color: #ebebeb !important;
}

    .headerNavLinks.fullWidthMenu .navbar-nav
    {
        padding-top: 0px !important;
        padding-right: unset !important;
        justify-content: center;
        background-color: #ebebeb !important;
        border-top: thin solid;
    }

        .headerNavLinks.fullWidthMenu .navbar-nav li a
        {
            color: black !important;
        }

        .headerNavLinks.fullWidthMenu .navbar-nav a.nav-link:hover
        {
            /*color: black!important;*/
        }

.headerNavLinks .dropdown-menu
{
    background-color: #98a4ae !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: -1px;
    border-top: none;
}

.cartCounter.wide
{
    display: none;
}

.advancedSearchBtnLinkContainer
{
    padding: 0px !important;
    margin: 0px 5px;
    white-space: nowrap;
}

    .advancedSearchBtnLinkContainer ul
    {
        padding: 0px !important;
    }

    .advancedSearchBtnLinkContainer a
    {
        padding: 6px 5px !important;
    }

.advancedSearchLink
{
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
}

a.advancedSearchLink:hover,
nav:not(.journals-list-group) ul.navbar-nav li.nav-item a:not(.dropdown-item):hover
{
    /*background-color: #EEEEEE;*/
    /*border: 1px solid #DDDDDD;*/
    border-radius: 4px;
    /*margin-top: -1px;
    margin-bottom: -1px;
    margin-right: 3px;
    margin-left: 3px;*/
    padding-left: 5px;
    padding-right: 5px;
}

a.advancedSearchLink:hover
{
    /*margin-right: 13px;*/
    /*margin-left: 13px;*/
    opacity: 1 !important;
}

.headerFloatingSearchContainer
{
    /*display: none;*/
    position: fixed;
    width: 100%;
    background-color: #FFFFFF;
    top: 0;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    z-index: 9999;
}

.sideNav
{
    height: 100%;
    width: 300px;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    color: #0057b8;
    /* background-color: #98A4AE; */
    background-color: #FFF;
    overflow-x: hidden;
    padding-top: 10px;
    transition: 0.5s;
    /*border-right: 0px;*/
    /*border-bottom: 2px solid;*/
    /*border-top: 2px solid;*/
    /* margin-top: 20px; */
    /* padding-bottom: 173px; */
    margin-bottom: 20px;
    /*border-top-right-radius: 10px;*/
    /*border-bottom-right-radius: 10px;*/
    box-shadow: 0 0 10px #85888c;
    margin-left: -320px;
}

    .sideNav ul li a
    {
        text-decoration: none;
        color: #337AB7;
        opacity: 1;
        font-size: 1.8em;
        font-weight: 400;
        transition: 200ms;
        white-space: nowrap;
    }

        .sideNav ul li a:hover
        {
            text-decoration: none;
            /*color: #0057b8;*/
            opacity: 0.5;
        }

    .sideNav ul li:not(:last-child) a
    {
        /*border-bottom: 1px solid;*/
    }

ul.sideNavUl
{
    list-style: none;
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
}

.sideNavOverlay
{
    width: 0;
    height: 100%;
    background-color: #EEEEEE;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 40%;
    z-index: 999998;
}

.userAccountSection
{
    border-top: 1px solid #337AB7;
    margin-top: 10px;
    padding-top: 10px;
}

.btn
{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 4px;
    font-size: 12px;
    line-height: 1;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus
    {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus
    {
        /*color: #333333;*/
        text-decoration: none;
    }

    .btn:active,
    .btn.active
    {
        outline: 0;
        background-image: none;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn
{
    cursor: not-allowed;
    pointer-events: unset;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btnSubmit
{
    background-color: #E87722;
    border: 1px solid #E87722 !important;
}

    .btnSubmit:hover
    {
        background-color: #cf671e;
    }

input[type="button"].btn, input[type="submit"].btn, input.btn
{
    margin-left: 2px;
    margin-right: 2px;
}

.footer
{
    font-size: 14px;
    color: #428bca;
}

    .footer a
    {
        text-decoration: none;
        color: #428bca;
    }

.footerBtn
{
    font-size: 12px !important;
    padding: 6px !important;
}

.notLoggedIn
{
    color: #E87722;
    font-size: 14pt;
    text-align: center;
}

.notFoundHeader
{
    color: #E87722;
    font-size: 14pt;
    text-align: center;
}


.login-container
{
    width: 300px;
}

.btn-primary
{
    background-color: #428bca;
    padding: 5px;
    font-size: 14px
}

.text-danger:not(.toast)
{
    height: 30px;
    display: block;
    padding: 1px;
}

.headerWelcomeMessageContainer
{
    position: absolute;
    top: 5px;
    right: 10px;
}

.fullWidthContent
{
    width: 100%;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.fullWidthThreeCol
{
    max-width: 100%;
    padding: 15px;
}

.fullWidthContent .thumbnail
{
    /*height: 400px !important;
    min-height: 300px !important;
    max-height: 500px !important;*/
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    height: 100%;
    position: relative;
}

.img-responsive
{
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

.caption
{
    padding: 10px;
    position: relative;
}

.pull-right
{
    position: absolute;
    right: 15px;
}

.pull-down
{
    position: absolute;
    bottom: 15px;
}

.slickContainer
{
    /*padding-left: 60px;*/
    /*padding-right: 60px;*/
}

.moreMenuContainer
{
    display: none;
}

    .moreMenuContainer.active,
    .moreMenuContainer:hover
    {
        display: inline-flex;
    }

.accountMenu
{
    flex-direction: column;
    position: relative;
}

.accountMenuContainer
{
    border: 2px solid #DDDDDD;
    border-radius: 4px;
    padding: 3px 10px;
    margin-left: -15px;
    background-color: #fff;
    position: relative;
}

.accountMenuToggleContainer
{
    display: inline-flex;
    flex-direction: row;
}

    .accountMenuToggleContainer:hover
    {
        cursor: pointer;
    }

.accountMenuExpand,
.accountMenuCollapse
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: unset;
    width: 12px;
    margin-left: 10px;
}

.accountMenuExpand,
.accountMenuCollapse,
.accountMenuContent
{
    display: none;
}

    .accountMenuExpand.active,
    .accountMenuCollapse.active,
    .accountMenuContent.active
    {
        display: unset;
    }

.accountMenuExpand
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAzklEQVRoge3ROw7CMBCE4REFMrdNyb0okpwOGkYJFlYSx49dmF/azsV8MqCUUkoppVp26T1gR5sbrwAeAO71t2Q3AJgA3FIPiHi+zyJmwLJvRgITQ6xh1ghCQuqxVcwhBLOGyUIwK5hTCNYbUwTBemGKIlhrTBUEa4WpimC1MU0QrBamKYKVxnRBsFKYrgh2FmMCwXIxphDsKMYkgu3FmEawLYwLBEthXCFYADDic/j6RjhAsG8/4+Yn4mKMSwQjxjWCBfwAQimllFLqn3sB3HSxLkcapNkAAAAASUVORK5CYII=');
}

.accountMenuCollapse
{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAABeklEQVR4nO3bTWrDMBCA0dn2EiX0Ztn10C2hB+nPohlIS+LYjmzJ1nuglcEYfQy2Fo4AAAAAAAAAAAAAmnc4LxrwHBHvEfERES+Vn6V7GeP7vESp6H8MUSq6FUOUCu7FEGVFY2OIsoKpMURZ0CEiTnF70z/P69b1UzinFHNvMr4i4jUijjEcxaQUMDZGEmVBU2MkURYwN0YSpaBHYyRRCigVI4nygNIxkigzLBUjiTLB0jGSKCOsFSOJMmDtGEmUK2rFSKJcqB0jiRLtxEhdR2ktRuoySqsxUldRWo+RuoiylRhp11G2FiPtMspWY6RdRdl6jLSLKHuJkTYdZW8x0iaj7DVG2lSUvcdIm4jSS4zUdJTeYqQmo/QaIzUVpfcYqYkoYvxVNYoY11WJIsawVaOIMc4qUcSYZtEoYsyzSBQxHlM8ylAQMcYZilJsSsSY5lqUYu8RMea5jFLsS+stxHjEMX7/lS92FnkqdaOO2UMAAAAAAAAAAAD4ASnrxLUxw4sWAAAAAElFTkSuQmCC');
}

.accountMenuContent
{
    box-sizing: border-box;
    list-style-type: none;
    padding-left: unset;
    position: absolute;
    left: 0px;
    top: 20px;
    background: #fff;
    border-left: 2px solid #DDDDDD;
    border-right: 2px solid #DDDDDD;
    border-bottom: 2px solid #DDDDDD;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -2px;
    margin-top: 5px;
    width: calc(100% + 4px);
    z-index: 9999;
}

    .accountMenuContent li:first-child
    {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 2px solid #DDDDDD;
    }

    .accountMenuContent li
    {
        margin: 0px 5px;
    }

ul.accountMenuContent li a
{
    text-align: left !important;
    padding-left: unset !important;
}

ul.accountMenuContent li::after
{
    content: "" !important;
    padding-left: unset !important;
}

ul.accountMenuContent li a:hover,
ul.accountMenuContent li a:after
{
    background-color: unset !important;
}

ul.accountMenuContent .accountMenuDivider
{
    border-top: 1px solid #DDDDDD;
}

.imageSaleRibbonWrapper,
.imagePreorderRibbonWrapper
{
    position: relative;
}

.imageSaleRibbon,
.imagePreorderRibbon
{
    display: inline-block;
    padding: 2px 15px;
    position: absolute;
    left: -5px;
    bottom: 10px;
    line-height: 22px;
    height: 24px;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
    border-radius: 0;
    text-shadow: none;
    /* font-weight: normal; */
    color: #fff;
    font-weight: bold;
}

.imageSaleRibbon
{
    font-size: 16px;
    padding: 2px 15px;
    background-color: #f7955b !important;
}

.imagePreorderRibbon
{
    font-size: 13px;
    padding: 2px 8px;
    background-color: #0cb7e1 !important;
}

li.list .imageSaleRibbon,
li.list .imagePreorderRibbon
{
    line-height: 16px !important;
    height: 20px !important;
    font-size: 12px !important;
}

.imageSaleRibbon:after,
.imagePreorderRibbon:after
{
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    border: 9px solid transparent;
    border-width: 12px 8px;
    border-right-color: transparent !important;
    right: -9px;
}

.imageSaleRibbon:after
{
    border-left-color: #f7955b;
    border-color: #f7955b;
}

.imagePreorderRibbon:after
{
    border-left-color: #0cb7e1;
    border-color: #0cb7e1;
}

li.list .imageSaleRibbon:after,
li.list .imagePreorderRibbon:after
{
    border-width: 10px 8px !important;
}

.hidden,
.hiddenLabel
{
    display: none!important;
}

#contentContainer
{
    /*padding: 10px;*/
}

    #contentContainer .horizontalLine a:hover
    {
        opacity: 1;
    }

#sharethis-button-container
{
    padding-bottom: 20px;
}

.siteMessageAlert.alert-info
{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.siteMessageAlert .alert-dismissable .close, .siteMessageAlert .alert-dismissible .close
{
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.siteMessageAlert button.close
{
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.siteMessageAlert .close
{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.siteMessageAlert.alert
{
    padding: 15px;
    margin: 15px 10px 0px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    width: auto;
}

.siteMessageAlert p
{
    margin: 0;
}

.homepageBannerWide
{
    display: none;
}

.productBrowseLeftMenuAdSpace
{
    display: inline-flex;
    justify-content: center;
    flex-direction: row;
    width: 100%;
}

.adSpaceContainer
{
    /*max-width: -webkit-fill-available;*/
    padding-top: 10px;
    display: block;
    max-width: 100%;
}

.adSpaceLink
{
    max-width: inherit;
}

.adSpaceImage
{
    max-width: 100%;
    /*display: inline-block!important;*/
}

.adSpaceItemContainer
{
    max-width: 100%;
    display: block !important;
}

.slick-slide img
{
    /*width: auto;*/
    max-width: 100%;
}

#newpubs a:not(.itemtitle):hover
{
    opacity: 1;
}


li.submenu ul.dropdown-menu[data-bs-popper]
{
    border-width: 0;
    padding-top: 0;
    padding-bottom: 1em;
}

    li.submenu ul.dropdown-menu[data-bs-popper] li
    {
        margin-left: 1.5em;
    }

li.submenu > a.dropdown-toggle.show::after
{
    transform: rotate(90deg);
}

li.submenu.dropinline > a.dropdown-toggle.show::after
{
    transform: rotate(0deg);
}

li.submenu.dropinline > a.dropdown-toggle::after
{
    transform: rotate(-90deg);
}

li.submenu.dropstart > a.dropdown-toggle::before
{
    display: none;
}

li.submenu.dropstart > a.dropdown-toggle::after
{
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
    color: transparent;
}

.badge
{
    background-color: #777;
}

.btn-primary
{
    background-color: #0057b8;
    border-top-right-radius: 0.25rem;
    border: none;
    border-bottom-right-radius: 0.25rem;
    fill: #FFFFFF;
    line-height: 3.4;
    padding: 0px 20px;
}

    .btn-primary.light
    {
        color: #0057b8;
        border: thin solid #0057b8;
        background-color: #FFFFFF;
    }

        .btn-primary.light:hover
        {
            color: #FFFFFF;
            ;
            border: thin solid #0057b8;
            background-color: #0057b8;
        }

    .btn-primary:hover
    {
        box-shadow: inset 0 3px 5px rgb(0 0 0 / 25%);
    }

.nav-link
{
    color: #212529;
}

    .nav-link:not(.noHover):hover
    {
        /*background-color: #EEE;*/
        color: #212529;
    }

/*.dropdown-menu li
{
    position: relative;
}

.dropdown-menu .dropdown-submenu
{
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left
{
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu
{
    display: block;
}

.dropdown-hover:hover > .dropdown-menu-hover
{
    display: block;
}

.dropdown-hover > .dropdown-toggle:active
{*/
/*Without this, clicking will make it sticky*/
/*pointer-events: none;
}*/

/*.navbar-nav li:hover > ul.dropdown-menu
{
    display: block;
}

.dropdown-submenu
{
    position: relative;
}

.dropdown-submenu > .dropdown-menu
{
    top: 0;
    left: 100%;
    margin-top: -6px;
}*/

/* rotate caret on hover */
/*.dropdown-menu > li > a:hover:after
{
    text-decoration: underline;
    transform: rotate(-90deg);
} */

nav.mainMenuNav ul li ul
{
    display: none;
}

/*nav.mainMenuNav ul li:hover > ul,*/
nav.mainMenuNav ul li > ul.expanded,
/*nav.mainMenuNav li.has-submenu:hover > ul,*/
nav.mainMenuNav li.has-submenu > ul.expanded
{
    display: block;
}

nav.mainMenuNav .has-submenu
{
    position: relative;
    background-color: #ebebeb !important;
}

nav.mainMenuNav .has-submenu > ul
{
    display: none;
    position: absolute;
    left: 0px;
    right: 0;
    top: 100%;
    list-style: none;
    padding-left: 5px;
    width: max-content;
    font-size: 16px;
    text-align: center;
    border: thin solid #DDDDDD;
    border-radius: 4px;
    background-color: #ebebeb !important;
    margin-top: -10px;
    line-height: 16px;
}

nav.mainMenuNav .has-submenu > ul li ul
{
    margin-top: 10px;
}

nav.mainMenuNav .has-submenu > ul li > ul
{
    background-color: #ebebeb !important;
    display: none;
    position: absolute;
    left: 100%;
    right: 0;
    top: 0;
    list-style: none;
    padding-left: 5px;
    width: max-content;
    max-width: 400px;
    text-align: left;
}

/*nav.mainMenuNav .has-submenu > ul li > ul*/

nav.mainMenuNav li.has-submenu > ul li a
{
    font-size: 16px;
}

nav.mainMenuNav li.has-submenu,
nav.mainMenuNav li.has-submenu a
{
    text-align: left !important;
}

.navItemExpandContainer
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 8px;
}

.navItemExpandButton
{
    border: none;
    float: right;
    position: relative;
    overflow: hidden;
    background-color: #ebebeb !important;
    height: 16px;
    width: 16px;
}

.navItemExpandButton::after
{
    content: ".";
    position: absolute;
    height: 16px;
    width: 16px;
    top: 0;
    left: 0;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23FFFFFF"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
    transition: transform .2s ease-in-out;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
}

nav.mainMenuNav ul li:hover > .navItemExpandContainer .navItemExpandButton:not(.dropright)::after,
nav.mainMenuNav ul li > .navItemExpandContainer .navItemExpandButton.expanded:not(.dropright)::after
{
    transform: rotate(-180deg);
}

nav.mainMenuNav ul li:hover > .navItemExpandContainer .navItemExpandButton.dropright::after,
nav.mainMenuNav ul li > .navItemExpandContainer .navItemExpandButton.expanded.dropright::after
{
    transform: rotate(-270deg);
}

.navItemExpandButton.dropright::after
{
    transform: rotate(-90deg);
    width: 24px;
}

h2.accordion-header
{
    margin-top: unset;
}

h2.accordion-header .accordion-button:not(.collapsed)
{
    color: white;
}

h2.accordion-header .accordion-button
{
    font-size: 24px;
    color: white;
    font-weight: 700;
}

.accordion-button
{
    background: #446386;
}

.accordion.leftArrow .accordion-button::after
{
    background-image: unset;
}

.accordion.leftArrow .accordion-button::before
{
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 5px;
    content: "";
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23FFFFFF"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion.leftArrow .accordion-button:not(.collapsed)::before
{
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23FFFFFF"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
    transform: rotate(-180deg);
}

.accordion-button:focus
{

}

.pubsHomeUpcomingSection section
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.grid-container
{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-container > a
{
    text-align: center;
}

*
{
    box-sizing: border-box;
}

/*

-=-=- NAVIGATION BAR -=-=-

*/
.journalsHome h2.headerInfo
{
    /*font-size: 16px;*/
    margin: 0 0 2.0rem 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.journalsHome article
{
    font-size: 14px;
}

.journalsHome div.headerText
{
    margin: 0 0 3rem 0;
    margin-bottom: 10px;
    font-size: 24px;
    width: 90%;
    max-width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.journalsHome h3.headerText
{
    margin-bottom: 10px;
    width: 90%;
    max-width: calc(100% - 6rem);
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.journalsHome div.headerText a
{
    color: white;
    font-weight: bold;
}

.journalShortCuts
{
    background-color: #192024;
    font-size: 1.0em;
    margin-bottom: 15px;
    color: white;
    border: none;
    flex: auto;
}

.journalsHome .tab-content .tab-pane.active
{
    color: rgb(33, 37, 41);
}

.journalsHome .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active
{
    color: #495057;
    background-color: #192024;
    border-color: #FFF;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 3px solid #84beed;
}

.journalsHome .nav-tabs .nav-item
{
    padding: 0px;
}

.journalsHome .nav-tabs .nav-item button:focus
{
    border: thin solid white;
}

.journalsHome .nav-tabs .nav-item .nav-link
{
    color: white;
    background-color: #192024;
    border-color: #FFF;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px;
    padding: 1.0em 1.5em;
    margin-bottom: 0px;
    font-size: 1.35em;
    font-weight: 800;
}

.journalsHome .nav-tabs .nav-item .nav-link.active
{
    color: #192024;
    background-color: white;
}

.journalsHome .row > *
{
    /*padding-top: 12px;
    padding-bottom: 12px;*/
}

.row .journalsHome
{
    padding: 0px;
}

.row:has(> .journalsHome)
{
    --bs-gutter-x: 0px;
}

.journalHomeHeader
{
    padding: 2rem 0 2rem 0;
    text-align: center;
}

.journalHomeHeader a
{
    color: inherit;
}

.journalShortCuts.ebooksHomeTabs
{
    padding: 20px 20px 0px 20px;
    margin-top: 15px;
    flex-direction: column;
    align-items: center;
}

.ebooksHomeTabs > li
{
    /*width: 25%;*/
    display: flex;
    justify-content: center;
}

.ebooksHomeTabs > li a
{
    text-align: center;
}

.ebooksHomeUl2Col
{
    columns: 1; /* 2 col on larger screens*/
    list-style: none;
    line-height: 18px;
}

.ebooksHomeUl2Col li
{
    margin-bottom: 15px;
}

a.ebooksHomeBtn
{
    font-size: 20px;
    color: #fff;
    background-color: #212529;
    border-color: #212529;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    border-radius: 0.25rem;
    width: unset;
}

a.ebooksHomeBtn:hover
{
    color: #fff;
}

/*
#header-nav .container {
	max-width: max-content;
}
*/
.navlink
{
    display: inline-block;
    color: #C9C9C9;
    padding: 10px;
    padding-bottom: 10px;
    background: linear-gradient(white, white) bottom /100% 0px no-repeat;
    transition: 0.2s all;
}

.navlink:hover
{
    color: #FFF;
    text-decoration: none;
    background-size: 100% 4px;
}

#journalTypeTabContent
{
    padding-bottom: 40px;
}

.panelSeries
{
    display: inline-flex;
    padding: 15px;
    border: thin solid #DDD;
    border-radius: 4px;
    background-color: #F1ECE3;
    height: 100%;
}

.panelSeries h2
{
    font-weight: 700;
}

.panelSeriesName
{
    font-weight: bold;
}

.panelSNN
{
    font-size: 12px;
}

.panelSNNContainer
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.panelJournalISSN
{
    font-size: 14px;
    line-height: 16px;
    
}

div.inner div.panelJournalISSN:first-of-type
{
    padding-top: 20px;
}

div.inner :nth-last-child(1 of div.panelJournalISSN)
{
    padding-bottom: 20px;
}

.panelMCQ
{
    font-size: 14px;
}

.panelMCQ span
{
    background-color: #e1f0ff;
    border-radius: 50rem !important;
    padding: .35em .65em;
    font-weight: 700;
}

.panelJournalImage
{
    margin-bottom: 40px;
}

.panelSeriesImage
{
    max-height: 300px;
    min-height: 300px;
    width: unset;
}

.pubsHomepage .searchContainer
{
    /*background-image: url(/images/abstract-background.jpg);*/
    /*background-image: url('https://images.unsplash.com/photo-1529753253655-470be9a42781?q=80&w=387&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');*/
    /*background-image: url('/images/bw_bookshelf.jpg');*/
    /*background-image: url('/images/browse_bookshelf.jpg');*/
    background-image: url('/images/browse_bookshelf_dark.jpg');
    /*opacity: .75;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pubsHomepage .carouselWrapper .row > *
{
    padding: 5px 20px 15px 20px;
    margin-top: 0px;
}

.pubsHomepage .row .slick-slide > div
{
    background-color: #F3F3F7;
    /*border: thin solid #ddd;*/
    height: 100%;
    /*border-radius: 30px;*/
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.04), 1px 1px 2px 0px rgba(0, 0, 0, 0.04), 4px 3px 4px 0px rgba(0, 0, 0, 0.03), 8px 6px 6px 0px rgba(0, 0, 0, 0.02), 14px 11px 7px 0px rgba(0, 0, 0, 0.01), 22px 17px 8px 0px rgba(0, 0, 0, 0)
}

.pubsHomepage .carouselLarge:not(.carouselArticle) .row .slick-slide > div
{
    max-width: 340px;
}

.pubsHomepage .carouselArticle .row .slick-slide > div
{
    background-color: white;
    /*border: thin solid #ddd;*/
    height: 100%;
    border-radius: 0px;
    box-shadow: none;
    border-left: 4px solid #D46300;
}

.pubsHomepage .row .slick-slide .col
{
    padding: 20px;
    height: 100%;
}

.pubsHomepage .carouselArticle .row .slick-slide .col
{
    padding: 0px 10px 10px 10px;
}

.pubsHomepage .carouselWrapper .row .slick-slide .col a:not(.itemtitle)
{
    background-color: #F3F3F7;
    display: flex;
    /*justify-content: center;*/
}

.pubsHomepage .carouselWrapper .row .slick-slide .col img
{
    max-height: 350px;
    width: unset;
}

.pubsHomepage .carouselWrapper .row .slick-slide .col .itemtitle
{
    color: #192024;
    padding: 20px 0px 15px 0px;
    height: 100%;
    text-decoration: none;
    line-height: 25px;
    background-color: #F3F3F7;
    font-size: 16px;
    font-weight: bold;
}

.pubsHomepage .carouselWrapper .row .slick-slide .col .card,
.pubsHomepage .carouselWrapper .row .slick-slide .col .productBrowseAuthorRow
{
    color: #192024;
    background-color: #F3F3F7;
}


li.hiddenBar
{
    display: none !important;
}

.journalAccessContainer
{
    position: relative;
    display: inline-block;
}

.journalAccess
{
    position: absolute;
    right: -10px;
    bottom: -10px;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.journalAccess.diamond
{
    background-image: url(/images/access-diamond.png);
}

.journalAccess.green
{
    background-image: url(/images/access-green.png);
}

.journalAccess.gold
{
    background-image: url(/images/access-gold.png);
}

.toastContainerTopRight
{
    position: sticky;
    position: -webkit-sticky;
    z-index: 99999;
}

.pageLoadingPanel
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    background-color: #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: inherit;
    z-index: 9999;
}

.pageLoadingPanel.containedToParent
{
    position: absolute;
}

.pageLoadingPanel.relative
{
    position: relative;
}

.pageLoadingPanel.hideContents
{
    opacity: 1;
    z-index: 100;
}

.jmodal.pubsModal
{
    display: inline-flex !important;
    max-width: 400px;
    flex-direction: column;
    justify-content: space-between;
}

.pubsModalInfoContainer
{

}

.pubsModalTextContainer
{
    font-size: 32px;
    text-align: center;
    line-height: 36px;
}

.pubsModalButtonContainer
{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.pubsModalButtonContainer button
{
    min-width: 40%;
}

/* ebooksHome accordion */

.responsive-tabs
{
    padding: 1rem;
}

.responsive-tabs .nav-tabs
{
    display: none;
}

.responsive-tabs .tab-content
{
    padding-bottom: 20px;
}

    .responsive-tabs .tab-content .tab-pane
    {
        border: 0px;
    }

    .responsive-tabs .tab-content .tab-pane .card-header
    {
        padding: 0px;
        border-bottom: 0px;
    }

.responsive-tabs .tab-content .tab-pane button
{
    background-color: #192024;
    border-radius: 0px;
    border-bottom: thin solid white;
}

.responsive-tabs .tab-content .tab-pane button
{
    color: white;
    background-color: #192024;
    border-color: #FFF;
    padding: 1.0em 1.5em;
    margin-bottom: 0px;
    font-size: 1.35em;
    font-weight: 800;
}

.responsive-tabs .tab-content .tab-pane button
{
    text-decoration: none;
    display: flex;
}

.responsive-tabs .tab-content .tab-pane button.accordion-button::after
{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' stroke='%23ffffff' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5l6 6 6-6'/%3e%3c/svg%3e");*/
}

.responsive-tabs .tab-content .tab-pane button span
{
    white-space: normal;
}

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

    .responsive-tabs .card
    {
        border: none;
    }

    .responsive-tabs .card-header
    {
        display: none;
    }

    .responsive-tabs .collapse
    {
        display: block;
    }
}

@media (max-width: 767px)
{
    .responsive-tabs .tab-pane
    {
        display: block !important;
        opacity: 1;
    }
}

/* end ebooksHome accordion*/

@media (min-width: 768px)
{
    /* common styles */
    li .submenu-md ul.dropdown-menu[data-bs-popper]
    {
        border-width: thin;
        padding-top: var(--bs-dropdown-padding-y);
        padding-bottom: var(--bs-dropdown-padding-y);
        margin-top: -0.5em;
    }

    li.submenu-md ul.dropdown-menu[data-bs-popper] li
    {
        margin-left: 0;
    }

    li.submenu-md a[role="button"]
    {
        display: inline-flex;
        align-items: center;
    }

    /* dropend styles */
    li.submenu-md.dropend ul.dropdown-menu[data-bs-popper]
    {
        margin-left: -0.3em;
    }

    li.submenu-md.dropend a[role="button"].show::after
    {
        transform: unset;
    }

    li.submenu-md.dropend a[role="button"]::after
    {
        position: absolute;
        right: 0.4em;
    }

    /* dropstart styles */
    li.submenu-md.dropstart ul.dropdown-menu[data-bs-popper]
    {
        margin-right: -0.3em;
    }

    li.submenu-md.dropstart a[role="button"]::before
    {
        display: block;
        position: absolute;
        left: 0.4em;
    }

    li.submenu-md.dropstart a[role="button"]::after
    {
        display: none;
    }

    li.submenu-md.dropinline ul.dropdown-menu[data-bs-popper]
    {
        position: relative;
        width: 100% !important;
        border: 0;
        box-shadow: none;
        background-color: transparent;
    }

    li.submenu-md.dropinline ul.dropdown-menu[data-bs-popper] li
    {
        padding-left: 1em;
    }
}

/* Responsive - using bootstrap screen buckets */
/* Extra small devices (smaller phone viewpoints) */
@media only screen and (min-width: 320px)
{
}

/* Extra small devices (small devices and most phones) */
@media only screen and (min-width: 480px)
{
}

@media only screen and (min-width: 736px)
{
    .pubsHomepage .searchContainer .simpleSearchContainer
    {
        padding: 80px !important;
    }
}

/* Medium devices (most tablets) */
@media print, screen and (min-width: 768px)
{
    .btn
    {
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
    }

    input[type="button"].btn, input[type="submit"].btn, input.btn
    {
        margin-left: 0.25em;
        margin-right: 0.25em;
    }

    .journalShortCuts.ebooksHomeTabs
    {
        flex-direction: row;
        align-items: unset;
    }

    .ebooksHomeTabs > li
    {
        width: 25%;
    }

    .ebooksHomeUl2Col
    {
        columns: 2;
    }
}

/* not device-specific, handling header  */
@media print, screen and (min-width: 840px)
{
    .headerLogoSearchContainerTopRow
    {
        flex-direction: row;
    }

    .headerLogoContainer.mobile
    {
        display: none;
    }

    .headerLogoContainer.wide
    {
        display: inline-flex;
        width: auto;
        margin-top: 12px;
    }

    .headerSearchContainer
    {
        float: right;
        /*margin-top: 10px;*/
        /*margin-right: 20px;*/
        text-align: center;
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: flex-end;
        padding-right: 10px;
    }

    .headerRightSideActionItems
    {
        float: right;
        margin-top: 0px;
        max-width: 615px;
        padding-left: 15px;
    }

    .headerNavLinks
    {
        display: inline-flex;
    }

    .cartCounter.wide
    {
        display: block;
    }

    .cartCounter:not(.wide)
    {
        display: none;
    }

    .sideNav
    {
        display: none !important;
    }

    .advancedSearchLink
    {
        display: unset;
    }

    .headerWelcomeMessageContainer
    {
        right: 65px;
    }

    /*.headerFloatingSearchContainer
    {
        display: none!important;
    }*/

    .fullWidthContent
    {
        flex-direction: row;
    }

    .fullWidthThreeCol
    {
        max-width: 32%;
    }

    .homepageBannerWide
    {
        display: inline-flex;
    }

    .homepageBannerMobile
    {
        display: none;
    }
}

/* Large devices (smaller desktop viewpoints) */
@media print, screen and (min-width: 992px)
{
    .container
    {
        /* max-width: 1320px !important;*/
    }

    .productDetailContainer
    {
        /*box-shadow: 0 0.55rem 0.75rem rgb(0 0 0 / 20%);*/
    }
}

/* Extra large devices (large devices and wide screens) */
@media only screen and (min-width: 1200px)
{
}

@media print
{
    @page
    {
        size: 330mm 427mm;
        margin: 14mm;
    }
}