@import url('acm-blessed1.css?z=463'); @media only screen and (min-width: 90.063em) { .xlarge-text-left { text-align: left !important; } .xlarge-text-right { text-align: right !important; } .xlarge-text-center { text-align: center !important; } .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) and (max-width: 99999999em) { .xxlarge-only-text-left { text-align: left !important; } .xxlarge-only-text-right { text-align: right !important; } .xxlarge-only-text-center { text-align: center !important; } .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.063em) { .xxlarge-text-left { text-align: left !important; } .xxlarge-text-right { text-align: right !important; } .xxlarge-text-center { text-align: center !important; } .xxlarge-text-justify { text-align: justify !important; } } /* Variables */ /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } /* Default Link Styles */ a { color: #005a83; text-decoration: none; line-height: inherit; } .link-mailto a { word-break: break-all; } a:hover, a:focus { color: #003750; text-decoration: none; } a img { border: none; } /* Default paragraph styles */ p { font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 1.4; margin-bottom: 1.25rem; } p a { color: #007db6; } p a:focus, p a:hover { text-decoration: underline; } p.lead { font-size: 1.21875rem; line-height: 1.6; } p aside { font-size: 0.875rem; line-height: 1.55; font-style: italic; } /* Default header styles */ h1, h2, h3, h4, h5, h6 { margin: initial; font-weight: normal; font-style: normal; color: #2f2f36; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.8em; line-height: 1.4; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; word-spacing: inherit; padding: inherit; margin: inherit; } h1 { font-size: 30px; font-size: 1.875rem; line-height: 1.4; font-family: "Roboto Condensed", sans-serif; letter-spacing: -.5px; margin-bottom: 0.2em; } h2 { font-size: 24px; font-size: 1.5rem; line-height: 1.4; font-family: "Roboto Condensed", sans-serif; margin-bottom: 0.5em; } h3 { font-size: 20px; font-size: 1.25rem; line-height: 1.4; font-family: Verdana, Geneva, Tahoma, sans-serif; margin-bottom: 0.7em; } h4 { font-size: 18px; font-size: 1.125rem; line-height: 1.4; letter-spacing: -1px; } h5 { font-size: 16px; font-size: 1rem; line-height: 1.4; font-family: "Roboto", sans-serif; } h6 { font-size: 14px; font-size: 0.875rem; line-height: 1.4; font-family: "Roboto", sans-serif; letter-spacing: -1px; } .subheader { line-height: 1.6; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; } hr { border: solid #b7b7b7; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } /* Helpful Typography Defaults */ em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #333; background-color: #adeaff; border-width: 1px; border-style: solid; border-color: #82dfff; padding: 0.125rem 0.3125rem 0.0625rem; } /* Lists */ ul, ol, dl { font-size: 1rem; line-height: 1.4; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; } ul { margin-left: 1.1rem; } ul.no-bullet { margin-left: 0; } ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; } /* Unordered Lists */ ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; margin-left: 1.1rem; } ul.circle { list-style-type: circle; margin-left: 1.1rem; } ul.disc { list-style-type: disc; margin-left: 1.1rem; } ul.no-bullet { list-style: none; } /* Ordered Lists */ ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3rem; font-weight: bold; } dl dd { margin-bottom: 0.75rem; } /* reset the ul, ol and dl type settings to match the overall content body sizes */ #maincontent ul, #maincontent ol, #maincontent dl { font-size: 14px; font-size: 0.875rem; line-height: 1.4; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; } #maincontent ul li, #maincontent dl li { margin-bottom: 0.5em; } /* Abbreviations */ abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; cursor: help; } abbr { text-transform: none; } abbr[title] { border-bottom: 1px dotted #ddd; } /* Blockquotes */ blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #ddd; font-size: 0.9375rem; } blockquote cite { display: block; font-size: 0.8125rem; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555; } blockquote, blockquote p { line-height: 1.55; color: #6f6f6f; } #main article .section.top h5 { margin: 0; padding: 1rem 1.25rem; font-size: 20px; line-height: 1.2; color: #fff; } /* * Silent class used within author-contributable containers. * Allows headings to take on a particlar style, regardless of heading level. */ .inline-header { display: inline-block; margin-bottom: .5em; } .article ul, .article ol { font-size: .875rem; } .article li { margin-bottom: 0.5em; /* Top leading for nested lists */ } .article li > ul, .article li > ol { margin-top: 0.75em; } ol.upperalpha, .panel ol.upperalpha { list-style-type: upper-alpha; } ol.loweralpha, .panel ol.loweralpha { list-style-type: lower-alpha; } ol.upperroman, .panel ol.upperroman { list-style-type: upper-roman; } ol.lowerroman, .panel ol.lowerroman { list-style-type: lower-roman; } ul.list-disc, .panel ul.list-disc { list-style-type: disc; } ul.list-circle, .panel ul.list-circle { list-style-type: circle; } ul.list-square, .panel ul.list-square { list-style-type: square; } ul.list-none, .panel ul.list-none { list-style-type: none; } #maincontent p > img, .article p > img { margin: .5em 0; max-width: 100%; } #maincontent p[style*="justify"] > img, .article p[style*="justify"] > img { max-width: auto; width: 100%; } #maincontent p[style*="justify"] > img[align*="middle"], .article p[style*="justify"] > img[align*="middle"] { display: block; margin-left: auto; margin-right: auto; } #maincontent p > img[align*="left"], .article p > img[align*="left"] { margin-right: 0.5em; } #maincontent p > img[align*="right"], .article p > img[align*="right"] { margin-left: 0.5em; } @media only screen and (min-width: 640px) { #maincontent p img, .article p img { width: auto; } } #maincontent .breadcrumbs, .breadcrumbs { display: block; overflow: hidden; padding: 0; margin: 0; list-style: none; margin-bottom: 1.5rem; border-style: solid; border-width: 1px; background: none; border: none; } .breadcrumbs > * { margin: 0; float: left; font-size: 12px; font-size: 0.75rem; text-transform: capitalize; } .breadcrumbs > *:hover a, .breadcrumbs > *:focus a { text-decoration: underline; } .breadcrumbs > *.current { cursor: default; color: #515058; } .breadcrumbs > *.current a { cursor: default; color: #515058; } .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a { text-decoration: none; } .breadcrumbs > *.unavailable { color: #999; } .breadcrumbs > *.unavailable a { color: #999; } .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus, .breadcrumbs > *.unavailable a:focus { text-decoration: none; color: #999; cursor: false; } .breadcrumbs > *:before { content: ">"; color: #515058; margin: 0 .75rem; } .breadcrumbs > *:first-child:before { content: " "; margin: 0; } /* Accessibility - hides the forward slash */ [aria-label="breadcrumbs"] [aria-hidden="true"]:after { content: "/"; } /* Microformats */ .vcard { display: inline-block; margin: 0 0 1.25rem; border: 1px solid #ddd; padding: 0.625rem 0.75rem; } .vcard li { margin: 0; display: block; } .vcard .fn { font-weight: bold; font-size: 0.9375rem; } .vevent .summary { font-weight: bold; } .vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; } /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.0625em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 60.06rem) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.063em) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ table.hide-for-touch { display: table !important; } .touch table.show-for-touch { display: table !important; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'fontawesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.3.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-transform: translate(0, 0); transform: translate(0, 0); } .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: 0.2em 0.25em 0.15em; border: solid 0.08em #eee; border-radius: 0.1em; } .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: 0.3em; } .fa.pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-genderless:before, .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .block-grid { display: block; padding: 0; margin: 0 -0.625rem; } .block-grid:before, .block-grid:after { content: " "; display: table; } .block-grid:after { clear: both; } .block-grid > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } .block-grid > li { width: 25%; padding: 0 0.625rem 1.25rem; list-style: none; } .block-grid > li:nth-of-type(1n) { clear: none; } .block-grid > li:nth-of-type(4n+1) { clear: both; } /* Looking for class '.footer-nav' ? Look in _acm-css-columns.scss */ footer { padding-top: 1em; background: #282828; border-top: 8px solid #a6bc09; } footer a { color: #b7b7b7; } footer a:hover, footer a:focus { color: #1599cc; } footer a:after { content: none !important; } footer hr { margin: 1rem 0 0; } @media only screen and (min-width: 1024px) { footer hr { display: none; } } footer nav { width: 100%; float: right; } @media only screen and (min-width: 1024px) { footer nav { width: 70%; } } footer nav li { font-size: 15px; font-size: 0.9375rem; line-height: 40px; } @media only screen and (min-width: 760px) { footer nav li { line-height: 1.2; } } footer nav li:first-child { font-size: 16px; font-size: 1rem; color: #fff; } .logo_social_group { position: relative; clear: both; } @media only screen and (min-width: 1024px) { .logo_social_group { width: 25%; clear: left; } } .logo_social_group hr + img { display: none; } @media only screen and (min-width: 480px) { .logo_social_group hr + img { display: inline-block; float: right; height: 50px; margin: 1em; } } @media only screen and (min-width: 768px) { .logo_social_group hr + img { float: left; height: 64px; } } @media only screen and (min-width: 1024px) { .logo_social_group hr + img { width: 200px; height: auto; margin-top: 0; margin-left: 20px; } } .footer__social { display: table; margin: 1em 0; width: 100%; text-align: left; } @media only screen and (min-width: 480px) { .footer__social { width: auto; } } @media only screen and (min-width: 768px) { .footer__social { float: right; } } @media only screen and (min-width: 1024px) { .footer__social { float: left; clear: left; width: 100%; } } .footer__social li { padding: 0.4em; display: inline-block; width: 25%; } .footer__social img { width: 20px; height: auto; } @media only screen and (min-width: 400px) { .footer__social img { width: 30px; } } @media only screen and (min-width: 768px) { .footer__social img { width: 40px; } } .footer__legal { margin: 0; color: #b7b7b7; background-color: #333; padding: 1rem; font-size: 0.7em; clear: both; } .footer__legal li { float: left; padding: 0 0.8em 0.2em; border-left: 1px solid #b7b7b7; } .footer__legal li a { text-decoration: underline; } .footer__legal li:first-child { border-left: none; padding-left: 0; } li.footer__copyright { padding: 1em 0 0; border-left: none; clear: initial; } @media only screen and (min-width: 400px) { li.footer__copyright { display: inline-block; float: right; padding-top: 0; } } .utilities-area { line-height: 1; font-size: 1rem; background: #fff; position: relative; z-index: 2; padding: 0; } .utilities-area .navbar-header { width: 100%; } .utilities-area .navbar-header .navbar-brand { padding: 0; height: auto; } @media only screen and (min-width: 60.06rem) { .utilities-area { background: url("/binaries/content/gallery/global/top-menu/triangle_bg.png") no-repeat 0 0 #fff; } } @media only screen and (min-width: 639px) and (max-width: 1129px) { .utilities-area { background: #00afec; } .utilities-area [class*="column"] + [class*="column"]:last-child { right: 4.9375rem; } } @media only screen and (min-width: 0px) and (max-width: 640px) { .utilities-area { right: 0; background: #00afec; } .utilities-area [class*="column"] + [class*="column"]:last-child { float: right; width: 11.125rem; right: 4.9375rem; margin: 0; } .utilities-area [class*="column"] + [class*="column"]:last-child li { width: 89px; } } .utilities-area .logo-section { float: left; z-index: 2; position: relative; margin-left: 0 !important; } @media only screen and (max-width: 1129px) { .main-nav, #ctas-and-search { display: none; } } @media only screen and (min-width: 1130px) { .utilities-area .logo-section { width: 250px; height: 50px; position: relative; top: -18px; left: -9.5px; top: -2rem; left: -.6rem; } } .utilities-area .block-grid { text-align: center; } .utilities-area .block-grid li { padding: 1em 0.8em 0.9em; height: 47px; cursor: pointer; width: auto; } .utilities-area .block-grid li.hide-for-small { padding: 0 20px; } @media only screen and (max-width: 40em) { .utilities-area .block-grid li { width: 33%; } } .utilities-area .block-grid li:nth-child(1) { background-color: #004060; background-image: none; } .utilities-area .block-grid li:nth-child(1):hover { background-color: #002f47; } .utilities-area .block-grid li:nth-child(2) { background-color: #005985; } .utilities-area .block-grid li:nth-child(2):hover { background-color: #00486c; } .utilities-area .block-grid li:nth-child(3) { background-color: #0079a9; background-image: none; } .utilities-area .block-grid li:nth-child(3):hover { background-color: #006790; } .utilities-area .block-grid li:nth-child(4) { background-color: #046f60; } .utilities-area .block-grid li:nth-child(4):hover { background-color: #03564b; } .utilities-area .block-grid li a { display: block; color: #fff; } .utilities-area .block-grid a { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 15px; font-size: 0.9375rem; } @media only screen and (min-width: 60.06rem) and (max-width: 99999999em) { .utilities-area div:nth-of-type(1) { margin-left: 1.25rem; } } @media only screen and (min-width: 60.06rem) { .utilities-area [class*="column"] + [class*="column"]:last-child { right: 0; } } .utilities-area .column:nth-of-type(2) { font-size: 0.75rem; } #acm-description div { display: none; } @media only screen and (min-width: 1130px) { #acm-description div { display: block; } } .utilities-area form { line-height: 1; } .utilities-area form input[type='text'] { display: none; position: absolute; right: 0; bottom: 0; width: 70%; transition: none; z-index: 2; margin: 0; font-size: 1em; padding: 0.5em; line-height: 1.2; height: 47px; } .utilities-area form label { font-family: "Roboto Condensed", sans-serif; line-height: 1; font-size: inherit; color: #fff; display: inline-block; margin: 0; padding: 17px 0 13px; } .utilities-area form label input { font-family: inherit; font-weight: 400; font-size: inherit; color: #fff; border: none; background: none; margin: 0; padding: 0; outline: none; } .utilities-area form label .fa { margin-right: 0.5em; } .utilities-area label.toggle.active { display: none; } @media only screen and (min-width: 1130px) { .utilities-area { display: table; } .utilities-area .column { display: table-cell !important; float: none !important; vertical-align: middle; } .utilities-area .column.ctas-and-search { vertical-align: bottom; } .utilities-area .column:first-child { padding-left: 0 !important; } #acm-description { padding-left: 0; padding-right: 3rem; } .utilities-area .column:last-child { padding-right: 0 !important; } } .utilities-area .column { box-sizing: border-box; } #acm-description div { margin-top: -23px; font-family: Verdana, Geneva, Tahoma, sans-serif; font-weight: normal; font-style: italic; color: #666; font-size: 1rem; letter-spacing: -.5px; } .top-bar.eyebrow { background: #fff; height: 2.1875rem; display: none !important; } @media only screen and (min-width: 1130px) { .top-bar.eyebrow { display: block !important; } } .top-bar.eyebrow ul { width: auto !important; } .top-bar.eyebrow ul li { background: #eaeaea; } @media only screen and (min-width: 640px) and (max-width: 1176px) { .top-bar.eyebrow ul li { float: left; } } .top-bar.eyebrow ul li:not(.has-form) a:not(.button), .top-bar.eyebrow ul li a { background: #fff; font-weight: 500; font-size: 0.75rem; font-family: Verdana; line-height: 2.1875rem; letter-spacing: -.4px; padding: 0 0.925rem; } .top-bar.eyebrow ul li:not(.has-form) a:not(.button):hover, .top-bar.eyebrow ul li:not(.has-form) a:not(.button):focus, .top-bar.eyebrow ul li a:hover, .top-bar.eyebrow ul li a:focus { background: #0079a9; } .top-bar.main-nav { position: relative; z-index: 6; } .top-bar.main-nav .toggle-topbar { right: 50%; margin-right: -2.125rem; } .top-bar.main-nav section li.has-dropdown { position: static; text-align: center; } .top-bar.main-nav section li.has-dropdown:last-child { border-right: none; } .top-bar.main-nav section li.has-dropdown > a { font-size: 15px; line-height: 1.2; color: #fff; text-transform: uppercase; font-weight: 600; letter-spacing: -.2px; display: inline-block; position: relative; padding: 17px 10px; margin: 0; } .top-bar.main-nav .dropdown { border-top: 10px solid #005a83; } .top-bar.main-nav .cta-text { font-size: 20px; font-size: 1.25rem; font-family: "Roboto Condensed", sans-serif; padding-left: 10px; } .top-bar.main-nav .infonav { padding: 1rem 0; background-color: #fff; display: table; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .top-bar.main-nav .infonav .first { font-size: 24px; font-size: 1.5rem; font-family: "Roboto Condensed", sans-serif; margin-bottom: 19px; letter-spacing: -1px; } .top-bar.main-nav .infonav__linkList { width: 40%; float: none; display: table-cell; vertical-align: top; padding: 0 0.5rem 0 1rem; } .top-bar.main-nav .infonav__linkList li { float: none; line-height: 1; padding-top: 0.2em; margin-bottom: 0.3em; break-inside: avoid-column; break-inside: avoid-column; display: table; width: 100%; } .top-bar.main-nav .infonav__linkList-list { display: block; } .top-bar.main-nav .infonav__landingPage { width: 30%; float: none; display: table-cell; vertical-align: top; padding: 0 0.5rem; border: 1px solid #c4c4c4; border-top: none; border-bottom: none; } .top-bar.main-nav .infonav__ctaList { width: 30%; float: none; display: table-cell; vertical-align: top; padding: 0 1rem 0 0.5rem; } .top-bar.main-nav .infonav__ctaList-cta { display: table; margin-bottom: 1rem; } .top-bar.main-nav .infonav__ctaList-cta a { display: table-cell; vertical-align: top; line-height: 1; } .top-bar.main-nav .infonav__ctaList-cta a:first-child { width: 40%; } .top-bar.main-nav .infonav__ctaList-cta img, .top-bar.main-nav .infonav__ctaList-cta iframe { width: 100%; } .top-bar.main-nav .infonav__ctaList-cta .cta-text { width: 100%; } .top-bar.main-nav section li.has-dropdown.hover > a, .top-bar.main-nav section li.has-dropdown:hover > a, .top-bar.main-nav section li.has-dropdown.active:hover > a, .top-bar.main-nav section li.has-dropdown.active > a { color: inherit; padding: 17px 10px; } .top-bar.main-nav section li.has-dropdown.hover, .top-bar.main-nav section li.has-dropdown:hover { background-color: #005a83; color: #fff; } .top-bar.main-nav section li.has-dropdown > a:focus { padding-bottom: 17px; } .top-bar.main-nav section li.has-dropdown .dropdown li { text-align: left; } .top-bar.main-nav section li.has-dropdown .dropdown li a { background-color: transparent; color: #005a83; } .top-bar.main-nav section li.has-dropdown .dropdown li a:hover { background-color: transparent; color: #003750 !important; } .top-bar.main-nav section li.has-dropdown .dropdown li:hover { color: inherit; } .top-bar.main-nav section li.has-dropdown p { color: #000; } .top-bar-section li:not(.has-form) a:not(.button):hover, .top-bar-section li:not(.has-form) a:not(.button):focus { background-color: transparent; } @media only screen and (min-width: 961px) { .top-bar.main-nav section li.has-dropdown .dropdown > li { box-shadow: 0 6px 7px rgba(0, 0, 0, 0.9); } } .top-bar.main-nav.expanded section { background: #83cee2; } .top-bar.main-nav.expanded section li.has-dropdown, .top-bar.main-nav.expanded section ul.dropdown > li { text-align: left; cursor: pointer; } .top-bar.main-nav.expanded section li.has-dropdown a, .top-bar.main-nav.expanded section li.has-dropdown h5 a, .top-bar.main-nav.expanded section ul.dropdown > li a, .top-bar.main-nav.expanded section ul.dropdown > li h5 a { font-size: 1.875rem; color: #fff; line-height: 1; font-weight: 700; padding: 1.375rem 0 2rem 1.6875rem; text-transform: uppercase; } .top-bar.main-nav.expanded section li.has-dropdown.title h5, .top-bar.main-nav.expanded section li.has-dropdown.title h5 a, .top-bar.main-nav.expanded section ul.dropdown > li.title h5, .top-bar.main-nav.expanded section ul.dropdown > li.title h5 a { color: #333; } .top-bar.main-nav.expanded section li.has-dropdown > a, .top-bar.main-nav.expanded section ul.dropdown > li > a { color: #333; position: relative; } .top-bar.main-nav.expanded section li.has-dropdown > a:after, .top-bar.main-nav.expanded section ul.dropdown > li > a:after { color: #fff; content: "\f054"; font-family: "fontawesome"; right: auto; top: 50%; left: 95%; margin-top: -0.6875rem; position: absolute; } .top-bar.main-nav.expanded section li.has-dropdown:hover > a:after, .top-bar.main-nav.expanded section ul.dropdown > li:hover > a:after { content: "\f054"; } .top-bar.main-nav.expanded section li.has-dropdown.active > a:after, .top-bar.main-nav.expanded section ul.dropdown > li.active > a:after { content: "\f078"; } .top-bar.main-nav.expanded section li.has-dropdown.moved .top-bar.main-nav .top-bar-section li.has-dropdown *, .top-bar.main-nav.expanded section ul.dropdown > li.moved .top-bar.main-nav .top-bar-section li.has-dropdown * { background: #0182ac; } .top-bar.main-nav.expanded section ul.dropdown li ul { border-top: solid 3px #016181; } .top-bar.main-nav.expanded section ul.dropdown li ul > li:first-child { font-size: 3.75rem; color: #83cee2; padding: 27px 0 27px 30px; line-height: 1; } .top-bar.main-nav.expanded section ul.dropdown li ul li { background: #0182ac !important; border-bottom: solid 1px #ccc; } .top-bar.main-nav.expanded section ul li { border-right: none; border-bottom: solid 1px #0182ac; } .top-bar.main-nav.expanded section ul li a { font-size: inherit; font-weight: inherit; text-transform: inherit; } .top-bar.main-nav.expanded section:nth-of-type(2) { background: #262626; } .top-bar.main-nav.expanded section:nth-of-type(2) ul { margin: 0; } .top-bar.main-nav.expanded section:nth-of-type(2) a { color: #ccc; line-height: 1; font-weight: 700; height: auto; padding: 32px 0 32px 27px; display: block; text-transform: uppercase; font-size: 1.875rem; } @media only screen and (min-width: 0px) and (max-width: 640px) { .top-bar .top-bar-section li.show-for-small { padding: 10px; } .top-bar .top-bar-section li.show-for-small input[type='text'] { height: 50px; display: block; position: relative; font-family: Verdana; font-size: 1.25rem; } .top-bar .top-bar-section li.show-for-small label { position: absolute; right: 10%; top: 2%; } .top-bar .top-bar-section li.show-for-small label i { position: absolute; z-index: 1; font-size: 2rem; color: #919090; display: block; left: 50%; margin-left: -1rem; } .top-bar .top-bar-section li.show-for-small label input[type="submit"] { border: none; background: #fff; padding: 0; } } .top-bar-section { font-family: "Roboto Condensed", sans-serif; } /* nullifies the top-bar super-complex nesting and specifity introduced earlier: */ .top-bar-section .dropdown li.infonav__linkList:hover > a:not(.button) { color: inhert; } .top-bar-section .dropdown li.infonav__linkList:hover > a:not(.button):hover { color: inherit; } .top-bar-section .mobile-links { display: none; } .top-bar-section ul li:hover:not(.has-form) > a { background-color: inherit; } @media only screen and (max-width: 1129px) { .top-bar .title-area { position: absolute; top: -80px; z-index: 999; right: 0; height: 80px; width: 80px; background-color: black; line-height: initial; } .top-bar-section .dropdown { position: inherit !important; height: auto; width: auto; } .top-bar { overflow: initial; height: auto; position: fixed; left: 0; background-color: #83cee2; line-height: initial; } .top-bar.main-nav { display: block; } .top-bar.main-nav section { display: none; } .top-bar.main-nav section li.has-dropdown .dropdown li a, .top-bar.main-nav section li.has-dropdown li a { color: #00567d; } .top-bar.main-nav section li.has-dropdown > a { color: #00567d; padding-bottom: 17px; } .top-bar.main-nav section li.has-dropdown > a::before { font-family: "FontAwesome"; content: "\f054"; margin-right: 0.2em; } .top-bar.main-nav section li.has-dropdown:hover { background-color: initial; } .top-bar.main-nav section li.has-dropdown:hover > a { background-color: #005a83; } .top-bar.main-nav section li.has-dropdown.hover { background-color: initial; } .top-bar.main-nav section li.has-dropdown.hover::hover { background-color: initial; } .top-bar.main-nav section li.has-dropdown.hover > a { background-color: #005a83; } .top-bar.main-nav section li.has-dropdown.hover > a::before { font-family: "FontAwesome"; content: "\f078"; } .top-bar.main-nav section li.has-dropdown.hover > a::hover { background-color: #005a83; } .top-bar.main-nav section li.has-dropdown.hover .infonav { display: block; } .top-bar.main-nav section li.has-dropdown.hover .infonav .first { margin: 0; padding: 0.5em 0; } .top-bar.main-nav section li, .top-bar.main-nav section li.has-dropdown { border-top: 1px solid #0182ac; text-align: left; } .top-bar.main-nav section .infonav__linkList-list li { margin: 0.25em 0; } .top-bar.main-nav section .infonav { display: none; padding: 0; } .top-bar.main-nav section .infonav li { display: block; } .top-bar.main-nav section .infonav ul { column-count: 1; } .top-bar.main-nav section .infonav li.infonav__landingPage { display: none; } .top-bar.main-nav section .infonav li.infonav__ctaList { display: none; } .top-bar.main-nav section .infonav li.infonav__linkList { width: auto; } .top-bar.main-nav .infonav { background-color: #83cee2; } .top-bar.main-nav .dropdown { border-top: 0; top: auto; } .top-bar-section div.mobile-links { display: block; } .mobile-links li.mobile-cta-link { float: left; } .mobile-links .btn-group { width: 100%; padding: 1em; } .mobile-links .btn-group > .btn { background-color: #005a83; width: 33%; font-size: 15px; font-weight: 600; } div.mobile-search { clear: both; } div.mobile-search input[type='text'] { border-radius: 2em; padding-left: 2.5em; } div.mobile-search .acm-search-form { position: relative; padding-bottom: 1em; margin-left: 1em; margin-right: 1em; } div.mobile-search .fa-search { position: absolute; top: 5px; left: 10px; } div.mobile-search label { display: none; } } @media only screen and (min-width: 641px) and (max-width: 1129px) { .top-bar.main-nav { position: absolute; right: 0; margin-left: 50%; } } /* * Core styles for PriorityNav.js * These styles are not optional and should always be included * * Free to use under the MIT License. * http://twitter.com/GijsRoge */ .priority-nav { white-space: nowrap; /* * Makes sure the menu's are inline-block so they don't take up * the entire width of its parent. This will break the plugin. */ } .priority-nav ul { display: inline-block; } .priority-nav li { display: inline-block; } .priority-nav-has-dropdown .priority-nav__dropdown-toggle { position: relative; } .priority-nav__wrapper { position: relative; } .priority-nav__dropdown { position: absolute; } .priority-nav__dropdown.show { visibility: visible; } .priority-nav__dropdown-toggle { visibility: hidden; position: absolute; } .priority-nav-is-visible { visibility: visible; } .priority-nav-is-hidden { visibility: hidden; } .section-nav { font-family: "Roboto Condensed", sans-serif; position: relative; z-index: 5; background-color: #b9dfe9; margin: 0; padding: 0 1rem; position: absolute; white-space: nowrap; width: 100%; } @media only screen and (max-width: 1130px) { .section-nav { display: none; } } .section-nav ul { display: inline-block; list-style-type: none; padding: 0; margin: 0; } .section-nav ul.link--light-border li a { color: #fff; } .section-nav ul.link--light-border li:hover, .section-nav ul.link--light-border li:active { border-bottom: 4px solid #83cee2; } .section-nav li { display: inline-block; border-bottom: 4px solid transparent; } .section-nav li:hover { border-color: #005a83; } .section-nav li.active { border-color: #005a83; } .section-nav li:first-child a { border-right: 2px solid currentColor; padding-left: 1em; padding-right: 1em; } .section-nav a { color: #000; display: inline-block; padding: 0; margin: 10px 8px 6px 8px; font-weight: normal; } .nav__dropdown { padding: 2rem; white-space: nowrap; top: 80%; right: 0; background-color: #b9dfe9; -ms-transform-origin: center top; transform-origin: center top; transform: rotateX(-30deg); opacity: 0; } .nav__dropdown.show { transform: rotateX(0deg); opacity: 1; visibility: visible; } .nav__dropdown-wrapper { display: inline-block; } .nav__dropdown-toggle { outline: none; display: inline-block; border: none; background: none; font-weight: bold; text-decoration: underline; color: #fff; padding: 4rem 2rem; } .nav__dropdown li { display: block; } .nav__dropdown li:first-child a { padding-left: 2rem; } .nav__dropdown a { display: inline-block; padding: 0.5rem 2rem; font-weight: normal; font-size: 1.6rem; } .nav__dropdown-toggle { padding: 12px 29px 11px 29px; text-shadow: none; transition: none; color: inherit; font-family: inherit; text-decoration: none; font-weight: inherit; font-size: inherit; background-color: #83cee2; } .nav__dropdown-toggle:hover, .nav__dropdown-toggle:focus, .nav__dropdown-toggle.is-open { background-color: #005a83; color: #fff; } .nav__dropdown-toggle:focus { outline-style: inherit; } .nav__dropdown { top: 72%; } .nav__dropdown li { border-bottom: none; padding: 0; } .nav__dropdown li:first-child a { border-right: none; padding: 0; } .nav__dropdown li a { font-size: inherit; padding: 0; margin: .5em 1em; } .nav__dropdown li a:hover { color: #005a83; } .nav__dropdown-wrapper { position: absolute; right: 0; } .priority-nav-has-dropdown .priority-nav__dropdown a { display: none; } .priority-nav-has-dropdown.is-open .priority-nav__dropdown a { display: inline-block; } button.priority-nav__dropdown-toggle { position: relative; } button.priority-nav__dropdown-toggle:after { content: " \f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: currentColor; } #main .overlay { display: block; position: absolute; width: 100%; height: 100%; top: auto; z-index: 1; } #main article { position: relative; } #main article .row { position: relative; z-index: 2; } #main article .acm-banner-container .pos-absolute { top: 6.25rem; } #main article:focus { outline: none; } #main article .section { box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3); margin: 0.625rem 0 1.25rem; } #main article .section h6 { margin-bottom: 0.625rem; } #main article .section:not(.top) { padding: 2.0625rem 1.25rem 4.375rem; position: relative; } #main article .section:not(.top) h6 { font-size: 2.125rem; } #main article .section.top { background: #4d4d4d; color: #ccc; } #main article .section.top h6 { color: #83cee2; } #main article .section .wrapper { padding: 0.625rem 1.25rem; border-top: solid 2px #666; } #main article .section .wrapper:first-child { border: none; } #main article .section .btn-wrap { position: absolute; left: 50%; margin: 0; } #main article .section .btn-wrap .button { position: relative; left: -50%; margin: 0; } .article-block .padded-heading { padding-left: 1rem; padding-right: 1rem; } .article-block .columns { padding-left: 1rem; padding-right: 1rem; } .article-block .columns ~ .columns { padding-left: 1rem; } .article-block .columns:last-child { padding-right: 1rem; } @media only screen and (min-width: 1130px) { .article-block .columns:last-child { padding-right: 1rem; } } .ctas-and-search .block-grid { margin: 0; } .no-related-articles .shadowed { background: #fff; } .no-related-articles .article-block:last-child { margin-bottom: 2rem; } a.button ~ a.button { margin-left: 1rem; } #header { background: #fff; position: relative; } .article-source { color: #707070; font-size: 0.9rem; } .has-articles.no-related-articles .acm-banner-container { padding-bottom: 100px; } .article-block h2:empty { display: none; } .four-cols p { font-size: 0.8rem; } .articles .shadowed .text-wrap { margin-bottom: 0; } .articles p:last-child { margin-bottom: 0; } .articles.smaller-icons { overflow-y: hidden; } .hide { display: none; } .related-articles .article img { float: left; width: 182px; height: auto !important; padding-bottom: 7px; object-position: 0 !important; } .article .row { padding-top: 0.25rem; padding-bottom: 0.25rem; background: #fff; } .article .row:first-of-type { padding-top: 0.625rem; } .article .acm-banner-container h3 { color: #fff; } .article p.meta { margin-bottom: 1.7rem; font-size: 0.8rem; line-height: 1; font-style: italic; color: #666; } .article .section p { margin-bottom: 0.6rem; } #main article .section:not(.top) { padding: 1.25rem; } #main article .section:not(.top) h6 { font-size: 1.5625rem; } #main article .section .wrapper { padding: 1rem 1.25rem; } .article .breadcrumbs { padding-bottom: 0; } #main article .section .btn-wrap { position: static; text-align: center; padding-top: 0.5rem; } #main article .section .btn-wrap .button { position: static; } .article-block .row { z-index: 2; position: relative; } .article-block .row h1 a, .article-block .row h4 a { color: #222; } .article-block .row h1 a:hover, .article-block .row h1 a:focus, .article-block .row h4 a:hover, .article-block .row h4 a:focus { color: #0182ac; } .article-block .row img { width: 100%; padding: 8px 0 16px; } .article-block .row .large-6 img { padding: 8px 0 16px; } .article-block .row .large-6 .video-wrapper { margin: 8px 0 16px; } .article-block .row .large-8 .btn-wrap { left: auto; right: 1.875rem; } .article-block .row .large-8 .btn-wrap .button { left: auto; } @media only screen and (max-width: 40em) { .article-block .row .large-8 .btn-wrap { left: 50%; right: auto; } .article-block .row .large-8 .btn-wrap .button { left: -50%; } } .article-block .row h4 { margin-bottom: 0.4rem; } .banner-container + .article { margin-top: 0; } @media only screen and (min-width: 1130px) { .banner-container + .article { margin-top: -20px; } } @media only screen and (min-width: 1130px) { #main .banner-container .acm-banner-container { margin-top: -52px; padding-bottom: 34px; min-height: 370px; } } @media only screen and (min-width: 1130px) { #main .acm-banner-container .banner-content { position: relative; } #main.has-section-nav .acm-banner-container .banner-content { padding-top: 100px !important; position: relative; } } @media only screen and (min-width: 1130px) { .acm-banner-container + .article { margin-top: -52px; } } #main .acm-banner-container { position: relative; } #main .acm-banner-container .banner-content { padding-top: 20px; z-index: 2; } @media only screen and (min-width: 1130px) { #main .acm-banner-container .banner-content { padding-top: 60px; } } #main .acm-banner-container .row { z-index: 1; background: transparent; width: 100%; } .acm-banner-container h1, .acm-banner-container h2, .acm-banner-container h3, .acm-banner-container h4, .acm-banner-container h5, .acm-banner-container h6, .acm-banner-container p { color: #fff; } .acm-banner-container .shadowed, .acm-banner-container .no-shadow { background-color: rgba(0, 0, 0, 0.6); margin-bottom: 1.3rem; } .acm-banner-container .three-cols .row { margin-left: 0; } .acm-banner-container .three-cols.article-block .columns { padding: 0 1rem; } .acm-banner-container .three-cols.article-block .columns .text-wrap a { color: #fff; } .acm-banner-container .three-cols.article-block .columns .text-wrap a:hover, .acm-banner-container .three-cols.article-block .columns .text-wrap a:focus { color: #b9dfe9; } @media only screen and (min-width: 1130px) { .acm-banner-container .three-cols.article-block .columns { padding: 0 0.5rem; } .acm-banner-container .three-cols.article-block .columns:first-child { padding-left: 1rem; } .acm-banner-container .three-cols.article-block .columns:last-child { padding-right: 1rem; } } .acm-banner-container .article-block .columns { padding-left: 0.625rem; padding-right: 0.625rem; } .acm-banner-container a.button { background-color: #325937; } .acm-banner-container a.button:hover { background-color: #3b6941; } .banner-heading { font-size: 38px; font-size: 2.375rem; color: #fff; padding: 0 1rem; } .banner-heading small { color: #c6c5ff; text-shadow: 0 0 2px #000; font-size: 0.6em; display: block; } .banner-content p:not(.banner-heading) { padding: 0 1rem; } .data-list { margin-bottom: 25px; } .data-list .accordion > .accordion-navigation > a { position: relative; padding-right: 70px; } .data-list .accordion > .accordion-navigation > a:before { content: none; } .awards-list { margin-bottom: 0 !important; } .awards-list .data-list { margin-bottom: 0; } .awards-list .data-list dl.accordion { margin-bottom: 0 !important; } .data-list .accordion > .accordion-navigation > a { position: relative; } .data-list .accordion > .accordion-navigation a:before { content: none; } /* [ACMP1CO-12] Circle shape in left position */ .data-list .accordion > .accordion-navigation > a h1:before { display: block; content: ""; position: absolute; background: #666; width: 22px; height: 22px; border-radius: 15px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; } .data-list .accordion > .accordion-navigation > a.state-disabled h1:before { display: none; } /* [ACMP1CO-12] Improvement: Sign background color must be #fff (white) on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h1:before { background-color: #fff; } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h1:before { display: none; } /* [ACMP1CO-12] -/+ sign background must have WHITE BACKGROUND on active status */ .data-list .accordion > .accordion-navigation.active > a h1:before { background: #fff; } /* [ACMP1CO-12] -/+ sign in left position */ .data-list .accordion > .accordion-navigation > a h1:after { content: " "; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; display: block; height: 12px; position: absolute; top: 50%; left: 2px; width: 48px; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #ccc; } /* [ACMP1CO-12] Improvement: Sign color must be #0182ac on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h1:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h1:after { color: #fff; } /*[ACMP1CO-12] Adding paddinf-left to the heading now it has the +/- sign in itd left side */ #maincontent .data-list .accordion > .accordion-navigation > a > h1 { position: relative; padding-left: 50px; } .data-list .accordion > .accordion-navigation.active > a h1:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h1216c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a h2:before { display: block; content: ""; position: absolute; background: #666; width: 22px; height: 22px; border-radius: 15px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; } .data-list .accordion > .accordion-navigation > a.state-disabled h2:before { display: none; } /* [ACMP1CO-12] Improvement: Sign background color must be #fff (white) on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h2:before { background-color: #fff; } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h2:before { display: none; } /* [ACMP1CO-12] -/+ sign background must have WHITE BACKGROUND on active status */ .data-list .accordion > .accordion-navigation.active > a h2:before { background: #fff; } /* [ACMP1CO-12] -/+ sign in left position */ .data-list .accordion > .accordion-navigation > a h2:after { content: " "; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; display: block; height: 12px; position: absolute; top: 50%; left: 2px; width: 48px; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #ccc; } /* [ACMP1CO-12] Improvement: Sign color must be #0182ac on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h2:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h2:after { color: #fff; } /*[ACMP1CO-12] Adding paddinf-left to the heading now it has the +/- sign in itd left side */ #maincontent .data-list .accordion > .accordion-navigation > a > h2 { position: relative; padding-left: 50px; } .data-list .accordion > .accordion-navigation.active > a h2:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h1216c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a h3:before { display: block; content: ""; position: absolute; background: #666; width: 22px; height: 22px; border-radius: 15px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; } .data-list .accordion > .accordion-navigation > a.state-disabled h3:before { display: none; } /* [ACMP1CO-12] Improvement: Sign background color must be #fff (white) on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h3:before { background-color: #fff; } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h3:before { display: none; } /* [ACMP1CO-12] -/+ sign background must have WHITE BACKGROUND on active status */ .data-list .accordion > .accordion-navigation.active > a h3:before { background: #fff; } /* [ACMP1CO-12] -/+ sign in left position */ .data-list .accordion > .accordion-navigation > a h3:after { content: " "; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; display: block; height: 12px; position: absolute; top: 50%; left: 2px; width: 48px; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #ccc; } /* [ACMP1CO-12] Improvement: Sign color must be #0182ac on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h3:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h3:after { color: #fff; } /*[ACMP1CO-12] Adding paddinf-left to the heading now it has the +/- sign in itd left side */ #maincontent .data-list .accordion > .accordion-navigation > a > h3 { position: relative; padding-left: 50px; } .data-list .accordion > .accordion-navigation.active > a h3:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h1216c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a h4:before { display: block; content: ""; position: absolute; background: #666; width: 22px; height: 22px; border-radius: 15px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; } .data-list .accordion > .accordion-navigation > a.state-disabled h4:before { display: none; } /* [ACMP1CO-12] Improvement: Sign background color must be #fff (white) on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h4:before { background-color: #fff; } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h4:before { display: none; } /* [ACMP1CO-12] -/+ sign background must have WHITE BACKGROUND on active status */ .data-list .accordion > .accordion-navigation.active > a h4:before { background: #fff; } /* [ACMP1CO-12] -/+ sign in left position */ .data-list .accordion > .accordion-navigation > a h4:after { content: " "; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; display: block; height: 12px; position: absolute; top: 50%; left: 2px; width: 48px; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #ccc; } /* [ACMP1CO-12] Improvement: Sign color must be #0182ac on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h4:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h4:after { color: #fff; } /*[ACMP1CO-12] Adding paddinf-left to the heading now it has the +/- sign in itd left side */ #maincontent .data-list .accordion > .accordion-navigation > a > h4 { position: relative; padding-left: 50px; } .data-list .accordion > .accordion-navigation.active > a h4:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h1216c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a h5:before { display: block; content: ""; position: absolute; background: #666; width: 22px; height: 22px; border-radius: 15px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; } .data-list .accordion > .accordion-navigation > a.state-disabled h5:before { display: none; } /* [ACMP1CO-12] Improvement: Sign background color must be #fff (white) on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h5:before { background-color: #fff; } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h5:before { display: none; } /* [ACMP1CO-12] -/+ sign background must have WHITE BACKGROUND on active status */ .data-list .accordion > .accordion-navigation.active > a h5:before { background: #fff; } /* [ACMP1CO-12] -/+ sign in left position */ .data-list .accordion > .accordion-navigation > a h5:after { content: " "; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; display: block; height: 12px; position: absolute; top: 50%; left: 2px; width: 48px; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #ccc; } /* [ACMP1CO-12] Improvement: Sign color must be #0182ac on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h5:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h5:after { color: #fff; } /*[ACMP1CO-12] Adding paddinf-left to the heading now it has the +/- sign in itd left side */ #maincontent .data-list .accordion > .accordion-navigation > a > h5 { position: relative; padding-left: 50px; } .data-list .accordion > .accordion-navigation.active > a h5:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h1216c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a h6:before { display: block; content: ""; position: absolute; background: #666; width: 22px; height: 22px; border-radius: 15px; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 15px; } .data-list .accordion > .accordion-navigation > a.state-disabled h6:before { display: none; } /* [ACMP1CO-12] Improvement: Sign background color must be #fff (white) on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h6:before { background-color: #fff; } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h6:before { display: none; } /* [ACMP1CO-12] -/+ sign background must have WHITE BACKGROUND on active status */ .data-list .accordion > .accordion-navigation.active > a h6:before { background: #fff; } /* [ACMP1CO-12] -/+ sign in left position */ .data-list .accordion > .accordion-navigation > a h6:after { content: " "; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23CCCCCC%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; display: block; height: 12px; position: absolute; top: 50%; left: 2px; width: 48px; -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; color: #ccc; } /* [ACMP1CO-12] Improvement: Sign color must be #0182ac on :hover status too */ .data-list .accordion > .accordion-navigation > a:hover h6:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H896v416c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H608c-26.7%200-49.3-9.3-68-28s-28-41.3-28-68V896H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h416V96c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h192c26.7%200%2049.3%209.3%2068%2028s28%2041.3%2028%2068v416h416c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion > .accordion-navigation > a:hover.state-disabled h6:after { color: #fff; } /*[ACMP1CO-12] Adding paddinf-left to the heading now it has the +/- sign in itd left side */ #maincontent .data-list .accordion > .accordion-navigation > a > h6 { position: relative; padding-left: 50px; } .data-list .accordion > .accordion-navigation.active > a h6:after { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201408%201408%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%230182ac%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1408%20608v192c0%2026.7-9.3%2049.3-28%2068s-41.3%2028-68%2028H96c-26.7%200-49.3-9.3-68-28S0%20826.7%200%20800V608c0-26.7%209.3-49.3%2028-68s41.3-28%2068-28h1216c26.7%200%2049.3%209.3%2068%2028S1408%20581.3%201408%20608z%22/%3E%3C/svg%3E"); } .data-list .accordion .content { padding: 2px 0 5px; } .data-list .accordion .content ul { margin-left: 1em !important; } .data-list .accordion .content ul li { list-style: initial; } .data-list .accordion .content > a.awards-navigation__link { padding: 0 1rem; } .data-list .accordion .content p { margin: 0 0 3px; font-size: 13px; line-height: 20px; } .data-list .accordion .content p ul { padding-left: inherit !important; } .data-list .accordion .content p ul li { list-style: initial; } .data-list .accordion .content img { float: left; margin: 0 15px 15px 0; width: 100px; height: auto; } .data-list .accordion .content img.icon { float: none; margin: 0; width: auto; height: 20px; } .data-list .accordion .content hr { margin: 15px 0 17px; } .data-list .accordion > .accordion-navigation ul { padding-top: .5em; margin-bottom: 10px; } .data-list .accordion > .accordion-navigation ul > li { padding: 0; background: none; margin-bottom: 0; margin: 0 0 5px 20px; font-size: 13px; line-height: 20px; font-family: verdana; } .data-list .accordion > .accordion-navigation ul > li > a { padding: 0; } .data-list.publications .content { padding: 15px 20px 20px; background: #e3edf0 !important; } .data-list.publications .content h3 { padding: 8px 0 3px; font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 18px; color: #0a618d; } .data-list.publications .content time { font-family: verdana; font-size: 13px; font-style: italic; } .data-list.publications .content .columns p { padding: 0 !important; } .data-list.publications .row { background: #e3edf0 !important; } .data-list.publications .row.row { margin: 0; } .data-list.publications .columns { padding-left: 1rem; padding-right: 1rem; } .data-list.publications img, .data-list.publications time { display: block; float: left; clear: left; margin: 0 !important; } .data-list.publications img { width: 100% !important; height: auto; } .data-list.publications a.all { display: block; width: 100%; margin-top: 25px; background: #fff; text-align: center; font-family: verdana; font-size: 13px; font-weight: bold; color: #0a618d; text-transform: uppercase; line-height: 44px; } /* styles added specifically for the news-release-archives view */ .data-list .accordion .content { padding: 2px 0 5px; } .data-list .accordion .content p { margin: 0 0 3px; font-size: 13px; line-height: 20px; } .data-list .accordion .content img { float: left; margin: 0 15px 15px 0; width: 100px; height: auto; } .data-list .accordion .content img.icon { float: none; margin: 0; width: auto; height: 20px; } .data-list .accordion .content hr { margin: 15px 0 17px; } .data-list .accordion > .accordion-navigation ul { margin-bottom: 10px; } .data-list .accordion > .accordion-navigation ul > li { padding: 0; background: none; margin-bottom: 0; margin: 0 0 5px 20px; font-size: 13px; line-height: 20px; font-family: verdana; } .data-list.publications .content { padding: 15px 20px 20px; background: #e3edf0 !important; } .data-list.publications .content h3 { padding: 8px 0 3px; font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 18px; color: #0a618d; text-transform: none; } .data-list.publications .content time { font-family: verdana; font-size: 13px; font-style: italic; } .data-list.publications .row { background: #e3edf0 !important; } .data-list.publications .columns { padding-left: 1rem; padding-right: 1rem; } .data-list.publications img, .data-list.publications time { display: block; float: left; clear: left; margin: 0 !important; } .data-list.publications img { width: 100% !important; height: auto; } .data-list.publications a.all { display: block; width: 100%; margin-top: 25px; background: #fff; text-align: center; font-family: verdana; font-size: 13px; font-weight: bold; color: #0a618d; line-height: 44px; text-transform: uppercase; } .data-list ul time { padding: .5em 1.2em 1em; display: block; } .data-list .arrowed-accordion.accordion { margin-bottom: 0 !important; } .data-list .arrowed-accordion.accordion > dd.accordion-navigation { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%200.8%206%22%20height%3D%226%22%20width%3D%223%22%20x%3D%2212%22%3E%3Cpath%20fill%3D%22gray%22%20d%3D%22M-1.125%205.992v-6l3%203%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 23px 14px; background-size: auto 12px; } .data-list .arrowed-accordion.accordion > dd.accordion-navigation.active { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201.5%203%22%20height%3D%223%22%20width%3D%226%22%20x%3D%2212%22%3E%3Cpath%20fill%3D%22gray%22%20d%3D%22M3.75%200l-3%203-3-3%22%2F%3E%3C%2Fsvg%3E"); background-size: 13px auto; background-position: 19px 17px; } .data-list .arrowed-accordion.accordion > dd.accordion-navigation > a { background: transparent; color: inherit; padding-left: 50px; } .data-list .arrowed-accordion.accordion > dd.accordion-navigation > div.content { padding-left: 50px; } .data-list .arrowed-accordion.accordion > dd.accordion-navigation > div.content p { padding-left: 0 !important; } .data-list .arrowed-accordion.accordion + hr { padding: 0; margin: 0; } .data-list .arrowed-accordion.accordion + hr:last-child { display: none; } /*=============================================>>>>> = Data List for data-list--country = ===============================================>>>>>*/ .data-list.country h1 { font-size: 1.125rem; margin-bottom: 0 !important; } .data-list.country h2 { font-size: 1.125rem; margin-bottom: 0 !important; } .data-list.country h3 { font-size: 1.125rem; margin-bottom: 0 !important; } .data-list.country h4 { font-size: 1.125rem; margin-bottom: 0 !important; } .data-list.country h5 { font-size: 1.125rem; margin-bottom: 0 !important; } .data-list.country h6 { font-size: 1.125rem; margin-bottom: 0 !important; } .data-list.country .content { padding: 0 !important; } .data-list.country .content > ul.accordion { margin: 0 !important; padding: 0 !important; } .data-list.country .content > ul.accordion h3 { margin: 0; } .data-list.country .content > ul.accordion .accordion-navigation { margin: 2px 0 !important; } .data-list.country .content > ul.accordion li.accordion-navigation { margin-bottom: 0 !important; } .country__chapter-detail { list-style: none !important; margin: 1em 0 !important; padding: 0 !important; } .country__chapter-detail li { list-style: none !important; margin: 0 !important; padding: 2px 0 !important; } .country__chapter-detail li a { display: inline !important; padding: 0 !important; } .country__chapter-detail li:before { display: inline-block; height: 1em; margin-right: .5em; vertical-align: text-top; width: 1em; } .country__chapter-detail li > span { display: inline-block; vertical-align: top; width: 90%; } .country__chapter-item { list-style: none !important; margin: 0 !important; padding: 0 !important; } .country__title-type { padding: 0 !important; margin: 1rem .8rem !important; } .country__title > *, .country__type > *, .country__subtype > * { font-size: 1.2em !important; padding: 0 !important; } .country__date:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1152%201120v64q0%2014-9%2023t-23%209h-576q-14%200-23-9t-9-23v-64q0-14%209-23t23-9h576q14%200%2023%209t9%2023zm-1024%20544h1408v-1024h-1408v1024zm384-1216v-288q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v288q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm768%200v-288q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v288q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm384-64v1280q0%2052-38%2090t-90%2038h-1408q-52%200-90-38t-38-90v-1280q0-52%2038-90t90-38h128v-96q0-66%2047-113t113-47h64q66%200%20113%2047t47%20113v96h384v-96q0-66%2047-113t113-47h64q66%200%20113%2047t47%20113v96h128q52%200%2090%2038t38%2090z%22/%3E%3C/svg%3E"); } .country__chair:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1600%201405q0%20120-73%20189.5t-194%2069.5h-874q-121%200-194-69.5t-73-189.5q0-53%203.5-103.5t14-109%2026.5-108.5%2043-97.5%2062-81%2085.5-53.5%20111.5-20q9%200%2042%2021.5t74.5%2048%20108%2048%20133.5%2021.5%20133.5-21.5%20108-48%2074.5-48%2042-21.5q61%200%20111.5%2020t85.5%2053.5%2062%2081%2043%2097.5%2026.5%20108.5%2014%20109%203.5%20103.5zm-320-893q0%20159-112.5%20271.5t-271.5%20112.5-271.5-112.5-112.5-271.5%20112.5-271.5%20271.5-112.5%20271.5%20112.5%20112.5%20271.5z%22/%3E%3C/svg%3E"); } .country__address:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1152%20640q0-106-75-181t-181-75-181%2075-75%20181%2075%20181%20181%2075%20181-75%2075-181zm256%200q0%20109-33%20179l-364%20774q-16%2033-47.5%2052t-67.5%2019-67.5-19-46.5-52l-365-774q-33-70-33-179%200-212%20150-362t362-150%20362%20150%20150%20362z%22/%3E%3C/svg%3E%0A"); } .country__email:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1664%201504v-768q-32%2036-69%2066-268%20206-426%20338-51%2043-83%2067t-86.5%2048.5-102.5%2024.5h-2q-48%200-102.5-24.5t-86.5-48.5-83-67q-158-132-426-338-37-30-69-66v768q0%2013%209.5%2022.5t22.5%209.5h1472q13%200%2022.5-9.5t9.5-22.5zm0-1051v-24.5l-0.5-13-3-12.5-5.5-9-9-7.5-14-2.5h-1472q-13%200-22.5%209.5t-9.5%2022.5q0%20168%20147%20284%20193%20152%20401%20317%206%205%2035%2029.5t46%2037.5%2044.5%2031.5%2050.5%2027.5%2043%209h2q20%200%2043-9t50.5-27.5%2044.5-31.5%2046-37.5%2035-29.5q208-165%20401-317%2054-43%20100.5-115.5t46.5-131.5zm128-37v1088q0%2066-47%20113t-113%2047h-1472q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h1472q66%200%20113%2047t47%20113z%22/%3E%3C/svg%3E"); } .country__phone:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1600%201240q0%2027-10%2070.5t-21%2068.5q-21%2050-122%20106-94%2051-186%2051-27%200-52.5-3.5t-57.5-12.5-47.5-14.5-55.5-20.5-49-18q-98-35-175-83-128-79-264.5-215.5t-215.5-264.5q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47.5-12.5-57.5-3.5-52.5q0-92%2051-186%2056-101%20106-122%2025-11%2068.5-21t70.5-10q14%200%2021%203%2018%206%2053%2076%2011%2019%2030%2054t35%2063.5%2031%2053.5q3%204%2017.5%2025t21.5%2035.5%207%2028.5q0%2020-28.5%2050t-62%2055-62%2053-28.5%2046q0%209%205%2022.5t8.5%2020.5%2014%2024%2011.5%2019q76%20137%20174%20235t235%20174q2%201%2019%2011.5t24%2014%2020.5%208.5%2022.5%205q18%200%2046-28.5t53-62%2055-62%2050-28.5q14%200%2028.5%207t35.5%2021.5%2025%2017.5q25%2015%2053.5%2031t63.5%2035%2054%2030q70%2035%2076%2053%203%207%203%2021z%22/%3E%3C/svg%3E"); } .country__fax:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M288%20384q66%200%20113%2047t47%20113v1088q0%2066-47%20113t-113%2047h-128q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h128zm1376%20163q58%2034%2093%2093t35%20128v768q0%20106-75%20181t-181%2075h-864q-66%200-113-47t-47-113v-1536q0-40%2028-68t68-28h672q40%200%2088%2020t76%2048l152%20152q28%2028%2048%2076t20%2088v163zm-736%20989v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm256%20512v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm256%20512v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm96-384v-256h-160q-40%200-68-28t-28-68v-160h-640v512h896z%22/%3E%3C/svg%3E%0A"); } .country__url a { word-break: break-all; } .country__url:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1728%20992v-832q0-13-9.5-22.5t-22.5-9.5h-1600q-13%200-22.5%209.5t-9.5%2022.5v832q0%2013%209.5%2022.5t22.5%209.5h1600q13%200%2022.5-9.5t9.5-22.5zm128-832v1088q0%2066-47%20113t-113%2047h-544q0%2037%2016%2077.5t32%2071%2016%2043.5q0%2026-19%2045t-45%2019h-512q-26%200-45-19t-19-45q0-14%2016-44t32-70%2016-78h-544q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h1600q66%200%20113%2047t47%20113z%22/%3E%3C/svg%3E"); } .country dl.accordion ul.accordion .accordion-navigation > .content .accordion .accordion-navigation > a { padding-left: 20px; } /*= End of Data List for data-list--country =*/ /*=============================================<<<<<*/ .section .cta h6 a { color: #222; } .section .cta h6 a:hover { color: #00afec; } .cta.shadowed .article-category, .cta.no-shadow .article-category { text-transform: uppercase; font-size: 13px; font-size: 0.8125rem; color: #707070; font-family: "Roboto Condensed", sans-serif; } .cta.shadowed h4, .cta.no-shadow h4 { font-family: "Roboto Condensed", sans-serif; font-size: 24px; font-size: 1.5rem; line-height: 1.1; } .cta.shadowed h4 a, .cta.no-shadow h4 a { line-height: inherit; font-size: inherit; } .cta .d-table { display: table; } .cta .text-wrap { display: table-footer-group; word-break: break-word; } .cta a:link img, .cta a:link iframe { width: 100%; margin-bottom: 10px; } .cta .image-video-container { margin: 8px 0 26px; } .cta.no-padding a:link, .cta.no-padding .image-video-container { margin-bottom: 0; } .articles.multi-cta .four-cols.article-block .columns, .articles.multi-cta .five-cols.article-block .columns, .articles.multi-cta .six-cols.article-block .columns { padding: 0 1rem; } @media only screen and (min-width: 1130px) { .articles.multi-cta .four-cols.article-block .columns, .articles.multi-cta .five-cols.article-block .columns, .articles.multi-cta .six-cols.article-block .columns { padding: 0 0.5rem; } .articles.multi-cta .four-cols.article-block .columns:first-child, .articles.multi-cta .five-cols.article-block .columns:first-child, .articles.multi-cta .six-cols.article-block .columns:first-child { padding-left: 1rem; } .articles.multi-cta .four-cols.article-block .columns:last-child, .articles.multi-cta .five-cols.article-block .columns:last-child, .articles.multi-cta .six-cols.article-block .columns:last-child { padding-right: 1rem; } } @media only screen and (min-width: 40.0625em) { .articles.multi-cta .five-cols > .row > .columns { width: 20%; } } .two-col-multi .large-4 .text-wrap { padding-top: 1.1rem; } .article-block .medium-9 .text-wrap { margin-left: 0; } .accordion * { list-style: none; } .accordion input[type="file"], .accordion input[type="checkbox"], .accordion input[type="radio"], .accordion select { margin: 0; } .accordion > .accordion-navigation { margin-bottom: 0.125rem !important; } .accordion > .accordion-navigation a[role="tab"] { font-family: "verdana"; font-weight: 700; font-size: 0.9375rem; color: #fff; padding: 0.625rem 0 0.3125rem 0.625rem; position: relative; } .accordion > .accordion-navigation a[role="tab"]:before { font-family: "fontawesome"; font-size: 1.375rem; font-weight: 400; vertical-align: middle; margin-right: 0.625rem; } .accordion > .accordion-navigation a[role="tab"]:after { font-family: "fontawesome"; width: 3.125rem; background: #ccc; text-align: center; top: 0; padding: 0.625rem 0 0.3125rem; content: "\f067"; position: absolute; right: 0; font-size: 1.375rem; } .accordion > .accordion-navigation a[role="tab"] span { float: right; margin-right: 50%; color: #fff; font-weight: 400; } .accordion > .accordion-navigation.on > a { background: #0182ac; } .accordion > .accordion-navigation.on > a:after { background: #83cee2; content: "\f068"; } .accordion > .accordion-navigation > .content { padding-left: 0; padding-right: 0; } .accordion > .accordion-navigation ul { padding: 0; margin: 0; } .accordion > .accordion-navigation ul li { padding: 0.14375rem 0.625rem; background: #e0f3f8; margin-bottom: 0.125rem; } .accordion > .accordion-navigation ul li.selected { background: #ccc; } dl.accordion ul.accordion { margin: -13px 0 -7px; } dl.accordion ul.accordion li { margin-left: 1rem; } dl.accordion ul.accordion .accordion-navigation > a { padding: 0.6rem 70px 0.8rem 0.6rem; background: #8c8c8c; position: relative; } dl.accordion ul.accordion .accordion-navigation > a:hover, dl.accordion ul.accordion .accordion-navigation.active > a { background: #0182ac; } dl.accordion ul.accordion .accordion-navigation > a:after { font-size: 1.5rem; margin-top: -10px; } dl.accordion ul.accordion h3 { color: #222; text-transform: none; font-size: 14px; margin: 0 0 10px; } .panel.recent { background: #ececec; border-radius: 0; padding: 1rem 1rem 0; } .panel.recent .title { background: #8c8c8c; padding: 0.6rem 0.8rem; color: #fff; font-size: 18px; margin: -1rem -1rem 1rem; } .panel.recent ul { margin-bottom: 10px; } .panel.recent h3 { color: #222; text-transform: none; font-size: 14px; margin: 15px 0 5px; } .panel.recent li { color: #777; font-size: 13px; line-height: 20px; font-family: verdana; } .panel.recent li span { color: #000; } .panel .panel__content { padding: 0 60px 30px; } .panel .panel__content li a { padding: .15rem 40px .15rem 1rem; } .panel .title { padding: 1rem; font-weight: 500; } .panel.video h2 { font-size: 1.25rem; } .panel.video h4 { font-size: 1rem; } .show-hide { font-family: "Roboto Condensed", sans-serif !important; list-style: none; margin: 0; padding: 0; background: #ececec; } .show-hide li { margin: 0; padding: 1rem; border-top: 1px solid #ececec; background: #d8d8d8; } .show-hide li.hidden { display: none; } .show-hide li:first-child { border: none; } .show-hide li:last-child { display: block; background: inherit; } .show-hide li a { padding: 0 !important; } .show-hide h3, .show-hide p, .show-hide time { font-family: "Roboto Condensed", sans-serif !important; display: block; margin: 0; padding: 0; line-height: 1; } .show-hide h1, .show-hide h2, .show-hide h3, .show-hide h4, .show-hide h5, .show-hide h6 { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 20px; font-size: 1.25rem; color: #0a618d; text-transform: none; } .show-hide p { margin: 0; padding: 5px 0 !important; font-weight: 600; } .show-hide button { font-weight: normal; width: 100%; margin: 0; padding: .5rem 0; color: #0a618d; text-shadow: none; background: #fff; outline: none; } .map { position: relative; padding-bottom: 60%; height: 0; overflow: hidden; } .map > div { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .map .mprint_message { display: none; } .map-dropdowns select { display: inline-block; padding-right: 20px; width: 100%; } .map-dropdowns select:last-child { margin-left: 0px; } @media (min-width: 768px) { .map-dropdowns select { width: calc(49% - 3px); margin-right: 2%; } .map-dropdowns select:nth-child(even) { margin-right: 0; } } .show-message h2.search-message { font-size: 24px; font-size: 1.500rem; } .date-list { background: #fff; padding-bottom: 0.1rem; } .date-list h3 { display: block; margin: 0; background: #fff; color: #006d9f; padding: 1rem; display: block; font-family: "Roboto Condensed", Helvetica, Roboto, Arial, sans-serif; font-size: 18px; font-weight: normal; } .date-list dt { display: block; background: #999; color: #fff; padding: 0.5rem 1rem; display: block; font-family: "Roboto Condensed", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: normal; } .date-list .show-results { margin: 10px 0; } .date-list h4 { margin: 1rem 0 0 !important; font-family: "Roboto Condensed", Helvetica, Roboto, Arial, sans-serif; font-size: 20px; font-weight: normal; } .date-list time { display: block; font-family: verdana; margin-bottom: 1rem; font-size: 13px; font-style: italic; color: #666; } .dl-search { position: relative; overflow: auto; border: 2px solid #ccc; margin-bottom: 1.375rem; } .dl-search .fa { display: block; content: ""; position: absolute; top: 10px; left: 10px; width: 15px; height: 15px; color: #046f60; } .dl-search input { border: none; float: left; margin: 0; } .dl-search input[type=search] { width: calc(100% - 180px); padding: 2px 10px 0 33px; } .dl-search input.button { padding: 10px; width: 180px; background-color: #046f60; font-size: 1rem; font-family: "Roboto Condensed", sans-serif; text-shadow: none; } .mobile-nav, .mobile-nav ol { display: none; } @media only screen and (max-width: 1129px) { .mobile-nav { display: block; } } @media only screen and (min-width: 1130px) { .mobile-nav { display: none !important; } } /* Mobile Menu Core Style */ .slicknav_btn { display: block; width: 80px; height: 80px; background: rgba(26, 11, 12, 0.7); position: absolute; top: 0; right: 0; z-index: 999; text-indent: -999em; margin: 0; padding: 0; outline: none; border-radius: none; } .slicknav_no-text { display: none; } .slicknav_btn:before { font-family: "fontawesome"; content: "\f0c9"; text-indent: 0; display: block; width: 80px; height: 80px; line-height: 80px; font-size: 30px; color: #fff; text-align: center; } .slicknav_nav { clear: both; } .slicknav_nav ul, .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both; } /* IE6/7 support */ .slicknav_menu { *zoom: 1; } /* Button Text */ .slicknav_menu .slicknav_menutxt { color: #fff; font-weight: bold; text-shadow: 0 1px 3px #000; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #83cee2; } .slicknav_menu { font-size: 20px; background: #83cee2; padding: 0; } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow: hidden; } .slicknav_nav ul { padding: 0; margin: 0 0 0 20px; } .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; } .slicknav_nav a { padding: 5px 10px; margin: 0 5px; color: inherit; outline: none; border-top: 1px solid #0182ac; } .slicknav_nav a a { border-top: none; } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_nav .slicknav_row:hover { background: #ccc; color: #fff; } .slicknav_nav a:hover { background: #ccc; color: #222; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; } /* Button Lines */ .slicknav_menu .slicknav_icon-bar { background-color: #81a9ff; } .slicknav_nav > li { margin-top: 0; margin-right: 0; margin-bottom: 0; } .slicknav_nav .slicknav_item:hover { background: none; color: #fff; } .slicknav_nav a:hover { background: none; color: #fff; } .slicknav_nav .slicknav_txtnode { padding: 7px 15px; margin: 0; } .slicknav_menu form { padding: 0; margin: 10px; background: #fff; overflow: auto; } .slicknav_menu form input { background: none; border: none; margin: 0; box-shadow: none; } .slicknav_menu form input[type=text] { width: calc(100% - 100px); float: left; } .slicknav_menu form input[type=submit] { padding: 8px 8px 8px 0; } .slicknav_menu form label { display: block; float: left; } .slicknav_menu form i { display: block; font-size: 1rem; padding: 10px 5px 10px 10px; } /* Adjustments required for new infonav structures: */ .slicknav_menu .infonav__landingPage, .slicknav_menu .infonav__ctaList { display: none; } .slicknav_menu .infonav__linkList-list { column-count: auto; column-gap: normal; } .srNoResults { height: 15em; text-align: center; padding-top: 4em; } .srDate:before { content: "\ \2014\ "; } #live-search-results { position: absolute; min-height: 5em; width: 26.8em; display: none; background-color: #fff; z-index: 10000; border: 1px solid #ccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); border-top: 0; overflow: hidden; } #live-search-results h1, #live-search-results h2 { font-size: 2rem; padding-top: 1.5rem; text-align: center; } #live-search-results h3, #live-search-results h4 { font-size: 0.9rem; margin-bottom: 0; font-family: sans-serif; } #live-search-results ol { list-style: none; margin-top: 0.75rem; margin-left: 0; } #live-search-results p { font-size: 0.75rem; margin-bottom: 0; font-family: sans-serif; } #live-search-results li { padding: 0.5em 1em; border-bottom: 1px solid #e6e5e5; } #live-search-results li:last-child { border-bottom: none; } #live-search-results br:not(.doBreak) { display: none; } #live-search-results .srSummary a { display: none; } #live-search-results .doBreak { display: none; } #live-search-results .srNoResults p { display: none; } /* search results navigation customization */ #search-results ul.pagination, #search-results ul.pagination { height: auto; } #search-results ul.pagination ::first-letter, #search-results ul.pagination ::first-letter { text-transform: uppercase; } #search-results p { font-family: sans-serif; font-size: 0.9rem; } #search-results .navigation { margin-bottom: 0.5rem; } #search-results .navigation .nav-box { padding-top: 0.2rem; padding-bottom: 0.2rem; font-family: sans-serif; } #search-results .navigation .nav-box select { width: 100px; } #search-results .navigation .nav-box a { padding: 6px 10px; } @media (min-width: 400px) { #search-results .navigation .nav-box a { padding: 6px 12px; } } #search-results footer { border: none; padding: 0; } .search-main .srShowingResults { font-size: 1rem; padding-top: 1rem; color: #424242; } .search-main .srShowingResults span { font-weight: bold; } .search-main h3.srTitle { font-size: 1.1rem; font-weight: bold; font-family: sans-serif; margin-bottom: 0.2em; } .search-main ol { list-style: none; margin-left: 0.5rem; } .search-main .srKeywordMatch { display: none; } .search-main br:not(.doBreak) { display: none; } #search-results .st-ui-injected-search-summary { margin-bottom: 16px; } #search-results .st-query-present { font-family: "Roboto Condensed",sans-serif; line-height: 1.4; font-size: 1.2rem; } #search-results .st-ui-type-heading { font-size: 1.1rem; font-weight: 700; font-family: sans-serif; } #search-results .st-ui-type-detail { font-family: sans-serif; font-size: .9rem; color: #384246; max-height: initial; } #search-results a[href]:after { content: none; } #search-results a.st-ui-result:hover .st-ui-type-detail { color: #000; } #search-results a.st-ui-result:hover .st-ui-type-heading { color: #005a83 !important; } #search-results .st-ui-container-footer_bar { margin-bottom: 12px; } #search-results .st-ui-footer { overflow: hidden; /* background-color: #e9e9e9; */ padding: .5rem .25rem; } #search-results .st-ui-pagination-link { padding: 6px 12px; background-color: #d3d3d3; } #search-results .st-ui-pagination-link.active { background-color: #008cba; } @media screen and (min-width: 1130px) { #search-results .st-ui-container-primary_content { padding-right: 8%; } } input.st-default-search-input { background: initial; background-color: #fff; } section.st-ui-no-results .st-ui-type-heading.st-spelling-suggestion-link { box-sizing: border-box; position: relative; } .gradient-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 960px) { .acm-banner-container, .acm-banner-container .gradient-wrapper { background-size: cover !important; } } .content-banner { margin: 15px; margin-top: 5px; } @media only screen and (min-width: 1130px) { .content-banner { margin-top: 48px; } } @media only screen and (min-width: 1130px) { .article.content-detail .content-banner { margin-top: 5px; } } .carousel:not(.slick-slider.slick-initialized) { display: none; } .carousel .slick-prev, .carousel .slick-next { width: 28px; height: 28px; z-index: 1; } .carousel .slick-prev:before, .carousel .slick-next:before { font-size: 28px; } .carousel .slick-prev { left: 1rem; } .carousel .slick-next { right: 1rem; } .carousel.slick-dotted.slick-slider { margin-bottom: 0; } .carousel .slick-dots { bottom: 2rem; display: inline-block !important; width: auto; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); } @media screen and (max-width: 480px) { .carousel .slick-dots { bottom: 1rem; } } #maincontent .carousel .slick-dots { bottom: -1rem; } @media screen and (max-width: 480px) { #maincontent .carousel .slick-dots { bottom: 0rem; } } /* a11y skip navigation */ #skiptocontent a { padding: 6px; position: absolute; top: -31px; left: 100px; color: #fff; background: transparent; transition: top 0.3s ease-out; z-index: 999; line-height: 1; } #skiptocontent a:focus { position: absolute; left: 100px; top: 0; background: #007fad; transition: top 0.3s ease-in; } .custom-content { margin-bottom: 1rem; } /* Table of Contents (Plus 'panel') container */ .panel, .sidebar-toc { margin-bottom: 1rem; background-color: #ececec; } .panel .error, .sidebar-toc .error { padding: 0 1em 2em; color: #b22222; } .panel ul, .sidebar-toc ul { list-style: none; margin: 0; padding: 0; } .panel li, .sidebar-toc li { margin: 0 0 2px; } .panel li a, .sidebar-toc li a { line-height: 1; display: block; padding: .5rem 40px .5rem 1rem; } .panel h1, .sidebar-toc h1 { font-family: "Roboto", sans-serif; color: #08081b; font-size: 18px; font-size: 1.125rem; font-weight: 400; letter-spacing: -.5px; line-height: 1.2; padding: 0 1rem; margin: 0; } .panel h1 + p, .sidebar-toc h1 + p { margin-top: .5em; } .panel h1.sidebar-header, .sidebar-toc h1.sidebar-header { padding: 1rem; font-weight: 500; } .panel h2, .sidebar-toc h2 { font-family: "Roboto", sans-serif; color: #08081b; font-size: 18px; font-size: 1.125rem; font-weight: 400; letter-spacing: -.5px; line-height: 1.2; padding: 0 1rem; margin: 0; } .panel h2 + p, .sidebar-toc h2 + p { margin-top: .5em; } .panel h2.sidebar-header, .sidebar-toc h2.sidebar-header { padding: 1rem; font-weight: 500; } .panel h3, .sidebar-toc h3 { font-family: "Roboto", sans-serif; color: #08081b; font-size: 18px; font-size: 1.125rem; font-weight: 400; letter-spacing: -.5px; line-height: 1.2; padding: 0 1rem; margin: 0; } .panel h3 + p, .sidebar-toc h3 + p { margin-top: .5em; } .panel h3.sidebar-header, .sidebar-toc h3.sidebar-header { padding: 1rem; font-weight: 500; } .panel h4, .sidebar-toc h4 { font-family: "Roboto", sans-serif; color: #08081b; font-size: 18px; font-size: 1.125rem; font-weight: 400; letter-spacing: -.5px; line-height: 1.2; padding: 0 1rem; margin: 0; } .panel h4 + p, .sidebar-toc h4 + p { margin-top: .5em; } .panel h4.sidebar-header, .sidebar-toc h4.sidebar-header { padding: 1rem; font-weight: 500; } .panel h5, .sidebar-toc h5 { font-family: "Roboto", sans-serif; color: #08081b; font-size: 18px; font-size: 1.125rem; font-weight: 400; letter-spacing: -.5px; line-height: 1.2; padding: 0 1rem; margin: 0; } .panel h5 + p, .sidebar-toc h5 + p { margin-top: .5em; } .panel h5.sidebar-header, .sidebar-toc h5.sidebar-header { padding: 1rem; font-weight: 500; } .panel h6, .sidebar-toc h6 { font-family: "Roboto", sans-serif; color: #08081b; font-size: 18px; font-size: 1.125rem; font-weight: 400; letter-spacing: -.5px; line-height: 1.2; padding: 0 1rem; margin: 0; } .panel h6 + p, .sidebar-toc h6 + p { margin-top: .5em; } .panel h6.sidebar-header, .sidebar-toc h6.sidebar-header { padding: 1rem; font-weight: 500; } .panel h7, .sidebar-toc h7 { font-family: "Roboto", sans-serif; color: #08081b; font-size: 18px; font-size: 1.125rem; font-weight: 400; letter-spacing: -.5px; line-height: 1.2; padding: 0 1rem; margin: 0; } .panel h7 + p, .sidebar-toc h7 + p { margin-top: .5em; } .panel h7.sidebar-header, .sidebar-toc h7.sidebar-header { padding: 1rem; font-weight: 500; } .panel p, .sidebar-toc p { padding: 0 1rem; } .panel { border: none; border-radius: 0; box-shadow: none; } /* need to use the green acm digital library icon as a link */ #maincontent .governance { border-bottom: 2px solid #ebebeb; margin-bottom: -2px; } #maincontent .governance .content { display: none; padding: 1.5rem; } #maincontent .governance .content p { font-family: "Roboto", sans-serif; font-size: 10pt; } #maincontent .governance h1 { padding: .5rem 1rem; margin: 0; font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; } #maincontent .governance h1 span.governance-list-item-header { color: #666; } #maincontent .governance h1 span.governance-list-item-header:before { display: inline-block; font-family: "fontawesome"; font-size: 0; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h1 a:before { display: inline-block; font-family: "fontawesome"; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h1 a > span { display: inline-block; vertical-align: top; width: 85%; } #maincontent .governance h2 { padding: .5rem 1rem; margin: 0; font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; } #maincontent .governance h2 span.governance-list-item-header { color: #666; } #maincontent .governance h2 span.governance-list-item-header:before { display: inline-block; font-family: "fontawesome"; font-size: 0; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h2 a:before { display: inline-block; font-family: "fontawesome"; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h2 a > span { display: inline-block; vertical-align: top; width: 85%; } #maincontent .governance h3 { padding: .5rem 1rem; margin: 0; font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; } #maincontent .governance h3 span.governance-list-item-header { color: #666; } #maincontent .governance h3 span.governance-list-item-header:before { display: inline-block; font-family: "fontawesome"; font-size: 0; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h3 a:before { display: inline-block; font-family: "fontawesome"; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h3 a > span { display: inline-block; vertical-align: top; width: 85%; } #maincontent .governance h4 { padding: .5rem 1rem; margin: 0; font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; } #maincontent .governance h4 span.governance-list-item-header { color: #666; } #maincontent .governance h4 span.governance-list-item-header:before { display: inline-block; font-family: "fontawesome"; font-size: 0; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h4 a:before { display: inline-block; font-family: "fontawesome"; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h4 a > span { display: inline-block; vertical-align: top; width: 85%; } #maincontent .governance h5 { padding: .5rem 1rem; margin: 0; font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; } #maincontent .governance h5 span.governance-list-item-header { color: #666; } #maincontent .governance h5 span.governance-list-item-header:before { display: inline-block; font-family: "fontawesome"; font-size: 0; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h5 a:before { display: inline-block; font-family: "fontawesome"; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h5 a > span { display: inline-block; vertical-align: top; width: 85%; } #maincontent .governance h6 { padding: .5rem 1rem; margin: 0; font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; } #maincontent .governance h6 span.governance-list-item-header { color: #666; } #maincontent .governance h6 span.governance-list-item-header:before { display: inline-block; font-family: "fontawesome"; font-size: 0; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h6 a:before { display: inline-block; font-family: "fontawesome"; content: '\f0da\0000a0\0000a0'; vertical-align: top; width: 13px; } #maincontent .governance h6 a > span { display: inline-block; vertical-align: top; width: 85%; } #maincontent .governance > ul { margin: 0; list-style: none; background-color: #ebebeb; } #maincontent .governance li { margin: 0; } #maincontent .governance li > h1 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .governance li > h1 > a { color: #666; } #maincontent .governance li > h2 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .governance li > h2 > a { color: #666; } #maincontent .governance li > h3 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .governance li > h3 > a { color: #666; } #maincontent .governance li > h4 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .governance li > h4 > a { color: #666; } #maincontent .governance li > h5 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .governance li > h5 > a { color: #666; } #maincontent .governance li > h6 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .governance li > h6 > a { color: #666; } #maincontent .governance li.selected h1 { background-color: #006ca0; } #maincontent .governance li.selected h1 > a { color: white; } #maincontent .governance li.selected h1 > a:before { display: inline-block; font-family: "fontawesome"; content: '\f0d7\0000a0\0000a0'; vertical-align: top; } #maincontent .governance li.selected h1 > a > span { display: inline-block; vertical-align: top; width: 85%; color: white; } #maincontent .governance li.selected h2 { background-color: #006ca0; } #maincontent .governance li.selected h2 > a { color: white; } #maincontent .governance li.selected h2 > a:before { display: inline-block; font-family: "fontawesome"; content: '\f0d7\0000a0\0000a0'; vertical-align: top; } #maincontent .governance li.selected h2 > a > span { display: inline-block; vertical-align: top; width: 85%; color: white; } #maincontent .governance li.selected h3 { background-color: #006ca0; } #maincontent .governance li.selected h3 > a { color: white; } #maincontent .governance li.selected h3 > a:before { display: inline-block; font-family: "fontawesome"; content: '\f0d7\0000a0\0000a0'; vertical-align: top; } #maincontent .governance li.selected h3 > a > span { display: inline-block; vertical-align: top; width: 85%; color: white; } #maincontent .governance li.selected h4 { background-color: #006ca0; } #maincontent .governance li.selected h4 > a { color: white; } #maincontent .governance li.selected h4 > a:before { display: inline-block; font-family: "fontawesome"; content: '\f0d7\0000a0\0000a0'; vertical-align: top; } #maincontent .governance li.selected h4 > a > span { display: inline-block; vertical-align: top; width: 85%; color: white; } #maincontent .governance li.selected h5 { background-color: #006ca0; } #maincontent .governance li.selected h5 > a { color: white; } #maincontent .governance li.selected h5 > a:before { display: inline-block; font-family: "fontawesome"; content: '\f0d7\0000a0\0000a0'; vertical-align: top; } #maincontent .governance li.selected h5 > a > span { display: inline-block; vertical-align: top; width: 85%; color: white; } #maincontent .governance li.selected h6 { background-color: #006ca0; } #maincontent .governance li.selected h6 > a { color: white; } #maincontent .governance li.selected h6 > a:before { display: inline-block; font-family: "fontawesome"; content: '\f0d7\0000a0\0000a0'; vertical-align: top; } #maincontent .governance li.selected h6 > a > span { display: inline-block; vertical-align: top; width: 85%; color: white; } #maincontent .governance li.selected .content { background-color: #ebebeb; width: 100%; } #maincontent .governance .governance-list-item-lvl2 > h1 { padding-left: 4em; } #maincontent .governance .governance-list-item-lvl2 > h2 { padding-left: 4em; } #maincontent .governance .governance-list-item-lvl2 > h3 { padding-left: 4em; } #maincontent .governance .governance-list-item-lvl2 > h4 { padding-left: 4em; } #maincontent .governance .governance-list-item-lvl2 > h5 { padding-left: 4em; } #maincontent .governance .governance-list-item-lvl2 > h6 { padding-left: 4em; } #maincontent .governance .governance-list-item-lvl3 > h1 { padding-left: 6em; } #maincontent .governance .governance-list-item-lvl3 > h2 { padding-left: 6em; } #maincontent .governance .governance-list-item-lvl3 > h3 { padding-left: 6em; } #maincontent .governance .governance-list-item-lvl3 > h4 { padding-left: 6em; } #maincontent .governance .governance-list-item-lvl3 > h5 { padding-left: 6em; } #maincontent .governance .governance-list-item-lvl3 > h6 { padding-left: 6em; } .governance-container { background-color: #ebebeb; } .governance-container h1, .governance-container h2, .governance-container h3 { padding: 1rem; margin: 0; font-family: "Roboto Condensed", sans-serif; font-size: 14pt; font-weight: 400; } .governance-list-item dt { width: 35%; float: left; } .governance-list-item dt.heading { width: 100%; float: left; } .governance-list-item dd { margin-left: 35%; padding-left: 5px; } .governance-list-item dd::after { content: ""; display: table; clear: both; } .governance-list-item .officer-sub-title { font-style: italic; font-size: .775rem; margin-top: -0.75rem; } .key-people-list-item dt { width: 47%; float: left; } .key-people-list-item dt.colview { width: 100%; } .key-people-list-item dd { margin-left: 52%; padding-left: 5px; } .key-people-list-item dd.colview { margin-left: 5%; clear: both; } .key-people-list-item dd::after { content: ""; display: table; clear: both; } .key-people-list-item .officer-sub-title { font-style: italic; font-size: .775rem; margin-top: -0.75rem; } .governance-dl-logo { max-width: 1.4rem; } .governance-dl-link { float: right; } /* * Reason this lives here is that the polyfill for IE9 uses very simple selectors to do its magic * Also: the order is important. The polyfill also appears to process order dependent, e.g. * these rules must appear in reverse of the dom location. Odd, but it works. */ @media only screen and (min-width: 460px) { .footer-nav { column-count: 2; column-gap: 32px; line-height: 1.2; } } @media only screen and (min-width: 760px) { .footer-nav { column-count: 4; } } @media only screen and (min-width: 1024px) { .footer-nav { column-count: 3; column-gap: normal; width: 100%; float: right; clear: right; margin-bottom: 2em; } } .footer-nav-lists { break-inside: avoid-column; break-inside: avoid-column; display: table; margin-top: 1em; } .footer-nav-lists:first-child { margin-top: 0; } @media only screen and (min-width: 1024px) { .footer-nav-lists { margin-bottom: 0; } } .infonav__linkList-list { column-count: 2; column-gap: 32px; } #maincontent { /* ============================ Mobile Responsiveness ============================*/ /* !HTML5 Date polyfill | Jonathan Stipe | https://github.com/jonstipe/date-polyfill */ } #maincontent .calendar { float: left; padding-bottom: 1em; position: relative; clear: both; width: 100%; } #maincontent .calendar a { text-decoration: none; } #maincontent .calendar a:hover { text-decoration: underline; } #maincontent .calendar ul { list-style: none; padding: 0; margin: 0; width: 100%; clear: both; } #maincontent .calendar ul li { margin-right: -1px; margin-bottom: -1px; display: block; float: left; width: 14.342%; padding: 5px; box-sizing: border-box; border: 1px solid #ccc; } #maincontent .calendar ul .fullHeight li { height: 540px; } #maincontent .calendar ul .weekdays { height: 40px; background: #333; clear: both; } #maincontent .calendar ul .weekdays li { text-align: center; text-transform: uppercase; line-height: 20px; border: none !important; padding: 10px 6px; color: #fff; font-size: 13px; } #maincontent .calendar .days.hideWeek li { height: 0px; padding: 0px; border: none; } #maincontent .calendar .days.hideWeek li * { display: none; } #maincontent .calendar .days li { height: 180px; transition: height .5s ease; overflow: auto; } #maincontent .calendar .days li:hover { background: #d3d3d3; } #maincontent .calendar .date { text-align: center; margin-bottom: 5px; padding: 4px; background: #333; color: #fff; width: 20px; border-radius: 50%; float: right; box-sizing: content-box; } #maincontent .calendar .event { clear: both; display: block; font-size: 13px; border-radius: 4px; padding: 5px; margin-bottom: 5px; line-height: 14px; color: #007383; text-decoration: none; } #maincontent .calendar .event.evcol { max-height: 2em; position: relative; transition: all 0.5s ease-out; transition-delay: 1s; overflow: hidden; } #maincontent .calendar .event a { color: #007383; } #maincontent .calendar .event.evcol::after { content: "\f078"; position: absolute; font-family: "FontAwesome"; bottom: 0; right: 0; transition: opacity 0.1s linear; transition-delay: 1.5s; } #maincontent .calendar .event.evcol:hover::after, #maincontent .calendar .event.evcol:focus::after, #maincontent .calendar .event.evcol.evexpand::after { opacity: 0; transition-delay: 0s; } #maincontent .calendar .event.evcol:hover, #maincontent .calendar .event.evcol:focus, #maincontent .calendar .event.evcol.evexpand { max-height: 20em; overflow: auto; transition: all 0.5s ease-out; } #maincontent .calendar .event-desc a { color: #666; } #maincontent .calendar .event-gray { background: #EAEAEA; border: 1px solid #919191; } #maincontent .calendar .event-gray .event-desc { color: #666; margin: 3px 0 7px 0; text-decoration: none; } #maincontent .calendar .event-blue { background: #e4f2f2; border: 1px solid #b5dbdc; } #maincontent .calendar .event-blue .event-desc { color: #666; margin: 3px 0 7px 0; text-decoration: none; } #maincontent .calendar .event-green { background: #EBF2E3; border: 1px solid #A0C17A; } #maincontent .calendar .event-green .event-desc { color: #666; margin: 3px 0 7px 0; text-decoration: none; } #maincontent .calendar .event-purple { background: #F2E3F2; border: 1px solid #C17AC1; } #maincontent .calendar .event-purple .event-desc { color: #666; margin: 3px 0 7px 0; text-decoration: none; } #maincontent .calendar .event-yellow { background: #F2F1AF; border: 1px solid #DCDC1E; } #maincontent .calendar .event-yellow .event-desc { color: #666; margin: 3px 0 7px 0; text-decoration: none; } #maincontent .calendar .intra-month-header { background-color: black; color: white; float: left; padding: 0 1em; font-weight: 600; } #maincontent .calendar .other-month { background: #f5f5f5; color: #666; } #maincontent .after-cal { clear: both; } #maincontent .calendar-wrap { clear: both; } #maincontent .calendar-wrap .hasDatepicker { z-index: 999; } #maincontent .calendar-wrap .calendar-error { width: 100%; text-align: center; position: absolute; background-color: rgba(0, 0, 0, 0.75); color: white; height: 100%; padding-top: 5em; z-index: 1; } #maincontent .calendar-wrap .calendar-error h1 { color: white; } #maincontent .calendar-wrap .heading { text-align: center; } #maincontent .calendar-wrap label { max-width: 30em; padding-left: 1em; float: left; } #maincontent .calendar-wrap .prev { background-color: #007cc0; float: left; } #maincontent .calendar-wrap .next { background-color: #007cc0; float: right; } #maincontent .calendar-wrap .chosen-select { height: 29px; } #maincontent .calendar-wrap .chosen-container { display: block; padding-bottom: 0.5em; } #maincontent .calendar-wrap input[type='checkbox'] { margin-top: 0.6em; } #maincontent .calendar-wrap input[type='number'] { width: 5em; } #maincontent .calendar-wrap .update-btn { /* margin-top:1em; */ margin-left: 1em; } #maincontent .calendar-wrap ul.chosen-choices { margin-bottom: 0; } #maincontent .calendar-wrap ul.chosen-choices li { margin-bottom: 0; } @media (max-width: 460px) { #maincontent .cal__input { display: none; } } @media (max-width: 768px) { #maincontent .calendar .weekdays, #maincontent .calendar .other-month { display: none; } #maincontent .calendar .event.evcol { max-height: 20em; overflow: auto; } #maincontent .calendar .event.evcol::after { display: none; } #maincontent .calendar ul li { height: auto !important; border: 1px solid #ededed; width: 100%; padding: 10px; margin-bottom: -1px; overflow: auto; } #maincontent .calendar ul.days.hideWeek li { height: 0px; padding: 0px; border: none; } #maincontent .calendar .date { float: none; } #maincontent .today { background-color: ivory; } } #maincontent .agenda .event.evcol { max-height: 20em; overflow: auto; outline: none; } #maincontent .agenda .event::after { display: none; } #maincontent .agenda .calendar .weekdays, #maincontent .agenda .calendar .other-month { display: none; } #maincontent .agenda .calendar li { height: auto !important; border: 1px solid #ededed; width: 100%; padding: 10px; margin-bottom: -1px; } #maincontent .agenda .calendar .days.hideWeek li { height: 0px; padding: 0px; border: none; } #maincontent .agenda .calendar .days li:hover { background: transparent; } #maincontent .agenda .calendar .day { outline: none; } #maincontent .agenda .calendar .date { float: none; width: auto; color: #333; background: transparent; font-weight: 600; } #maincontent .agenda .calendar .event-green, #maincontent .agenda .calendar .event-yellow, #maincontent .agenda .calendar .event-purple, #maincontent .agenda .calendar .event-blue, #maincontent .agenda .calendar .event-gray { background: transparent; border: none; } #maincontent button.date-datepicker-button { background-color: transparent; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); border: 1px solid #aaa; margin: 0; padding: 0.5rem; color: black; text-shadow: none; font-weight: normal; } #maincontent button.date-datepicker-button:hover { background-color: transparent; } #maincontent button.date-datepicker-button:after { display: inline-block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0.4em 0.4em 0em 0.4em; border-color: black transparent transparent transparent; margin: 0em 0em 0.2em 0.7em; vertical-align: middle; } #maincontent .csstransitions div.date-calendar-dialog.date-closed { transition: opacity 0.4s linear; opacity: 0; } #maincontent .csstransitions div.date-calendar-dialog.date-open { transition: opacity 0.4s linear; opacity: 1; } dl.tlc-dl dt { font-weight: bold; } dl.tlc-dl dt h2, dl.tlc-dl dt h3, dl.tlc-dl dt h4, dl.tlc-dl dt h5, dl.tlc-dl dt h6 { margin-bottom: 0.25em; } dl.tlc-dl dt h2 p, dl.tlc-dl dt h3 p, dl.tlc-dl dt h4 p, dl.tlc-dl dt h5 p, dl.tlc-dl dt h6 p { font-weight: bold; margin-bottom: 0; } dl.tlc-dl dd { margin-left: 2em; display: list-item; list-style-type: disc; } .sitemap-container ul { list-style-type: none; } .sitemap-container li { margin-top: .5em; } .sig-join-link__button { font-size: 16px; font-size: 1rem; background: #0079a9; color: #fff; text-align: center; /* text-transform: uppercase; */ text-shadow: none; font-weight: bold; color: #fff; padding: .5em 1em; margin-bottom: 1em; display: block; float: none; } .sig-join-link__button:hover, .sig-join-link__button:focus { background: #006790; transition: all 0.3s ease; color: #fff; } .sig-join-link__button:active { background: #000c11; color: #fff; } .sig-join-link__button:visited { color: #fff; } @media only screen and (min-width: 600px) { .sig-join-link__button { display: inline-block; float: right; /* clear: right; */ margin: 0 0 .5em 1em; padding: 0.25em 1em; } } .sig-join-link__button:hover { color: #fff; } .map-locations > .map-locations__btn-vchapters { position: relative; } @media (min-width: 760px) { .map-locations > .map-locations__btn-vchapters { position: absolute; right: 20px; } } #btn-vchapters { text-decoration: underline; } #btn-lchapters { margin-right: 26px; } .map-locations, .map-virtualchapter { font-size: 1rem; /*=============================================>>>>> = Heading = ===============================================>>>>>*/ /*=============================================>>>>> = Map Chapters = ===============================================>>>>>*/ /*=============================================>>>>> = Map Virtual Chapter = ===============================================>>>>>*/ /*=============================================>>>>> = Icons = ===============================================>>>>>*/ } .map-locations__heading, .map-virtualchapter__heading { margin: 1em 0; } .map-locations__title, .map-virtualchapter__title { font-size: 28px; font-size: 1.75rem; font-family: "Roboto Condensed", sans-serif; margin-bottom: 0; } .map-locations__total, .map-virtualchapter__total { font-size: 24px; font-size: 1.5rem; color: #707070; font-family: "Roboto Condensed", sans-serif; } .map-locations__typeTitle, .map-virtualchapter__typeTitle { color: #707070; font-family: "Roboto Condensed", sans-serif; font-size: 1.4rem; } .map-locations__chapter, .map-virtualchapter__chapter { display: inline-block; margin-bottom: 1em; padding-right: 1.5em; vertical-align: top; width: 100%; } @media (min-width: 760px) { .map-locations__chapter, .map-virtualchapter__chapter { width: 49%; } .map-locations__chapter:nth-child(2n+2), .map-virtualchapter__chapter:nth-child(2n+2) { padding-right: 0; } } .map-locations__chapter ul, .map-virtualchapter__chapter ul { line-height: 1; margin: 0; } .map-locations__chapter li, .map-virtualchapter__chapter li { display: block; padding-left: 1.6em; position: relative; } .map-locations__chapter li:before, .map-virtualchapter__chapter li:before { display: block; left: 0; position: absolute; top: 2px; width: 14px; } .map-locations__name, .map-locations__chapterType, .map-virtualchapter__name, .map-virtualchapter__chapterType { font-size: 20px; font-size: 1.25rem; font-family: "Roboto Condensed", sans-serif; margin-bottom: .5em; } .map-locations__type, .map-locations__subtype, .map-virtualchapter__type, .map-virtualchapter__subtype { font-size: 16px; font-size: 1rem; margin-bottom: .25em; } .map-locations__btn-vchapters, .map-virtualchapter__btn-vchapters { display: none; text-decoration: underline; } .map-locations__btn-vchapters.is-active, .map-virtualchapter__btn-vchapters.is-active { display: inline-block; } .map-locations .map-virtualchapter__chapter .map-virtualchapter__subtitle, .map-virtualchapter .map-virtualchapter__chapter .map-virtualchapter__subtitle { margin: 0; } .map-locations .map-virtualchapter__chapter .map-virtualchapter__subtitle:last-child, .map-virtualchapter .map-virtualchapter__chapter .map-virtualchapter__subtitle:last-child { margin-bottom: .5em; } .map-locations__date:before, .map-virtualchapter__date:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1152%201120v64q0%2014-9%2023t-23%209h-576q-14%200-23-9t-9-23v-64q0-14%209-23t23-9h576q14%200%2023%209t9%2023zm-1024%20544h1408v-1024h-1408v1024zm384-1216v-288q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v288q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm768%200v-288q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v288q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm384-64v1280q0%2052-38%2090t-90%2038h-1408q-52%200-90-38t-38-90v-1280q0-52%2038-90t90-38h128v-96q0-66%2047-113t113-47h64q66%200%20113%2047t47%20113v96h384v-96q0-66%2047-113t113-47h64q66%200%20113%2047t47%20113v96h128q52%200%2090%2038t38%2090z%22/%3E%3C/svg%3E"); } .map-locations__chair:before, .map-virtualchapter__chair:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1600%201405q0%20120-73%20189.5t-194%2069.5h-874q-121%200-194-69.5t-73-189.5q0-53%203.5-103.5t14-109%2026.5-108.5%2043-97.5%2062-81%2085.5-53.5%20111.5-20q9%200%2042%2021.5t74.5%2048%20108%2048%20133.5%2021.5%20133.5-21.5%20108-48%2074.5-48%2042-21.5q61%200%20111.5%2020t85.5%2053.5%2062%2081%2043%2097.5%2026.5%20108.5%2014%20109%203.5%20103.5zm-320-893q0%20159-112.5%20271.5t-271.5%20112.5-271.5-112.5-112.5-271.5%20112.5-271.5%20271.5-112.5%20271.5%20112.5%20112.5%20271.5z%22/%3E%3C/svg%3E"); } .map-locations__address:before, .map-virtualchapter__address:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1152%20640q0-106-75-181t-181-75-181%2075-75%20181%2075%20181%20181%2075%20181-75%2075-181zm256%200q0%20109-33%20179l-364%20774q-16%2033-47.5%2052t-67.5%2019-67.5-19-46.5-52l-365-774q-33-70-33-179%200-212%20150-362t362-150%20362%20150%20150%20362z%22/%3E%3C/svg%3E%0A"); } .map-locations__mail:before, .map-virtualchapter__mail:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1664%201504v-768q-32%2036-69%2066-268%20206-426%20338-51%2043-83%2067t-86.5%2048.5-102.5%2024.5h-2q-48%200-102.5-24.5t-86.5-48.5-83-67q-158-132-426-338-37-30-69-66v768q0%2013%209.5%2022.5t22.5%209.5h1472q13%200%2022.5-9.5t9.5-22.5zm0-1051v-24.5l-0.5-13-3-12.5-5.5-9-9-7.5-14-2.5h-1472q-13%200-22.5%209.5t-9.5%2022.5q0%20168%20147%20284%20193%20152%20401%20317%206%205%2035%2029.5t46%2037.5%2044.5%2031.5%2050.5%2027.5%2043%209h2q20%200%2043-9t50.5-27.5%2044.5-31.5%2046-37.5%2035-29.5q208-165%20401-317%2054-43%20100.5-115.5t46.5-131.5zm128-37v1088q0%2066-47%20113t-113%2047h-1472q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h1472q66%200%20113%2047t47%20113z%22/%3E%3C/svg%3E"); } .map-locations__phone:before, .map-virtualchapter__phone:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1600%201240q0%2027-10%2070.5t-21%2068.5q-21%2050-122%20106-94%2051-186%2051-27%200-52.5-3.5t-57.5-12.5-47.5-14.5-55.5-20.5-49-18q-98-35-175-83-128-79-264.5-215.5t-215.5-264.5q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47.5-12.5-57.5-3.5-52.5q0-92%2051-186%2056-101%20106-122%2025-11%2068.5-21t70.5-10q14%200%2021%203%2018%206%2053%2076%2011%2019%2030%2054t35%2063.5%2031%2053.5q3%204%2017.5%2025t21.5%2035.5%207%2028.5q0%2020-28.5%2050t-62%2055-62%2053-28.5%2046q0%209%205%2022.5t8.5%2020.5%2014%2024%2011.5%2019q76%20137%20174%20235t235%20174q2%201%2019%2011.5t24%2014%2020.5%208.5%2022.5%205q18%200%2046-28.5t53-62%2055-62%2050-28.5q14%200%2028.5%207t35.5%2021.5%2025%2017.5q25%2015%2053.5%2031t63.5%2035%2054%2030q70%2035%2076%2053%203%207%203%2021z%22/%3E%3C/svg%3E"); } .map-locations__fax:before, .map-virtualchapter__fax:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M288%20384q66%200%20113%2047t47%20113v1088q0%2066-47%20113t-113%2047h-128q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h128zm1376%20163q58%2034%2093%2093t35%20128v768q0%20106-75%20181t-181%2075h-864q-66%200-113-47t-47-113v-1536q0-40%2028-68t68-28h672q40%200%2088%2020t76%2048l152%20152q28%2028%2048%2076t20%2088v163zm-736%20989v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm256%20512v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm256%20512v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm96-384v-256h-160q-40%200-68-28t-28-68v-160h-640v512h896z%22/%3E%3C/svg%3E%0A"); } .map-locations__url a, .map-virtualchapter__url a { word-break: break-all; } .map-locations__url:before, .map-virtualchapter__url:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1728%20992v-832q0-13-9.5-22.5t-22.5-9.5h-1600q-13%200-22.5%209.5t-9.5%2022.5v832q0%2013%209.5%2022.5t22.5%209.5h1600q13%200%2022.5-9.5t9.5-22.5zm128-832v1088q0%2066-47%20113t-113%2047h-544q0%2037%2016%2077.5t32%2071%2016%2043.5q0%2026-19%2045t-45%2019h-512q-26%200-45-19t-19-45q0-14%2016-44t32-70%2016-78h-544q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h1600q66%200%20113%2047t47%20113z%22/%3E%3C/svg%3E"); } .list-component { padding: 1rem 1rem 1em; } .list-component h2, .list-component h3, .list-component h4, .list-component h5, .list-component h6, .list-component time { padding-right: 0; padding-left: 0; } .list-component time { font-size: .95rem; } .list-component__list-level { margin-bottom: .5em !important; } .list-component__list-item { margin-bottom: .5em; } .list-component__list-item--inline { padding-left: .75em; } .list-component__list-item--inline > * { display: inline; } .list-component__list-item .item-component__item-level { font-size: 1rem; } .list-component-pagination { background: #fff; margin: 0 auto; max-width: 275px; } .list-component-pagination__prev, .list-component-pagination__first, .list-component-pagination__last, .list-component-pagination__next { cursor: pointer; height: 1em; width: 1em; padding-bottom: 4px; } .list-component-pagination__counter { margin-left: .5em; } .list-component-pagination__left, .list-component-pagination__prev, .list-component-pagination__first, .list-component-pagination__right, .list-component-pagination__last, .list-component-pagination__next, .list-component-pagination__pages { display: inline-block; vertical-align: middle; text-align: center; margin-right: -4px; } .list-component-pagination__pages { color: #666; font-size: 12px; font-size: 0.75rem; padding-top: 2px; width: 55%; } .list-component-pagination__left, .list-component-pagination__right { background: #ececec; padding: 1px 0 3px 0; width: 22%; } .list-component-pagination__left { text-align: left; } .list-component-pagination__right { text-align: right; } .list-component-pagination__first, .list-component-pagination__last { width: 50%; } .list-component-pagination__next { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20576%201024%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%239D9D9D%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M576%20512c0%2017.3-6.3%2032.3-19%2045l-448%20448c-12.7%2012.7-27.7%2019-45%2019s-32.3-6.3-45-19S0%20977.3%200%20960V64c0-17.3%206.3-32.3%2019-45S46.7%200%2064%200s32.3%206.3%2045%2019l448%20448C569.7%20479.7%20576%20494.7%20576%20512z%22/%3E%3C/svg%3E"); } .list-component-pagination__next:hover { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20576%201024%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23005A83%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M576%20512c0%2017.3-6.3%2032.3-19%2045l-448%20448c-12.7%2012.7-27.7%2019-45%2019s-32.3-6.3-45-19S0%20977.3%200%20960V64c0-17.3%206.3-32.3%2019-45S46.7%200%2064%200s32.3%206.3%2045%2019l448%20448C569.7%20479.7%20576%20494.7%20576%20512z%22/%3E%3C/svg%3E"); } .list-component-pagination__prev { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20576%201024%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%239D9D9D%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M576%2064v896c0%2017.3-6.3%2032.3-19%2045s-27.7%2019-45%2019%20-32.3-6.3-45-19L19%20557C6.3%20544.3%200%20529.3%200%20512s6.3-32.3%2019-45L467%2019c12.7-12.7%2027.7-19%2045-19s32.3%206.3%2045%2019S576%2046.7%20576%2064z%22/%3E%3C/svg%3E"); } .list-component-pagination__prev:hover { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20576%201024%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23005A83%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M576%2064v896c0%2017.3-6.3%2032.3-19%2045s-27.7%2019-45%2019%20-32.3-6.3-45-19L19%20557C6.3%20544.3%200%20529.3%200%20512s6.3-32.3%2019-45L467%2019c12.7-12.7%2027.7-19%2045-19s32.3%206.3%2045%2019S576%2046.7%20576%2064z%22/%3E%3C/svg%3E"); } .list-component-pagination__last { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201542%201539%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%239D9D9D%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45%201524.6c-12.7%2012.7-23.3%2017-32%2013%20-8.7-4-13-14.7-13-32V33.4c0-17.3%204.3-28%2013-32s19.3%200.3%2032%2013l710%20710.1c5.3%205.3%209.7%2011.7%2013%2019V33.4c0-17.3%204.3-28%2013-32s19.3%200.3%2032%2013l710%20710.1c12.7%2012.7%2019%2027.7%2019%2045%200%2017.3-6.3%2032.3-19%2045l-710%20710.1c-12.7%2012.7-23.3%2017-32%2013%20-8.7-4-13-14.7-13-32V795.5c-3.3%206.7-7.7%2013-13%2019L45%201524.6z%22/%3E%3C/svg%3E"); } .list-component-pagination__last:hover { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201542%201539%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23005A83%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45%201524.6c-12.7%2012.7-23.3%2017-32%2013%20-8.7-4-13-14.7-13-32V33.4c0-17.3%204.3-28%2013-32s19.3%200.3%2032%2013l710%20710.1c5.3%205.3%209.7%2011.7%2013%2019V33.4c0-17.3%204.3-28%2013-32s19.3%200.3%2032%2013l710%20710.1c12.7%2012.7%2019%2027.7%2019%2045%200%2017.3-6.3%2032.3-19%2045l-710%20710.1c-12.7%2012.7-23.3%2017-32%2013%20-8.7-4-13-14.7-13-32V795.5c-3.3%206.7-7.7%2013-13%2019L45%201524.6z%22/%3E%3C/svg%3E"); } .list-component-pagination__first { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201542%201539%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%239D9D9D%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1497%2014.4c12.7-12.7%2023.3-17%2032-13s13%2014.7%2013%2032v1472.1c0%2017.3-4.3%2028-13%2032%20-8.7%204-19.3-0.3-32-13L787%20814.5c-5.3-6-9.7-12.3-13-19v710.1c0%2017.3-4.3%2028-13%2032%20-8.7%204-19.3-0.3-32-13L19%20814.5c-12.7-12.7-19-27.7-19-45%200-17.3%206.3-32.3%2019-45L729%2014.4c12.7-12.7%2023.3-17%2032-13s13%2014.7%2013%2032v710.1c3.3-7.3%207.7-13.7%2013-19L1497%2014.4z%22/%3E%3C/svg%3E"); } .list-component-pagination__first:hover { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201542%201539%22%3E%3Cstyle%20type%3D%22text/css%22%3E%20%20%0A%09.st0%7Bfill%3A%23005A83%3B%7D%0A%3C/style%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M1497%2014.4c12.7-12.7%2023.3-17%2032-13s13%2014.7%2013%2032v1472.1c0%2017.3-4.3%2028-13%2032%20-8.7%204-19.3-0.3-32-13L787%20814.5c-5.3-6-9.7-12.3-13-19v710.1c0%2017.3-4.3%2028-13%2032%20-8.7%204-19.3-0.3-32-13L19%20814.5c-12.7-12.7-19-27.7-19-45%200-17.3%206.3-32.3%2019-45L729%2014.4c12.7-12.7%2023.3-17%2032-13s13%2014.7%2013%2032v710.1c3.3-7.3%207.7-13.7%2013-19L1497%2014.4z%22/%3E%3C/svg%3E"); } /* Jobs Widget CSS */ .jobs-widget { padding-top: .625rem; /*This is the container for the entire widget*/ /*Changes Links*/ } .jobs-widget .shadowed { padding-bottom: 0; } .jobs-widget .widgetwrapper { font-family: Arial, Helvetica, sans-serif; min-width: 260px; min-width: 178px; width: 100%; background-color: #fff; /*Search bar elements*/ /* Style the buttons */ } .jobs-widget .widgetwrapper .search { max-width: 600px; padding-right: 16px; } .jobs-widget .widgetwrapper .image { padding: 1rem; /* border-bottom: 1px solid #ccc; */ } .jobs-widget .widgetwrapper .image img { vertical-align: top; width: 100%; } .jobs-widget .widgetwrapper .title { padding: 5px 1rem; line-height: 1; } .jobs-widget .widgetwrapper .title h2 { color: #005a83; margin: 8px 0; } .jobs-widget .jt_content { display: -ms-flexbox; display: flex; padding: 6px; margin: 0; } .jobs-widget .search_bar { -ms-flex: 3 0 110px; flex: 3 0 110px; box-sizing: border-box; width: 110px; height: 27px; border: 1px solid #DDDDDD; padding: 6px; margin: 0; color: #6c6c6c; font-family: arial,trebuchet ms,arial,verdana,helvetica; } .jobs-widget .search_submit { background: url("../images/searchbutton.gif") no-repeat scroll 0 0 transparent; height: 27px; width: 46px; border: none; cursor: pointer; } .jobs-widget .jt_job_list { margin: 0px 6px 5px; /* Changes the appearance of each jobs */ } .jobs-widget .jt_job_list a { text-decoration: none; line-height: 18px; } .jobs-widget .jt_job_list a:link, .jobs-widget .jt_job_list a:visited, .jobs-widget .jt_job_list a:active, .jobs-widget .jt_job_list a:hover { text-decoration: none; } .jobs-widget .jt_job_list .jt_row { background: #fff; border-bottom: solid 2px #ccc; } .jobs-widget .jt_job_list .jt_job { padding: 7px; } .jobs-widget .jt_job_list .jt_alljobs { padding: 7px 7px 0; } .jobs-widget .jt_job_list .jt_job_position { font-size: 16px; } .jobs-widget .jt_job_list .jt_job_location { font-size: 13px; margin-right: 2px; color: #5D5D5D; } .jobs-widget .jt_job_list .jt_job_company { font-size: 13px; color: #5D5D5D; font-weight: bold; } .jobs-widget .rss { height: 225px; overflow: auto; clear: both; } .jobs-widget .crop { max-height: 250px; overflow: hidden; } .section-nav--simple-nav .section-nav-wrapper { display: none; } /* YouTube TV */ /* Base Canvas */ .ytv-canvas { display: block; background: #282828; overflow: hidden; font-family: arial, sans-serif; } .ytv-canvas ::-webkit-scrollbar { border-left: 1px solid #000; width: 10px; } .ytv-canvas ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.1); } /* Video */ .ytv-video { position: absolute; top: 0; right: 300px; bottom: 0; left: 0; height: 100%; } .ytv-video iframe { width: 100%; height: 100%; border: none; outline: none; display: block; } /* List */ .ytv-list { position: absolute; top: 0; right: 0; bottom: 0; height: 100%; min-height: 342px; width: 300px; } .ytv-list-inner { overflow: auto; position: absolute; top: 52px; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; } .ytv-list ul { margin: 0; padding: 0; list-style-type: none; } .ytv-list .ytv-active a { border-left: 2px solid #fff; background: rgba(255, 255, 255, 0.05); } .ytv-list a { display: block; text-decoration: none; font-size: 11px; color: #FEFEFE; padding: 10px; padding-left: 8px; border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.5); border-left: 2px solid transparent; } .ytv-list a b { max-height: 45px; overflow: hidden; display: block; text-overflow: ellipsis; } .ytv-list li:first-child a { border-top: none; } .ytv-list li:last-child a { border-bottom: none; } .ytv-list a:hover, .ytv-list-header .ytv-playlists a:hover { background: rgba(255, 255, 255, 0.05); } .ytv-list a:active, .ytv-list-header .ytv-playlists a:active { background: rgba(0, 0, 0, 0.05); } .ytv-list .ytv-content { padding-left: 125px; } .ytv-list .ytv-thumb-stroke { position: absolute; top: 1px; left: 1px; bottom: 1px; right: 1px; z-index: 2; outline: 1px solid rgba(255, 255, 255, 0.1); } .ytv-list .ytv-thumb { float: left; position: relative; outline: 1px solid rgba(0, 0, 0, 0.5); } .ytv-list .ytv-thumb img { width: 120px; display: block; } .ytv-list .ytv-thumb span { position: absolute; bottom: 5px; right: 5px; color: #eee; background: rgba(0, 0, 0, 0.7); font-size: 11px; font-weight: bold; padding: 0px 4px; border-radius: 3px; } .ytv-views { display: block; margin-top: 5px; font-size: 10px; font-weight: normal; opacity: 0.3; } .ytv-list-header { height: 52px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .ytv-list-header a { background: rgba(255, 255, 255, 0.05); position: relative; z-index: 10; } .ytv-list-header img, .ytv-list .ytv-playlists .ytv-thumb img { width: 30px; vertical-align: middle; } .ytv-list-header span { padding-left: 10px; font-size: 12px; font-weight: bold; } /* Playlists */ .ytv-playlists { z-index: 9; position: absolute; background: #282828; top: 52px; left: 0; right: 0; bottom: 0; overflow: auto; display: none; } .ytv-playlists img, .ytv-list-header img { float: left; } .ytv-playlists a span, .ytv-list-header a span { white-space: nowrap; padding-left: 10px; display: block; overflow: hidden; text-overflow: ellipsis; } .ytv-list-header > a span { line-height: 30px; } .ytv-list-header .ytv-playlists a { background: none; } .ytv-playlist-open .ytv-playlists { display: block; } /* Modifiers */ .ytv-relative { position: relative; width: 100%; height: 100%; } .ytv-full { position: fixed; top: 0; left: 0; width: 100% !important; height: 100% !important; margin: 0 !important; } .ytv-arrow { height: 10px; width: 0; position: relative; top: 10px; right: 5px; border: 10px solid transparent; float: right; border-top-color: rgba(0, 0, 0, 0.4); display: none; } .ytv-has-playlists .ytv-arrow { display: inline-block; } .ytv-playlist-open .ytv-arrow { border-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.4); top: -10px; } .ytv-list-header a:after, .ytv-clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .ytv-description { padding-top: 12px; } .video-page .video-wrapper { margin-bottom: 40px; } .video-page .asset-link { margin: 15px 0; } .awards-winners { /* ========================================================================== Profile ========================================================================== */ /* ========================================================================== Citation ========================================================================== */ /* ========================================================================== Realted content ========================================================================== */ } .awards-winners__name { font-weight: 500; font-family: "Roboto", sans-serif; margin-right: .5em; font-size: 1.875rem; padding: 0; } .awards-winners__citations { margin-top: 20px; } .awards-winners__citations, .awards-winners__profile { float: right; } .awards-winners__dl, .awards-winners__name { display: inline-block; vertical-align: middle; } .awards-winners__citation-link .fa-file-pdf-o { margin-left: 10px; } .awards-winners__dl img { max-width: 40px; } .awards-winners__citation-list { list-style: none; padding: 0; margin: 0 !important; } .awards-winners__citation-list li { background: #ececec; display: inline-block; margin: 0 .5em .5em 0; vertical-align: middle; } .awards-winners__citation-list:last-child { margin-right: 0; } .awards-winners__citation-list a { display: block; padding: .5em; } .awards-winners__citation-list a:after { margin-left: .5em; } .awards-winners__citation-body { padding: 0 0 3em; } .awards-winners__turing-url { display: block; } @media only screen and (min-width: 640px) { .awards-winners__profile { margin-top: -60px; } } .awards-winners__profile figure { display: block; margin-top: 1rem; } .awards-winners__profile figure img { width: 100%; } .awards-winners__profile figcaption { display: block; } .awards-winners__profile-winner, .awards-winners__citation-title, .awards-winners__citation-label { font-size: 14px; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; letter-spacing: .05rem; } .awards-winners__profile-name { font-weight: normal; font-style: normal; color: #2f2f36; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.8em; line-height: 1.4; font-family: "Roboto Condensed", sans-serif; letter-spacing: -.5px; margin-bottom: 0.2em; font-size: 18px; font-size: 1.125rem; margin: .5rem 0; } .awards-winners__profile-list { list-style: none; margin: 0; padding: 0; } .awards-winners__profile-list a { font-size: 16px; font-size: 1rem; font-family: "Roboto Condensed", sans-serif; } .awards-winners__citation { border-bottom: 1px solid #c4c4c4; padding-bottom: 1.5rem; margin-bottom: 1.5rem; } .awards-winners__citation h2 { font-family: "Roboto", sans-serif; font-size: 1.5rem; margin: 0; padding: 0; margin-bottom: .5em; } .awards-winners__citation h3 { font-size: 16px; font-size: 1rem; margin: 0; padding: 0; margin-bottom: .7em; display: inline-block; } .awards-winners__citation:last-child { border: 0; } .awards-winners__citation-title { font-size: 16px; font-size: 1rem; margin-bottom: 7px; } .awards-winners__citation-label { font-size: 13px; font-size: 0.8125rem; margin-bottom: 7px; } .awards-winners__citation-link { display: block; margin: 2rem 0; } .awards-winners__citation-short { font-style: italic; } .awards-winners__citation-text { font-size: .875rem; line-height: 1.2; margin-bottom: 1.25rem; } .awards-winners__related-content { margin-top: 1.5em; } .awards-winners__related-content > a:first-child { font-family: "Roboto", sans-serif; font-weight: bold; } .awards-winners__related-content-body { margin: .5em 0; } .awards-gallery .gallery__subtitle { font-size: 16px; font-size: 1rem; } .awards-gallery .gallery__grid:after { content: ''; display: block; clear: both; } .awards-gallery .gallery__grid figure figcaption { margin: 0; } .awards-gallery .gallery__sizer, .awards-gallery .gallery__item { width: 100%; } @media screen and (min-width: 480px) { .awards-gallery .gallery__sizer, .awards-gallery .gallery__item { width: 32%; } } .awards-gallery .gallery__gutter { width: 2%; } .awards-gallery .gallery__item { background: #DDD; float: left; padding: 1rem; margin: 0 0 2% 0; } .awards-gallery .gallery__item img { display: block; /* If responsive */ width: 100%; /* max-width: 100%; */ } .shadowed + .awards-search { background: #efefef; } .awards-search { background: #efefef; padding-top: 2em; /*=============================================>>>>> = Awards Search List View = ===============================================>>>>>*/ /* ========================================================================== Form ========================================================================== */ } @media (min-width: 768px) { .awards-search { background: #efefef; padding-top: 2em; background: #fff; } } .awards-search img { max-width: 40px; min-width: 40px; } .awards-search--isMobile { background: #efefef; padding-top: 1em; } .awards-search__title { padding: 0 0 .5em 0; } .awards-search__title--small { font-size: 0.9em; margin-bottom: 0.2rem; } .awards-search__footer .visibleOnMobile { display: none; } @media (max-width: 767px) { .awards-search__footer.hiddenOnMobile * { display: none; } .awards-search__footer.hiddenOnMobile *.visibleOnMobile { display: block; } } .awards-search__listByYear ul { margin: 0; padding: 0; } .awards-search__listByYear li { display: inline-block; margin-right: -4px; vertical-align: top; width: 100%; } .awards-search--list-head { margin-bottom: 1em; } .awards-search--list-mobile .awards-search__listByYear ul li { width: 100%; } .awards-search--list__multicolumns { column-width: 100%; column-count: 1; column-gap: 0; } @media (min-width: 768px) { .awards-search--list__multicolumns { column-width: 33.3333%; column-count: 3; column-gap: 2em; } } .awards-search__listByYear { break-inside: avoid; } .awards-search__listByYear ul { margin-bottom: 0 !important; padding-bottom: 1.5em; } .awards-search__form ul { list-style-type: none; margin: 0; padding: 0; } .awards-search__form #year { width: 100%; } @media (min-width: 768px) { .awards-search__form #year { width: 50%; } } .awards-search__form--isMobile ul { list-style-type: none; margin: 0; padding: 0; } .awards-search__form--isMobile #year { width: 100%; } @media (min-width: 768px) { .awards-search__form--isMobile #year { width: 50%; } } .awards-search__form--isMobile label { display: none; } .awards-search__form--isMobile #region { display: none; } .awards-search__form--fullWidth ul { list-style-type: none; margin: 0; padding: 0; } .awards-search__form--fullWidth #year { width: 100%; } @media (min-width: 768px) { .awards-search__form--fullWidth #year { width: 50%; } } .awards-search__form--fullWidth .row { background: #efefef; } .awards-search__form--fullWidth .row > .columns:nth-child(3) { display: none; } .awards-search__form--fullWidth label[for="year"], .awards-search__form--fullWidth label[for="region"] { display: none; } @media (min-width: 768px) { .awards-search__form--fullWidth .row { background: #fff; } .awards-search__form--fullWidth .row > .columns:nth-child(3) { display: block; } .awards-search__form--fullWidth #year { width: 100%; } } @media (min-width: 961px) { .awards-search__form--fullWidth label[for="year"], .awards-search__form--fullWidth label[for="region"] { display: block; } } .awards-search--list .awards-headings__h1 { margin-bottom: 0; } .awards-search__input.button { background-color: #046f60; font-family: "Roboto", sans-serif; padding-right: 6px; padding-left: 6px; padding-top: 9px; padding-bottom: 10px; width: 100%; } .awards-search__input.button:hover { background-color: #03564b; } /* ========================================================================== Table ========================================================================== */ .isMobileTable { background: #efefef; } @media (min-width: 800px) { .isMobileTable { display: none; } } .awards-tables { /* ========================================================================== Commitees ========================================================================== */ } .awards-tables__caption { background: #efefef; padding-left: 1em; padding-top: 1em; text-align: left; width: 100%; } .awards-tables__caption p { margin-bottom: .5em; } .awards-tables--isMobile { display: table; width: 100%; background-color: transparent; } .awards-tables--isMobile tbody td, .awards-tables--isMobile tbody th, .awards-tables--isMobile thead td, .awards-tables--isMobile thead th { border: 0; text-align: left; } .awards-tables--isMobile tbody td:nth-child(2), .awards-tables--isMobile tbody th:nth-child(2), .awards-tables--isMobile thead td:nth-child(2), .awards-tables--isMobile thead th:nth-child(2) { max-width: 250px; } .awards-tables--isMobile tbody td:last-child, .awards-tables--isMobile tbody th:last-child, .awards-tables--isMobile thead td:last-child, .awards-tables--isMobile thead th:last-child { text-align: center; } .awards-tables--isMobile tbody td:last-child img, .awards-tables--isMobile thead td:last-child img { width: 30px; min-width: 30px; } .awards-tables--isMobile thead, .awards-tables--isMobile thead tr:nth-of-type(odd) { background: #e2e2e2; } .awards-tables--isMobile thead { background-color: transparent; } .awards-tables--isMobile thead tr th { border: 0; padding: 10px; } .awards-tables--isMobile thead tr:first-child { background-color: transparent; } .awards-tables--isMobile thead tr:first-child th { text-align: left; } .awards-tables--isMobile thead tr:first-child th .awards-search__title--small { margin: 0; padding: 0; } .awards-tables--isMobile tbody tr td { padding: 10px; vertical-align: middle; } .awards-tables--isMobile tbody tr td img { max-width: none; width: 40px; } .awards-tables--isMobile tbody tr td img[alt="Email"] { width: 35px; } .awards-tables--isMobile tbody tr:nth-child(odd) { background: #fff; } .awards-tables--isMobile tbody tr:nth-child(even) { background: #efefef; } .awards-tables--isMobile th { font-weight: bold; color: #000; } .awards-tables--isMobile thead { background-color: #e2e2e2; } .awards-tables--isMobile thead tr th { padding: 0; } .awards-tables--isMobile thead tr th a { padding: 10px; color: #000; } .awards-tables--isMobile thead tr th:last-child { text-align: center; padding: 10px; } .awards-tables--isMobile td:first-child, .awards-tables--isMobile th:first-child { width: 100%; } .awards-tables--isMobile td.header, .awards-tables--isMobile th.header { position: relative; } .awards-tables--isMobile td.header a, .awards-tables--isMobile th.header a { width: 100%; display: block; } .awards-tables--isMobile td.header, .awards-tables--isMobile th.header { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxLjUgMyIgaGVpZ2h0PSIzIiB3aWR0aD0iNiIgdmVyc2lvbj0iMS4xIiB4PSIxMnB4IiB5PSIwcHgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iNS45OTIgMCAyLjk5MiAzIC0wLjAwOCAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yNDIpIi8+PC9zdmc+DQo=), url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmlld0JveD0iMCAwIDEuNSAzIiBoZWlnaHQ9IjMiIHdpZHRoPSI2IiB2ZXJzaW9uPSIxLjEiIHk9IjBweCIgeD0iMTJweCIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iMi45OTIgMyAtMC4wMDggMCA1Ljk5MiAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsLTEsMy43NDIsMykiLz48L3N2Zz4NCg==); background-repeat: no-repeat; background-position: calc(100% - 20px) calc(50% + 3px), calc(100% - 20px) calc(50% - 3px); background-size: 9px 5px, 9px 5px; } .awards-tables--isMobile td.header.headerSortDown, .awards-tables--isMobile th.header.headerSortDown { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmlld0JveD0iMCAwIDEuNSAzIiBoZWlnaHQ9IjMiIHdpZHRoPSI2IiB2ZXJzaW9uPSIxLjEiIHk9IjBweCIgeD0iMTJweCIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iMi45OTIgMyAtMC4wMDggMCA1Ljk5MiAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsLTEsMy43NDIsMykiLz48L3N2Zz4NCg==); background-repeat: no-repeat; background-position: calc(100% - 20px) 17px; background-size: 9px 5px; } .awards-tables--isMobile td.header.headerSortUp, .awards-tables--isMobile th.header.headerSortUp { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxLjUgMyIgaGVpZ2h0PSIzIiB3aWR0aD0iNiIgdmVyc2lvbj0iMS4xIiB4PSIxMnB4IiB5PSIwcHgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iNS45OTIgMCAyLjk5MiAzIC0wLjAwOCAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yNDIpIi8+PC9zdmc+DQo=); background-repeat: no-repeat; background-position: calc(100% - 20px) 17px; background-size: 9px 5px; } @media (max-width: 767px) { .awards-tables--isMobile.hiddenOnMobile tbody tr { display: none; } .awards-tables--isMobile.hiddenOnMobile tbody tr:nth-child(1), .awards-tables--isMobile.hiddenOnMobile tbody tr:nth-child(2), .awards-tables--isMobile.hiddenOnMobile tbody tr:nth-child(3) { display: table-row; } } .awards-tables--fullWidth { display: table; width: 100%; } .awards-tables--fullWidth tbody td, .awards-tables--fullWidth tbody th, .awards-tables--fullWidth thead td, .awards-tables--fullWidth thead th { border: 0; text-align: left; } .awards-tables--fullWidth tbody td:nth-child(2), .awards-tables--fullWidth tbody th:nth-child(2), .awards-tables--fullWidth thead td:nth-child(2), .awards-tables--fullWidth thead th:nth-child(2) { max-width: 250px; } .awards-tables--fullWidth tbody td:last-child, .awards-tables--fullWidth tbody th:last-child, .awards-tables--fullWidth thead td:last-child, .awards-tables--fullWidth thead th:last-child { text-align: center; } .awards-tables--fullWidth tbody td:last-child img, .awards-tables--fullWidth thead td:last-child img { width: 30px; min-width: 30px; } .awards-tables--fullWidth thead, .awards-tables--fullWidth thead tr:nth-of-type(odd) { background: #e2e2e2; } .awards-tables--fullWidth thead { background-color: transparent; } .awards-tables--fullWidth thead tr th { border: 0; padding: 10px; } .awards-tables--fullWidth thead tr:first-child { background-color: transparent; } .awards-tables--fullWidth thead tr:first-child th { text-align: left; } .awards-tables--fullWidth thead tr:first-child th .awards-search__title--small { margin: 0; padding: 0; } .awards-tables--fullWidth tbody tr td { padding: 10px; vertical-align: middle; } .awards-tables--fullWidth tbody tr td img { max-width: none; width: 40px; } .awards-tables--fullWidth tbody tr td img[alt="Email"] { width: 35px; } .awards-tables--fullWidth tbody tr:nth-child(odd) { background: #fff; } .awards-tables--fullWidth tbody tr:nth-child(even) { background: #efefef; } .awards-tables--fullWidth th { font-weight: bold; color: #000; } .awards-tables--fullWidth thead { background-color: #e2e2e2; } .awards-tables--fullWidth thead tr th { padding: 0; } .awards-tables--fullWidth thead tr th a { padding: 10px; color: #000; } .awards-tables--fullWidth thead tr th:last-child { text-align: center; padding: 10px; } .awards-tables--fullWidth td, .awards-tables--fullWidth th { border: 0; display: none; } .awards-tables--fullWidth td:last-child, .awards-tables--fullWidth td:nth-child(1), .awards-tables--fullWidth th:last-child, .awards-tables--fullWidth th:nth-child(1) { display: table-cell; } .awards-tables--fullWidth td:last-child, .awards-tables--fullWidth th:last-child { text-align: center; } .awards-tables--fullWidth td:last-child, .awards-tables--fullWidth td:nth-child(4), .awards-tables--fullWidth th:last-child, .awards-tables--fullWidth th:nth-child(4) { width: 10%; } .awards-tables--fullWidth td.header, .awards-tables--fullWidth th.header { position: relative; } .awards-tables--fullWidth td.header a, .awards-tables--fullWidth th.header a { width: 100%; display: block; } .awards-tables--fullWidth td.header, .awards-tables--fullWidth th.header { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxLjUgMyIgaGVpZ2h0PSIzIiB3aWR0aD0iNiIgdmVyc2lvbj0iMS4xIiB4PSIxMnB4IiB5PSIwcHgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iNS45OTIgMCAyLjk5MiAzIC0wLjAwOCAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yNDIpIi8+PC9zdmc+DQo=), url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmlld0JveD0iMCAwIDEuNSAzIiBoZWlnaHQ9IjMiIHdpZHRoPSI2IiB2ZXJzaW9uPSIxLjEiIHk9IjBweCIgeD0iMTJweCIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iMi45OTIgMyAtMC4wMDggMCA1Ljk5MiAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsLTEsMy43NDIsMykiLz48L3N2Zz4NCg==); background-repeat: no-repeat; background-position: calc(100% - 20px) calc(50% + 3px), calc(100% - 20px) calc(50% - 3px); background-size: 9px 5px, 9px 5px; } .awards-tables--fullWidth td.header.headerSortDown, .awards-tables--fullWidth th.header.headerSortDown { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmlld0JveD0iMCAwIDEuNSAzIiBoZWlnaHQ9IjMiIHdpZHRoPSI2IiB2ZXJzaW9uPSIxLjEiIHk9IjBweCIgeD0iMTJweCIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iMi45OTIgMyAtMC4wMDggMCA1Ljk5MiAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSwwLDAsLTEsMy43NDIsMykiLz48L3N2Zz4NCg==); background-repeat: no-repeat; background-position: calc(100% - 20px) 17px; background-size: 9px 5px; } .awards-tables--fullWidth td.header.headerSortUp, .awards-tables--fullWidth th.header.headerSortUp { background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0ic3ZnMiIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHZpZXdCb3g9IjAgMCAxLjUgMyIgaGVpZ2h0PSIzIiB3aWR0aD0iNiIgdmVyc2lvbj0iMS4xIiB4PSIxMnB4IiB5PSIwcHgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj48cG9seWdvbiBpZD0icG9seWdvbjQiIHBvaW50cz0iNS45OTIgMCAyLjk5MiAzIC0wLjAwOCAwIiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi4yNDIpIi8+PC9zdmc+DQo=); background-repeat: no-repeat; background-position: calc(100% - 20px) 17px; background-size: 9px 5px; } @media (max-width: 900px) { .awards-tables--fullWidth td.header, .awards-tables--fullWidth th.header { background-position: calc(100%) calc(50% + 3px), calc(100%) calc(50% - 3px); } .awards-tables--fullWidth td.header.headerSortDown, .awards-tables--fullWidth th.header.headerSortDown { background-position: calc(100%) 17px; } .awards-tables--fullWidth td.header.headerSortUp, .awards-tables--fullWidth th.header.headerSortUp { background-position: calc(100%) 17px; } } @media (min-width: 480px) { .awards-tables--fullWidth td, .awards-tables--fullWidth th { display: table-cell; } .awards-tables--fullWidth td:first-child, .awards-tables--fullWidth th:first-child { width: 60px; } } @media (max-width: 767px) { .awards-tables--fullWidth.hiddenOnMobile tbody > tr { display: none; } .awards-tables--fullWidth.hiddenOnMobile tbody > tr:nth-child(1), .awards-tables--fullWidth.hiddenOnMobile tbody > tr:nth-child(2), .awards-tables--fullWidth.hiddenOnMobile tbody > tr:nth-child(3) { display: table-row; } } .awards-tables__dg-link { background-color: #046f60; font-family: "Roboto", sans-serif; padding: 9px 6px 10px; width: 100%; } .awards-tables__dg-link:hover { background-color: #03564b; } .awards-tables__dg-link:after { display: none; } .awards-tables--committee-fullWidth { display: table; width: 100%; background: #efefef; margin-top: .5em; margin-bottom: .5em; } .awards-tables--committee-fullWidth tbody td, .awards-tables--committee-fullWidth tbody th, .awards-tables--committee-fullWidth thead td, .awards-tables--committee-fullWidth thead th { border: 0; text-align: left; } .awards-tables--committee-fullWidth tbody td:nth-child(2), .awards-tables--committee-fullWidth tbody th:nth-child(2), .awards-tables--committee-fullWidth thead td:nth-child(2), .awards-tables--committee-fullWidth thead th:nth-child(2) { max-width: 250px; } .awards-tables--committee-fullWidth tbody td:last-child, .awards-tables--committee-fullWidth tbody th:last-child, .awards-tables--committee-fullWidth thead td:last-child, .awards-tables--committee-fullWidth thead th:last-child { text-align: center; } .awards-tables--committee-fullWidth tbody td:last-child img, .awards-tables--committee-fullWidth thead td:last-child img { width: 30px; min-width: 30px; } .awards-tables--committee-fullWidth thead, .awards-tables--committee-fullWidth thead tr:nth-of-type(odd) { background: #e2e2e2; } .awards-tables--committee-fullWidth thead { background-color: transparent; } .awards-tables--committee-fullWidth thead tr th { border: 0; padding: 10px; } .awards-tables--committee-fullWidth thead tr:first-child { background-color: transparent; } .awards-tables--committee-fullWidth thead tr:first-child th { text-align: left; } .awards-tables--committee-fullWidth thead tr:first-child th .awards-search__title--small { margin: 0; padding: 0; } .awards-tables--committee-fullWidth tbody tr td { padding: 10px; vertical-align: middle; } .awards-tables--committee-fullWidth tbody tr td img { max-width: none; width: 40px; } .awards-tables--committee-fullWidth tbody tr td img[alt="Email"] { width: 35px; } .awards-tables--committee-fullWidth tbody tr:nth-child(odd) { background: #fff; } .awards-tables--committee-fullWidth tbody tr:nth-child(even) { background: #efefef; } .awards-tables--committee-fullWidth th { font-weight: bold; color: #000; } .awards-tables--committee-fullWidth .awards-tables__caption { background-color: transparent; padding-left: .25em; padding-bottom: .5em; } .awards-tables--committee-fullWidth .awards-tables__name-link:after { display: none; } .awards-tables--committee-fullWidth td, .awards-tables--committee-fullWidth th { vertical-align: middle !important; } .awards-tables--committee-fullWidth td:last-child, .awards-tables--committee-fullWidth td:nth-child(3), .awards-tables--committee-fullWidth th:last-child, .awards-tables--committee-fullWidth th:nth-child(3) { text-align: center !important; width: 15% !important; } .awards-tables--committee-fullWidth td:nth-child(2), .awards-tables--committee-fullWidth th:nth-child(2) { min-width: 150px; } .awards-tables--committee-fullWidth td:last-child, .awards-tables--committee-fullWidth td:nth-child(3), .awards-tables--committee-fullWidth td .awards-tables__name-nolink, .awards-tables--committee-fullWidth th:last-child, .awards-tables--committee-fullWidth th:nth-child(3), .awards-tables--committee-fullWidth th .awards-tables__name-nolink { display: none; } @media (min-width: 480px) { .awards-tables--committee-fullWidth td:last-child, .awards-tables--committee-fullWidth td:nth-child(3), .awards-tables--committee-fullWidth th:last-child, .awards-tables--committee-fullWidth th:nth-child(3) { display: table-cell; } .awards-tables--committee-fullWidth td .awards-tables__name-nolink, .awards-tables--committee-fullWidth th .awards-tables__name-nolink { display: block; } .awards-tables--committee-fullWidth td .awards-tables__name-link, .awards-tables--committee-fullWidth th .awards-tables__name-link { display: none; } } .awards-tables--committee-isMobile { display: table; width: 100%; margin-bottom: .5em; margin-top: .5em; } .awards-tables--committee-isMobile tbody td, .awards-tables--committee-isMobile tbody th, .awards-tables--committee-isMobile thead td, .awards-tables--committee-isMobile thead th { border: 0; text-align: left; } .awards-tables--committee-isMobile tbody td:nth-child(2), .awards-tables--committee-isMobile tbody th:nth-child(2), .awards-tables--committee-isMobile thead td:nth-child(2), .awards-tables--committee-isMobile thead th:nth-child(2) { max-width: 250px; } .awards-tables--committee-isMobile tbody td:last-child, .awards-tables--committee-isMobile tbody th:last-child, .awards-tables--committee-isMobile thead td:last-child, .awards-tables--committee-isMobile thead th:last-child { text-align: center; } .awards-tables--committee-isMobile tbody td:last-child img, .awards-tables--committee-isMobile thead td:last-child img { width: 30px; min-width: 30px; } .awards-tables--committee-isMobile thead, .awards-tables--committee-isMobile thead tr:nth-of-type(odd) { background: #e2e2e2; } .awards-tables--committee-isMobile thead { background-color: transparent; } .awards-tables--committee-isMobile thead tr th { border: 0; padding: 10px; } .awards-tables--committee-isMobile thead tr:first-child { background-color: transparent; } .awards-tables--committee-isMobile thead tr:first-child th { text-align: left; } .awards-tables--committee-isMobile thead tr:first-child th .awards-search__title--small { margin: 0; padding: 0; } .awards-tables--committee-isMobile tbody tr td { padding: 10px; vertical-align: middle; } .awards-tables--committee-isMobile tbody tr td img { max-width: none; width: 40px; } .awards-tables--committee-isMobile tbody tr td img[alt="Email"] { width: 35px; } .awards-tables--committee-isMobile tbody tr:nth-child(odd) { background: #fff; } .awards-tables--committee-isMobile tbody tr:nth-child(even) { background: #efefef; } .awards-tables--committee-isMobile th { font-weight: bold; color: #000; } .awards-tables--committee-isMobile thead { background: #e2e2e2; } .awards-tables--committee-isMobile thead tr th:last-child { text-align: center; } .awards-tables--committee-isMobile td, .awards-tables--committee-isMobile th { vertical-align: middle !important; } .awards-tables--committee-isMobile td:last-child, .awards-tables--committee-isMobile td:nth-child(3), .awards-tables--committee-isMobile th:last-child, .awards-tables--committee-isMobile th:nth-child(3) { text-align: center; width: 15%; } .awards-tables--committee-isMobile td:nth-child(2), .awards-tables--committee-isMobile th:nth-child(2) { min-width: 150px; } .awards-tables--committee-isMobile td:last-child, .awards-tables--committee-isMobile td:nth-child(3), .awards-tables--committee-isMobile td .awards-tables__name-nolink, .awards-tables--committee-isMobile th:last-child, .awards-tables--committee-isMobile th:nth-child(3), .awards-tables--committee-isMobile th .awards-tables__name-nolink { display: none; } @media (min-width: 900px) { .awards-tables--committee-isMobile td:last-child, .awards-tables--committee-isMobile td:nth-child(3), .awards-tables--committee-isMobile th:last-child, .awards-tables--committee-isMobile th:nth-child(3) { display: table-cell; } .awards-tables--committee-isMobile td .awards-tables__name-nolink, .awards-tables--committee-isMobile th .awards-tables__name-nolink { display: block; } .awards-tables--committee-isMobile td .awards-tables__name-link, .awards-tables--committee-isMobile th .awards-tables__name-link { display: none; } } .awards-tables--committee-isMobile .awards-tables__name-link:after { display: none; } .awards-tables--committee-isMobile .awards-tables--nolink:after { display: none; } .awards-tables--committee-isMobile .awards-tables__caption { margin: 0; padding: .5px; } .awards-tables--committee-isMobile .awards-tables__caption h2, .awards-tables--committee-isMobile .awards-tables__caption h3 { margin: .5em; } @media (min-width: 1024px) { .awards-tables--committee-isMobile { display: table; overflow-x: auto; } } .awards-home-menu { margin-top: 1em; /* ========================================================================== Child elements ========================================================================== */ } .awards-home-menu li { background: #ececec; margin-bottom: 2px !important; } .awards-home-menu li:first-child { margin-top: 2px !important; } .awards-home-menu .panel__child + ul.right > li { margin-bottom: 0px; } .awards-home-menu .panel__child { padding-left: 3em; } .awards-home-menu .panel__child ul.right { color: #005a83; float: none !important; list-style-type: disc !important; margin-top: 0; margin-bottom: 0 !important; } .awards-home-menu .panel__child ul.right li { margin-top: -2px !important; } .awards-home-menu .panel__child ul.right a { padding-left: 0 !important; } .awards-home-menu .hst-cmseditmenu { bottom: -20px; } .awards-headings__h1 { font-family: "Roboto Condensed", sans-serif; margin-bottom: .5em; padding: 0; font-size: 24px; font-size: 1.5rem; } .awards-headings__h2 { font-family: "Roboto Condensed", sans-serif; margin-bottom: .5em; padding: 0; font-size: 20px; font-size: 1.25rem; } .awards-headings__h3 { margin-bottom: .5em; padding: 0; font-size: 18px; font-size: 1.125rem; } .awards-headings__h4 { margin-bottom: .5em; padding: 0; font-size: 16px; font-size: 1rem; } .awards-navigation { margin-bottom: 0; margin-top: .5em; } .awards-navigation__content { padding-top: 1.5em !important; padding-bottom: 1.5em !important; } .awards-navigation__link { color: #005a83 !important; cursor: pointer !important; display: inline-block; padding-right: 2em; } .awards-navigation__link:hover { color: #003750 !important; } .awards-navigation__link--title h2 { color: inherit !important; display: inline-block; padding-right: 0; } .awards-navigation__link--title h2:after { color: #005a83; } .awards-navigation__link--title:hover { color: #fff !important; } .awards-navigation .data-list { margin-bottom: 0; } .awards-navigation .data-list .accordion { margin-bottom: 0 !important; } .awards-navigation .data-list .accordion > .accordion-navigation > dl.accordion { margin-bottom: 0 !important; } .speakers .row { padding-left: 2rem; padding-right: 2rem; } .speakers .row.right-rail { padding-top: 1.3rem; padding-left: 0; padding-right: 0; } .speakers h1 { margin-top: 2rem; margin-bottom: .5rem; } .speakers h1.topic__name { /* margin-top: 0; */ } .speakers h1.countries__title { margin-bottom: 2rem; } .speakers h3 { padding-left: 1rem; } .speakers ul { padding-left: 2rem; } .speakers .dl-link { display: inline-block; vertical-align: middle; margin-left: .5em; } .speakers .dl-link img { max-width: 40px; } .speakers .lecture__section { padding-bottom: 30px; font-size: .875rem; line-height: 1.4; } .speaker__profile { float: right; } @media only screen and (min-width: 640px) { .speaker__profile { margin-top: -60px; } } .speaker__profile-img { width: 100%; } .speaker__profile-name { font-weight: normal; font-style: normal; color: #2f2f36; text-rendering: optimizeLegibility; margin-top: 0; margin-bottom: 0.8em; line-height: 1.4; font-family: "Roboto Condensed", sans-serif; letter-spacing: -.5px; margin-bottom: 0.2em; font-size: 18px; font-size: 1.125rem; margin: .5rem 0; } .speaker__body { margin-top: 20px; padding-left: 0; } .speaker__msg-box { border: solid 1px #000; padding: 10px; margin: 30px; } .speaker__section { margin-bottom: 30px; font-size: .875rem; line-height: 1.4; } .speaker__location { font-size: 1rem; } .topic__top { display: inline-block; margin-top: 2rem; } .topic h2 { font-size: 1.6rem; } .topic h3 { font-size: 1.1rem; } .italic { font-style: italic; } .calendar-list { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-size: 1rem; /*=============================================>>>>> = jQuery UI Date Picker = ===============================================>>>>>*/ /*=============================================>>>>> = Heading = ===============================================>>>>>*/ /*=============================================>>>>> = Map Chapters = ===============================================>>>>>*/ /*=============================================>>>>> = Icons = ===============================================>>>>>*/ } .calendar-list .cal__input { display: inline-block !important; width: 100%; } .calendar-list .update-btn { text-shadow: none; } @media screen and (min-width: 992px) { .calendar-list__filters { position: sticky; top: 2rem; } } .calendar-list__date-select { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .calendar-list__date-picker { margin-left: 1rem; margin-right: 1rem; } .calendar-list__date-picker input { margin-bottom: 0.5rem; } .calendar-list__dropdowns select { margin-bottom: 0.5rem; } .calendar-list .ui-datepicker { max-width: 100% !important; } .calendar-list .ui-datepicker .ui-corner-all { border-radius: 0 !important; } .calendar-list .ui-datepicker-current-day a, .calendar-list .ui-datepicker-current-day span { background: #3276b1 !important; border: 1px solid #fff !important; color: #fff !important; } .calendar-list .ui-datepicker .ui-state-active, .calendar-list .ui-datepicker .ui-widget-content .ui-state-active, .calendar-list .ui-datepicker .ui-widget-header .ui-state-active { background: #3276b1 !important; border: 1px solid #fff !important; color: #fff !important; } .calendar-list .ui-datepicker .ui-widget-header { background: #3276b1 !important; border: none !important; } .calendar-list .ui-datepicker .ui-datepicker-prev, .calendar-list .ui-datepicker .ui-datepicker-next { top: 50% !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .calendar-list .ui-datepicker .ui-datepicker-prev-hover, .calendar-list .ui-datepicker .ui-datepicker-prev-focus, .calendar-list .ui-datepicker .ui-datepicker-next-hover, .calendar-list .ui-datepicker .ui-datepicker-next-focus { background: #3276b1 !important; border: 1px solid #fff !important; top: 50% !important; -ms-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .calendar-list .ui-datepicker .ui-datepicker-prev::before, .calendar-list .ui-datepicker .ui-datepicker-next::before { display: block !important; content: "" !important; width: 24px !important; height: 24px !important; position: absolute !important; top: 50% !important; left: 50% !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; color: #ffff !important; } .calendar-list .ui-datepicker .ui-datepicker-prev span, .calendar-list .ui-datepicker .ui-datepicker-next span { display: none !important; } .calendar-list .ui-datepicker .ui-datepicker-prev-hover { left: 2px !important; } .calendar-list .ui-datepicker .ui-datepicker-prev::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23ffffff'%3E%3Cpath d='M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z'/%3E%3C/svg%3E"); } .calendar-list .ui-datepicker .ui-datepicker-next-hover, .calendar-list .ui-datepicker .ui-datepicker-next-focus { right: 2px !important; } .calendar-list .ui-datepicker .ui-datepicker-next::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='%23ffffff'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E"); } .calendar-list .ui-datepicker .ui-datepicker-calendar thead { display: block !important; width: 100% !important; } .calendar-list .ui-datepicker .ui-datepicker-calendar thead tr { width: 100% !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .calendar-list .ui-datepicker .ui-datepicker-calendar tbody { display: block !important; width: 100% !important; } .calendar-list .ui-datepicker .ui-datepicker-calendar tbody tr { width: 100% !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .calendar-list .ui-datepicker .ui-datepicker-calendar tbody tr td { width: 100% !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .calendar-list .ui-datepicker .ui-datepicker-calendar tbody tr td a, .calendar-list .ui-datepicker .ui-datepicker-calendar tbody tr td span { width: 100% !important; } .calendar-list__total { font-size: 24px; font-size: 1.5rem; color: #707070; font-family: "Roboto Condensed", sans-serif; } .calendar-list__event-date { color: #707070; font-family: "Roboto Condensed", sans-serif; font-size: 1.4rem; } .calendar-list__chapter { display: inline-block; margin-bottom: 1em; padding-right: 1.5em; vertical-align: top; width: 100%; } @media (min-width: 760px) { .calendar-list__chapter { width: 49%; } .calendar-list__chapter:nth-child(2n+2) { padding-right: 0; } } .calendar-list__chapter ul { line-height: 1; margin: 0; } .calendar-list__chapter li { display: block; padding-left: 1.6em; position: relative; } .calendar-list__chapter li:before { display: block; left: 0; position: absolute; top: 2px; width: 14px; } .calendar-list__title { font-size: 24px; font-size: 1.5rem; font-family: "Roboto Condensed", sans-serif; margin-bottom: .5em; } .calendar-list__sponsor-name { font-size: 16px; font-size: 1rem; margin-bottom: .25em; font-weight: bold; } .calendar-list__sponsor-name a::after { font-size: .85em; margin-left: 0.25em; } .calendar-list__type, .calendar-list__subtype { font-size: 14px; font-size: 0.875rem; margin-bottom: 0.5rem; } .calendar-list__date:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1152%201120v64q0%2014-9%2023t-23%209h-576q-14%200-23-9t-9-23v-64q0-14%209-23t23-9h576q14%200%2023%209t9%2023zm-1024%20544h1408v-1024h-1408v1024zm384-1216v-288q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v288q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm768%200v-288q0-14-9-23t-23-9h-64q-14%200-23%209t-9%2023v288q0%2014%209%2023t23%209h64q14%200%2023-9t9-23zm384-64v1280q0%2052-38%2090t-90%2038h-1408q-52%200-90-38t-38-90v-1280q0-52%2038-90t90-38h128v-96q0-66%2047-113t113-47h64q66%200%20113%2047t47%20113v96h384v-96q0-66%2047-113t113-47h64q66%200%20113%2047t47%20113v96h128q52%200%2090%2038t38%2090z%22/%3E%3C/svg%3E"); } .calendar-list__event-formt:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1600%201405q0%20120-73%20189.5t-194%2069.5h-874q-121%200-194-69.5t-73-189.5q0-53%203.5-103.5t14-109%2026.5-108.5%2043-97.5%2062-81%2085.5-53.5%20111.5-20q9%200%2042%2021.5t74.5%2048%20108%2048%20133.5%2021.5%20133.5-21.5%20108-48%2074.5-48%2042-21.5q61%200%20111.5%2020t85.5%2053.5%2062%2081%2043%2097.5%2026.5%20108.5%2014%20109%203.5%20103.5zm-320-893q0%20159-112.5%20271.5t-271.5%20112.5-271.5-112.5-112.5-271.5%20112.5-271.5%20271.5-112.5%20271.5%20112.5%20112.5%20271.5z%22/%3E%3C/svg%3E"); } .calendar-list__address:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1152%20640q0-106-75-181t-181-75-181%2075-75%20181%2075%20181%20181%2075%20181-75%2075-181zm256%200q0%20109-33%20179l-364%20774q-16%2033-47.5%2052t-67.5%2019-67.5-19-46.5-52l-365-774q-33-70-33-179%200-212%20150-362t362-150%20362%20150%20150%20362z%22/%3E%3C/svg%3E%0A"); } .calendar-list__mail:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1664%201504v-768q-32%2036-69%2066-268%20206-426%20338-51%2043-83%2067t-86.5%2048.5-102.5%2024.5h-2q-48%200-102.5-24.5t-86.5-48.5-83-67q-158-132-426-338-37-30-69-66v768q0%2013%209.5%2022.5t22.5%209.5h1472q13%200%2022.5-9.5t9.5-22.5zm0-1051v-24.5l-0.5-13-3-12.5-5.5-9-9-7.5-14-2.5h-1472q-13%200-22.5%209.5t-9.5%2022.5q0%20168%20147%20284%20193%20152%20401%20317%206%205%2035%2029.5t46%2037.5%2044.5%2031.5%2050.5%2027.5%2043%209h2q20%200%2043-9t50.5-27.5%2044.5-31.5%2046-37.5%2035-29.5q208-165%20401-317%2054-43%20100.5-115.5t46.5-131.5zm128-37v1088q0%2066-47%20113t-113%2047h-1472q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h1472q66%200%20113%2047t47%20113z%22/%3E%3C/svg%3E"); } .calendar-list__phone:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1600%201240q0%2027-10%2070.5t-21%2068.5q-21%2050-122%20106-94%2051-186%2051-27%200-52.5-3.5t-57.5-12.5-47.5-14.5-55.5-20.5-49-18q-98-35-175-83-128-79-264.5-215.5t-215.5-264.5q-48-77-83-175-3-9-18-49t-20.5-55.5-14.5-47.5-12.5-57.5-3.5-52.5q0-92%2051-186%2056-101%20106-122%2025-11%2068.5-21t70.5-10q14%200%2021%203%2018%206%2053%2076%2011%2019%2030%2054t35%2063.5%2031%2053.5q3%204%2017.5%2025t21.5%2035.5%207%2028.5q0%2020-28.5%2050t-62%2055-62%2053-28.5%2046q0%209%205%2022.5t8.5%2020.5%2014%2024%2011.5%2019q76%20137%20174%20235t235%20174q2%201%2019%2011.5t24%2014%2020.5%208.5%2022.5%205q18%200%2046-28.5t53-62%2055-62%2050-28.5q14%200%2028.5%207t35.5%2021.5%2025%2017.5q25%2015%2053.5%2031t63.5%2035%2054%2030q70%2035%2076%2053%203%207%203%2021z%22/%3E%3C/svg%3E"); } .calendar-list__fax:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M288%20384q66%200%20113%2047t47%20113v1088q0%2066-47%20113t-113%2047h-128q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h128zm1376%20163q58%2034%2093%2093t35%20128v768q0%20106-75%20181t-181%2075h-864q-66%200-113-47t-47-113v-1536q0-40%2028-68t68-28h672q40%200%2088%2020t76%2048l152%20152q28%2028%2048%2076t20%2088v163zm-736%20989v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm256%20512v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm256%20512v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm0-256v-128q0-14-9-23t-23-9h-128q-14%200-23%209t-9%2023v128q0%2014%209%2023t23%209h128q14%200%2023-9t9-23zm96-384v-256h-160q-40%200-68-28t-28-68v-160h-640v512h896z%22/%3E%3C/svg%3E%0A"); } .calendar-list__url a { word-break: break-all; } .calendar-list__url:before { content: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201792%201792%22%3E%3Cpath%20d%3D%22M1728%20992v-832q0-13-9.5-22.5t-22.5-9.5h-1600q-13%200-22.5%209.5t-9.5%2022.5v832q0%2013%209.5%2022.5t22.5%209.5h1600q13%200%2022.5-9.5t9.5-22.5zm128-832v1088q0%2066-47%20113t-113%2047h-544q0%2037%2016%2077.5t32%2071%2016%2043.5q0%2026-19%2045t-45%2019h-512q-26%200-45-19t-19-45q0-14%2016-44t32-70%2016-78h-544q-66%200-113-47t-47-113v-1088q0-66%2047-113t113-47h1600q66%200%20113%2047t47%20113z%22/%3E%3C/svg%3E"); } .calendar-list__facebook-url a { word-break: break-all; } .calendar-list__facebook-url::before { content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDQ0OCA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQwMCAzMkg0OEE0OCA0OCAwIDAgMCAwIDgwdjM1MmE0OCA0OCAwIDAgMCA0OCA0OGgxMzcuMjVWMzI3LjY5aC02M1YyNTZoNjN2LTU0LjY0YzAtNjIuMTUgMzctOTYuNDggOTMuNjctOTYuNDggMjcuMTQgMCA1NS41MiA0Ljg0IDU1LjUyIDQuODR2NjFoLTMxLjI3Yy0zMC44MSAwLTQwLjQyIDE5LjEyLTQwLjQyIDM4LjczVjI1Nmg2OC43OGwtMTEgNzEuNjloLTU3Ljc4VjQ4MEg0MDBhNDggNDggMCAwIDAgNDgtNDhWODBhNDggNDggMCAwIDAtNDgtNDh6Ii8+PC9zdmc+"); } .volunteer-person__heading { padding-bottom: 1.5rem; } .volunteer-person__dl, .volunteer-person__name { display: inline-block; vertical-align: middle; } .volunteer-person__name { font-family: "Roboto", sans-serif; font-size: 1.525rem; font-weight: 500; margin-bottom: 0; margin-right: .5em; padding: 0; } .volunteer-person__dl img { max-width: 30px; } .volunteer-person__position { font-weight: 400; line-height: 1.4; font-size: 14px; font-size: 0.875rem; margin-bottom: 1.25rem; } .volunteer-person__position a { text-decoration: underline; } #maincontent .volunteers { border-bottom: 2px solid #ebebeb; margin-bottom: -2px; } #maincontent .volunteers .content { display: none; padding: 1.5rem; } #maincontent .volunteers .content p { font-family: "Roboto", sans-serif; font-size: 10pt; } #maincontent .volunteers .highlighted { background-color: yellow; } #maincontent .volunteers h1 { font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; margin: 0; padding: .5rem 1rem; } #maincontent .volunteers h1 .has-children { color: #666; cursor: pointer; } #maincontent .volunteers h1 .has-children:before { content: '\f0da\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers h1 .has-children a { color: #666; } #maincontent .volunteers h1 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers h2 { font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; margin: 0; padding: .5rem 1rem; } #maincontent .volunteers h2 .has-children { color: #666; cursor: pointer; } #maincontent .volunteers h2 .has-children:before { content: '\f0da\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers h2 .has-children a { color: #666; } #maincontent .volunteers h2 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers h3 { font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; margin: 0; padding: .5rem 1rem; } #maincontent .volunteers h3 .has-children { color: #666; cursor: pointer; } #maincontent .volunteers h3 .has-children:before { content: '\f0da\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers h3 .has-children a { color: #666; } #maincontent .volunteers h3 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers h4 { font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; margin: 0; padding: .5rem 1rem; } #maincontent .volunteers h4 .has-children { color: #666; cursor: pointer; } #maincontent .volunteers h4 .has-children:before { content: '\f0da\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers h4 .has-children a { color: #666; } #maincontent .volunteers h4 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers h5 { font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; margin: 0; padding: .5rem 1rem; } #maincontent .volunteers h5 .has-children { color: #666; cursor: pointer; } #maincontent .volunteers h5 .has-children:before { content: '\f0da\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers h5 .has-children a { color: #666; } #maincontent .volunteers h5 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers h6 { font-family: "Roboto", sans-serif; font-size: 11pt; font-weight: 400; margin: 0; padding: .5rem 1rem; } #maincontent .volunteers h6 .has-children { color: #666; cursor: pointer; } #maincontent .volunteers h6 .has-children:before { content: '\f0da\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers h6 .has-children a { color: #666; } #maincontent .volunteers h6 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers > ul { background-color: #ebebeb; list-style: none; margin: 0; } #maincontent .volunteers li { margin: 0; } #maincontent .volunteers li > h1 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .volunteers li > h1 > a, #maincontent .volunteers li > h1 > span { color: #666; } #maincontent .volunteers li > h1:not(:first-of-type) { margin-top: -.2rem; } #maincontent .volunteers li > h2 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .volunteers li > h2 > a, #maincontent .volunteers li > h2 > span { color: #666; } #maincontent .volunteers li > h2:not(:first-of-type) { margin-top: -.2rem; } #maincontent .volunteers li > h3 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .volunteers li > h3 > a, #maincontent .volunteers li > h3 > span { color: #666; } #maincontent .volunteers li > h3:not(:first-of-type) { margin-top: -.2rem; } #maincontent .volunteers li > h4 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .volunteers li > h4 > a, #maincontent .volunteers li > h4 > span { color: #666; } #maincontent .volunteers li > h4:not(:first-of-type) { margin-top: -.2rem; } #maincontent .volunteers li > h5 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .volunteers li > h5 > a, #maincontent .volunteers li > h5 > span { color: #666; } #maincontent .volunteers li > h5:not(:first-of-type) { margin-top: -.2rem; } #maincontent .volunteers li > h6 { background-color: #cfcfcf; margin-bottom: .2rem; } #maincontent .volunteers li > h6 > a, #maincontent .volunteers li > h6 > span { color: #666; } #maincontent .volunteers li > h6:not(:first-of-type) { margin-top: -.2rem; } #maincontent .volunteers li.selected h1 { background-color: #006ca0; } #maincontent .volunteers li.selected h1 .has-children { color: white; cursor: pointer; } #maincontent .volunteers li.selected h1 .has-children:before { content: '\f0d7\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers li.selected h1 .has-children a { color: white; } #maincontent .volunteers li.selected h1 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers li.selected h2 { background-color: #006ca0; } #maincontent .volunteers li.selected h2 .has-children { color: white; cursor: pointer; } #maincontent .volunteers li.selected h2 .has-children:before { content: '\f0d7\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers li.selected h2 .has-children a { color: white; } #maincontent .volunteers li.selected h2 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers li.selected h3 { background-color: #006ca0; } #maincontent .volunteers li.selected h3 .has-children { color: white; cursor: pointer; } #maincontent .volunteers li.selected h3 .has-children:before { content: '\f0d7\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers li.selected h3 .has-children a { color: white; } #maincontent .volunteers li.selected h3 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers li.selected h4 { background-color: #006ca0; } #maincontent .volunteers li.selected h4 .has-children { color: white; cursor: pointer; } #maincontent .volunteers li.selected h4 .has-children:before { content: '\f0d7\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers li.selected h4 .has-children a { color: white; } #maincontent .volunteers li.selected h4 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers li.selected h5 { background-color: #006ca0; } #maincontent .volunteers li.selected h5 .has-children { color: white; cursor: pointer; } #maincontent .volunteers li.selected h5 .has-children:before { content: '\f0d7\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers li.selected h5 .has-children a { color: white; } #maincontent .volunteers li.selected h5 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers li.selected h6 { background-color: #006ca0; } #maincontent .volunteers li.selected h6 .has-children { color: white; cursor: pointer; } #maincontent .volunteers li.selected h6 .has-children:before { content: '\f0d7\0000a0\0000a0'; display: inline-block; font-family: "fontawesome"; vertical-align: top; width: 13px; } #maincontent .volunteers li.selected h6 .has-children a { color: white; } #maincontent .volunteers li.selected h6 .has-children a:hover { text-decoration: underline; } #maincontent .volunteers li.selected .content { background-color: #ebebeb; width: 100%; } #maincontent .volunteers .level-two { margin-top: 0.2rem !important; padding-left: 4em; } #maincontent .volunteers .level-three { padding-left: 6em; } #maincontent .volunteers-list__item a { color: #666; } #maincontent .volunteers-list__item-left { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; width: 50%; } #maincontent .volunteers-list__item-left { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; width: 50%; } #maincontent .volunteers-list__item-header dt { float: left; width: 35%; } #maincontent .volunteers-list__item-header dt.heading { float: left; width: 100%; } #maincontent .volunteers-list__item-header dd { margin-left: 5%; padding-left: 5px; } #maincontent .volunteers-list__item-header dd::after { clear: both; content: ""; display: table; } #maincontent .volunteers-list__item-header .officer-sub-title { font-size: .775rem; font-style: italic; margin-top: -0.75rem; } #maincontent .volunteer-dl-logo { max-width: 1.4rem; } #maincontent .volunteer-dl-link { float: right; } #maincontent .volunteers-header { padding-bottom: 1rem; } #maincontent .volunteers-sorting { -ms-flex-align: center; align-items: center; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; justify-content: flex-end; } #maincontent .volunteers-sorting label { display: inline-block; white-space: nowrap; } #maincontent .volunteers-sorting select { margin: 0; margin-left: 0.5rem; max-width: 160px; } #maincontent.volunteer-team-details li.colview, #maincontent .volunteer-team-details li.colview { margin-bottom: 0.75rem !important; margin-left: 3% !important; padding-left: 5px; } #maincontent.volunteer-team-details li.colview a, #maincontent .volunteer-team-details li.colview a { color: #005a83; } #maincontent.volunteer-team-details li.colview a:hover, #maincontent .volunteer-team-details li.colview a:hover { text-decoration: underline; } #maincontent.volunteer-team-details .search-results-list, #maincontent .volunteer-team-details .search-results-list { margin-bottom: 2rem; } #maincontent.volunteer-team-details .search-results-list + hr, #maincontent .volunteer-team-details .search-results-list + hr { margin-bottom: 2rem; } #maincontent.volunteer-team-details .search-results-list h3, #maincontent .volunteer-team-details .search-results-list h3 { padding: 0.5rem 1rem; font-family: "Roboto", sans-serif; } #maincontent.volunteer-team-details .volunteer-other-positions h3, #maincontent .volunteer-team-details .volunteer-other-positions h3 { background-color: transparent !important; font-weight: bold; font-size: 14px; margin: 0; } #maincontent.volunteer-team-details .volunteer-other-positions ul li, #maincontent .volunteer-team-details .volunteer-other-positions ul li { margin-bottom: 0.75rem !important; margin-left: 10px !important; padding-left: 5px; } #maincontent.volunteer-team-details .volunteer-search__input, #maincontent .volunteer-team-details .volunteer-search__input { display: block; float: left; position: relative; width: 100%; } #maincontent.volunteer-team-details button.volunteer-search__clear-btn, #maincontent .volunteer-team-details button.volunteer-search__clear-btn { background-color: #ccc; border-radius: 24px; color: #333; font-size: 14px; height: 24px; line-height: 0; padding: 0; position: absolute; right: 8px; text-shadow: none; top: 50%; -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); transition: all 0.3s ease; width: 24px; z-index: 10; } #maincontent.volunteer-team-details button.volunteer-search__clear-btn:hover, #maincontent .volunteer-team-details button.volunteer-search__clear-btn:hover { background-color: #666; color: #fff; } #maincontent.volunteer-team-details #volunteersSearch button.btn.btn-primary[type="submit"], #maincontent .volunteer-team-details #volunteersSearch button.btn.btn-primary[type="submit"] { height: 37px; border: none; } .volunteer-team-members .volunteers-list__item-header { position: relative; } .volunteer-team-members .volunteers-list__item-header.has-children::before { position: absolute; } .volunteer-team-members .volunteers-list__item-header { display: -ms-flexbox; display: flex; position: relative; } @media screen and (max-width: 768px) { .volunteer-team-members .volunteers-list__item-header { -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .volunteer-team-members .volunteers-list__item-name { display: -ms-flexbox; display: flex; -ms-flex: 1 0 25%; flex: 1 0 25%; font-weight: bold; min-width: 240px; padding-left: 1rem; } @media screen and (max-width: 768px) { .volunteer-team-members .volunteers-list__item-name { -ms-flex: 1 1 25%; flex: 1 1 25%; } } .volunteer-team-members .volunteers-list__item-right { display: -ms-flexbox; display: flex; -ms-flex: 0 1 75%; flex: 0 1 75%; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .volunteer-team-members .volunteers-list__item-right { -ms-flex: 1 1 75%; flex: 1 1 75%; padding-left: 1rem; } } @media screen and (max-width: 768px) { .volunteer-team-members .volunteer-dl-link { display: block; float: none !important; position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } } .volunteer-team-members li.colview { margin-bottom: 0.75rem !important; margin-left: 3% !important; padding-left: 5px; } ul.volunteers-list { background-color: #ebebeb; list-style: none; margin: 0; } .volunteer-sig-chairs .alphabetical .volunteers-list__item-header { position: relative; } .volunteer-sig-chairs .alphabetical .volunteers-list__item-header.has-children::before { position: absolute; } .volunteer-sig-chairs .volunteers-list__item-header { display: -ms-flexbox; display: flex; position: relative; } @media screen and (max-width: 768px) { .volunteer-sig-chairs .volunteers-list__item-header { -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .volunteer-sig-chairs .volunteers-list__item-name { display: -ms-flexbox; display: flex; -ms-flex: 1 0 25%; flex: 1 0 25%; font-weight: bold; min-width: 240px; padding-left: 1rem; } @media screen and (max-width: 768px) { .volunteer-sig-chairs .volunteers-list__item-name { -ms-flex: 1 1 25%; flex: 1 1 25%; } } .volunteer-sig-chairs .volunteers-list__item-right { display: -ms-flexbox; display: flex; -ms-flex: 0 1 75%; flex: 0 1 75%; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 768px) { .volunteer-sig-chairs .volunteers-list__item-right { -ms-flex: 1 1 75%; flex: 1 1 75%; padding-left: 1rem; } } @media screen and (max-width: 768px) { .volunteer-sig-chairs .volunteer-dl-link { display: block; float: none !important; position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } } .volunteer-sig-chairs li.colview { margin-bottom: 0.75rem !important; margin-left: 3% !important; padding-left: 5px; } .goal-chart-container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; height: fit-content; background-color: #fff; padding-left: 10px; } .goal-chart-container .goal-chart { white-space: nowrap; position: relative; font-size: 140px; } .goal-chart-container .goal-chart-labels { font-size: 33px; margin-bottom: 10px; } .clients-map-container { width: 100%; margin: 0 auto; position: relative; display: flow-root; } .clients-map-container .clients-map { width: 100%; background-color: #fff; margin: 0; padding: 0; } .clients-map-container .clients-map-country { cursor: pointer; } .clients-map-container .clients-map-tooltip { position: fixed; white-space: nowrap; background: rgba(255, 255, 255, 0.9); border: 1px solid #ccc; padding: 5px; font-size: 14px; pointer-events: none; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3); display: none; z-index: 20; } .clients-map-container .clients-map-legend { position: absolute; background: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); font-size: 12px; padding: 10px; bottom: 10px; left: 10px; z-index: 10; } .clients-map-container .legend-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-bottom: 5px; } .clients-map-container .legend-color-box { width: 18px; height: 18px; margin-right: 8px; } .clients-map-container .zoom-controls-container { position: absolute; bottom: 10px; right: 10px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; gap: 1px; z-index: 10; } .clients-map-container .zoom-controls-button { width: 30px; height: 30px; background: white; border: 1px solid #ccc; border-radius: 0; cursor: pointer; font-size: 18px; font-weight: normal; text-align: center; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-user-select: none; -ms-user-select: none; user-select: none; outline: none; transition: background-color 0.2s, box-shadow 0.2s; margin: 0; padding: 0; color: #666; } .clients-map-container .zoom-controls-button:hover { background-color: #f0f0f0; color: #333; } .clients-map-container .zoom-controls-button:active { background-color: #e0e0e0; } .participants-filter-container { background-color: #fff; padding-top: 20px; } .participants-filter-container .participants-filter-select { width: calc(49% - 3px); min-width: max-content; display: inline-block; gap: 10px; margin-right: 2%; } .participants-filter-container .participants-filter-select:nth-child(even) { margin-right: 0; } .participants-nav-buttons .list-button { padding: 0; margin-bottom: 10px; } .participants-container { background-color: #fff; width: 100%; margin: 0 auto; padding: 0; color: #333; } .participants-container .region-group-title, .participants-container .subregion-group-title, .participants-container .country-group-title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; background-color: #cfcfcf; border: 1px solid #ddd; } .participants-container .region-group-title.expanded, .participants-container .subregion-group-title.expanded, .participants-container .country-group-title.expanded { background-color: #006ca0; color: #fff; } .participants-container .region-group-title { font-size: 18px; padding: .5rem 1rem; } .participants-container .subregion-group-title { font-size: 17px; padding: .5rem 3rem; } .participants-container .country-group-title { font-size: 16px; padding: .5rem 5rem; } .participants-container .region-group-list { display: contents; margin-bottom: .2rem !important; margin-top: 0; background-color: #ebebeb; } .participants-container .subregion-group-list, .participants-container .country-group-list { margin-bottom: .1rem !important; margin-top: 0; background-color: #ebebeb; } .participants-container .participants-list { list-style-type: circle; padding: 1rem 2rem 1rem 7rem; margin-bottom: .2rem !important; margin-top: 0; background-color: #ebebeb; } .participants-container .region-group-list li, .participants-container .subregion-group-list li, .participants-container .country-group-list li { margin-bottom: 0 !important; } .participants-container .participants-list li { padding: .2rem 0; } .participants-container .participant-data-group { list-style-type: none; } .participants-container .participant-group-title { font-size: 16px; font-weight: bold; cursor: pointer; padding: 0; border-bottom-width: 2px; border-bottom-color: #cfcfcf; border-bottom-style: dashed; } .participants-container .participant-group-title-header { color: #222; } .participants-container .participant-group-title.expanded { color: #fff; } .participants-container .participant-group-list { list-style-type: circle; margin-bottom: .2rem !important; padding-left: 2rem; } .participants-container .participants-dl-link { float: right; padding: 0; } .participants-container .participants-dl-logo { width: 1.4rem; } .participants-container .expandable-list { list-style-type: none; padding: 0; } .participants-container .expandable-group { display: none; } .participants-container .list-arrow { display: inline-block; margin-right: 10px; vertical-align: top; font-family: "fontawesome"; cursor: pointer; transition: transform 0.3s; } .participants-container .list-arrow.closed::before { color: #666; content: '\f0da\0000a0\0000a0'; } .participants-container .list-arrow.open::before { color: #fff; content: '\f0d7\0000a0\0000a0'; }