/*-----------------------------+
 | Site: Chicago Rehab Network |
 | Part: Master styles         |
 +-----------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:300,400,500,700|Ubuntu: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(//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.min.css);
@import url(/content/styles/reset.css);
@import url(/content/styles/forms.css);


/* Fonts
======================================================================*/
body, #cse *, #nav-tertiary, input, .mute, select, .subscribe *, textarea { font-family: Ubuntu, Arial, sans-serif; }

.calendar .date .month,
.features h2,
h1,
.highlight,
.home h2,
.intro,
.landing h2,
#nav-secondary,
#subheader {
    font-family: "Roboto Slab", Georgia, "Times New Roman", Times, serif;
}

.subscribe .ctct-custom-form * { font-family: Ubuntu, Arial, sans-serif !important; }


/* Basics
======================================================================*/
a { color: #187e8b; text-decoration: none; }
a:hover { text-decoration: underline; }
article a { text-decoration: underline; }
article a:hover { text-decoration: none; }
blockquote { color: #474747; font-size: 24px; font-weight: normal; }
blockquote cite { font-size: 17px; }
body { color: #464646; font-size: 17px; font-weight: 300; line-height: 1.5; }
cite, em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 1em; }
dt { margin-top: 1em; }
dt:first-child { margin-top: 0; }
h1 { color: #464646; font-size: 48px; font-weight: 300; letter-spacing: -0.05em; line-height: 1.2; margin-bottom: 0.4em; }
h2 { color: #cb6218; font-size: 32px; font-weight: 500; line-height: 1.2; margin-bottom: 0.4em; }
h3, h4, h5, h6, strong { font-weight: bold; }
h3 { color: #464646; font-size: 24px; line-height: 1.3; margin-bottom: 0.5em; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 40px 0; }
html { -webkit-text-size-adjust: none; }
img { max-width: 100%; }
li { margin-bottom: 0.3em; }
ol { list-style: decimal; margin-left: 2em; }
sub { font-size: 12px; vertical-align: sub; }
sup { font-size: 12px; vertical-align: super; }
table { border-collapse: collapse; width: 100%; }
table h2, table p { margin: 0; }
td { border: 1px solid #ddd; }
td, th { padding: 0.5em 1em; 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; padding: 0.5em 0 1em; }
th img { vertical-align: middle; }
th { color: #555; font-weight: bold; vertical-align: bottom; }
thead th { vertical-align: bottom; }
th { font-weight: bold; }
ul { list-style: disc; margin-left: 1.5em; }

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


/* Core layout
======================================================================*/
.clear { clear: both; }

/* Admin */
.ribbon { margin: 0 auto; width: 1130px; }

/* Content */
.content { box-sizing: border-box; margin: 0 auto; max-width: 1130px; }
#content-primary { float: left; width: 65.48%; }
#content-secondary { float: right; width: 30.97%; }
.full #content-primary { float: none; margin: 0 auto; }
.full.wide #content-primary { float: none; width: auto; }
#main { padding: 0 20px; }
#main .content { padding: 40px 0 70px; }

/* Columns */
.c2l, .c2r { width: 48%; }
.c2l, .c3l, .c3m { float: left; }
.c2r, .c3r { float: right; }
.c3l { margin-right: 3%; }
.c3l, .c3m, .c3r { width: 31%; }

    /* Text columns */
    [class *= "cols-"] { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; list-style: none; margin-left: 0; }
    [class *= "cols-"] > li { margin: 0; }
    .cols-2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .cols-3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
    .cols-4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }


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

/* About */
#about { background: url(/content/images/bricks.jpg) no-repeat 50% 50%; background-size: cover; padding: 80px 20px; text-align: center; }
#about .content { background: rgba(255, 255, 255, 0.9); border-radius: 8px; box-sizing: border-box; padding: 50px; }

/* Actions */
a.action, input.action, span.action a {
    -webkit-appearance: none;
    background: #3b929a;
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    margin-right: 0.5em;
    padding: 1em 2em;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}

a.action:hover, input.action:hover, span.action a:hover { opacity: 0.7; text-decoration: none; }
.action .fa { margin-right: 0.1em; }
.action .mute { color: #fff; font-weight: 300; }

/* Browse */
.browse { border-top: 1px solid #ddd; margin-bottom: 1.5em; padding-top: 1em; }
.browse ul { list-style: none; margin: 0; }

/* Calendar */
.calendar { list-style: none; margin-left: 0; }
.calendar .date { background: #f1f1f1; border-radius: 200px; float: left; margin-left: -135px; padding: 25px 0; text-align: center; width: 110px; }
.calendar .date .day { display: block; font-size: 30px; font-weight: bold; line-height: 1; }
.calendar .date .month { color: #a11d21; font-size: 20px; text-transform: uppercase; }
.calendar h3 { font-size: 24px; font-weight: normal; margin: 0; }
.calendar li { border-top: 1px solid #ddd; margin: 0; overflow: hidden; padding: 17px 0 17px 135px; }
.calendar p { margin: 0; }
.calendar .series { color: #cb6218; font-size: 14px; text-transform: uppercase; }

    /* Preview */
    .calendar-preview .date { margin-left: -110px; padding: 15px 0; width: 90px; }
    .calendar-preview h3 { font-size: 18px; font-weight: 500; }
    .calendar-preview li { padding-left: 110px; }

/* Callouts */
[class *= "call"] { font-size: 13px; font-weight: normal; line-height: 1.3; margin-bottom: 15px; max-width: 100%; }
[class *= "call"] img { display: block; margin-bottom: 5px; }
[class *= "call"] img.icon { display: inline; }
[class *= "call"] p { margin-bottom: 0.5em; }
.call-l, .pull-l, .pull-small-l { clear: left; float: left; margin: 0 30px 10px 0; }
.call-r, .pull-r, .pull-small-r { clear: right; float: right; margin: 0 0 10px 30px; }
dt img.call-l { margin-top: 0; }
.credit { font-size: 12px; margin: 0.5em 0; text-align: right; }
.credit a { color: #7f8183; }
.pull, .pull-l, .pull-r { color: #4d4d4d; font-size: 24px; font-weight: bold; line-height: 1.3; width: 42.15%; }
[class *= "pull-small"] { border: 1px solid #ccc; border-width: 2px 0; font-size: 16px; line-height: 1.6; width: 42.15%; }
[class *= "pull"] blockquote cite { color: #666; display: block; font-size: 16px; font-weight: normal; text-align: right; }
[class *= "pull"] .mute { font-weight: normal; }
[class *= "pull"] p { margin-bottom: 0.5em; }

/* Detail lists */
.details { list-style: none; margin-left: 0; text-transform: uppercase; }
.details li { display: inline; margin-right: 1em; }

/* Factbook */
.factbook-change th { font-weight: normal; }
.factbook-change tbody th, .factbook-change td { border: 0; padding: 0 20px 20px 0; }
.factbook-change thead th { font-size: 13px; padding: 0 0 20px; }
.factbook-change thead th:last-child { text-align: center; width: 300px; }
.factbook-change td:last-child { padding-right: 0; }

/* Features */
.features { background: #005057; font-size: 22px; overflow: hidden; padding: 50px 20px; text-align: center; }
.features .fa { font-size: 48px; }
.features, .features a { color: #fff; }
.features h2, .home .features h2 { font-size: 28px; margin-bottom: 0.3em; }
.features p { margin-bottom: 0.3em; }

/* Footer */
#footer { background: #232323; padding: 50px 20px; text-align: center; text-transform: uppercase; }
#footer, #footer a { color: #fff; }

    /* Copyright */
    #footer .copyright { border-top: 1px solid rgba(255, 255, 255, 0.15); font-size: 12px; letter-spacing: 0.07em; list-style: none; margin: 0; opacity: 0.4; padding-top: 25px; }
    #footer .copyright li { display: inline; margin: 0 0.7em; white-space: nowrap; }
    
    /* Logo */
    #logo-footer { margin-bottom: 1.2em; }
    #logo-footer img { margin-right: 0.3em; max-width: 50px; }
    #logo-footer .logo-name { font-size: 20px; font-weight: 500; letter-spacing: 0.07em; }
    #logo-footer .logo-tagline { display: block; padding-top: 0.3em; text-transform: none; }
    
    /* Sitemap */
    #sitemap { background: #464646; font-size: 14px; line-height: 1.35; overflow: hidden; padding: 50px 20px; }
    #sitemap, #sitemap a { color: #fff; }
    #sitemap h6 { font-size: 16px; font-weight: normal; line-height: 1.2; margin-bottom: 0.75em; }
    #sitemap h6 a { color: #fcd067; }
    #sitemap li { margin-bottom: 0.85em; }
    #sitemap section { float: left; margin-right: 3.53%; width: 13.71%; }
    #sitemap section:last-child { float: right; margin: 0; }
    #sitemap ul { list-style: none; margin: 0; }
    
    /* Subfooter */
    #subfooter { background: #f6f6f6; color: #464646; overflow: hidden; padding: 70px 20px; text-align: center; }
    #subfooter h6, #subfooter p { margin-bottom: 0.5em; }
    
    /* vCard */
    #footer .vcard { font-size: 13px; margin-bottom: 25px; }
    #footer .vcard .adr { display: block; margin-bottom: 0.2em; }
    #footer .vcard .email, #footer .vcard .facebook, #footer .vcard .tel { margin: 0 0.5em; }

/* Grids */
.grid { clear: both; font-size: 15px; font-weight: normal; line-height: 1.3; list-style: none; margin-left: 0; overflow: hidden; }
.grid a { display: block; position: relative; }
.grid a:hover { opacity: 0.7; text-decoration: none; }
.grid li { box-sizing: border-box; float: left; margin: 0 2.7% 25px 0; }
.grid p { margin: 0; }
.grid .thumb { display: block; margin-bottom: 5px; max-width: none; width: 100%; }

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

/* Header */
#header { padding: 25px 20px; }

    /* Logo */
    #logo { float: left; margin-bottom: 20px; }
    #logo * { display: inline-block; vertical-align: middle; }
    #logo a { color: #000; }
    #logo a:hover { text-decoration: none; }
    #logo img { margin-right: 10px; width: 87px; }
    #logo .logo-name { border-right: 1px solid #ddd; font-size: 18px; font-weight: bold; line-height: 1.1; margin-right: 7px; padding-right: 7px; text-transform: uppercase; width: 100px; }
    #logo .logo-tagline { font-size: 14px; }
    
    /* Header nav */
    #nav-header { float: right; font-size: 14px; padding-top: 21px; text-align: right; text-transform: uppercase; }
    #nav-header .current a { color: #000; }
    #nav-header li { display: inline; margin: 0 0 0 1em; white-space: nowrap; }
    #nav-header ul { list-style: none; margin: 0; }
    
    /* Subheader */
    #subheader { background: #32757c; font-size: 28px; font-weight: 300; overflow: hidden; padding: 40px 20px; }
    #subheader, #subheader * { color: #fff; }
    #subheader h1 { font-size: 24px; font-weight: bold; letter-spacing: normal; margin-bottom: 0.2em; text-transform: uppercase; }
    #subheader h1:last-child { margin: 0; }
    #subheader-primary { box-sizing: border-box; padding-right: 40px; width: 17%; }
    #subheader-primary img { border: 2px solid rgba(255, 255, 255, 0.3); border-radius: 500px; box-sizing: border-box; display: block; width: 100%; }
    #subheader-primary, #subheader-secondary { display: inline-block; vertical-align: middle; }
    #subheader-secondary { width: 81.74%; }
    #subheader-secondary p:last-child { margin: 0; }

/* Heroes */
.hero { position: relative; }
.hero .action { background: #fab61e; color: #000; font-weight: normal; }
.hero .hero-image { display: block; width: 100%; }
.hero .overlay { box-sizing: border-box; padding: 30px 20px; }
.hero .overlay h1 { letter-spacing: normal; }

    @media screen and (min-width: 1500px) {
        .hero .overlay { bottom: 40px; left: 0; position: absolute; width: 100%; }
        .hero .overlay h1 { color: #000; font-size: 26px; font-weight: bold; }
        .hero .overlay p { margin-bottom: 0.5em; }
        .hero .overlay-content { background: rgba(255, 255, 255, 0.9); box-sizing: border-box; border-radius: 8px; padding: 20px 30px; width: 57.34%; }
    }

/* Hidden */
.hidden, .closed { display: none; }

/* Highlights */
.highlight { background: #fff8e7; font-size: 22px; font-weight: 300; margin-bottom: 40px; padding: 35px; overflow: hidden; }
.highlight .action { font-size: 20px; padding: 0.5em 1em; }
.highlight h2 { color: #464646; font-size: 36px; font-weight: bold; margin-bottom: 0.6em; }
.highlight-media { margin-bottom: 20px; }
.highlight-media img { display: block; margin-bottom: 10px; width: 100%; }
.highlight-media .credit { font-weight: normal; opacity: 0.5; text-align: left; }
.highlight-primary { float: left; width: 66.5%; }
.highlight-secondary { float: right; width: 29.71%; }
.highlight .sharing { margin: 0; }

    /* Navigation */
    .highlight #nav-tertiary { font-weight: 500; }
    .highlight #nav-tertiary a { color: #005057; }
    .highlight #nav-tertiary h3 { border: 0; font-size: 24px; margin-bottom: 0.5em; padding: 0; }
    .highlight #nav-tertiary > ul > li { border: 0; margin-bottom: 0.5em; }
    .highlight #nav-tertiary > ul > li > a { display: inline; padding: 0; }

/* Iframes */
.iframe-container { height: 0; overflow: hidden; padding-top: 30px; position: relative; }
.iframe-container iframe { left: 0; height: 100%; position: absolute; top: 0; width: 100%; }

/* Intro */
.intro { font-size: 22px; font-weight: 300; }

/* Landing pages */
.home h2, .landing h2 { color: #464646; font-size: 30px; font-weight: bold; margin-bottom: 0.6em; }

/* Logos */
.logos { font-size: 14px; list-style: none; margin-left: 0; line-height: 80px; text-align: center; }
.logos a:hover { opacity: 0.7; }
.logos img { max-height: 42px; vertical-align: middle; }
.logos img, .logos li { max-width: 130px; }
.logos li { display: inline-block; line-height: 1.2; margin: 0 12px; 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 */
.map img { max-width: none; }

/* Members */
.members { list-style: none; margin-left: 0; overflow: hidden; }
.members h3 { font-size: 24px; font-weight: normal; margin: 0; }
.members li { border-top: 1px solid #ddd; margin: 0; overflow: hidden; padding: 20px 0 30px 195px; }
.members .mute { margin-bottom: 0.5em; }
.members .thumb { float: left; margin: 0 0 0 -195px; text-align: center; width: 175px; }
.members .thumb img { max-height: 150px; }

/* Muted text */
.mute { color: #777; font-size: 14px; font-weight: normal; letter-spacing: normal; }

/* Navigation */
#nav-primary { float: left; font-weight: normal; padding-top: 0.2em; }
#nav-primary a { padding: 0.5em 0; }
#nav-primary a:hover { opacity: 0.7; text-decoration: none; }
#nav-primary .current a { color: #000; }
#nav-primary li { display: inline; margin-right: 1em; white-space: nowrap; }
#nav-primary ul { list-style: none; margin: 0; }

    /* Menu */
    #menu {
        background: #005057;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        display: none;
        font-size: 14px;
        height: 100%;
        overflow: scroll;
        position: fixed;
        right: -400px;
        top: 0;
        width: 250px;
        z-index: 1000;
    }
    
    #menu a { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; display: block; padding: 0.9em 1.1em; }
    #menu a:active { background: transparent; }
    #menu li { margin: 0; }
    #menu li.current { background: #fff; }
    #menu li.current a, #menu li.current a strong { color: #005057; }
    #menu li.current > a { color: #000; font-weight: bold; }
    #menu ul { list-style: none; margin: 0; }
    #menu > ul { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 1px; }
    #menu > ul:last-child { border: 0; padding: 0; }
    #menu ul ul { border: 3px double rgba(0, 0, 0, 0.3); border-width: 3px 0; }
    #menu ul ul a { border-bottom: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); }
    
        /* Nav toggle */
        #nav-toggle { color: #fff; float: right; padding: 0.3em 0.5em; font-weight: bold; }
        #nav-toggle:hover { text-decoration: none; }
    
    /* Secondary */
    #nav-secondary { background: #005057; font-size: 18px; font-weight: bold; padding: 20px; }
    #nav-secondary a { border-radius: 4px; color: #fff; padding: 0.5em 0.7em; }
    #nav-secondary a:hover { opacity: 0.7; text-decoration: none; }
    #nav-secondary .current a { background: rgba(255, 255, 255, 0.3); }
    #nav-secondary li { display: inline; margin: 0; white-space: nowrap; }
    #nav-secondary ul { list-style: none; margin-bottom: 0; }
    
    /* Tertiary */
    #nav-tertiary { margin-bottom: 30px; }
    #nav-tertiary + .browse { border-top: 0; }
    #nav-tertiary a { color: #3b929a; }
    #nav-tertiary ul { list-style: none; margin-left: 0; }
    #nav-tertiary, #nav-tertiary h3 { font-size: 18px; }
    #nav-tertiary h3 { border: 1px solid #ddd; border-width: 1px 0; font-weight: normal; margin: 0; padding: 0.6em 1em; }
    #nav-tertiary h3 a { color: #005057; }
    #nav-tertiary .current { background: #ebf4f5; }
    #nav-tertiary .current > a { color: #005057; }
    #nav-tertiary .current ul { font-size: 16px; list-style: disc; margin: 0.3em 1em 1em 2.5em; }
    #nav-tertiary .current ul ul { margin-left: 1.5em; }
    #nav-tertiary > ul > li { border-bottom: 1px solid #ddd; margin: 0; }
    #nav-tertiary > ul > li > a { display: block; padding: 0.6em 1em; }

/* News */
.news { list-style: none; margin: 2em 0 1em; }
.news h3 { font-size: 24px; font-weight: normal; margin: 0; }
.news li { border-top: 1px solid #ddd; margin: 0; overflow: hidden; padding: 17px 0; }
.news .thumb { float: right; margin: 3px 0 10px 20px 0; max-width: 200px; width: 30%; }

    /* Preview */
    .news-preview { list-style: none; margin-left: 0; }
    .news-preview h3 { font-size: 18px; font-weight: 500; margin: 0; }
    .news-preview li { border-top: 1px solid #ddd; margin: 0; overflow: hidden; padding: 17px 0 17px 110px; }
    .news-preview p { margin: 0; }
    .news-preview .thumb { border-radius: 200px; float: left; margin-left: -110px; width: 90px; }

/* People */
.people { list-style: none; margin-left: 0; }
.people li { margin-bottom: 25px; overflow: hidden; padding-left: 110px; }
.people .mute { text-transform: uppercase; }
.people p { margin: 0; }
.people strong { font-weight: 500; }
.people .thumb { float: left; margin: 3px 0 0 -110px; width: 90px; }

/* Popups (qTip) */
.qtip { background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25); font-size: 100%; line-height: 1; max-width: 400px; }
.qtip p { margin: 0; }
.qtip-content { max-height: 200px; overflow-x: hidden; overflow-y: auto; padding: 20px; }
.qtip-titlebar { border-bottom: 1px solid #ddd; padding: 10px 20px; }

    /* Account */
    .account-popup .qtip-content { padding: 0; }
    .account-popup a { display: block; padding: 0.5em 1em; }
    .account-popup a:hover { background: #f0f0f0; text-decoration: none; }
    .account-popup li { margin: 0; }
    .account-popup ul { list-style: none; margin: 0; }

/* Progress navigation */
.progress { background: #fff8e7; list-style: none; margin: 1em auto 2em; padding: 1em; text-align: center; white-space: nowrap; }
.progress li { display: inline; margin-right: 10px; }
.progress li:after { content: "»"; margin-left: 0.7em; }
.progress li:last-child:after { content: ""; margin-left: 0; }
.progress li.current { font-weight: bold; }

/* Publications */
.pubs { list-style: none; margin-left: 0; }
.pubs .details { margin: 0 0 0.5em; }
.pubs h3 { font-size: 24px; font-weight: normal; margin: 0; }
.pubs > li { margin-bottom: 20px; overflow: hidden; padding-left: 115px; }
.pubs p { margin: 0; }
.pubs .thumb { border: 1px solid #f1f1f1; box-sizing: border-box; float: left; margin-left: -115px; width: 95px; }

    /* Featured */
    .pubs-featured .details { margin-bottom: 1em; }
    .pubs-featured h3 { font-weight: 500; }
    .pubs-featured > li { padding-left: 175px; }
    .pubs-featured .thumb { margin-left: -175px; width: 155px; }
    
    /* Preview */
    .pub-preview { float: right; margin: 0 0 10px 20px; max-width: 200px; width: 50%; }

/* Related */
.related h6 { color: #878787; font-size: 13px; margin: 2em 0 1em; text-transform: uppercase; }
.related ul { list-style: none; margin-left: 0; }

/* Search results */
#cse .cse .gsc-control-cse, #cse .gsc-control-cse { padding: 0; }
#cse .gsc-adBlock, #cse .gcsc-branding, #cse .gcsc-foot { display: none !important; }
#cse .gs-title { font-size: 20px; }
#cse a.gs-title:hover { text-decoration: underline; }
#cse .gsc-cursor-box.gs-bidi-start-align { text-align: center; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page { font-size: 1.2em; margin: 0; padding: 0.3em 0.5em; }
#cse .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { background: #f0f0f0; text-decoration: none; }
#cse .gsc-result-info { padding: 0; }
#cse .gsc-control-cse, #cse .gsc-control-cse .gsc-table-result { font-size: 1em; }
#cse .gsc-control-cse .gs-spelling, #cst .gsc-control-cse .gs-result .gs-title, #cse .gsc-control-cse .gs-result .gs-title * { font-size: 1em; }
#cse .gsc-result .gs-title { height: auto; }
#cse .gs-result .gs-title, #cse .gs-result .gs-title * { text-decoration: none; }
#cse .gsc-table-result, #cse .gsc-thumbnail-inside, #cse .gsc-url-top { padding: 0; }
#cse .gsc-thumbnail-inside { padding: 0; }
#cse td { border: 0; padding: 0; }

/* Sharing */
.sharing { clear: both; margin-bottom: 30px; }
.sharing a:hover { opacity: 0.7; text-decoration: none; }
.sharing .addthis_button_compact .fa-stack-2x { color: #ff5c3e; }
.sharing .addthis_button_email .fa-stack-2x { color: #444; }
.sharing .addthis_button_facebook .fa-stack-2x { color: #3b5998; }
.sharing .addthis_button_twitter .fa-stack-2x { color: #55acee; }
.sharing .fa-stack { font-size: 18px; }
.sharing .fa-stack-1x { line-height: 2em; }

/* Sidebar */
#content-secondary h3 { color: #878787; font-size: 18px; }

/* Tags */
.tags { font-size: 15px; line-height: 2.65; list-style: none; margin-left: 0; }
.tags a { background: #ebf4f5; border: 1px solid #e6e3e5; border-radius: 4px; line-height: 1.5; display: inline-block; padding: 0.3em 0.7em; }
.tags a:hover { background: #c4dee1; border-color: #c4dee1; text-decoration: none; }
.tags li { display: inline; margin-right: 0.2em; }

/* Viewing options */
.view { font-weight: normal; margin-bottom: 1.5em; }
.view li, .view p, .view ul { display: inline; list-style: none; margin: 0 1em 0 0; }


/* Widths
=====================================================================*/
@media screen and (max-width: 1040px) {
    /* Features */
    .features { font-size: 20px; }
    
    /* Header */
    #header { background: #005057; }
    
        /* Logo */
        #logo { margin: 0; }
        #logo .logo-name { border: 0; color: #fff; margin-right: 0; padding-right: 0; }
        #logo .logo-tagline { display: none; }
        
        /* Subheader */
        #subheader { font-size: 20px; }
        #subheader h1 { font-size: 30px; }
        #subheader-primary { float: right; margin: 0 0 10px 10px; width: 30%; }
        #subheader-primary img { border-width: 3px; }
        #subheader-primary, #subheader-secondary { display: block; padding: 0; }
        #subheader-secondary { width: auto; }
}

@media screen and (max-width: 800px) {
    /* Layout */
    .c3l, .c3m, .c3r { float: none; margin: 0; width: auto; }
    
    /* Content */
        /* Features */
        .features { font-size: 18px; padding: 20px; }
        .features .c3l, .features .c3m { margin-bottom: 30px; }
        
        /* Footer */
            /* Copyright */
            #footer .copyright li { display: block; margin: 0 0 0.5em; white-space: normal; }
            
            /* Logo */
            #logo-footer img { display: block; margin: 0 auto 10px; }
            #logo-footer .logo-name { font-size: 18px; }
            #logo-footer .logo-tagline { font-size: 14px; }
            
            /* Sitemap */
            #sitemap { padding: 30px 20px; }
            #sitemap h6 { margin: 0; }
            #sitemap li { white-space: nowrap; }
            #sitemap li::after { content: ","; }
            #sitemap li:last-child::after { content: ""; }
            #sitemap li, #sitemap ul { display: inline; }
            #sitemap section { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 1em; }
            #sitemap section { float: none; margin: 0 0 1em; width: auto; }
            #sitemap section:last-child { border: 0; float: none; margin: 0; padding: 0; width: auto; }
            
            /* Subfooter */
            #subfooter { padding: 30px 20px; }
            #subfooter .c3l, #subfooter .c3m { margin-bottom: 30px; }
            
            /* vCard */
            #footer .vcard .email, #footer .vcard .facebook, #footer .vcard .tel { display: block; margin: 0.5em 0 0; }
        
        /* Grids */
        [class*="grid"] li { clear: none !important; margin-right: 2% !important; width: 48% !important; }
        [class*="grid"] li:nth-child(2n+2) { margin-right: 0 !important; }
        [class*="grid"] li:nth-child(2n+3) { clear: left !important; }
}

@media screen and (max-width: 700px) {
    /* Basics */
    body { font-size: 16px; }
    blockquote { font-size: 22px; line-height: 1.4; }
    h1 { font-size: 26px; }
    h2 { font-size: 22px; }
    h3 { font-size: 20px; }
    h5 { font-size: 18px; }
    h6 { font-size: 19px; }
    hr { margin: 20px 0; }
    
    /* Layout */
    .c2l, .c2r, #content-primary, #content-secondary, .highlight-primary, .highlight-secondary { float: none; margin-right: 0; width: auto; }
    #main .content { padding-top: 20px; }
    
    /* Content */
        /* About */
        #about { padding: 0; }
        #about .content { padding: 20px; }
        
        /* Calendar */
        .calendar .date { margin-left: -60px; padding: 5px 0; width: 50px; }
        .calendar .date .day { font-size: 18px; }
        .calendar .date .month { font-size: 12px; font-weight: normal; }
        .calendar h3 { font-size: 18px; }
        .calendar li { padding-left: 60px; }
        
        /* Header */
        #header { padding: 15px 20px; }
        
            /* Logo */
            #logo img { width: 50px; }
            #logo .logo-name { font-size: 12px; }
        
        /* Highlights */
        .highlight { font-size: 16px; padding: 10px; }
        .highlight h2 { font-size: 22px; }
        
        /* Landing pages */
        .home h2, .landing h2 { font-size: 22px; }
        
        /* Members */
        .members h3 { font-size: 18px; }
        .members li { padding: 15px 0 25px 0; }
        .members .thumb { float: none; margin: 0; width: auto; }
        .members .thumb img { float: right; margin: 0 0 10px 10px; max-width: 200px; max-height: none; width: 30%; }
        
        /* News */
            /* Preview */
            .news-preview li { padding: 10px 0; }
            .news-preview .thumb { float: right; margin: 3px 0 10px 10px; width: 70px; }
        
        /* Publications */
        .pub-preview { float: none; margin: 0 0 20px; max-width: none; width: auto; }
}

@media screen and (max-width: 500px) {
    /* Actions */
    .action { box-sizing: border-box; display: block; margin: 0 0 10px 0; padding: 0.7em 1em !important; text-align: center; width: 100%; }
    
    /* People */
    .people li { margin-bottom: 20px; padding-left: 90px; }
    .people .thumb { margin-left: -90px; width: 80px; }
    
    /* Publications */
    .pubs .details { margin: 0; }
    .pubs h3 { font-size: 20px; }
    .pubs > li { padding-left: 75px; }
    .pubs .thumb { margin-left: -75px; width: 60px; }
}