/*  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: 12.25rem;
}

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

.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 center;
}

.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.hero { top: 0; }


.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.2);
    }
}

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

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

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

li.tooltip-description, li.tooltip-description p {
    font-size: .85rem; color: #fff;
    text-shadow: 2px 2px 1px rgba(65, 65, 65, 1);
}


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

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

@media only screen and (min-width: 992px) {
    .img-hdr {
        max-width: 28rem;
    }
}
    /* ////////// 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;
        }

    .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;
    }

    .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;
            -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-color: magenta!important;*/
        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: transparent;
        /*background-color: magenta!important;*/
        border: 1px solid #bdbcb9;
        color: #fff !important;
        font-family: "Roboto Condensed",sans-serif;
        background-color: transparent;
        background-image: none;
    }

        .btn-outline-primary-lt:active, .btn-outline-primary-lt:active:focus, .btn-outline-primary-lt:focus, a.btn-outline-primary-lt:hover {
            background-color: rgba(62, 69, 81, 0.7);
            border-color: #ccc;
            color: #e5e5e6 !important;

        }

.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;
            font-weight: 700;
            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: 0;
    }

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


        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: .6rem 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-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-hdr {
        width: 75%;
        margin: 0 auto 0;
    }*/

        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;
    }


    /* 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 .card {  color: #333;  }

#pol-accordion .card-header {
    background-color: #ececec;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1rem 1.25rem .8rem;
}
    #pol-accordion .card-header a.pol-hdr {
        color: #666;
        display: block;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: .9rem;
        margin-right: 2rem;
        text-decoration: none !important; 
    }

#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-weight: bold; line-height: 135%; margin-bottom: .45rem; text-transform: initial; }
#pol-accordion .card h4 { 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 { line-height: 160%; }
#pol-accordion .card li { font-size: .8rem; line-height: 160%; } 
#pol-accordion .card a { color: #0000FF; }
#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;
}*/