/* Minification failed. Returning unminified contents.
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,17): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(37,25): run-time error CSS1039: Token not allowed after unary operator: '-blue-dark'
(48,22): run-time error CSS1039: Token not allowed after unary operator: '-blue-dark'
(244,74): run-time error CSS1019: Unexpected token, found ','
(244,74): run-time error CSS1042: Expected function, found ','
(244,77): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(280,52): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(284,102): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(306,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(382,29): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(427,41): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(482,62): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(482,89): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(641,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-dark'
(720,28): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(732,122): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(733,97): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(736,100): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(738,62): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(739,146): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(740,121): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(749,35): run-time error CSS1039: Token not allowed after unary operator: '-blue-dark'
(750,41): run-time error CSS1039: Token not allowed after unary operator: '-blue-link'
(755,78): run-time error CSS1039: Token not allowed after unary operator: '-blue-dark'
(765,100): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(772,80): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(779,90): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(959,30): run-time error CSS1039: Token not allowed after unary operator: '-blue-light'
(961,43): run-time error CSS1039: Token not allowed after unary operator: '-blue'
 */
/*--------------------------+
 | Site: The Retina Society |
 | Part: Master styles      |
 +--------------------------*/

/* Imports
=====================================================================*/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i|Raleway:400,400i,700,700i,900,900i&display=swap);
@import url(/Content/styles/fontawesome.css);
@import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.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(//stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css);
@import url(/content/styles/forms.css);


/* Fonts
======================================================================*/
body, #cse *, input, .mute, select, textarea { font-family: "Open Sans", Arial, sans-serif; }
h1, h2, .intro, #nav, #nav-secondary h3 { font-family: Raleway, Arial, sans-serif; }
input[type=password] { font-family: Arial, sans-serif; }


/* Basics
======================================================================*/
:root {
    --blue: #1f4c8a;
    --blue-bright: #f2f5fb;
    --blue-dark: #022044;
    --blue-light: #6382ad;
    --blue-link: #3496F9;
}

a { color: var(--blue); text-decoration: none; transition:all .4s ease-in; }
a:hover { text-decoration: underline; }
address { font-style: normal; }
body { background: var(--blue-dark); font-size: 16px; line-height: 1.5; word-wrap: break-word; }
caption { font-weight: bold; margin-bottom: 0.2em; }
cite, em { font-style: italic; }
dl, ol, p, table, ul { margin-bottom: 1em; }
dt { margin-top: 1.4em; }
dt:first-child { margin-top: 0; }
dt, strong { font-weight: bold; }
dt div {font-weight: normal; }
dt div ul li { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; margin-bottom:.5em; }
h1 { font-size: 42px; line-height: 1.1; margin-bottom: 0.75em; }
h1, h2 { color: var(--blue-dark); }
h2 { font-size: 36px; line-height: 1.1; margin-bottom: 0.5em;}
h2 + h3, h3 + h4, h4 + h5, h5 + h6 { margin-top: 0.5em; margin-bottom:.75em; }
h3 { font-size: 24px; line-height: 1.1; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 16px; }
hr { background: #ddd; border: 0; clear: both; color: #ddd; height: 1px; margin: 35px 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; }
sub { top: 0.2em; }
sup, sub { font-size: 0.6em; position: relative; top: -0.4em; vertical-align: baseline; white-space: nowrap; }
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 15px 0 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; 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 */
.c { text-align: center; }
.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, #footer-content, #header-content, #nav-content, .intro-content { margin: 0 auto; max-width: 1240px; }

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

    /* Text flow */
    .cols2 { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
    .cols3 { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; }
    .cols4 { -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; }
    .cols2, .cols3, .cols4 { -moz-column-gap: 30px; -webkit-column-gap: 30px; column-gap: 30px; }
    [class *= "cols"] li { -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; margin: 0; padding-bottom: 0.75em; }
    [class *= "cols"] p { margin: 0; }
    ol[class *= "cols"], ul[class *= "cols"] { list-style: none; margin-left: 0; }

/* Content */
.content-primary { float: left; width: 68.8%; }
.content-secondary { float: right; width: 27.2%; }
#content-wrapper { padding: 40px 20px 70px; background:#fff url('/content/images/cms/oval.png') 105% -150px no-repeat; background-size:350px 350px;}



    /* Full */
    .full #content, .full #footer-content, .full #header-content, .full #nav-content, .full .intro-content { max-width: none; }
    .full .content-primary { float: none; width: auto; }
    .full #content-wrapper, .full #header-primary, .full #nav { padding-left: 3%; padding-right: 3%; }
    
    /* Hide sidebar */
    .hidesidebar .content-primary { float: none; width: auto; }
    .hidesidebar .content-seconeary { display: none; }
    
    /* Sign in */
    .signin .txt-med { margin: 0; width: 100%; }
    
    /* Sections */
    .section {position: relative; }
    .section.inverted .content-primary { width: 35.2%; }
    .section.inverted .content-secondary { width: 60.8%; }
    
    /* Sign in */
    .signin .action { display: block; padding: 0.5em 0; text-align: center; width: 100%; }
    .signin #content { max-width: 850px; }
    .signin .form dt .label { float: none; font-weight: bold; width: auto; }
    .signin .form dd.field { float: none; width: auto; }

/* Flex Columns
======================================================================*/

.group {box-sizing:border-box; display:-ms-flexbox; display:-webkit-box; display:flex; -ms-flex:0 1 auto; -webkit-box-flex:0; flex:0 1 auto; -ms-flex-direction:row; -webkit-box-orient:horizontal; -webkit-box-direction:normal; flex-direction:row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 -1.75% 2em -1.75%;}
	.group:last-child {margin-bottom:0;}
.group > * {box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right:1.75%; padding-left:1.75%;}

.group_1of2 {-ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%;}

.group_1of3 {-ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%;}
.group_2of3 {-ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%;}

.group_1of4 {-ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%;}
.group_3of4 {-ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%;}

.group_1of5 {-ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%;}
.group_2of5 {-ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%;}
.group_3of5 {-ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%;}
.group_4of5 {-ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%;}

.group_1of6 {-ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%;}
.group_5of6 {-ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%;}

.group_1of7 {-ms-flex-preferred-size: 14.285%; flex-basis: 14.285%; max-width: 14.285%;}
.group_2of7 {-ms-flex-preferred-size: 28.57%; flex-basis: 28.57%; max-width: 28.57%;}
.group_3of7 {-ms-flex-preferred-size: 42.855%; flex-basis: 42.855%; max-width: 42.855%;}
.group_4of7 {-ms-flex-preferred-size: 57.14%; flex-basis: 57.14%; max-width: 57.14%;}
.group_5of7 {-ms-flex-preferred-size: 71.425%; flex-basis: 71.425%; max-width: 71.425%;}
.group_6of7 {-ms-flex-preferred-size: 85.71%; flex-basis: 85.71%; max-width: 85.71%;}

.group_1of8 {-ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; max-width: 12.5%;}
.group_3of8 {-ms-flex-preferred-size: 37.5%; flex-basis: 37.5%; max-width: 37.5%;}
.group_5of8 {-ms-flex-preferred-size: 62.5%; flex-basis: 62.5%; max-width: 62.5%;}
.group_7of8 {-ms-flex-preferred-size: 87.5%; flex-basis: 87.5%; max-width: 87.5%;}

.group_1of9 {-ms-flex-preferred-size: 11.111%; flex-basis: 11.111%; max-width: 11.111%;}
.group_2of9 {-ms-flex-preferred-size: 22.222%; flex-basis: 22.222%; max-width: 22.222%;}
.group_4of9 {-ms-flex-preferred-size: 44.444%; flex-basis: 44.444%; max-width: 44.444%;}
.group_5of9 {-ms-flex-preferred-size: 55.555%; flex-basis: 55.555%; max-width: 55.555%;}
.group_7of9 {-ms-flex-preferred-size: 77.777%; flex-basis: 77.777%; max-width: 77.777%;}
.group_8of9 {-ms-flex-preferred-size: 88.888%; flex-basis: 88.888%; max-width: 88.888%;}

.group .first {-ms-flex-order:-1;-webkit-box-ordinal-group:0;order:-1;}
.group .last {-ms-flex-order:1;-webkit-box-ordinal-group:2;order:1;}
.group.reverse {-ms-flex-direction:row-reverse; -webkit-box-orient:horizontal; -webkit-box-direction:reverse; flex-direction:row-reverse;}
.group.start {-ms-flex-pack:start; -webkit-box-pack:start; justify-content:flex-start;}
.group.center {-ms-flex-pack:center; -webkit-box-pack:center; justify-content:center; text-align:left;}
.group.end {-ms-flex-pack:end; -webkit-box-pack:end; justify-content:flex-end;}
.group.top {-ms-flex-align:start; -webkit-box-align:start; align-items:flex-start;}
.group.middle {-ms-flex-align:center;-webkit-box-align:center;align-items:center;}
.group.bottom {-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end;}
.group.around {-ms-flex-pack:distribute;justify-content:space-around;}
.group.between {-ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between;}

/* Insets & Outsets
======================================================================*/

.inset {padding:2rem;}

.inset_right_large {padding-right:4rem;}
.inset_right {padding-right:2rem;}
.inset_right_small {padding-right:.5rem;}

.inset_left_large {padding-left:4rem;}
.inset_left {padding-left:2rem;}
.inset_left_small {padding-left:.5rem;}

.inset_top_large {padding-top:4rem;}
.inset_top {padding-top:2rem;}
.inset_top_small {padding-top:.5rem;}

.inset_bottom_large {padding-bottom:4rem;}
.inset_bottom {padding-bottom:2rem;}
.inset_bottom_small {padding-bottom:.5rem;}

.outset {margin:2rem;}

.outset_right_large {margin-right:4rem;}
.outset_right {margin-right:2rem;}
.outset_right_small {margin-right:.5rem;}

.outset_left_large {margin-left:4rem;}
.outset_left {margin-left:2rem;}
.outset_left_small {margin-left:.5rem;}

.outset_top_large {margin-top:4rem;}
.outset_top {margin-top:2rem;}
.outset_top_small {margin-top:.5rem;}

.outset_bottom_large {margin-bottom:4rem;}
.outset_bottom {margin-bottom:2rem;}
.outset_bottom_small {margin-bottom:.5rem;}

.center {text-align:center;}

.well{display:block;padding:1.5em 1.5em;background:#FFF;border:1px solid #ddd;margin-bottom:1.5em; border-radius:10px;}
.platform{display:block;padding:1.5em 1.5em;background:#FFF;box-shadow:0 0 1em rgba(0,0,0,.1);margin-bottom:1.5em; border-radius:10px;}

.cta {position:relative; padding:4em 4em; display:block; box-shadow:0 0 1em rgba(0,0,0,.1); background-color: #fff; border-radius:10px;}
.cta .lead {margin-bottom:0;}
.cta .group_1of3 {text-align:center;}
.cta .btn {margin:0;}

.lead{font-size:1.5em; margin-bottom:1.5em;}

/* Banner */
.banner { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat:no-repeat; background-position: top center; margin-bottom:40px; border-radius:10px;}
.banner .banner_overlay {width:100%; height:100%; background: rgb(4,17,32,.5); display:flex; align-items: center; border-radius:10px;}
.banner .banner_overlay .banner_content {color:#fff; margin:0 auto; width:100%; max-width: 1240px; padding:100px 40px; text-align: center;}
    .home .banner .banner_overlay .banner_content {text-align:left}
.banner .banner_overlay .banner_content h1, .banner .banner_overlay .banner_content .lead {color:#fff;}
.banner .banner_overlay .banner_content p:last-child {margin-bottom:0;}

.decorative_text {font-size:13px; text-transform: uppercase; letter-spacing: 1px;}
    .banner_content .decorative_text {color:#fff;}

.wrapper {margin: 0 auto; padding:0 40px; width:100%; max-width: 1240px;}

.spacer {height:4em; clear:both;}

.panel {position:relative; padding:4em 0;margin-bottom:40px; border-radius:10px;}
.panel > .wrapper > p:last-child {margin-bottom:0;}

.panel_light {background-color:#fff;}
.panel_medium {background-color:rgba(99,130,172,.1);}

.panel_medium + .panel_light, .panel_light + .panel_medium {margin-top:-40px;}

.oval_right {background:#fff url('/content/images/cms/oval.png') no-repeat; background-size:350px 350px; background-position: calc(90% + 175px) calc(80% + 175px);}
.oval_left {background:#fff url('/content/images/cms/oval.png') no-repeat; background-size:350px 350px; background-position: calc(0 - 175px) -175px;}
    .panel_medium.oval_right {background:rgba(99,130,172,.1) url('/content/images/cms/oval.png') no-repeat; background-size:350px 350px; background-position: calc(90% + 175px) calc(80% + 175px);}
    .panel_medium.oval_left {background:rgba(99,130,172,.1) url('/content/images/cms/oval.png') no-repeat; background-size:350px 350px; background-position: -10px -150px;}

.item_list {margin:0; padding:0; list-style: none; display:flex; flex-wrap:wrap;}
.item_list > li {padding:1em 1em;}
    .item_list.item_list_2x > li {width:50%}
    .item_list.item_list_3x > li {width:33.333%}
.item_list > li > a {display:block; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); background-color:#fff; padding:1.5em 1.5em; text-decoration:none; }
    .item_list > li:hover > a {box-shadow: none;}
.item_list > li > a span {display:block;}
.item_list .item_img {margin-bottom:1em; overflow:hidden;}
.item_list .item_img img {transition: transform .4s;}
    .item_list > li:hover .item_img img {transform: scale(1.1);}
.item_list .item_title {font-size:20px; color:var(--blue-link); font-weight:600; margin-bottom:.5em; line-height:1.3;}

.item_list.item_split > li > a {display:flex;}
.item_list.item_split > li > a > .item_icon {margin-right:1.5em;}
.item_list.item_split > li > a > .item_icon > span {width:125px; height:125px; background-color:var(--blue-link); border-radius: 50%; display:flex; justify-content: center; align-items: center; transition:all .5s ease-in;}
.item_list.item_split > li > a > .item_icon > span > img {width:50%;}
.item_list.item_split > li > a > .item_icon > span > .icon_hover, .item_list.item_split > li > a:hover > .item_icon > span > .icon_static {display:none;}
.item_list.item_split > li > a:hover > .item_icon > span {background-color:#fff;}
.item_list.item_split > li > a:hover > .item_icon > span > .icon_hover {display:block;}

.reveal{transform: translateY(200px); opacity: 0; transition: 1s all ease;}
.reveal.active{transform: translateY(0);opacity: 1;}

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

/* Abstracts */
.abstracts { border-top: 1px solid #ddd; list-style: none; margin: 0 0 50px; }
.abstracts > li { border-bottom: 1px solid #ddd; overflow: hidden; padding: 1em 9em; position: relative; }
.abstracts p { margin: 0; }
.abstracts .remove { position: absolute; right: 0; text-align: right; top: 1em; }
.abstracts .status { float: left; margin-left: -9em; width: 8em; }

/* Action */
.action, .btn {
    -webkit-appearance: none;
    background-color: var(--blue-link);
    border: 0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    display: inline-block;
    margin: 0.2em 0.2em 0.5em 0;
    padding: .75em 1.5em;
    vertical-align: middle;
    font-weight:bold;
    transition:all .5s ease-in;
}

a span.action { display: inline-block; padding: 0.5em 1em; }
.action:hover, .btn:hover { color: #fff; opacity: 0.7; text-decoration: none; }
.action:hover a { text-decoration: none; }
.action a { color: #fff; }
span.action { padding: 0; }
span.action a { display: inline-block; padding: 0.5em 1em; }
.action-full { display: block; text-align: center; }

/* AddThis */
.addthis_toolbox { clear: both; padding-top: 40px; }
.addthis_toolbox a { float: left; margin-right: 10px; }

/* Advisories */
.advisories { overflow: hidden; }
.advisories dt { clear: both; font-size: 22px; font-weight: 600; line-height: 1.3; margin: 0; padding-top: 20px; }
.advisories dt:first-child { padding: 0; }
.advisories .thumb { float: left; margin: 3px 30px 0 0; max-width: 100px; }

    /* Featured */
    .advisories-featured dt { font-size: 30px; font-weight: 300; line-height: 1.1; margin: 0 0 0.5em; }
    .advisories-featured .thumb { margin-bottom: 30px; max-width: 200px; }

/* Retina Society News */
    /* Archives */
    .retinasociety-news-archive { display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; margin-left: 0; }
    .retinasociety-news-archive > li { flex: 0 0 48%; display: flex; justify-content: space-between; margin-bottom: 40px; }
    .retinasociety-news-archive .articles { flex: 1 1 auto; padding-left: 30px; }
    .retinasociety-news-archive .articles h3 { margin-bottom: 0.5em; }
    .retinasociety-news-archive .articles li { margin-bottom: 0.2em; }
    .retinasociety-news-archive .articles ul { list-style: none; margin: 0 0 0.2em; }
    .retinasociety-news-archive .thumb { flex: 0 0 30%; }
    .retinasociety-news-archive .thumb a { display: block; }
    .retinasociety-news-archive .thumb img { display: block; width: 100%; }
    
        /* Year browsing */
        .retinasociety-news-archive-years { display: flex; flex-wrap: wrap; font-size: 20px; list-style: none; margin-left: 0; }
        .retinasociety-news-archive-years li { flex: 0 0 20%; }
    
    /* Article list */
    .retinasociety-news dt { font-size: 1em; font-weight: normal; }
    .retinasociety-news dt.retinasociety-news-feature { font-size: 30px; font-weight: 300; line-height: 1; margin-bottom: 0.2em; }
    
    /* Header */
    .retinasociety-news-author-header { align-items: center; display: flex; margin-bottom: 20px; }
    .retinasociety-news-author-header-info { flex: 1 1 auto; padding-left: 20px; }
    .retinasociety-news-author-header-media { flex: 0 0 182px; }
    #retinasociety-news-header { background: #c8e4f6 url(/content/images/retinasociety-news.png) no-repeat 50% 79%; height: 143px; }
    
    /* Preview */
    .retinasociety-news-preview { background: #2c4fa7; font-size: 20px; padding-bottom: 20px; padding-top: 20px; }
    .retinasociety-news-preview, .retinasociety-news-preview a { color: #fff; }
    .retinasociety-news-preview .fa { color: #feab18; }
    .retinasociety-news-preview p { margin: 0; }

/* Author lists */
.authors { display: grid; grid-gap: 30px; grid-template-columns: repeat(3, 1fr); list-style: none; margin-left: 0; }
.authors a { align-items: flex-start; color: #000; display: flex; }
.authors a:hover { text-decoration: none; }
.authors a:hover .authors-name { text-decoration: underline; }
.authors-description { flex: 1 1 auto; padding-left: 15px; }
.authors .mute { display: block; }
.authors-name { color: var(--blue); display: block; }
.authors-thumb { flex: 0 0 60px; margin-top: 5px; }
.authors-thumb img { display: block; width: 100%; }

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

/* Buttons */
.btn-group { display: inline-block; list-style: none; margin: 0; }
.btn-group .btn { border-radius: 0; margin: 0; }
.btn-group [class *= "fa"] { margin-left: 0.2em; }
.btn-group > li { display: inline-block; margin-right: -1px; position: relative; }
.btn-group > li:first-child .btn { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
.btn-group > li:last-child { margin-right: 0; }
.btn-group > li:last-child .btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
.btn-group > li:first-child .action, .btn-group > li:first-child .wdropdown .selected { border-radius: 4px 0 0 4px; }
.btn-group > li:last-child .action, .btn-group > li:last-child .wdropdown .selected { border-radius: 0 4px 4px 0; }
.btns { font-size: 0; margin: 10px 0; }

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:hover,
.show > .btn-secondary.dropdown-toggle {
    color: #000;
}

/* Calendar */
.calendar { list-style: none; margin-left: 0; }
.calendar li { align-items: center; display: flex; margin-bottom: 2em; }
.calendar-date { flex: 0 0 auto; text-align: center; width: 4em; }

.calendar-date-day {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    font-size: 1.5rem;
    font-weight: 900;
    line-height: 1;
    padding: 0.25em 0;
}

.calendar-date-month { background: var(--blue); border-radius: 4px 4px 0 0; color: #fff; padding: 0.2em 0; text-transform: uppercase; }
.calendar-summary { flex: 1 1 auto; padding-left: 1em; }
.calendar-thumb { flex: 0 0 auto; padding-left: 1em; width: 100px; }

    /* Event header */
    #event-header { border-bottom: 1px solid #ddd; margin-bottom: 2em; padding-bottom: 0.5em; }
    #event-header h1 { margin-bottom: 0.2em; }
    #event-header h2 { font-weight: 600; margin-bottom: 0.2em; }

/* Callouts */
div.call-c, img.call-c { clear: both; display: block; margin: 1em auto; }
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; }
div.call-c, div.call-l, div.call-r { font-size: 13px; max-width: 100%; }
.call-c img, .call-l img, .call-r img { display: block; }
.call-c img.icon, .call-l img.icon, .call-r img.icon { display: inline; }
.call-c p, .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; }

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

/* Carousel */
#carousel { width: 100%; }
#carousel .carousel-content { position: relative; width: 100%; }
#carousel .carousel-content img { display: block; width: 100%; }
#carousel .overlay { background: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: absolute; width: 100%; }
#carousel .overlay, #carousel .overlay a { color: #fff; }
#carousel .overlay h1 { margin-bottom: 0.2em; }
#carousel .overlay p { margin: 0; }
#carousel .overlay-content { margin: 0 auto; max-width: 1120px; padding: 20px; }

    /* Carousel nav */
    #carousel-nav { background: #fff; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2); position: relative; overflow: hidden; }
    #carousel-nav a { border-right: 1px solid #ddd; display: block; overflow: hidden; padding: 15px; }
    #carousel-nav a:hover { background: #c1d9e8; text-decoration: none; }
    #carousel-nav li { float: left; margin: 0; }
    #carousel-nav li:first-child a { border-left: 1px solid #ddd; }
    #carousel-nav li.cycle-pager-active a { background: var(--blue); border-color: var(--blue); color: #fff; }
    #carousel-nav img { display: inline-block; margin-right: 5%; vertical-align: middle; width: 15%; }
    #carousel-nav .title { display: inline-block; vertical-align: middle; width: 75%; }
    #carousel-nav-content { list-style: none; margin: 0 auto; max-width: 1120px; }

/* Columns */
[class *= "cols"] { column-gap: 30px; list-style: none; margin: 0; }
[class *= "cols"] li { margin-bottom: 0.5em; }
.cols2 { column-count: 2; }
.cols3 { column-count: 3; }
.cols4 { column-count: 4; }
.cols5 { column-count: 5; }

/* CMS */

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

/* Comments */
#comments .author { display: block; margin-bottom: 0.5em; }
#comments .author .name { font-weight: 600; margin-right: 1em; }
#comments .avatar { float: left; margin: 3px 0 0 -100px; width: 80px; }
#comments .avatar img { width: 100%; }
#comments li { margin-bottom: 35px; overflow: hidden; padding-left: 100px; }
#comments ol { list-style: none; margin-left: 0; }

/* DataTables */
.dataTables_wrapper .dataTables_filter input { padding: 0.2em; width: 15em; }
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length { float: right; }
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate { font-size: 13px; }
.dataTables_wrapper .dataTables_paginate .paginate_active { font-weight: bold; }
.dataTables_wrapper .dataTables_paginate .paginate_button { cursor: pointer; margin: 0 0.5em 0 0; text-decoration: underline; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { font-weight: bold; text-decoration: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { text-decoration: none; }
.dataTables_wrapper .dataTables_paginate .paginate_button_disabled { color: #777; cursor: default; text-decoration: none; }
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc { cursor: pointer; }
.dataTables_wrapper .sorting_disabled { cursor: default; }
.dataTables_wrapper table { clear: both; }

.dataTables_wrapper th.sorting span, .dataTables_wrapper th.sorting_asc span, .dataTables_wrapper th.sorting_desc span {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.dataTables_wrapper th.sorting_asc span { background-image: url(/content/images/shared/sort-up.png); }
.dataTables_wrapper th.sorting_desc span { background-image: url(/content/images/shared/sort-down.png); }
.dataTables_wrapper .dataTables_filter { float: right; margin-bottom: 10px; text-align: right; width: 31.29%; }

/* Directory */
.directory { list-style: none; margin-left: 0; }
.directory li { clear: both; margin-bottom: 20px; overflow: hidden; padding-left: 120px; }
.directory .name { display: block; font-size: 22px; font-weight: 600; }
.directory .thumb { float: left; margin: 3px 0 0 -120px; width: 100px; }

    /* Applied filters */
    .applied-filters { list-style: none; margin: 0 0 20px; }
    .applied-filters li { background: #f5f5f5; display: inline-block; margin: 0 0.5em 0.5em 0; padding: 0.5em 1em; position: relative; }
    
    /* Browse filters */
    .browse-filters { background: #f5f5f5; font-size: 15px; margin-bottom: 15px; padding: 25px 0 25px 30px; position: relative; }
    .browse-filters .close { color: #000; font-size: 20px; opacity: 0.3; position: absolute; right: 20px; top: 15px; }
    .browse-filters .close:hover { opacity: 1; }
    .browse-filters .closed { display: none; }
    .browse-filters h3 { color: #58595b; margin-bottom: 0.5em; }
    .browse-filters ul { list-style: none; }
    .browse-filters .mute { color: #939598; font-size: 11px; }
    .browse-filters .all .col, #filters .panel { float: left; margin: 0 1% 10px 0; width: 23.5%; }
    .browse-filters p, #filters ul { list-style: none; margin: 0; }
    .browse-filters .availability-filters .col { float: none; width: auto; }
    .browse-filters .availability-filters .panel { width: 13.28%; }
    
    /* Browse by category */
    .browse-by-category .filters { list-style: none; margin-left: 0; }
    
    /* Filters */
    .filters { margin-bottom: 20px; position: relative; }
    .filters .close { color: #aaa; position: absolute; right: 16px; top: 10px; }
    .filters .close:hover { color: #000; text-decoration: none; }
    .filters hr { margin: 15px 0; }
    .filters li { margin: 0; }
    .filters .panel { float: left; margin-right: 2%; width: 31%; }
    .filters .panel .title { display: inline-block; margin: 0 0.2em -0.4em 0; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .filters ul { list-style: none; margin: 0 0 1em; }


/* Dropdowns */
.dropdown-item { white-space: normal; }
.dropdown-item:focus, .dropdown-item:hover { background: #ccc; }
.dropdown-menu { max-width: 30em; }

/* Fellowships */
#fellowships-intro-primary { float: left; width: 37.6%; }
#fellowships-intro-secondary { float: right; width: 58.4%; }

    /* Fellowship directory */
    .fellowships { list-style: none; margin: 0; padding: 0; }

    .fellowship-regions .blank { border-bottom: 1px solid #ddd; }
    .fellowship-regions .panel { float: left; list-style: none; margin: 0 2% 10px 0; width: 31%; }

/* Flags */
.flags { color: #777; list-style: none; font-size: 11px; font-variant: small-caps; margin: 0; padding: 0; text-transform: uppercase; }
.flags li { float: left; margin-right: 10px; }

/* Footer */
#footer { font-size: 15px; padding: 50px 20px; position: relative;}
#footer ul {margin:0; padding:0; list-style:none;}

#footer-content { position: relative; z-index: 10; }
#footer, #footer a { color: #fff; }

    /* Colophon */
    #colophon {line-height:1.1;}
    #colophon li:not(:first-child) { display: inline; }
    #colophon li:last-child {margin-left:1em; }
    
    /* vCard */
    #footer .vcard {line-height:1.6;}
    #footer .vcard .adr {display:block;}
    #footer img { max-width: 345px; display:block; margin-bottom:1.5em;}
    #footer .vcard .org { display: block; margin-bottom: 1em; }
    #footer .vcard .tagline { display: block; margin-bottom: 1em; }

/* Gallery */
.gallery-primary { float: left; width: 58.8%; }
.gallery-secondary { float: right; width: 37.2%; }

/* Grids */
.grid { clear: both; 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%; }
.grid .title { font-weight: 600; margin-right: 0.3em; }

    /* 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 { background: var(--blue-dark); position: relative; }

#header-content { position: relative; z-index: 10; }
#header-primary { padding: 20px 20px; }

    /* Logo */
    #logo { float: left; max-width: 400px; white-space: nowrap; }
    #logo a { align-items: center; display: flex; }
    #logo a:hover { text-decoration: none; }
    .logo-print { display: none; }
    
    /* Header nav */
    #header-nav { align-items: center; display: flex; list-style: none; margin: 0 0 10px; position: absolute; right: 0; text-align: right; top: 0; z-index: 1000; }
    #header-nav, #header-nav a { color: #fff; }
    #header-nav li:not(:first-child) { margin-left: 1.5em; }
    .header-nav-divider { border-left: 1px solid #fff; padding-left: 0.7em; }

/* Highlights */
.highlights { list-style: none; margin-left: 0; }
.highlights h2 { font-size: 22px; font-weight: bold; margin-bottom: 0.3em; }
.highlights h3 { font-size: 20px; }
.highlights > li { border-bottom: 1px solid #ddd; clear: both; margin-bottom: 40px; overflow: hidden; padding-bottom: 20px; }
.highlights .thumb { float: right; margin: 4px 0 20px 20px; width: 44%; }

/* 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%; }

/* Hidden */
.hidden { left: -999em; position: absolute; top: 0; }

/* Icons */
.fa-ban { color: #777; }
.fa-check { color: #3f9f1f; }
.fa-twitter { color: #41a0dc; }

/* Instructors */
.instructors { list-style: none; margin: 0; text-align: center; }
.instructors a { display: block; }
.instructors a:hover { opacity: 0.7; text-decoration: none; }
.instructors .clear { width: 100%; }
.instructors li { float: left; padding: 0 2%; width: 16%; }
.instructors .location { color: #000; }
.instructors .name { display: block; font-weight: bold; }
.instructors .thumb { background-size: cover; border-radius: 50%; display: block; padding-top: 100%; }

/* Intro */
.intro { border: 0; font-size: 32px; font-weight: 300; line-height: 1.2; margin: 0; overflow: hidden; padding: 50px 0 40px; position: relative; }
.intro .action { color: #fff; font-size: 0.8em; font-weight: 300; }
.intro .thumb { float: right; margin: 3px 0 20px 40px; width: 36.76%; }
.intro p, .intro ul { margin-bottom: 0.5em; }

/* JobsPlus widget */
.jobs-widget ul { list-style: none; margin-left: 0; }
.jobs-widget ul li { margin-bottom: 1em; }
.jobs-widget ul .mute { white-space: nowrap; }
.jobs-widget-footer p { margin-bottom: 0.5em; }
.jobs-widget-footer img { max-width: 153px; }

/* Meetings */
    /* Registration types */
    #registration-types { }
    #registration-types .disabled { color: #ccc; text-decoration: line-through; }

    /* Activities */
    .meeting-activities { clear: both; height: 1%; }
    .meeting-activities dd { float: right; margin: 0; padding-top: 0.5em; width: 82%; }
    .meeting-activities dd:last-child { margin-bottom: 1em; }
    .meeting-activities dt { clear: both; float: left; font-weight: normal; margin: 0; padding-top: 0.5em; width: 17%; }
    .meeting-activities dt:last-child { margin-bottom: 1em; }
    .meeting-activities .activity-desc {  }
    

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

/* Navigation */
#nav {
    background-color: var(--blue-link);
    font-size: 1.1em;
    padding: 0.6em 20px;
    position:-webkit-sticky;
    position: sticky;
    top:0;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

    /* Primary */
    #nav-primary { display:flex; font-weight: bold; list-style: none; margin: 0; }
    #nav-primary a { border-radius: 5px; color: #fff; display: inline-block; padding: 0.325em 1em; border:2px solid var(--blue-link)}
    #nav-primary a:hover { color:#fff; background-color:rgba(255,255,255,.2); border-color:var(--blue-link); text-decoration: none; }
    #nav-primary li {  margin: 0; }
        #nav-primary li:nth-last-child(2) { margin-left:auto;}
        #nav-primary li:nth-last-child(2) a {background-color:#fff; border-color: #fff; color:var(--blue-link);}
    #nav-primary li:last-child { margin-left:.5em; }
        #nav-primary li:last-child a { background-color:var(--blue-link); color: #fff; border-color: #fff; }
        #nav-primary li:nth-last-child(2) a:hover, #nav-primary li:last-child a:hover {background-color:rgba(255,255,255,.2); border-color: var(--blue-link); color:#fff;}
    #nav-primary .current a { color:#fff!important; background-color:rgba(255,255,255,.2)!important; border-color: var(--blue-link)!important;}
    
    /* Secondary */
    #nav-secondary { font-size: 16px; margin-bottom: 30px; font-weight:700;}
    #nav-secondary h3 {margin-bottom: 1em; text-decoration: none;}
    #nav-secondary li.separator { list-style: none; border-bottom: 1px solid #ddd; margin-top: 1em; margin-bottom: 1em; }
    #nav-secondary li { margin-bottom:0;}
    #nav-secondary > ul > li:not(:last-child) { border-bottom: 1px solid #ddd;}
    
    #nav-secondary a {color: var(--blue-dark) ;text-decoration: none;}
    #nav-secondary a:hover {color: var(--blue-link);}
    
    #nav-secondary > ul > li > a {display: block;line-height: 1.3;padding: .5em .625em;  border-radius: 5px; margin:.125em 0;}
    #nav-secondary > ul > li > a:hover {background-color:#f9f9f9; }
    
    #nav-secondary > ul > li.current > a { color:#fff; background-color:var(--blue-dark);}
    #nav-secondary ul { list-style: none; margin: 0; }
    #nav-secondary ul ul { background-color:#f9f9f9; padding: .75em 1.25em; margin:.125em 0; border-radius: 5px; font-weight:400;}
    #nav-secondary ul ul > li:not(:last-child) {margin-bottom:.5em;}
        #nav-secondary ul ul > li.current > a { font-weight:bold;}
    #nav-secondary ul ul ul { font-size: 14px; list-style: disc; margin: 0.5em 0 0.5em 1.5em; }
    
        /* Landing pages */
        .horizontal #nav-secondary { font-size: 19px; font-weight: 600; list-style: none; margin: -10px 0 40px 0; max-height: 24px; overflow: hidden; position: relative; }
        .horizontal #nav-secondary li { display: inline; margin: 0 1em 0 0; white-space: nowrap; }
        .horizontal #nav-secondary > ul > li > a { background: none; box-shadow: none; color: var(--blue); display: inline-block; padding: 0; }
        .horizontal #nav-secondary .toggle { float: right; margin-bottom: 0.5em; text-align: right; }
        
            /* Opened */
            .horizontal #nav-secondary.open { max-height: none; }
            .horizontal #nav-secondary.open li { float: left; margin: 0 0 0.5em 0; width: 33.33%; }
            .horizontal #nav-secondary.open ul { background: #fff; border: 1px solid #e5e5e5; clear: both; box-shadow: 0 5px 16px rgba(0, 0, 0, 0.2); margin-bottom: 20px; overflow: hidden; padding: 40px 60px; }
            .horizontal #nav-secondary.open ul a { display: block; color: var(--blue); overflow: hidden; padding-right: 1em; text-overflow: ellipsis; white-space: nowrap; }
    
    /* Social */
    #nav .social { float: right; text-align: right; }

/* jQuery overrides */
.ui-dialog { font-size: 85%; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: var(--blue); }

    /* Month/year datepicker */
    .month-year-picker-wrapper .ui-datepicker-calendar { display: none; }

    /* Sortable */
    .ui-sortable .item { border-radius: 4px; cursor: move; padding: 10px 20px 10px 10px; position: relative; }
    .ui-sortable .item .fa-times { position: absolute; right: 10px; top: 10px; }
    .ui-sortable .ui-state-default { background: none; }

/* Maps */
.geo { display: none; }
#map img { max-width: 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; padding-left: 32px; }
    #mapped-results .results ol li { clear: both; margin-bottom: 15px; }
    #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 10px 0; width: 44px; }
    
    /* Windows (new, custom popup using ExtInfoWindow) */
	/* http://gmaps-utility-library.googlecode.com/svn/trunk/extinfowindow/release/docs/examples.html */
	#gwindow { width: 350px; }
	#gwindow_b { background: url(/images/shared/gwindow_b.png); height: 15px; }
	#gwindow_beak { background: url(/images/shared/gwindow_beak.png); height: 49px; width: 47px; }
	#gwindow_bl { background: url(/images/shared/gwindow_bl.png); height: 15px; width: 10px; }
	#gwindow_br { background: url(/images/shared/gwindow_br.png); height: 15px; width: 15px; }
	#gwindow_close { background: url(/images/shared/gwindow_close.png) no-repeat; cursor: pointer; height: 16px; width: 16px; }
	#gwindow_l { background: url(/images/shared/gwindow_l.png); width: 10px; }
	#gwindow_r { background: url(/images/shared/gwindow_r.png); width: 15px; }
	#gwindow_t { background: url(/images/shared/gwindow_t.png); height: 1px; }
	#gwindow_tl { background: url(/images/shared/gwindow_tl.png); height: 10px; width: 10px; }
	#gwindow_tr { background: url(/images/shared/gwindow_tr.png); height: 10px; width: 15px; }
    
        /* 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; }

/* News */
.news { overflow: hidden; }
.news dt { clear: both; font-size: 22px; font-weight: normal; line-height: 1.3; margin: 0; padding-top: 20px; }
.news dt:first-child { padding: 0; }
.news .mute { text-transform: uppercase; }
.news .thumb { float: left; margin: 3px 15px 0 0; max-width: 140px; }

/* Page tools */
.page-tools { align-items: center; display: flex; }
.page-tools .addthis_toolbox { font-size: 14px; padding: 0 20px 0 0; }
.page-tools .ratings { margin: 0; }

    /* Sharing colors */
    .share-email { color: #666; }
    .share-facebook { color: #3b5998; }
    .share-linkedin { color: #0077b5; }
    .share-twitter { color: #1da1f2; }
    .share-twitter .fa-twitter { color: #fff; }

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

/* Resource center */
.prc { list-style: none; margin: 0; }
.prc h3 { margin-bottom: 0.2em; }
.prc li { margin: 0; }
.prc > li { clear: both; overflow: hidden; padding-left: 188px; }
.prc > li img { float: left; margin: 3px 0 20px -188px; width: 168px; }

/* People */
[class *= "people"] [class *= "call"] { font-size: 1em; }
[class *= "people"] [class *= "call"] img { margin: 0 auto 5px; }
[class *= "people"] [class *= "call"][style] { width: 100% !important; }
[class *= "people"] p { margin: 0; }
[class *= "people"] td { border: 0; padding-bottom: 1em; text-align: center; width: 50%; }
[class *= "people"] tr:last-child td { padding-bottom: 0; }

    /* 3 columns */
    .people-3 td { width: 33.33%; }

/* PrettyPhoto override */
.pp_description { display: none !important; }

/* Profiles */
.profile-actions { border-bottom: 1px solid #ddd; margin-bottom: 2em; padding-bottom: 1em; }
.profile-image { float: right; margin: 0 0 1em 1em; max-width: 315px; width: 30%; }

/* Progress */
.progress {
    background: #f7f7f7;
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: block;
    font-size: 18px;
    height: auto;
    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; }

/* Ratings */
.rating .fa { opacity: 0.15; letter-spacing: 0.2em; vertical-align: middle; }
.rating .on { color: #f3c500; opacity: 1; }
.rating .hover { color: #f3c500; opacity: 1; }

    /* Rater */
    .rater .rating a { color: #000; }
    .rater .rating a:hover { text-decoration: none; }
    .rater .rating .fa { cursor: pointer; font-size: 1.2em; letter-spacing: 0.1em; }
    .rater .rating .fa.non-rate { cursor: default; }
    
    /* Wrapper */
    .ratings { display: block; margin-bottom: 1em; }
    .ratings .clear-rating:hover .fa { opacity: 1; }
    .ratings .rating-flag .fa { color: red; }
    .ratings .rating-average, .ratings .rating-flag, .ratings .no-rating-message, .ratings .rating-yours { margin-right: 1em; }
    .ratings .rating-average .mute, .ratings .rating-yours .mute { white-space: nowrap; }

/* References */
.references {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 4em;
    -webkit-column-gap: 4em;
    column-gap: 4em;
    font-size: 13px;
}

.references .cite-ref a { font-style: italic; font-weight: bold; }
.references li { -webkit-column-break-inside: avoid; break-inside: avoid-column; }
.references ol { margin-left: 2.5em; }

/* Search results */
#cse * { background: none !important; border: 0 !important; }
#cse .cse .gsc-control-cse, #cse .gsc-control-cse { padding: 0; }
#cse .gsc-adBlock, #cse .gcsc-branding, #cse .gcsc-foot, #cse .gcsc-more-maybe-branding-root { 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-orderby * { white-space: nowrap; }
#cse .gsc-table-result, #cse .gsc-thumbnail-inside, #cse .gsc-url-top { padding: 0; }
#cse .gsc-thumbnail-inside { padding: 0; }

/* Social media links */
.social { font-size: 14px; list-style: none; margin: 0; padding-top: 0.2em; }
.social a:hover {color: var(--blue-light); text-decoration: none; }
.fa-stack:hover {color: #fff;}
.social a:hover .fa-inverse { color: var(--blue); }
.social li { display: inline; margin-bottom: 0.5em }

    /* Brand colors */
    .social-facebook, .social-facebook:hover .fa-inverse { color: #435fba; }
    .social-linkedin, .social-linkedin:hover .fa-inverse { color: #3765db; }
    .social-podcast, .social-podcast:hover .fa-inverse { color: #38b6a9; }
    .social-twitter .fa-inverse { color: #fff; }
    .social-twitter, .social-twitter:hover .fa-inverse { color: #41a0dc; }
    .social-youtube, .social-youtube:hover .fa-inverse { color: #c6381e; }

/* Soldout */
.soldout { background: #b9121b; border-radius: 5px; color: #fff; font-size: 13px; font-weight: bold; margin-left: 8px; padding: 1px 5px; }

/* Tables */
.data { clear: both; width: 100%; }
.data td, .data th { border: 1px solid #d9d9d9; padding: 0.3em 0.7em; }
.data tfoot td { border-top: 3px double #ddd; }
.data th { background-color: #f2f2f2; font-size: 11px; font-weight: bold; padding: 0.3em 1em; }
.nb { white-space: nowrap; }

    /* Plain */
    table.plain td, table.plain th { background: none; border: 0; font-weight: normal; padding: 0; }

/* Tasks */
.tasks { display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; margin: 2em 0; }
.tasks a { align-items: center; cursor: pointer; display: flex; }
.tasks .fa-stack { flex: 0 0 auto; margin-right: 0.5em; }
.tasks li { flex: 0 0 auto; margin-bottom: 1em; width: 45%; }
.tasks .task-title { flex: 1 1 auto; }

/* Twitter */
.twtr-widget .twtr-follow-us { display: none; }
.twtr-widget .twtr-tweet { clear: both; margin-bottom: 1em; padding-left: 50px; }
.twtr-widget .twtr-tweet-actions { display: none; }
.twtr-widget .twtr-tweet-icon { float: left; margin: 3px 0 0 -50px; width: 40px; }


/* Widths
=====================================================================*/
@media screen and (max-width: 840px) {

    #header {
        position: sticky;
        top: 0;
        z-index: 10000;
    }
    
    /* Carousel */
    #carousel { height: auto !important; }
    
    /* jQuery dialogs */
    .ui-dialog {
        height: calc(60vh - 20px) !important;
        left: 10px !important;
        top: 10px !important;
        width: calc(100vw - 20px) !important;
    }
    
    .ui-dialog .ui-dialog-content {
        /* Height = viewport height - spacing around modal - modal padding - title height - footer height */
        height: calc(60vh - 20px - 0.5em - 36px - 57px) !important;
    }
    
    /* Progress */
    .progress { column-count: 2; column-gap: 30px; text-align: left; }
    .progress li { display: block; }
    
    /* Retina Society News */
    .retinasociety-news-archive { display: block; }

    #footer img { max-width: 300px; display:inline-block;}
    #footer .group_1of4 ul {display:flex; flex-wrap:wrap; justify-content: center;}
    #footer .group_1of4 ul li {margin:0 .75em .75em .75em }
        
    /* Flex Columns */
    .group {display:block; margin:0 0 40px 0;}
    .group > * {padding:0; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-bottom:1.5em;}
    .group:last-child, .group > *:last-child {margin-bottom:0;}

    /*------Insets & Outsets ------*/
    [class*="outset_r"], [class*="outset_l"] {margin:0}

    .item_list.item_list_3x > li {width:50%}
    .item_list.item_list_2x > li {width:100%}

    .banner .banner_overlay .banner_content {padding:40px 40px;}

    .lead{font-size:1.3em;}
    
    .panel {padding:2em 0;}

    .cta {padding:2em 2em;}

    .spacer {height:2em}

}

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

    .item_list.item_list_3x > li {width:100%}

}

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

    .item_list.item_split > li > a {display:block; text-align:center;}
    .item_list.item_split > li > a > .item_icon {display:inline-block; margin-right:0; margin-bottom:1em;}
    .item_list.item_split > li > a > .item_icon > span {width:100px; height:100px; }
    .item_list.item_split > li > a > .item_icon > span > img {width:45%;}

    /* Progress */
    .progress { column-count: 1; }
    
    /* Retina Society News */
    .retinasociety-news-archive > li { display: block; }
    .retinasociety-news-archive .articles { padding: 0; }
    .retinasociety-news-archive .thumb { float: right; margin: 0 0 1em 1em; width: 30%; }
    
    /* Tasks */
    .tasks { display: block; }
    .tasks li { width: auto; }

    .lead{font-size:1.1em;}

    .spacer {display:none;}

}

.form-label.required:after { color: red; content: "*"; }
.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.bold-font { font-weight: bold; }

.full-word-wrap {
    word-break: break-word;
    white-space: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
}

.photo-collection-table td {
    padding-top: 10px;
    padding-bottom: 10px;
}