﻿/*############################################################################### */
/*#######################  SUITCASE.CSS  ######################################## */
/*############################################################################### */

.isu-dark-ribbon {
    background-color: #333;
    color: #fff;
}
.isu-dark-ribbon .wd-ribbon-menu {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 4px 0;
}
.isu-dark-ribbon .isu-signons {
    float: left;
}
.isu-dark-ribbon .isu-directory-info {
    float: right;
}
.isu-dark-ribbon .isu-alpha-index {
    float: right;
    margin-right: 3px;
}
.isu-dark-ribbon .wd-ribbon-menu-stack li,
.isu-dark-ribbon .wd-ribbon-menu li {
    float: left;
}
.isu-dark-ribbon .wd-ribbon-menu li a {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 6px;
    text-decoration: none;
}
.isu-dark-ribbon .isu-directory-info.wd-ribbon-menu li a,
.isu-dark-ribbon .isu-signons.wd-ribbon-menu li a {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.isu-dark-ribbon .isu-directory-info.wd-ribbon-menu li + li a,
.isu-dark-ribbon .isu-signons.wd-ribbon-menu li + li a {
    border-left: 0;
}
.isu-dark-ribbon .isu-signons.wd-ribbon-menu li.first a {
    border-left: 0;
    padding-left: 0;
}
.isu-dark-ribbon .isu-directory-info.wd-ribbon-menu li.last a,
.isu-dark-ribbon .isu-signons.wd-ribbon-menu li.last a {
    border-right: 0;
    padding-right: 0;
}
.isu-dark-ribbon .isu-responsive-toggles {
    display: none;
}
.isu-dark-ribbon .wd-ribbon-menu-group {
    list-style: none;
    margin: 0;
    padding: 0;
}
.isu-dark-ribbon .wd-ribbon-menu-header {
    display: none;
}
.isu-dark-ribbon .isu-directory-info .wd-ribbon-menu li a,
.isu-dark-ribbon .isu-signons .wd-ribbon-menu li a {
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li a {
    border-radius: 2px;
    padding: 0 2px;
    min-width: 7px;
    text-align: center;
}
.isu-dark-ribbon .hlist.borders.left > li > a {
    border-right: 0;
}
.isu-dark-ribbon .isu-directory-info .wd-ribbon-menu li + li a,
.isu-dark-ribbon .isu-signons .wd-ribbon-menu li + li a {
    border-left: 0;
}
.isu-dark-ribbon .isu-directory-info .wd-ribbon-menu li.last a,
.isu-dark-ribbon .isu-signons .wd-ribbon-menu li.last a {
    border-right: 0;
    padding-right: 0;
}
.isu-dark-ribbon .isu-signons .wd-ribbon-menu li.first a {
    border-left: 0;
    padding-left: 0;
}
.isu-dark-ribbon .isu-directory-info + .isu-alpha-index .wd-ribbon-menu {
    margin-right: 3px;
}

/*/////////////////// Hover Events //////////////////////////*/

.isu-dark-ribbon .wd-ribbon-menu li a:hover {
    text-decoration: underline;
}
.isu-dark-ribbon .isu-alpha-index li a:hover {
    background: #777;
    text-decoration: none;
}
.isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li a:hover {
    background: #777;
    text-decoration: none;
}

/* /////////////////// GLOBAL STYLING END ///////////////////*/

@media all and (max-width: 739px) {
    .isu-dark-ribbon .isu-responsive-toggles {
        display: block;
        float: left;
        padding: 5px 0 5px 5px;
    }
    .isu-dark-ribbon .isu-responsive-toggles li a {
        border-radius: 3px;
        height: 28px;
        margin-right: 5px;
        padding: 3px;
        position: relative;
        text-indent: -999em;
        width: 28px;
    }
    .isu-dark-ribbon .isu-responsive-toggles .search-toggle {
        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz48c3ZnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzE4JyBoZWlnaHQ9JzE4JyBzdHJva2U9JyNmZmYnIHN0cm9rZS13aWR0aD0nMic+PGNpcmNsZSBjeD0nNycgY3k9JzcnIHI9JzUnIGZpbGw9J25vbmUnLz48bGluZSB4MT0nMTEnIHkxPScxMScgeDI9JzE2JyB5Mj0nMTYnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcvPjwvc3ZnPg==") no-repeat center;
    }
    .isu-dark-ribbon .wd-ribbon-menu-stack {
        float: right;
        padding: 8px 5px 8px 0;
    }
    .isu-dark-ribbon .wd-ribbon-menu-stack .wd-ribbon-menu {
        background-color: #ddd;
        opacity: 0;
        padding: 5px 0 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    .lt-ie10 .isu-dark-ribbon .wd-ribbon-menu-stack .wd-ribbon-menu {
        top: -100%;
    }
    .isu-dark-ribbon .wd-ribbon-menu-stack .wd-ribbon-menu {
        margin-right: 0;
        display: none;
    }
    .isu-dark-ribbon .wd-ribbon-menu-stack .wd-ribbon-menu.active {
        opacity: 1;
    }
    .lt-ie10 .isu-dark-ribbon .wd-ribbon-menu-stack .wd-ribbon-menu.active {
        top: -34px;
    }
    .isu-dark-ribbon .wd-ribbon-menu-stack .wd-ribbon-menu li {
        float: right;
    }
    .isu-dark-ribbon .wd-ribbon-menu-stack .wd-ribbon-menu li a {
        background-color: #444;
        border: 0;
        border-radius: 3px;
        color: #fff;
        margin: 0 5px 5px 0;
        padding: 3px 9px !important;
        text-decoration: none;
    }
    .isu-dark-ribbon .wd-ribbon-menu-header {
        border-radius: 0;
        border-left-width: 0;
        color: #fff;
        display: block;
        margin-left: 2px;
        padding: 4px 8px;
        text-decoration: none;
    }
    .isu-dark-ribbon .isu-alpha-index {
        margin-right: 0;
        border-left: 1px solid rgba(255, 255, 255, 0.5);
        border-right: 1px solid rgba(255, 255, 255, 0.5);
    }
    .zone-footer .block-menu-footer {
        float: none;
    }
    nav.navigation li.main-menu-dropdown-item.hide {
        display: none;
    }
}

@media all and (max-width: 979px) {
    .item-list a {
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
    }

    .view .field-content a {
        display: block;
        width: 100%;
    }

    /*-- Top strip --*/
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li a {
        display: none;
    }
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li.first a {
        display: block;
    }
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li.first a:before {
        content: 'Index ';
    }
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li.first a:after {
        content: ' - Z';
    }
}

@media all and (max-width: 979px) {
	.isu-dark-ribbon {
        /*-- let's hide the isu banner on small screens --*/
        display: none;
    }
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li a {
        display: none;
    }
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li.first a {
        display: block;
    }
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li.first a:before {
        content: 'Index ';
    }
    .isu-dark-ribbon .isu-alpha-index .wd-ribbon-menu li.first a:after {
        content: ' - Z';
    }
    .zone-content h2.block-title {
        line-height: 2em;
    }
    .collapsed-indicator-img {
        margin-top: 0.5em;
        height: 1em;
    }
}


/*####################################################################################### */
/*#######################  SUITCASE_DEFAULT.CSS  ######################################## */
/*####################################################################################### */

@media all and (min-width: 740px) {
    #block-system-main-menu {
        width: auto;
    }
    nav.navigation .main-menu li:first-child,
    nav.navigation .secondary-menu {
        margin-left: 0.9em;
    }
    .region-banner#region-banner {
        width: 100%;
    }
    .flexslider {
        display: block;
    }
    .logo-img {
        float: none;
        position: absolute;
        right: 0;
    }
    .logo-img img {
        height: 7em;
    }
    .isu-dark-ribbon .wd-ribbon-menu-stack {
        padding-left: 10px;
        padding-right: 10px;
    }
    #suitcase-main-menu-dropdown-toggle {
        display: none;
    }
    .view-display-id-people_grid h3 {
        width: 99%;
    }
    .view-display-id-people_grid .views-row {
        float: left;
        width: 49%;
    }
    .view-display-id-people_grid .views-field-title span a {
        font-size: 16px;
    }
}


/*###################################################################################### */
/*#######################  SUITCASE_NARROW.CSS  ######################################## */
/*###################################################################################### */

@media all and (min-width: 740px) and (max-width: 979px) {
    .zone.zone-content aside {
        width: 580px;
    }
    .container-12 .grid-8.region {
        width: 100%;
    }
    .logo-img {
        margin-right: 0;
    }
    .zone.zone-content aside {
        width: 100%;
    }
    .zone-content .region.region-content {
        width: 100%;
    }
}


/*###################################################################################### */
/*#######################  SUITCASE_NORMAL.CSS  ######################################## */
/*###################################################################################### */

@media all and (min-width: 980px) and (max-width: 1219px) {
    .item-list a {
        display: inherit;
    }
    .item-list a:hover {
        box-shadow: none;
        padding: 0;
        border: none;
        background-color: inherit;
    }
}

@media all and (min-width: 980px) {
    .item-list-js-enabled {
        display: block;
    }
    .collapsed-indicator-img {
        margin-top: 0.25em;
        height: 0.8em;
    }

    #block-menu-menu-footer .leaf a {
        background: none;
        font-size: 1.1em;
    }

    #block-menu-menu-footer .leaf a:hover {
        text-decoration: underline;
        background: none;
    }

    .region-menu .main-menu>li a {
        line-height: 42px;
    }
    .caret {
        border-top: 6px solid #fff;
        border-right: 6px solid transparent;
        border-left: 6px solid transparent;
        margin-top: 10px;
    }
    .page-search .content article .content,
    .page-search .content article footer {
        margin-left: 1.5em;
    }
    .zone-content aside .block li.leaf > a,
    .zone-content aside .block li.expanded > a,
    .zone-content aside .block li.collapsed > a,
    .zone-content aside .block .item-list > ul > li > a {
        padding: 4px 10px 4px 4px;
        transition: background-color 0.1s ease;
        min-height: 28px;
    }
    .zone-content aside .block li.leaf > a:hover,
    .zone-content aside .block li.expanded > a:hover,
    .zone-content aside .block li.collapsed > a:hover,
    .zone-content aside .block .item-list > ul > li > a:hover {
        text-decoration: none;
        background-color: rgba(52, 52, 52, 0.1);
    }
    .zone-content aside .block li.leaf > a:not(.facetapi-active):after,
    .zone-content aside .block li.expanded > a:after,
    .zone-content aside .block li.collapsed > a:after,
    .zone-content aside .block .item-list > ul > li > a:not(.facetapi-active):after {
        border-left-width: 4px;
        border-top-width: 6px;
        border-bottom-width: 6px;
        right: 6px;
    }
    .zone-content aside .block li.collapsed > a:after {
        border-top: 5px solid #333;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: none;
    }
    .view-display-id-people_grid .views-row {
        width: 47.55%;
    }
    nav.navigation .main-menu>li a {
        line-height: 40px;
        font-size: 1.2em;
    }
}

@media (min-device-width: 980px) and (min-width: 980px), (max-device-width: 1024px) and (min-width: 1024px) and (orientation: landscape) {
    .container-12 .grid-2 {
        width: 25% !important;
    }
    .container-12 .grid-10 {
        width: 73% !important;
        margin-left: 0;
        margin-right: 0;
    }
}

@media all and (min-width: 1000px) {
    .container-12:not(.zone-side-menu):not(.sticky-top) {
        max-width: 1000px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .view-display-id-people_grid .views-row {
        width: 48%;
    }
}
/*################################################################################## */
/*#######################  SYSTEM_BASE.CSS  ######################################## */
/*################################################################################## */

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */