/*------------------------------------+
 | Site: Illinois Library Association |
 | Part: Master styles                |
 +------------------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,500,500italic,700,700italic);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
@import url(/content/styles/reset.css);
@import url(/content/styles/forms.css);


/* Fonts
======================================================================*/
body, input, select, textarea { font-family: Roboto, Arial, sans-serif; }


/* Basics
======================================================================*/
a { color: #002b80; text-decoration: none; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
body { background: #002b80; font-size: 16px; line-height: 1.4; word-wrap: break-word; }
cite, em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 1em; }
dt { margin-top: 1em; }
dt:first-child { margin-top: 0; }
dt, h2, h3, h4, h5, h6, strong { font-weight: bold; }
h1 { font-size: 36px; font-weight: 700; line-height: 1.1; margin-bottom: 0.5em; }
h2 { font-size: 24px; line-height: 1.1; margin-bottom: 0.5em; }
h3 { font-size: 22px; line-height: 1.2; margin-bottom: 0.5em; }
h4 { font-size: 17px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 40px 0; }
img { max-width: 100%; }
li { margin-bottom: 0.5em; }
ol { list-style: decimal; margin-left: 2em; }
ol ol { list-style: lower-alpha; }
ol ol ol { list-style: lower-roman; }
table { border-collapse: collapse; width: 100%; }
table h2, table p { margin: 0; }
td { border: 1px solid #ddd; border-width: 1px 0; }
td, th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
td[align=center], th[align=center] { text-align: center; }
td[align=right], th[align=right] { text-align: right; }
tfoot td { border: 0; }
th img { vertical-align: middle; }
th { color: #555; font-weight: bold; vertical-align: bottom; }
thead th { vertical-align: bottom; }
ul { list-style: disc; margin-left: 1.5em; }

/* Stock classes */
.l { float: left; }
.r { float: right; }
.num { text-align: right; }
ul.flat { list-style: none; margin-left: 0; }
ul.flat > li { background: none; margin: 0; padding: 0; }


/* Core layout
======================================================================*/
.clear { clear: both; }
.content { margin: 0 auto; max-width: 1130px; padding: 0 20px; }

/* Columns */
.c2l, .c2r { width: 45%; /*display:none;*/ }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 5%; }
.c3l, .c3m, .c3r { width: 30%; }

.column { list-style: none; margin: 0; }
.column.col-2 { float: left; margin: 0 2% 10px 0; width: 48%; }
.column.col-3 { float: left; margin: 0 2% 10px 0; width: 31%; }

/* Main */
#content-primary { float: left; width: 65.48%; }
#content-secondary { float: right; width: 30.97%; }
#main { background: #fff; padding: 70px 0; }

    /* Wide */
    .full #content-primary, .full #content-secondary, .home #content-primary, .home #content-secondary { float: none; width: auto; }

    /*Specific for home page*/
    #content-primary .card-content h3 {margin-bottom:1em;}
    #content-primary .panel-container .c2r .card, #content-primary .panel-container .c2l .card { margin-bottom: 70px; }
    #content-primary .panel-container .c2r .card-content, #content-primary .panel-container .c2l .card-content { border:none; padding: 0;}
    #content-primary .panel-container .card-content li { list-style: none;}
    #content-primary .panel-container .card-content li .text-container { padding: 0;}
    #content-primary .panel-container .card-content li p {font-size: 16px; margin-top:10px;}
    #content-primary .panel-container .card-content img { float: right; max-width: 30.61%; margin-left: 20px; height: 100%; width: auto; overflow: hidden;}
    #content-primary .panel-container .card-content span { text-align: left; width: 65.30%; }

/* Plain */
.plain #footer h6,
.plain #footer .social,
.plain #footer-logo,
.plain #footer-nav,
.plain #footer-primary,
.plain #footer-secondary,
.plain #header-nav,
.plain #nav,
.plain #search,
.plain #subfooter {
    display: none;
}

.plain { background: #fff; }
.plain #content-primary { float: none; width: auto; }
.plain #copyright { padding-top: 0; }
.plain #footer { padding: 0 0 20px; text-align: center; }
.plain #footer, .plain #footer a { color: #aaa; }
.plain #footer .panel#footer-tertiary { float: none; width: auto; }
.plain #footer .vcard { padding: 0; }
.plain #footer .vcard .street-address, .plain #footer .vcard .tel { display: inline; margin-right: 1em; }
.plain #header { border: 0; }

/* Signin */
.signin { background: #fff; }
.signin .action { display: block; padding: 0.5em 0; text-align: center; width: 100%; }
.signin .content { max-width: 400px; }
.signin #content-primary { float: none; width: auto; }

.signin #content-secondary,
.signin #footer .panel,
.signin #footer-logo,
.signin #footer-nav,
.signin #header-nav,
.signin #nav,
.signin #search,
.signin #subfooter {
    display: none !important;
}

.signin #copyright { padding: 0; }
.signin #footer { padding: 0; }
.signin #footer, .signin #footer a { color: #000; }
.signin .form dt .label { float: none; font-weight: bold; width: auto; }
.signin .form dd.field { float: none; margin-bottom: 0.7em; width: auto; }
.signin h1 { margin-bottom: 0.2em; }
.signin #header { border: 0; padding: 20px 0 0; }
.signin #logo { float: none; margin: 0 auto; max-width: none; width: auto; }
.signin #main { padding: 20px 0; }
.signin #nav-toggle { display: none; }
.signin .txt-med { width: 100%; }


/* Content
======================================================================*/

/* Action */
.action {
    -webkit-appearance: none;
    appearance: none;
    background: #002b80;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: normal;
    display: inline-block;
    padding: 0.5em 1em;
    vertical-align: middle;
}

.action a { color: #fff; }
.action a:hover { text-decoration: none; }
.action:hover { opacity: 0.7; text-decoration: none; }

.banner { color:white; align-items: center; text-align: center; padding: 1.5em; font-size: larger; background-image: url('/Content/images/spinutech-header.png'); }
.banner a { color:white;}

/* Blog */
.blog-post {border-top:1px solid #ddd; padding:1.5em 0; width:100%; }
.blog-thumbnail {float:left; max-width:100px; width:auto; margin: 0 25px 10px 0; }
.blog-thumbnail img {border: 1px solid #ddd; border-radius: 4px; }
.blog-thumbnail img:hover {box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);}
.blog-description {width:auto; }
.blog-title {font-weight:bold; margin-bottom:0.25em;}
.blog-mute {color:#7f7f7f; font-size:14px; font-weight:normal; margin-bottom:0.25em; }
.blog-text {width:auto;}

/* Browse */
.browse { margin-bottom: 1em; }
.browse li, .browse p, .browse ul { display: inline; margin-right: 1em; }
.browse ul { list-style: none; margin: 0; }

/* ---- button ---- */

.button {
    display: inline-block;
    padding: 1px 1px;
    margin-bottom: 3px;
    background: #28F;
    border: none;
    border-radius: 7px;
    background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    text-shadow: 0 1px white;
    cursor: pointer;
}

.button:hover {
    background-color: #8CF;
    text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);
    color: #fff;
}

.button:active,
.button.is-checked {
    background-color: #8CF;
}

.button.is-checked {
    color: white;
    text-shadow: 0 -1px hsla(0, 0%, 0%, 0.8);
}

.button:active {
    box-shadow: inset 0 1px 10px hsla(0, 0%, 0%, 0.8);
}

/* ---- button-group ---- */

.button-group:after {
    content: '';
    display: block;
    clear: both;
}

.button-group .button {
    float: left;
    border-radius: 0;
    margin-left: 0;
    margin-right: 1px;
}

.button-group .button:first-child {
    border-radius: 0.5em 0 0 0.5em;
}

.button-group .button:last-child {
    border-radius: 0 0.5em 0.5em 0;
}

/* Calendar */
.calendar { border-top: 1px solid #ddd; list-style: none; margin-left: 0; }
.calendar .date { border: 1px solid #ddd; float: left; margin: 0 0 0 -150px; text-align: center; width: 100px; }
.calendar .date .day { font-size: 36px; font-weight: bold; }
.calendar .date .day, .calendar .date .month, .calendar .date .year { display: block; }
.calendar .date .month { background: #002b80; color: #fff; font-size: 20px; font-weight: 500; text-transform: uppercase; }
.calendar .date .year { border-top: 1px solid #ddd; font-size: 16px; }
.calendar h2 { font-weight: normal; margin-bottom: 0.2em; }
.calendar li { border-bottom: 1px solid #ddd; overflow: hidden; margin: 0; padding: 30px 20px 30px 170px; }
.calendar p { margin: 0; }
.calendar .when { margin-bottom: 0.5em; }
.calendar .when span { margin-right: 1em; }

/* Mini */
.calendar-mini > div {display:flex; justify-content:space-between; margin-bottom:1em;}
.calendar-mini .mini-date {background: #002b80; line-height:1.1; color: #fff; display:flex; flex-direction: column; justify-content:center; align-items:center; font-weight:bold; height:60px; width:60px;}
.calendar-mini span:first-child {font-size:.8em; text-transform: uppercase;}
.calendar-mini span:last-child {font-size:1.3em;}
.calendar-mini > div > div {width:calc(100% - 70px);}
.calendar-mini dt { font-weight: normal; margin-top:.125em;}

/* Callouts */
div.call-l, img.call-l { clear: left; }
div.call-r, img.call-r { clear: right; }
dt img.call-l { margin-top: 0; }
img.call-l { margin-right: 1em; }
img.call-r { margin-left: 1em; }
.call-l { float: left; margin: 0.5em 2em 0.5em 0; }
.call-r { float: right; margin: 0.5em 0 0.5em 2em; }
.call, div.call-l, div.call-r { font-size: 0.75em; }
.call img, .call-l img, .call-r img { display: block; }
.call img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call, .call-l p, .call-r p { margin-bottom: 0.5em; }
.credit { color: #7f8183; font-size: 0.75em; letter-spacing: 0.01em; margin-bottom: 0.5em; text-align: right; }

/* Cards */
.card { margin-bottom: 40px; }
.card-content {overflow: hidden;}
.card-head {color: #002b80; font-size: 48px; font-weight: 700; padding: 0.25em 0 1em 0; text-align: center; }

/* Cart */
.cart { width: 100%; }
.cart .num { text-align: right; }
.cart .price { background: #f0f0f0; font-weight: bold; text-align: right; }
.cart .total { font-weight: bold; text-align: right; }
.cart .transaction-item { padding-left: 0.75em; }
.cart .transaction-type { color: #999; font-size: 90%; font-weight: bold; }
.cart p, .cart ul { margin: 0; }
.cart tbody td { border-top: 1px solid #ddd;}
.cart td, .cart th { padding: 0.5em 1em 0.5em 0; vertical-align: top; }
.cart tfoot td { border-top: 3px double #ccc; }
.cart tfoot td { padding-top: 0.2em; }
.cart thead th { border-bottom: double 3px #ccc; font-size: 11px; font-weight: bold; }
.cart-options { float: right; text-align: right; }

/* CMS */
.cms-block:hover { background: #f0f0f0; }
.cms-block .cms-tasks { list-style: none; margin: 0.75em 0.25em 0em; }

/* Contact list */
.contact-list { list-style: none; margin: 0; padding: 0 }
.contact-list > li { border: 1px solid #ddd; border-radius: 4px; margin-bottom: 16px; padding: 0.75em; }
.contact-list .flags { color: #777; list-style: none; font-size: 11px; font-variant: small-caps; margin: 0; padding: 0; text-transform: uppercase; }
.contact-list .flags li { float: left; margin-right: 10px; }
.contact-list .tools { float: right; list-style: none; margin: 0; padding: 0; }
.contact-list .tools li { float: left; font-size: 18px; margin-left: 8px; }
.contact-list .type { color: #777; }

/* Directory search */
.directory { list-style: none; margin-left: 0; }
.directory a { color: #58595b; display: block; overflow: hidden; padding: 10px 10px 10px 105px; }
.directory a:hover { background: #ecf0f1; text-decoration: none; }
.directory .highlighted { background: #ecf0f1; }
.directory li { clear: both; margin-bottom: 10px; overflow: hidden; }
.directory .name { color: #215fa6; display: block; font-size: 20px; font-weight: bold; }
.directory .occupation { display: block; }
.directory .phone { display: block; }
.directory p { margin: 0; }
.directory .thumb { float: left; margin: 3px 10px 0 -90px; width: 70px; }
.directory .left { float: left; width: 150px; }
.directory .right { float: left; }
.directory .thumb150 { float: left; margin: 3px 10px 0 -90px; }

    /* Custom for Associate Members Page */
    .directory a.digital-handle { color: #002b80; text-decoration: none; padding: 0; }
    .directory a.digital-handle:hover { background: none; text-decoration: underline; }
    .directory li.no-link { display: block; overflow: hidden; padding: 10px 10px 10px 105px; }

    /* Applied filters */
    .applied-filters { list-style: none; margin: 0; }
    .applied-filters .close { position: absolute; right: 5px; top: 0; }
    .applied-filters .filter-type { display: block; font-size: 10px; padding-right: 20px; text-transform: uppercase; }
    
    .applied-filters li {
        background: #f5f5f5;
        border: 1px solid #ddd;
        border-radius: 6px;
        float: left;
        margin: 0 0.5em 0.5em 0;
        padding: 5px;
        position: relative;
    }
    
    .applied-filters img { vertical-align: middle; }
    
    /* Committee lists */
    .committee-list dt { font-size: 20px; }

/* Features */
#feature { position: relative; }
#feature .image { margin: 0 auto; display:block;}
#feature .overlay { bottom: 40px; left: 0; position: absolute; width: 100%; }
#feature, #feature a { color: #fff; }
#feature h1 { font-size: 36px; margin-bottom: 0.2em; }
#feature .overlay-content { background: rgba(0, 0, 0, 0.7); box-sizing: border-box; padding: 30px 80px 20px 30px; max-width: 60%; }

.feature { position: relative; }
.feature .image { margin: 0 auto; display:block;}
.feature .overlay { bottom: 40px; left: 0; position: absolute; width: 100%; }
.feature, .feature a { color: #fff; }
.feature h1 { font-size: 36px; margin-bottom: 0.2em; }
.feature .overlay-content { background: rgba(0, 0, 0, 0.7); box-sizing: border-box; padding: 30px 80px 20px 30px; max-width: 60%; }


/* Subfeatures */
#subfeatures { background: #f7f9f8; overflow: hidden; padding:70px 0; -webkit-box-shadow: inset 0px 32px 23px -13px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0px 32px 23px -13px rgba(0,0,0,0.15);
box-shadow: inset 0px 32px 23px -13px rgba(0,0,0,0.15);}
#subfeatures .panel { box-sizing: border-box; float: left; padding-right: 40px; width: 34.51%; }
#subfeatures .panel:last-child { float: right; padding: 0; width: 30.97%; }
#subfeatures .panel-content { background: #fff;padding: 20px 20px 20px; }
#subfeatures .panel-head { padding: 20px 20px 0 20px; background:#fff;}
#subfeatures .panel-head img { display: block; width: 100%; }

/* Filters */
.browse-filters {
    background: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 6px;
    margin-bottom: 15px;
    padding: 15px 0 20px 20px;
    position: relative;
}

.browse-filters .close { position: absolute; right: 20px; top: 15px; }
.browse-filters h3 { color: #58595b; margin-bottom: 0.5em; }
.browse-filters .mute { color: #939598; font-size: 11px; }
.browse-filters p, .browse-filters ul { list-style: none; margin: 0; }
.browse-filters .panel { float: left; margin: 0 2% 10px 0; width: 31%; }
.browse-filters .panel-2 { float: left; margin: 0 2% 10px 0; width: 48%; }
.browse-filters ul a:hover { text-decoration: none; }
.browse-filters ul a:hover .filter-name { text-decoration: underline; }

/* Footer */
#copyright { clear: both; font-size: 13px; opacity: 0.7; padding-top: 50px; text-transform: uppercase; }
#footer { font-size: 14px; padding: 70px 0; }
#footer, #footer a { color: #fff; }
#footer h6 { font-size: 18px; font-weight: bold; margin-bottom: 0.7em; }
#footer .action { display: block; width: 100%; }
#footer .panel { box-sizing: border-box; float: left; padding-right: 40px; width: 34.51%; }
#footer .panel#footer-tertiary { float: right; padding: 0; width: 30.97%; }
#footer-logo { margin: 0 auto 30px; max-width: 645px; }

    /* Nav */
    #footer-nav { border-bottom: 1px solid rgba(255, 255, 255, 0.15); font-size: 20px; font-weight: bold; margin-bottom: 50px; padding-bottom: 50px; text-align: center; }
    #footer-nav li { display: inline; margin-right: 1em; }
    #footer-nav ul { list-style: none; margin: 0; }
    
    /* Subfooter */
    #subfooter { background: #ecf0f1; color: #58595b; overflow: hidden; padding: 70px 0; }
    #subfooter h6 { font-size: 18px; font-weight: bold; margin-bottom: 1em; text-align: center; text-transform: uppercase; }
    #subfooter .logo { display: block; margin: 0 auto 10px; max-height: 60px; }
    #subfooter .panel { box-sizing: border-box; width: 44.69%; }
    #subfooter-primary { float: left; padding-left: 40px; }
    #subfooter-secondary { float: right; padding-right: 40px; }
    
    /* Twitter widget */
    #twitter-widget .twtr-follow-us, #twitter-widget .twtr-user { display: none; }
    #twitter-widget .twtr-tweet { margin-bottom: 0.7em; }
    
    /* vCard */
    .vcard { margin-bottom: 1.5em; }
    .vcard .adr, .vcard .street-address, .vcard .tel { display: block; }

/* Grids */
.grid { line-height: 1.4; list-style: none; margin-left: 0; overflow: hidden; }
.grid [class *= "call"] { float: none; margin: 0; width: auto !important; }
.grid li { box-sizing: border-box; float: left; margin: 0 2.7% 25px 0; }
.grid p { margin: 0; }
.grid img { display: block; margin-bottom: 5px; width: 100%; }

    /* Columns */
    .grid.grid-1 li { margin-right: 0; }
    .grid.grid-2 li { width: 48.64%; }
    .grid.grid-3 li { width: 31.53%; }
    .grid.grid-4 li { width: 22.97%; }
    .grid.grid-5 li { width: 17.83%; }
    
    .grid.grid-2 li:nth-child(2n+2),
    .grid.grid-3 li:nth-child(3n+3),
    .grid.grid-4 li:nth-child(4n+4),
    .grid.grid-5 li:nth-child(5n+5) { margin-right: 0; }
    
    .grid.grid-2 li:nth-child(2n+3),
    .grid.grid-3 li:nth-child(3n+4),
    .grid.grid-4 li:nth-child(4n+5),
    .grid.grid-5 li:nth-child(5n+6) { clear: left; }

/* Header */
#header {background: #fff;}
#header .content { background: url("/content/images/logo-letters.png") no-repeat left center; background-size: 300px 206px; padding: 20px 20px; display:flex; flex-direction: column;}
#header .content .logo-search {display:flex; justify-content: space-between; align-items: center; padding:1.5em 0;}

    /* Header nav */
    #header-nav { display:flex; justify-content: flex-end; align-items:center; font-size: 15px; list-style: none; text-transform: uppercase; }
    #header-nav a { color: #345599; }
    #header-nav li { display: inline; margin-left: 0.7em; }
    #header-nav .proper { text-transform: none; }
    #header-nav ul { display: inline; list-style: none; margin: 0; }

    #header-nav ul.social-header {margin-right:1em;}

    #header-nav .button {color:#fff; text-shadow:none; background-color:#002b80; padding:.25em .75em; font-size:14px; margin-bottom:0; margin-left:1em; text-decoration:none;}
    #header-nav .button:hover {background-color:#345599;}
    
    /* Logo */
    #logo {image-rendering: -webkit-optimize-contrast; image-rendering: optimizeQuality; width:550px;}
    
    /* Subheader */
    #subheader { padding: 15px 0; }
    #subheader h1 { margin: 0; }
    #subheader, #subheader a { color: #fff; /*display:none;*/ }

/* Heroes */
.slick-prev, .slick-next {width: 35px!important; height: 35px!important; z-index:1!important;}
.slick-prev:before, .slick-next:before {font-size: 35px!important;}
.slick-prev {left: 20px!important;}
[dir='rtl'] .slick-prev {right: 20px!important;}
.slick-next {right: 20px!important;}
[dir='rtl'] .slick-next {left: 20px!important;}

/* Highlights */
.highlights { list-style: none; margin-left: 0; }
.highlights > li { clear: both; margin-bottom: 40px; overflow: hidden; }
.highlights .highlights-content { float: right; width: 63.48%; }
.highlights .thumb { border: 1px solid #dfdfdf; float: left; margin-top: 4px; width: 32.74%; }

/* Icons */
.fa-facebook-official { color: #3b5998; }
.fa-google-plus { color: #dc4e41; }
.fa-linkedin-square { color: #0077b5; }
.fa-twitter { color: #55acee; }

/* Intros */
.intro { font-size: 24px; line-height: 1.375; }

/* Jobs */
.jobs dt { font-size: 20px; }

    /* Mini */
    .jobline-mini { list-style: none; margin-left: 0; }
    .jobline-mini li { margin-bottom: 0.8em; }

/* Knowledge exchange */
    /* Actions */
       /* Rating */
        .rate-tools { float: right; list-style: none; text-align: right; white-space: nowrap; }
        .rate-tools a { color: #bbb; }
        .rate-tools a:hover { color: #215fa6 }
        .rate-tools li { display: inline; margin-left: 0.7em; }
        .rate-post.up .fa { color: #2e8b57; }
        .rate-post.down .fa { color: #cd5c5c; }
    
    /* Comments */
    .comments { border-top: 1px solid #ddd; padding-top: 30px; }
    .comments h3 { font-weight: normal; text-transform: none; }
    .comments ol { list-style: none; margin: 0; }
    .comments ol > li { border: 1px solid #ddd; border-radius: 6px; margin-bottom: 15px; overflow: hidden; padding: 15px 20px 15px 100px; }
    .comments .highlighted { background: #ff9; }
    .comments .thumb { float: left; margin: 1px 0 10px -80px; width: 60px; }
    
    /* Contribute */
    #contribute { background: #f3fbfa; border: 1px solid #cce5e3; border-radius: 6px; margin-bottom: 1.4em; padding: 20px; }
    #contribute h3 { font-size: 20px; font-weight: normal; line-height: 40px; text-transform: none; }
    #contribute h3 .fa { color: #002b80; display: inline-block; width: 26px; }
    
    /* Header */
    #kx-header h1 { margin-bottom: 0.5em; }
    #kx-header p { margin-bottom: 0.2em; }
    
    /* Stream nav */
    .stream-nav { list-style: none; margin: 10px 0 0 0; padding: 0; }
    .stream-nav li { float: left; font-size: 15px; margin-bottom: 0; }
    .stream-nav li a { background: #fafafa; border: 1px solid #ccc; display: block; margin: 0 -1px -1px 0; padding: 0.7em 1em; }
    .stream-nav li.current a { background: #fff; border-bottom-color: #fff; color: #000; }
    
    /* Stream posts */
    .stream .stream-items { border: 1px solid #ccc; }
    .stream .stream-item { border-bottom: 1px solid #ddd;  }
    .stream .stream-item .item-wrapper { display: block; overflow: hidden; padding: 15px 15px 15px 100px; position: relative; }
    .stream .stream-item .item-wrapper:hover { background: #fafafa; }
    .stream .stream-item .post-details-link {  }
    .stream .stream-item .post-details-link:hover { text-decoration: none; }
    .stream .stream-item p { margin: 0; }
    .stream .stream-item .verb { font-size: 1em; font-weight: 600; margin: 0; }
    .stream .stream-item-thumb { border: 1px solid #fff; float: left; margin: 3px 0 0 -80px; width: 60px; }    
    .stream .stream-item-tags { display: block; }
    .stream .stream-item-tags a { cursor: pointer; }
    .stream .stream-item-title { display: block; font-size: 18px; }
    .stream .stream-item.highlighted { background: #ff9; }
    .stream .stream-more a, .stream-loading { border-radius: 0 0 7px 7px; clear: both; display: block; padding: 10px 20px; text-align: center; }
    .stream .stream-more a:hover { background: #f0f0f0; }
    
        /* Stream item tools */
        .stream .stream-tools { list-style: none; position: absolute; float: right; margin: 5px 5px 0 0; right: 0; top: 0; width: 64px; }
        .stream .stream-tools li { float: left; }
        .stream .stream-tools li a { border: 1px solid #bbb; border-radius: 4px; background: #369; color: #eee; display: block; margin-bottom: 4px; padding: 0.15em; text-align: center; width: 24px; }
        .stream .stream-tools li a:hover { background: #eee; color: #369; text-decoration: none; }
        
        /* Stream search */
        .stream .search-tools { float: right; list-style: none; margin: 0; padding: 0; }
        .stream .search-tools > li { float: left; margin: 0; }
        .stream .search-tools .action { margin: 0; padding: 0.25em 0.7em; }
        .stream .search-tools >li:first-child .action { border-radius: 4px 0px 0px 4px; }
        .stream .search-tools >li:last-child .action { border-left: none; border-radius: 0px 4px 4px 0px; }
        .stream .stream-search { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; padding: 1em; }
        .stream .stream-search button { float: right; }
        .stream .stream-search input { width: 84%; }
        .stream #search-results-text { margin: 1em 0 0 0; }

/* Logos */
.logos { font-size: 14px; list-style: none; margin-left: 0; line-height: 110px; text-align: center; }
.logos a:hover { opacity: 0.7; }
.logos img { max-height: 80px; vertical-align: middle; }
.logos img, .logos li { max-width: 130px; }
.logos li { display: inline-block; line-height: 1.2; margin: 0 15px; vertical-align: middle; }

    /* Sizes */
    .logos-2x { font-size: 18px; line-height: 130px; }
    .logos-2x img, .logos-2x li { max-width: 195px; }
    .logos-2x img { max-height: 100px; }
    .logos-3x { font-size: 22px; line-height: 170px; }
    .logos-3x img, .logos-3x li { max-width: 260px; }
    .logos-3x img { max-height: 140px; }

/* Maps */
.geo { display: none; }

    /* Mapped results */
    #map-mini #map { border: 1px solid #ccc; height: 250px; margin-bottom: 20px ; }
    #mapped-results #map { border: 1px solid #ccc; border-bottom-right-radius: 6px; border-top-right-radius: 6px; float: right; height: 500px; width: 69%; }
    #mapped-results #map, #mapped-results .results { margin-bottom: 20px; }
    
    #mapped-results .results {
        border: 1px solid #ccc;
        border-bottom-left-radius: 6px;
        border-top-left-radius: 6px;
        float: left;
        font-size: 0.9em;
        height: 470px;
        line-height: 1.3;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 15px 1%;
        width: 28.5%;
    }
    
    #mapped-results .results ol { list-style: none; margin: 0; }
    #mapped-results .results ol li { clear: both; margin-bottom: 15px; overflow: hidden; padding-left: 32px; }
    #mapped-results .results ol h2 { font-size: 16px; }
    #mapped-results .results ol h2, #mapped-results .results ol p { font-weight: normal; margin: 0; }
    #mapped-results .results .marker { float: left; margin-left: -32px; }
    #mapped-results .results .thumb { float: left; margin: 3px 10px 0 0; width: 44px; }
    
        /* Window contents */
        #info-window-content { background-color: #fff; }
        #info-window-content .desc-content { font-size: 12px; }
        #info-window-content h3 { font-size: 1.5em; line-height: 1.2; }
        #info-window-content p { font-size: 1.2em; }
        #info-window-content .thumb { float: left; margin: 3px 10px 0 0; width: 44px; }

/* Membership levels */
#membership-levels { font-size: 24px; text-align: center; }
#membership-levels .action { font-size: 36px; }
#membership-levels .fa { color: #777; display: block; font-size: 100px; margin-bottom: 10px; }
#membership-levels h2 { font-size: 38px; line-height: 1.3; }
#membership-levels h3 { font-size: 36px; margin: 0; }
#membership-levels li { box-sizing: border-box; float: left; padding: 0 3%; width: 33.33%; }
#membership-levels .mute { color: #000; font-size: 17px; }
#membership-levels ul { list-style: none; margin-left: 0; overflow: hidden; }

/* More links */
.more { font-size: 18px; font-weight: bold; text-transform: uppercase; padding-top:1em;}

/* Muted text */
.mute { color: #7f7f7f; font-size: 14px; font-weight: normal; }

/* Navigation */
    /* Primary */
    #nav { font-size: 17px; font-weight: normal; }
    #nav .current a { color: #000; }
    #nav li { display: inline; margin-right: 1em;}
    #nav ul { list-style: none; margin: 0; }

    #nav-content > ul > li {position:relative; padding:0 0 .625em 0;}
    #nav-content > ul > li:hover svg {transition:.3s transform ease-in-out;transform: rotate(180deg);}
    #nav-content > ul > li > a:hover {background:none!important; color:#000!important; text-decoration:none;}
    #nav-content > ul > li > ul {background:#fff; width: 300px; position:absolute; left: -1px; top: 100%; z-index:3; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
    #nav-content > ul > li > ul > li {display:block; margin:0;}
    #nav-content > ul > li > ul li a {padding:.625em .75em; display:block; border-bottom:1px solid #ddd; text-decoration:none; font-size:.9em;}
        #nav-content > ul > li > ul li:last-child a {border-bottom:none;}

    nav.nav_primary ul.parent > li > a:hover, nav.nav_primary ul.parent > li.drop_nav.hover > a, nav.nav_primary ul.parent > li.drop_mega.hover > a {background-color:#ddd;}
    nav.nav_primary ul.parent > li > a.selected, nav.nav_primary ul.parent > li.selected > a {background-color:#ddd;}

    /* Secondary */
    #nav-secondary { font-size: 20px; margin-bottom: 40px; }
    #nav-secondary .current > a { color: #000; }
    #nav-secondary h3 { background: #002b80; border-radius: 6px; color: #fff; font-size: 24px; font-weight: bold; margin: 0; padding: 10px 15px; text-transform: uppercase; }
    #nav-secondary > ul { font-weight: normal; list-style: none; margin: 0; padding: 0 15px; }
    #nav-secondary > ul > li { margin: 0; }
    #nav-secondary > ul > li > a { border-bottom: 1px solid #ddd; display: block; padding: 0.5em 0; }
    #nav-secondary > ul > li.current { border-bottom: 1px solid #ddd; }
    #nav-secondary > ul > li.current > a { border: 0; font-weight: bold; }
    #nav-secondary > ul > li.current > a + ul { margin-top: 0; }
    #nav-secondary ul ul { font-size: 16px; margin: 0.5em 0 0 1em; }
    
        /* Landing pages */
        .landing #nav-secondary { background: #002b80; border-radius: 6px; padding: 30px 35px; }
        .landing #nav-secondary a { color: #fff; }
        .landing #nav-secondary h3 { background: none; border-radius: 0; margin-bottom: 0.7em; padding: 0; }
        .landing #nav-secondary > ul { padding: 0; }
        .landing #nav-secondary > ul > li > a { border-bottom-color: rgba(255, 255, 255, 0.3); }
        .landing #nav-secondary > ul > li:last-child > a { border-bottom-width: 0; }

/* News */
.news dt { font-size: 21px; line-height: 1.3; }
.news-mini { list-style: none; margin-left: 0; }
.news-mini li { margin-bottom: 0.8em; }

/* Paging */
.pages, .pages ul { clear: both; float: none; font-size: 16px; list-style: none; margin: 50px 0 30px; text-align: center; }
.pages li { display: inline; margin: 0 10px 0 0; }

/* Profile */
#profile-primary { float: right; width: 74.14%; }
#profile-secondary { float: left; width: 22.43%; }
#profile-photo img { display: block; width: 100%; }

/* Progress */
.progress {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    font-size: 18px;
    list-style: none;
    margin: 40px 0;
    text-align: center;
    padding: 1em;
}

.progress .current { font-weight: bold; }
.progress .current a { color: #000; }
.progress li { display: inline; margin: 0 1em; }

/* Payment history */
.payment-history .amount { width: 90px; }
.payment-history .date { width: 120px; }
.payment-history .invoice { width: 75px; }
.payment-history .memo {  }
.payment-history .n { color: red; }
.payment-history .num { text-align: right; }
.payment-history .p { color: green; }
.payment-history .total td { border-top: 3px double #ccc; font-weight: bold; }
.payment-history tr.transaction-row:hover td { background: #f0f0f0; cursor: pointer; }
.payment-history tr.transaction-row:hover td .transaction-details { cursor: default; }
.payment-history tr.transaction-row:hover td .transaction-details tr td { background: #ffc; cursor: default; }
.payment-history tr.current td { background: #fff; font-weight: bold; }

    /* Transaction detail */
    .transaction-detail { border: 2px solid #888; }
    .transaction-detail .amount { width: 16%; }
    .transaction-detail table { margin: 0; }
    .transaction-detail > td { background: #fff; padding: 0; }
    .transaction-detail .memo { width: 38%; }
    .transaction-detail .tools { padding-left: 0.5em; width: 8%; }
    
        /* Transaction item */
        .transaction-details tr th { background: #eec; font-weight: bold; }
        .transaction-details tr td { background: #ffc; }

/* Search results */
.docType { color: #000; font-size: 0.7em; font-weight: bold; margin-left: 0.3em; text-transform: uppercase; white-space: nowrap; }
#info { border-bottom: 1px solid #cbc3b8; margin-bottom: 1em; padding-bottom: 1em; }
#search-results { margin: 0 0 1em; }
#search-results p { margin: 0; }
#search-results h2 { font-size: 1.3em; font-weight: normal; margin: 1em 0 0; }
#search-results .icon { margin-bottom: -2px; }
#search-results li { list-style: none; }
#search-results .mute { color: #6d6e71; font-size: 11px; }
#search-within-search input { vertical-align: middle; }
#search-within-search .txt { display: inline; width: 69%; }
#search-within-search .btn { margin: 0; }
#searchPages { font-size: 1.2em; margin-top: 2em; text-align: center; }
#searchPages a { padding: 0.5em 0.2em; }
#searchPages li { background: none; display: inline; margin: 0 0.2em; padding: 0; }
#searchSort { border-top: 1px solid #cbc3b8; font-size: 1.2em; margin: 1em 0; padding-top: 0.9em; }

.gsc-search-box.gsc-search-box-tools td, td.gsc-result-info-container, td.gsc-orderby-container, .gsc-resultsbox-visible td { border:none;  }





/* Social */
.social { font-size: 20px; list-style: none; margin-left: 0; }
.social .fa-stack-1x { color: #fff; }
.social li { display: inline; }
.social-flat li { display: block; }

    /* Colors */
    .social-facebook .fa-stack-2x { color: #345598; }
    .social-linkedin .fa-stack-2x { color: #0B7bb6; }
    .social-twitter .fa-stack-2x { color: #13abef; }

/* Store */
    /* Product details */
    .product { padding-left: 300px; }
    .product h1 { margin-bottom: 0.5em; }
    .product-description { margin-bottom: 30px; }
    .product-image { float: left; margin: 3px 0 30px -330px; width: 300px; }
    .product-image img { display: block; width: 100%; }
    .product .txt-num { width: 3em; }
    
    /* Product list */
    .product-list { list-style: none; margin-left: 0; }
    .product-list > li { border-top: 1px solid #ddd; margin-bottom: 30px; overflow: hidden; padding: 20px 20px 10px 170px; }
    .product-list .thumb { float: left; margin: 3px 20px 10px -170px; width: 150px; }
    .product-list .thumb img { display: block; width: 100%; }

/* Toggling options */
.closed { display: none; }

/* Video */
.fancybox {position: relative;}
.fancybox > img {max-width: 400px; width: 100%; z-index: 3; }
.fancybox .over-img {position: absolute; width: 25%; left: 40%; bottom: 350%; }



/* Viewing options */
.view { margin-bottom: 1em; }
.view .active { font-weight: bold; }
.view li, .view p { margin-right: 0.7em; white-space: nowrap; }
.view li, .view p, .view ul { display: inline; }
.view ul { list-style: none; margin: 0; }


/* Widths
======================================================================*/
@media screen and (max-width: 1130px) {
    /* Features */
    #feature h1 { font-size: 20px; }
    #feature .overlay-content { padding: 20px; }

    .feature h1 { font-size: 20px; }
    .feature .overlay-content { padding: 20px; }
}

@media screen and (max-width: 991px) {

    #logo {width:500px;}

}


@media screen and (max-width: 790px) {
    /* Layout */
    #main, #subfeatures, #subfooter, #footer {padding: 50px 0; }
    #content-primary .panel-container .c2r .card, #content-primary .panel-container .c2l .card { margin-bottom: 50px; }

    .card-head {padding: 0.25em 0 .5em 0;}

    .more {padding-top: .5em;}
    
    /* Header */
    #header {padding:0;}
    #header .content { background-position: center center; background-size: 150px 103px; align-items:center;}

        /* Features */
		#feature .image { margin: 0 auto;}
        #feature .overlay { position: static; width: 100%; }
        #feature .overlay-content { background: none; max-width: 100%; }

        .feature .image { margin: 0 auto;}
        .feature .overlay { position: static; width: 100%; }
        .feature .overlay-content { background: none; max-width: 100%; }
        
            /* Logo */
            #header .content .logo-search {padding:.25em 0; justify-content: center;}
            #logo { width:80%;}
            
            /* Subheader */
            #subheader { background: #fff; color: #000; padding-top: 20px; }
            #subheader a { color: #002b80; }
        
        /* Store */
            /* Product details */
            .product { padding-left: 0; }
            .product-image { float: right; margin: 3px 0 20px 20px; width: 30%; }

    /* Heroes */
    .slick-prev, .slick-next {width: 25px!important; height: 25px!important; z-index:1!important;}
    .slick-prev:before, .slick-next:before {font-size: 25px!important;}
    .slick-prev {left: 10px!important;}
    [dir='rtl'] .slick-prev {right: 10px!important;}
    .slick-next {right: 10px!important;}
    [dir='rtl'] .slick-next {left: 10px!important;}

}

@media screen and (max-width: 650px) {
    /* Basics */
    h1 { font-size: 30px; }
    .l, .r { float: none; }

    #logo { width:95%;}
    
    /* Layout */
    #content-primary, #content-secondary { float: none; margin: 0; }
    
        /* Columns */
        .c2l, .c2r, .c3l, .c3m, .c3r { float: none; width: auto; }
    
    /* Content */
        /* Action buttons */
        .action { display: block; text-align: center; width: 100%; }
        
        /* Calendar */
        .calendar .date { border: 0; float: none; font-weight: bold; margin: 0 0 10px 0; width: auto; }
        .calendar .date .day, .calendar .date .month, .calendar .date .year { display: inline; font-size: 16px; }
        .calendar .date .month { background: none; color: #000; }
        .calendar .date .year { border: 0; }
        .calendar li { padding: 10px 0; }
        .calendar .when { color: #777; font-size: 14px; }
        .calendar .when span { display: block; }
        
        /* Cards */
        .card-head { font-size: 30px; }
        .card-content { padding: 15px; }
        
        /* Features */
        #feature { padding: 0; }
        #feature h1 { font-size: 24px; }
        #feature .content { padding: 0; }
        #feature-overlay { float: none; padding: 30px 20px 20px; margin: 0; max-width: none; }

        .feature { padding: 0; }
        .feature h1 { font-size: 24px; }
        .feature .content { padding: 0; }
        .feature-overlay { float: none; padding: 30px 20px 20px; margin: 0; max-width: none; }
        
            /* Subfeatures */
            #subfeatures .panel, #subfeatures .panel:last-child { float: none; margin-bottom: 20px; padding: 0; width: auto; }
            #subfeatures .panel-content { padding: 15px; }
        
        /* Footer */
        #footer .panel { margin-bottom: 30px; }
        #footer .panel, #footer .panel#footer-tertiary { float: none; padding: 0; width: auto; }
        
            /* Subfooter */
            #subfooter .panel { float: none; padding: 0; width: auto; }
            #subfooter-primary { margin-bottom: 40px; }
        
        /* Forms */
        .form dd.field, .form  dt .label { float: none; width: auto; }
        .form dt .label { font-weight: bold; }
        .form .field-single-line { width: 100%; }
        
            /* Dedicated search */
            .dedicated-search { padding: 15px; }
            .dedicated-search p, .dedicated-search p.submit { float: none; margin: 0 0 0.5em; width: auto; }
            
            /* Progress forms */
            #progress-form { padding: 0; }
            #progress-form .form-nav { border: 1px solid #ddd; border-radius: 5px; float: none; margin: 0 0 20px; width: auto; }
            #progress-form .form-nav a { padding: 0.5em 1em; }
            #progress-form .form-nav li { margin: 0; }
            #progress-form .form-nav li:last-child { border: 0; }
            
            /* Text boxes */
            .txt, .txt-med { width: 100%; }
        
        /* Grids */
            /* Columns */
            [class*="grid"] li { float: none; margin-right: 0 !important; width: auto !important; }
        
        /* Highlights */
        .highlights .highlights-content { float: none; width: auto; }
        .highlights .thumb { display: block; float: none; margin: 0 0 5px; width: 100%; }
        
        /* Intro */
        .intro { font-size: 18px; }
        
        
        /* Maps */
            /* Mapped results */
            #mapped-results #map { border-radius: 6px; float: none; height: 300px; width: auto; }
            #mapped-results .results { display: none; }
        
        /* Membership levels */
        #membership-levels, #membership-levels .action, #membership-levels h2 { font-size: 1em; }
        #membership-levels .fa { font-size: 50px; margin-bottom: 5px; }
        #membership-levels h3 { font-size: 28px; }
        #membership-levels li { float: none; margin: 30px 0; padding: 0; width: auto; }
        #membership-levels p { margin: 0; }
        
        /* Profile */
        #profile-primary { float: none; width: auto; }
        #profile-secondary { float: right; width: 33%; }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {

    #logo { width:100%;}

#main, #subfeatures, #subfooter, #footer {padding: 40px 0; }
#content-primary .panel-container .c2r .card, #content-primary .panel-container .c2l .card { margin-bottom: 40px; }

}