/*- END TODO: Make into new variable to set from loader -*/
/* ================================= */
/* COLORS                            */
/* ================================= */
/* $brand-bar-background                   : null; */
/* $brand-bar-border                       : null; */
/* $brand-bar-text                         : null; */
/* $brand-text                             : null; */
/* $brand-headings                         : null; */
/* $brand-accent-text                      : null; */
/* $brand-highlight-text                   : null; */
/* $brand-highlight-text-background        : null; */
/* $brand-link                             : null; */
/* $brand-link-hover                       : null; */
/* $brand-border                           : null; */
/* $brand-icon                             : null; */
/* $brand-form-field                       : null; */
/* $brand-form-text                        : null; */
/* $brand-shadow                           : null; */
/* bar colors */
/* $bar-background                         : null; */
/* $bar-background-gradient                : null; */
/* $bar-background-highlight               : null; */
/* $bar-background-hover                   : null; */
/* $bar-bar-background                     : null; */
/* $bar-bar-border                         : null; */
/* $bar-bar-text                           : null; */
/* $bar-text                               : null; */
/* $bar-headings                           : null; */
/* $bar-accent-text                        : null; */
/* $bar-highlight-text                     : null; */
/* $bar-highlight-text-background          : null; */
/* $bar-link                               : null; */
/* $bar-link-hover                         : null; */
/* $bar-button-background                  : null; */
/* $bar-button-gradient                    : null; */
/* $bar-button-border                      : null; */
/* $bar-button-text                        : null; */
/* $bar-border                             : null; */
/* $bar-icon                               : null; */
/* $bar-form-field                         : null; */
/* $bar-form-text                          : null; */
/* $bar-shadow                             : null; */
/* content colors */
/* $content-background-hover               : null; */
/* $content-highlight-text                 : null; */
/* $content-highlight-text-background      : null; */
/* $content-form-field                     : null; */
/* $content-form-text                      : null; */
/* $content-shadow                         : null; */
/* aside colors */
/* $aside-background-hover                 : null; */
/* $aside-highlight-text                   : null; */
/* $aside-highlight-text-background        : null; */
/* $aside-form-field                       : null; */
/* $aside-form-text                        : null; */
/* $aside-shadow                           : null; */
/*$baseFontSize			: 100%;*/
/*$contentFontSize		: $baseFontSize;*/
/* ==================================================================================
   Responsive App Variables
   ================================================================================== */
/* Icon Font */
/* Icon Maps - Mapping PF Icons to Vendor's Font Icons */
/* Possibly add key:value "label: offscreen or onscreen" to each icon??? */
/* ------------------------------------------------------------------------------------
   START: global colors

   these are the global color settings that a skin is expected to set.  a skin can
   add any logic or linking they want to these variables.  for example, the 'safari'
   skin doesn't have as many different colors so many of these variables may just
   be linked to each other.

   if the skin fails to initialize any of these values, then the default will be set
   after this block.
   ------------------------------------------------------------------------------------ */
/* branding colors */
/* bar colors */
/* content colors */
/* aside colors */
/* color override groups */
/* utility bar */
/* utility nav */
/* browse menu (aka: main nav) */
/* homepage (aka: start page) */
/* user menu (my content, my searches) - this defaults to the same colors as the browse menu */
/* smart nav */
/* login panel */
/* sidebar */
/* index cards */
/* ecommerce - this defaults to index card colors for now but seems likely these may be pulled out later */
/* quick search form field */
/* the page body itself */
/* bibliography */
/* Search Results */
/* ---------------------------------------------------------------------------------
   END: global colors
   ---------------------------------------------------------------------------------*/
/*
   function to lookup a color from the $color-groups global map
     - $override: The color override.  if not null this value is returned.
     - $group: The name of the color group to pull a color from.
     - $setting: The name of the setting within the color group to use.

   NOTE: this function should live in _functions.scss but because that is included
   after this file, that means this function could not be used in this file.
   Currently this function will be used heavily at the end of this file to set all
   of the granular color variables.  Ultimately, these need to be pushed into their
   modular scss files and then this function can be put back in _functions.scss
*/
/* build a map of all of the global default colors which is used by lookup-color */
/* default variable linkings */
/* Layout */
/* Moved from _config.scss into the Layout variables section */
/* Images */
/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 *
 * GENERIC VARIABLES
 *
 * The following variables may be used to populate feature-specific variables, and
 * may also be used as a guide for the creation of placeholders, mixins or functions
 * when we convert to a CSS pre-processor.
 *
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */
/* Footer */
/* Masthead (Document Header) */
/* Content Panels, Blocks and Modules */
/* Content Panels */
/* CMS-generated Content Blocks */
/* CMS-generated Navigation Blocks */
/* Generic Navigation */
/* Tree Collapser */
/* Forms */
/* Form Fieldsets */
/* From Legends */
/* Form Labels */
/* Form Controls - inputs, textareas and selects */
/* Form Buttons */
/* Buttons */
/* Toggle Buttons */
/* Search Modules -- Containing block for a search form */
/* Search Form -- E.g., Quick Search, Search Within, Jump to Content */
/* **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 *
 * FEATURE-SPECIFIC VARIABLES
 *
 * The following variables are used to style specific features, and
 * may also inherit styling of generic variables for stylistic consistency.
 *
 * **********************************************************************************
 * **********************************************************************************
 * **********************************************************************************
 */
/* Faceted Navigation */
/* Main Navigation */
/* Ancillary Navigation Bar */
/* Utility Navigation */
/* User Navigation */
/* Locale Selector Menu */
/* Article Navigation */
/* Table of Contents */
/* Login Module (Form Module) */
/* Hero Block */
/* Modals, Overlays and Popups */
/* Toolbars */
/* Nav Ribbon */
/* Tabbed Content */
/* Tabular Content */
/* Content Items */
/* Index Cards */
/* Search Header */
/* Title Banner */
/* Breadcrumbs */
/* Page Title */
/* Ecommerce Offers */
/* Accessibility */
/* content boxes */
/*
   utility function to return a default value if a variable is not set.
*/
/* when markup is updated, remove ".t-zone .loading," */
.t-zone .loading,
.is-loading {
  width: 100%;
  min-height: 60px;
  /* so loading doesn't cause the page to shift! */
  background: transparent url(../img/ajax-loader-large.gif) no-repeat left center;
}

.t-loading {
  background-image: url("../img/ajax-loader.gif") !important;
}

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}

.t-invisible,
.ir br {
  display: none;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.hiddenModule {
  display: none;
}

.visuallyhidden {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  /*padding: 0;
  border: 0;*/
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  overflow: visible;
}

.invisible {
  visibility: hidden;
}

*,
*:hover,
*:focus,
*:before,
*:after {
  background: none !important;
  color: black !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  -ms-filter: none !important;
}

a,
a:hover,
a:focus,
a:visited {
  text-decoration: none !important;
}

/* expand links for print */
/*a[href]:after { 
    content: " (" attr(href) ")"; 
} 
a[href^="javascript:"]:after, 
a[href^="#"]:after { 
    content: ""; 
}*/
abbr[title]:after {
  content: " (" attr(title) ")";
}

p,
h2,
h3 {
  orphans: 3;
  widows: 3;
}

h2,
h3 {
  page-break-after: avoid;
}

tr,
img,
pre,
blockquote {
  page-break-inside: avoid;
}

thead {
  display: table-header-group;
}

img {
  max-width: 100% !important;
  /*-webkit-filter: grayscale(1);
  filter: grayscale(1);
  filter: gray;
  filter : url ("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrixtype=\'matrix\'values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");*/
}

.visuallyhidden {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.hi-visible .hi {
  background-color: #f5f2f0;
}

/* Base Layout
   ========================================================================== */
#contentWrapper,
#headerWrap,
#header,
#columnWrapper,
#columnsTop,
#pageBody,
#mainContent,
#columnOne,
#columnTwo,
#columnsBottom,
#columnOne,
#footerWrap,
#footer {
  position: static;
  float: none !important;
  clear: none;
  margin: 0 !important;
  padding: 0 !important;
  height: auto;
  width: auto !important;
  min-height: 0;
  max-width: none;
  border: none;
}

#footerWrap {
  position: relative;
}

#contentWrapper {
  margin: 1cm 2cm !important;
}

@media screen and (max-width: 1024px) {
  #contentWrapper {
    margin: 1cm 1cm !important;
  }
}
#headerWrap,
#columnWrapper {
  margin-bottom: 2em !important;
}

/*- remove flexbox ordering to fix PFCORE-2684
#mainContent,
#columnOne,
#columnTwo {
    flex: 1 100%;
}
#mainContent {
    order: 1;
}
#columnOne {
    order: 2;
}
#columnTwo {
    order: 3;
}*/
#footerWrap {
  padding-top: 1em !important;
  border-top: 1px solid #cfd5e5;
}

/* CMS Content Blocks
   ========================================================================== */
#mainContent,
#columnOne,
#columnTwo {
  margin-bottom: 1.67em;
}

#preColumnBlock,
#postColumnBlock,
#columnTwoTopBlock,
#columnTwoBottomBlock {
  float: none;
  width: 100%;
}

.sidebar .contentBlock,
.sidebar .module,
.contentBlock,
.module {
  margin: 0 0 1.67em 0;
  padding: 0;
}

.contentBlock nav li {
  border: none;
}

/* Hero Block
   ========================================================================== */
.hero-block {
  background-color: #f5f2f0 !important;
}
.hero-block:before {
  background-image: none;
}

/* Buttons, Actions, Tools
   ========================================================================== */
.pageLinks,
.actions,
.btnRss,
.dialog_close,
.actionButtons,
.pdf,
.button {
  display: none !important;
}

.t-data-grid thead th.t-sort-column-ascending a:last-child,
.t-data-grid thead th.t-sort-column-descending a:last-child {
  background: none;
}

/* Headings
   ========================================================================== */
.intro,
#newsTitle,
#newsHeadline,
#newsByline,
#pagetitle {
  margin: 0 0 0.833em 0 !important;
  padding: 0;
  border: none;
}

/* Content Panels
   ========================================================================== */
#noresults,
#searchContent,
#readPanel,
#pageContent,
.content-panel {
  float: none;
  padding: 0;
}

/* Branding
   ========================================================================== */
#headerLogo {
  float: none !important;
  margin: 0;
  font-size: 2em;
  line-height: 1.4;
  max-width: 100%;
  width: 100%;
  position: static;
}
#headerLogo a {
  background: none;
  width: auto !important;
  height: auto !important;
}
#headerLogo a:before {
  display: none;
}
#headerLogo span {
  left: 0;
  position: static !important;
  text-indent: 0 !important;
}

#footerLogoWrap .attribution {
  display: inline-block;
  position: static;
  left: 0;
}

#footerLogo {
  float: none;
  display: inline-block;
}
#footerLogo a {
  background: none;
  width: auto;
  height: auto;
}
#footerLogo span {
  text-indent: 0;
}

/* Toggles
   ========================================================================== */
.site-nav-toggle,
.article-nav-toggle,
.news-nav-toggle,
.faceted-nav-toggle,
.toc-toggle,
.toggle,
.index-card-toggle {
  display: none !important;
}

/* Navigation
   ========================================================================== */
#newsNavigation,
#entryPrevNextNav,
#footerNav,
.contentPage .toc,
.smart-nav-wrap,
.nav-ribbon,
.local-nav,
.news-nav-menu,
.article-nav-menu,
.faceted-nav,
.locale-menu,
.user-nav-menu,
.util-nav-menu,
.site-nav-menu,
.static-nav-menu {
  display: none;
}

/* Breadcrumbs
   ========================================================================== */
.breadcrumbs {
  margin: 0 0 1.167em 0;
  padding: 0;
}

/* Messages, Alerts, Promts
   ========================================================================== */
.contentRestrictedMessage {
  padding: 0;
}

/* Search Forms
   ========================================================================== */
.site-search,
.searchModule {
  display: none;
}

/* Search Header
   ========================================================================== */
.searchHeader {
  padding: 0;
  margin-bottom: 1.33em;
}
.searchHeader h2 {
  display: inline;
  padding: 0;
}
.searchHeader .modifySearch,
.searchHeader .clearAll,
.searchHeader .remove {
  display: none;
}
.searchHeader .searchTerm {
  display: inline;
  padding: 0;
  border: none;
}

/* Content Items (Search Results)
   ========================================================================== */
.contentItem {
  page-break-inside: avoid;
}
#searchContent .contentItem:first-child {
  border-top: 1px solid #cfd5e5;
}

/* Authentication: Login Panel
   ========================================================================== */
#loginPanel {
  display: none;
}

/* Index Cards
   ========================================================================== */
.indexCard {
  float: none;
  border: 1px solid #cfd5e5;
  margin-bottom: 1.67em;
}
.indexCard::after {
  clear: both;
  content: "";
  display: table;
}

/* Sidebar / Aside
   ========================================================================== */
.sidebar {
  padding: 0;
  border: none;
}

/* Table of Contents
   ========================================================================== */
.sidebar .toc-menu {
  display: none;
}

.toc:not(.issue-toc) li {
  border: none;
}

/* Related Content
   ========================================================================== */
.sidebar .module {
  display: none;
}

/* Tabbed Navigation
   ========================================================================== */
.tab-list {
  display: none;
}
.tab-panel {
  border: none;
}
.tab-panel + .tab-panel {
  border-top: 1px solid #cfd5e5;
}

/* My Stuff Pages
   ========================================================================== */
.accountForm {
  margin-bottom: 1.67em;
}
.accountForm + .accountForm {
  padding-top: 1.67em;
  border-top: 1px solid #cfd5e5;
}

/* List and Data Grid Controls
   ========================================================================== */
.resultStats,
.resultsBar {
  display: none;
}

/* Tablular Data -- Data Grids
   ========================================================================== */
.data-grid .order,
.data-grid .checkbox,
.data-grid .download,
.data-grid .actions {
  display: none;
}

/* Tags Module -- My Groups, My Tags, etc
   ========================================================================== */
.tagsModule {
  display: none;
}

/* Collapsible Tree Lists
   ========================================================================== */
.toc-menu .toc-tools {
  display: none;
}

.collapser li .toggle {
  display: none;
}
.collapser li.open > ul, .collapser li.shut > ul {
  display: block;
}

/* if more than one abstract, just show the first - when only one, it will
   be both first and last of type, and CSS priority will ensure it shows (as first of type) 
 */
.abstract:last-of-type {
  display: none !important;
}

.abstract .lesstoggle {
  display: none !important;
}

.indexCard .metaBlock .metadata > *,
.abstract:first-of-type {
  display: block !important;
}

.indexCard .metaBlock .buy-print-link {
  display: inline-block !important;
}

/* News Pages (CMS-Generated)
   ========================================================================== */
.news-header {
  margin: 0 0 1.67em 0;
  padding: 0;
  border: none;
}
.news-list.archive-list, .news-header .news-date, .news-article .news-content {
  padding: 0;
}
.news-header .news-date {
  margin-bottom: 1.33em;
  color: #868a8b;
}
.news-item {
  page-break-inside: avoid;
}

/* Core Content
   ========================================================================== */
#contentRoot {
  padding: 0 !important;
  max-width: 100%;
}

@media print {
  #contentWrapper {
    width: auto !important;
    margin: 0 !important;
  }

  @page {
    /* this affects the margin in the printer settings */
    margin: 1cm 2cm;
  }
}
p.keywords {
  border-top: 1px solid #cfd5e5 !important;
  border-bottom: 1px solid #cfd5e5 !important;
  padding: 0.67em 0 !important;
}

/* New Title Page (customizable layout) 
   ========================================================================== */
.page-viewtitle .indexCard {
  margin-top: 0;
  margin-bottom: 30px;
  border: none;
  padding: 0;
}

#footer {
  padding-bottom: 60px !important;
}

#searchWithinDocumentDesktop {
  display: none !important;
}

.push {
  display: none;
}

/* OUP Overrides SASS file                                        */
/* If you edit this file: Be EXTRA sure it is not something that needs to go into base PubFactory and */
/* please remember to notate which .scss module or file you are overriding if appropriate       */
#navigation, div.expandContractButtons, #headerUtilityBar, #columnOne, #cssXslControls, #institutioninfo, a.logout {
  display: none !important;
}

#headerWrap, #navigation {
  background: transparent !important;
}

#headerLogo {
  height: auto !important;
  padding-left: 0 !important;
}

.printPreview, .pdfPrintPreview {
  overflow: visible;
}
.printPreview table, .pdfPrintPreview table {
  max-width: 100% !important;
  height: auto !important;
  table-layout: fixed !important;
  font-size: 15px !important;
}
.printPreview table .content-table-xl, .pdfPrintPreview table .content-table-xl {
  page: landscape;
  display: block;
}

@page {
  margin: 1cm 10% 2cm 10%;
  @top-left {
    margin-bottom: 0.5cm;
  }
  html {
    overflow: visible;
  }

  #contentBody {
    width: 100% !important;
  }

  table {
    max-width: 100% !important;
    height: auto !important;
    font-size: 14px !important;
  }
}