/* Effective stylesheet produced by snapshot save */
@import url("css.css");
html, body, div, span, applet, object, iframe, h1, h2, h3, .form-email-subscribe label, h4, h5, h6, p, .row-content--text ul, .row-content--media ul, .row-content--text ol, .row-content--media ol, .col--2, .form-email-subscribe div, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; font-size-adjust: inherit; font-stretch: inherit; font-feature-settings: inherit; font-language-override: inherit; font-kerning: inherit; font-synthesis: inherit; font-variant: inherit; font-size: 100%; vertical-align: baseline; }
html { line-height: 1; }
ol, ul { list-style: outside none none; }
q::before, q::after, blockquote::before, blockquote::after { content: none; }
a img { border: medium none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 106.25%; line-height: 1.64706em; }
a { text-decoration: none; color: rgb(0, 168, 225); font-weight: 600; }
a:hover { text-decoration: underline; }
body { font-family: "Open Sans",sans-serif; }
h1, h2, h3, .form-email-subscribe label, h4, h5, h6 { font-weight: bold; }
h1 { font-size: 32px; line-height: 35px; padding: 0px 12px; }
@media (min-width: 568px) {
  h1 { font-size: 2.94118em; line-height: 1.12em; padding: 0px; }
}
h2 { font-size: 1.64706em; line-height: 1.5em; }
@media (min-width: 800px) {
  h2 { font-size: 2.70588em; line-height: 1.21739em; }
}
.bold, strong, b { font-weight: bold; }
em, i { font-style: italic; }
sup { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.8em; }
.black { color: black ! important; }
html, body { height: 100%; }
body { width: 100%; }
body { max-width: 1600px; margin: auto; }
body::after { content: " "; display: block; clear: both; }
@media (min-width: 800px) {
  .container { padding-top: 0px; margin-top: 0px; }
}
.page-header { max-width: 100%; margin-left: auto; margin-right: auto; top: 0px; padding: 12px 0px; background-color: white; width: 100%; }
.page-header::after { content: " "; display: block; clear: both; }
@media (min-width: 800px) {
  .page-header { max-width: 1600px; padding: 0px; }
}
.brand { width: 48.3333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
@media (min-width: 800px) {
  .brand { width: 15%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
}
@media (min-width: 1600px) {
  .brand { padding-left: 0px; }
}
.brand a { display: block; background-repeat: no-repeat; background-size: 80% auto; height: 42px; width: 211px; margin: 0px; }
@media (min-width: 800px) {
  .brand a { background-size: 100% auto; margin: 20px 0px 20px 20px; height: 56px; width: 211px; }
}
.main-nav { display: none; }
.main-nav .sub-menu { display: none; }
@media (min-width: 800px) {
  .main-nav { display: block; background-color: transparent; width: 81.6667%; float: right; margin-left: 0.83333%; margin-right: 0.83333%; margin-top: 18px; padding-top: 0px; padding-right: 12px; }
  .main-nav ul { padding-right: 12px; width: auto; float: right; margin-top: 6px; }
}
@media (min-width: 800px) and (min-width: 1600px) {
  .main-nav ul { padding-right: 0px; }
}
@media (min-width: 800px) {
  .main-nav li { display: inline-block; margin: 0px 5px; text-align: left; padding: 6px 2px; }
  .main-nav a { display: inline-block; font-size: 0.76471em; line-height: 2.15385em; color: rgb(74, 74, 74); padding: 5px; font-weight: normal; }
  .main-nav img { display: inline-block; }
  .main-nav .optional { display: none; }
}
@media (min-width: 800px) and (min-width: 1152px) {
  .main-nav .optional { display: inline; }
}
@media (min-width: 800px) {
  .main-nav .sub-menu { display: none; position: absolute; z-index: 4; background-color: rgb(247, 247, 245); border: 1px solid rgb(210, 208, 208); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); padding: 6px; }
  .main-nav .sub-menu li { display: block; }
  .main-nav .sub-menu a { display: block; color: rgb(74, 74, 74); }
}
.menu-triangle { margin-top: -17px; position: absolute; }
.icon-search, .icon-lang { display: none; }
@media (min-width: 800px) {
  .icon-search a, .icon-lang a { margin-right: 0px; padding-right: 0px; }
  .icon-search a img, .icon-lang a img { vertical-align: middle; }
  .icon-search .optional, .icon-lang .optional { margin-left: 6px; }
}
.main-nav li.icon-search { border-left: 1px solid rgb(162, 162, 162); margin-left: 12px; padding-left: 16px; }
.mobile-header-icons { width: 48.3333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; text-align: right; margin-top: 6px; }
@media (min-width: 800px) {
  .mobile-header-icons { display: none; }
}
.mobile-header-icons li { display: inline-block; margin-right: 12px; }
.mobile-header-icons img { width: 32px; height: 32px; }
.mobile-close-nav { display: none; }
.mobile-icon-nav { display: none; }
.container-header { background-size: cover; width: 100%; height: 280px; background-color: rgb(247, 247, 245); background-position: left top; background-repeat: no-repeat; text-align: center; display: table; position: relative; padding-bottom: 25px; }
@media (min-width: 568px) {
  .container-header { background-size: cover; height: 300px; padding-bottom: 36px; }
}
@media (min-width: 800px) {
  .container-header { background-size: cover; height: 344px; background-position: center top; }
}
@media (min-width: 1280px) {
  .container-header { height: 400px; }
}
.container-header h1 { width: 100%; margin: 0px auto; }
@media (min-width: 800px) {
  .container-header h1 { width: 75%; }
}
.container-header-middle { display: table-cell; vertical-align: middle; }
.breadcrumbs { display: none; font-size: 0.82353em; line-height: 2em; margin-bottom: 6px; }
@media (min-width: 568px) {
  .breadcrumbs { display: block; }
}
.container-header-light h1 { color: black; text-shadow: 0px 0px 1px white; }
.container-header-light .breadcrumbs, .container-header-light .breadcrumbs a { color: black ! important; }
.single-uc_news .container-header, .single-uc_publications .container-header, .single-uc_videos .container-header { background-color: rgb(247, 247, 245); height: auto; padding: 72px 0px 236px; }
.media-image { margin: 0px auto; text-align: left; }
.media-image img { width: 480px; height: 400px; }
.content h2 { text-align: center; background-image: url("header-border.svg"); background-position: center bottom; background-repeat: no-repeat; padding-bottom: 26px; margin-bottom: 40px; }
.content p, .content .row-content--text ul, .row-content--text .content ul, .content .row-content--media ul, .row-content--media .content ul, .content .row-content--text ol, .row-content--text .content ol, .content .row-content--media ol, .row-content--media .content ol, .content .col--2, .content .form-email-subscribe div, .form-email-subscribe .content div { margin: 0.82353em 0px 1.64706em; }
.content img { width: 100%; height: auto; }
.row, .row--text_block, .row--media, .row--media--video, .row--horizontal_card, .row--grey, .row--blue, .row--call_out, .row--social, .row--black, .row--black--footer-menu, .row--black--top-border-grey, .row--quote { margin: 0px auto; overflow: hidden; padding: 40px 0px; }
.row--media, .row--media--video { margin-top: -250px; position: relative; z-index: 2; }
@media (min-width: 800px) {
  .row--media, .row--media--video { position: relative; z-index: 2; padding-left: 134px; }
}
.row-content, .row-content--video, .row-content--text, .row-content--media, .row-content--text_block, .row-content--horizontal_card, .row-content--3-cards, .row-content--4-cards, .row-content--corp-structure, .row-content--feature, .row-content--feature-video, .row-content--footer-menu, .row-content--footer-utility, .row-content--quote, .row-content--stats, .row-content--stats-3, .row-content--email-subscribe { overflow: hidden; max-width: 730px; margin: 0px auto; }
.row-content--text, .row-content--media, .row-content--text_block { padding: 0px 3%; }
@media (min-width: 568px) {
  .row-content--text, .row-content--media, .row-content--text_block { padding: 0px 1%; }
}
.row-content--text a[href^="http://"]:not([href*="univcan.ca"]), .row-content--media a[href^="http://"]:not([href*="univcan.ca"]), .row-content--text a[href^="https://"]:not([href*="univcan.ca"]), .row-content--media a[href^="https://"]:not([href*="univcan.ca"]), .row-content--text_block a[href^="http://"]:not([href*="univcan.ca"]), .row-content--text_block a[href^="https://"]:not([href*="univcan.ca"]) { background: transparent url("urn:not-loaded:http://www.univcan.ca/wp-content/themes/univcan/images/icons/external.svg") no-repeat scroll right center; padding-right: 18px; }
.row-content--text a[href$=".pdf"]:not(.no-icon-button), .row-content--media a[href$=".pdf"]:not(.no-icon-button), .row-content--text_block a[href$=".pdf"]:not(.no-icon-button) { background: transparent url("urn:not-loaded:http://www.univcan.ca/wp-content/themes/univcan/images/icons/pdf-mini.gif") no-repeat scroll right center; padding-right: 18px; }
.row-content--text a[href$=".doc"]:not(.no-icon-button), .row-content--media a[href$=".doc"]:not(.no-icon-button), .row-content--text_block a[href$=".doc"]:not(.no-icon-button) { background: transparent url("urn:not-loaded:http://www.univcan.ca/wp-content/themes/univcan/images/icons/doc-mini.gif") no-repeat scroll right center; padding-right: 18px; }
.row-content--text a[href$=".docx"]:not(.no-icon-button), .row-content--media a[href$=".docx"]:not(.no-icon-button), .row-content--text_block a[href$=".docx"]:not(.no-icon-button) { background: transparent url("urn:not-loaded:http://www.univcan.ca/wp-content/themes/univcan/images/icons/doc-mini.gif") no-repeat scroll right center; padding-right: 18px; }
.row-content--text a[href$=".xlsx"]:not(.no-icon-button), .row-content--media a[href$=".xlsx"]:not(.no-icon-button), .row-content--text_block a[href$=".xlsx"]:not(.no-icon-button) { background: transparent url("urn:not-loaded:http://www.univcan.ca/wp-content/themes/univcan/images/icons/xls-mini.gif") no-repeat scroll right center; padding-right: 18px; }
.row-content--media { max-width: 600px; }
.row-content--4-cards { max-width: 1003px; }
.row-content--footer-menu, .row-content--footer-utility { max-width: 1024px; padding: 24px 0px; }
.row-content--footer-utility { padding: 24px 2%; }
.row--grey { background-color: rgb(247, 247, 245); width: 100%; max-width: 100%; }
.row--blue, .row--call_out, .row--social { background-color: rgb(0, 168, 225); width: 100%; max-width: 100%; }
.row--black, .row--black--footer-menu, .row--black--top-border-grey { background-color: black; width: 100%; max-width: 100%; }
.row--black--footer-menu { padding-bottom: 0px; }
.row--black--top-border-grey { border-top: 1px solid rgb(74, 74, 74); }
.row--social { padding: 60px 0px; text-align: center; }
.row--social p a, .row--social .row-content--text ul a, .row-content--text .row--social ul a, .row--social .row-content--media ul a, .row-content--media .row--social ul a, .row--social .row-content--text ol a, .row-content--text .row--social ol a, .row--social .row-content--media ol a, .row-content--media .row--social ol a, .row--social .col--2 a, .row--social .form-email-subscribe div a, .form-email-subscribe .row--social div a { display: inline-block; margin-top: 12px; color: white ! important; border-bottom: 2px solid white; padding-bottom: 4px; }
.row--social a:hover { text-decoration: none; border-color: rgb(0, 168, 225); }
.content .card-list, .content .card-list-2, .content .card-list-3, .content .card-list-4, .content .card-list-archive { overflow: hidden; margin: 0px; list-style: outside none none ! important; }
.card-list-4 { overflow: hidden; padding: 0px 4%; }
@media (min-width: 568px) {
  .card-list-4 { padding: 0px; max-width: 764px; margin: 0px auto; }
  .card-list-4 li.col { width: 41.6667%; float: left; margin-left: 4.16667%; margin-right: 4.16667%; height: 415px; }
}
@media (min-width: 800px) {
  .card-list-4 { max-width: 1152px; }
  .card-list-4 li.col { width: 22.7273%; float: left; margin-left: 1.13636%; margin-right: 1.13636%; height: 415px; }
}
li.col { margin-bottom: 40px; padding: 0px ! important; }
.card, .card--tweet { display: block; word-wrap: break-word; height: auto; border-bottom: 7px solid rgb(0, 168, 225); background-color: white; text-align: center; position: relative; margin: 0px auto; }
.card:hover, .card--tweet:hover { text-decoration: none; box-shadow: 0px 0px 5px rgb(162, 162, 162); }
@media (min-width: 568px) {
  .card, .card--tweet { height: 100%; }
}
.card p, .card--tweet p, .card .row-content--text ul, .row-content--text .card ul, .card--tweet .row-content--text ul, .row-content--text .card--tweet ul, .card .row-content--media ul, .row-content--media .card ul, .card--tweet .row-content--media ul, .row-content--media .card--tweet ul, .card .row-content--text ol, .row-content--text .card ol, .card--tweet .row-content--text ol, .row-content--text .card--tweet ol, .card .row-content--media ol, .row-content--media .card ol, .card--tweet .row-content--media ol, .row-content--media .card--tweet ol, .card .col--2, .card--tweet .col--2, .card .form-email-subscribe div, .form-email-subscribe .card div, .card--tweet .form-email-subscribe div, .form-email-subscribe .card--tweet div { margin: 0.41176em 0px; }
.card img, .card--tweet img { width: 100%; height: auto; }
.card .card-meta, .card--tweet .card-meta, .card .card-footer, .card--tweet .card-footer { font-size: 0.82353em; line-height: 2em; color: rgb(162, 162, 162); height: 28px; }
.card .card-title, .card--tweet .card-title { font-size: 18px; line-height: 20px; font-weight: bold; color: rgb(74, 74, 74) ! important; margin-bottom: 36px; padding: 0px 7%; }
@media (min-width: 568px) {
  .card .card-title, .card--tweet .card-title { font-size: 17px; line-height: 20px; margin-bottom: 0px; }
}
@media (min-width: 568px) {
  .card .card-footer, .card--tweet .card-footer { position: absolute; width: 100%; bottom: 0px; height: auto; }
}
.card-image-container { position: relative; }
.social-list { overflow: hidden; width: auto; display: inline-block; }
.social-list li { display: inline-block; float: left; padding-right: 24px; }
.social-list li:last-child { padding-right: 0px; }
.cols--footer { overflow: hidden; padding: 0px 2%; }
@media (min-width: 800px) {
  .cols--footer { padding: 0px; }
}
.cols--footer .col { overflow: hidden; float: left; margin-left: 1%; margin-right: 1%; width: 48%; }
.cols--footer .col:nth-child(3n+1) { clear: left; }
@media (min-width: 568px) {
  .cols--footer .col { margin-left: 10%; margin-right: 10%; width: 30%; }
}
@media (min-width: 800px) {
  .cols--footer .col { display: block; float: left; margin-left: 2%; margin-right: 2%; width: 15%; }
  .cols--footer .col:first-child { width: 18%; }
  .cols--footer .col:nth-child(3n+1) { clear: none; }
}
@media (min-width: 1052px) {
  .cols--footer .col { width: 16%; margin-left: 1%; margin-right: 1%; }
}
.footer-logo { display: none; }
@media (min-width: 800px) {
  .footer-logo { display: block; }
  .footer-logo img { width: 100%; }
}
.link-list { font-size: 0.82353em; line-height: 2em; }
.link-list a { color: rgb(162, 162, 162); padding: 4px 0px; display: block; }
.link-list li { line-height: 16px; }
.link-list-title { margin-top: 16px; color: white; font-weight: bold; }
.link-list-title a { color: white; font-weight: bold; }
.footer-logo-mobile { text-align: center; border-top: 1px solid rgb(74, 74, 74); padding-top: 24px; margin-top: 24px; }
@media (min-width: 800px) {
  .footer-logo-mobile { display: none; }
}
.footer-utility { font-size: 0.82353em; line-height: 2em; color: rgb(162, 162, 162); margin-left: 10%; margin-right: 10%; }
@media (min-width: 800px) {
  .footer-utility { margin-left: 0%; margin-right: 0%; }
}
.footer-utility a { color: rgb(162, 162, 162); }
@media (min-width: 800px) {
  .footer-utility ul { float: right; }
}
@media (min-width: 800px) {
  .footer-utility li { display: inline-block; margin-left: 24px; }
}
.content .media-image { text-align: center; margin-top: 12px; }
@media (min-width: 800px) {
  .content .media-image { text-align: left; margin-top: 0px; }
}
.content .media-image img { width: 480px; height: auto; max-width: 100%; }
.row-content--text img, .row-content--media img { height: auto; width: auto; max-width: 100%; }
.media-meta { font-size: 0.82353em; line-height: 2em; text-align: center; }
@media (min-width: 800px) {
  .media-meta { margin-left: -165px; position: absolute; text-align: left; top: 464px; }
}
@media (min-width: 800px) {
  .media-meta-social { margin-top: 70px; padding-top: 20px; border-top: 1px solid rgb(210, 208, 208); width: 50px; }
}
.media-meta-social img { width: auto; height: auto; }
.media-meta-social a:first-child { padding-right: 18px; }
.post-navigation { overflow: hidden; background: rgb(247, 247, 245) none repeat scroll 0% 0%; border-style: solid; border-color: rgb(210, 208, 208); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px 0px; height: 100%; }
.post-navigation a { display: block; padding: 36px; width: 50%; float: left; }
.post-navigation a:first-child { padding-right: 72px; text-align: right; border-right: 1px solid rgb(210, 208, 208); }
.post-navigation a:last-child { padding-left: 72px; text-align: left; border-left: 1px solid rgb(210, 208, 208); }
.post-navigation a:hover { text-decoration: none; background-color: rgb(210, 208, 208); }
.post-navigation a .optional { display: none; }
@media (min-width: 800px) {
  .post-navigation a .optional { display: block; }
}
@media (min-width: 568px) {
  ul.corp-structure li:nth-child(2n+1) { clear: both; }
}
@media (min-width: 800px) {
  ul.corp-structure li:nth-child(2n+1) { clear: none; }
  ul.corp-structure li:nth-child(4) { clear: both; }
}
.wcag-hide { margin-left: -5000px; height: 0px; }
.data-table tr:nth-child(2n) { background-color: rgb(247, 247, 245); }
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before { top: 12px ! important; }
.search-modal { display: none; position: absolute; width: 100% ! important; height: 100%; top: 0px; background-color: black; z-index: 20; left: 0px; }
.search-modal-row { display: table-cell; vertical-align: middle; }
.search-modal form, form.search-form { display: block; position: relative; width: 100%; max-width: 615px; padding: 40px 7%; margin: 1%; background-color: rgb(247, 247, 245); }
@media (min-width: 800px) {
  .search-modal form, form.search-form { padding: 40px 7%; margin: auto; }
}
.search-box { overflow: hidden; border: 1px solid rgb(162, 162, 162); width: 100%; background-image: url("urn:not-loaded:http://www.univcan.ca/wp-content/themes/univcan/images/icons/loupe.svg?1434393239"); background-repeat: no-repeat; background-size: 6% auto; background-position: 96% center; margin-bottom: 36px; }
.search-box input[type="text"] { border: medium none; padding: 14px; font-size: 16px; color: rgb(74, 74, 74); width: 87%; background-color: transparent; float: left; }
@media (min-width: 800px) {
  .search-box input[type="text"] { font-size: 20px; padding: 20px; }
}
.search-box input[type="submit"] { background-color: transparent; border: medium none; text-indent: -9999px; float: right; width: 13%; height: 48px; }
@media (min-width: 800px) {
  .search-box input[type="submit"] { height: 63px; }
}
.search-cols { font-size: 14px; overflow: hidden; }
.search-cols a { color: rgb(162, 162, 162); font-weight: normal; }
.search-col { margin-bottom: 36px; }
@media (min-width: 800px) {
  .search-col { width: 48.3333%; float: left; margin-left: 0.83333%; margin-right: 0.83333%; }
}
.search-brand { max-width: 166px; }
.search-modal-close { display: block; color: black; float: right; font-size: 28px; margin-top: -30px; margin-bottom: 20px; }
@media (min-width: 800px) {
  .search-modal-close { position: absolute; color: black; float: right; right: 10px; top: 10px; margin-top: 0px; }
}
.search-modal-close:hover { text-decoration: none; }
.search-item:nth-child(2n+1) { background-color: rgb(247, 247, 245); }