/*  RESETS */
/*  TYPOGRAPHY */
/*  BUTTONS */
/*  LAYOUTS / GRIDS */
/*  NAVIGATION */
/*  FORMS */
/*  LISTS */
/*  TABLES */
/*  UTILITY */
/*  COMPONENTS */
/*  HERO */
/*  RECOMMENDED */
/*  CAROUSEL */
/*  ACCORDION */
/*  MODAL */
/*  FOOTER */
/*  SPINNER */

/* /////////////
    RESETS    
/////////////*/


body {
    color: #292b2c;
    overflow: auto !important;
    font-family: Roboto,sans-serif;
    position: relative;
}

/* Bootstrap Reset or All Rounded Corners*/
* {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* //////////////////////
    TYPOGRAPHY 
///////////////////// */



/* FONTS */
h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: .05rem;
}

h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}

h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.3;
}

p {
    font-size: .8rem;
}

a {
    color: #333;
    text-decoration: underline;
}

    a.secondary {
        color: #892035;
        text-decoration: underline;
    }

    a:hover {
        color: #666;
    }

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

    a:focus {
        color: #333;
    }

    a.back-to-top {
        display: none;
        width: 40px;
        height: 40px;
        text-indent: -9999px;
        position: fixed;
        z-index: 50;
        right: 5px;
        bottom: 5px;
        background: #fc7d30 url("/images/main/up-arrow-2.png") no-repeat center 43%;
    }

.anchor {
    display: block;
    position: relative;
    top: -150px;
    /* visibility: hidden;*/
}

.magazine-section .single-news a.secondary {
    color: #892035;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8rem;
    margin: 0;
    padding: 0;
    font-weight: 700;
}

ol {
    font-size: .8rem;
}

.small, small {
    font-size: 80%;
    font-weight: 400;
}

.content-wrap .small {
    font-size: 80%;
    font-weight: 400;
}

    .content-wrap .small, .content-wrap .small li, .content-wrap .list-styled.small li {
        font-size: 90%;
    }

.text-minute, .content-wrap .text-minute {
    font-family: "Roboto",sans-serif;
    font-size: 0.75rem;
}


/* //////////////////////
    LAYOUTS / GRIDS 
///////////////////// */

html,
body,
.view {
    height: 87.5%;
}


/* ///// Navigation ///// */

.outer-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.navbar {
    background-color: #892035;
    padding: 0;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #bcb29f;
}

#journal-nav {
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    #journal-nav {
        margin-bottom: auto;
    }
}

#journal-nav.navbar {
    padding: 0;
    position: relative;
    z-index: 3;
}

.sticky.is-sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
}

.top-nav-collapse {
    background-color: #892035;
}

.text-rotate {
    position: absolute;
    top: .75rem;
    font-size: .7rem;
    writing-mode: tb-rl; /* Rotate IE */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*Logo*/
.navbar-brand {
    position: relative;
    margin: 0;
    padding-left: .5rem;
    width: 80%;
}

    .navbar-brand img {
        position: relative;
        width: 65%;
    }

/*Top/Main Navigation */
.navbar-nav {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 2.2rem;
    /*letter-spacing: .06rem;*/
    letter-spacing: .05rem;
}

.navbar.navbar-dark .navbar-nav .nav-item a {
    color: #FFF;
    /*padding-left: 15px;*/
    text-decoration: none;
}

.navbar-collapse .navbar-nav .nav-item a {
    color: #FFF;
    padding-left: 15px;
}

.navbar.navbar-dark .navbar-nav .nav-item a span {
    cursor: pointer;
}

/*Main Text Links*/
/*#navbarNav > .navbar-nav > li > a {
    line-height: 1.6rem;
    padding: .4rem 1rem;
    width: 100%;
}*/

/*Account / Cart Icons*/
.icon-box .navbar-nav {
    width: 100%;
}

.icon-box li {
    line-height: 1.6rem;
    padding: 0
}

    .icon-box li a {
        padding: .5rem .6rem;
    }

.icon-box a i {
    color: #cbbca8;
    font-size: 1.4rem;
    line-height: 0;
}

    .icon-box a i.pl-2 {
        padding-left: .3rem !important;
    }

/*Search  Icon*/
#searchNav .srch-btn {
    border: none;
    line-height: 0;
    margin: 0;
    padding: 0;
    padding-top: .3rem;
    background-color: transparent;
    box-shadow: none;
    /*height: 3.2rem;*/
    height: auto;
    width: 3.5rem;
    transition: none;
}

    #searchNav .srch-btn:hover, #searchNav .srch-btn:active, #searchNav .srch-btn:after {
        box-shadow: none;
    }

    #searchNav .srch-btn i {
        font-size: 1.2rem;
        font-weight: 700;
        color: #cbbca8;
    }

/*Search and Menu Icons - Mobile*/
.navbar.navbar-dark .navbar-toggler.navbar-toggler-custom, .navbar.navbar-dark .navbar-toggler.navbar-toggler-menu { /*background-color: #444444;*/
    color: #cbbca8;
    font-size: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    top: .6rem;
}

.navbar.navbar-dark .navbar-toggler.navbar-toggler-custom {
    right: 3rem;
}

.navbar.navbar-dark .navbar-toggler.navbar-toggler-menu {
    right: .5rem;
}

.navbar-toggler-right {
    z-index: 12;
}

/*Journal Navigation*/
/*Inside This Journal Btn*/
.jHomeBtn {
    background-color: #d5cec1;
    font-family: 'Roboto', sans-serif;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 0;
    padding: .6rem .2rem .3rem;
    right: 0;
    text-transform: uppercase;
    width: 100%;
}

    .jHomeBtn:focus {
        outline: none; /* Hiding border */
    }


    .jHomeBtn .fa {
        font-size: .7rem;
    }

[data-toggle="collapse"][aria-expanded="false"] .rotate-icon {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

/*Journal Navigation - Large Flyout Menus*/
.flyout-outer {
    left: 0;
    position: absolute;
    top: 6.2rem;
    right: 0;
    z-index: 16;
    width: 100%;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(89,89,89,0.78);
    -moz-box-shadow: 0px 4px 5px 0px rgba(89,89,89,0.78);
    box-shadow: 0px 4px 5px 0px rgba(89,89,89,0.78);
}

    .flyout-outer h4 /*a*/ {
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 1.1rem;
        line-height: 2.2rem;
        letter-spacing: .07rem;
    }

        .flyout-outer h4 a {
            text-decoration: none;
        }

.flyout-inner { /*background-color: #d8cbba;*/
    background-color: rgba(241, 241, 240, 1.0);
    height: 100%;
    height: auto;
    width: 100%;
    left: 0;
    top: 3rem;
    padding: 2rem 0;
    overflow-y: visible;
}

    .flyout-inner div[class^='col-'] {
        padding-left: 2rem;
    }

.flyout-outer li a {
    font-size: .85rem;
    line-height: 1rem;
    text-decoration: none;
}

.flyout-outer .row.vertical-divider > div[class^="col-"] {
    border-color: #888;
}



/*Journal Navigation - Nav Links & Small Dropdowns */
#jNav {
    background-color: #d5cec1;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
    height: 80%;
    max-height: 80vh;
    overflow: auto;
    scrollbar-width: none; /* Hide vertical scrollbar FF*/
    -ms-overflow-style: none; /* Hide vertical scrollbar IE*/
    -webkit-overflow-scrolling: touch;
}

    #jNav::-webkit-scrollbar {
        display: none;
    }

    #jNav .navbar-nav {
        font-size: .9rem;
        line-height: 1.6rem;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 3rem;
    }

    #jNav li {
        color: #ddd;
        padding: 0;
        text-transform: uppercase;
    }

        #jNav li a {
            color: #000;
            text-decoration: none;
            /*border-left: 1px #d5cec1 solid;
            border-right: 1px #d5cec1 solid;*/
        }

        #jNav li.contentHome a {
            letter-spacing: .2rem;
            text-transform: uppercase;
        }


            #jNav li a:hover, #jNav li.contentHome a:hover {
                background: #f1f1f0;
                /*border-left: 1px #d5cec1 solid;
                border-right: 1px #d5cec1 solid;*/
            }

    #jNav .navbar-nav .btn-group {
        display: block;
        position: relative;
    }

    #jNav .navbar-nav .dropdown-menu {
        position: absolute !important;
        background-color: #fff;
        border: 0;
        line-height: .4;
        padding: .4rem;
        width: 100%;
        min-width: 13rem;
        transition: all .2s cubic-bezier(.72,1.2,.71,.72);
        -webkit-box-shadow: 0px 2px 5px 1px rgba(119,119,119,.7);
        -moz-box-shadow: 0px 2px 5px 1px rgba(119,119,119,.7);
        box-shadow: 0px 2px 5px 1px rgba(119,119,119,.7);
    }

        #jNav .navbar-nav .dropdown-menu a {
            color: #000;
            line-height: .75;
            text-transform: none;
            font-size: .9375rem;
            font-weight: 300;
            padding: 10px;
        }

            #jNav .navbar-nav .dropdown-menu a:hover {
                background-color: #f6f1e7;
            }

            #jNav .navbar-nav .dropdown-menu a:active, #jNav .navbar-nav .dropdown-menu a:focus {
                background-color: #f6f1e7;
                color: #333;
            }

    #jNav .navbar-nav > .dropdown:hover > .dropdown-menu.dropdown {
        margin-top: 0;
        display: block;
    }

.nav-active {
    background-color: #f1f1f0;
    color: #000
}

    .nav-active a span, .dropdown-toggle::after {
        /*background-color: #f1f1f0;*/
        color: #000;
        color: #666;
        margin-left: .1rem;
        /*border-right: .3em solid #d5cec1;
        border-left: .3em solid #d5cec1;*/
    }

.nav-link.px-3 {
    padding-left: .7rem !important;
    padding-right: .7rem !important;
}



.nav-active:hover, .nav-active:focus, .nav-active:active {
    background-color: #f1f1f0;
}

/*.nav-active a span, .dropdown-toggle::after {
        color: #fff;
    }*/

#jNav .show-mobile {
    margin: 0;
}

    #jNav .show-mobile .dropdown-menu {
        background-color: #e3dcd0;
        display: block;
        float: none;
        box-shadow: none;
        font-size: .8rem;
        margin: 0;
        position: relative !important;
        left: 0;
        top: 0;
        color: #000;
    }

        #jNav .show-mobile .dropdown-menu a {
            color: #000;
            font-size: .9rem;
            line-height: 1.3rem;
        }

            #jNav .show-mobile .dropdown-menu a:hover {
                background-color: #d5cec1;
                color: #000;
            }

    #jNav .show-mobile .dropdown-toggle::after {
        display: none;
    }

/*
/* //////////////////////////////////////////////////////
DISABLE DROPDOWN FOR SMALL SCREENS
////////////////////////////////////////////////////// */
@media (max-width: 767px) {

    #jNav .button-group-hidden .dropdown-menu, #jNav .button-group-hidden .dropdown-toggle::after {
        display: none !important;
    }
}
/* //////////////////////////
  /*Journal Navigation - Nav Links & Flyouts 
Large devices (desktops, 992px and up)*/


@media (min-width: 992px) {
    #jNav {
        padding-top: 0;
        padding-bottom: 0;
        width: 100%;
        height: 100%;
        height: 80%;
        max-height: 80vh;
        overflow: visible;
    }

        #jNav .navbar-nav {
            padding-bottom: 0;
            min-width: 1140px;
        }
        /* Internet Explorer 10+ */
        _:-ms-lang(x), #jNav .navbar-nav {
            min-width: 1140px;
        }

            _:-ms-lang(x), #jNav .navbar-nav .dropdown-menu {
                width: auto;
            }

            #jNav .navbar-nav .dropdown-menu {
                width: initial;
            }

        #jNav li.contentHome a {
            letter-spacing: .1rem;
            text-transform: uppercase;
        }

        #jNav .show-mobile {
            margin: 0;
        }

            #jNav .show-mobile .dropdown-menu {
                background-color: #fff;
                display: none;
                float: none;
                box-shadow: none;
                font-size: .8rem;
                margin: 0;
                position: absolute !important;
                /*top: initial;*/
                top: 2.5rem;
                transition: all .2s cubic-bezier(.72,1.2,.71,.72);
                -webkit-box-shadow: 0px 2px 5px 1px rgba(119,119,119,1);
                -moz-box-shadow: 0px 2px 5px 1px rgba(119,119,119,1);
                box-shadow: 0px 2px 5px 1px rgba(119,119,119,1);
            }

                #jNav .show-mobile .dropdown-menu a {
                    color: #000;
                    font-size: .9375rem;
                    line-height: .75rem;
                }

                    #jNav .show-mobile .dropdown-menu a:hover {
                        background-color: #f6f1e7;
                        color: #000;
                    }

            #jNav .show-mobile .dropdown-toggle::after {
                display: inline-block;
            }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

    #jNav {
        height: initial;
        max-height: initial;
        overflow: initial;
    }
}

/*  ///// Tighten nav to accommodate additional links - 4/16/19 ///// */

@media (min-width: 993px) and (max-width: 1160px) {
    .nav-link.px-3 {
        padding-left: .4rem !important;
        padding-right: .4rem !important;
    }

    #jNav .navbar-nav {
        padding-left: 1px;
    }

        #jNav .navbar-nav .dropdown-menu a {
            padding: 10px 5px;
        }
}

/*  ///// Grid - 5 Columns ///// */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 0.3125rem;
    padding-left: 0.3125rem;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* ///// Flexbox ///// */
.flex-center {
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

    .flex-center ul {
        text-align: center;
    }

        .flex-center ul li {
            margin-bottom: 1rem;
        }



/* ////////////////////
       FORMS 
///////////////////// */

.field-validation-error.sublist {
    position: initial;
}

.field-validation-error {
    color: #d9534f;
    font-size: .75rem;
    position: absolute;
    right: 1rem;
    top: 4rem;
}

.debug-show .comment-box-validation.field-validation-error span {
    top: .5rem;
}


.comment-box-validation.field-validation-error {
    position: absolute;
    right: 0;
    top: 6.25rem;
}

    .comment-box-validation.field-validation-error span {
        position: relative;
        right: 0;
        bottom: 0;
    }

.form-group.select-menu .field-validation-error {
    font-size: .9rem;
    position: absolute;
    top: 3.1rem;
    right: 0;
}

.field-validation-error.text-danger.g-recaptcha-msg {
    position: initial;
    display: block;
    height: 2rem;
    min-width: 400px;
}

.field-validation-error.text-danger.g-recaptcha-msg-left {
    position: initial;
    display: block;
    height: 2rem;
    min-width: 400px;
    text-align: left;
}

.star {
    position: relative;
    top: -.3rem;
    display: none;
}

.star-show {
    position: relative;
    left: .2rem;
    top: .6rem;
}

/* --- material floating label --- */


.form-wrapper {
    background-color: #fff;
    padding: 2rem 0;
}

    .form-wrapper.form-height {
        min-height: 28rem;
    }

@media only screen and (min-width: 768px) {
    .form-wrapper {
        padding: 2rem;
    }
}

.form-wrapper-gray {
    background-color: #efefef;
    border-top: 1px solid #ddd;
    width: 100%;
}

.form-wrapper-brdr {
    border: 2px solid #ddd;
}

.form-wrapper .form-group {
    display: flex;
    /*height: 55px;*/
    height: 4rem;
}

    .form-wrapper .form-group.comment-box, .form-wrapper .form-group.select-menu {
        height: auto;
        position: relative;
    }

.select2 {
    width: 100% !important;
    z-index: 1;
}

.form-wrapper .form-group.select-menu .select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc;
    padding: .5rem 0 .25rem;
    width: 100%;
    background-image: url('../images/main/drop-down-arrow.png');
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

.form-wrapper .form-group.select-menu.focused {
    border-color: #ccc;
    border-bottom: 2px solid #ccc;
}

.form-wrapper .form-group.select-menu .star-show {
    margin-left: .5rem;
    position: absolute;
    left: 99%;
    top: -.5rem;
}

.form-wrapper .form-control {
    padding: .5rem .75rem .25rem;
    font-size: 1rem;
    line-height: 0;
    /*background-color: transparent;*/
    background-color: #fff;
    background-image: none;
    border-radius: 0;
    color: #666;
    border: 1px solid #ccc;
    margin-top: 1rem;
}

.form-wrapper .form-group.comment-box .form-control {
    line-height: 1rem;
}

.form-wrapper .form-group.comment-box .form-control {
    background-position: calc(100% - 1.5rem) 1rem;
}

.form-wrapper .control-label {
    color: #892035;
    font-size: 1rem;
    font-weight: 400;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 1.5rem, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    background-color: #efefef;
}

.form-wrapper.debug-show .control-label {
    color: #333;
    font-size: .9rem;
    font-weight: 700;
    opacity: 1;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: -2rem;
    background-color: transparent;
}

.form-wrapper.debug-show .form-group.comment-box .control-label {
    color: #333;
    font-size: 1.2rem;
    font-weight: 700;
    opacity: 1;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: -.5rem;
    background-color: transparent;
}

.form-wrapper .control-label-no-bkgrd {
    background-color: transparent;
}

.form-wrapper .control-label.google-directions-label {
    background-color: #fff;
    font-size: 1rem;
    margin-left: 1rem;
    opacity: 1;
    position: absolute;
    top: -2rem;
}

.form-wrapper .form-control.google-directions-input {
    padding-left: 9rem;
}

/*//// TRYING TO FIX SAFARI ////*/

.form-wrapper .form-control:not(*:root) {
    line-height: 2.5rem;
    height: 3rem;
}

.form-wrapper .control-label:not(*:root) {
    -webkit-transform: translate3d(0, 1.5rem 0) scale(1);
    -webkit-transform-origin: left top;
    -webkit-transition: 240ms;
}

.form-wrapper .form-group.comment-box .form-control:not(*:root) {
    height: 12rem;
}

.form-wrapper .comment-box-validation.field-validation-error:not(*:root) {
    top: 13rem;
}

/* ////////////////////// */

.form-wrapper .form-control::-webkit-input-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

.form-wrapper .form-control::-moz-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

.form-wrapper .form-control:-ms-input-placeholder {
    color: #a8a8a8;
    opacity: 1;
}

.form-wrapper .form-control::placeholder {
    color: #a8a8a8;
    opacity: 1;
}

.form-wrapper .form-group.select-menu > .control-label.publist-label {
    opacity: 1;
    font-weight: 700;
    letter-spacing: .02rem;
    transform: scale(0.75);
    top: -.8rem;
    z-index: 3;
}

.form-wrapper .form-group.select-menu .form-control::placeholder {
    color: #a8a8a8;
    opacity: 1;
}


.form-wrapper .form-group.focused .control-label {
    opacity: 1;
    font-weight: 700;
    letter-spacing: .02rem;
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
}

.form-wrapper select {
    margin-top: 2rem;
}

.form-wrapper .form-control::-webkit-input-placeholder {
    color: transparent;
    color: #a8a8a8;
    transition: 240ms;
    -webkit-transition: 240ms;
}

.form-wrapper .form-control:focus::-webkit-input-placeholder {
    transition: none;
}

.form-wrapper .form-group.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
    opacity: 1;
}


.form-wrapper .form-group.dropmenu > .control-label {
    opacity: 1;
    font-weight: 700;
    letter-spacing: .02rem;
    transform: scale(0.75);
    top: .2rem;
}


.form-wrapper .form-group.comment-box > .control-label {
    opacity: 1;
    font-weight: 700;
    letter-spacing: .02rem;
    transform: scale(0.75);
    top: .2rem;
}

    /*//// TRYING TO FIX SAFARI ////*/

    .form-wrapper .form-group.comment-box > .control-label:not(*:root) {
        -webkit-transform: scale(0.75);
    }

/* ///////////////// */

.form-wrapper .form-group.comment-box > textarea {
    padding: 1.5rem .75rem .5rem;
}


.form-wrapper .form-group.dropmenu select {
    margin: 1rem 0;
    border: 1px solid #ccc;
}


.form-wrapper select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 12px);
}

.form-wrapper select option {
    font-family: 'Roboto', sans-serif !important;
}

.form-wrapper .form-control:focus, .form-wrapper select.form-control:focus {
    border-bottom: 2px solid #ccc;
    color: black;
}

.form-wrapper .form-control.input-validation-error, .form-wrapper select.form-control.input-validation-error {
    border-bottom: 1px solid #FF6550;
    background-color: rgba(255,77,77,.05);
    background-color: #fff;
    background-image: url('../images/main/close.png');
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 14px auto;
}

.form-wrapper .form-control.valid, .form-wrapper select.form-control.valid {
    background-image: url('../images/main/checkmark.png');
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-size: 14px auto;
    color: #222;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e8f9bb !important
}


.form-wrapper .form-control.input-validation-error, .form-wrapper .form-control.valid {
    background-position: right 14px top 14px;
}

.form-wrapper select.form-control.input-validation-error, .form-wrapper select.form-control.valid {
    background-position: right 24px center;
}

.form-wrapper .dark-text {
    color: #000;
}

.form-wrapper .form-group.checklist-group {
    height: auto;
}

.form-wrapper .card {
    min-width: 100%;
}

.form-group.checklist {
    height: auto;
    margin: .25rem 2rem;
}

    .form-group.checklist .form-check-label {
        display: inline;
        padding-left: 0;
    }

        .form-group.checklist .form-check-label .comm-type-description {
            display: block;
            font-weight: normal;
            font-size: .8rem;
            margin-bottom: 1rem;
            margin-left: 1.6rem;
        }

    .form-group.checklist .form-check-input {
        position: absolute;
        left: 0rem;
        top: .2rem;
    }

/* ///////////////////////
         TABLES 
///////////////////// */

/* Used on A-Z Publication List and ... */
.a-z-table .table td, .a-z-table .table th {
    border-top-width: 3px;
    border-bottom-width: 3px;
    border-color: none;
}

@media only screen and (min-width: 768px) {
    .a-z-table td:first-child {
        padding-left: 2rem;
    }
}

.table-striped tbody tr:nth-of-type(2n+1):hover, .table-hover tbody tr:hover {
    background-color: #e8e6e6;
}

/*.table-striped tbody tr:nth-of-type(2n+1):active, .table-hover tbody tr:active {
    background-color: rgba(255,101,80,.1);
    border-color: rgba(255, 101, 80, .3);
    border-top-style: solid;
    border-bottom-style: solid;
}

.table-striped tbody tr:nth-of-type(2n+1):focus, .table-hover tbody tr:focus {
    background-color: rgba(255,101,80,.1);
    border-color: rgba(255, 101, 80, .3);
    border-top-style: solid;
    border-bottom-style: solid;
}*/

.a-z-table a.pub-title {
    display: block;
    font-size: .95rem;
    line-height: 1.2;
}

    .a-z-table a.pub-title span {
        display: block;
        font-size: .75rem;
        margin-top: 0.5rem
    }

.a-z-table a.btn {
    box-shadow: none;
}

.a-z-table a.btn-md {
    padding: 0.85rem 1rem;
}

.a-z-table a:hover {
    color: #000;
}

.a-z-table a:active {
    color: #000;
}


.a-z-table td .btn.btn-outline-primary:hover, .a-z-table td .btn.btn-outline-primary:active, .a-z-table td .btn.btn-outline-primary:focus {
    background-color: #fff;
    border-color: #ff6550;
    color: #FF6550 !important;
    box-shadow: none;
}

.a-z-table td .btn.btn-secondary:hover, .a-z-table td .btn.btn-secondary:active, .a-z-table td .btn.btn-secondary:focus {
    border-color: #ff6550;
}
/* Publication List - Alpha Sort*/

.a-z-list {
    list-style-type: none;
    line-height: 1.5;
}

    .a-z-list li {
        display: inline-block;
        border-right: 1px solid #ccc;
        margin-top: .5rem;
        margin-right: .25rem;
        padding-right: .5rem;
    }

        .a-z-list li:first-child, .a-z-list li:last-child {
            display: inline-block;
            border-right: none;
            margin-right: 0;
            padding-right: 0;
        }


/* ///////////////////////
         HERO 
///////////////////// */
/*.view.hero .flex-center {
    color: #ccc;
}*/


.view img, .view video {
    display: block;
    position: relative;
}

.hm-black-strong .full-bg-img, .hm-black-strong .mask {
    background-color: rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    .hm-black-strong .full-bg-img, .hm-black-strong .mask {
        background-color: rgba(0, 0, 0, 0.4);
    }
}

.title-contr {
    font-size: .9rem;
    padding: 0 1rem;
}

@media only screen and (min-width: 992px) {
    .title-contr {
        width: 80%;
    }
}

li.tooltip-description, li.tooltip-description p {
    font-size: .85rem;
    color: #FFF;
}
/*.view.hero {
    height: 50% 
}*/

.hero {
    background-attachment: fixed;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    position: relative !important;
}

.img-hdr {
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 768px) {
    .img-hdr {
        max-width: 11rem;
        top: 1rem
    }

    .hero {
        background-size: auto 100vh;
    }
}

@media only screen and (min-width: 992px) {
    .img-hdr {
        max-width: 11rem;
    }
}

@media only screen and (min-width: 1200px) {
    .img-hdr {
        max-width: 20rem;
    }

    .title-contr {
        width: 50%;
    }
}

/* ////////// Content Hero //////////// */


.content-hero, .content-hero-collection {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 0;
    min-height: 16rem;
    top: 0;
}

    .content-hero h3 {
        margin-bottom: 1rem;
    }

    .content-hero-collection h3 {
        color: #000;
    }

    .content-hero .card, .content-hero-collection .card {
        background-color: rgba(250,250,250,.8);
        color: #000;
        padding: 2rem;
    }

        .content-hero .card p, .content-hero-collection .card p {
            font-size: 1.1rem;
        }

        .content-hero .card a, .content-hero-collection .card a {
            color: #CBBCA8;
        }

@media ( min-width: 768px) {
    .content-hero, .content-hero-collection {
        /*margin-top: 2rem;*/
        padding-top: 2rem;
    }
}

@media (min-width: 992px) {

    .content-hero, .content-hero-collection {
        background-size: cover;
        min-height: 18rem;
        margin-top: 0;
        padding-bottom: 1rem;
    }
}

@media (min-width: 1200px) {

    .content-hero-collection {
        background-repeat: repeat-x;
        background-position: center;
        min-height: 18rem;
        padding-bottom: 2rem;
    }
}


/* /////////////
  RECOMMENDED   
/////////////*/

/*Recommended Publications Grid*/

.card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

.card-inner {
    position: relative;
    display: block;
    line-height: 1.3;
    break-inside: avoid-column;
}

#recommended .card-inner {
    min-height: 16rem;
}

/*#recommended .card-block {
    padding: 0;
    padding-top: .3rem;
}*/

#recommended p {
    margin-top: 10px
}

#recommended .cover {
    width: 100%;
    max-width: 6.25rem;
    height: auto;
}

#recommended a {
    text-decoration: none;
}

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    #recommended .cover {
        max-width: 10rem;
    }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
}


/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

    /*Recommended Publications Grid - Control Count*/

}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    /*Recommended Publications Grid - Control Count*/
    #recommended .card {
        min-height: 15rem;
    }
}


/* /////////////
    ACCORDION   
/////////////*/

#accordion .card {
    min-height: initial
}

.card-header {
    background-color: #f1f1f1;
    border-bottom: 2px solid #ccc;
    padding: 1em 0
}

.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";
    float: right;
}

.accordion-opened .accordion-toggle:after {
    content: "\f054"
}

.fa-book:before, .fa-download::before {
    padding-right: 1em
}

ul.accordion-title li a {
    color: #000;
    font-weight: normal;
    font-size: 0.95em
}
/* /////////////
    MODAL   
/////////////*/

.modal-header {
    border-bottom: none;
    color: #fff;
    background-color: #892035;
}

.modal-footer {
    border-top: none;
}

.container-pub-light .close {
    color: #fff;
}


/* ///////////////////////
       FOOTER 
///////////////////// */


footer.page-footer {
    background-color: #d5cec1;
    color: #000;
    font-weight: normal;
    padding-top: 0;
}

    footer.page-footer .footer-contact {
        margin-top: 1rem;
    }

    footer.page-footer .streak {
        color: #cbbca8;
        background-color: #892035;
        border-bottom: 1px solid #000;
    }

    footer.page-footer a {
        color: #000;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: .8rem;
    }

}

footer.page-footer .footer-contact a {
    color: #cbbca8;
    font-size: .85rem;
}

footer.page-footer a:hover {
    color: #000;
}

footer.page-footer h4 {
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    font-weight: 700;
}

    footer.page-footer h4 a {
        color: #cbbca8;
        border-bottom: 1px dotted #cbbca8;
        font-family: 'Roboto', sans-serif;
        font-size: .9rem;
        font-weight: 700;
    }

footer.page-footer h5.title {
    color: #bdbcb9;
    text-transform: none;
    margin: 0;
    padding: 0 .75rem;
    width: 100%;
}


    footer.page-footer h5.title a {
        border-top: 1px dotted rgba(255,255,255,0.1);
        /*display: block;*/
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 1rem;
        padding: .4rem 0 .4rem 0;
        text-decoration: none;
    }


footer.page-footer div[class^="col-"]:nth-child(1) a {
    border-top: none;
}

footer.page-footer .row.vertical-divider > div[class^="col-"] {
    border: none;
    padding: 0 .3rem;
}

footer.page-footer .footer-copyright {
    color: #000;
    font-size: .8rem;
}

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

    footer ul li a, footer ul li a:hover {
        text-decoration: none;
    }

/*Logo Footer*/
.page-footer .navbar-brand {
    padding-left: 0;
}

    .page-footer .navbar-brand img {
        width: 100%;
    }

@media (min-width: 768px) {

    /* Footer */

    footer.page-footer .footer-contact {
        margin-top: 2rem;
    }


    footer.page-footer div[class^="col-"] h5 a {
        border-top: none;
        line-height: 1.2;
        margin-left: 0;
        text-decoration: none;
    }

    footer.page-footer h5.title {
        padding: 0 .75rem .2rem 0;
    }

    footer.page-footer .row.vertical-divider > div[class^="col-"] {
        border-left: 1px solid rgba(255,255,255,0.1);
        border-right: 1px solid rgba(255,255,255,0.1);
        border-right: none;
    }

        footer.page-footer .row.vertical-divider > div[class^="col-"]:first-child {
            border-left: none;
        }
}

@media (min-width: 992px) { /*Footer Adjustments*/

    footer.page-footer .row.vertical-divider > div[class^="col-"] {
        border: none;
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* /////////////////////////////
       UTILITY CLASSES
/////////////////////////////*/

/* Control Line Breaks */
.rwd-break {
    display: block;
}

@media (min-width: 768px) {
    .rwd-break {
        display: none;
    }
}

/* Spacers - From MDBootstrap - Reset Bootstrap */
.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.mt-2 {
    margin-top: 1.5rem !important;
}

.mb-2 {
    margin-bottom: 1.5rem !important;
}

.my-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mb-3 {
    margin-bottom: 3rem !important;
}

.my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

.mb-4 {
    margin-bottom: 4rem !important;
}

.my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.mt-5 {
    margin-top: 5rem !important;
}

.mb-5 {
    margin-bottom: 5rem !important;
}

.my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-1 {
    padding-top: 1rem !important;
}

.pb-1 {
    padding-bottom: 1rem !important;
}

.py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.pt-2 {
    padding-top: 1.5rem !important;
}

.pb-2 {
    padding-bottom: 1.5rem !important;
}

.py-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.pt-3 {
    padding-top: 3rem !important;
}

.pb-3 {
    padding-bottom: 3rem !important;
}

.py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.pt-4 {
    padding-top: 4rem !important;
}

.pb-4 {
    padding-bottom: 4rem !important;
}

.py-4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.pt-5 {
    padding-top: 5rem !important;
}

.pb-5 {
    padding-bottom: 5rem !important;
}

.py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

@media (max-width: 992px) {
    .mb-r {
        margin-bottom: 2rem !important;
    }
}

@media (min-width: 992px) {
    .mb-r {
        margin-bottom: 3rem !important;
    }
}

.mb-m {
    margin-bottom: 1rem;
}

@media (min-width: 62em) {
    .mb-m {
        margin-bottom: 0;
    }
}



/* /////////////////////////////
       COMPONENTS
/////////////////////////////*/

.card {
    border: none;
}

.card {
    margin: 0 auto;
}

.journal-collections .card {
    min-height: 190px;
}

@media (max-width: 768px) {
    .card {
        min-height: unset
    }
}

.card .card-title a {
    color: #424242;
}

.card .card-title a {
    color: #666;
}

h4.card-title a {
    text-decoration: none;
}

/*COA Boxes Colors Borders - HOME*/
.card, .section .view, .section img {
    box-shadow: none; /*border-radius: 0;*/
}

.card-section {
    background-color: #f1f1f0;
}

    .card-section .view.overlay.hm-white-slight {
        height: 2.5rem;
    }

    .card-section .card-title {
        font-family: 'Roboto', sans-serif;
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: -.03rem;
        color: #fff;
        margin: 0;
        padding-left: .25rem;
        padding-right: .25rem;
    }


        .card-section .card-title span {
            font-size: 1rem;
            display: inline-block;
        }

        .card-section .card-title a {
            color: #fff;
            text-decoration: none;
        }

            .card-section .card-title a:hover {
                color: #ccc;
            }

    .card-section .card-5 .card-block {
        padding-top: 0;
        padding-bottom: 0;
    }

        .card-section .card-5 .card-block:nth-child(6n+1) {
            padding-top: 1.25rem;
        }

        .card-section .card-5 .card-block:nth-child(6n+6) {
            padding-bottom: 1.25rem;
        }

    .card-section .card-5 .card-title {
        font-size: 1rem;
        letter-spacing: -.02rem;
        margin-top: .3rem;
        padding: 0;
    }

    .card-section[class^="card-"] {
        border-top: none;
    }

.card-1, .card-1 .card-block {
    background-color: #577a7a;
}

.card-2, .card-2 .card-block {
    background-color: #368b9c;
}

.card-3, .card-3 .card-block {
    background-color: #84569b;
}

.card-4, .card-4 .card-block {
    background-color: #768086;
}

.card-5, .card-5 .card-block:nth-child(5n+5) {
    background-color: #a24f60;
}

.card-1 .card-block {
    border-bottom: 8px solid #2a5656;
}

.card-2 .card-block {
    border-bottom: 8px solid #006c81;
}

.card-3 .card-block {
    border-bottom: 8px solid #632980;
}

.card-4 .card-block {
    border-bottom: 8px solid #515e66;
}

.card-5 .card-block:nth-child(6n+6) {
    border-bottom: 8px solid #892035;
}


.card img, .img-fluid, .modal-dialog.cascading-modal.modal-avatar .modal-header, .section .view, .section img {
    display: block;
    max-width: 100%;
    height: auto;
}

.overlay .mask {
    opacity: 0;
    transition: all .4s ease-in-out;
}

.view {
    overflow: hidden;
    position: relative;
    cursor: default;
}

@media (min-width: 992px) { /*COA Boxes Colors Borders - HOME PAGE*/
    .card-section .card-title {
        font-size: 1.4rem;
        font-weight: 700;
        letter-spacing: -.03rem;
        color: #fff;
        margin: 0;
        padding: 1rem .35rem .25rem;
    }

        .card-section .card-title span {
            font-size: 1rem;
            display: block;
        }

    .card-section .card-block {
        border-bottom: none;
    }

    .card-section .card-5 .card-block {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .card-section .card-5 .card-title {
        font-size: .9rem;
        letter-spacing: -.02rem;
        margin-top: .2rem;
        padding: 0 .25rem;
    }

    .card-1 {
        border-top: 8px solid #2a5656;
    }

    .card-2 {
        border-top: 8px solid #006c81;
    }

    .card-3 {
        border-top: 8px solid #632980;
    }

    .card-4 {
        border-top: 8px solid #515e66;
    }

    .card-5, .card-6 {
        border-top: 8px solid #892035;
    }
}
/*COA Boxes Colors Borders - CONTENT*/
.content-main-cards {
    padding: 2rem 0;
}

    .content-main-cards [class*="col-"] {
        margin-bottom: .4rem;
    }

    .content-main-cards .card {
        height: 100%;
        min-height: 1rem;
        padding: 0 2rem 0 0rem;
    }

    .content-main-cards .card-title {
        font-family: 'Roboto', sans-serif;
        font-size: 1.1rem;
        font-weight: 700;
        letter-spacing: -.01rem;
        color: #fff;
        margin: 0 0 .5rem;
    }

        .content-main-cards .card-title a {
            color: #333;
        }

            .content-main-cards .card-title a:hover {
                color: #bbb;
            }

    .content-main-cards p {
        font-size: .8rem;
        line-height: 1.1;
    }


    .content-main-cards [class*="col-"]:nth-child(5n+1) .card {
        border-left: 8px solid #2a5656;
        border-top: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+2) .card {
        border-left: 8px solid #006c81;
        border-top: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+3) .card {
        border-left: 8px solid #632980;
        border-top: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+4) .card {
        border-left: 8px solid #515e66;
        border-top: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+5) .card {
        border-left: 8px solid #892035;
        border-top: none;
    }

/*COA Boxes Colors Borders - NO BACKGROUND - CONTENT*/

.content-main-cards-transparent {
    padding: 2rem 0;
}

    .content-main-cards-transparent [class*="col-"] {
        margin-bottom: .4rem;
    }

    .content-main-cards-transparent .card {
        min-height: 1rem;
        padding: 0 2rem 0 0rem;
    }

    .content-main-cards-transparent .card-title {
        font-family: 'Roboto', sans-serif;
        font-size: 1.1rem;
        font-weight: 700;
        letter-spacing: -.01rem;
        color: #fff;
        margin: 0;
        padding-left: .25rem;
        padding-right: 1.75rem;
    }

        .content-main-cards-transparent .card-title a {
            color: #333;
            text-decoration: none;
        }

            .content-main-cards-transparent .card-title a:hover {
                color: #bbb;
                color: #666;
            }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+1) .card {
        border-left: 8px solid #2a5656;
        border-top: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+2) .card {
        border-left: 8px solid #006c81;
        border-top: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+3) .card {
        border-left: 8px solid #632980;
        border-top: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+4) .card {
        border-left: 8px solid #515e66;
        border-top: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+5) .card {
        border-left: 8px solid #892035;
        border-top: none;
    }

.card-section .view.overlay.hm-white-slight {
    height: 2.5rem;
}


@media (min-width: 776px) {

    /*COA Boxes Colors Borders - CONTENT*/
    .content-main-cards [class*="col-"] {
        margin-bottom: .5rem;
    }

    .content-main-cards .card {
        height: 100%;
        min-height: 8rem;
        padding: 0 2rem 2rem 0rem;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+1) .card {
        border-top: 8px solid #2a5656;
        border-left: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+2) .card {
        border-top: 8px solid #006c81;
        border-left: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+3) .card {
        border-top: 8px solid #632980;
        border-left: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+4) .card {
        border-top: 8px solid #515e66;
        border-left: none;
    }

    .content-main-cards [class*="col-"]:nth-child(5n+5) .card {
        border-top: 8px solid #892035;
        border-left: none;
    }
    /*COA Boxes Colors Borders Transparent - CONTENT*/
    .content-main-cards-transparent [class*="col-"] {
        margin-bottom: .5rem;
    }

    .content-main-cards-transparent .card {
        background: none;
        padding: 0;
    }

    .content-main-cards-transparent .card-title {
        padding-bottom: .5rem;
        padding-right: 0;
        padding-left: 0;
    }

    .content-main-cards-transparent .card-block {
        padding: 1rem 0 1.25rem;
    }

        .content-main-cards-transparent .card-block p {
            font-size: .9rem;
            /*line-height: 1.3;*/
        }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+1) .card {
        border-top: 8px solid #2a5656;
        border-left: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+2) .card {
        border-top: 8px solid #006c81;
        border-left: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+3) .card {
        border-top: 8px solid #632980;
        border-left: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+4) .card {
        border-top: 8px solid #515e66;
        border-left: none;
    }

    .content-main-cards-transparent [class*="col-"]:nth-child(5n+5) .card {
        border-top: 8px solid #892035;
        border-left: none;
    }
}


/* Browse Tiles */

.browse-tiles .card {
    background-color: #fff;
    /* -webkit-box-shadow: 0px 2px 5px 1px rgba(163,163,163,1);
        -moz-box-shadow: 0px 2px 5px 1px rgba(163,163,163,1);
        box-shadow: 0px 2px 5px 1px rgba(163,163,163,1);*/
    font-size: .7rem;
    line-height: 1.5;
    text-align: center;
}

    .browse-tiles .card img {
        text-align: center;
        margin: 0 auto;
    }

.browse-tiles h4.card-title {
    font-family: 'Roboto', sans-serif;
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: -.03rem;
    color: #333;
    margin: 0;
    padding-top: .5rem;
    padding-right: .25rem;
    padding-left: .25rem;
}

.browse-tiles p {
    font-size: .7rem;
    line-height: 1.5;
    text-align: center;
}

.browse-tiles h4.card-title a {
    color: #333;
}

    .browse-tiles h4.card-title a:hover, .browse-tiles h4.card-title a:focus, .browse-tiles h4.card-title a:active {
        color: #666;
    }

.card-section .card-title span {
    font-size: 1rem;
    display: inline-block;
}

/*.card-section .card-title a {
            color: #fff;
        }*/

.card-section .card-title a:hover {
    color: #ccc;
}

.card-section .card-5 .card-block {
    padding-top: 0;
    padding-bottom: 0;
}

    .card-section .card-5 .card-block:nth-child(6n+1) {
        padding-top: 1.25rem;
    }

    .card-section .card-5 .card-block:nth-child(6n+6) {
        padding-bottom: 1.25rem;
    }

.card-section .card-5 .card-title {
    font-size: 1.1rem;
    letter-spacing: -.02rem;
    margin-top: .3rem;
    padding: 0;
}



.card-section[class^="card-"] {
    border-top: none;
}

.card-1, .card-1 .card-block {
    background-color: #577a7a;
}

.card-2, .card-2 .card-block {
    background-color: #368b9c;
}

.card-3, .card-3 .card-block {
    background-color: #84569b;
}

.card-4, .card-4 .card-block {
    background-color: #768086;
}

.card-5, .card-5 .card-block:nth-child(6n+6) {
    background-color: #a24f60;
}

.card-6, .card-6 .card-block {
    background-color: #a24f60;
}

.card-1 .card-block {
    border-bottom: 8px solid #2a5656;
}

.card-2 .card-block {
    border-bottom: 8px solid #006c81;
}

.card-3 .card-block {
    border-bottom: 8px solid #632980;
}

.card-4 .card-block {
    border-bottom: 8px solid #515e66;
}

.card-6 .card-block {
    border-bottom: 8px solid #892035;
}

.card-5 .card-block:nth-child(6n+6) {
    border-bottom: 8px solid #892035;
}




/*Leaderboard*/
.top-banner {
    position: relative;
}

    .top-banner img {
        padding-bottom: 1px;
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
    }


.content-wrap {
    padding-top: 4rem;
}

@media ( min-width: 992px) {
    .content-wrap {
        padding: 3rem 0;
    }
}


.section.light-gray-background {
    /*background-color: orange;*/
}

.content-wrap.light-gray-background {
    background-color: #f1f1f1;
}

.gray-background {
    background-color: #ececeb
}

.content-wrap p {
    font-size: .95rem;
    margin-bottom: 1.1rem;
}

    .content-wrap p.lead {
        font-size: 1.1rem;
        font-weight: 400; 
    }

.content-wrap .content-main-cards p > a {
    color: #333;
    font-weight: normal;
}

    .content-wrap .content-main-cards p > a:hover {
        color: #bbb;
    }

.content-wrap a {
    color: #892035;
    font-weight: 700;
}


.tab-content p a {
    color: #892035;
    font-weight: 700
}

.content-wrap a.btn.btn-outline-primary {
    color: #666;
    font-weight: 400;
    text-decoration: none;
}

.content-wrap a:hover, .content-wrap a:focus, content-wrap a:active {
    /*color: #A24F60;*/
    color: #666;
}

.content-wrap ul {
    padding: 0;
}

    .content-wrap ul li {
        font-size: .95rem;
        line-height: 1.3;
        list-style-type: none;
        margin: .5rem auto .75rem;
    }


        .content-wrap ul li li {
            list-style-type: circle;
            margin: .25rem 3rem;
        }

    .content-wrap ul.list-styled, .content-wrap ul.list-styled li {
        list-style-type: disc;
    }

    .content-wrap ul.list-styled {
        margin: 1rem auto;
    }

        .content-wrap ul.list-styled li {
            font-size: .95rem;
            line-height: 1.3;
            margin: .5rem 1rem;
        }

            .content-wrap ul.list-styled li li {
                list-style-type: circle;
                margin: .25rem 3rem;
            }

    .content-wrap ul.debug-list li {
        font-size: .82rem;
        letter-spacing: .05rem;
        margin: .2rem 0;
        padding: 0;
    }

        .content-wrap ul.debug-list li span {
            color: #666;
            font-weight: 400;
        }

.content-wrap .row .row:first-child .section-separator, main section + section .row .row:first-child .section-separator {
    display: none;
}

.content-wrap .card.brdr-nobkgrd {
    background-color: transparent;
    border: 1px solid #bdbcb9;
}

.content-wrap .card-body {
    line-height: 1.2;
    padding: 1.25rem;
}


.aims-scope .content-wrap p {
    font-size: .8rem;
    line-height: 2em
}

.aims-scope .content-wrap h3 {
    padding-bottom: 20px
}

.aims-scope .content-wrap ul {
    font-size: .8rem;
    padding: 0 .75rem .25rem 1rem;
}

    .aims-scope .content-wrap ul li {
        font-size: .8rem;
        line-height: 1.1rem;
        list-style-type: disc;
    }

.aims-scope .content-wrap table tr td {
    padding: 0 15px 25px 0;
}

.editorial h3 {
    font-size: 1.5rem;
    padding: 10px 0
}

.editorial p {
    font-size: 0.9rem;
}

.editorial img {
    margin: 0 15px 5px 0;
    border: 1px solid #ccc;
}

.editorial a {
    color: #892035;
}

.pub-press .magazine-section:first-of-type .single-news {
    border-top: none;
}

.index-in {
    font-size: .875rem;
}

.pubPkg hr:first-of-type {
    display: none;
}

.pubPkg p a {
    color: #892035;
    text-decoration: underline;
}



@media (max-width: 768px) {
    .pubPkg .cover {
        max-width: 10rem;
    }
}

@media (max-width: 768px) {
    .cover.scale-form-cover-img {
        max-width: 12rem;
    }
}

table.table-bordered tr {
    background-color: #efefef;
}

table.media-kit-publist tr {
    border-top: 2px solid #ccc;
    border-collapse: initial;
}

.media-kit-publist td {
    margin: 0;
    padding: .7rem 0 .3rem .4rem;
}

    .media-kit-publist td img:hover {
        opacity: .5;
    }


.media-kit-publist a {
    font-weight: normal;
}
/*
.media-kit-publist li {
    border-top: 1px dotted #ddd;
    padding: .7rem 0 .1rem;
}

    .media-kit-publist li a {
        font-weight: normal;
    }

    .media-kit-publist li:after {
        content: url('../images/main/if_pdf_3745.png');
    }*/

/*Search Container */
#collapseSearch {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 6;
    box-shadow: 0 3px 7px rgba(0,0,0,.15);
}

.flyout-inner.bgSrch div[class^="col-"] {
    padding: .25rem;
}


#collapseSearch .bgSrch {
    background-color: #f5f5f5;
    height: 100%;
    height: auto;
    width: 100%;
    left: 0;
    top: 3rem;
    padding: 0;
    overflow-y: visible;
}

    #collapseSearch .bgSrch select {
        border: 1px solid #292929;
        background: transparent;
        color: #892035;
        padding: 0 .75rem;
        width: 100%;
        font-weight: 700;
        font-size: 15px;
        height: 2.75rem !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url('../images/main/arrow-select-down.GIF') 96% / 15% no-repeat #f5f5f5;
    }


        #collapseSearch .bgSrch select option {
            font-size: 15px;
            font-weight: 700;
        }

#collapseSearch .bgSrch-input-wrapper {
    border: 1px solid #292929;
    position: relative;
    width: 100%;
}

    #collapseSearch .bgSrch-input-wrapper .form-control {
        background: transparent;
        border: none;
        padding: .75rem;
        width: 100%;
        color: #892035;
        font-weight: 400;
        font-size: 15px;
    }


#collapseSearch .btn.btn-lg {
    background: #ddd;
    border-color: #ddd;
    border-left-color: #ddd;
    box-shadow: none;
    color: #333;
    font-weight: 700;
    height: 2.6rem;
    padding: .65rem 1rem;
    position: absolute;
    right: -.35rem;
    top: -.35rem;
    z-index: 50;
}

#collapseSearch .btn::after {
    background-color: #ddd;
    box-shadow: none;
}


#collapseSearch .btn.btn-lg i {
    color: #333;
    font-weight: normal;
}

#collapseSearch .bgSrch-input-wrapper .form-control::placeholder {
    color: #9e9e9e;
    font-size: 14px;
    font-weight: 700;
}


/* //////////////////// Search Results //////////////////// */

.search-highlight {
    background-color: #efefef;
    color: #000;
    padding-left: .2rem;
    padding-right: .2rem;
}

/*.no-results {
    border: 3px solid #892035;
    color: #000;
    font-size: 1.6rem;
    line-height: 1.5rem;
    min-height: initial;
}*/

/*.no-results p {
        font-size: 1rem;
        margin: 0;
    }*/

.search-results {
    min-height: 30rem;
}


    .search-results .result-current {
        text-transform: uppercase;
        color: #892035;
        font-weight: bold
    }

    .search-results b, .search-results strong {
        font-weight: bold;
    }

    .search-results .nav > li {
        position: relative;
        display: block;
    }

    .search-results .nav-tabs .nav-link {
        color: #892035;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 0.15em;
        background-color: #efefef;
        border-right: none;
        border-top: 2px solid #efefef;
        border-bottom: 2px solid #892035;
        border-right: 2px solid #efefef;
        margin: 0;
        margin-right: 0;
        margin-left: 0;
        padding: 15px 5px;
    }

        .search-results .nav-tabs .nav-link.active {
            font-size: 14px;
            font-weight: bold;
            border-right: none;
            border-left: 2px solid #892035;
            border-top: 2px solid #892035;
            border-right: 2px solid #892035;
            border-bottom: 2px solid white;
        }

    .search-results .tab-pane {
        border: none;
        border-top: none;
        padding: 1.5rem;
    }

@media (max-width: 1200px) {

    .search-results .nav-tabs .nav-link, .search-results .nav-tabs .nav-link.active {
        letter-spacing: 0.1em;
    }
}

@media (max-width: 995px) {
    .search-results .nav-tabs .nav-link, .search-results .nav-tabs .nav-link.active {
        font-size: 0.55rem;
    }
}

@media (max-width: 778px) {

    .search-results .nav-tabs .nav-link, .search-results .nav-tabs .nav-link.active {
        letter-spacing: 0.01em;
    }

    .mobile-gap {
        margin-top: 3rem
    }
}

.search-results .tab-pane ul li {
    border-top: 1px dotted #ccc;
    clear: both;
    display: block;
}

/*.search-results .title-wrapper {
    padding: .5rem 2rem;
    }*/

.search-results .card-title {
    font-family: "Roboto",sans-serif;
    font-size: .8rem;
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0.5rem 0;
}

    .search-results .card-title a {
        color: #000;
    }

.search-item h4 {
    font-family: "Roboto",sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0rem;
    line-height: 1.2;
    /*margin: 1.5rem 1rem .5rem;*/
    margin: 1.5rem 0 .5rem;
}

    .search-item h4 a {
        color: #892035;
    }

        .search-item h4 a:hover {
            color: #aaa;
        }

.search-item p {
    color: #666;
    letter-spacing: .01rem;
    padding: 0.15rem 0;
    /*margin: 0 1rem 1rem;*/
    margin: 0 1rem 1rem .25rem;
}

/*Carousel*/


/*.carousel,
    .carousel-item,
    .carousel-item.active {
        background-color: #ccc;
        height: 100%;
        height: 18.75rem;
    }

    .carousel-inner {
        height: 100%;
    }

        .carousel-inner > .carousel-item > img {
            margin: 0 auto;
        }*/

/*.carousel-item:nth-child(1) {
         background-image: url('/images/main/home-slider-test.jpg');
    background-repeat: no-repeat;
    background-size: cover;
        background-color: black;
    }*/

/*.carousel-item:nth-child(2) {
        background-image: url('/images/main/sorotest-nologo.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }*/

/*.carousel-item:nth-child(3) {
        background-image: url('/images/main/test-bkgrd-4.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }*/
/*.carousel-indicators {
    z-index: 1;
}
    .carousel .carousel-indicators li {
        max-width: 10px;
        height: 10px;
        border-radius: 50%
    }*/

/*.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
        height: 2.5rem;
        width: 2.5rem;
    }*/

/*.carousel .carousel-control-prev-icon {
        background-image: url('/images/svg/arrow_left.svg');
    }

    .carousel .carousel-control-next-icon {
        background-image: url(/images/svg/arrow_right.svg);
    }*/

/*Caption*/

/* .flex-center {
            color: #fff;
        }*/

/*.carousel-caption {
        background-color: rgba(0,0,0,.6);
        font-family: 'Roboto Condensed', sans-serif;
        color: #bdbcb9;
        left: 15%;
        bottom: auto;
        padding: 1.5rem 3rem;
        position: absolute;
        right: 15%;
        text-align: left;
        top: 4rem;
        z-index: 10;
    }*/

/*.carousel-caption h3 {
            font-size: 1.5rem;
        }

        .carousel-caption p {
            font-size: 1rem;
            line-height: 1.5rem;
        }*/

/*@media (min-width: 776px) {
        /*.carousel-caption {
            width: 30%;
        }*/

/*.carousel .carousel-control-next-icon, .carousel .carousel-control-prev-icon {
            height: 4.25rem;
            width: 3.438rem;
        }*/

/*.carousel .view ul li {
            display: inline;
        }

        .carousel .view .full-bg-img ul li .flex-item {
            margin-bottom: 1.5rem;
        }*/
/*  }*/



/*Microsite Layout*/
.j-side {
    border-left: 1px solid #ccc;
    margin-top: 3.5rem;
}





/* BUTTONS */
.btn {
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #292b2c;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.1;
    margin: 0.375em;
    padding: 0.85rem 2.13rem;
    text-transform: uppercase;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
}

.btn {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: relative;
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    overflow-wrap: break-word;
}

    .btn:hover {
        background-color: #f7f7f7;
        border-color: #4285f4;
        text-decoration: none;
        font-weight: normal
    }

        .btn:hover::after {
            opacity: 0.5;
        }

    .btn.active, .btn:active, .btn:focus {
        background-color: #e6e6e6;
        border-color: #4285f4;
        outline: 0 none;
        text-decoration: none;
    }

    .btn::after {
        box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.2), 0 5px 10px 5px rgba(0, 0, 0, 0.18);
        content: "";
        font-family: "Roboto Condensed",sans-serif;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        width: 100%;
        z-index: -1;
    }

    .btn.active, .btn:active, .btn:focus, .btn:hover {
        background-color: transparent;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.18), 0 4px 10px 0 rgba(0, 0, 0, 0.15);
    }

.btn-sm {
    font-size: 0.65rem;
    padding: 0.4rem 1.3rem;
}

.btn-md {
    font-size: 0.75rem;
    padding: 0.7rem 1.6rem;
}

.btn-lg {
    font-size: 1rem;
    padding: 1rem 2.2rem;
}


.btn-outline-primary {
    background-color: transparent;
    border: 1px solid #8c8c8c;
    color: #777;
    font-family: "Roboto Condensed",sans-serif;
    background-color: transparent;
    background-image: none;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    text-decoration: none;
}

a.btn-outline-primary:hover {
    background-color: #f7f7f7;
    border-color: #4285f4;
    color: #666;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
}

.btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary:focus {
    background-color: #f7f7f7;
    border-color: #4285f4;
    color: #4285f4 !important;
}


.btn-outline-primary-lt {
    background-color: #FFF !important;
    border: 1px solid #FFF;
    color: #000 !important;
    font-family: "Roboto Condensed",sans-serif;
    background-image: none;
    opacity: 0.65;
    font-weight: 500;
    text-decoration: none;
    font-size: 0.9rem !important;
    padding: 0.7rem !important;
}

@media only screen and (min-width: 1200px) {
    .btn-outline-primary-lt {
        font-size: 0.6rem;
        padding: 0.5rem;
    }
}

.btn-outline-primary-lt:active, .btn-outline-primary-lt:active:focus, .btn-outline-primary-lt:focus, a.btn-outline-primary-lt:hover {
    background-color: #FFF;
    border-color: #FFF;
    color: #000 !important;
    opacity: 7;
    font-weight: 500;
}

.btn-secondary, a.btn-secondary {
    color: #fff;
    background: #892035;
    font-weight: normal;
    text-decoration: none;
}

    .btn-secondary, .btn-secondary:active, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover, .btn-secondary:hover::after {
        background-color: #ba3b54;
        color: #fff !important;
        border-color: #ba3b54;
    }

@media (min-width: 768px) and (max-width: 991.98px) {

    .main-btns a.list-group-item span {
        width: 100px;
        max-width: 85.00%;
    }
}

.main-btns a.list-group-item {
    background-color: #892035;
    color: #fff;
    padding: .6rem 1.25rem;
    letter-spacing: -.01rem;
    text-decoration: none;
}

    .main-btns a.list-group-item:hover {
        color: #ddd;
    }




/* Vertical Separators */
.row.vertical-divider > div[class^="col-"] {
    border-top: 1px solid #ccc;
    padding-top: 1rem;
}

.row.vertical-divider div[class^="col-"]:first-child {
    border-top: none;
}

.row.vertical-divider div[class^="col-"]:last-child {
    border-right: none;
}

.magazine-section .row.vertical-divider > div[class^="col-"]:first-child {
    padding-bottom: 1rem; /* background-color:orange;*/
}

.magazine-section .row.vertical-divider > div[class^="col-"]:last-child {
    border-top: none;
    padding-bottom: 1rem; /*background-color: green;*/
}

.magazine-section .row.vertical-divider > div[class^="col-"] > .single-news:nth-child(2) {
    border-top: none;
}



#featured {
    margin-top: 4rem
}

@media (min-width: 768px) {
    #featured {
        margin-top: 5rem;
    }
}

#featured p {
    font-size: .8rem;
}

#featured .editor {
    margin: 1rem auto .5rem;
}

    #featured .editor p {
        font-size: .9rem;
        margin-bottom: 0;
    }

#featured .card {
    border: 1px solid #ccc;
    min-height: initial;
}

#content .single-news .view.overlay.hm-white-slight > a {
    text-decoration: none;
    min-height: initial;
}

/*.short-description p:after {
        content: "\2026";
    }*/

.short-description, .short-description p, .short-description a {
    font-size: .8rem;
    margin: 0;
    padding: 0;
}

    .short-description a {
        display: block;
    }

.short-description-pkg, .short-description-pkg p, .short-description-pkg a {
    font-size: .9rem;
    margin: 0;
    padding: 0;
}



h1.journal-title {
    font-family: 'Roboto', sans-serif;
    font-size: 1.65rem;
    letter-spacing: -.02rem;
    font-weight: 700;
    /*letter-spacing: normal;*/
}

    h1.journal-title span, h4.card-title span {
        display: block;
        font-size: 1rem;
        letter-spacing: normal;
        margin-top: .5rem;
        font-weight: normal;
        font-family: Arial;
    }

        h4.card-title span.collection {
            display: block;
            font-size: .8rem;
            letter-spacing: normal;
            margin-top: .5rem;
            font-weight: normal;
            font-family: Arial;
        }

h2.content-header {
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    padding-bottom: .25rem;
    letter-spacing: -.02rem;
}

h5.impact {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .2rem;
}

    /*h5.impact + h5 {
        font-size: 1rem;
        font-weight: 700;
        margin-top: .3rem;
    }*/


    h5.impact span.text-minute {
        font-weight: 400;
        margin-left: .2rem;
    }
.j-search-wrp {
    padding: 2rem 1rem 0 1.5rem;
}

.j-announcement {
    border: 1px solid #eee;
    font-size: .9rem;
    margin: 0 auto 1rem;
    padding: 0 1.5rem .6rem;
}

.j-announcement-hdr {
    background-color: #eee;
    border-bottom: 1px solid #666;
    color: #333;
    font-size: .9rem;
    letter-spacing: .07rem;
    margin: 0;
    padding: 1rem 1.9rem .7rem;
    text-transform: uppercase;
}

.j-announcement h1 {
    font-size: 2rem;
}

.j-announcement h2 {
    font-size: 1.5rem;
}

.j-announcement h3 {
    font-size: 1.25rem;
}

.j-announcement h4 {
    font-size: 1.1rem;
}

.j-announcement h5 {
    font-size: 1rem;
}

.j-announcement h6 {
    font-size: 1rem;
}

.j-announcement .list-group-item {
    border: none;
    border-top: 1px solid #eee;
    display: inherit !important;
    margin: 0 auto;
    padding: .8rem 0;
}

    .j-announcement .list-group-item:first-child {
        border-top: none;
    }

    .j-announcement .list-group-item:last-of-type {
        border-bottom: none;
    }

.j-announcement ul {
    list-style-type: disc;
    margin: .3rem 0;
    padding: 0;
}

    .j-announcement ul li {
        list-style-type: disc;
        font-size: .8rem;
        margin: 0 3rem;
        padding: 0;
    }

.j-announcement p {
    font-size: .8rem;
    margin: 0;
    padding: 0;
}

.j-announcement a {
    color: #892035;
}

.j-announcement .list-group-item .cfp-announcement { margin-top: .4rem; margin-bottom: .4rem; }

.j-announcement .list-group-item .cfp-announcement > h5 {
    font-family: Roboto, sans-serif;
    font-weight: bold;
    margin-top: .3rem;
    margin-bottom: .1rem;
    text-transform: uppercase;
} 

.j-announcement .list-group-item .cfp-announcement > p {
    font-family: Roboto, sans-serif;
    font-size: .825rem;
}

    .j-announcement .list-group-item .cfp-announcement li {
        font-family: Roboto, sans-serif;
        font-size: .825rem;
        margin: .2rem .2rem .2rem 1rem;
    }

.j-announcement .list-group-item .cfp-announcement a {
    color: #892035;
    text-decoration: underline;
}


.j-side {
    margin-top: 3.5rem;
}

.text-minute {
    font-family: "Roboto", sans-serif;
    font-size: .65rem;
}

.card.ad-container {
    background-color: transparent;
    margin-bottom: .35rem;
}

.ad-container .text-minute {
    display: block;
}



.margin-horizontal--small {
    margin-left: .5rem;
    margin-right: .5rem;
}

.section hr {
    margin-top: .75rem;
    margin-bottom: 1rem;
}

.highlight {
    color: #FF6550;
    /*color: #000;
    background: #e6e6e6;
    padding: 0 5px;*/
}

.big-img-caption {
    position: absolute;
    top: -4rem;
    right: 0;
    color: #fff;
    font-size: .8rem;
    z-index: 4;
    padding: 1rem 1rem;
    opacity: .5;
}
/* Hero Image */
.down-arrow {
    max-width: 50px;
}

/*.pagination { border-top: 1px dotted #ccc; }*/

.pagination .page-item {
    margin: 0;
}

    .pagination .page-item a {
        text-decoration: none;
    }

.pagination .page-link {
    border: none;
    color: #666;
    font-size: .9rem;
    font-weight: 400;
    text-decoration: none !important;
}

    .pagination .page-link:hover, .pagination .page-link:focus {
        background-color: transparent;
        color: #000;
        font-weight: 700;
    }

.pagination .active .page-link {
    /* background-color: #FFEFED;*/
    background-color: #fff;
    border-color: #fff;
    box-shadow: none;
    color: #333;
    border-bottom: 2px solid #FF6550;
    font-weight: bold;
}

.pagination .active:hover .page-link {
    color: #000;
    font-weight: 700;
}

img {
    border-style: none;
    vertical-align: middle;
}

    img.cover {
        border: 1px solid #666;
        width: 100%;
        max-width: 20rem;
    }

    img.modal-cover {
        border: 1px solid #666;
        width: 100%;
        height: 100%
    }

.section img {
    display: inline;
    /*border: 1px solid #CCC*/
}


/* Journal Microsite - Tabbed Content */
.tab-pane {
    border: 1px solid #ddd;
    border-top: none;
    padding: 1.5rem;
}

.nav-tabs {
    padding: 0;
}

    .nav-tabs .nav-link {
        background-color: #efefef;
        border-bottom-color: #ddd;
        color: #666;
        font-size: .9rem;
        margin: 0;
        padding: .75rem 1rem;
    }

@media (min-width: 1200px) {
    .nav-tabs .nav-link {
        margin: 0 .2rem;
    }
}

.nav-tabs .nav-link:first-child {
    margin-left: 0;
}

/* .nav-tabs .nav-item:last-of-type .nav-link {
            margin-right: 0;
        }*/

.nav-tabs .nav-link.active {
    font-size: 1rem;
    background-color: #fff;
    margin-bottom: -0.1875rem;
}




/* ///// POLICIES STYLING  /////// */

.panel-wrp.policies-accordion {
    margin-top: 1rem;
    padding: 2rem .7rem;
}

@media (min-width: 768px) {
    .panel-wrp.policies-accordion {
        padding: 2rem;
    }
}
#pol-accordion table caption {
    font-size: .9rem;
    font-weight: bold;
}


#pol-accordion .table{
    font-size: .725rem;
}

#pol-accordion .table td, #pol-accordion .table th {
    padding: .45rem;
}

@media (min-width: 768px) {
    #pol-accordion .table tbody th {
        min-width: 132px;
    }

    #pol-accordion .table td {
        width: 20%;
    }
}





    #pol-accordion .card {
    color: #333;
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}
#pol-accordion .card:nth-child(1) {
    border-top: 1px solid rgba(0,0,0,.1);
} 
#pol-accordion .card-header {
    background-color: #ffffff !important;
    border: none;
    padding: 0;
}
#pol-accordion .card-header:hover {
    background-color: #f1f1f1;
}

    #pol-accordion .card-header a.pol-hdr {
        color: #333;
        display: block;
        font-family: 'Roboto';
        font-size: 1rem;
        font-weight: normal;
        text-decoration: none !important;
        padding: 1rem 2.5rem 1rem 1.25rem;
        background-color: #efefef;
    }
/* header size - padding - content pages*/
.content-wrap #pol-accordion .card-header a.pol-hdr {
    color: #000;
    font-size: 1.1rem;
    padding: 1rem 2.5rem 1rem 1.5rem;
    background-color: #ffffff;
}


#pol-accordion .card-header a.pol-hdr:focus {
    background-color: #eeeeee;
}

#pol-accordion .card-header a.pol-hdr:hover {
    background-color: #eeeeee;
}

#pol-accordion .card-header a.pol-hdr.collapsed:before {
    width: 42px;
    height: 52px;
    content: ' ';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #efefef;
}
/* Background height - arrow toggle background - content pages*/
.content-wrap #pol-accordion .card-header a.pol-hdr.collapsed:before {
    height: 100%;
}

#pol-accordion .dropdown-toggle::after {
    display: none;
}

#pol-accordion .dropdown-toggle .fa-angle-down:before {
    position: absolute;
    top: 1.15rem;
    right: 1rem;
    transition: all .2s linear;
}

#pol-accordion .dropdown-toggle[aria-expanded="true"] .fa-angle-down:before {
    transform: rotate(-90deg);
}

#pol-accordion a.close-pol {
    color: #666 !important;
    display: inline-block;
    letter-spacing: .03rem;
    font-size: .65rem;
    vertical-align: middle;
    text-decoration: none;
}

    #pol-accordion a.close-pol span {
        color: red;
        display: inline-block;
        font-size: 1.2rem;
        vertical-align: middle;
    }

    #pol-accordion a.close-pol:hover {
        color: #aaa !important;
    }

/* Accordion content styling  */
#pol-accordion .card h1 {
    font-size: 1.75rem;
    line-height: 135%;
}

#pol-accordion .card h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: bold;
    line-height: 135%;
    margin-bottom: 1.5rem;
    text-transform: initial;
}

#pol-accordion .card h3 {
    color: #892035;
    font-family: 'Roboto', sans-serif;
    /*font-size: .9rem;*/
    font-size: 1rem;
    font-weight: bold;
    line-height: 135%;
    margin-bottom: .45rem;
    text-transform: initial;
}

#pol-accordion .card h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    line-height: 130%;
    margin-bottom: .9rem;
}

#pol-accordion .card h5 {
    font-size: 1rem;
    line-height: 125%;
    margin-bottom: .9rem;
}

#pol-accordion .card h6 {
    font-size: .85rem;
    line-height: 120%;
    margin-bottom: .9rem;
}
#pol-accordion .card p {
    font-size: .8rem;
    line-height: 1.6;
}
/* Adjust font size for content page*/
.content-wrap #pol-accordion .card p {
    font-size: .95rem;
    line-height: 160%;
    margin-bottom: 1.6rem;
}

#pol-accordion .card li {
     font-size: .8rem;
    line-height: 160%;

}
/* Adjust font size for content page*/
.content-wrap #pol-accordion .card li {
    font-size: .95rem;
    line-height: 1.6;
}
#pol-accordion .card-block ul {
    margin: auto;
    padding: 0 2rem 2rem;
}

 #pol-accordion .card-block ul li {
    line-height: 1.6;
    list-style-type: disc;
    margin: .25rem auto .25rem;
}

/* Table */
#pol-accordion .table-responsive {
    display: block;
    font-size: .85rem;
    width: 100%;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 2rem;
}


#pol-accordion .table-responsive th:nth-child(4) {
    width: 20%;
}

#pol-accordion .table caption {
    caption-side: top;
}

#pol-accordion .card-block a {
    /* color: #0000FF;*/
    color: #892035;
    text-decoration: none;
    border-bottom: 1px dotted #892035;
    margin-bottom: .2rem;
}

#pol-accordion .card .sm-txt, #pol-accordion .card .sm-txt li {
    font-size: .71rem;
}

#pol-accordion .card .highlight-text {
    color: #892035;
}

#pol-accordion .card .attention-text {
    color: red;
}

/* ///// FOR AUTHORS STYLING  /////// */

@media (min-width: 768px) {
    .submit-btn {
        text-align: right;
    }
}

.submit-btn .btn {
    background-color: #FF6550;
    border: #FF6550;
    text-transform: none;
}

.panel-wrp.for-authors {
    border: none;
    padding: 2rem 0;
}

@media (min-width: 768px) {
    #content .panel-wrp.for-authors {
        border: 1px dotted #ddd;
        padding: 2rem;
    }

    .panel-wrp.for-authors .tab-pane {
        border: none;
    }
}



.for-authors-tabs {
    position: relative;
    z-index: 2;
    top: 2px;
}

    .for-authors-tabs .nav-tabs {
        /* display: flex;*/
    }

        .for-authors-tabs .nav-tabs li.nav-item {
            /* display: flex;
        flex: 1;*/
            font-family: 'Roboto Condensed', sans-serif;
            line-height: 1rem;
            letter-spacing: .04rem;
            margin-bottom: 0;
        }

        .for-authors-tabs .nav-tabs .nav-link {
            flex: 1;
            border-bottom: 1px solid #ddd;
            text-decoration: none;
        }

            .for-authors-tabs .nav-tabs .nav-link.active {
                border-bottom: none;
                flex: 1;
                font-size: .9rem;
                color: #FF6550;
                background-color: #fff;
                margin-bottom: 0;
            }

@media (min-width: 1200px) {

    .for-authors-tabs .nav-tabs li.nav-item {
        display: flex;
        flex: 1;
        margin-bottom: -1px;
    }
}
/*@media (min-width: 990px) and (max-width: 1200px) { .for-authors-tabs .nav-tabs { display: none; } }*/

.for-authors-tabs .nav-tabs .nav-link:after {
    color: #666;
    content: "\203A";
    font-size: 1.5rem;
    margin-right: 3rem;
    position: absolute;
    right: 0;
}

.for-authors-tabs .nav-tabs .nav-link.active:after {
    color: #666;
    content: "Showing";
    font-size: .9rem;
}

@media (min-width: 1200px) {

    .for-authors-tabs .nav-tabs .nav-link:after {
        color: initial;
        content: none;
        font-size: initial;
        margin-right: initial;
        position: inherit;
        right: initial;
        border: none;
    }

    .for-authors-tabs .nav-tabs .nav-link.active:after {
        color: initial;
        content: none;
        font-size: initial;
    }
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

@media (min-width: 1200px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }
}

.tab-article-header {
    color: #464a4c;
    font-family: "Roboto Condensed", sans-serif;
    font-size: .85rem;
    letter-spacing: .1rem;
    margin-bottom: .5rem;
    text-transform: uppercase;
}

.tab-article-title {
    font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    line-height: 1.55rem;
    font-weight: 700;
    letter-spacing: -.02rem;
    margin: .2rem 0;
}


    .tab-article-title a {
        text-decoration: none;
    }

.tab-article-author-date {
    color: #666;
    font-size: .8rem;
    margin: .2rem .2rem .2rem 0;
}

    .tab-article-author-date p {
        display: inline-block;
        padding: 0;
        margin: 0;
    }


/* This is for the <p> that TINY MCE is adding */

.tab-article-description {
    margin: .3rem 0;
}

.tab-content ul, .tab-content li {
    font-size: .8rem;
}

.panel-wrp {
    border: 1px solid #ddd;
    padding: 2rem;
}

    .panel-wrp .article-wrap {
        border-bottom: 1px solid #efefef;
        padding: 0 0 1rem;
    }

        .panel-wrp .article-wrap:last-child {
            border-bottom: none;
        }


.sp-issue .single-news {
    background-color: #efefef;
    /*border: 1px dotted #ddd;*/
    margin-bottom: 1rem;
    padding: 2rem 2rem 1rem;
}

    .sp-issue .single-news h4 b {
        font-weight: 700;
    }




/* Upcoming Events - News */
.magazine-section .single-news {
    padding: 1rem 0;
    border-top: 1px dotted #ccc;
}

.magazine-section div[class^="col-"] .single-news:first-child {
    padding: .5rem 0;
    border-top: none;
}

.magazine-section .single-news a {
    color: #000;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
}

    .magazine-section .single-news a:hover {
        color: #616161;
        transition: all 0.2s ease 0s;
    }

.magazine-section .single-news p {
    color: #757575;
    font-size: 0.8rem;
    font-weight: 400;
    letter-spacing: .02rem;
    margin-bottom: .1rem;
}

.magazine-section .single-news .event-date, .magazine-section .news-date, .magazine-section .news-type {
    font-family: "Roboto Condensed", sans-serif;
    color: #892035;
    font-weight: 400;
}

.magazine-section .single-news .event-title {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 1.3rem;
    font-weight: 400;
}


.magazine-section .single-news .event-location {
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 400;
}

.magazine-section .single-news .event-description, .magazine-section .single-news .event-description p, .magazine-section .single-news .news-body, .magazine-section .single-news .news-body p {
    color: #333;
    font-family: "Roboto", sans-serif;
    font-size: 0.9rem;
    margin: .7rem 0;
}

    /*.magazine-section .single-news p a {
        display: inline-block;
    }*/

    .magazine-section .single-news .news-body a {
        font-family: "Roboto", sans-serif;
        text-decoration: underline;
        color: #892035;
        font-weight: bold;
        display: inline;
    }

        .magazine-section .single-news .news-body a:hover {
            text-decoration: underline
        }

.magazine-section .single-news img {
    border: 1px solid #333;
}


/* Extra small devices (portrait phones, less than 576px)*/
/* No media query since this is the default in Bootstrap*/
#logo {
    margin-left: 0;
    position: relative;
}

    #logo.ml-2 {
        margin-left: 0 !important;
        position: relative;
    }

.icon-box {
    position: absolute;
    right: 2.8rem;
    top: 1.2rem;
}

.navbar.navbar-dark .navbar-toggler.navbar-toggler-menu {
    top: .9rem;
    right: 0;
}
/* ///////////////////////////////////
 Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {

    /*Logo Header*/
    .navbar-brand img {
        position: relative;
        top: 0;
        padding-top: 0;
        width: 20rem;
        height: auto;
    }

    /*Search and Menu Icons - Mobile*/
    .navbar.navbar-dark .navbar-toggler.navbar-toggler-custom, .navbar.navbar-dark .navbar-toggler.navbar-toggler-menu {
        top: 1rem;
    }

    .navbar.navbar-dark .navbar-toggler.navbar-toggler-custom {
        right: 4.5rem;
    }

    .navbar.navbar-dark .navbar-toggler.navbar-toggler-menu {
        right: 1rem;
    }

    .icon-box {
        position: absolute;
        right: 4rem;
        top: 1.3rem;
    }

        .icon-box a i .pl-2 {
            padding-left: .3rem !important;
        }

    .ad-container .text-minute {
        display: block;
    }
}

/*//////////////////////////////
Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    /*Logo Header*/
    .navbar-brand img {
        position: relative;
        top: 0;
        padding-left: .5rem;
        padding-top: 0;
        width: 24.38rem;
        height: auto;
    }

    /*Leaderboard*/
    .top-banner img {
        padding-bottom: 3px;
        width: auto;
        height: 5.625rem;
    }


    /*Search and Menu Icons - Mobile*/
    .navbar.navbar-dark .navbar-toggler.navbar-toggler-custom, .navbar.navbar-dark .navbar-toggler.navbar-toggler-menu {
        top: 1.6rem;
    }

    .icon-box {
        position: absolute;
        right: 3.8rem;
        top: 2rem;
    }

        .icon-box a i.pl-2 {
            padding-left: .5rem !important;
        }

    #searchNav .srch-btn i {
        font-size: 1.3rem;
        font-weight: 700;
        color: #cbbca8;
    }


    /*Microsite Layout*/
    .j-side {
        margin-top: 2rem;
    }

    /* Vertical Separators */

    div[class^="col-"].left-rule {
        border-left: 1px solid #ccc;
    }

    .row.vertical-divider > div[class^="col-"] {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-right: none;
        padding-top: .25rem;
    }

    .magazine-section .row.vertical-divider > div[class^="col-"]:first-child {
        padding-right: 3rem;
    }

    .magazine-section .row.vertical-divider > div[class^="col-"]:last-child {
        padding-left: 3rem;
        padding-right: 1rem;
    }

    .row.vertical-divider div[class^="col-"]:first-child {
        border-left: none;
    }

    .row.vertical-divider div[class^="col-"]:last-child {
        border-right: none;
    }

    .row.vertical-divider div[class^="col-"] {
        border-top: none;
    }

    .magazine-section .single-news img {
        border: 1px solid #333;
        margin-bottom: 0;
    }
}


/* //////////////////////////
    Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {

    /*Logo*/
    .navbar-brand {
        padding-left: 1rem;
    }
    /*Icon Box Wrapper - Tablet/Desktop*/
    #navbarNav {
        margin-top: 2.5rem;
        padding-right: 1rem;
    }

        /* Top Navigation /*Main Text Links*/
        #navbarNav > .navbar-nav > li {
            border: none;
            font-size: .8rem;
            line-height: 1.6rem;
            padding: 0;
            width: auto;
        }

            /* .navbar-brand img {
            top: 5px;
        }*/

            #navbarNav > .navbar-nav > li > a {
                line-height: 2rem;
                display: inline-block;
                margin-top: .9rem;
                padding: 0 .45rem 1.1rem;
                width: 100%;
                font-size: .7rem;
                letter-spacing: .03rem;
            }

            #navbarNav > .navbar-nav > li:first-child > a, #navbarNav > .navbar-nav > li > a {
                border: none;
            }

    .navbar-toggleable-md .navbar-collapse {
        display: flex;
    }


    /* Top Navigation / Account / Cart Icons*/
    .icon-box {
        padding: 0;
        padding-top: .5rem;
        position: absolute;
        top: .5rem;
        right: 1rem;
        height: 3.2rem;
    }

        .icon-box .nav-item span {
            display: none;
        }

        .icon-box .navbar-nav {
            width: auto;
        }

        .icon-box li {
            border-bottom: none;
            line-height: 2.3rem;
            padding: 0;
            float: left\9;
        }

        .icon-box a i {
            color: #cbbca8;
            font-size: 1.5rem;
            line-height: 0;
        }
}

/*//////////////////////////////
Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .navbar-brand img {
        top: 0;
    }

    #navbarNav > .navbar-nav > li > a {
        line-height: 1.9rem;
        display: inline-block;
        margin-top: .9rem;
        padding: 0rem .6rem 1.1rem;
        width: 100%;
        font-size: 13px;
        letter-spacing: .055rem;
    }
}

/*Collection Pages Cards*/

.media-left {
    display: table-cell;
    vertical-align: top;
}

.media-body p {
    font-size: .95rem;
    margin-bottom: 1.1rem;
}

.vert > div[class^="col-"] {
    border-bottom: 1px dotted #CCC
}

img.media-object {
    height: auto;
    max-width: 7rem;
    display: block;
    border: 1px solid #666;
}

@media (min-width: 768px) {

    .vert > div[class^="col-"] {
        border-left: 1px dotted #CCC;
        border-right: 1px dotted #CCC;
    }

        .vert > div[class^="col-"]:nth-child(odd) {
            border: none;
            border-bottom: 1px dotted #CCC;
        }

        .vert > div[class^="col-"]:nth-child(even) {
            border-right: none;
            border-bottom: 1px dotted #CCC
        }

        .vert > div[class^="col-"]:nth-last-child(2):nth-child(odd) {
            border-right: 1px dotted #CCC;
            border-bottom: none;
        }

        .vert > div[class^="col-"]:last-child {
            border-bottom: none;
            border-left: none;
        }

    img.media-object {
        max-width: 11.5rem;
    }
}



/* //////////// End Interent Explore \ Edge Hacks /////////////// */



.border {
    border-bottom: 2px solid #CCC
}


.spinner {
    margin: 4rem auto 0;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #892035;
        border-radius: 100% !important;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


.j-social-bar li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.j-social-bar a {
    display: inline-block;
    margin: 0;
}


.circle {
    display: block;
    width: 32px;
    height: 32px;
    -moz-border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    border-radius: 16px !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.linkedin {
    background-size: 80%;
    background-image: url('../images/main/linkedin-white.png');
    background-color: #0077B5;
}

.twitter {
    background-size: 80%;
    background-image: url('../images/main/twitter-white.png');
    background-color: #1DA1F2;
}

.facebook {
    background-size: 80%;
    background-image: url('../images/main/facebook-white.png');
    background-color: #3B5998;
}

.share {
    background-size: 50%;
    background-image: url('../images/main/share-white.png');
    background-color: #FF6550;
}






/* ////////////////////////////////////// */
/*  ////// MAIN COA BOXES - EDGE \ INTERNET EXPLORER \ HACKS :-(  ////// */

/*IE 10 and above*/
@media (max-width: 767px) {
    _:-ms-lang(x), .row.ie10up {
        margin-left: 0;
        margin-right: 0;
    }
}


_:-ms-lang(x), .main-cards.ie10up {
    width: 100%;
}


    _:-ms-lang(x), .main-cards.ie10up [class^="col-"] {
        width: 100%;
    }

    _:-ms-lang(x), .main-cards.ie10up .card {
        min-height: 0;
        width: 100%;
    }


    _:-ms-lang(x), .main-cards.ie10up .card-block {
        width: 100%;
    }



@media (min-width: 1200px) {


    _:-ms-lang(x), .main-cards.ie10up, .main-cards.ie10up [class^="col-"], .main-cards.ie10up .card, .card-block {
        width: auto;
    }

        _:-ms-lang(x), .main-cards.ie10up .card-block {
            width: auto;
        }

        _:-ms-lang(x), .main-cards.ie10up .card {
            min-height: 0;
        }

            _:-ms-lang(x), .main-cards.ie10up .card img, .main-cards.ie10up .img-fluid, .section .main-cards.ie10up .view, .main-cards.ie10up .section img {
                max-width: 215px;
            }
}


_:-ms-lang(x), .content-area.ie10up .panel {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

_:-ms-lang(x), .content-area.ie10up [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    _:-ms-lang(x), .content-area.ie10up [class^="col-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* IE10 Fix */
/*@media (min-width: 980px)  {  #navbarNav {
        width: 100%;
position: absolute;
left: 0;
top: 0;
    }
}*/



/* IE9 Fix */
@media (min-width: 768px) {
    .content-area {
        clear: both\9;
    }

        .content-area [class^="col-"] {
            float: left\9;
            margin-top: 2rem\9;
        }
}


/*
 * Let's target IE to respect aspect ratios and sizes for img tags containing SVG files
 *
 * [1] IE9
 * [2] IE10+
 */
/* 1 */

/*
img.ie9-img[src$=".svg"] {
    width: 100%;
}
/* 2 */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (max-width: 767px) {
    img.ie9-img[src$=".svg"] {
        height: 60px
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 768px) {
        img.ie9-img[src$=".svg"] {
            height: 90px
        }
    }


    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 768px) {
        .ie-prop #navbarNav {
            /*  position: absolute; height: 90px; top: -32px; right: 24px; width: 600px; border: 1px solid red;*/
        }
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 768px) {
        .ie-prop .collapse.navbar-collapse.flex-first {
            width: 55px;
        }
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 0) {
        .ie-prop .navbar-nav.ml-auto {
            /*  bottom: 0;
        position: relative;
       width: 100%;*/
        }
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (min-width: 768px) {
        /*  .ie-prop .navbar-nav.ml-auto {
      bottom: 0;
       position: relative;
  
    }*/
    }

    /* ////////// Publication URLs Table //////////// */

    .list-table {
        font-size: .8rem;
        padding-left: 15px;
        padding-right: 15px;
    }

    .url-table th {
        text-transform: uppercase;
        letter-spacing: 0.1rem
    }


    .url-table td, .url-table th {
        padding: 1rem;
    }

    .url-table th {
        text-transform: uppercase;
        letter-spacing: 0.1rem
    }

    table.url-table td:nth-of-type(6) {
        width: 3rem;
    }

    .dont-break-out {
        /* These are technically the same, but use both */
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        /* This is the dangerous one in WebKit, as it breaks things wherever */
        word-break: break-all;
        /* Instead use this non-standard one: */
        word-break: break-word;
        /* Adds a hyphen where the word breaks, if supported (No Blink) */
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
    }


    @media (max-width: 991px) {

        /* Force table to not be like tables anymore */
        table.url-table, table.url-table thead, table.url-table tbody, table.url-table th, table.url-table td, table.url-table tr {
            display: block;
        }

            /* Hide table headers (but not display: none;, for accessibility) */
            table.url-table thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
                text-align: left
            }

            table.url-table td {
                /* Behave  like a "row" */
                border: none;
                border-top: 1px solid #ccc;
                position: relative;
                padding-left: 50%;
                text-align: left;
            }

                table.url-table td:before {
                    /* Now like a table header */
                    position: absolute;
                    /* Top/left values mimic padding */
                    left: 6px;
                    width: 45%;
                    padding-right: 10px;
                    text-align: left;
                    text-transform: uppercase;
                    font-weight: bold;
                    letter-spacing: 0.1rem
                }


                table.url-table td:nth-of-type(5) {
                    min-height: 4rem;
                    text-align: left;
                }

                table.url-table td:nth-of-type(6) {
                    min-height: 6rem;
                    text-align: left;
                    width: auto;
                }

                /* Label the data */
                table.url-table td:nth-of-type(1):before {
                    content: "Type";
                }

                table.url-table td:nth-of-type(2):before {
                    content: "Title";
                }

                table.url-table td:nth-of-type(3):before {
                    content: "e-ISSN";
                }

                table.url-table td:nth-of-type(4):before {
                    content: "Specific URL";
                }

                table.url-table td:nth-of-type(5):before {
                    content: "1st Year Online";
                }

                table.url-table td:nth-of-type(6):before {
                    content: "Starting Online Volume";
                }

                table.url-table td.text-md-center {
                    text-align: left !important;
                }
    }

    /* Download Options */

    .download-options {
        background-color: #892035;
        border-color: #ba3b54;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
        width: 250px;
    }

        .download-options a {
            color: #fff;
            font-size: .8rem;
            padding: 1rem;
            display: block;
            width: 250px;
        }

            .download-options a:focus, .download-options a:hover {
                background-color: #ba3b54;
                color: #fff !important;
                border-color: #ba3b54;
            }


    #file-options {
        background-color: #e8e4de;
        font-size: .8rem;
        width: 250px;
    }

        #file-options:hover, #file-options:focus {
            background-color: #ebebea;
            font-size: .8rem;
        }

        #file-options table {
            width: 100%;
        }

        #file-options td {
            border: 1px solid #ddd;
            border-left: none;
            border-right: none;
            padding-top: .75rem;
            padding-bottom: .75rem;
        }

            #file-options td:first-of-type {
                border-top: none;
            }

        #file-options a {
            padding-left: 2rem;
            font-weight: bold;
        }

            #file-options a:hover, #file-options a:focus {
                color: #892035;
            }

    /*   ////////    */
    a.anchor {
        display: block;
        position: relative;
        top: -250px;
        visibility: hidden;
    }

    /*    ////////    */
    /* Trying to fix the page shift / extra margin on the right side when opening the modal window. */
    body.modal-open {
        padding-right: 0 !important;
    }
}

    /* For Future Update - Society Logo Upload */
    /*.society-logos img {
    height: auto;
    width: auto;
    max-height: 7rem;
    max-width: 11.5rem; 
    padding: .6rem .2rem;
}

.society-logos small {
    display: block;
    text-align: left;
}*/
    .pkg-list {
        margin: 0;
        padding: 0;
    }

        /* Package Home */

        .pkg-list li {
            font-size: .8rem;
            list-style-type: none;
        }

        .pkg-list a {
            color: #892035;
        }
/* 8/12/2020 - ARE WE USING THIS FOR THYPACK? */
/*.sub-incl table tr td {
    border-top: 3px solid #ccc;
    padding: .3rem !important;
    vertical-align: middle !important;
}
.sub-incl table tr td + td {
    max-width: 120px;

}
    .sub-incl table tr:first-child td {
        border-top: none;
    }

.sub-incl table tr td .journal-title {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-top: .3rem;
    vertical-align: middle !important;
}

@media (min-width: 992px) {
    .sub-incl table tr td .journal-title {
        font-size: 20px;
 
    }
}
.sub-incl table tr td .btn-secondary {
        padding: .6rem .7rem .5rem;
        width: 100%;
    }*/

/*THYPACK UPDATES*/
h5.pack {
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    font-family: 'Roboto Condensed', sans-serif;
}
img.pack {
    width: 100px;
    border: 1px solid #666
}
.mt-xs-3 {
    margin-top: 1rem !important;
}

/* Impact Factor/CiteScore Updates*/
.info-icon-outline { cursor: pointer !important; outline: none !important; vertical-align: top;  }

.info-icon-outline img {
    opacity: .5; max-width: 14px;
}
    .info-icon-outline:hover img {
        opacity: .8;

    }
.citescore-wrapper, .citescore-list:last-of-type { padding-bottom: .75rem; }

.popover {  z-index: 9! important}




/* Alert Signup - Validation Message - Not Primary Email */

.get-started span.field-validation-error.custom-msg {
     white-space: pre-line;
     right: 1rem;
     margin-top: 1rem;
     margin-left: 155px;
     text-align: left;
 }

.new-signup .validation-msg span.field-validation-error {
    position: initial !important;
    top: 0 !important;
    text-align: right;
    width: 100%;
    white-space: pre-line;
}

.form-wrapper .new-signup .form-group {
    height: auto;
}

.get-started .flex-fill, .new-signup .flex-fill {
    flex: 1 1 auto !important;
}

@media (min-width: 992px) {
     .get-started span.field-validation-error.custom-msg {
         text-align: right;
     }
}